@openmrs/esm-app-shell 3.1.10-pre.579 → 3.1.10-pre.590

package/lib/esm-offline-tools-app/713.openmrs-esm-offline-tools-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"713.openmrs-esm-offline-tools-app.js","mappings":"sPAQa,IAAI,IALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,QAAe,YAAkB,GCkBjC,EApB0D,EACxDA,OAAQC,EACRC,gBAAAA,GAAkB,EAClBC,eAAAA,EACAC,SAAAA,KAGE,gDACGF,GACC,wBAAC,EAAAG,cAAD,CAAeC,kBAAkB,qBAEnC,kCAAQC,UAAWC,EAAAA,qBACjB,8BAAID,UAAWC,EAAAA,YAAoBP,GAClCE,GAEFC,G,wBCjBM,IAAI,IALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,QAAe,YAAkB,GCejC,EAjB4D,EAC1DJ,OAAAA,EACAS,QAAAA,EACAC,UAAAA,GAAY,KAGV,mCACE,8BAAIH,UAAWC,EAAAA,SAAiBR,GAC/BU,EACC,wBAACC,EAAA,EAAD,CAAcC,SAAO,IAErB,gCAAML,UAAWC,EAAAA,qBAA6BC,I,kCCbzC,IAAI,IALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,QAAe,YAAkB,G,6NCAjC,MA+BA,EA/BkD,EAChDT,OAAAA,EACAa,SAAAA,EACAT,SAAAA,KACGU,MAEH,MAAM,EAAEC,IAAMC,EAAAA,EAAAA,kBACRC,GAAUC,EAAAA,EAAAA,cAEhB,OACE,wBAACC,EAAA,GAAD,KACML,EADN,CAEEM,OAAK,EACLb,UAAY,GAAEC,EAAAA,gBAAuBM,EAAKP,cAE1C,+BAAKA,UAAWC,EAAAA,iBACd,8BAAID,UAAWC,EAAAA,qBAA6BR,GAC5C,wBAACqB,EAAA,EAAD,CACEC,KAAK,QACLC,WAAYC,EAAAA,EACZC,KAAK,KACLC,QAAS,IAAMT,EAAQU,KAAKd,IAE3BE,EAAE,uBAAwB,UAG/B,+BAAKR,UAAWC,EAAAA,kBAA0BJ,K,wBC9BzC,SAASwB,IACd,OAAOC,EAAAA,EAAAA,IAAO,0BAA0BC,UAGtC,MAAMC,GAAKC,EAAAA,EAAAA,gBACLC,QAAcF,EAAGG,UAAUC,UAEjC,OADAF,EAAMG,MAAK,CAACC,EAAGC,IAAMA,EAAEC,UAAUC,UAAYH,EAAEE,UAAUC,YAClDP,K,6NCLX,MAgCA,EA/BEQ,IAEA,MAAM,EAAE1B,IAAMC,EAAAA,EAAAA,mBACR,KAAE0B,GAASd,IAEjB,OACE,wBAAC,EAAD,GACE5B,OAAQe,EAAE,uCAAwC,mBAClDF,SAAU8B,EAAAA,EAAAA,qBACNF,GAEJ,wBAAC,EAAD,CACEzC,OAAQe,EACN,+CACA,oBAEFL,WAAYgC,EACZjC,QAAS,gDAAGiC,MAAAA,OAAH,EAAGA,EAAME,QAAQC,GAAMA,EAAEC,YAAWC,UAE/C,wBAAC,EAAD,CACE/C,OAAQe,EACN,8CACA,kBAEFL,WAAYgC,EACZjC,QAAS,gDAAGiC,MAAAA,OAAH,EAAGA,EAAMK,YClCnB,SAASC,IACd,MAAMC,GAAQC,EAAAA,EAAAA,8BACd,OAAOC,EAAAA,EAAAA,UAASF,GC6BlB,QA1BuC,KACrC,MAAM,EAAElC,IAAMC,EAAAA,EAAAA,kBACRoC,EAeR,WACE,MAAMH,EAAQD,IACd,OAAOK,OAAOC,OAAOL,EAAMM,6BAA6BX,QACrDY,GAC4C,IAA3CA,EAAiBC,eAAeV,QACY,IAA5CS,EAAiBE,gBAAgBX,SACnCA,OArBiBY,GAEnB,OACE,wBAAC,EAAD,CACE3D,OAAQe,EAAE,iCAAkC,YAC5CF,SAAU8B,EAAAA,EAAAA,sBAEV,wBAAC,EAAD,CACE3C,OAAQe,EAAE,qCAAsC,cAChDN,QAAS2C,M,aCVJ,IAAI,IALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,QAAe,YAAkB,GCKjC,EAXyC,IAErC,+BAAK7C,UAAWC,EAAAA,uBACd,wBAAC,EAAD,MAC8B,IAE9B,wBAAC,EAAD,O,cCJO,IAAI,IALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,QAAe,YAAkB,GCSjC,EAduB,KACrB,MAAM,EAAEO,IAAMC,EAAAA,EAAAA,kBAEd,OACE,wBAAC,EAAD,CAAkBhB,OAAQe,EAAE,aAAc,iBACxC,wBAAC,EAAD,MAEA,+BAAKR,UAAWC,EAAAA,+BACd,wBAAC,EAAAH,cAAD,CAAeC,kBAAkB,wC,wBCP5B,IAAI,IALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,QAAe,YAAkB,GCejC,EAjBiC,KAC/B,MAAMsD,GAASC,EAAAA,EAAAA,iBAOf,OALAC,EAAAA,EAAAA,YAAU,MACRC,EAAAA,EAAAA,QAAO,gBAAiB,2BACjB,KAAMC,EAAAA,EAAAA,QAAO,gBAAiB,6BACpC,IAGU,YAAXJ,GACE,wBAACK,EAAA,EAAD,CAASC,UAAQ,EAAC,aAAW,OAAO3D,UAAWC,EAAAA,MAC7C,wBAAC,EAAAH,cAAD,CAAeC,kBAAkB,oB,cCb5B,IAAI,IALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,QAAe,YAAkB,GCMjC,EAZkC,KAChC,MAAM,EAAES,IAAMC,EAAAA,EAAAA,kBAEd,OACE,wBAAC,EAAD,CAAkBhB,OAAQe,EAAE,wBAAyB,qBACnD,+BAAKR,UAAWC,EAAAA,kBACd,wBAAC,EAAAH,cAAD,CAAeC,kBAAkB,2C,cCJ5B,IAAI,IALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,QAAe,YAAkB,G,kCCJpB,IAAI,IALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,QAAe,YAAkB,GCyEjC,SAAS6D,EACPC,EACAnB,GAEA,MAAMoB,EAMR,SAAyCpB,GACvC,OAAOI,OAAOiB,QAAQrB,EAAMsB,UACzB3B,QAAO,EAAE4B,EAAGC,MAAL,cAAmB,UAACA,EAAQC,mBAAT,QAAC,EAAqBC,WAChDC,KAAI,EAAEC,KAAgBA,IATGC,CAAgC7B,GAC5D,OAAOmB,EACJxB,QAAQiC,GAAeR,EAAoBU,SAASF,KACpDD,KAAKC,IAAD,CAAmBA,WAAAA,EAAYJ,QAASxB,EAAMsB,SAASM,OAShE,QAxF4E,EAC1EG,MAAAA,MACI,YACJ,MAAM,EAAEjE,IAAMC,EAAAA,EAAAA,kBACRiC,EAAQD,IACRiC,EAAsBD,EAAME,OAAN,YACtBC,EAAiBhB,EAAqB,oBAC1ClB,EAAMM,4BAA4B0B,UADQ,aAC1C,EAAgDE,sBADN,QACwB,GAClElC,GAEIQ,EAAiBU,EAAqB,oBAC1ClB,EAAMM,4BAA4B0B,UADQ,aAC1C,EAAgDxB,sBADN,QACwB,GAClER,GAGF,OACE,wBAAC,EAAD,CACEjD,OAAQe,EAAE,kCAAmC,4BAE7C,+BAAKR,UAAWC,EAAAA,kBACb2E,EAAepC,OAAS,GACvB,mCAASxC,UAAWC,EAAAA,qBAClB,8BAAID,UAAWC,EAAAA,qBACZO,EACC,4CACA,8BAGHoE,EAAeP,KAAI,EAAGH,QAAAA,KACrB,wBAACtD,EAAA,GAAD,CAAMZ,UAAWC,EAAAA,WAAmBY,OAAK,GACvC,gCAAMb,UAAWC,EAAAA,aACdiE,EAAQC,aAEX,wBAAC,IAAD,CAAmBnE,UAAWC,EAAAA,qBAKrCiD,EAAeV,OAAS,GACvB,mCAASxC,UAAWC,EAAAA,qBAClB,8BAAID,UAAWC,EAAAA,qBACZO,EACC,wCACA,uDAGH0C,EAAemB,KAAI,EAAGC,WAAAA,EAAYJ,QAAAA,MAAf,eAClB,wBAACtD,EAAA,GAAD,CAAMZ,UAAWC,EAAAA,WAAmBY,OAAK,GACvC,gCAAMb,UAAWC,EAAAA,aACdiE,EAAQC,aAEX,wBAAC,IAAD,CAAiBnE,UAAWC,EAAAA,iBAC5B,gCACED,UAAY,GAAEC,EAAAA,0BAAiCA,EAAAA,WADjD,oBAGGyC,EAAMM,4BAA4B0B,UAHrC,aAGG,EAAgDG,OAC/CP,UAJJ,QAMI9D,EACE,gDACA,2B,gLCjET,IAAI,KALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,SAAe,aAAkB,G,iNC8BjC,MA0JMsE,GAA0B,IAE5B,wBAACC,EAAA,EAAD,CAAgB/E,UAAWC,GAAAA,gBACzB,+BAAKD,UAAWC,GAAAA,sBACd,wBAAC,KAAD,CAAgBD,UAAWC,GAAAA,eAE7B,wBAAC+E,GAAA,EAAD,CAAmBC,aAAa,EAAOC,YAAY,KAiBzD,SAASC,IAAY,YAAET,EAAF,YAAeU,IAClC,OAAOV,EACL,wBAACW,GAAA,EAAD,CACElE,QAAS,KACPmE,EAAAA,EAAAA,UAAS,CACPC,GAAK,GAAEC,OAAOC,8BAA8Bf,aAI/CU,GAGH,qDAIJ,SAASM,IAAgB,OACvBC,EADuB,QAEvBC,EAFuB,UAGvBC,EAHuB,WAIvBC,EAJuB,UAMvBC,IAEA,OAAOJ,EAAOtD,QAAQ2D,GACpBJ,EAAQK,MAAK,EAAGC,IAAAA,MAAU,UACxB,MAAMC,EAASJ,EAAUC,EAAOE,GAC1BE,EAAQP,EAAUM,GAAQC,MAGhC,OAFqB,oBACnBA,MAAAA,GADmB,UACnBA,EAAOC,uBADY,aACnB,EAAwBC,kBADL,QACmBF,MAAAA,OADnB,EACmBA,EAAOE,kBAD1B,QACwC,IACtCC,cAAc/B,SAASsB,EAAWS,oBAK/D,SApNgE,EAC9DpG,UAAAA,EACAgC,KAAAA,EAAO,GACPqE,eAAAA,EACAC,cAAAA,EACAC,SAAAA,MAEA,MAAM,EAAElG,IAAMC,EAAAA,EAAAA,mBACPkG,EAAUC,IAAeC,EAAAA,EAAAA,UAAS,KACnC,QAAEC,EAAF,YAAWC,EAAX,KAAwBC,IAASC,EAAAA,EAAAA,eAAc9E,GAE/C+E,EAA6B,aADpB5D,EAAAA,EAAAA,iBACgC,UAAO6D,EAEhDvB,EAAU,CACd,CACEM,IAAK,YACLzG,OAAQe,EAAE,+BAAgC,gBAE5C,CACE0F,IAAK,UACLzG,OAAQe,EAAE,6BAA8B,YAE1C,CACE0F,IAAK,SACLzG,OAAQe,EAAE,4BAA6B,WAEzC,CACE0F,IAAK,QACLzG,OAAQe,EAAE,2BAA4B,WAIpC4G,EAAON,EAAQzC,KAAI,CAACgD,EAAUC,KAAM,cACxC,MAAMlC,EAoIV,UAAwB,KAAEmC,EAAF,QAAQC,IAAgC,QAE9D,KADgB,UAAGD,EAAKE,kBAAR,aAAG,EAAiB/C,aAElC,OAGF,MAAMU,EAAcoC,MAAAA,GAAH,UAAGA,EAASE,YAAZ,aAAG,EAAgB,GACpC,OAAOtC,EACF,GAAEA,EAAYuC,MAAMC,KAAK,QAAQxC,EAAYyC,SAC9CN,EAAKE,WAAW/C,YA7IEoD,CAAeT,GAEnC,MAAO,CACLU,GAAIV,EAASE,KAAKQ,GAAGzB,WACrBtE,UAAS,UAAEqF,EAASE,KAAKvF,iBAAhB,aAAE,EAAyBgG,qBACpCR,QAAS,CACPpB,MACE,wBAACjB,GAAD,CACET,YAAW,UAAE2C,EAASE,KAAKE,kBAAhB,aAAE,EAA0B/C,YACvCU,YAAaA,IAGjBiB,gBAAiBjB,GAEnB6C,OAAM,UAAEZ,EAASE,KAAKE,kBAAhB,aAAE,EAA0BtD,YAClC+D,MAAK,oBAAEb,EAASE,KAAKhF,iBAAhB,aAAE,EAAyB4F,eAA3B,QAAsC,QAI/C,OAAIhI,EACK,wBAAC2E,GAAD,MAIP,wBAACsD,EAAA,GAAD,CAAWhB,KAAMA,EAAMxB,QAASA,EAASyC,WAAY3C,KAClD,EACC0B,KAAAA,EACAxB,QAAAA,EACA0C,cAAAA,EACAC,eAAAA,EACAC,YAAAA,EACAC,uBAAAA,EACAC,kBAAAA,EACAC,cAAAA,EACAC,aAAAA,KAEA,wBAAC7D,EAAA,EAAD,IACE/E,UAAWC,GAAAA,gBACPwI,KAEJ,+BAAKzI,UAAWC,GAAAA,sBACW,IAAxB2I,EAAapG,QACZ,wBAACqG,GAAA,EAAD,CACE7I,UAAWC,GAAAA,YACX6I,UAAWtI,EACT,kCACA,oBAEFuI,YAAavI,EACX,wCACA,oBAEFU,KAAMgG,EACN8B,SAAUL,EACV9H,OAAK,IAGR+H,EAAapG,OAAS,GACrB,wBAAC1B,EAAA,EAAD,CACEd,UAAWC,GAAAA,mBACXc,KAAK,SACLG,KAAMgG,EACN+B,SAAUzC,GAAkBC,EAC5BtF,QAAS,IAAMuF,EAASkC,EAAavE,KAAK6E,IAASA,EAAInB,OAE9B,IAAxBa,EAAapG,OACVhC,EAAE,kCAAmC,iBACrCA,EACE,mCACA,yBACA,CAAE2I,MAAOP,EAAapG,WAKlC,wBAAC4G,GAAA,EAAD,MAAWd,IAAX,CAA4Be,YAAU,EAACC,gBAAc,IACnD,wBAACC,GAAA,EAAD,KACE,wBAACC,GAAA,EAAD,KACE,wBAACC,GAAA,EAAD,MACMf,IADN,CAEEO,SAAUzC,KAEXZ,EAAQvB,KAAK5E,GACZ,wBAACiK,GAAA,EAAD,MAAiBnB,EAAe,CAAE9I,OAAAA,IAAlC,CAA6C4J,YAAU,IACpD5J,EAAOA,YAKhB,wBAACkK,GAAA,EAAD,KACGvC,EAAK/C,KAAK6E,GACT,wBAACM,GAAA,EAAahB,EAAY,CAAEU,IAAAA,IAC1B,wBAACU,GAAA,EAAD,MACMlB,EAAkB,CAAEQ,IAAAA,IAD1B,CAEED,SAAUzC,KAEX0C,EAAIW,MAAMxF,KAAKyF,IAAD,eACb,wBAACC,GAAA,EAAD,CAAW7D,IAAK4D,EAAK/B,IAArB,oBACG+B,EAAK1D,aADR,aACG,EAAYA,aADf,QACwB0D,EAAK1D,eAOvC,wBAAC4D,GAAA,EAAD,CACEC,UAAW,CAAC,GAAI,GAAI,GAAI,GAAI,IAC5BC,KAAMnD,EACNJ,SAAUA,EACVwD,WAAYhI,EAAKK,OACjBwG,SAAU,EAAGkB,KAAAA,EAAMvD,SAAAA,MACjBK,EAAKkD,GACLtD,EAAYD,U,eCnLb,IAAI,KALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,SAAe,aAAkB,G,0BCJpB,IAAI,KALH,CAEd,OAAiB,OACjB,WAAoB,IAMpB,SAAe,aAAkB,G,0BCNjC,MA4BA,GA5BsC,KACpC,MAAM,EAAEnG,IAAMC,EAAAA,EAAAA,kBAEd,OACE,wBAACG,EAAA,GAAD,CAAMC,OAAK,EAACb,UAAWC,GAAAA,qBACrB,+BACEmK,IAAKC,KACLC,IAAK9J,EACH,4CACA,8BAGJ,8BAAIR,UAAWC,GAAAA,qBACZO,EACC,yCACA,8BAGJ,gCAAMR,UAAWC,GAAAA,uBACdO,EACC,2CACA,wGCuEV,SAAS+J,GACPC,EAA6B,GAC7BC,EAAgC,IAEhC,OAAOD,EAAUnG,KAAKkD,IAAD,CACnBA,KAAAA,EACAC,QAASiD,EAASC,MACflD,IAAD,aAAaA,EAAQO,MAAR,UAAeR,EAAKE,kBAApB,aAAe,EAAiB/C,oBAKnD,SApFsD,EACpDiG,6BAAAA,MAEA,MAAM,EAAEnK,IAAMC,EAAAA,EAAAA,kBACR4C,GAASC,EAAAA,EAAAA,iBACTsH,GAAYhI,EAAAA,EAAAA,WAASiI,EAAAA,EAAAA,oCACnB1I,KAAMqI,EAAR,OAAmBM,GAAWzJ,KAC5Bc,KAAM4I,GpBdT,SAA6BP,GAClC,MAAMQ,EAAeR,GACjBS,EAAAA,EAAAA,GACET,EAAUnG,KAAKkD,IAAD,aAAUA,MAAAA,GAAV,UAAUA,EAAME,kBAAhB,aAAU,EAAkB/C,eAAarC,OAAO6I,UAEhE,KAEJ,OAAO5J,EAAAA,EAAAA,KACL,IAAM,CAAC,cAAe0J,KACtBzJ,gBACuD4J,QAAQC,IAC3DJ,EAAa3G,KAAK0D,IAAOsD,EAAAA,EAAAA,qBAAoBtD,OAEhC1D,KAAKiH,GAAQA,EAAInJ,SoBCDoJ,CAAoBf,GACjDrK,GAAaqK,IAAcO,EAC3BS,IAAoBZ,EAAUa,gBA4B9B7L,EACJ,wBAACkB,EAAA,EAAD,CACEd,UAAWC,GAAAA,oBACXiB,KAAiB,YAAXmC,EAAuB,UAAO8D,EACpCnG,WAAuB,YAAXqC,EAAuBqI,GAAAA,OAAUvE,EAC7C8B,SAAUuC,EACVrK,QAhCgB,KAAMwK,EAAAA,EAAAA,sBAAqBC,SAAQ,IAAMd,OAkC7C,YAAXzH,GAAwB,wBAAC,KAAD,CAASrD,UAAWC,GAAAA,mBAC5CO,EAAE,sCAAuC,4BAI9C,OACE,wBAAC,EAAD,CACEf,OAAQe,EAAE,uBAAwB,mBAClCZ,eAAgB+K,EAA+B/K,OAAiBuH,GAEhE,+BAAKnH,UAAWC,GAAAA,kBACbE,IAAaqK,MAAAA,OAAA,EAAAA,EAAWhI,QAAS,EAChC,wBAAC,GAAD,CACErC,UAAWA,EACXgC,KAAMoI,GAAwBC,EAAWO,GACzCvE,eAAgBgF,EAChB/E,eAAe,EACfC,SAlDyBnF,MAAAA,IACjC,MAAMsK,GAAaC,EAAAA,EAAAA,WAAU,mCAAoC,CAC/DpM,MAAOc,EACL,6CACA,0BAEFX,SAAUW,EACR,+CACA,6FAEFuL,YAAavL,EACX,+CACA,kBAEFwL,WAAYxL,EAAE,8CAA+C,UAC7DqL,WAAY,IAAMA,IAClBI,UAAW1K,gBACH4J,QAAQe,WACZC,EAAI9H,KAAK0D,IAAOqE,EAAAA,EAAAA,2BAA0BrE,MAE5C+C,UAiCE,wBAAC,GAAD,SC3CV,GAlCkC,EAAGH,6BAAAA,OACnCpH,EAAAA,EAAAA,YAAU,MACR8I,EAAAA,EAAAA,uCACC,IAGD,wBAAC,EAAAC,cAAD,CAAeC,SAAU/G,OAAOgH,SAC9B,wBAAC,EAAD,MACA,+BAAKxM,UAAY,qBAAoBC,EAAAA,wBACnC,wBAAC,EAAAwM,MAAD,CAAOC,OAAK,EAACC,KAAK,iBAAiBC,UAAWC,IAC9C,wBAAC,EAAAJ,MAAD,CACEC,OAAK,EACLC,KAAK,0BACLC,UAAWE,IAEb,wBAAC,EAAAL,MAAD,CACEC,OAAK,EACLC,KAAK,oDACLC,UAAWG,IAEb,wBAAC,EAAAN,MAAD,CACEC,OAAK,EACLC,KAAK,yBACLK,OAAQ,IACN,wBAAC,GAAD,CACErC,6BAA8BA,U,6ECpCxCsC,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,49CAA69C,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,6DAA6D,MAAQ,GAAG,SAAW,gjBAAgjB,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,mUAAqU,WAAa,MAElrsBkF,EAAwBE,OAAS,CAChC,oBAAuB,6EACvB,oBAAuB,6EACvB,oBAAuB,6EACvB,oBAAuB,6EACvB,WAAc,oEACd,oBAAuB,6EACvB,YAAe,qEACf,WAAc,oEACd,QAAW,kEAEZ,W,6ECfIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,y+BAA0+B,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,wHAAwH,MAAQ,GAAG,SAAW,sdAAsd,eAAiB,CAAC,gpBAAkqB,s3lBAAs3lB,WAAa,MAEruqBkF,EAAwBE,OAAS,CAChC,oBAAuB,8EACvB,oBAAuB,8EACvB,oBAAuB,8EACvB,oBAAuB,8EACvB,YAAe,sEACf,WAAc,qEACd,QAAW,mEAEZ,W,6ECbIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,q9BAAs9B,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,wCAAwC,oIAAoI,MAAQ,GAAG,SAAW,0eAA0e,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,4FAA8F,46jDAA46jD,WAAa,MAEz5uEkF,EAAwBE,OAAS,CAChC,oBAAuB,+DACvB,oBAAuB,+DACvB,oBAAuB,+DACvB,oBAAuB,+DACvB,YAAe,uDACf,WAAc,sDACd,QAAW,mDACX,8BAAiC,0EAElC,W,6ECdIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,w5CAAy5C,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,iDAAiD,oIAAoI,MAAQ,GAAG,SAAW,sjBAAsjB,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,oTAAsT,46jDAA46jD,WAAa,MAEzowEkF,EAAwBE,OAAS,CAChC,oBAAuB,wEACvB,oBAAuB,wEACvB,oBAAuB,wEACvB,oBAAuB,wEACvB,YAAe,gEACf,WAAc,+DACd,QAAW,4DACX,aAAgB,iEAChB,gBAAmB,oEACnB,iBAAoB,sEAErB,W,4EChBIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,m3CAAo3C,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,4DAA4D,oIAAoI,MAAQ,GAAG,SAAW,kjBAAkjB,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,iWAAmW,46jDAA46jD,WAAa,MAExpwEkF,EAAwBE,OAAS,CAChC,oBAAuB,mFACvB,oBAAuB,mFACvB,oBAAuB,mFACvB,oBAAuB,mFACvB,YAAe,2EACf,WAAc,0EACd,QAAW,uEACX,sBAAyB,sFAE1B,W,6ECdIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,swDAAuwD,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,mDAAmD,oIAAoI,MAAQ,GAAG,SAAW,qqBAAqqB,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,sqBAAwqB,46jDAA46jD,WAAa,MAE19xEkF,EAAwBE,OAAS,CAChC,oBAAuB,2EACvB,KAAQ,4DACR,oBAAuB,2EACvB,oBAAuB,2EACvB,oBAAuB,2EACvB,YAAe,mEACf,WAAc,kEACd,QAAW,gEAEZ,W,6ECdIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,y7CAA07C,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,qEAAqE,oIAAoI,MAAQ,GAAG,SAAW,gnBAAgnB,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,6TAAiU,46jDAA46jD,WAAa,MAEnwwEkF,EAAwBE,OAAS,CAChC,oBAAuB,iFACvB,oBAAuB,iFACvB,oBAAuB,iFACvB,oBAAuB,iFACvB,YAAe,yEACf,WAAc,wEACd,QAAW,qEACX,oBAAuB,iFACvB,sBAAyB,oFAE1B,W,6ECfIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,ksEAAmsE,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,oEAAoE,oIAAoI,MAAQ,GAAG,SAAW,0qBAA0qB,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,upBAAypB,46jDAA46jD,WAAa,MAE75yEkF,EAAwBE,OAAS,CAChC,oBAAuB,gFACvB,oBAAuB,gFACvB,oBAAuB,gFACvB,oBAAuB,gFACvB,YAAe,wEACf,WAAc,uEACd,QAAW,oEACX,eAAkB,2EAClB,qBAAwB,iFACxB,YAAe,wEACf,mBAAsB,gFAEvB,W,6ECjBIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,4yCAA6yC,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,8DAA8D,oIAAoI,MAAQ,GAAG,SAAW,2jBAA2jB,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,sUAAwU,46jDAA46jD,WAAa,MAEjkwEkF,EAAwBE,OAAS,CAChC,oBAAuB,0EACvB,oBAAuB,0EACvB,oBAAuB,0EACvB,oBAAuB,0EACvB,YAAe,kEACf,WAAc,iEACd,QAAW,8DACX,iBAAoB,uEACpB,iBAAoB,uEACpB,oBAAuB,2EAExB,W,6EChBIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,+kEAAglE,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,wFAAwF,oIAAoI,MAAQ,GAAG,SAAW,2sBAA2sB,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,mrBAAqrB,46jDAA46jD,WAAa,MAE33yEkF,EAAwBE,OAAS,CAChC,oBAAuB,uFACvB,oBAAuB,uFACvB,oBAAuB,uFACvB,oBAAuB,uFACvB,YAAe,+EACf,WAAc,8EACd,QAAW,2EACX,iBAAoB,oFACpB,oBAAuB,uFACvB,WAAc,8EACd,WAAc,8EACd,uBAA0B,0FAC1B,eAAkB,kFAClB,eAAkB,mFAEnB,W,6ECpBIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,0iCAA2iC,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,iEAAiE,MAAQ,GAAG,SAAW,yeAAye,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,kFAAoF,WAAa,MAE58qBkF,EAAwBE,OAAS,CAChC,oBAAuB,2EACvB,oBAAuB,2EACvB,oBAAuB,2EACvB,oBAAuB,2EACvB,YAAe,mEACf,WAAc,kEACd,QAAW,+DACX,iBAAoB,yEAErB,W,6ECdIF,E,MAA0B,GAA4B,KAE1DA,EAAwB7L,KAAK,CAAC8L,EAAOnF,GAAI,ggCAAigC,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4BAA4B,uHAAuH,oCAAoC,MAAQ,GAAG,SAAW,0eAA0e,eAAiB,CAAC,gpBAAkqB,q3lBAAq3lB,yIAA2I,WAAa,MAE77qBkF,EAAwBE,OAAS,CAChC,oBAAuB,+DACvB,oBAAuB,+DACvB,oBAAuB,+DACvB,oBAAuB,+DACvB,YAAe,uDACf,WAAc,sDACd,QAAW,mDACX,qBAAwB,iEAEzB,W,eCjBAD,EAAOE,QAAU,IAA0B","sources":["webpack://@openmrs/esm-offline-tools-app/./src/components/shared-page-layout.styles.scss?faa4","webpack://@openmrs/esm-offline-tools-app/./src/components/shared-page-layout.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/home/headered-quick-info.styles.scss?1ed0","webpack://@openmrs/esm-offline-tools-app/./src/home/headered-quick-info.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/home/overview-card.styles.scss?389f","webpack://@openmrs/esm-offline-tools-app/./src/home/overview-card.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/hooks/offline-actions.ts","webpack://@openmrs/esm-offline-tools-app/./src/home/offline-actions-overview-card.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/hooks/offline-patient-data-hooks.ts","webpack://@openmrs/esm-offline-tools-app/./src/home/patients-overview-card.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/home/overview-cards-container.styles.scss?e110","webpack://@openmrs/esm-offline-tools-app/./src/home/overview-cards-container.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/home/home.styles.scss?98b9","webpack://@openmrs/esm-offline-tools-app/./src/home/home.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/nav/desktop-side-nav.styles.scss?b038","webpack://@openmrs/esm-offline-tools-app/./src/nav/desktop-side-nav.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/offline-patients/offline-patients.styles.scss?0c91","webpack://@openmrs/esm-offline-tools-app/./src/offline-patients/offline-patients.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/root.styles.scss?2a37","webpack://@openmrs/esm-offline-tools-app/./src/offline-patient-sync-details/offline-patient-sync-details.styles.scss?14a5","webpack://@openmrs/esm-offline-tools-app/./src/offline-patient-sync-details/offline-patient-sync-details.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/offline-actions/offline-actions-table.styles.scss?d623","webpack://@openmrs/esm-offline-tools-app/./src/offline-actions/offline-actions-table.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/offline-actions/offline-actions.styles.scss?7083","webpack://@openmrs/esm-offline-tools-app/./src/offline-actions/no-actions-empty-state.styles.scss?4fc5","webpack://@openmrs/esm-offline-tools-app/./src/offline-actions/no-actions-empty-state.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/offline-actions/offline-actions.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/root.component.tsx","webpack://@openmrs/esm-offline-tools-app/./src/components/shared-page-layout.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/home/headered-quick-info.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/home/home.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/home/overview-card.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/home/overview-cards-container.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/nav/desktop-side-nav.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/offline-actions/no-actions-empty-state.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/offline-actions/offline-actions-table.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/offline-actions/offline-actions.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/offline-patient-sync-details/offline-patient-sync-details.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/offline-patients/offline-patients.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/root.styles.scss","webpack://@openmrs/esm-offline-tools-app/./src/assets/success-notification.svg"],"sourcesContent":["import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./shared-page-layout.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React, { ReactNode } from \"react\";\nimport { ExtensionSlot } from \"@openmrs/esm-framework\";\nimport styles from \"./shared-page-layout.styles.scss\";\n\nexport interface SharedPageLayoutProps {\n  header: string;\n  showBreadcrumbs?: boolean;\n  primaryActions?: ReactNode;\n}\n\nconst SharedPageLayout: React.FC<SharedPageLayoutProps> = ({\n  header: title,\n  showBreadcrumbs = true,\n  primaryActions,\n  children,\n}) => {\n  return (\n    <>\n      {showBreadcrumbs && (\n        <ExtensionSlot extensionSlotName=\"breadcrumbs-slot\" />\n      )}\n      <header className={styles.pageHeaderContainer}>\n        <h1 className={styles.pageHeader}>{title}</h1>\n        {primaryActions}\n      </header>\n      {children}\n    </>\n  );\n};\n\nexport default SharedPageLayout;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./headered-quick-info.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import { SkeletonText } from \"carbon-components-react\";\nimport React, { ReactNode } from \"react\";\nimport styles from \"./headered-quick-info.styles.scss\";\n\nexport interface HeaderedQuickInfoProps {\n  header: string;\n  content: ReactNode;\n  isLoading?: boolean;\n}\n\nconst HeaderedQuickInfo: React.FC<HeaderedQuickInfoProps> = ({\n  header,\n  content,\n  isLoading = false,\n}) => {\n  return (\n    <div>\n      <h4 className={styles.label01}>{header}</h4>\n      {isLoading ? (\n        <SkeletonText heading />\n      ) : (\n        <span className={styles.productiveHeading04}>{content}</span>\n      )}\n    </div>\n  );\n};\n\nexport default HeaderedQuickInfo;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./overview-card.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\nimport { Tile, Button, TileProps } from \"carbon-components-react\";\nimport styles from \"./overview-card.styles.scss\";\nimport ArrowRight16 from \"@carbon/icons-react/es/arrow--right/16\";\n\nexport interface OverviewCardProps extends TileProps {\n  header: string;\n  viewLink: string;\n}\n\nconst OverviewCard: React.FC<OverviewCardProps> = ({\n  header,\n  viewLink,\n  children,\n  ...rest\n}) => {\n  const { t } = useTranslation();\n  const history = useHistory();\n\n  return (\n    <Tile\n      {...rest}\n      light\n      className={`${styles.overviewCard} ${rest.className}`}\n    >\n      <div className={styles.headerContainer}>\n        <h3 className={styles.productiveHeading01}>{header}</h3>\n        <Button\n          kind=\"ghost\"\n          renderIcon={ArrowRight16}\n          size=\"sm\"\n          onClick={() => history.push(viewLink)}\n        >\n          {t(\"homeOverviewCardView\", \"View\")}\n        </Button>\n      </div>\n      <div className={styles.contentContainer}>{children}</div>\n    </Tile>\n  );\n};\n\nexport default OverviewCard;\n","import {\n  fetchCurrentPatient,\n  getOfflineDb,\n  SyncItem,\n} from \"@openmrs/esm-framework\";\nimport uniq from \"lodash-es/uniq\";\nimport useSWR from \"swr\";\n\nexport function usePendingSyncItems() {\n  return useSWR(\"offlineActions/pending\", async () => {\n    // TODO: This should be replaced with a function call from esm-offline as accessing the DB directly is dirty.\n    // It also doesn't consider the currently logged-in user atm.\n    const db = getOfflineDb();\n    const items = await db.syncQueue.toArray();\n    items.sort((a, b) => b.createdOn.getTime() - a.createdOn.getTime());\n    return items;\n  });\n}\n\nexport function useSyncItemPatients(syncItems?: Array<SyncItem>) {\n  const patientUuids = syncItems\n    ? uniq(\n        syncItems.map((item) => item?.descriptor?.patientUuid).filter(Boolean)\n      )\n    : null;\n\n  return useSWR(\n    () => [\"patients\", ...patientUuids],\n    async () => {\n      const results: Array<{ data: fhir.Patient }> = await Promise.all(\n        patientUuids.map((id) => fetchCurrentPatient(id))\n      );\n      return results.map((res) => res.data);\n    }\n  );\n}\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport HeaderedQuickInfo from \"./headered-quick-info.component\";\nimport OverviewCard from \"./overview-card.component\";\nimport type { TileProps } from \"carbon-components-react\";\nimport { usePendingSyncItems } from \"../hooks/offline-actions\";\nimport { routes } from \"../constants\";\n\nexport interface OfflineActionsOverviewCardProps extends TileProps {}\n\nconst OfflineActionsOverviewCard: React.FC<OfflineActionsOverviewCardProps> = (\n  props\n) => {\n  const { t } = useTranslation();\n  const { data } = usePendingSyncItems();\n\n  return (\n    <OverviewCard\n      header={t(\"homeOverviewCardOfflineActionsHeader\", \"Offline actions\")}\n      viewLink={routes.offlineToolsActions}\n      {...props}\n    >\n      <HeaderedQuickInfo\n        header={t(\n          \"homeOverviewCardOfflineActionsFailedToUpload\",\n          \"Failed to upload\"\n        )}\n        isLoading={!data}\n        content={<>{data?.filter((x) => x.lastError).length}</>}\n      />\n      <HeaderedQuickInfo\n        header={t(\n          \"homeOverviewCardOfflineActionsPendingUpload\",\n          \"Pending upload\"\n        )}\n        isLoading={!data}\n        content={<>{data?.length}</>}\n      />\n    </OverviewCard>\n  );\n};\n\nexport default OfflineActionsOverviewCard;\n","import { getOfflinePatientDataStore, useStore } from \"@openmrs/esm-framework\";\n\nexport function useOfflinePatientDataStore() {\n  const store = getOfflinePatientDataStore();\n  return useStore(store);\n}\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useOfflinePatientDataStore } from \"../hooks/offline-patient-data-hooks\";\nimport HeaderedQuickInfo from \"./headered-quick-info.component\";\nimport OverviewCard from \"./overview-card.component\";\nimport { routes } from \"../constants\";\n\nconst PatientsOverviewCard: React.FC = () => {\n  const { t } = useTranslation();\n  const downloaded = useDownloadedOfflinePatients();\n\n  return (\n    <OverviewCard\n      header={t(\"homeOverviewCardPatientsHeader\", \"Patients\")}\n      viewLink={routes.offlineToolsPatients}\n    >\n      <HeaderedQuickInfo\n        header={t(\"homeOverviewCardPatientsDownloaded\", \"Downloaded\")}\n        content={downloaded}\n      />\n    </OverviewCard>\n  );\n};\n\nfunction useDownloadedOfflinePatients() {\n  const store = useOfflinePatientDataStore();\n  return Object.values(store.offlinePatientDataSyncState).filter(\n    (patientSyncState) =>\n      patientSyncState.failedHandlers.length === 0 &&\n      patientSyncState.syncingHandlers.length === 0\n  ).length;\n}\n\nexport default PatientsOverviewCard;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./overview-cards-container.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from \"react\";\nimport FormsOverviewCard from \"./forms-overview-card.component\";\nimport OfflineActionsOverviewCard from \"./offline-actions-overview-card.component\";\nimport PatientsOverviewCard from \"./patients-overview-card.component\";\nimport styles from \"./overview-cards-container.styles.scss\";\n\nconst OverviewCardsContainer: React.FC = () => {\n  return (\n    <div className={styles.overviewCardContainer}>\n      <PatientsOverviewCard />\n      {/* <FormsOverviewCard /> */}{\" \"}\n      {/* TODO: <- Restore once offline tool forms are implemented. Commented out to avoid the (tbd) in the demo envs. */}\n      <OfflineActionsOverviewCard />\n    </div>\n  );\n};\n\nexport default OverviewCardsContainer;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./home.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport SharedPageLayout from \"../components/shared-page-layout.component\";\nimport OverviewCardsContainer from \"./overview-cards-container.component\";\nimport { ExtensionSlot } from \"@openmrs/esm-framework\";\nimport styles from \"./home.styles.scss\";\n\nconst Home: React.FC = () => {\n  const { t } = useTranslation();\n\n  return (\n    <SharedPageLayout header={t(\"homeHeader\", \"Offline home\")}>\n      <OverviewCardsContainer />\n\n      <div className={styles.offlinePatientsTableContainer}>\n        <ExtensionSlot extensionSlotName=\"offline-tools-home-overview-slot\" />\n      </div>\n    </SharedPageLayout>\n  );\n};\n\nexport default Home;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./desktop-side-nav.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import {\n  attach,\n  detach,\n  ExtensionSlot,\n  useLayoutType,\n} from \"@openmrs/esm-framework\";\nimport { SideNav } from \"carbon-components-react\";\nimport React, { useEffect } from \"react\";\nimport styles from \"./desktop-side-nav.styles.scss\";\n\nconst DesktopSideNav: React.FC = () => {\n  const layout = useLayoutType();\n\n  useEffect(() => {\n    attach(\"nav-menu-slot\", \"offline-tools-nav-items\");\n    return () => detach(\"nav-menu-slot\", \"offline-tools-nav-items\");\n  }, []);\n\n  return (\n    layout === \"desktop\" && (\n      <SideNav expanded aria-label=\"Menu\" className={styles.link}>\n        <ExtensionSlot extensionSlotName=\"nav-menu-slot\" />\n      </SideNav>\n    )\n  );\n};\n\nexport default DesktopSideNav;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./offline-patients.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ExtensionSlot } from \"@openmrs/esm-framework\";\nimport SharedPageLayout from \"../components/shared-page-layout.component\";\nimport styles from \"./offline-patients.styles.scss\";\n\nconst OfflinePatients: React.FC = () => {\n  const { t } = useTranslation();\n\n  return (\n    <SharedPageLayout header={t(\"offlinePatientsHeader\", \"Offline patients\")}>\n      <div className={styles.contentContainer}>\n        <ExtensionSlot extensionSlotName=\"offline-tools-offline-patients-slot\" />\n      </div>\n    </SharedPageLayout>\n  );\n};\n\nexport default OfflinePatients;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js!./root.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./offline-patient-sync-details.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { RouteComponentProps } from \"react-router-dom\";\nimport { OfflinePatientDataSyncStore } from \"@openmrs/esm-framework\";\nimport { Tile } from \"carbon-components-react\";\nimport { useOfflinePatientDataStore } from \"../hooks/offline-patient-data-hooks\";\nimport CheckmarkFilled16 from \"@carbon/icons-react/es/checkmark--filled/16\";\nimport WarningFilled16 from \"@carbon/icons-react/es/warning--filled/16\";\nimport styles from \"./offline-patient-sync-details.styles.scss\";\nimport SharedPageLayout from \"../components/shared-page-layout.component\";\n\ninterface OfflinePatientSyncDetailsProps extends RouteComponentProps {}\n\nconst OfflinePatientSyncDetails: React.FC<OfflinePatientSyncDetailsProps> = ({\n  match,\n}) => {\n  const { t } = useTranslation();\n  const store = useOfflinePatientDataStore();\n  const patientUuid: string = match.params[\"patientUuid\"];\n  const syncedHandlers = getHandlersForDisplay(\n    store.offlinePatientDataSyncState[patientUuid]?.syncedHandlers ?? [],\n    store\n  );\n  const failedHandlers = getHandlersForDisplay(\n    store.offlinePatientDataSyncState[patientUuid]?.failedHandlers ?? [],\n    store\n  );\n\n  return (\n    <SharedPageLayout\n      header={t(\"offlinePatientSyncDetailsHeader\", \"Offline patient details\")}\n    >\n      <div className={styles.contentContainer}>\n        {syncedHandlers.length > 0 && (\n          <section className={styles.headeredTileSection}>\n            <h2 className={styles.productiveHeading02}>\n              {t(\n                \"offlinePatientSyncDetailsDownloadedHeader\",\n                \"Downloaded to this device\"\n              )}\n            </h2>\n            {syncedHandlers.map(({ handler }) => (\n              <Tile className={styles.syncedTile} light>\n                <span className={styles.bodyShort01}>\n                  {handler.displayName}\n                </span>\n                <CheckmarkFilled16 className={styles.syncedTileIcon} />\n              </Tile>\n            ))}\n          </section>\n        )}\n        {failedHandlers.length > 0 && (\n          <section className={styles.headeredTileSection}>\n            <h2 className={styles.productiveHeading02}>\n              {t(\n                \"offlinePatientSyncDetailsFailedHeader\",\n                \"There was an error downloading the following items\"\n              )}\n            </h2>\n            {failedHandlers.map(({ identifier, handler }) => (\n              <Tile className={styles.failedTile} light>\n                <span className={styles.bodyShort01}>\n                  {handler.displayName}\n                </span>\n                <WarningFilled16 className={styles.failedTileIcon} />\n                <span\n                  className={`${styles.failedTileErrorMessage} ${styles.label01}`}\n                >\n                  {store.offlinePatientDataSyncState[patientUuid]?.errors[\n                    identifier\n                  ] ??\n                    t(\n                      \"offlinePatientSyncDetailsFallbackErrorMessage\",\n                      \"Unknown error.\"\n                    )}\n                </span>\n              </Tile>\n            ))}\n          </section>\n        )}\n      </div>\n    </SharedPageLayout>\n  );\n};\n\nfunction getHandlersForDisplay(\n  identifiers: Array<string>,\n  store: OfflinePatientDataSyncStore\n) {\n  const displayableHandlers = getHandlerIdentifiersForDisplay(store);\n  return identifiers\n    .filter((identifier) => displayableHandlers.includes(identifier))\n    .map((identifier) => ({ identifier, handler: store.handlers[identifier] }));\n}\n\nfunction getHandlerIdentifiersForDisplay(store: OfflinePatientDataSyncStore) {\n  return Object.entries(store.handlers)\n    .filter(([_, handler]) => !!handler.displayName?.trim())\n    .map(([identifier]) => identifier);\n}\n\nexport default OfflinePatientSyncDetails;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./offline-actions-table.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import {\n  Button,\n  FilterRowsData,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableHeader,\n  TableRow,\n  TableSelectAll,\n  TableSelectRow,\n  DataTableSkeleton,\n  Link,\n  Pagination,\n  Search,\n  SearchSkeleton,\n  DataTable,\n} from \"carbon-components-react\";\nimport React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport styles from \"./offline-actions-table.styles.scss\";\nimport {\n  usePagination,\n  useLayoutType,\n  navigate,\n  SyncItem,\n} from \"@openmrs/esm-framework\";\n\nexport interface OfflineActionsTableProps {\n  isLoading: boolean;\n  data?: Array<SyncItemWithPatient>;\n  disableEditing: boolean;\n  disableDelete: boolean;\n  onDelete(syncItemIds: Array<number>): void;\n}\n\nexport interface SyncItemWithPatient {\n  item: SyncItem;\n  patient?: fhir.Patient;\n}\n\nconst OfflineActionsTable: React.FC<OfflineActionsTableProps> = ({\n  isLoading,\n  data = [],\n  disableEditing,\n  disableDelete,\n  onDelete,\n}) => {\n  const { t } = useTranslation();\n  const [pageSize, setPageSize] = useState(10);\n  const { results, currentPage, goTo } = usePagination(data);\n  const layout = useLayoutType();\n  const toolbarItemSize = layout === \"desktop\" ? \"sm\" : undefined;\n\n  const headers = [\n    {\n      key: \"createdOn\",\n      header: t(\"offlineActionsTableCreatedOn\", \"Date & Time\"),\n    },\n    {\n      key: \"patient\",\n      header: t(\"offlineActionsTablePatient\", \"Patient\"),\n    },\n    {\n      key: \"action\",\n      header: t(\"offlineActionsTableAction\", \"Action\"),\n    },\n    {\n      key: \"error\",\n      header: t(\"offlineActionsTableError\", \"Error\"),\n    },\n  ];\n\n  const rows = results.map((syncItem, i) => {\n    const patientName = getPatientName(syncItem);\n\n    return {\n      id: syncItem.item.id.toString(),\n      createdOn: syncItem.item.createdOn?.toLocaleDateString(),\n      patient: {\n        value: (\n          <PatientLink\n            patientUuid={syncItem.item.descriptor?.patientUuid}\n            patientName={patientName}\n          />\n        ),\n        filterableValue: patientName,\n      },\n      action: syncItem.item.descriptor?.displayName,\n      error: syncItem.item.lastError?.message ?? \"-\",\n    };\n  });\n\n  if (isLoading) {\n    return <TableSkeleton />;\n  }\n\n  return (\n    <DataTable rows={rows} headers={headers} filterRows={filterTableRows}>\n      {({\n        rows,\n        headers,\n        getTableProps,\n        getHeaderProps,\n        getRowProps,\n        getTableContainerProps,\n        getSelectionProps,\n        onInputChange,\n        selectedRows,\n      }) => (\n        <TableContainer\n          className={styles.tableContainer}\n          {...getTableContainerProps()}\n        >\n          <div className={styles.tableHeaderContainer}>\n            {selectedRows.length === 0 && (\n              <Search\n                className={styles.tableSearch}\n                labelText={t(\n                  \"offlinePatientsTableSearchLabel\",\n                  \"Search this list\"\n                )}\n                placeholder={t(\n                  \"offlinePatientsTableSearchPlaceholder\",\n                  \"Search this list\"\n                )}\n                size={toolbarItemSize}\n                onChange={onInputChange}\n                light\n              />\n            )}\n            {selectedRows.length > 0 && (\n              <Button\n                className={styles.tablePrimaryAction}\n                kind=\"danger\"\n                size={toolbarItemSize}\n                disabled={disableEditing || disableDelete}\n                onClick={() => onDelete(selectedRows.map((row) => +row.id))}\n              >\n                {selectedRows.length === 1\n                  ? t(\"offlineActionsTableDeleteAction\", \"Delete action\")\n                  : t(\n                      \"offlineActionsTableDeleteActions\",\n                      \"Delete {count} actions\",\n                      { count: selectedRows.length }\n                    )}\n              </Button>\n            )}\n          </div>\n          <Table {...getTableProps()} isSortable useZebraStyles>\n            <TableHead>\n              <TableRow>\n                <TableSelectAll\n                  {...getSelectionProps()}\n                  disabled={disableEditing}\n                />\n                {headers.map((header) => (\n                  <TableHeader {...getHeaderProps({ header })} isSortable>\n                    {header.header}\n                  </TableHeader>\n                ))}\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {rows.map((row) => (\n                <TableRow {...getRowProps({ row })}>\n                  <TableSelectRow\n                    {...getSelectionProps({ row })}\n                    disabled={disableEditing}\n                  />\n                  {row.cells.map((cell) => (\n                    <TableCell key={cell.id}>\n                      {cell.value?.value ?? cell.value}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n          <Pagination\n            pageSizes={[10, 20, 30, 40, 50]}\n            page={currentPage}\n            pageSize={pageSize}\n            totalItems={data.length}\n            onChange={({ page, pageSize }) => {\n              goTo(page);\n              setPageSize(pageSize);\n            }}\n          />\n        </TableContainer>\n      )}\n    </DataTable>\n  );\n};\n\nconst TableSkeleton: React.FC = () => {\n  return (\n    <TableContainer className={styles.tableContainer}>\n      <div className={styles.tableHeaderContainer}>\n        <SearchSkeleton className={styles.tableSearch} />\n      </div>\n      <DataTableSkeleton showToolbar={false} showHeader={false} />\n    </TableContainer>\n  );\n};\n\nfunction getPatientName({ item, patient }: SyncItemWithPatient) {\n  const hasPatient = item.descriptor?.patientUuid;\n  if (!hasPatient) {\n    return undefined;\n  }\n\n  const patientName = patient?.name?.[0];\n  return patientName\n    ? `${patientName.given.join(\" \")} ${patientName.family}`\n    : item.descriptor.patientUuid;\n}\n\nfunction PatientLink({ patientUuid, patientName }) {\n  return patientUuid ? (\n    <Link\n      onClick={() =>\n        navigate({\n          to: `${window.getOpenmrsSpaBase()}patient/${patientUuid}/chart`,\n        })\n      }\n    >\n      {patientName}\n    </Link>\n  ) : (\n    <>-</>\n  );\n}\n\nfunction filterTableRows({\n  rowIds,\n  headers,\n  cellsById,\n  inputValue,\n  // @ts-ignore `getCellId` is not in the types, but present in Carbon.\n  getCellId,\n}: FilterRowsData) {\n  return rowIds.filter((rowId) =>\n    headers.some(({ key }) => {\n      const cellId = getCellId(rowId, key);\n      const value = cellsById[cellId].value;\n      const filterableValue =\n        value?.filterableValue?.toString() ?? value?.toString() ?? \"\";\n      return filterableValue.toLowerCase().includes(inputValue.toLowerCase());\n    })\n  );\n}\n\nexport default OfflineActionsTable;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./offline-actions.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js!./no-actions-empty-state.styles.scss\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import { Tile } from \"carbon-components-react\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport styles from \"./no-actions-empty-state.styles.scss\";\nimport successNotification from \"../assets/success-notification.svg\";\n\nconst NoActionsEmptyState: React.FC = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Tile light className={styles.emptyStateContainer}>\n      <img\n        src={successNotification}\n        alt={t(\n          \"offlineActionsNoActionsEmptyStateImageAlt\",\n          \"No Pending Actions Image\"\n        )}\n      />\n      <h4 className={styles.productiveHeading01}>\n        {t(\n          \"offlineActionsNoActionsEmptyStateTitle\",\n          \"No actions pending upload\"\n        )}\n      </h4>\n      <span className={styles.emptyStateDescription}>\n        {t(\n          \"offlineActionsNoActionsEmptyStateContent\",\n          \"All offline actions have been uploaded successfully,\\nand merged with the online patient records.\"\n        )}\n      </span>\n    </Tile>\n  );\n};\n\nexport default NoActionsEmptyState;\n","import {\n  deleteSynchronizationItem,\n  getOfflineSynchronizationStore,\n  runSynchronization,\n  showModal,\n  SyncItem,\n  useLayoutType,\n  useStore,\n} from \"@openmrs/esm-framework\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport SharedPageLayout from \"../components/shared-page-layout.component\";\nimport OfflineActionsTable from \"./offline-actions-table.component\";\nimport styles from \"./offline-actions.styles.scss\";\nimport Renew16 from \"@carbon/icons-react/es/renew/16\";\nimport { Button, Tabs, Tab } from \"carbon-components-react\";\nimport {\n  usePendingSyncItems,\n  useSyncItemPatients,\n} from \"../hooks/offline-actions\";\nimport NoActionsEmptyState from \"./no-actions-empty-state.component\";\n\nexport interface OfflineActionsProps {\n  canSynchronizeOfflineActions: boolean;\n}\n\nconst OfflineActions: React.FC<OfflineActionsProps> = ({\n  canSynchronizeOfflineActions,\n}) => {\n  const { t } = useTranslation();\n  const layout = useLayoutType();\n  const syncStore = useStore(getOfflineSynchronizationStore());\n  const { data: syncItems, mutate } = usePendingSyncItems();\n  const { data: syncItemPatients } = useSyncItemPatients(syncItems);\n  const isLoading = !syncItems || !syncItemPatients;\n  const isSynchronizing = !!syncStore.synchronization;\n\n  const synchronize = () => runSynchronization().finally(() => mutate());\n  const deleteSynchronizationItems = async (ids: Array<number>) => {\n    const closeModal = showModal(\"offline-tools-confirmation-modal\", {\n      title: t(\n        \"offlineActionsDeleteConfirmationModalTitle\",\n        \"Delete offline actions\"\n      ),\n      children: t(\n        \"offlineActionsDeleteConfirmationModalContent\",\n        \"Are you sure that you want to delete all selected offline actions? This cannot be undone!\"\n      ),\n      confirmText: t(\n        \"offlineActionsDeleteConfirmationModalConfirm\",\n        \"Delete forever\"\n      ),\n      cancelText: t(\"offlineActionsDeleteConfirmationModalCancel\", \"Cancel\"),\n      closeModal: () => closeModal(),\n      onConfirm: async () => {\n        await Promise.allSettled(\n          ids.map((id) => deleteSynchronizationItem(id))\n        );\n        mutate();\n      },\n    });\n  };\n\n  const primaryActions = (\n    <Button\n      className={styles.primaryActionButton}\n      size={layout === \"desktop\" ? \"sm\" : undefined}\n      renderIcon={layout === \"desktop\" ? Renew16 : undefined}\n      disabled={isSynchronizing}\n      onClick={synchronize}\n    >\n      {layout !== \"desktop\" && <Renew16 className={styles.buttonInlineIcon} />}\n      {t(\"offlineActionsUpdateOfflinePatients\", \"Update offline patients\")}\n    </Button>\n  );\n\n  return (\n    <SharedPageLayout\n      header={t(\"offlineActionsHeader\", \"Offline actions\")}\n      primaryActions={canSynchronizeOfflineActions ? primaryActions : undefined}\n    >\n      <div className={styles.contentContainer}>\n        {isLoading || syncItems?.length > 0 ? (\n          <OfflineActionsTable\n            isLoading={isLoading}\n            data={getSyncItemsWithPatient(syncItems, syncItemPatients)}\n            disableEditing={isSynchronizing}\n            disableDelete={false}\n            onDelete={deleteSynchronizationItems}\n          />\n        ) : (\n          <NoActionsEmptyState />\n        )}\n      </div>\n    </SharedPageLayout>\n  );\n};\n\nfunction getSyncItemsWithPatient(\n  syncItems: Array<SyncItem> = [],\n  patients: Array<fhir.Patient> = []\n) {\n  return syncItems.map((item) => ({\n    item,\n    patient: patients.find(\n      (patient) => patient.id === item.descriptor?.patientUuid\n    ),\n  }));\n}\n\nexport default OfflineActions;\n","import React, { useEffect } from \"react\";\nimport { BrowserRouter, Route } from \"react-router-dom\";\nimport { loadPersistedPatientDataSyncState } from \"@openmrs/esm-framework\";\nimport Home from \"./home/home.component\";\nimport DesktopSideNav from \"./nav/desktop-side-nav.component\";\nimport OfflinePatients from \"./offline-patients/offline-patients.component\";\nimport styles from \"./root.styles.scss\";\nimport OfflinePatientSyncDetails from \"./offline-patient-sync-details/offline-patient-sync-details.component\";\nimport OfflineActions from \"./offline-actions/offline-actions.component\";\n\nexport interface RootProps {\n  canSynchronizeOfflineActions: boolean;\n}\n\nconst Root: React.FC<RootProps> = ({ canSynchronizeOfflineActions }) => {\n  useEffect(() => {\n    loadPersistedPatientDataSyncState();\n  }, []);\n\n  return (\n    <BrowserRouter basename={window.spaBase}>\n      <DesktopSideNav />\n      <div className={`omrs-main-content ${styles.mainContentContainer}`}>\n        <Route exact path=\"/offline-tools\" component={Home} />\n        <Route\n          exact\n          path=\"/offline-tools/patients\"\n          component={OfflinePatients}\n        />\n        <Route\n          exact\n          path=\"/offline-tools/patients/:patientUuid/offline-data\"\n          component={OfflinePatientSyncDetails}\n        />\n        <Route\n          exact\n          path=\"/offline-tools/actions\"\n          render={() => (\n            <OfflineActions\n              canSynchronizeOfflineActions={canSynchronizeOfflineActions}\n            />\n          )}\n        />\n      </div>\n    </BrowserRouter>\n  );\n};\n\nexport default Root;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__shared-page-layout-styles__productiveHeading01___1bq1X{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__shared-page-layout-styles__productiveHeading02___2NXfH{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__shared-page-layout-styles__productiveHeading03___3vfR0,.-esm-offline-tools__shared-page-layout-styles__pageHeaderContainer___3JnVR .-esm-offline-tools__shared-page-layout-styles__pageHeader___1HY6G{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__shared-page-layout-styles__productiveHeading04___2G2mV{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__shared-page-layout-styles__bodyShort01___3X4aK{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__shared-page-layout-styles__bodyLong01___Y6mJF{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__shared-page-layout-styles__label01___7J6WV{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__shared-page-layout-styles__pageHeaderContainer___3JnVR{display:flex;justify-content:space-between;align-items:center;margin:0 1rem 1rem 1rem}.-esm-offline-tools__shared-page-layout-styles__pageHeaderContainer___3JnVR .-esm-offline-tools__shared-page-layout-styles__pageHeader___1HY6G{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/components/shared-page-layout.styles.scss\"],\"names\":[],\"mappings\":\"AAGA,4EC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,4ECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,2NCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,4ECggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,oEC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,mECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,gECofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,4EACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,uBAAA,CAEA,+IAEE,sBAAA,CACA,eAAA,CACA,kBAAA\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.pageHeaderContainer {\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n  margin: 0 $spacing-05 $spacing-05 $spacing-05;\\n\\n  .pageHeader {\\n    @extend .productiveHeading03;\\n    text-overflow: ellipsis;\\n    overflow: hidden;\\n    white-space: nowrap;\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__shared-page-layout-styles__productiveHeading01___1bq1X\",\n\t\"productiveHeading02\": \"-esm-offline-tools__shared-page-layout-styles__productiveHeading02___2NXfH\",\n\t\"productiveHeading03\": \"-esm-offline-tools__shared-page-layout-styles__productiveHeading03___3vfR0\",\n\t\"pageHeaderContainer\": \"-esm-offline-tools__shared-page-layout-styles__pageHeaderContainer___3JnVR\",\n\t\"pageHeader\": \"-esm-offline-tools__shared-page-layout-styles__pageHeader___1HY6G\",\n\t\"productiveHeading04\": \"-esm-offline-tools__shared-page-layout-styles__productiveHeading04___2G2mV\",\n\t\"bodyShort01\": \"-esm-offline-tools__shared-page-layout-styles__bodyShort01___3X4aK\",\n\t\"bodyLong01\": \"-esm-offline-tools__shared-page-layout-styles__bodyLong01___Y6mJF\",\n\t\"label01\": \"-esm-offline-tools__shared-page-layout-styles__label01___7J6WV\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__headered-quick-info-styles__productiveHeading01___Dfh79{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__headered-quick-info-styles__productiveHeading02___C7NNe{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__headered-quick-info-styles__productiveHeading03___gYRVN{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__headered-quick-info-styles__productiveHeading04___HOLKp{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__headered-quick-info-styles__bodyShort01___3KLfT{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__headered-quick-info-styles__bodyLong01___YlKJD{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__headered-quick-info-styles__label01___3u4pb{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\"],\"names\":[],\"mappings\":\"AAGA,6EC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,6ECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,6ECogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,6ECggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,qEC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,oECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,iECofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__headered-quick-info-styles__productiveHeading01___Dfh79\",\n\t\"productiveHeading02\": \"-esm-offline-tools__headered-quick-info-styles__productiveHeading02___C7NNe\",\n\t\"productiveHeading03\": \"-esm-offline-tools__headered-quick-info-styles__productiveHeading03___gYRVN\",\n\t\"productiveHeading04\": \"-esm-offline-tools__headered-quick-info-styles__productiveHeading04___HOLKp\",\n\t\"bodyShort01\": \"-esm-offline-tools__headered-quick-info-styles__bodyShort01___3KLfT\",\n\t\"bodyLong01\": \"-esm-offline-tools__headered-quick-info-styles__bodyLong01___YlKJD\",\n\t\"label01\": \"-esm-offline-tools__headered-quick-info-styles__label01___3u4pb\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__home-styles__productiveHeading01___2Jv4l{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__home-styles__productiveHeading02___wX3_2{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__home-styles__productiveHeading03___S4qK4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__home-styles__productiveHeading04___1c8Rq{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__home-styles__bodyShort01___1yGFg{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__home-styles__bodyLong01___2MNS7{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__home-styles__label01____ZJQM{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__home-styles__offlinePatientsTableContainer___RYeuK{padding:1rem}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/home/home.styles.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAGA,8DC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,8DCwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,8DCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,8DCggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,sDC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,qDCwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,kDCofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,wEACE,YCgJa\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.offlinePatientsTableContainer {\\n  padding: $spacing-05;\\n}\\n\",\"// Code generated by @carbon/themes. DO NOT EDIT.\\n//\\n// Copyright IBM Corp. 2018, 2019\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import './themes';\\n\\n/// Define theme variables from a map of tokens\\n/// @access public\\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\\n///\\n/// @example scss\\n///   // Default usage\\n///   @include carbon--theme();\\n///\\n///   // Alternate styling (not white theme)\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     // declarations...\\n///   }\\n///\\n///   // Inline styling\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     .my-dark-theme {\\n///       // declarations...\\n///     }\\n///   }\\n///\\n/// @group @carbon/themes\\n@mixin carbon--theme(\\n  $theme: $carbon--theme,\\n  $emit-custom-properties: false,\\n  $emit-difference: false\\n) {\\n  $parent-carbon-theme: $carbon--theme;\\n  $carbon--theme: $theme !global;\\n  $interactive-01: map-get($theme, 'interactive-01') !global;\\n  $interactive-02: map-get($theme, 'interactive-02') !global;\\n  $interactive-03: map-get($theme, 'interactive-03') !global;\\n  $interactive-04: map-get($theme, 'interactive-04') !global;\\n  $ui-background: map-get($theme, 'ui-background') !global;\\n  $ui-01: map-get($theme, 'ui-01') !global;\\n  $ui-02: map-get($theme, 'ui-02') !global;\\n  $ui-03: map-get($theme, 'ui-03') !global;\\n  $ui-04: map-get($theme, 'ui-04') !global;\\n  $ui-05: map-get($theme, 'ui-05') !global;\\n  $text-01: map-get($theme, 'text-01') !global;\\n  $text-02: map-get($theme, 'text-02') !global;\\n  $text-03: map-get($theme, 'text-03') !global;\\n  $text-04: map-get($theme, 'text-04') !global;\\n  $text-05: map-get($theme, 'text-05') !global;\\n  $text-error: map-get($theme, 'text-error') !global;\\n  $icon-01: map-get($theme, 'icon-01') !global;\\n  $icon-02: map-get($theme, 'icon-02') !global;\\n  $icon-03: map-get($theme, 'icon-03') !global;\\n  $link-01: map-get($theme, 'link-01') !global;\\n  $link-02: map-get($theme, 'link-02') !global;\\n  $inverse-link: map-get($theme, 'inverse-link') !global;\\n  $field-01: map-get($theme, 'field-01') !global;\\n  $field-02: map-get($theme, 'field-02') !global;\\n  $inverse-01: map-get($theme, 'inverse-01') !global;\\n  $inverse-02: map-get($theme, 'inverse-02') !global;\\n  $support-01: map-get($theme, 'support-01') !global;\\n  $support-02: map-get($theme, 'support-02') !global;\\n  $support-03: map-get($theme, 'support-03') !global;\\n  $support-04: map-get($theme, 'support-04') !global;\\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\\n  $overlay-01: map-get($theme, 'overlay-01') !global;\\n  $danger-01: map-get($theme, 'danger-01') !global;\\n  $danger-02: map-get($theme, 'danger-02') !global;\\n  $focus: map-get($theme, 'focus') !global;\\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\\n  $hover-primary: map-get($theme, 'hover-primary') !global;\\n  $active-primary: map-get($theme, 'active-primary') !global;\\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\\n  $active-secondary: map-get($theme, 'active-secondary') !global;\\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\\n  $hover-ui: map-get($theme, 'hover-ui') !global;\\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\\n  $active-ui: map-get($theme, 'active-ui') !global;\\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\\n  $selected-ui: map-get($theme, 'selected-ui') !global;\\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\\n  $hover-danger: map-get($theme, 'hover-danger') !global;\\n  $active-danger: map-get($theme, 'active-danger') !global;\\n  $hover-row: map-get($theme, 'hover-row') !global;\\n  $visited-link: map-get($theme, 'visited-link') !global;\\n  $disabled-01: map-get($theme, 'disabled-01') !global;\\n  $disabled-02: map-get($theme, 'disabled-02') !global;\\n  $disabled-03: map-get($theme, 'disabled-03') !global;\\n  $highlight: map-get($theme, 'highlight') !global;\\n  $decorative-01: map-get($theme, 'decorative-01') !global;\\n  $button-separator: map-get($theme, 'button-separator') !global;\\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\\n  $brand-01: map-get($theme, 'brand-01') !global;\\n  $brand-02: map-get($theme, 'brand-02') !global;\\n  $brand-03: map-get($theme, 'brand-03') !global;\\n  $active-01: map-get($theme, 'active-01') !global;\\n  $hover-field: map-get($theme, 'hover-field') !global;\\n  $danger: map-get($theme, 'danger') !global;\\n  $caption-01: map-get($theme, 'caption-01') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $body-short-01: map-get($theme, 'body-short-01') !global;\\n  $body-long-01: map-get($theme, 'body-long-01') !global;\\n  $body-short-02: map-get($theme, 'body-short-02') !global;\\n  $body-long-02: map-get($theme, 'body-long-02') !global;\\n  $code-01: map-get($theme, 'code-01') !global;\\n  $code-02: map-get($theme, 'code-02') !global;\\n  $heading-01: map-get($theme, 'heading-01') !global;\\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\\n  $heading-02: map-get($theme, 'heading-02') !global;\\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\\n  $quotation-01: map-get($theme, 'quotation-01') !global;\\n  $quotation-02: map-get($theme, 'quotation-02') !global;\\n  $display-01: map-get($theme, 'display-01') !global;\\n  $display-02: map-get($theme, 'display-02') !global;\\n  $display-03: map-get($theme, 'display-03') !global;\\n  $display-04: map-get($theme, 'display-04') !global;\\n  $spacing-01: map-get($theme, 'spacing-01') !global;\\n  $spacing-02: map-get($theme, 'spacing-02') !global;\\n  $spacing-03: map-get($theme, 'spacing-03') !global;\\n  $spacing-04: map-get($theme, 'spacing-04') !global;\\n  $spacing-05: map-get($theme, 'spacing-05') !global;\\n  $spacing-06: map-get($theme, 'spacing-06') !global;\\n  $spacing-07: map-get($theme, 'spacing-07') !global;\\n  $spacing-08: map-get($theme, 'spacing-08') !global;\\n  $spacing-09: map-get($theme, 'spacing-09') !global;\\n  $spacing-10: map-get($theme, 'spacing-10') !global;\\n  $spacing-11: map-get($theme, 'spacing-11') !global;\\n  $spacing-12: map-get($theme, 'spacing-12') !global;\\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\\n  $layout-01: map-get($theme, 'layout-01') !global;\\n  $layout-02: map-get($theme, 'layout-02') !global;\\n  $layout-03: map-get($theme, 'layout-03') !global;\\n  $layout-04: map-get($theme, 'layout-04') !global;\\n  $layout-05: map-get($theme, 'layout-05') !global;\\n  $layout-06: map-get($theme, 'layout-06') !global;\\n  $layout-07: map-get($theme, 'layout-07') !global;\\n  $container-01: map-get($theme, 'container-01') !global;\\n  $container-02: map-get($theme, 'container-02') !global;\\n  $container-03: map-get($theme, 'container-03') !global;\\n  $container-04: map-get($theme, 'container-04') !global;\\n  $container-05: map-get($theme, 'container-05') !global;\\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\\n\\n  @if global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-css-custom-properties')\\n  {\\n    $interactive-01: var(\\n      --#{$custom-property-prefix}-interactive-01,\\n      map-get($theme, 'interactive-01')\\n    ) !global;\\n    $interactive-02: var(\\n      --#{$custom-property-prefix}-interactive-02,\\n      map-get($theme, 'interactive-02')\\n    ) !global;\\n    $interactive-03: var(\\n      --#{$custom-property-prefix}-interactive-03,\\n      map-get($theme, 'interactive-03')\\n    ) !global;\\n    $interactive-04: var(\\n      --#{$custom-property-prefix}-interactive-04,\\n      map-get($theme, 'interactive-04')\\n    ) !global;\\n    $ui-background: var(\\n      --#{$custom-property-prefix}-ui-background,\\n      map-get($theme, 'ui-background')\\n    ) !global;\\n    $ui-01: var(\\n      --#{$custom-property-prefix}-ui-01,\\n      map-get($theme, 'ui-01')\\n    ) !global;\\n    $ui-02: var(\\n      --#{$custom-property-prefix}-ui-02,\\n      map-get($theme, 'ui-02')\\n    ) !global;\\n    $ui-03: var(\\n      --#{$custom-property-prefix}-ui-03,\\n      map-get($theme, 'ui-03')\\n    ) !global;\\n    $ui-04: var(\\n      --#{$custom-property-prefix}-ui-04,\\n      map-get($theme, 'ui-04')\\n    ) !global;\\n    $ui-05: var(\\n      --#{$custom-property-prefix}-ui-05,\\n      map-get($theme, 'ui-05')\\n    ) !global;\\n    $text-01: var(\\n      --#{$custom-property-prefix}-text-01,\\n      map-get($theme, 'text-01')\\n    ) !global;\\n    $text-02: var(\\n      --#{$custom-property-prefix}-text-02,\\n      map-get($theme, 'text-02')\\n    ) !global;\\n    $text-03: var(\\n      --#{$custom-property-prefix}-text-03,\\n      map-get($theme, 'text-03')\\n    ) !global;\\n    $text-04: var(\\n      --#{$custom-property-prefix}-text-04,\\n      map-get($theme, 'text-04')\\n    ) !global;\\n    $text-05: var(\\n      --#{$custom-property-prefix}-text-05,\\n      map-get($theme, 'text-05')\\n    ) !global;\\n    $text-error: var(\\n      --#{$custom-property-prefix}-text-error,\\n      map-get($theme, 'text-error')\\n    ) !global;\\n    $icon-01: var(\\n      --#{$custom-property-prefix}-icon-01,\\n      map-get($theme, 'icon-01')\\n    ) !global;\\n    $icon-02: var(\\n      --#{$custom-property-prefix}-icon-02,\\n      map-get($theme, 'icon-02')\\n    ) !global;\\n    $icon-03: var(\\n      --#{$custom-property-prefix}-icon-03,\\n      map-get($theme, 'icon-03')\\n    ) !global;\\n    $link-01: var(\\n      --#{$custom-property-prefix}-link-01,\\n      map-get($theme, 'link-01')\\n    ) !global;\\n    $link-02: var(\\n      --#{$custom-property-prefix}-link-02,\\n      map-get($theme, 'link-02')\\n    ) !global;\\n    $inverse-link: var(\\n      --#{$custom-property-prefix}-inverse-link,\\n      map-get($theme, 'inverse-link')\\n    ) !global;\\n    $field-01: var(\\n      --#{$custom-property-prefix}-field-01,\\n      map-get($theme, 'field-01')\\n    ) !global;\\n    $field-02: var(\\n      --#{$custom-property-prefix}-field-02,\\n      map-get($theme, 'field-02')\\n    ) !global;\\n    $inverse-01: var(\\n      --#{$custom-property-prefix}-inverse-01,\\n      map-get($theme, 'inverse-01')\\n    ) !global;\\n    $inverse-02: var(\\n      --#{$custom-property-prefix}-inverse-02,\\n      map-get($theme, 'inverse-02')\\n    ) !global;\\n    $support-01: var(\\n      --#{$custom-property-prefix}-support-01,\\n      map-get($theme, 'support-01')\\n    ) !global;\\n    $support-02: var(\\n      --#{$custom-property-prefix}-support-02,\\n      map-get($theme, 'support-02')\\n    ) !global;\\n    $support-03: var(\\n      --#{$custom-property-prefix}-support-03,\\n      map-get($theme, 'support-03')\\n    ) !global;\\n    $support-04: var(\\n      --#{$custom-property-prefix}-support-04,\\n      map-get($theme, 'support-04')\\n    ) !global;\\n    $inverse-support-01: var(\\n      --#{$custom-property-prefix}-inverse-support-01,\\n      map-get($theme, 'inverse-support-01')\\n    ) !global;\\n    $inverse-support-02: var(\\n      --#{$custom-property-prefix}-inverse-support-02,\\n      map-get($theme, 'inverse-support-02')\\n    ) !global;\\n    $inverse-support-03: var(\\n      --#{$custom-property-prefix}-inverse-support-03,\\n      map-get($theme, 'inverse-support-03')\\n    ) !global;\\n    $inverse-support-04: var(\\n      --#{$custom-property-prefix}-inverse-support-04,\\n      map-get($theme, 'inverse-support-04')\\n    ) !global;\\n    $overlay-01: var(\\n      --#{$custom-property-prefix}-overlay-01,\\n      map-get($theme, 'overlay-01')\\n    ) !global;\\n    $danger-01: var(\\n      --#{$custom-property-prefix}-danger-01,\\n      map-get($theme, 'danger-01')\\n    ) !global;\\n    $danger-02: var(\\n      --#{$custom-property-prefix}-danger-02,\\n      map-get($theme, 'danger-02')\\n    ) !global;\\n    $focus: var(\\n      --#{$custom-property-prefix}-focus,\\n      map-get($theme, 'focus')\\n    ) !global;\\n    $inverse-focus-ui: var(\\n      --#{$custom-property-prefix}-inverse-focus-ui,\\n      map-get($theme, 'inverse-focus-ui')\\n    ) !global;\\n    $hover-primary: var(\\n      --#{$custom-property-prefix}-hover-primary,\\n      map-get($theme, 'hover-primary')\\n    ) !global;\\n    $active-primary: var(\\n      --#{$custom-property-prefix}-active-primary,\\n      map-get($theme, 'active-primary')\\n    ) !global;\\n    $hover-primary-text: var(\\n      --#{$custom-property-prefix}-hover-primary-text,\\n      map-get($theme, 'hover-primary-text')\\n    ) !global;\\n    $hover-secondary: var(\\n      --#{$custom-property-prefix}-hover-secondary,\\n      map-get($theme, 'hover-secondary')\\n    ) !global;\\n    $active-secondary: var(\\n      --#{$custom-property-prefix}-active-secondary,\\n      map-get($theme, 'active-secondary')\\n    ) !global;\\n    $hover-tertiary: var(\\n      --#{$custom-property-prefix}-hover-tertiary,\\n      map-get($theme, 'hover-tertiary')\\n    ) !global;\\n    $active-tertiary: var(\\n      --#{$custom-property-prefix}-active-tertiary,\\n      map-get($theme, 'active-tertiary')\\n    ) !global;\\n    $hover-ui: var(\\n      --#{$custom-property-prefix}-hover-ui,\\n      map-get($theme, 'hover-ui')\\n    ) !global;\\n    $hover-light-ui: var(\\n      --#{$custom-property-prefix}-hover-light-ui,\\n      map-get($theme, 'hover-light-ui')\\n    ) !global;\\n    $hover-selected-ui: var(\\n      --#{$custom-property-prefix}-hover-selected-ui,\\n      map-get($theme, 'hover-selected-ui')\\n    ) !global;\\n    $active-ui: var(\\n      --#{$custom-property-prefix}-active-ui,\\n      map-get($theme, 'active-ui')\\n    ) !global;\\n    $active-light-ui: var(\\n      --#{$custom-property-prefix}-active-light-ui,\\n      map-get($theme, 'active-light-ui')\\n    ) !global;\\n    $selected-ui: var(\\n      --#{$custom-property-prefix}-selected-ui,\\n      map-get($theme, 'selected-ui')\\n    ) !global;\\n    $selected-light-ui: var(\\n      --#{$custom-property-prefix}-selected-light-ui,\\n      map-get($theme, 'selected-light-ui')\\n    ) !global;\\n    $inverse-hover-ui: var(\\n      --#{$custom-property-prefix}-inverse-hover-ui,\\n      map-get($theme, 'inverse-hover-ui')\\n    ) !global;\\n    $hover-danger: var(\\n      --#{$custom-property-prefix}-hover-danger,\\n      map-get($theme, 'hover-danger')\\n    ) !global;\\n    $active-danger: var(\\n      --#{$custom-property-prefix}-active-danger,\\n      map-get($theme, 'active-danger')\\n    ) !global;\\n    $hover-row: var(\\n      --#{$custom-property-prefix}-hover-row,\\n      map-get($theme, 'hover-row')\\n    ) !global;\\n    $visited-link: var(\\n      --#{$custom-property-prefix}-visited-link,\\n      map-get($theme, 'visited-link')\\n    ) !global;\\n    $disabled-01: var(\\n      --#{$custom-property-prefix}-disabled-01,\\n      map-get($theme, 'disabled-01')\\n    ) !global;\\n    $disabled-02: var(\\n      --#{$custom-property-prefix}-disabled-02,\\n      map-get($theme, 'disabled-02')\\n    ) !global;\\n    $disabled-03: var(\\n      --#{$custom-property-prefix}-disabled-03,\\n      map-get($theme, 'disabled-03')\\n    ) !global;\\n    $highlight: var(\\n      --#{$custom-property-prefix}-highlight,\\n      map-get($theme, 'highlight')\\n    ) !global;\\n    $decorative-01: var(\\n      --#{$custom-property-prefix}-decorative-01,\\n      map-get($theme, 'decorative-01')\\n    ) !global;\\n    $button-separator: var(\\n      --#{$custom-property-prefix}-button-separator,\\n      map-get($theme, 'button-separator')\\n    ) !global;\\n    $skeleton-01: var(\\n      --#{$custom-property-prefix}-skeleton-01,\\n      map-get($theme, 'skeleton-01')\\n    ) !global;\\n    $skeleton-02: var(\\n      --#{$custom-property-prefix}-skeleton-02,\\n      map-get($theme, 'skeleton-02')\\n    ) !global;\\n    $brand-01: var(\\n      --#{$custom-property-prefix}-brand-01,\\n      map-get($theme, 'brand-01')\\n    ) !global;\\n    $brand-02: var(\\n      --#{$custom-property-prefix}-brand-02,\\n      map-get($theme, 'brand-02')\\n    ) !global;\\n    $brand-03: var(\\n      --#{$custom-property-prefix}-brand-03,\\n      map-get($theme, 'brand-03')\\n    ) !global;\\n    $active-01: var(\\n      --#{$custom-property-prefix}-active-01,\\n      map-get($theme, 'active-01')\\n    ) !global;\\n    $hover-field: var(\\n      --#{$custom-property-prefix}-hover-field,\\n      map-get($theme, 'hover-field')\\n    ) !global;\\n    $danger: var(\\n      --#{$custom-property-prefix}-danger,\\n      map-get($theme, 'danger')\\n    ) !global;\\n    $spacing-01: var(\\n      --#{$custom-property-prefix}-spacing-01,\\n      map-get($theme, 'spacing-01')\\n    ) !global;\\n    $spacing-02: var(\\n      --#{$custom-property-prefix}-spacing-02,\\n      map-get($theme, 'spacing-02')\\n    ) !global;\\n    $spacing-03: var(\\n      --#{$custom-property-prefix}-spacing-03,\\n      map-get($theme, 'spacing-03')\\n    ) !global;\\n    $spacing-04: var(\\n      --#{$custom-property-prefix}-spacing-04,\\n      map-get($theme, 'spacing-04')\\n    ) !global;\\n    $spacing-05: var(\\n      --#{$custom-property-prefix}-spacing-05,\\n      map-get($theme, 'spacing-05')\\n    ) !global;\\n    $spacing-06: var(\\n      --#{$custom-property-prefix}-spacing-06,\\n      map-get($theme, 'spacing-06')\\n    ) !global;\\n    $spacing-07: var(\\n      --#{$custom-property-prefix}-spacing-07,\\n      map-get($theme, 'spacing-07')\\n    ) !global;\\n    $spacing-08: var(\\n      --#{$custom-property-prefix}-spacing-08,\\n      map-get($theme, 'spacing-08')\\n    ) !global;\\n    $spacing-09: var(\\n      --#{$custom-property-prefix}-spacing-09,\\n      map-get($theme, 'spacing-09')\\n    ) !global;\\n    $spacing-10: var(\\n      --#{$custom-property-prefix}-spacing-10,\\n      map-get($theme, 'spacing-10')\\n    ) !global;\\n    $spacing-11: var(\\n      --#{$custom-property-prefix}-spacing-11,\\n      map-get($theme, 'spacing-11')\\n    ) !global;\\n    $spacing-12: var(\\n      --#{$custom-property-prefix}-spacing-12,\\n      map-get($theme, 'spacing-12')\\n    ) !global;\\n    $fluid-spacing-01: var(\\n      --#{$custom-property-prefix}-fluid-spacing-01,\\n      map-get($theme, 'fluid-spacing-01')\\n    ) !global;\\n    $fluid-spacing-02: var(\\n      --#{$custom-property-prefix}-fluid-spacing-02,\\n      map-get($theme, 'fluid-spacing-02')\\n    ) !global;\\n    $fluid-spacing-03: var(\\n      --#{$custom-property-prefix}-fluid-spacing-03,\\n      map-get($theme, 'fluid-spacing-03')\\n    ) !global;\\n    $fluid-spacing-04: var(\\n      --#{$custom-property-prefix}-fluid-spacing-04,\\n      map-get($theme, 'fluid-spacing-04')\\n    ) !global;\\n    $layout-01: var(\\n      --#{$custom-property-prefix}-layout-01,\\n      map-get($theme, 'layout-01')\\n    ) !global;\\n    $layout-02: var(\\n      --#{$custom-property-prefix}-layout-02,\\n      map-get($theme, 'layout-02')\\n    ) !global;\\n    $layout-03: var(\\n      --#{$custom-property-prefix}-layout-03,\\n      map-get($theme, 'layout-03')\\n    ) !global;\\n    $layout-04: var(\\n      --#{$custom-property-prefix}-layout-04,\\n      map-get($theme, 'layout-04')\\n    ) !global;\\n    $layout-05: var(\\n      --#{$custom-property-prefix}-layout-05,\\n      map-get($theme, 'layout-05')\\n    ) !global;\\n    $layout-06: var(\\n      --#{$custom-property-prefix}-layout-06,\\n      map-get($theme, 'layout-06')\\n    ) !global;\\n    $layout-07: var(\\n      --#{$custom-property-prefix}-layout-07,\\n      map-get($theme, 'layout-07')\\n    ) !global;\\n    $container-01: var(\\n      --#{$custom-property-prefix}-container-01,\\n      map-get($theme, 'container-01')\\n    ) !global;\\n    $container-02: var(\\n      --#{$custom-property-prefix}-container-02,\\n      map-get($theme, 'container-02')\\n    ) !global;\\n    $container-03: var(\\n      --#{$custom-property-prefix}-container-03,\\n      map-get($theme, 'container-03')\\n    ) !global;\\n    $container-04: var(\\n      --#{$custom-property-prefix}-container-04,\\n      map-get($theme, 'container-04')\\n    ) !global;\\n    $container-05: var(\\n      --#{$custom-property-prefix}-container-05,\\n      map-get($theme, 'container-05')\\n    ) !global;\\n    $icon-size-01: var(\\n      --#{$custom-property-prefix}-icon-size-01,\\n      map-get($theme, 'icon-size-01')\\n    ) !global;\\n    $icon-size-02: var(\\n      --#{$custom-property-prefix}-icon-size-02,\\n      map-get($theme, 'icon-size-02')\\n    ) !global;\\n  }\\n  @if $emit-custom-properties == true {\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-01',\\n        map-get($theme, 'interactive-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-02',\\n        map-get($theme, 'interactive-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-03',\\n        map-get($theme, 'interactive-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-04',\\n        map-get($theme, 'interactive-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'ui-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'ui-background',\\n        map-get($theme, 'ui-background')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\\n      @include custom-property('text-01', map-get($theme, 'text-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\\n      @include custom-property('text-02', map-get($theme, 'text-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\\n      @include custom-property('text-03', map-get($theme, 'text-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\\n      @include custom-property('text-04', map-get($theme, 'text-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\\n      @include custom-property('text-05', map-get($theme, 'text-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-error', map-get($theme, 'text-error'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\\n      @include custom-property('link-01', map-get($theme, 'link-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\\n      @include custom-property('link-02', map-get($theme, 'link-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\\n    {\\n      @include custom-property('field-01', map-get($theme, 'field-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\\n    {\\n      @include custom-property('field-02', map-get($theme, 'field-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-01', map-get($theme, 'support-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-02', map-get($theme, 'support-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-03', map-get($theme, 'support-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-04', map-get($theme, 'support-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-01',\\n        map-get($theme, 'inverse-support-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-02',\\n        map-get($theme, 'inverse-support-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-03',\\n        map-get($theme, 'inverse-support-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-04',\\n        map-get($theme, 'inverse-support-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'overlay-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\\n    {\\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\\n    {\\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\\n      @include custom-property('focus', map-get($theme, 'focus'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-focus-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-focus-ui',\\n        map-get($theme, 'inverse-focus-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary',\\n        map-get($theme, 'hover-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-primary',\\n        map-get($theme, 'active-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary-text',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary-text',\\n        map-get($theme, 'hover-primary-text')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-secondary',\\n        map-get($theme, 'hover-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-secondary',\\n        map-get($theme, 'active-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-tertiary',\\n        map-get($theme, 'hover-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-tertiary',\\n        map-get($theme, 'active-tertiary')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\\n    {\\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-light-ui',\\n        map-get($theme, 'hover-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-selected-ui',\\n        map-get($theme, 'hover-selected-ui')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\\n    {\\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-light-ui',\\n        map-get($theme, 'active-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'selected-light-ui',\\n        map-get($theme, 'selected-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-hover-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-hover-ui',\\n        map-get($theme, 'inverse-hover-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-danger',\\n        map-get($theme, 'active-danger')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\\n    {\\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'visited-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\\n    {\\n      @include custom-property('highlight', map-get($theme, 'highlight'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'decorative-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'decorative-01',\\n        map-get($theme, 'decorative-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-separator',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-separator',\\n        map-get($theme, 'button-separator')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\\n    {\\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\\n    {\\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\\n    {\\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\\n    {\\n      @include custom-property('active-01', map-get($theme, 'active-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-field',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\\n      @include custom-property('danger', map-get($theme, 'danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\\n    {\\n      @include custom-property('label-01', map-get($theme, 'label-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'helper-text-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-01',\\n        map-get($theme, 'helper-text-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-01',\\n        map-get($theme, 'body-short-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-02',\\n        map-get($theme, 'body-short-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\\n      @include custom-property('code-01', map-get($theme, 'code-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\\n      @include custom-property('code-02', map-get($theme, 'code-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-01',\\n        map-get($theme, 'productive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-02',\\n        map-get($theme, 'productive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-03',\\n        map-get($theme, 'productive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-04',\\n        map-get($theme, 'productive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-05',\\n        map-get($theme, 'productive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-06',\\n        map-get($theme, 'productive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-07',\\n        map-get($theme, 'productive-heading-07')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-01',\\n        map-get($theme, 'expressive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-02',\\n        map-get($theme, 'expressive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-03',\\n        map-get($theme, 'expressive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-04',\\n        map-get($theme, 'expressive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-05',\\n        map-get($theme, 'expressive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-06',\\n        map-get($theme, 'expressive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-paragraph-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-paragraph-01',\\n        map-get($theme, 'expressive-paragraph-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-01', map-get($theme, 'display-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-02', map-get($theme, 'display-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-03', map-get($theme, 'display-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-04', map-get($theme, 'display-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-08',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-09',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-10',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-11',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-12',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-01',\\n        map-get($theme, 'fluid-spacing-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-02',\\n        map-get($theme, 'fluid-spacing-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-03',\\n        map-get($theme, 'fluid-spacing-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-04',\\n        map-get($theme, 'fluid-spacing-04')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\\n    {\\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\\n    {\\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\\n    {\\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\\n    {\\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\\n    {\\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\\n    {\\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\\n    {\\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-01', map-get($theme, 'container-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-02', map-get($theme, 'container-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-03', map-get($theme, 'container-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-04', map-get($theme, 'container-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-05', map-get($theme, 'container-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\\n    }\\n  }\\n\\n  @content;\\n\\n  // Reset to default theme after apply in content\\n  @if $carbon--theme != $parent-carbon-theme {\\n    $carbon--theme: $parent-carbon-theme !global;\\n\\n    @include carbon--theme();\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__home-styles__productiveHeading01___2Jv4l\",\n\t\"productiveHeading02\": \"-esm-offline-tools__home-styles__productiveHeading02___wX3_2\",\n\t\"productiveHeading03\": \"-esm-offline-tools__home-styles__productiveHeading03___S4qK4\",\n\t\"productiveHeading04\": \"-esm-offline-tools__home-styles__productiveHeading04___1c8Rq\",\n\t\"bodyShort01\": \"-esm-offline-tools__home-styles__bodyShort01___1yGFg\",\n\t\"bodyLong01\": \"-esm-offline-tools__home-styles__bodyLong01___2MNS7\",\n\t\"label01\": \"-esm-offline-tools__home-styles__label01____ZJQM\",\n\t\"offlinePatientsTableContainer\": \"-esm-offline-tools__home-styles__offlinePatientsTableContainer___RYeuK\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__overview-card-styles__productiveHeading01___2DEqx{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__overview-card-styles__productiveHeading02___1JnYu{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__overview-card-styles__productiveHeading03___ta6-j{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__overview-card-styles__productiveHeading04___3IC4T{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__overview-card-styles__bodyShort01___2MCYU{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__overview-card-styles__bodyLong01___38pRa{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__overview-card-styles__label01___1Q5wm{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__overview-card-styles__overviewCard___1Sxi3{border:1px solid #e0e0e0}.-esm-offline-tools__overview-card-styles__overviewCard___1Sxi3 .-esm-offline-tools__overview-card-styles__headerContainer___NRLbm{display:flex;justify-content:space-between;align-items:center}.-esm-offline-tools__overview-card-styles__overviewCard___1Sxi3 .-esm-offline-tools__overview-card-styles__contentContainer___3QiKP{display:flex;justify-content:space-between;margin-top:1rem}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/home/overview-card.styles.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAGA,uEC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,uECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,uECogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,uECggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,+DC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,8DCwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,2DCofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,gEACE,wBAAA,CAEA,mIACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAGF,oIACE,YAAA,CACA,6BAAA,CACA,eCqIW\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.overviewCard {\\n  border: 1px solid $ui-03;\\n\\n  .headerContainer {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center;\\n  }\\n\\n  .contentContainer {\\n    display: flex;\\n    justify-content: space-between;\\n    margin-top: $spacing-05;\\n  }\\n}\\n\",\"// Code generated by @carbon/themes. DO NOT EDIT.\\n//\\n// Copyright IBM Corp. 2018, 2019\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import './themes';\\n\\n/// Define theme variables from a map of tokens\\n/// @access public\\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\\n///\\n/// @example scss\\n///   // Default usage\\n///   @include carbon--theme();\\n///\\n///   // Alternate styling (not white theme)\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     // declarations...\\n///   }\\n///\\n///   // Inline styling\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     .my-dark-theme {\\n///       // declarations...\\n///     }\\n///   }\\n///\\n/// @group @carbon/themes\\n@mixin carbon--theme(\\n  $theme: $carbon--theme,\\n  $emit-custom-properties: false,\\n  $emit-difference: false\\n) {\\n  $parent-carbon-theme: $carbon--theme;\\n  $carbon--theme: $theme !global;\\n  $interactive-01: map-get($theme, 'interactive-01') !global;\\n  $interactive-02: map-get($theme, 'interactive-02') !global;\\n  $interactive-03: map-get($theme, 'interactive-03') !global;\\n  $interactive-04: map-get($theme, 'interactive-04') !global;\\n  $ui-background: map-get($theme, 'ui-background') !global;\\n  $ui-01: map-get($theme, 'ui-01') !global;\\n  $ui-02: map-get($theme, 'ui-02') !global;\\n  $ui-03: map-get($theme, 'ui-03') !global;\\n  $ui-04: map-get($theme, 'ui-04') !global;\\n  $ui-05: map-get($theme, 'ui-05') !global;\\n  $text-01: map-get($theme, 'text-01') !global;\\n  $text-02: map-get($theme, 'text-02') !global;\\n  $text-03: map-get($theme, 'text-03') !global;\\n  $text-04: map-get($theme, 'text-04') !global;\\n  $text-05: map-get($theme, 'text-05') !global;\\n  $text-error: map-get($theme, 'text-error') !global;\\n  $icon-01: map-get($theme, 'icon-01') !global;\\n  $icon-02: map-get($theme, 'icon-02') !global;\\n  $icon-03: map-get($theme, 'icon-03') !global;\\n  $link-01: map-get($theme, 'link-01') !global;\\n  $link-02: map-get($theme, 'link-02') !global;\\n  $inverse-link: map-get($theme, 'inverse-link') !global;\\n  $field-01: map-get($theme, 'field-01') !global;\\n  $field-02: map-get($theme, 'field-02') !global;\\n  $inverse-01: map-get($theme, 'inverse-01') !global;\\n  $inverse-02: map-get($theme, 'inverse-02') !global;\\n  $support-01: map-get($theme, 'support-01') !global;\\n  $support-02: map-get($theme, 'support-02') !global;\\n  $support-03: map-get($theme, 'support-03') !global;\\n  $support-04: map-get($theme, 'support-04') !global;\\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\\n  $overlay-01: map-get($theme, 'overlay-01') !global;\\n  $danger-01: map-get($theme, 'danger-01') !global;\\n  $danger-02: map-get($theme, 'danger-02') !global;\\n  $focus: map-get($theme, 'focus') !global;\\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\\n  $hover-primary: map-get($theme, 'hover-primary') !global;\\n  $active-primary: map-get($theme, 'active-primary') !global;\\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\\n  $active-secondary: map-get($theme, 'active-secondary') !global;\\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\\n  $hover-ui: map-get($theme, 'hover-ui') !global;\\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\\n  $active-ui: map-get($theme, 'active-ui') !global;\\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\\n  $selected-ui: map-get($theme, 'selected-ui') !global;\\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\\n  $hover-danger: map-get($theme, 'hover-danger') !global;\\n  $active-danger: map-get($theme, 'active-danger') !global;\\n  $hover-row: map-get($theme, 'hover-row') !global;\\n  $visited-link: map-get($theme, 'visited-link') !global;\\n  $disabled-01: map-get($theme, 'disabled-01') !global;\\n  $disabled-02: map-get($theme, 'disabled-02') !global;\\n  $disabled-03: map-get($theme, 'disabled-03') !global;\\n  $highlight: map-get($theme, 'highlight') !global;\\n  $decorative-01: map-get($theme, 'decorative-01') !global;\\n  $button-separator: map-get($theme, 'button-separator') !global;\\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\\n  $brand-01: map-get($theme, 'brand-01') !global;\\n  $brand-02: map-get($theme, 'brand-02') !global;\\n  $brand-03: map-get($theme, 'brand-03') !global;\\n  $active-01: map-get($theme, 'active-01') !global;\\n  $hover-field: map-get($theme, 'hover-field') !global;\\n  $danger: map-get($theme, 'danger') !global;\\n  $caption-01: map-get($theme, 'caption-01') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $body-short-01: map-get($theme, 'body-short-01') !global;\\n  $body-long-01: map-get($theme, 'body-long-01') !global;\\n  $body-short-02: map-get($theme, 'body-short-02') !global;\\n  $body-long-02: map-get($theme, 'body-long-02') !global;\\n  $code-01: map-get($theme, 'code-01') !global;\\n  $code-02: map-get($theme, 'code-02') !global;\\n  $heading-01: map-get($theme, 'heading-01') !global;\\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\\n  $heading-02: map-get($theme, 'heading-02') !global;\\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\\n  $quotation-01: map-get($theme, 'quotation-01') !global;\\n  $quotation-02: map-get($theme, 'quotation-02') !global;\\n  $display-01: map-get($theme, 'display-01') !global;\\n  $display-02: map-get($theme, 'display-02') !global;\\n  $display-03: map-get($theme, 'display-03') !global;\\n  $display-04: map-get($theme, 'display-04') !global;\\n  $spacing-01: map-get($theme, 'spacing-01') !global;\\n  $spacing-02: map-get($theme, 'spacing-02') !global;\\n  $spacing-03: map-get($theme, 'spacing-03') !global;\\n  $spacing-04: map-get($theme, 'spacing-04') !global;\\n  $spacing-05: map-get($theme, 'spacing-05') !global;\\n  $spacing-06: map-get($theme, 'spacing-06') !global;\\n  $spacing-07: map-get($theme, 'spacing-07') !global;\\n  $spacing-08: map-get($theme, 'spacing-08') !global;\\n  $spacing-09: map-get($theme, 'spacing-09') !global;\\n  $spacing-10: map-get($theme, 'spacing-10') !global;\\n  $spacing-11: map-get($theme, 'spacing-11') !global;\\n  $spacing-12: map-get($theme, 'spacing-12') !global;\\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\\n  $layout-01: map-get($theme, 'layout-01') !global;\\n  $layout-02: map-get($theme, 'layout-02') !global;\\n  $layout-03: map-get($theme, 'layout-03') !global;\\n  $layout-04: map-get($theme, 'layout-04') !global;\\n  $layout-05: map-get($theme, 'layout-05') !global;\\n  $layout-06: map-get($theme, 'layout-06') !global;\\n  $layout-07: map-get($theme, 'layout-07') !global;\\n  $container-01: map-get($theme, 'container-01') !global;\\n  $container-02: map-get($theme, 'container-02') !global;\\n  $container-03: map-get($theme, 'container-03') !global;\\n  $container-04: map-get($theme, 'container-04') !global;\\n  $container-05: map-get($theme, 'container-05') !global;\\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\\n\\n  @if global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-css-custom-properties')\\n  {\\n    $interactive-01: var(\\n      --#{$custom-property-prefix}-interactive-01,\\n      map-get($theme, 'interactive-01')\\n    ) !global;\\n    $interactive-02: var(\\n      --#{$custom-property-prefix}-interactive-02,\\n      map-get($theme, 'interactive-02')\\n    ) !global;\\n    $interactive-03: var(\\n      --#{$custom-property-prefix}-interactive-03,\\n      map-get($theme, 'interactive-03')\\n    ) !global;\\n    $interactive-04: var(\\n      --#{$custom-property-prefix}-interactive-04,\\n      map-get($theme, 'interactive-04')\\n    ) !global;\\n    $ui-background: var(\\n      --#{$custom-property-prefix}-ui-background,\\n      map-get($theme, 'ui-background')\\n    ) !global;\\n    $ui-01: var(\\n      --#{$custom-property-prefix}-ui-01,\\n      map-get($theme, 'ui-01')\\n    ) !global;\\n    $ui-02: var(\\n      --#{$custom-property-prefix}-ui-02,\\n      map-get($theme, 'ui-02')\\n    ) !global;\\n    $ui-03: var(\\n      --#{$custom-property-prefix}-ui-03,\\n      map-get($theme, 'ui-03')\\n    ) !global;\\n    $ui-04: var(\\n      --#{$custom-property-prefix}-ui-04,\\n      map-get($theme, 'ui-04')\\n    ) !global;\\n    $ui-05: var(\\n      --#{$custom-property-prefix}-ui-05,\\n      map-get($theme, 'ui-05')\\n    ) !global;\\n    $text-01: var(\\n      --#{$custom-property-prefix}-text-01,\\n      map-get($theme, 'text-01')\\n    ) !global;\\n    $text-02: var(\\n      --#{$custom-property-prefix}-text-02,\\n      map-get($theme, 'text-02')\\n    ) !global;\\n    $text-03: var(\\n      --#{$custom-property-prefix}-text-03,\\n      map-get($theme, 'text-03')\\n    ) !global;\\n    $text-04: var(\\n      --#{$custom-property-prefix}-text-04,\\n      map-get($theme, 'text-04')\\n    ) !global;\\n    $text-05: var(\\n      --#{$custom-property-prefix}-text-05,\\n      map-get($theme, 'text-05')\\n    ) !global;\\n    $text-error: var(\\n      --#{$custom-property-prefix}-text-error,\\n      map-get($theme, 'text-error')\\n    ) !global;\\n    $icon-01: var(\\n      --#{$custom-property-prefix}-icon-01,\\n      map-get($theme, 'icon-01')\\n    ) !global;\\n    $icon-02: var(\\n      --#{$custom-property-prefix}-icon-02,\\n      map-get($theme, 'icon-02')\\n    ) !global;\\n    $icon-03: var(\\n      --#{$custom-property-prefix}-icon-03,\\n      map-get($theme, 'icon-03')\\n    ) !global;\\n    $link-01: var(\\n      --#{$custom-property-prefix}-link-01,\\n      map-get($theme, 'link-01')\\n    ) !global;\\n    $link-02: var(\\n      --#{$custom-property-prefix}-link-02,\\n      map-get($theme, 'link-02')\\n    ) !global;\\n    $inverse-link: var(\\n      --#{$custom-property-prefix}-inverse-link,\\n      map-get($theme, 'inverse-link')\\n    ) !global;\\n    $field-01: var(\\n      --#{$custom-property-prefix}-field-01,\\n      map-get($theme, 'field-01')\\n    ) !global;\\n    $field-02: var(\\n      --#{$custom-property-prefix}-field-02,\\n      map-get($theme, 'field-02')\\n    ) !global;\\n    $inverse-01: var(\\n      --#{$custom-property-prefix}-inverse-01,\\n      map-get($theme, 'inverse-01')\\n    ) !global;\\n    $inverse-02: var(\\n      --#{$custom-property-prefix}-inverse-02,\\n      map-get($theme, 'inverse-02')\\n    ) !global;\\n    $support-01: var(\\n      --#{$custom-property-prefix}-support-01,\\n      map-get($theme, 'support-01')\\n    ) !global;\\n    $support-02: var(\\n      --#{$custom-property-prefix}-support-02,\\n      map-get($theme, 'support-02')\\n    ) !global;\\n    $support-03: var(\\n      --#{$custom-property-prefix}-support-03,\\n      map-get($theme, 'support-03')\\n    ) !global;\\n    $support-04: var(\\n      --#{$custom-property-prefix}-support-04,\\n      map-get($theme, 'support-04')\\n    ) !global;\\n    $inverse-support-01: var(\\n      --#{$custom-property-prefix}-inverse-support-01,\\n      map-get($theme, 'inverse-support-01')\\n    ) !global;\\n    $inverse-support-02: var(\\n      --#{$custom-property-prefix}-inverse-support-02,\\n      map-get($theme, 'inverse-support-02')\\n    ) !global;\\n    $inverse-support-03: var(\\n      --#{$custom-property-prefix}-inverse-support-03,\\n      map-get($theme, 'inverse-support-03')\\n    ) !global;\\n    $inverse-support-04: var(\\n      --#{$custom-property-prefix}-inverse-support-04,\\n      map-get($theme, 'inverse-support-04')\\n    ) !global;\\n    $overlay-01: var(\\n      --#{$custom-property-prefix}-overlay-01,\\n      map-get($theme, 'overlay-01')\\n    ) !global;\\n    $danger-01: var(\\n      --#{$custom-property-prefix}-danger-01,\\n      map-get($theme, 'danger-01')\\n    ) !global;\\n    $danger-02: var(\\n      --#{$custom-property-prefix}-danger-02,\\n      map-get($theme, 'danger-02')\\n    ) !global;\\n    $focus: var(\\n      --#{$custom-property-prefix}-focus,\\n      map-get($theme, 'focus')\\n    ) !global;\\n    $inverse-focus-ui: var(\\n      --#{$custom-property-prefix}-inverse-focus-ui,\\n      map-get($theme, 'inverse-focus-ui')\\n    ) !global;\\n    $hover-primary: var(\\n      --#{$custom-property-prefix}-hover-primary,\\n      map-get($theme, 'hover-primary')\\n    ) !global;\\n    $active-primary: var(\\n      --#{$custom-property-prefix}-active-primary,\\n      map-get($theme, 'active-primary')\\n    ) !global;\\n    $hover-primary-text: var(\\n      --#{$custom-property-prefix}-hover-primary-text,\\n      map-get($theme, 'hover-primary-text')\\n    ) !global;\\n    $hover-secondary: var(\\n      --#{$custom-property-prefix}-hover-secondary,\\n      map-get($theme, 'hover-secondary')\\n    ) !global;\\n    $active-secondary: var(\\n      --#{$custom-property-prefix}-active-secondary,\\n      map-get($theme, 'active-secondary')\\n    ) !global;\\n    $hover-tertiary: var(\\n      --#{$custom-property-prefix}-hover-tertiary,\\n      map-get($theme, 'hover-tertiary')\\n    ) !global;\\n    $active-tertiary: var(\\n      --#{$custom-property-prefix}-active-tertiary,\\n      map-get($theme, 'active-tertiary')\\n    ) !global;\\n    $hover-ui: var(\\n      --#{$custom-property-prefix}-hover-ui,\\n      map-get($theme, 'hover-ui')\\n    ) !global;\\n    $hover-light-ui: var(\\n      --#{$custom-property-prefix}-hover-light-ui,\\n      map-get($theme, 'hover-light-ui')\\n    ) !global;\\n    $hover-selected-ui: var(\\n      --#{$custom-property-prefix}-hover-selected-ui,\\n      map-get($theme, 'hover-selected-ui')\\n    ) !global;\\n    $active-ui: var(\\n      --#{$custom-property-prefix}-active-ui,\\n      map-get($theme, 'active-ui')\\n    ) !global;\\n    $active-light-ui: var(\\n      --#{$custom-property-prefix}-active-light-ui,\\n      map-get($theme, 'active-light-ui')\\n    ) !global;\\n    $selected-ui: var(\\n      --#{$custom-property-prefix}-selected-ui,\\n      map-get($theme, 'selected-ui')\\n    ) !global;\\n    $selected-light-ui: var(\\n      --#{$custom-property-prefix}-selected-light-ui,\\n      map-get($theme, 'selected-light-ui')\\n    ) !global;\\n    $inverse-hover-ui: var(\\n      --#{$custom-property-prefix}-inverse-hover-ui,\\n      map-get($theme, 'inverse-hover-ui')\\n    ) !global;\\n    $hover-danger: var(\\n      --#{$custom-property-prefix}-hover-danger,\\n      map-get($theme, 'hover-danger')\\n    ) !global;\\n    $active-danger: var(\\n      --#{$custom-property-prefix}-active-danger,\\n      map-get($theme, 'active-danger')\\n    ) !global;\\n    $hover-row: var(\\n      --#{$custom-property-prefix}-hover-row,\\n      map-get($theme, 'hover-row')\\n    ) !global;\\n    $visited-link: var(\\n      --#{$custom-property-prefix}-visited-link,\\n      map-get($theme, 'visited-link')\\n    ) !global;\\n    $disabled-01: var(\\n      --#{$custom-property-prefix}-disabled-01,\\n      map-get($theme, 'disabled-01')\\n    ) !global;\\n    $disabled-02: var(\\n      --#{$custom-property-prefix}-disabled-02,\\n      map-get($theme, 'disabled-02')\\n    ) !global;\\n    $disabled-03: var(\\n      --#{$custom-property-prefix}-disabled-03,\\n      map-get($theme, 'disabled-03')\\n    ) !global;\\n    $highlight: var(\\n      --#{$custom-property-prefix}-highlight,\\n      map-get($theme, 'highlight')\\n    ) !global;\\n    $decorative-01: var(\\n      --#{$custom-property-prefix}-decorative-01,\\n      map-get($theme, 'decorative-01')\\n    ) !global;\\n    $button-separator: var(\\n      --#{$custom-property-prefix}-button-separator,\\n      map-get($theme, 'button-separator')\\n    ) !global;\\n    $skeleton-01: var(\\n      --#{$custom-property-prefix}-skeleton-01,\\n      map-get($theme, 'skeleton-01')\\n    ) !global;\\n    $skeleton-02: var(\\n      --#{$custom-property-prefix}-skeleton-02,\\n      map-get($theme, 'skeleton-02')\\n    ) !global;\\n    $brand-01: var(\\n      --#{$custom-property-prefix}-brand-01,\\n      map-get($theme, 'brand-01')\\n    ) !global;\\n    $brand-02: var(\\n      --#{$custom-property-prefix}-brand-02,\\n      map-get($theme, 'brand-02')\\n    ) !global;\\n    $brand-03: var(\\n      --#{$custom-property-prefix}-brand-03,\\n      map-get($theme, 'brand-03')\\n    ) !global;\\n    $active-01: var(\\n      --#{$custom-property-prefix}-active-01,\\n      map-get($theme, 'active-01')\\n    ) !global;\\n    $hover-field: var(\\n      --#{$custom-property-prefix}-hover-field,\\n      map-get($theme, 'hover-field')\\n    ) !global;\\n    $danger: var(\\n      --#{$custom-property-prefix}-danger,\\n      map-get($theme, 'danger')\\n    ) !global;\\n    $spacing-01: var(\\n      --#{$custom-property-prefix}-spacing-01,\\n      map-get($theme, 'spacing-01')\\n    ) !global;\\n    $spacing-02: var(\\n      --#{$custom-property-prefix}-spacing-02,\\n      map-get($theme, 'spacing-02')\\n    ) !global;\\n    $spacing-03: var(\\n      --#{$custom-property-prefix}-spacing-03,\\n      map-get($theme, 'spacing-03')\\n    ) !global;\\n    $spacing-04: var(\\n      --#{$custom-property-prefix}-spacing-04,\\n      map-get($theme, 'spacing-04')\\n    ) !global;\\n    $spacing-05: var(\\n      --#{$custom-property-prefix}-spacing-05,\\n      map-get($theme, 'spacing-05')\\n    ) !global;\\n    $spacing-06: var(\\n      --#{$custom-property-prefix}-spacing-06,\\n      map-get($theme, 'spacing-06')\\n    ) !global;\\n    $spacing-07: var(\\n      --#{$custom-property-prefix}-spacing-07,\\n      map-get($theme, 'spacing-07')\\n    ) !global;\\n    $spacing-08: var(\\n      --#{$custom-property-prefix}-spacing-08,\\n      map-get($theme, 'spacing-08')\\n    ) !global;\\n    $spacing-09: var(\\n      --#{$custom-property-prefix}-spacing-09,\\n      map-get($theme, 'spacing-09')\\n    ) !global;\\n    $spacing-10: var(\\n      --#{$custom-property-prefix}-spacing-10,\\n      map-get($theme, 'spacing-10')\\n    ) !global;\\n    $spacing-11: var(\\n      --#{$custom-property-prefix}-spacing-11,\\n      map-get($theme, 'spacing-11')\\n    ) !global;\\n    $spacing-12: var(\\n      --#{$custom-property-prefix}-spacing-12,\\n      map-get($theme, 'spacing-12')\\n    ) !global;\\n    $fluid-spacing-01: var(\\n      --#{$custom-property-prefix}-fluid-spacing-01,\\n      map-get($theme, 'fluid-spacing-01')\\n    ) !global;\\n    $fluid-spacing-02: var(\\n      --#{$custom-property-prefix}-fluid-spacing-02,\\n      map-get($theme, 'fluid-spacing-02')\\n    ) !global;\\n    $fluid-spacing-03: var(\\n      --#{$custom-property-prefix}-fluid-spacing-03,\\n      map-get($theme, 'fluid-spacing-03')\\n    ) !global;\\n    $fluid-spacing-04: var(\\n      --#{$custom-property-prefix}-fluid-spacing-04,\\n      map-get($theme, 'fluid-spacing-04')\\n    ) !global;\\n    $layout-01: var(\\n      --#{$custom-property-prefix}-layout-01,\\n      map-get($theme, 'layout-01')\\n    ) !global;\\n    $layout-02: var(\\n      --#{$custom-property-prefix}-layout-02,\\n      map-get($theme, 'layout-02')\\n    ) !global;\\n    $layout-03: var(\\n      --#{$custom-property-prefix}-layout-03,\\n      map-get($theme, 'layout-03')\\n    ) !global;\\n    $layout-04: var(\\n      --#{$custom-property-prefix}-layout-04,\\n      map-get($theme, 'layout-04')\\n    ) !global;\\n    $layout-05: var(\\n      --#{$custom-property-prefix}-layout-05,\\n      map-get($theme, 'layout-05')\\n    ) !global;\\n    $layout-06: var(\\n      --#{$custom-property-prefix}-layout-06,\\n      map-get($theme, 'layout-06')\\n    ) !global;\\n    $layout-07: var(\\n      --#{$custom-property-prefix}-layout-07,\\n      map-get($theme, 'layout-07')\\n    ) !global;\\n    $container-01: var(\\n      --#{$custom-property-prefix}-container-01,\\n      map-get($theme, 'container-01')\\n    ) !global;\\n    $container-02: var(\\n      --#{$custom-property-prefix}-container-02,\\n      map-get($theme, 'container-02')\\n    ) !global;\\n    $container-03: var(\\n      --#{$custom-property-prefix}-container-03,\\n      map-get($theme, 'container-03')\\n    ) !global;\\n    $container-04: var(\\n      --#{$custom-property-prefix}-container-04,\\n      map-get($theme, 'container-04')\\n    ) !global;\\n    $container-05: var(\\n      --#{$custom-property-prefix}-container-05,\\n      map-get($theme, 'container-05')\\n    ) !global;\\n    $icon-size-01: var(\\n      --#{$custom-property-prefix}-icon-size-01,\\n      map-get($theme, 'icon-size-01')\\n    ) !global;\\n    $icon-size-02: var(\\n      --#{$custom-property-prefix}-icon-size-02,\\n      map-get($theme, 'icon-size-02')\\n    ) !global;\\n  }\\n  @if $emit-custom-properties == true {\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-01',\\n        map-get($theme, 'interactive-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-02',\\n        map-get($theme, 'interactive-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-03',\\n        map-get($theme, 'interactive-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-04',\\n        map-get($theme, 'interactive-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'ui-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'ui-background',\\n        map-get($theme, 'ui-background')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\\n      @include custom-property('text-01', map-get($theme, 'text-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\\n      @include custom-property('text-02', map-get($theme, 'text-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\\n      @include custom-property('text-03', map-get($theme, 'text-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\\n      @include custom-property('text-04', map-get($theme, 'text-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\\n      @include custom-property('text-05', map-get($theme, 'text-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-error', map-get($theme, 'text-error'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\\n      @include custom-property('link-01', map-get($theme, 'link-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\\n      @include custom-property('link-02', map-get($theme, 'link-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\\n    {\\n      @include custom-property('field-01', map-get($theme, 'field-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\\n    {\\n      @include custom-property('field-02', map-get($theme, 'field-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-01', map-get($theme, 'support-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-02', map-get($theme, 'support-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-03', map-get($theme, 'support-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-04', map-get($theme, 'support-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-01',\\n        map-get($theme, 'inverse-support-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-02',\\n        map-get($theme, 'inverse-support-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-03',\\n        map-get($theme, 'inverse-support-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-04',\\n        map-get($theme, 'inverse-support-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'overlay-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\\n    {\\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\\n    {\\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\\n      @include custom-property('focus', map-get($theme, 'focus'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-focus-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-focus-ui',\\n        map-get($theme, 'inverse-focus-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary',\\n        map-get($theme, 'hover-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-primary',\\n        map-get($theme, 'active-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary-text',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary-text',\\n        map-get($theme, 'hover-primary-text')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-secondary',\\n        map-get($theme, 'hover-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-secondary',\\n        map-get($theme, 'active-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-tertiary',\\n        map-get($theme, 'hover-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-tertiary',\\n        map-get($theme, 'active-tertiary')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\\n    {\\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-light-ui',\\n        map-get($theme, 'hover-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-selected-ui',\\n        map-get($theme, 'hover-selected-ui')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\\n    {\\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-light-ui',\\n        map-get($theme, 'active-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'selected-light-ui',\\n        map-get($theme, 'selected-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-hover-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-hover-ui',\\n        map-get($theme, 'inverse-hover-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-danger',\\n        map-get($theme, 'active-danger')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\\n    {\\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'visited-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\\n    {\\n      @include custom-property('highlight', map-get($theme, 'highlight'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'decorative-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'decorative-01',\\n        map-get($theme, 'decorative-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-separator',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-separator',\\n        map-get($theme, 'button-separator')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\\n    {\\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\\n    {\\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\\n    {\\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\\n    {\\n      @include custom-property('active-01', map-get($theme, 'active-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-field',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\\n      @include custom-property('danger', map-get($theme, 'danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\\n    {\\n      @include custom-property('label-01', map-get($theme, 'label-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'helper-text-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-01',\\n        map-get($theme, 'helper-text-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-01',\\n        map-get($theme, 'body-short-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-02',\\n        map-get($theme, 'body-short-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\\n      @include custom-property('code-01', map-get($theme, 'code-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\\n      @include custom-property('code-02', map-get($theme, 'code-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-01',\\n        map-get($theme, 'productive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-02',\\n        map-get($theme, 'productive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-03',\\n        map-get($theme, 'productive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-04',\\n        map-get($theme, 'productive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-05',\\n        map-get($theme, 'productive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-06',\\n        map-get($theme, 'productive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-07',\\n        map-get($theme, 'productive-heading-07')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-01',\\n        map-get($theme, 'expressive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-02',\\n        map-get($theme, 'expressive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-03',\\n        map-get($theme, 'expressive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-04',\\n        map-get($theme, 'expressive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-05',\\n        map-get($theme, 'expressive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-06',\\n        map-get($theme, 'expressive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-paragraph-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-paragraph-01',\\n        map-get($theme, 'expressive-paragraph-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-01', map-get($theme, 'display-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-02', map-get($theme, 'display-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-03', map-get($theme, 'display-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-04', map-get($theme, 'display-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-08',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-09',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-10',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-11',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-12',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-01',\\n        map-get($theme, 'fluid-spacing-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-02',\\n        map-get($theme, 'fluid-spacing-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-03',\\n        map-get($theme, 'fluid-spacing-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-04',\\n        map-get($theme, 'fluid-spacing-04')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\\n    {\\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\\n    {\\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\\n    {\\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\\n    {\\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\\n    {\\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\\n    {\\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\\n    {\\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-01', map-get($theme, 'container-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-02', map-get($theme, 'container-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-03', map-get($theme, 'container-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-04', map-get($theme, 'container-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-05', map-get($theme, 'container-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\\n    }\\n  }\\n\\n  @content;\\n\\n  // Reset to default theme after apply in content\\n  @if $carbon--theme != $parent-carbon-theme {\\n    $carbon--theme: $parent-carbon-theme !global;\\n\\n    @include carbon--theme();\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__overview-card-styles__productiveHeading01___2DEqx\",\n\t\"productiveHeading02\": \"-esm-offline-tools__overview-card-styles__productiveHeading02___1JnYu\",\n\t\"productiveHeading03\": \"-esm-offline-tools__overview-card-styles__productiveHeading03___ta6-j\",\n\t\"productiveHeading04\": \"-esm-offline-tools__overview-card-styles__productiveHeading04___3IC4T\",\n\t\"bodyShort01\": \"-esm-offline-tools__overview-card-styles__bodyShort01___2MCYU\",\n\t\"bodyLong01\": \"-esm-offline-tools__overview-card-styles__bodyLong01___38pRa\",\n\t\"label01\": \"-esm-offline-tools__overview-card-styles__label01___1Q5wm\",\n\t\"overviewCard\": \"-esm-offline-tools__overview-card-styles__overviewCard___1Sxi3\",\n\t\"headerContainer\": \"-esm-offline-tools__overview-card-styles__headerContainer___NRLbm\",\n\t\"contentContainer\": \"-esm-offline-tools__overview-card-styles__contentContainer___3QiKP\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__overview-cards-container-styles__productiveHeading01___-3GN_{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__overview-cards-container-styles__productiveHeading02___3vYvw{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__overview-cards-container-styles__productiveHeading03___2RPeu{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__overview-cards-container-styles__productiveHeading04___bLi3L{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__overview-cards-container-styles__bodyShort01___20fI2{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__overview-cards-container-styles__bodyLong01___1FlSO{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__overview-cards-container-styles__label01___1YGi_{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__overview-cards-container-styles__overviewCardContainer___3sxaa{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;margin:0 1rem 1rem 1rem}.omrs-breakpoint-gt-tablet .-esm-offline-tools__overview-cards-container-styles__overviewCardContainer___3sxaa{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/home/overview-cards-container.styles.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAGA,kFC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,kFCwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,kFCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,kFCggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,0EC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,yECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,sECofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,oFACE,YAAA,CACA,6BAAA,CACA,0BAAA,CACA,QC6Ia,CD5Ib,uBAAA,CAGF,+GACE,qCAAA,CACA,sBAAA\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.overviewCardContainer {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr;\\n  grid-template-rows: 1fr 1fr;\\n  gap: $spacing-05;\\n  margin: 0 $spacing-05 $spacing-05 $spacing-05;\\n}\\n\\n:global(.omrs-breakpoint-gt-tablet) .overviewCardContainer {\\n  grid-template-columns: 1fr 1fr 1fr 1fr;\\n  grid-template-rows: 1fr;\\n}\\n\",\"// Code generated by @carbon/themes. DO NOT EDIT.\\n//\\n// Copyright IBM Corp. 2018, 2019\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import './themes';\\n\\n/// Define theme variables from a map of tokens\\n/// @access public\\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\\n///\\n/// @example scss\\n///   // Default usage\\n///   @include carbon--theme();\\n///\\n///   // Alternate styling (not white theme)\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     // declarations...\\n///   }\\n///\\n///   // Inline styling\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     .my-dark-theme {\\n///       // declarations...\\n///     }\\n///   }\\n///\\n/// @group @carbon/themes\\n@mixin carbon--theme(\\n  $theme: $carbon--theme,\\n  $emit-custom-properties: false,\\n  $emit-difference: false\\n) {\\n  $parent-carbon-theme: $carbon--theme;\\n  $carbon--theme: $theme !global;\\n  $interactive-01: map-get($theme, 'interactive-01') !global;\\n  $interactive-02: map-get($theme, 'interactive-02') !global;\\n  $interactive-03: map-get($theme, 'interactive-03') !global;\\n  $interactive-04: map-get($theme, 'interactive-04') !global;\\n  $ui-background: map-get($theme, 'ui-background') !global;\\n  $ui-01: map-get($theme, 'ui-01') !global;\\n  $ui-02: map-get($theme, 'ui-02') !global;\\n  $ui-03: map-get($theme, 'ui-03') !global;\\n  $ui-04: map-get($theme, 'ui-04') !global;\\n  $ui-05: map-get($theme, 'ui-05') !global;\\n  $text-01: map-get($theme, 'text-01') !global;\\n  $text-02: map-get($theme, 'text-02') !global;\\n  $text-03: map-get($theme, 'text-03') !global;\\n  $text-04: map-get($theme, 'text-04') !global;\\n  $text-05: map-get($theme, 'text-05') !global;\\n  $text-error: map-get($theme, 'text-error') !global;\\n  $icon-01: map-get($theme, 'icon-01') !global;\\n  $icon-02: map-get($theme, 'icon-02') !global;\\n  $icon-03: map-get($theme, 'icon-03') !global;\\n  $link-01: map-get($theme, 'link-01') !global;\\n  $link-02: map-get($theme, 'link-02') !global;\\n  $inverse-link: map-get($theme, 'inverse-link') !global;\\n  $field-01: map-get($theme, 'field-01') !global;\\n  $field-02: map-get($theme, 'field-02') !global;\\n  $inverse-01: map-get($theme, 'inverse-01') !global;\\n  $inverse-02: map-get($theme, 'inverse-02') !global;\\n  $support-01: map-get($theme, 'support-01') !global;\\n  $support-02: map-get($theme, 'support-02') !global;\\n  $support-03: map-get($theme, 'support-03') !global;\\n  $support-04: map-get($theme, 'support-04') !global;\\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\\n  $overlay-01: map-get($theme, 'overlay-01') !global;\\n  $danger-01: map-get($theme, 'danger-01') !global;\\n  $danger-02: map-get($theme, 'danger-02') !global;\\n  $focus: map-get($theme, 'focus') !global;\\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\\n  $hover-primary: map-get($theme, 'hover-primary') !global;\\n  $active-primary: map-get($theme, 'active-primary') !global;\\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\\n  $active-secondary: map-get($theme, 'active-secondary') !global;\\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\\n  $hover-ui: map-get($theme, 'hover-ui') !global;\\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\\n  $active-ui: map-get($theme, 'active-ui') !global;\\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\\n  $selected-ui: map-get($theme, 'selected-ui') !global;\\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\\n  $hover-danger: map-get($theme, 'hover-danger') !global;\\n  $active-danger: map-get($theme, 'active-danger') !global;\\n  $hover-row: map-get($theme, 'hover-row') !global;\\n  $visited-link: map-get($theme, 'visited-link') !global;\\n  $disabled-01: map-get($theme, 'disabled-01') !global;\\n  $disabled-02: map-get($theme, 'disabled-02') !global;\\n  $disabled-03: map-get($theme, 'disabled-03') !global;\\n  $highlight: map-get($theme, 'highlight') !global;\\n  $decorative-01: map-get($theme, 'decorative-01') !global;\\n  $button-separator: map-get($theme, 'button-separator') !global;\\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\\n  $brand-01: map-get($theme, 'brand-01') !global;\\n  $brand-02: map-get($theme, 'brand-02') !global;\\n  $brand-03: map-get($theme, 'brand-03') !global;\\n  $active-01: map-get($theme, 'active-01') !global;\\n  $hover-field: map-get($theme, 'hover-field') !global;\\n  $danger: map-get($theme, 'danger') !global;\\n  $caption-01: map-get($theme, 'caption-01') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $body-short-01: map-get($theme, 'body-short-01') !global;\\n  $body-long-01: map-get($theme, 'body-long-01') !global;\\n  $body-short-02: map-get($theme, 'body-short-02') !global;\\n  $body-long-02: map-get($theme, 'body-long-02') !global;\\n  $code-01: map-get($theme, 'code-01') !global;\\n  $code-02: map-get($theme, 'code-02') !global;\\n  $heading-01: map-get($theme, 'heading-01') !global;\\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\\n  $heading-02: map-get($theme, 'heading-02') !global;\\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\\n  $quotation-01: map-get($theme, 'quotation-01') !global;\\n  $quotation-02: map-get($theme, 'quotation-02') !global;\\n  $display-01: map-get($theme, 'display-01') !global;\\n  $display-02: map-get($theme, 'display-02') !global;\\n  $display-03: map-get($theme, 'display-03') !global;\\n  $display-04: map-get($theme, 'display-04') !global;\\n  $spacing-01: map-get($theme, 'spacing-01') !global;\\n  $spacing-02: map-get($theme, 'spacing-02') !global;\\n  $spacing-03: map-get($theme, 'spacing-03') !global;\\n  $spacing-04: map-get($theme, 'spacing-04') !global;\\n  $spacing-05: map-get($theme, 'spacing-05') !global;\\n  $spacing-06: map-get($theme, 'spacing-06') !global;\\n  $spacing-07: map-get($theme, 'spacing-07') !global;\\n  $spacing-08: map-get($theme, 'spacing-08') !global;\\n  $spacing-09: map-get($theme, 'spacing-09') !global;\\n  $spacing-10: map-get($theme, 'spacing-10') !global;\\n  $spacing-11: map-get($theme, 'spacing-11') !global;\\n  $spacing-12: map-get($theme, 'spacing-12') !global;\\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\\n  $layout-01: map-get($theme, 'layout-01') !global;\\n  $layout-02: map-get($theme, 'layout-02') !global;\\n  $layout-03: map-get($theme, 'layout-03') !global;\\n  $layout-04: map-get($theme, 'layout-04') !global;\\n  $layout-05: map-get($theme, 'layout-05') !global;\\n  $layout-06: map-get($theme, 'layout-06') !global;\\n  $layout-07: map-get($theme, 'layout-07') !global;\\n  $container-01: map-get($theme, 'container-01') !global;\\n  $container-02: map-get($theme, 'container-02') !global;\\n  $container-03: map-get($theme, 'container-03') !global;\\n  $container-04: map-get($theme, 'container-04') !global;\\n  $container-05: map-get($theme, 'container-05') !global;\\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\\n\\n  @if global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-css-custom-properties')\\n  {\\n    $interactive-01: var(\\n      --#{$custom-property-prefix}-interactive-01,\\n      map-get($theme, 'interactive-01')\\n    ) !global;\\n    $interactive-02: var(\\n      --#{$custom-property-prefix}-interactive-02,\\n      map-get($theme, 'interactive-02')\\n    ) !global;\\n    $interactive-03: var(\\n      --#{$custom-property-prefix}-interactive-03,\\n      map-get($theme, 'interactive-03')\\n    ) !global;\\n    $interactive-04: var(\\n      --#{$custom-property-prefix}-interactive-04,\\n      map-get($theme, 'interactive-04')\\n    ) !global;\\n    $ui-background: var(\\n      --#{$custom-property-prefix}-ui-background,\\n      map-get($theme, 'ui-background')\\n    ) !global;\\n    $ui-01: var(\\n      --#{$custom-property-prefix}-ui-01,\\n      map-get($theme, 'ui-01')\\n    ) !global;\\n    $ui-02: var(\\n      --#{$custom-property-prefix}-ui-02,\\n      map-get($theme, 'ui-02')\\n    ) !global;\\n    $ui-03: var(\\n      --#{$custom-property-prefix}-ui-03,\\n      map-get($theme, 'ui-03')\\n    ) !global;\\n    $ui-04: var(\\n      --#{$custom-property-prefix}-ui-04,\\n      map-get($theme, 'ui-04')\\n    ) !global;\\n    $ui-05: var(\\n      --#{$custom-property-prefix}-ui-05,\\n      map-get($theme, 'ui-05')\\n    ) !global;\\n    $text-01: var(\\n      --#{$custom-property-prefix}-text-01,\\n      map-get($theme, 'text-01')\\n    ) !global;\\n    $text-02: var(\\n      --#{$custom-property-prefix}-text-02,\\n      map-get($theme, 'text-02')\\n    ) !global;\\n    $text-03: var(\\n      --#{$custom-property-prefix}-text-03,\\n      map-get($theme, 'text-03')\\n    ) !global;\\n    $text-04: var(\\n      --#{$custom-property-prefix}-text-04,\\n      map-get($theme, 'text-04')\\n    ) !global;\\n    $text-05: var(\\n      --#{$custom-property-prefix}-text-05,\\n      map-get($theme, 'text-05')\\n    ) !global;\\n    $text-error: var(\\n      --#{$custom-property-prefix}-text-error,\\n      map-get($theme, 'text-error')\\n    ) !global;\\n    $icon-01: var(\\n      --#{$custom-property-prefix}-icon-01,\\n      map-get($theme, 'icon-01')\\n    ) !global;\\n    $icon-02: var(\\n      --#{$custom-property-prefix}-icon-02,\\n      map-get($theme, 'icon-02')\\n    ) !global;\\n    $icon-03: var(\\n      --#{$custom-property-prefix}-icon-03,\\n      map-get($theme, 'icon-03')\\n    ) !global;\\n    $link-01: var(\\n      --#{$custom-property-prefix}-link-01,\\n      map-get($theme, 'link-01')\\n    ) !global;\\n    $link-02: var(\\n      --#{$custom-property-prefix}-link-02,\\n      map-get($theme, 'link-02')\\n    ) !global;\\n    $inverse-link: var(\\n      --#{$custom-property-prefix}-inverse-link,\\n      map-get($theme, 'inverse-link')\\n    ) !global;\\n    $field-01: var(\\n      --#{$custom-property-prefix}-field-01,\\n      map-get($theme, 'field-01')\\n    ) !global;\\n    $field-02: var(\\n      --#{$custom-property-prefix}-field-02,\\n      map-get($theme, 'field-02')\\n    ) !global;\\n    $inverse-01: var(\\n      --#{$custom-property-prefix}-inverse-01,\\n      map-get($theme, 'inverse-01')\\n    ) !global;\\n    $inverse-02: var(\\n      --#{$custom-property-prefix}-inverse-02,\\n      map-get($theme, 'inverse-02')\\n    ) !global;\\n    $support-01: var(\\n      --#{$custom-property-prefix}-support-01,\\n      map-get($theme, 'support-01')\\n    ) !global;\\n    $support-02: var(\\n      --#{$custom-property-prefix}-support-02,\\n      map-get($theme, 'support-02')\\n    ) !global;\\n    $support-03: var(\\n      --#{$custom-property-prefix}-support-03,\\n      map-get($theme, 'support-03')\\n    ) !global;\\n    $support-04: var(\\n      --#{$custom-property-prefix}-support-04,\\n      map-get($theme, 'support-04')\\n    ) !global;\\n    $inverse-support-01: var(\\n      --#{$custom-property-prefix}-inverse-support-01,\\n      map-get($theme, 'inverse-support-01')\\n    ) !global;\\n    $inverse-support-02: var(\\n      --#{$custom-property-prefix}-inverse-support-02,\\n      map-get($theme, 'inverse-support-02')\\n    ) !global;\\n    $inverse-support-03: var(\\n      --#{$custom-property-prefix}-inverse-support-03,\\n      map-get($theme, 'inverse-support-03')\\n    ) !global;\\n    $inverse-support-04: var(\\n      --#{$custom-property-prefix}-inverse-support-04,\\n      map-get($theme, 'inverse-support-04')\\n    ) !global;\\n    $overlay-01: var(\\n      --#{$custom-property-prefix}-overlay-01,\\n      map-get($theme, 'overlay-01')\\n    ) !global;\\n    $danger-01: var(\\n      --#{$custom-property-prefix}-danger-01,\\n      map-get($theme, 'danger-01')\\n    ) !global;\\n    $danger-02: var(\\n      --#{$custom-property-prefix}-danger-02,\\n      map-get($theme, 'danger-02')\\n    ) !global;\\n    $focus: var(\\n      --#{$custom-property-prefix}-focus,\\n      map-get($theme, 'focus')\\n    ) !global;\\n    $inverse-focus-ui: var(\\n      --#{$custom-property-prefix}-inverse-focus-ui,\\n      map-get($theme, 'inverse-focus-ui')\\n    ) !global;\\n    $hover-primary: var(\\n      --#{$custom-property-prefix}-hover-primary,\\n      map-get($theme, 'hover-primary')\\n    ) !global;\\n    $active-primary: var(\\n      --#{$custom-property-prefix}-active-primary,\\n      map-get($theme, 'active-primary')\\n    ) !global;\\n    $hover-primary-text: var(\\n      --#{$custom-property-prefix}-hover-primary-text,\\n      map-get($theme, 'hover-primary-text')\\n    ) !global;\\n    $hover-secondary: var(\\n      --#{$custom-property-prefix}-hover-secondary,\\n      map-get($theme, 'hover-secondary')\\n    ) !global;\\n    $active-secondary: var(\\n      --#{$custom-property-prefix}-active-secondary,\\n      map-get($theme, 'active-secondary')\\n    ) !global;\\n    $hover-tertiary: var(\\n      --#{$custom-property-prefix}-hover-tertiary,\\n      map-get($theme, 'hover-tertiary')\\n    ) !global;\\n    $active-tertiary: var(\\n      --#{$custom-property-prefix}-active-tertiary,\\n      map-get($theme, 'active-tertiary')\\n    ) !global;\\n    $hover-ui: var(\\n      --#{$custom-property-prefix}-hover-ui,\\n      map-get($theme, 'hover-ui')\\n    ) !global;\\n    $hover-light-ui: var(\\n      --#{$custom-property-prefix}-hover-light-ui,\\n      map-get($theme, 'hover-light-ui')\\n    ) !global;\\n    $hover-selected-ui: var(\\n      --#{$custom-property-prefix}-hover-selected-ui,\\n      map-get($theme, 'hover-selected-ui')\\n    ) !global;\\n    $active-ui: var(\\n      --#{$custom-property-prefix}-active-ui,\\n      map-get($theme, 'active-ui')\\n    ) !global;\\n    $active-light-ui: var(\\n      --#{$custom-property-prefix}-active-light-ui,\\n      map-get($theme, 'active-light-ui')\\n    ) !global;\\n    $selected-ui: var(\\n      --#{$custom-property-prefix}-selected-ui,\\n      map-get($theme, 'selected-ui')\\n    ) !global;\\n    $selected-light-ui: var(\\n      --#{$custom-property-prefix}-selected-light-ui,\\n      map-get($theme, 'selected-light-ui')\\n    ) !global;\\n    $inverse-hover-ui: var(\\n      --#{$custom-property-prefix}-inverse-hover-ui,\\n      map-get($theme, 'inverse-hover-ui')\\n    ) !global;\\n    $hover-danger: var(\\n      --#{$custom-property-prefix}-hover-danger,\\n      map-get($theme, 'hover-danger')\\n    ) !global;\\n    $active-danger: var(\\n      --#{$custom-property-prefix}-active-danger,\\n      map-get($theme, 'active-danger')\\n    ) !global;\\n    $hover-row: var(\\n      --#{$custom-property-prefix}-hover-row,\\n      map-get($theme, 'hover-row')\\n    ) !global;\\n    $visited-link: var(\\n      --#{$custom-property-prefix}-visited-link,\\n      map-get($theme, 'visited-link')\\n    ) !global;\\n    $disabled-01: var(\\n      --#{$custom-property-prefix}-disabled-01,\\n      map-get($theme, 'disabled-01')\\n    ) !global;\\n    $disabled-02: var(\\n      --#{$custom-property-prefix}-disabled-02,\\n      map-get($theme, 'disabled-02')\\n    ) !global;\\n    $disabled-03: var(\\n      --#{$custom-property-prefix}-disabled-03,\\n      map-get($theme, 'disabled-03')\\n    ) !global;\\n    $highlight: var(\\n      --#{$custom-property-prefix}-highlight,\\n      map-get($theme, 'highlight')\\n    ) !global;\\n    $decorative-01: var(\\n      --#{$custom-property-prefix}-decorative-01,\\n      map-get($theme, 'decorative-01')\\n    ) !global;\\n    $button-separator: var(\\n      --#{$custom-property-prefix}-button-separator,\\n      map-get($theme, 'button-separator')\\n    ) !global;\\n    $skeleton-01: var(\\n      --#{$custom-property-prefix}-skeleton-01,\\n      map-get($theme, 'skeleton-01')\\n    ) !global;\\n    $skeleton-02: var(\\n      --#{$custom-property-prefix}-skeleton-02,\\n      map-get($theme, 'skeleton-02')\\n    ) !global;\\n    $brand-01: var(\\n      --#{$custom-property-prefix}-brand-01,\\n      map-get($theme, 'brand-01')\\n    ) !global;\\n    $brand-02: var(\\n      --#{$custom-property-prefix}-brand-02,\\n      map-get($theme, 'brand-02')\\n    ) !global;\\n    $brand-03: var(\\n      --#{$custom-property-prefix}-brand-03,\\n      map-get($theme, 'brand-03')\\n    ) !global;\\n    $active-01: var(\\n      --#{$custom-property-prefix}-active-01,\\n      map-get($theme, 'active-01')\\n    ) !global;\\n    $hover-field: var(\\n      --#{$custom-property-prefix}-hover-field,\\n      map-get($theme, 'hover-field')\\n    ) !global;\\n    $danger: var(\\n      --#{$custom-property-prefix}-danger,\\n      map-get($theme, 'danger')\\n    ) !global;\\n    $spacing-01: var(\\n      --#{$custom-property-prefix}-spacing-01,\\n      map-get($theme, 'spacing-01')\\n    ) !global;\\n    $spacing-02: var(\\n      --#{$custom-property-prefix}-spacing-02,\\n      map-get($theme, 'spacing-02')\\n    ) !global;\\n    $spacing-03: var(\\n      --#{$custom-property-prefix}-spacing-03,\\n      map-get($theme, 'spacing-03')\\n    ) !global;\\n    $spacing-04: var(\\n      --#{$custom-property-prefix}-spacing-04,\\n      map-get($theme, 'spacing-04')\\n    ) !global;\\n    $spacing-05: var(\\n      --#{$custom-property-prefix}-spacing-05,\\n      map-get($theme, 'spacing-05')\\n    ) !global;\\n    $spacing-06: var(\\n      --#{$custom-property-prefix}-spacing-06,\\n      map-get($theme, 'spacing-06')\\n    ) !global;\\n    $spacing-07: var(\\n      --#{$custom-property-prefix}-spacing-07,\\n      map-get($theme, 'spacing-07')\\n    ) !global;\\n    $spacing-08: var(\\n      --#{$custom-property-prefix}-spacing-08,\\n      map-get($theme, 'spacing-08')\\n    ) !global;\\n    $spacing-09: var(\\n      --#{$custom-property-prefix}-spacing-09,\\n      map-get($theme, 'spacing-09')\\n    ) !global;\\n    $spacing-10: var(\\n      --#{$custom-property-prefix}-spacing-10,\\n      map-get($theme, 'spacing-10')\\n    ) !global;\\n    $spacing-11: var(\\n      --#{$custom-property-prefix}-spacing-11,\\n      map-get($theme, 'spacing-11')\\n    ) !global;\\n    $spacing-12: var(\\n      --#{$custom-property-prefix}-spacing-12,\\n      map-get($theme, 'spacing-12')\\n    ) !global;\\n    $fluid-spacing-01: var(\\n      --#{$custom-property-prefix}-fluid-spacing-01,\\n      map-get($theme, 'fluid-spacing-01')\\n    ) !global;\\n    $fluid-spacing-02: var(\\n      --#{$custom-property-prefix}-fluid-spacing-02,\\n      map-get($theme, 'fluid-spacing-02')\\n    ) !global;\\n    $fluid-spacing-03: var(\\n      --#{$custom-property-prefix}-fluid-spacing-03,\\n      map-get($theme, 'fluid-spacing-03')\\n    ) !global;\\n    $fluid-spacing-04: var(\\n      --#{$custom-property-prefix}-fluid-spacing-04,\\n      map-get($theme, 'fluid-spacing-04')\\n    ) !global;\\n    $layout-01: var(\\n      --#{$custom-property-prefix}-layout-01,\\n      map-get($theme, 'layout-01')\\n    ) !global;\\n    $layout-02: var(\\n      --#{$custom-property-prefix}-layout-02,\\n      map-get($theme, 'layout-02')\\n    ) !global;\\n    $layout-03: var(\\n      --#{$custom-property-prefix}-layout-03,\\n      map-get($theme, 'layout-03')\\n    ) !global;\\n    $layout-04: var(\\n      --#{$custom-property-prefix}-layout-04,\\n      map-get($theme, 'layout-04')\\n    ) !global;\\n    $layout-05: var(\\n      --#{$custom-property-prefix}-layout-05,\\n      map-get($theme, 'layout-05')\\n    ) !global;\\n    $layout-06: var(\\n      --#{$custom-property-prefix}-layout-06,\\n      map-get($theme, 'layout-06')\\n    ) !global;\\n    $layout-07: var(\\n      --#{$custom-property-prefix}-layout-07,\\n      map-get($theme, 'layout-07')\\n    ) !global;\\n    $container-01: var(\\n      --#{$custom-property-prefix}-container-01,\\n      map-get($theme, 'container-01')\\n    ) !global;\\n    $container-02: var(\\n      --#{$custom-property-prefix}-container-02,\\n      map-get($theme, 'container-02')\\n    ) !global;\\n    $container-03: var(\\n      --#{$custom-property-prefix}-container-03,\\n      map-get($theme, 'container-03')\\n    ) !global;\\n    $container-04: var(\\n      --#{$custom-property-prefix}-container-04,\\n      map-get($theme, 'container-04')\\n    ) !global;\\n    $container-05: var(\\n      --#{$custom-property-prefix}-container-05,\\n      map-get($theme, 'container-05')\\n    ) !global;\\n    $icon-size-01: var(\\n      --#{$custom-property-prefix}-icon-size-01,\\n      map-get($theme, 'icon-size-01')\\n    ) !global;\\n    $icon-size-02: var(\\n      --#{$custom-property-prefix}-icon-size-02,\\n      map-get($theme, 'icon-size-02')\\n    ) !global;\\n  }\\n  @if $emit-custom-properties == true {\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-01',\\n        map-get($theme, 'interactive-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-02',\\n        map-get($theme, 'interactive-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-03',\\n        map-get($theme, 'interactive-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-04',\\n        map-get($theme, 'interactive-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'ui-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'ui-background',\\n        map-get($theme, 'ui-background')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\\n      @include custom-property('text-01', map-get($theme, 'text-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\\n      @include custom-property('text-02', map-get($theme, 'text-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\\n      @include custom-property('text-03', map-get($theme, 'text-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\\n      @include custom-property('text-04', map-get($theme, 'text-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\\n      @include custom-property('text-05', map-get($theme, 'text-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-error', map-get($theme, 'text-error'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\\n      @include custom-property('link-01', map-get($theme, 'link-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\\n      @include custom-property('link-02', map-get($theme, 'link-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\\n    {\\n      @include custom-property('field-01', map-get($theme, 'field-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\\n    {\\n      @include custom-property('field-02', map-get($theme, 'field-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-01', map-get($theme, 'support-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-02', map-get($theme, 'support-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-03', map-get($theme, 'support-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-04', map-get($theme, 'support-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-01',\\n        map-get($theme, 'inverse-support-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-02',\\n        map-get($theme, 'inverse-support-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-03',\\n        map-get($theme, 'inverse-support-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-04',\\n        map-get($theme, 'inverse-support-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'overlay-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\\n    {\\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\\n    {\\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\\n      @include custom-property('focus', map-get($theme, 'focus'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-focus-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-focus-ui',\\n        map-get($theme, 'inverse-focus-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary',\\n        map-get($theme, 'hover-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-primary',\\n        map-get($theme, 'active-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary-text',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary-text',\\n        map-get($theme, 'hover-primary-text')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-secondary',\\n        map-get($theme, 'hover-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-secondary',\\n        map-get($theme, 'active-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-tertiary',\\n        map-get($theme, 'hover-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-tertiary',\\n        map-get($theme, 'active-tertiary')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\\n    {\\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-light-ui',\\n        map-get($theme, 'hover-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-selected-ui',\\n        map-get($theme, 'hover-selected-ui')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\\n    {\\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-light-ui',\\n        map-get($theme, 'active-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'selected-light-ui',\\n        map-get($theme, 'selected-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-hover-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-hover-ui',\\n        map-get($theme, 'inverse-hover-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-danger',\\n        map-get($theme, 'active-danger')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\\n    {\\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'visited-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\\n    {\\n      @include custom-property('highlight', map-get($theme, 'highlight'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'decorative-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'decorative-01',\\n        map-get($theme, 'decorative-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-separator',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-separator',\\n        map-get($theme, 'button-separator')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\\n    {\\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\\n    {\\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\\n    {\\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\\n    {\\n      @include custom-property('active-01', map-get($theme, 'active-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-field',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\\n      @include custom-property('danger', map-get($theme, 'danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\\n    {\\n      @include custom-property('label-01', map-get($theme, 'label-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'helper-text-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-01',\\n        map-get($theme, 'helper-text-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-01',\\n        map-get($theme, 'body-short-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-02',\\n        map-get($theme, 'body-short-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\\n      @include custom-property('code-01', map-get($theme, 'code-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\\n      @include custom-property('code-02', map-get($theme, 'code-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-01',\\n        map-get($theme, 'productive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-02',\\n        map-get($theme, 'productive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-03',\\n        map-get($theme, 'productive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-04',\\n        map-get($theme, 'productive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-05',\\n        map-get($theme, 'productive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-06',\\n        map-get($theme, 'productive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-07',\\n        map-get($theme, 'productive-heading-07')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-01',\\n        map-get($theme, 'expressive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-02',\\n        map-get($theme, 'expressive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-03',\\n        map-get($theme, 'expressive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-04',\\n        map-get($theme, 'expressive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-05',\\n        map-get($theme, 'expressive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-06',\\n        map-get($theme, 'expressive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-paragraph-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-paragraph-01',\\n        map-get($theme, 'expressive-paragraph-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-01', map-get($theme, 'display-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-02', map-get($theme, 'display-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-03', map-get($theme, 'display-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-04', map-get($theme, 'display-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-08',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-09',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-10',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-11',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-12',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-01',\\n        map-get($theme, 'fluid-spacing-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-02',\\n        map-get($theme, 'fluid-spacing-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-03',\\n        map-get($theme, 'fluid-spacing-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-04',\\n        map-get($theme, 'fluid-spacing-04')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\\n    {\\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\\n    {\\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\\n    {\\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\\n    {\\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\\n    {\\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\\n    {\\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\\n    {\\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-01', map-get($theme, 'container-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-02', map-get($theme, 'container-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-03', map-get($theme, 'container-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-04', map-get($theme, 'container-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-05', map-get($theme, 'container-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\\n    }\\n  }\\n\\n  @content;\\n\\n  // Reset to default theme after apply in content\\n  @if $carbon--theme != $parent-carbon-theme {\\n    $carbon--theme: $parent-carbon-theme !global;\\n\\n    @include carbon--theme();\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__overview-cards-container-styles__productiveHeading01___-3GN_\",\n\t\"productiveHeading02\": \"-esm-offline-tools__overview-cards-container-styles__productiveHeading02___3vYvw\",\n\t\"productiveHeading03\": \"-esm-offline-tools__overview-cards-container-styles__productiveHeading03___2RPeu\",\n\t\"productiveHeading04\": \"-esm-offline-tools__overview-cards-container-styles__productiveHeading04___bLi3L\",\n\t\"bodyShort01\": \"-esm-offline-tools__overview-cards-container-styles__bodyShort01___20fI2\",\n\t\"bodyLong01\": \"-esm-offline-tools__overview-cards-container-styles__bodyLong01___1FlSO\",\n\t\"label01\": \"-esm-offline-tools__overview-cards-container-styles__label01___1YGi_\",\n\t\"overviewCardContainer\": \"-esm-offline-tools__overview-cards-container-styles__overviewCardContainer___3sxaa\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__desktop-side-nav-styles__productiveHeading01___3ICP5,.-esm-offline-tools__desktop-side-nav-styles__link___2BeGC>div a:nth-child(1){font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__desktop-side-nav-styles__productiveHeading02___35tyk{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__desktop-side-nav-styles__productiveHeading03___1FHfj{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__desktop-side-nav-styles__productiveHeading04___17Irp{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__desktop-side-nav-styles__bodyShort01___3q_nT{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__desktop-side-nav-styles__bodyLong01___3E58D{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__desktop-side-nav-styles__label01___25CIu{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__desktop-side-nav-styles__link___2BeGC>div a:nth-child(1){height:3rem;padding:1.5rem 0 1.5rem 1.2rem;color:#8d8d8d;border-left:.25rem solid transparent}.-esm-offline-tools__desktop-side-nav-styles__link___2BeGC>div a:nth-child(1):hover{background-color:#e0e0e0;color:#161616;border-left-color:#005d5d}.-esm-offline-tools__desktop-side-nav-styles__link___2BeGC>div a:nth-child(1):focus{background-color:#e0e0e0;outline:none;color:#161616;border-left-color:#005d5d}.omrs-breakpoint-gt-tablet .-esm-offline-tools__desktop-side-nav-styles__link___2BeGC>div{padding-top:1rem}.omrs-breakpoint-gt-tablet .-esm-offline-tools__desktop-side-nav-styles__link___2BeGC>div a:nth-child(1){height:2rem;color:#8d8d8d;padding:0 0 0 1rem}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/nav/desktop-side-nav.styles.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAGA,wJC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,0ECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,0ECogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,0ECggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,kEC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,iECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,8DCofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,8EACE,WAAA,CACA,8BAAA,CACA,aC2CQ,CDzCR,oCAAA,CAGF,oFACE,wBCoCQ,CDnCR,aCqCQ,CDpCR,yBC6FW,CD1Fb,oFACE,wBC8BQ,CD7BR,YAAA,CACA,aC8BQ,CD7BR,yBCsFW,CDnFb,0FACE,gBAAA,CAGF,yGACE,WAAA,CACA,aCmBQ,CDlBR,kBAAA\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.link > div a:nth-child(1) {\\n  height: 3rem;\\n  padding: 1.5rem 0 1.5rem 1.2rem;\\n  color: $ui-04;\\n  @extend .productiveHeading01;\\n  border-left: 0.25rem solid transparent;\\n}\\n\\n.link > div a:nth-child(1):hover {\\n  background-color: $ui-03;\\n  color: $ui-05;\\n  border-left-color: $brand-01;\\n}\\n\\n.link > div a:nth-child(1):focus {\\n  background-color: $ui-03;\\n  outline: none;\\n  color: $ui-05;\\n  border-left-color: $brand-01;\\n}\\n\\n:global(.omrs-breakpoint-gt-tablet) .link > div {\\n  padding-top: 1rem;\\n}\\n\\n:global(.omrs-breakpoint-gt-tablet) .link > div a:nth-child(1) {\\n  height: 2rem;\\n  color: $ui-04;\\n  padding: 0 0 0 1rem;\\n}\\n\",\"// Code generated by @carbon/themes. DO NOT EDIT.\\n//\\n// Copyright IBM Corp. 2018, 2019\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import './themes';\\n\\n/// Define theme variables from a map of tokens\\n/// @access public\\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\\n///\\n/// @example scss\\n///   // Default usage\\n///   @include carbon--theme();\\n///\\n///   // Alternate styling (not white theme)\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     // declarations...\\n///   }\\n///\\n///   // Inline styling\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     .my-dark-theme {\\n///       // declarations...\\n///     }\\n///   }\\n///\\n/// @group @carbon/themes\\n@mixin carbon--theme(\\n  $theme: $carbon--theme,\\n  $emit-custom-properties: false,\\n  $emit-difference: false\\n) {\\n  $parent-carbon-theme: $carbon--theme;\\n  $carbon--theme: $theme !global;\\n  $interactive-01: map-get($theme, 'interactive-01') !global;\\n  $interactive-02: map-get($theme, 'interactive-02') !global;\\n  $interactive-03: map-get($theme, 'interactive-03') !global;\\n  $interactive-04: map-get($theme, 'interactive-04') !global;\\n  $ui-background: map-get($theme, 'ui-background') !global;\\n  $ui-01: map-get($theme, 'ui-01') !global;\\n  $ui-02: map-get($theme, 'ui-02') !global;\\n  $ui-03: map-get($theme, 'ui-03') !global;\\n  $ui-04: map-get($theme, 'ui-04') !global;\\n  $ui-05: map-get($theme, 'ui-05') !global;\\n  $text-01: map-get($theme, 'text-01') !global;\\n  $text-02: map-get($theme, 'text-02') !global;\\n  $text-03: map-get($theme, 'text-03') !global;\\n  $text-04: map-get($theme, 'text-04') !global;\\n  $text-05: map-get($theme, 'text-05') !global;\\n  $text-error: map-get($theme, 'text-error') !global;\\n  $icon-01: map-get($theme, 'icon-01') !global;\\n  $icon-02: map-get($theme, 'icon-02') !global;\\n  $icon-03: map-get($theme, 'icon-03') !global;\\n  $link-01: map-get($theme, 'link-01') !global;\\n  $link-02: map-get($theme, 'link-02') !global;\\n  $inverse-link: map-get($theme, 'inverse-link') !global;\\n  $field-01: map-get($theme, 'field-01') !global;\\n  $field-02: map-get($theme, 'field-02') !global;\\n  $inverse-01: map-get($theme, 'inverse-01') !global;\\n  $inverse-02: map-get($theme, 'inverse-02') !global;\\n  $support-01: map-get($theme, 'support-01') !global;\\n  $support-02: map-get($theme, 'support-02') !global;\\n  $support-03: map-get($theme, 'support-03') !global;\\n  $support-04: map-get($theme, 'support-04') !global;\\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\\n  $overlay-01: map-get($theme, 'overlay-01') !global;\\n  $danger-01: map-get($theme, 'danger-01') !global;\\n  $danger-02: map-get($theme, 'danger-02') !global;\\n  $focus: map-get($theme, 'focus') !global;\\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\\n  $hover-primary: map-get($theme, 'hover-primary') !global;\\n  $active-primary: map-get($theme, 'active-primary') !global;\\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\\n  $active-secondary: map-get($theme, 'active-secondary') !global;\\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\\n  $hover-ui: map-get($theme, 'hover-ui') !global;\\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\\n  $active-ui: map-get($theme, 'active-ui') !global;\\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\\n  $selected-ui: map-get($theme, 'selected-ui') !global;\\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\\n  $hover-danger: map-get($theme, 'hover-danger') !global;\\n  $active-danger: map-get($theme, 'active-danger') !global;\\n  $hover-row: map-get($theme, 'hover-row') !global;\\n  $visited-link: map-get($theme, 'visited-link') !global;\\n  $disabled-01: map-get($theme, 'disabled-01') !global;\\n  $disabled-02: map-get($theme, 'disabled-02') !global;\\n  $disabled-03: map-get($theme, 'disabled-03') !global;\\n  $highlight: map-get($theme, 'highlight') !global;\\n  $decorative-01: map-get($theme, 'decorative-01') !global;\\n  $button-separator: map-get($theme, 'button-separator') !global;\\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\\n  $brand-01: map-get($theme, 'brand-01') !global;\\n  $brand-02: map-get($theme, 'brand-02') !global;\\n  $brand-03: map-get($theme, 'brand-03') !global;\\n  $active-01: map-get($theme, 'active-01') !global;\\n  $hover-field: map-get($theme, 'hover-field') !global;\\n  $danger: map-get($theme, 'danger') !global;\\n  $caption-01: map-get($theme, 'caption-01') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $body-short-01: map-get($theme, 'body-short-01') !global;\\n  $body-long-01: map-get($theme, 'body-long-01') !global;\\n  $body-short-02: map-get($theme, 'body-short-02') !global;\\n  $body-long-02: map-get($theme, 'body-long-02') !global;\\n  $code-01: map-get($theme, 'code-01') !global;\\n  $code-02: map-get($theme, 'code-02') !global;\\n  $heading-01: map-get($theme, 'heading-01') !global;\\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\\n  $heading-02: map-get($theme, 'heading-02') !global;\\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\\n  $quotation-01: map-get($theme, 'quotation-01') !global;\\n  $quotation-02: map-get($theme, 'quotation-02') !global;\\n  $display-01: map-get($theme, 'display-01') !global;\\n  $display-02: map-get($theme, 'display-02') !global;\\n  $display-03: map-get($theme, 'display-03') !global;\\n  $display-04: map-get($theme, 'display-04') !global;\\n  $spacing-01: map-get($theme, 'spacing-01') !global;\\n  $spacing-02: map-get($theme, 'spacing-02') !global;\\n  $spacing-03: map-get($theme, 'spacing-03') !global;\\n  $spacing-04: map-get($theme, 'spacing-04') !global;\\n  $spacing-05: map-get($theme, 'spacing-05') !global;\\n  $spacing-06: map-get($theme, 'spacing-06') !global;\\n  $spacing-07: map-get($theme, 'spacing-07') !global;\\n  $spacing-08: map-get($theme, 'spacing-08') !global;\\n  $spacing-09: map-get($theme, 'spacing-09') !global;\\n  $spacing-10: map-get($theme, 'spacing-10') !global;\\n  $spacing-11: map-get($theme, 'spacing-11') !global;\\n  $spacing-12: map-get($theme, 'spacing-12') !global;\\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\\n  $layout-01: map-get($theme, 'layout-01') !global;\\n  $layout-02: map-get($theme, 'layout-02') !global;\\n  $layout-03: map-get($theme, 'layout-03') !global;\\n  $layout-04: map-get($theme, 'layout-04') !global;\\n  $layout-05: map-get($theme, 'layout-05') !global;\\n  $layout-06: map-get($theme, 'layout-06') !global;\\n  $layout-07: map-get($theme, 'layout-07') !global;\\n  $container-01: map-get($theme, 'container-01') !global;\\n  $container-02: map-get($theme, 'container-02') !global;\\n  $container-03: map-get($theme, 'container-03') !global;\\n  $container-04: map-get($theme, 'container-04') !global;\\n  $container-05: map-get($theme, 'container-05') !global;\\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\\n\\n  @if global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-css-custom-properties')\\n  {\\n    $interactive-01: var(\\n      --#{$custom-property-prefix}-interactive-01,\\n      map-get($theme, 'interactive-01')\\n    ) !global;\\n    $interactive-02: var(\\n      --#{$custom-property-prefix}-interactive-02,\\n      map-get($theme, 'interactive-02')\\n    ) !global;\\n    $interactive-03: var(\\n      --#{$custom-property-prefix}-interactive-03,\\n      map-get($theme, 'interactive-03')\\n    ) !global;\\n    $interactive-04: var(\\n      --#{$custom-property-prefix}-interactive-04,\\n      map-get($theme, 'interactive-04')\\n    ) !global;\\n    $ui-background: var(\\n      --#{$custom-property-prefix}-ui-background,\\n      map-get($theme, 'ui-background')\\n    ) !global;\\n    $ui-01: var(\\n      --#{$custom-property-prefix}-ui-01,\\n      map-get($theme, 'ui-01')\\n    ) !global;\\n    $ui-02: var(\\n      --#{$custom-property-prefix}-ui-02,\\n      map-get($theme, 'ui-02')\\n    ) !global;\\n    $ui-03: var(\\n      --#{$custom-property-prefix}-ui-03,\\n      map-get($theme, 'ui-03')\\n    ) !global;\\n    $ui-04: var(\\n      --#{$custom-property-prefix}-ui-04,\\n      map-get($theme, 'ui-04')\\n    ) !global;\\n    $ui-05: var(\\n      --#{$custom-property-prefix}-ui-05,\\n      map-get($theme, 'ui-05')\\n    ) !global;\\n    $text-01: var(\\n      --#{$custom-property-prefix}-text-01,\\n      map-get($theme, 'text-01')\\n    ) !global;\\n    $text-02: var(\\n      --#{$custom-property-prefix}-text-02,\\n      map-get($theme, 'text-02')\\n    ) !global;\\n    $text-03: var(\\n      --#{$custom-property-prefix}-text-03,\\n      map-get($theme, 'text-03')\\n    ) !global;\\n    $text-04: var(\\n      --#{$custom-property-prefix}-text-04,\\n      map-get($theme, 'text-04')\\n    ) !global;\\n    $text-05: var(\\n      --#{$custom-property-prefix}-text-05,\\n      map-get($theme, 'text-05')\\n    ) !global;\\n    $text-error: var(\\n      --#{$custom-property-prefix}-text-error,\\n      map-get($theme, 'text-error')\\n    ) !global;\\n    $icon-01: var(\\n      --#{$custom-property-prefix}-icon-01,\\n      map-get($theme, 'icon-01')\\n    ) !global;\\n    $icon-02: var(\\n      --#{$custom-property-prefix}-icon-02,\\n      map-get($theme, 'icon-02')\\n    ) !global;\\n    $icon-03: var(\\n      --#{$custom-property-prefix}-icon-03,\\n      map-get($theme, 'icon-03')\\n    ) !global;\\n    $link-01: var(\\n      --#{$custom-property-prefix}-link-01,\\n      map-get($theme, 'link-01')\\n    ) !global;\\n    $link-02: var(\\n      --#{$custom-property-prefix}-link-02,\\n      map-get($theme, 'link-02')\\n    ) !global;\\n    $inverse-link: var(\\n      --#{$custom-property-prefix}-inverse-link,\\n      map-get($theme, 'inverse-link')\\n    ) !global;\\n    $field-01: var(\\n      --#{$custom-property-prefix}-field-01,\\n      map-get($theme, 'field-01')\\n    ) !global;\\n    $field-02: var(\\n      --#{$custom-property-prefix}-field-02,\\n      map-get($theme, 'field-02')\\n    ) !global;\\n    $inverse-01: var(\\n      --#{$custom-property-prefix}-inverse-01,\\n      map-get($theme, 'inverse-01')\\n    ) !global;\\n    $inverse-02: var(\\n      --#{$custom-property-prefix}-inverse-02,\\n      map-get($theme, 'inverse-02')\\n    ) !global;\\n    $support-01: var(\\n      --#{$custom-property-prefix}-support-01,\\n      map-get($theme, 'support-01')\\n    ) !global;\\n    $support-02: var(\\n      --#{$custom-property-prefix}-support-02,\\n      map-get($theme, 'support-02')\\n    ) !global;\\n    $support-03: var(\\n      --#{$custom-property-prefix}-support-03,\\n      map-get($theme, 'support-03')\\n    ) !global;\\n    $support-04: var(\\n      --#{$custom-property-prefix}-support-04,\\n      map-get($theme, 'support-04')\\n    ) !global;\\n    $inverse-support-01: var(\\n      --#{$custom-property-prefix}-inverse-support-01,\\n      map-get($theme, 'inverse-support-01')\\n    ) !global;\\n    $inverse-support-02: var(\\n      --#{$custom-property-prefix}-inverse-support-02,\\n      map-get($theme, 'inverse-support-02')\\n    ) !global;\\n    $inverse-support-03: var(\\n      --#{$custom-property-prefix}-inverse-support-03,\\n      map-get($theme, 'inverse-support-03')\\n    ) !global;\\n    $inverse-support-04: var(\\n      --#{$custom-property-prefix}-inverse-support-04,\\n      map-get($theme, 'inverse-support-04')\\n    ) !global;\\n    $overlay-01: var(\\n      --#{$custom-property-prefix}-overlay-01,\\n      map-get($theme, 'overlay-01')\\n    ) !global;\\n    $danger-01: var(\\n      --#{$custom-property-prefix}-danger-01,\\n      map-get($theme, 'danger-01')\\n    ) !global;\\n    $danger-02: var(\\n      --#{$custom-property-prefix}-danger-02,\\n      map-get($theme, 'danger-02')\\n    ) !global;\\n    $focus: var(\\n      --#{$custom-property-prefix}-focus,\\n      map-get($theme, 'focus')\\n    ) !global;\\n    $inverse-focus-ui: var(\\n      --#{$custom-property-prefix}-inverse-focus-ui,\\n      map-get($theme, 'inverse-focus-ui')\\n    ) !global;\\n    $hover-primary: var(\\n      --#{$custom-property-prefix}-hover-primary,\\n      map-get($theme, 'hover-primary')\\n    ) !global;\\n    $active-primary: var(\\n      --#{$custom-property-prefix}-active-primary,\\n      map-get($theme, 'active-primary')\\n    ) !global;\\n    $hover-primary-text: var(\\n      --#{$custom-property-prefix}-hover-primary-text,\\n      map-get($theme, 'hover-primary-text')\\n    ) !global;\\n    $hover-secondary: var(\\n      --#{$custom-property-prefix}-hover-secondary,\\n      map-get($theme, 'hover-secondary')\\n    ) !global;\\n    $active-secondary: var(\\n      --#{$custom-property-prefix}-active-secondary,\\n      map-get($theme, 'active-secondary')\\n    ) !global;\\n    $hover-tertiary: var(\\n      --#{$custom-property-prefix}-hover-tertiary,\\n      map-get($theme, 'hover-tertiary')\\n    ) !global;\\n    $active-tertiary: var(\\n      --#{$custom-property-prefix}-active-tertiary,\\n      map-get($theme, 'active-tertiary')\\n    ) !global;\\n    $hover-ui: var(\\n      --#{$custom-property-prefix}-hover-ui,\\n      map-get($theme, 'hover-ui')\\n    ) !global;\\n    $hover-light-ui: var(\\n      --#{$custom-property-prefix}-hover-light-ui,\\n      map-get($theme, 'hover-light-ui')\\n    ) !global;\\n    $hover-selected-ui: var(\\n      --#{$custom-property-prefix}-hover-selected-ui,\\n      map-get($theme, 'hover-selected-ui')\\n    ) !global;\\n    $active-ui: var(\\n      --#{$custom-property-prefix}-active-ui,\\n      map-get($theme, 'active-ui')\\n    ) !global;\\n    $active-light-ui: var(\\n      --#{$custom-property-prefix}-active-light-ui,\\n      map-get($theme, 'active-light-ui')\\n    ) !global;\\n    $selected-ui: var(\\n      --#{$custom-property-prefix}-selected-ui,\\n      map-get($theme, 'selected-ui')\\n    ) !global;\\n    $selected-light-ui: var(\\n      --#{$custom-property-prefix}-selected-light-ui,\\n      map-get($theme, 'selected-light-ui')\\n    ) !global;\\n    $inverse-hover-ui: var(\\n      --#{$custom-property-prefix}-inverse-hover-ui,\\n      map-get($theme, 'inverse-hover-ui')\\n    ) !global;\\n    $hover-danger: var(\\n      --#{$custom-property-prefix}-hover-danger,\\n      map-get($theme, 'hover-danger')\\n    ) !global;\\n    $active-danger: var(\\n      --#{$custom-property-prefix}-active-danger,\\n      map-get($theme, 'active-danger')\\n    ) !global;\\n    $hover-row: var(\\n      --#{$custom-property-prefix}-hover-row,\\n      map-get($theme, 'hover-row')\\n    ) !global;\\n    $visited-link: var(\\n      --#{$custom-property-prefix}-visited-link,\\n      map-get($theme, 'visited-link')\\n    ) !global;\\n    $disabled-01: var(\\n      --#{$custom-property-prefix}-disabled-01,\\n      map-get($theme, 'disabled-01')\\n    ) !global;\\n    $disabled-02: var(\\n      --#{$custom-property-prefix}-disabled-02,\\n      map-get($theme, 'disabled-02')\\n    ) !global;\\n    $disabled-03: var(\\n      --#{$custom-property-prefix}-disabled-03,\\n      map-get($theme, 'disabled-03')\\n    ) !global;\\n    $highlight: var(\\n      --#{$custom-property-prefix}-highlight,\\n      map-get($theme, 'highlight')\\n    ) !global;\\n    $decorative-01: var(\\n      --#{$custom-property-prefix}-decorative-01,\\n      map-get($theme, 'decorative-01')\\n    ) !global;\\n    $button-separator: var(\\n      --#{$custom-property-prefix}-button-separator,\\n      map-get($theme, 'button-separator')\\n    ) !global;\\n    $skeleton-01: var(\\n      --#{$custom-property-prefix}-skeleton-01,\\n      map-get($theme, 'skeleton-01')\\n    ) !global;\\n    $skeleton-02: var(\\n      --#{$custom-property-prefix}-skeleton-02,\\n      map-get($theme, 'skeleton-02')\\n    ) !global;\\n    $brand-01: var(\\n      --#{$custom-property-prefix}-brand-01,\\n      map-get($theme, 'brand-01')\\n    ) !global;\\n    $brand-02: var(\\n      --#{$custom-property-prefix}-brand-02,\\n      map-get($theme, 'brand-02')\\n    ) !global;\\n    $brand-03: var(\\n      --#{$custom-property-prefix}-brand-03,\\n      map-get($theme, 'brand-03')\\n    ) !global;\\n    $active-01: var(\\n      --#{$custom-property-prefix}-active-01,\\n      map-get($theme, 'active-01')\\n    ) !global;\\n    $hover-field: var(\\n      --#{$custom-property-prefix}-hover-field,\\n      map-get($theme, 'hover-field')\\n    ) !global;\\n    $danger: var(\\n      --#{$custom-property-prefix}-danger,\\n      map-get($theme, 'danger')\\n    ) !global;\\n    $spacing-01: var(\\n      --#{$custom-property-prefix}-spacing-01,\\n      map-get($theme, 'spacing-01')\\n    ) !global;\\n    $spacing-02: var(\\n      --#{$custom-property-prefix}-spacing-02,\\n      map-get($theme, 'spacing-02')\\n    ) !global;\\n    $spacing-03: var(\\n      --#{$custom-property-prefix}-spacing-03,\\n      map-get($theme, 'spacing-03')\\n    ) !global;\\n    $spacing-04: var(\\n      --#{$custom-property-prefix}-spacing-04,\\n      map-get($theme, 'spacing-04')\\n    ) !global;\\n    $spacing-05: var(\\n      --#{$custom-property-prefix}-spacing-05,\\n      map-get($theme, 'spacing-05')\\n    ) !global;\\n    $spacing-06: var(\\n      --#{$custom-property-prefix}-spacing-06,\\n      map-get($theme, 'spacing-06')\\n    ) !global;\\n    $spacing-07: var(\\n      --#{$custom-property-prefix}-spacing-07,\\n      map-get($theme, 'spacing-07')\\n    ) !global;\\n    $spacing-08: var(\\n      --#{$custom-property-prefix}-spacing-08,\\n      map-get($theme, 'spacing-08')\\n    ) !global;\\n    $spacing-09: var(\\n      --#{$custom-property-prefix}-spacing-09,\\n      map-get($theme, 'spacing-09')\\n    ) !global;\\n    $spacing-10: var(\\n      --#{$custom-property-prefix}-spacing-10,\\n      map-get($theme, 'spacing-10')\\n    ) !global;\\n    $spacing-11: var(\\n      --#{$custom-property-prefix}-spacing-11,\\n      map-get($theme, 'spacing-11')\\n    ) !global;\\n    $spacing-12: var(\\n      --#{$custom-property-prefix}-spacing-12,\\n      map-get($theme, 'spacing-12')\\n    ) !global;\\n    $fluid-spacing-01: var(\\n      --#{$custom-property-prefix}-fluid-spacing-01,\\n      map-get($theme, 'fluid-spacing-01')\\n    ) !global;\\n    $fluid-spacing-02: var(\\n      --#{$custom-property-prefix}-fluid-spacing-02,\\n      map-get($theme, 'fluid-spacing-02')\\n    ) !global;\\n    $fluid-spacing-03: var(\\n      --#{$custom-property-prefix}-fluid-spacing-03,\\n      map-get($theme, 'fluid-spacing-03')\\n    ) !global;\\n    $fluid-spacing-04: var(\\n      --#{$custom-property-prefix}-fluid-spacing-04,\\n      map-get($theme, 'fluid-spacing-04')\\n    ) !global;\\n    $layout-01: var(\\n      --#{$custom-property-prefix}-layout-01,\\n      map-get($theme, 'layout-01')\\n    ) !global;\\n    $layout-02: var(\\n      --#{$custom-property-prefix}-layout-02,\\n      map-get($theme, 'layout-02')\\n    ) !global;\\n    $layout-03: var(\\n      --#{$custom-property-prefix}-layout-03,\\n      map-get($theme, 'layout-03')\\n    ) !global;\\n    $layout-04: var(\\n      --#{$custom-property-prefix}-layout-04,\\n      map-get($theme, 'layout-04')\\n    ) !global;\\n    $layout-05: var(\\n      --#{$custom-property-prefix}-layout-05,\\n      map-get($theme, 'layout-05')\\n    ) !global;\\n    $layout-06: var(\\n      --#{$custom-property-prefix}-layout-06,\\n      map-get($theme, 'layout-06')\\n    ) !global;\\n    $layout-07: var(\\n      --#{$custom-property-prefix}-layout-07,\\n      map-get($theme, 'layout-07')\\n    ) !global;\\n    $container-01: var(\\n      --#{$custom-property-prefix}-container-01,\\n      map-get($theme, 'container-01')\\n    ) !global;\\n    $container-02: var(\\n      --#{$custom-property-prefix}-container-02,\\n      map-get($theme, 'container-02')\\n    ) !global;\\n    $container-03: var(\\n      --#{$custom-property-prefix}-container-03,\\n      map-get($theme, 'container-03')\\n    ) !global;\\n    $container-04: var(\\n      --#{$custom-property-prefix}-container-04,\\n      map-get($theme, 'container-04')\\n    ) !global;\\n    $container-05: var(\\n      --#{$custom-property-prefix}-container-05,\\n      map-get($theme, 'container-05')\\n    ) !global;\\n    $icon-size-01: var(\\n      --#{$custom-property-prefix}-icon-size-01,\\n      map-get($theme, 'icon-size-01')\\n    ) !global;\\n    $icon-size-02: var(\\n      --#{$custom-property-prefix}-icon-size-02,\\n      map-get($theme, 'icon-size-02')\\n    ) !global;\\n  }\\n  @if $emit-custom-properties == true {\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-01',\\n        map-get($theme, 'interactive-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-02',\\n        map-get($theme, 'interactive-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-03',\\n        map-get($theme, 'interactive-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-04',\\n        map-get($theme, 'interactive-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'ui-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'ui-background',\\n        map-get($theme, 'ui-background')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\\n      @include custom-property('text-01', map-get($theme, 'text-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\\n      @include custom-property('text-02', map-get($theme, 'text-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\\n      @include custom-property('text-03', map-get($theme, 'text-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\\n      @include custom-property('text-04', map-get($theme, 'text-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\\n      @include custom-property('text-05', map-get($theme, 'text-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-error', map-get($theme, 'text-error'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\\n      @include custom-property('link-01', map-get($theme, 'link-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\\n      @include custom-property('link-02', map-get($theme, 'link-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\\n    {\\n      @include custom-property('field-01', map-get($theme, 'field-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\\n    {\\n      @include custom-property('field-02', map-get($theme, 'field-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-01', map-get($theme, 'support-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-02', map-get($theme, 'support-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-03', map-get($theme, 'support-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-04', map-get($theme, 'support-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-01',\\n        map-get($theme, 'inverse-support-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-02',\\n        map-get($theme, 'inverse-support-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-03',\\n        map-get($theme, 'inverse-support-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-04',\\n        map-get($theme, 'inverse-support-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'overlay-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\\n    {\\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\\n    {\\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\\n      @include custom-property('focus', map-get($theme, 'focus'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-focus-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-focus-ui',\\n        map-get($theme, 'inverse-focus-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary',\\n        map-get($theme, 'hover-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-primary',\\n        map-get($theme, 'active-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary-text',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary-text',\\n        map-get($theme, 'hover-primary-text')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-secondary',\\n        map-get($theme, 'hover-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-secondary',\\n        map-get($theme, 'active-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-tertiary',\\n        map-get($theme, 'hover-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-tertiary',\\n        map-get($theme, 'active-tertiary')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\\n    {\\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-light-ui',\\n        map-get($theme, 'hover-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-selected-ui',\\n        map-get($theme, 'hover-selected-ui')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\\n    {\\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-light-ui',\\n        map-get($theme, 'active-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'selected-light-ui',\\n        map-get($theme, 'selected-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-hover-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-hover-ui',\\n        map-get($theme, 'inverse-hover-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-danger',\\n        map-get($theme, 'active-danger')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\\n    {\\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'visited-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\\n    {\\n      @include custom-property('highlight', map-get($theme, 'highlight'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'decorative-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'decorative-01',\\n        map-get($theme, 'decorative-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-separator',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-separator',\\n        map-get($theme, 'button-separator')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\\n    {\\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\\n    {\\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\\n    {\\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\\n    {\\n      @include custom-property('active-01', map-get($theme, 'active-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-field',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\\n      @include custom-property('danger', map-get($theme, 'danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\\n    {\\n      @include custom-property('label-01', map-get($theme, 'label-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'helper-text-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-01',\\n        map-get($theme, 'helper-text-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-01',\\n        map-get($theme, 'body-short-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-02',\\n        map-get($theme, 'body-short-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\\n      @include custom-property('code-01', map-get($theme, 'code-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\\n      @include custom-property('code-02', map-get($theme, 'code-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-01',\\n        map-get($theme, 'productive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-02',\\n        map-get($theme, 'productive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-03',\\n        map-get($theme, 'productive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-04',\\n        map-get($theme, 'productive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-05',\\n        map-get($theme, 'productive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-06',\\n        map-get($theme, 'productive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-07',\\n        map-get($theme, 'productive-heading-07')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-01',\\n        map-get($theme, 'expressive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-02',\\n        map-get($theme, 'expressive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-03',\\n        map-get($theme, 'expressive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-04',\\n        map-get($theme, 'expressive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-05',\\n        map-get($theme, 'expressive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-06',\\n        map-get($theme, 'expressive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-paragraph-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-paragraph-01',\\n        map-get($theme, 'expressive-paragraph-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-01', map-get($theme, 'display-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-02', map-get($theme, 'display-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-03', map-get($theme, 'display-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-04', map-get($theme, 'display-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-08',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-09',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-10',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-11',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-12',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-01',\\n        map-get($theme, 'fluid-spacing-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-02',\\n        map-get($theme, 'fluid-spacing-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-03',\\n        map-get($theme, 'fluid-spacing-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-04',\\n        map-get($theme, 'fluid-spacing-04')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\\n    {\\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\\n    {\\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\\n    {\\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\\n    {\\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\\n    {\\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\\n    {\\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\\n    {\\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-01', map-get($theme, 'container-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-02', map-get($theme, 'container-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-03', map-get($theme, 'container-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-04', map-get($theme, 'container-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-05', map-get($theme, 'container-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\\n    }\\n  }\\n\\n  @content;\\n\\n  // Reset to default theme after apply in content\\n  @if $carbon--theme != $parent-carbon-theme {\\n    $carbon--theme: $parent-carbon-theme !global;\\n\\n    @include carbon--theme();\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__desktop-side-nav-styles__productiveHeading01___3ICP5\",\n\t\"link\": \"-esm-offline-tools__desktop-side-nav-styles__link___2BeGC\",\n\t\"productiveHeading02\": \"-esm-offline-tools__desktop-side-nav-styles__productiveHeading02___35tyk\",\n\t\"productiveHeading03\": \"-esm-offline-tools__desktop-side-nav-styles__productiveHeading03___1FHfj\",\n\t\"productiveHeading04\": \"-esm-offline-tools__desktop-side-nav-styles__productiveHeading04___17Irp\",\n\t\"bodyShort01\": \"-esm-offline-tools__desktop-side-nav-styles__bodyShort01___3q_nT\",\n\t\"bodyLong01\": \"-esm-offline-tools__desktop-side-nav-styles__bodyLong01___3E58D\",\n\t\"label01\": \"-esm-offline-tools__desktop-side-nav-styles__label01___25CIu\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__no-actions-empty-state-styles__productiveHeading01___309-y{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__no-actions-empty-state-styles__productiveHeading02___1m6jP{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__no-actions-empty-state-styles__productiveHeading03___2q_fW{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__no-actions-empty-state-styles__productiveHeading04___WJpCL{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__no-actions-empty-state-styles__bodyShort01___2pYNG{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__no-actions-empty-state-styles__bodyLong01___1ed43{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__no-actions-empty-state-styles__label01___22eAW{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__no-actions-empty-state-styles__emptyStateContainer___ZkK-s{padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.-esm-offline-tools__no-actions-empty-state-styles__emptyStateContainer___ZkK-s .-esm-offline-tools__no-actions-empty-state-styles__emptyStateDescription___2IWjw{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px;white-space:pre-line;text-align:center}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/offline-actions/no-actions-empty-state.styles.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAGA,gFC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,gFCwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,gFCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,gFCggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,wEC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,uECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,oECofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,gFACE,YCkJa,CDjJb,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CAEA,kKDsgBE,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCzrBtB,oBAAA,CACA,iBAAA\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.emptyStateContainer {\\n  padding: $spacing-07;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n\\n  .emptyStateDescription {\\n    @include carbon--type-style(\\\"body-long-01\\\");\\n    white-space: pre-line;\\n    text-align: center;\\n  }\\n}\\n\",\"// Code generated by @carbon/themes. DO NOT EDIT.\\n//\\n// Copyright IBM Corp. 2018, 2019\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import './themes';\\n\\n/// Define theme variables from a map of tokens\\n/// @access public\\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\\n///\\n/// @example scss\\n///   // Default usage\\n///   @include carbon--theme();\\n///\\n///   // Alternate styling (not white theme)\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     // declarations...\\n///   }\\n///\\n///   // Inline styling\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     .my-dark-theme {\\n///       // declarations...\\n///     }\\n///   }\\n///\\n/// @group @carbon/themes\\n@mixin carbon--theme(\\n  $theme: $carbon--theme,\\n  $emit-custom-properties: false,\\n  $emit-difference: false\\n) {\\n  $parent-carbon-theme: $carbon--theme;\\n  $carbon--theme: $theme !global;\\n  $interactive-01: map-get($theme, 'interactive-01') !global;\\n  $interactive-02: map-get($theme, 'interactive-02') !global;\\n  $interactive-03: map-get($theme, 'interactive-03') !global;\\n  $interactive-04: map-get($theme, 'interactive-04') !global;\\n  $ui-background: map-get($theme, 'ui-background') !global;\\n  $ui-01: map-get($theme, 'ui-01') !global;\\n  $ui-02: map-get($theme, 'ui-02') !global;\\n  $ui-03: map-get($theme, 'ui-03') !global;\\n  $ui-04: map-get($theme, 'ui-04') !global;\\n  $ui-05: map-get($theme, 'ui-05') !global;\\n  $text-01: map-get($theme, 'text-01') !global;\\n  $text-02: map-get($theme, 'text-02') !global;\\n  $text-03: map-get($theme, 'text-03') !global;\\n  $text-04: map-get($theme, 'text-04') !global;\\n  $text-05: map-get($theme, 'text-05') !global;\\n  $text-error: map-get($theme, 'text-error') !global;\\n  $icon-01: map-get($theme, 'icon-01') !global;\\n  $icon-02: map-get($theme, 'icon-02') !global;\\n  $icon-03: map-get($theme, 'icon-03') !global;\\n  $link-01: map-get($theme, 'link-01') !global;\\n  $link-02: map-get($theme, 'link-02') !global;\\n  $inverse-link: map-get($theme, 'inverse-link') !global;\\n  $field-01: map-get($theme, 'field-01') !global;\\n  $field-02: map-get($theme, 'field-02') !global;\\n  $inverse-01: map-get($theme, 'inverse-01') !global;\\n  $inverse-02: map-get($theme, 'inverse-02') !global;\\n  $support-01: map-get($theme, 'support-01') !global;\\n  $support-02: map-get($theme, 'support-02') !global;\\n  $support-03: map-get($theme, 'support-03') !global;\\n  $support-04: map-get($theme, 'support-04') !global;\\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\\n  $overlay-01: map-get($theme, 'overlay-01') !global;\\n  $danger-01: map-get($theme, 'danger-01') !global;\\n  $danger-02: map-get($theme, 'danger-02') !global;\\n  $focus: map-get($theme, 'focus') !global;\\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\\n  $hover-primary: map-get($theme, 'hover-primary') !global;\\n  $active-primary: map-get($theme, 'active-primary') !global;\\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\\n  $active-secondary: map-get($theme, 'active-secondary') !global;\\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\\n  $hover-ui: map-get($theme, 'hover-ui') !global;\\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\\n  $active-ui: map-get($theme, 'active-ui') !global;\\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\\n  $selected-ui: map-get($theme, 'selected-ui') !global;\\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\\n  $hover-danger: map-get($theme, 'hover-danger') !global;\\n  $active-danger: map-get($theme, 'active-danger') !global;\\n  $hover-row: map-get($theme, 'hover-row') !global;\\n  $visited-link: map-get($theme, 'visited-link') !global;\\n  $disabled-01: map-get($theme, 'disabled-01') !global;\\n  $disabled-02: map-get($theme, 'disabled-02') !global;\\n  $disabled-03: map-get($theme, 'disabled-03') !global;\\n  $highlight: map-get($theme, 'highlight') !global;\\n  $decorative-01: map-get($theme, 'decorative-01') !global;\\n  $button-separator: map-get($theme, 'button-separator') !global;\\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\\n  $brand-01: map-get($theme, 'brand-01') !global;\\n  $brand-02: map-get($theme, 'brand-02') !global;\\n  $brand-03: map-get($theme, 'brand-03') !global;\\n  $active-01: map-get($theme, 'active-01') !global;\\n  $hover-field: map-get($theme, 'hover-field') !global;\\n  $danger: map-get($theme, 'danger') !global;\\n  $caption-01: map-get($theme, 'caption-01') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $body-short-01: map-get($theme, 'body-short-01') !global;\\n  $body-long-01: map-get($theme, 'body-long-01') !global;\\n  $body-short-02: map-get($theme, 'body-short-02') !global;\\n  $body-long-02: map-get($theme, 'body-long-02') !global;\\n  $code-01: map-get($theme, 'code-01') !global;\\n  $code-02: map-get($theme, 'code-02') !global;\\n  $heading-01: map-get($theme, 'heading-01') !global;\\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\\n  $heading-02: map-get($theme, 'heading-02') !global;\\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\\n  $quotation-01: map-get($theme, 'quotation-01') !global;\\n  $quotation-02: map-get($theme, 'quotation-02') !global;\\n  $display-01: map-get($theme, 'display-01') !global;\\n  $display-02: map-get($theme, 'display-02') !global;\\n  $display-03: map-get($theme, 'display-03') !global;\\n  $display-04: map-get($theme, 'display-04') !global;\\n  $spacing-01: map-get($theme, 'spacing-01') !global;\\n  $spacing-02: map-get($theme, 'spacing-02') !global;\\n  $spacing-03: map-get($theme, 'spacing-03') !global;\\n  $spacing-04: map-get($theme, 'spacing-04') !global;\\n  $spacing-05: map-get($theme, 'spacing-05') !global;\\n  $spacing-06: map-get($theme, 'spacing-06') !global;\\n  $spacing-07: map-get($theme, 'spacing-07') !global;\\n  $spacing-08: map-get($theme, 'spacing-08') !global;\\n  $spacing-09: map-get($theme, 'spacing-09') !global;\\n  $spacing-10: map-get($theme, 'spacing-10') !global;\\n  $spacing-11: map-get($theme, 'spacing-11') !global;\\n  $spacing-12: map-get($theme, 'spacing-12') !global;\\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\\n  $layout-01: map-get($theme, 'layout-01') !global;\\n  $layout-02: map-get($theme, 'layout-02') !global;\\n  $layout-03: map-get($theme, 'layout-03') !global;\\n  $layout-04: map-get($theme, 'layout-04') !global;\\n  $layout-05: map-get($theme, 'layout-05') !global;\\n  $layout-06: map-get($theme, 'layout-06') !global;\\n  $layout-07: map-get($theme, 'layout-07') !global;\\n  $container-01: map-get($theme, 'container-01') !global;\\n  $container-02: map-get($theme, 'container-02') !global;\\n  $container-03: map-get($theme, 'container-03') !global;\\n  $container-04: map-get($theme, 'container-04') !global;\\n  $container-05: map-get($theme, 'container-05') !global;\\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\\n\\n  @if global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-css-custom-properties')\\n  {\\n    $interactive-01: var(\\n      --#{$custom-property-prefix}-interactive-01,\\n      map-get($theme, 'interactive-01')\\n    ) !global;\\n    $interactive-02: var(\\n      --#{$custom-property-prefix}-interactive-02,\\n      map-get($theme, 'interactive-02')\\n    ) !global;\\n    $interactive-03: var(\\n      --#{$custom-property-prefix}-interactive-03,\\n      map-get($theme, 'interactive-03')\\n    ) !global;\\n    $interactive-04: var(\\n      --#{$custom-property-prefix}-interactive-04,\\n      map-get($theme, 'interactive-04')\\n    ) !global;\\n    $ui-background: var(\\n      --#{$custom-property-prefix}-ui-background,\\n      map-get($theme, 'ui-background')\\n    ) !global;\\n    $ui-01: var(\\n      --#{$custom-property-prefix}-ui-01,\\n      map-get($theme, 'ui-01')\\n    ) !global;\\n    $ui-02: var(\\n      --#{$custom-property-prefix}-ui-02,\\n      map-get($theme, 'ui-02')\\n    ) !global;\\n    $ui-03: var(\\n      --#{$custom-property-prefix}-ui-03,\\n      map-get($theme, 'ui-03')\\n    ) !global;\\n    $ui-04: var(\\n      --#{$custom-property-prefix}-ui-04,\\n      map-get($theme, 'ui-04')\\n    ) !global;\\n    $ui-05: var(\\n      --#{$custom-property-prefix}-ui-05,\\n      map-get($theme, 'ui-05')\\n    ) !global;\\n    $text-01: var(\\n      --#{$custom-property-prefix}-text-01,\\n      map-get($theme, 'text-01')\\n    ) !global;\\n    $text-02: var(\\n      --#{$custom-property-prefix}-text-02,\\n      map-get($theme, 'text-02')\\n    ) !global;\\n    $text-03: var(\\n      --#{$custom-property-prefix}-text-03,\\n      map-get($theme, 'text-03')\\n    ) !global;\\n    $text-04: var(\\n      --#{$custom-property-prefix}-text-04,\\n      map-get($theme, 'text-04')\\n    ) !global;\\n    $text-05: var(\\n      --#{$custom-property-prefix}-text-05,\\n      map-get($theme, 'text-05')\\n    ) !global;\\n    $text-error: var(\\n      --#{$custom-property-prefix}-text-error,\\n      map-get($theme, 'text-error')\\n    ) !global;\\n    $icon-01: var(\\n      --#{$custom-property-prefix}-icon-01,\\n      map-get($theme, 'icon-01')\\n    ) !global;\\n    $icon-02: var(\\n      --#{$custom-property-prefix}-icon-02,\\n      map-get($theme, 'icon-02')\\n    ) !global;\\n    $icon-03: var(\\n      --#{$custom-property-prefix}-icon-03,\\n      map-get($theme, 'icon-03')\\n    ) !global;\\n    $link-01: var(\\n      --#{$custom-property-prefix}-link-01,\\n      map-get($theme, 'link-01')\\n    ) !global;\\n    $link-02: var(\\n      --#{$custom-property-prefix}-link-02,\\n      map-get($theme, 'link-02')\\n    ) !global;\\n    $inverse-link: var(\\n      --#{$custom-property-prefix}-inverse-link,\\n      map-get($theme, 'inverse-link')\\n    ) !global;\\n    $field-01: var(\\n      --#{$custom-property-prefix}-field-01,\\n      map-get($theme, 'field-01')\\n    ) !global;\\n    $field-02: var(\\n      --#{$custom-property-prefix}-field-02,\\n      map-get($theme, 'field-02')\\n    ) !global;\\n    $inverse-01: var(\\n      --#{$custom-property-prefix}-inverse-01,\\n      map-get($theme, 'inverse-01')\\n    ) !global;\\n    $inverse-02: var(\\n      --#{$custom-property-prefix}-inverse-02,\\n      map-get($theme, 'inverse-02')\\n    ) !global;\\n    $support-01: var(\\n      --#{$custom-property-prefix}-support-01,\\n      map-get($theme, 'support-01')\\n    ) !global;\\n    $support-02: var(\\n      --#{$custom-property-prefix}-support-02,\\n      map-get($theme, 'support-02')\\n    ) !global;\\n    $support-03: var(\\n      --#{$custom-property-prefix}-support-03,\\n      map-get($theme, 'support-03')\\n    ) !global;\\n    $support-04: var(\\n      --#{$custom-property-prefix}-support-04,\\n      map-get($theme, 'support-04')\\n    ) !global;\\n    $inverse-support-01: var(\\n      --#{$custom-property-prefix}-inverse-support-01,\\n      map-get($theme, 'inverse-support-01')\\n    ) !global;\\n    $inverse-support-02: var(\\n      --#{$custom-property-prefix}-inverse-support-02,\\n      map-get($theme, 'inverse-support-02')\\n    ) !global;\\n    $inverse-support-03: var(\\n      --#{$custom-property-prefix}-inverse-support-03,\\n      map-get($theme, 'inverse-support-03')\\n    ) !global;\\n    $inverse-support-04: var(\\n      --#{$custom-property-prefix}-inverse-support-04,\\n      map-get($theme, 'inverse-support-04')\\n    ) !global;\\n    $overlay-01: var(\\n      --#{$custom-property-prefix}-overlay-01,\\n      map-get($theme, 'overlay-01')\\n    ) !global;\\n    $danger-01: var(\\n      --#{$custom-property-prefix}-danger-01,\\n      map-get($theme, 'danger-01')\\n    ) !global;\\n    $danger-02: var(\\n      --#{$custom-property-prefix}-danger-02,\\n      map-get($theme, 'danger-02')\\n    ) !global;\\n    $focus: var(\\n      --#{$custom-property-prefix}-focus,\\n      map-get($theme, 'focus')\\n    ) !global;\\n    $inverse-focus-ui: var(\\n      --#{$custom-property-prefix}-inverse-focus-ui,\\n      map-get($theme, 'inverse-focus-ui')\\n    ) !global;\\n    $hover-primary: var(\\n      --#{$custom-property-prefix}-hover-primary,\\n      map-get($theme, 'hover-primary')\\n    ) !global;\\n    $active-primary: var(\\n      --#{$custom-property-prefix}-active-primary,\\n      map-get($theme, 'active-primary')\\n    ) !global;\\n    $hover-primary-text: var(\\n      --#{$custom-property-prefix}-hover-primary-text,\\n      map-get($theme, 'hover-primary-text')\\n    ) !global;\\n    $hover-secondary: var(\\n      --#{$custom-property-prefix}-hover-secondary,\\n      map-get($theme, 'hover-secondary')\\n    ) !global;\\n    $active-secondary: var(\\n      --#{$custom-property-prefix}-active-secondary,\\n      map-get($theme, 'active-secondary')\\n    ) !global;\\n    $hover-tertiary: var(\\n      --#{$custom-property-prefix}-hover-tertiary,\\n      map-get($theme, 'hover-tertiary')\\n    ) !global;\\n    $active-tertiary: var(\\n      --#{$custom-property-prefix}-active-tertiary,\\n      map-get($theme, 'active-tertiary')\\n    ) !global;\\n    $hover-ui: var(\\n      --#{$custom-property-prefix}-hover-ui,\\n      map-get($theme, 'hover-ui')\\n    ) !global;\\n    $hover-light-ui: var(\\n      --#{$custom-property-prefix}-hover-light-ui,\\n      map-get($theme, 'hover-light-ui')\\n    ) !global;\\n    $hover-selected-ui: var(\\n      --#{$custom-property-prefix}-hover-selected-ui,\\n      map-get($theme, 'hover-selected-ui')\\n    ) !global;\\n    $active-ui: var(\\n      --#{$custom-property-prefix}-active-ui,\\n      map-get($theme, 'active-ui')\\n    ) !global;\\n    $active-light-ui: var(\\n      --#{$custom-property-prefix}-active-light-ui,\\n      map-get($theme, 'active-light-ui')\\n    ) !global;\\n    $selected-ui: var(\\n      --#{$custom-property-prefix}-selected-ui,\\n      map-get($theme, 'selected-ui')\\n    ) !global;\\n    $selected-light-ui: var(\\n      --#{$custom-property-prefix}-selected-light-ui,\\n      map-get($theme, 'selected-light-ui')\\n    ) !global;\\n    $inverse-hover-ui: var(\\n      --#{$custom-property-prefix}-inverse-hover-ui,\\n      map-get($theme, 'inverse-hover-ui')\\n    ) !global;\\n    $hover-danger: var(\\n      --#{$custom-property-prefix}-hover-danger,\\n      map-get($theme, 'hover-danger')\\n    ) !global;\\n    $active-danger: var(\\n      --#{$custom-property-prefix}-active-danger,\\n      map-get($theme, 'active-danger')\\n    ) !global;\\n    $hover-row: var(\\n      --#{$custom-property-prefix}-hover-row,\\n      map-get($theme, 'hover-row')\\n    ) !global;\\n    $visited-link: var(\\n      --#{$custom-property-prefix}-visited-link,\\n      map-get($theme, 'visited-link')\\n    ) !global;\\n    $disabled-01: var(\\n      --#{$custom-property-prefix}-disabled-01,\\n      map-get($theme, 'disabled-01')\\n    ) !global;\\n    $disabled-02: var(\\n      --#{$custom-property-prefix}-disabled-02,\\n      map-get($theme, 'disabled-02')\\n    ) !global;\\n    $disabled-03: var(\\n      --#{$custom-property-prefix}-disabled-03,\\n      map-get($theme, 'disabled-03')\\n    ) !global;\\n    $highlight: var(\\n      --#{$custom-property-prefix}-highlight,\\n      map-get($theme, 'highlight')\\n    ) !global;\\n    $decorative-01: var(\\n      --#{$custom-property-prefix}-decorative-01,\\n      map-get($theme, 'decorative-01')\\n    ) !global;\\n    $button-separator: var(\\n      --#{$custom-property-prefix}-button-separator,\\n      map-get($theme, 'button-separator')\\n    ) !global;\\n    $skeleton-01: var(\\n      --#{$custom-property-prefix}-skeleton-01,\\n      map-get($theme, 'skeleton-01')\\n    ) !global;\\n    $skeleton-02: var(\\n      --#{$custom-property-prefix}-skeleton-02,\\n      map-get($theme, 'skeleton-02')\\n    ) !global;\\n    $brand-01: var(\\n      --#{$custom-property-prefix}-brand-01,\\n      map-get($theme, 'brand-01')\\n    ) !global;\\n    $brand-02: var(\\n      --#{$custom-property-prefix}-brand-02,\\n      map-get($theme, 'brand-02')\\n    ) !global;\\n    $brand-03: var(\\n      --#{$custom-property-prefix}-brand-03,\\n      map-get($theme, 'brand-03')\\n    ) !global;\\n    $active-01: var(\\n      --#{$custom-property-prefix}-active-01,\\n      map-get($theme, 'active-01')\\n    ) !global;\\n    $hover-field: var(\\n      --#{$custom-property-prefix}-hover-field,\\n      map-get($theme, 'hover-field')\\n    ) !global;\\n    $danger: var(\\n      --#{$custom-property-prefix}-danger,\\n      map-get($theme, 'danger')\\n    ) !global;\\n    $spacing-01: var(\\n      --#{$custom-property-prefix}-spacing-01,\\n      map-get($theme, 'spacing-01')\\n    ) !global;\\n    $spacing-02: var(\\n      --#{$custom-property-prefix}-spacing-02,\\n      map-get($theme, 'spacing-02')\\n    ) !global;\\n    $spacing-03: var(\\n      --#{$custom-property-prefix}-spacing-03,\\n      map-get($theme, 'spacing-03')\\n    ) !global;\\n    $spacing-04: var(\\n      --#{$custom-property-prefix}-spacing-04,\\n      map-get($theme, 'spacing-04')\\n    ) !global;\\n    $spacing-05: var(\\n      --#{$custom-property-prefix}-spacing-05,\\n      map-get($theme, 'spacing-05')\\n    ) !global;\\n    $spacing-06: var(\\n      --#{$custom-property-prefix}-spacing-06,\\n      map-get($theme, 'spacing-06')\\n    ) !global;\\n    $spacing-07: var(\\n      --#{$custom-property-prefix}-spacing-07,\\n      map-get($theme, 'spacing-07')\\n    ) !global;\\n    $spacing-08: var(\\n      --#{$custom-property-prefix}-spacing-08,\\n      map-get($theme, 'spacing-08')\\n    ) !global;\\n    $spacing-09: var(\\n      --#{$custom-property-prefix}-spacing-09,\\n      map-get($theme, 'spacing-09')\\n    ) !global;\\n    $spacing-10: var(\\n      --#{$custom-property-prefix}-spacing-10,\\n      map-get($theme, 'spacing-10')\\n    ) !global;\\n    $spacing-11: var(\\n      --#{$custom-property-prefix}-spacing-11,\\n      map-get($theme, 'spacing-11')\\n    ) !global;\\n    $spacing-12: var(\\n      --#{$custom-property-prefix}-spacing-12,\\n      map-get($theme, 'spacing-12')\\n    ) !global;\\n    $fluid-spacing-01: var(\\n      --#{$custom-property-prefix}-fluid-spacing-01,\\n      map-get($theme, 'fluid-spacing-01')\\n    ) !global;\\n    $fluid-spacing-02: var(\\n      --#{$custom-property-prefix}-fluid-spacing-02,\\n      map-get($theme, 'fluid-spacing-02')\\n    ) !global;\\n    $fluid-spacing-03: var(\\n      --#{$custom-property-prefix}-fluid-spacing-03,\\n      map-get($theme, 'fluid-spacing-03')\\n    ) !global;\\n    $fluid-spacing-04: var(\\n      --#{$custom-property-prefix}-fluid-spacing-04,\\n      map-get($theme, 'fluid-spacing-04')\\n    ) !global;\\n    $layout-01: var(\\n      --#{$custom-property-prefix}-layout-01,\\n      map-get($theme, 'layout-01')\\n    ) !global;\\n    $layout-02: var(\\n      --#{$custom-property-prefix}-layout-02,\\n      map-get($theme, 'layout-02')\\n    ) !global;\\n    $layout-03: var(\\n      --#{$custom-property-prefix}-layout-03,\\n      map-get($theme, 'layout-03')\\n    ) !global;\\n    $layout-04: var(\\n      --#{$custom-property-prefix}-layout-04,\\n      map-get($theme, 'layout-04')\\n    ) !global;\\n    $layout-05: var(\\n      --#{$custom-property-prefix}-layout-05,\\n      map-get($theme, 'layout-05')\\n    ) !global;\\n    $layout-06: var(\\n      --#{$custom-property-prefix}-layout-06,\\n      map-get($theme, 'layout-06')\\n    ) !global;\\n    $layout-07: var(\\n      --#{$custom-property-prefix}-layout-07,\\n      map-get($theme, 'layout-07')\\n    ) !global;\\n    $container-01: var(\\n      --#{$custom-property-prefix}-container-01,\\n      map-get($theme, 'container-01')\\n    ) !global;\\n    $container-02: var(\\n      --#{$custom-property-prefix}-container-02,\\n      map-get($theme, 'container-02')\\n    ) !global;\\n    $container-03: var(\\n      --#{$custom-property-prefix}-container-03,\\n      map-get($theme, 'container-03')\\n    ) !global;\\n    $container-04: var(\\n      --#{$custom-property-prefix}-container-04,\\n      map-get($theme, 'container-04')\\n    ) !global;\\n    $container-05: var(\\n      --#{$custom-property-prefix}-container-05,\\n      map-get($theme, 'container-05')\\n    ) !global;\\n    $icon-size-01: var(\\n      --#{$custom-property-prefix}-icon-size-01,\\n      map-get($theme, 'icon-size-01')\\n    ) !global;\\n    $icon-size-02: var(\\n      --#{$custom-property-prefix}-icon-size-02,\\n      map-get($theme, 'icon-size-02')\\n    ) !global;\\n  }\\n  @if $emit-custom-properties == true {\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-01',\\n        map-get($theme, 'interactive-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-02',\\n        map-get($theme, 'interactive-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-03',\\n        map-get($theme, 'interactive-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-04',\\n        map-get($theme, 'interactive-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'ui-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'ui-background',\\n        map-get($theme, 'ui-background')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\\n      @include custom-property('text-01', map-get($theme, 'text-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\\n      @include custom-property('text-02', map-get($theme, 'text-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\\n      @include custom-property('text-03', map-get($theme, 'text-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\\n      @include custom-property('text-04', map-get($theme, 'text-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\\n      @include custom-property('text-05', map-get($theme, 'text-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-error', map-get($theme, 'text-error'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\\n      @include custom-property('link-01', map-get($theme, 'link-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\\n      @include custom-property('link-02', map-get($theme, 'link-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\\n    {\\n      @include custom-property('field-01', map-get($theme, 'field-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\\n    {\\n      @include custom-property('field-02', map-get($theme, 'field-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-01', map-get($theme, 'support-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-02', map-get($theme, 'support-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-03', map-get($theme, 'support-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-04', map-get($theme, 'support-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-01',\\n        map-get($theme, 'inverse-support-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-02',\\n        map-get($theme, 'inverse-support-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-03',\\n        map-get($theme, 'inverse-support-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-04',\\n        map-get($theme, 'inverse-support-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'overlay-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\\n    {\\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\\n    {\\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\\n      @include custom-property('focus', map-get($theme, 'focus'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-focus-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-focus-ui',\\n        map-get($theme, 'inverse-focus-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary',\\n        map-get($theme, 'hover-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-primary',\\n        map-get($theme, 'active-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary-text',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary-text',\\n        map-get($theme, 'hover-primary-text')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-secondary',\\n        map-get($theme, 'hover-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-secondary',\\n        map-get($theme, 'active-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-tertiary',\\n        map-get($theme, 'hover-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-tertiary',\\n        map-get($theme, 'active-tertiary')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\\n    {\\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-light-ui',\\n        map-get($theme, 'hover-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-selected-ui',\\n        map-get($theme, 'hover-selected-ui')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\\n    {\\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-light-ui',\\n        map-get($theme, 'active-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'selected-light-ui',\\n        map-get($theme, 'selected-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-hover-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-hover-ui',\\n        map-get($theme, 'inverse-hover-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-danger',\\n        map-get($theme, 'active-danger')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\\n    {\\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'visited-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\\n    {\\n      @include custom-property('highlight', map-get($theme, 'highlight'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'decorative-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'decorative-01',\\n        map-get($theme, 'decorative-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-separator',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-separator',\\n        map-get($theme, 'button-separator')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\\n    {\\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\\n    {\\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\\n    {\\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\\n    {\\n      @include custom-property('active-01', map-get($theme, 'active-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-field',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\\n      @include custom-property('danger', map-get($theme, 'danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\\n    {\\n      @include custom-property('label-01', map-get($theme, 'label-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'helper-text-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-01',\\n        map-get($theme, 'helper-text-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-01',\\n        map-get($theme, 'body-short-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-02',\\n        map-get($theme, 'body-short-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\\n      @include custom-property('code-01', map-get($theme, 'code-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\\n      @include custom-property('code-02', map-get($theme, 'code-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-01',\\n        map-get($theme, 'productive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-02',\\n        map-get($theme, 'productive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-03',\\n        map-get($theme, 'productive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-04',\\n        map-get($theme, 'productive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-05',\\n        map-get($theme, 'productive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-06',\\n        map-get($theme, 'productive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-07',\\n        map-get($theme, 'productive-heading-07')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-01',\\n        map-get($theme, 'expressive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-02',\\n        map-get($theme, 'expressive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-03',\\n        map-get($theme, 'expressive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-04',\\n        map-get($theme, 'expressive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-05',\\n        map-get($theme, 'expressive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-06',\\n        map-get($theme, 'expressive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-paragraph-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-paragraph-01',\\n        map-get($theme, 'expressive-paragraph-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-01', map-get($theme, 'display-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-02', map-get($theme, 'display-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-03', map-get($theme, 'display-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-04', map-get($theme, 'display-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-08',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-09',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-10',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-11',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-12',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-01',\\n        map-get($theme, 'fluid-spacing-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-02',\\n        map-get($theme, 'fluid-spacing-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-03',\\n        map-get($theme, 'fluid-spacing-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-04',\\n        map-get($theme, 'fluid-spacing-04')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\\n    {\\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\\n    {\\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\\n    {\\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\\n    {\\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\\n    {\\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\\n    {\\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\\n    {\\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-01', map-get($theme, 'container-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-02', map-get($theme, 'container-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-03', map-get($theme, 'container-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-04', map-get($theme, 'container-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-05', map-get($theme, 'container-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\\n    }\\n  }\\n\\n  @content;\\n\\n  // Reset to default theme after apply in content\\n  @if $carbon--theme != $parent-carbon-theme {\\n    $carbon--theme: $parent-carbon-theme !global;\\n\\n    @include carbon--theme();\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__no-actions-empty-state-styles__productiveHeading01___309-y\",\n\t\"productiveHeading02\": \"-esm-offline-tools__no-actions-empty-state-styles__productiveHeading02___1m6jP\",\n\t\"productiveHeading03\": \"-esm-offline-tools__no-actions-empty-state-styles__productiveHeading03___2q_fW\",\n\t\"productiveHeading04\": \"-esm-offline-tools__no-actions-empty-state-styles__productiveHeading04___WJpCL\",\n\t\"bodyShort01\": \"-esm-offline-tools__no-actions-empty-state-styles__bodyShort01___2pYNG\",\n\t\"bodyLong01\": \"-esm-offline-tools__no-actions-empty-state-styles__bodyLong01___1ed43\",\n\t\"label01\": \"-esm-offline-tools__no-actions-empty-state-styles__label01___22eAW\",\n\t\"emptyStateContainer\": \"-esm-offline-tools__no-actions-empty-state-styles__emptyStateContainer___ZkK-s\",\n\t\"emptyStateDescription\": \"-esm-offline-tools__no-actions-empty-state-styles__emptyStateDescription___2IWjw\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__offline-actions-table-styles__productiveHeading01___gS0s1{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__offline-actions-table-styles__productiveHeading02___3i5RQ{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__offline-actions-table-styles__productiveHeading03___25o-t{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__offline-actions-table-styles__productiveHeading04___3uUdU{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__offline-actions-table-styles__bodyShort01___1omY0{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__offline-actions-table-styles__bodyLong01___36z9S{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__offline-actions-table-styles__label01___2E9-b{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__offline-actions-table-styles__tableContainer___1eYF0{background-color:transparent}.-esm-offline-tools__offline-actions-table-styles__tableHeaderContainer___3wPVJ{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr 1fr auto;padding-top:1rem}.-esm-offline-tools__offline-actions-table-styles__tableHeaderContainer___3wPVJ .-esm-offline-tools__offline-actions-table-styles__tableSearch___1WJJd{grid-row:2;grid-column:2;align-self:end}.-esm-offline-tools__offline-actions-table-styles__tableHeaderContainer___3wPVJ .-esm-offline-tools__offline-actions-table-styles__tablePrimaryAction___2GMVC{grid-row:2;grid-column:3;align-self:end}.omrs-breakpoint-gt-tablet .-esm-offline-tools__offline-actions-table-styles__tableHeaderContainer___3wPVJ{grid-template-columns:1fr 20% 250px auto}.omrs-breakpoint-gt-tablet .-esm-offline-tools__offline-actions-table-styles__tableHeaderContainer___3wPVJ .-esm-offline-tools__offline-actions-table-styles__tableSearch___1WJJd{grid-row:1;grid-column:3}.omrs-breakpoint-gt-tablet .-esm-offline-tools__offline-actions-table-styles__tableHeaderContainer___3wPVJ .-esm-offline-tools__offline-actions-table-styles__tablePrimaryAction___2GMVC{grid-row:1;grid-column:4}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/offline-actions/offline-actions-table.styles.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAGA,+EC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,+ECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,+ECogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,+ECggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,uEC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,sECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,mECofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,0EACE,4BAAA,CAGF,gFACE,YAAA,CACA,4BAAA,CACA,kCAAA,CACA,gBCyIa,CDvIb,uJACE,UAAA,CACA,aAAA,CACA,cAAA,CAGF,8JACE,UAAA,CACA,aAAA,CACA,cAAA,CAIJ,2GACE,wCAAA,CAEA,kLACE,UAAA,CACA,aAAA,CAGF,yLACE,UAAA,CACA,aAAA\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.tableContainer {\\n  background-color: transparent;\\n}\\n\\n.tableHeaderContainer {\\n  display: grid;\\n  grid-template-rows: auto auto;\\n  grid-template-columns: 1fr 1fr auto;\\n  padding-top: $spacing-05;\\n\\n  .tableSearch {\\n    grid-row: 2;\\n    grid-column: 2;\\n    align-self: end;\\n  }\\n\\n  .tablePrimaryAction {\\n    grid-row: 2;\\n    grid-column: 3;\\n    align-self: end;\\n  }\\n}\\n\\n:global(.omrs-breakpoint-gt-tablet) .tableHeaderContainer {\\n  grid-template-columns: 1fr 20% 250px auto;\\n\\n  .tableSearch {\\n    grid-row: 1;\\n    grid-column: 3;\\n  }\\n\\n  .tablePrimaryAction {\\n    grid-row: 1;\\n    grid-column: 4;\\n  }\\n}\\n\",\"// Code generated by @carbon/themes. DO NOT EDIT.\\n//\\n// Copyright IBM Corp. 2018, 2019\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import './themes';\\n\\n/// Define theme variables from a map of tokens\\n/// @access public\\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\\n///\\n/// @example scss\\n///   // Default usage\\n///   @include carbon--theme();\\n///\\n///   // Alternate styling (not white theme)\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     // declarations...\\n///   }\\n///\\n///   // Inline styling\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     .my-dark-theme {\\n///       // declarations...\\n///     }\\n///   }\\n///\\n/// @group @carbon/themes\\n@mixin carbon--theme(\\n  $theme: $carbon--theme,\\n  $emit-custom-properties: false,\\n  $emit-difference: false\\n) {\\n  $parent-carbon-theme: $carbon--theme;\\n  $carbon--theme: $theme !global;\\n  $interactive-01: map-get($theme, 'interactive-01') !global;\\n  $interactive-02: map-get($theme, 'interactive-02') !global;\\n  $interactive-03: map-get($theme, 'interactive-03') !global;\\n  $interactive-04: map-get($theme, 'interactive-04') !global;\\n  $ui-background: map-get($theme, 'ui-background') !global;\\n  $ui-01: map-get($theme, 'ui-01') !global;\\n  $ui-02: map-get($theme, 'ui-02') !global;\\n  $ui-03: map-get($theme, 'ui-03') !global;\\n  $ui-04: map-get($theme, 'ui-04') !global;\\n  $ui-05: map-get($theme, 'ui-05') !global;\\n  $text-01: map-get($theme, 'text-01') !global;\\n  $text-02: map-get($theme, 'text-02') !global;\\n  $text-03: map-get($theme, 'text-03') !global;\\n  $text-04: map-get($theme, 'text-04') !global;\\n  $text-05: map-get($theme, 'text-05') !global;\\n  $text-error: map-get($theme, 'text-error') !global;\\n  $icon-01: map-get($theme, 'icon-01') !global;\\n  $icon-02: map-get($theme, 'icon-02') !global;\\n  $icon-03: map-get($theme, 'icon-03') !global;\\n  $link-01: map-get($theme, 'link-01') !global;\\n  $link-02: map-get($theme, 'link-02') !global;\\n  $inverse-link: map-get($theme, 'inverse-link') !global;\\n  $field-01: map-get($theme, 'field-01') !global;\\n  $field-02: map-get($theme, 'field-02') !global;\\n  $inverse-01: map-get($theme, 'inverse-01') !global;\\n  $inverse-02: map-get($theme, 'inverse-02') !global;\\n  $support-01: map-get($theme, 'support-01') !global;\\n  $support-02: map-get($theme, 'support-02') !global;\\n  $support-03: map-get($theme, 'support-03') !global;\\n  $support-04: map-get($theme, 'support-04') !global;\\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\\n  $overlay-01: map-get($theme, 'overlay-01') !global;\\n  $danger-01: map-get($theme, 'danger-01') !global;\\n  $danger-02: map-get($theme, 'danger-02') !global;\\n  $focus: map-get($theme, 'focus') !global;\\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\\n  $hover-primary: map-get($theme, 'hover-primary') !global;\\n  $active-primary: map-get($theme, 'active-primary') !global;\\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\\n  $active-secondary: map-get($theme, 'active-secondary') !global;\\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\\n  $hover-ui: map-get($theme, 'hover-ui') !global;\\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\\n  $active-ui: map-get($theme, 'active-ui') !global;\\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\\n  $selected-ui: map-get($theme, 'selected-ui') !global;\\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\\n  $hover-danger: map-get($theme, 'hover-danger') !global;\\n  $active-danger: map-get($theme, 'active-danger') !global;\\n  $hover-row: map-get($theme, 'hover-row') !global;\\n  $visited-link: map-get($theme, 'visited-link') !global;\\n  $disabled-01: map-get($theme, 'disabled-01') !global;\\n  $disabled-02: map-get($theme, 'disabled-02') !global;\\n  $disabled-03: map-get($theme, 'disabled-03') !global;\\n  $highlight: map-get($theme, 'highlight') !global;\\n  $decorative-01: map-get($theme, 'decorative-01') !global;\\n  $button-separator: map-get($theme, 'button-separator') !global;\\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\\n  $brand-01: map-get($theme, 'brand-01') !global;\\n  $brand-02: map-get($theme, 'brand-02') !global;\\n  $brand-03: map-get($theme, 'brand-03') !global;\\n  $active-01: map-get($theme, 'active-01') !global;\\n  $hover-field: map-get($theme, 'hover-field') !global;\\n  $danger: map-get($theme, 'danger') !global;\\n  $caption-01: map-get($theme, 'caption-01') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $body-short-01: map-get($theme, 'body-short-01') !global;\\n  $body-long-01: map-get($theme, 'body-long-01') !global;\\n  $body-short-02: map-get($theme, 'body-short-02') !global;\\n  $body-long-02: map-get($theme, 'body-long-02') !global;\\n  $code-01: map-get($theme, 'code-01') !global;\\n  $code-02: map-get($theme, 'code-02') !global;\\n  $heading-01: map-get($theme, 'heading-01') !global;\\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\\n  $heading-02: map-get($theme, 'heading-02') !global;\\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\\n  $quotation-01: map-get($theme, 'quotation-01') !global;\\n  $quotation-02: map-get($theme, 'quotation-02') !global;\\n  $display-01: map-get($theme, 'display-01') !global;\\n  $display-02: map-get($theme, 'display-02') !global;\\n  $display-03: map-get($theme, 'display-03') !global;\\n  $display-04: map-get($theme, 'display-04') !global;\\n  $spacing-01: map-get($theme, 'spacing-01') !global;\\n  $spacing-02: map-get($theme, 'spacing-02') !global;\\n  $spacing-03: map-get($theme, 'spacing-03') !global;\\n  $spacing-04: map-get($theme, 'spacing-04') !global;\\n  $spacing-05: map-get($theme, 'spacing-05') !global;\\n  $spacing-06: map-get($theme, 'spacing-06') !global;\\n  $spacing-07: map-get($theme, 'spacing-07') !global;\\n  $spacing-08: map-get($theme, 'spacing-08') !global;\\n  $spacing-09: map-get($theme, 'spacing-09') !global;\\n  $spacing-10: map-get($theme, 'spacing-10') !global;\\n  $spacing-11: map-get($theme, 'spacing-11') !global;\\n  $spacing-12: map-get($theme, 'spacing-12') !global;\\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\\n  $layout-01: map-get($theme, 'layout-01') !global;\\n  $layout-02: map-get($theme, 'layout-02') !global;\\n  $layout-03: map-get($theme, 'layout-03') !global;\\n  $layout-04: map-get($theme, 'layout-04') !global;\\n  $layout-05: map-get($theme, 'layout-05') !global;\\n  $layout-06: map-get($theme, 'layout-06') !global;\\n  $layout-07: map-get($theme, 'layout-07') !global;\\n  $container-01: map-get($theme, 'container-01') !global;\\n  $container-02: map-get($theme, 'container-02') !global;\\n  $container-03: map-get($theme, 'container-03') !global;\\n  $container-04: map-get($theme, 'container-04') !global;\\n  $container-05: map-get($theme, 'container-05') !global;\\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\\n\\n  @if global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-css-custom-properties')\\n  {\\n    $interactive-01: var(\\n      --#{$custom-property-prefix}-interactive-01,\\n      map-get($theme, 'interactive-01')\\n    ) !global;\\n    $interactive-02: var(\\n      --#{$custom-property-prefix}-interactive-02,\\n      map-get($theme, 'interactive-02')\\n    ) !global;\\n    $interactive-03: var(\\n      --#{$custom-property-prefix}-interactive-03,\\n      map-get($theme, 'interactive-03')\\n    ) !global;\\n    $interactive-04: var(\\n      --#{$custom-property-prefix}-interactive-04,\\n      map-get($theme, 'interactive-04')\\n    ) !global;\\n    $ui-background: var(\\n      --#{$custom-property-prefix}-ui-background,\\n      map-get($theme, 'ui-background')\\n    ) !global;\\n    $ui-01: var(\\n      --#{$custom-property-prefix}-ui-01,\\n      map-get($theme, 'ui-01')\\n    ) !global;\\n    $ui-02: var(\\n      --#{$custom-property-prefix}-ui-02,\\n      map-get($theme, 'ui-02')\\n    ) !global;\\n    $ui-03: var(\\n      --#{$custom-property-prefix}-ui-03,\\n      map-get($theme, 'ui-03')\\n    ) !global;\\n    $ui-04: var(\\n      --#{$custom-property-prefix}-ui-04,\\n      map-get($theme, 'ui-04')\\n    ) !global;\\n    $ui-05: var(\\n      --#{$custom-property-prefix}-ui-05,\\n      map-get($theme, 'ui-05')\\n    ) !global;\\n    $text-01: var(\\n      --#{$custom-property-prefix}-text-01,\\n      map-get($theme, 'text-01')\\n    ) !global;\\n    $text-02: var(\\n      --#{$custom-property-prefix}-text-02,\\n      map-get($theme, 'text-02')\\n    ) !global;\\n    $text-03: var(\\n      --#{$custom-property-prefix}-text-03,\\n      map-get($theme, 'text-03')\\n    ) !global;\\n    $text-04: var(\\n      --#{$custom-property-prefix}-text-04,\\n      map-get($theme, 'text-04')\\n    ) !global;\\n    $text-05: var(\\n      --#{$custom-property-prefix}-text-05,\\n      map-get($theme, 'text-05')\\n    ) !global;\\n    $text-error: var(\\n      --#{$custom-property-prefix}-text-error,\\n      map-get($theme, 'text-error')\\n    ) !global;\\n    $icon-01: var(\\n      --#{$custom-property-prefix}-icon-01,\\n      map-get($theme, 'icon-01')\\n    ) !global;\\n    $icon-02: var(\\n      --#{$custom-property-prefix}-icon-02,\\n      map-get($theme, 'icon-02')\\n    ) !global;\\n    $icon-03: var(\\n      --#{$custom-property-prefix}-icon-03,\\n      map-get($theme, 'icon-03')\\n    ) !global;\\n    $link-01: var(\\n      --#{$custom-property-prefix}-link-01,\\n      map-get($theme, 'link-01')\\n    ) !global;\\n    $link-02: var(\\n      --#{$custom-property-prefix}-link-02,\\n      map-get($theme, 'link-02')\\n    ) !global;\\n    $inverse-link: var(\\n      --#{$custom-property-prefix}-inverse-link,\\n      map-get($theme, 'inverse-link')\\n    ) !global;\\n    $field-01: var(\\n      --#{$custom-property-prefix}-field-01,\\n      map-get($theme, 'field-01')\\n    ) !global;\\n    $field-02: var(\\n      --#{$custom-property-prefix}-field-02,\\n      map-get($theme, 'field-02')\\n    ) !global;\\n    $inverse-01: var(\\n      --#{$custom-property-prefix}-inverse-01,\\n      map-get($theme, 'inverse-01')\\n    ) !global;\\n    $inverse-02: var(\\n      --#{$custom-property-prefix}-inverse-02,\\n      map-get($theme, 'inverse-02')\\n    ) !global;\\n    $support-01: var(\\n      --#{$custom-property-prefix}-support-01,\\n      map-get($theme, 'support-01')\\n    ) !global;\\n    $support-02: var(\\n      --#{$custom-property-prefix}-support-02,\\n      map-get($theme, 'support-02')\\n    ) !global;\\n    $support-03: var(\\n      --#{$custom-property-prefix}-support-03,\\n      map-get($theme, 'support-03')\\n    ) !global;\\n    $support-04: var(\\n      --#{$custom-property-prefix}-support-04,\\n      map-get($theme, 'support-04')\\n    ) !global;\\n    $inverse-support-01: var(\\n      --#{$custom-property-prefix}-inverse-support-01,\\n      map-get($theme, 'inverse-support-01')\\n    ) !global;\\n    $inverse-support-02: var(\\n      --#{$custom-property-prefix}-inverse-support-02,\\n      map-get($theme, 'inverse-support-02')\\n    ) !global;\\n    $inverse-support-03: var(\\n      --#{$custom-property-prefix}-inverse-support-03,\\n      map-get($theme, 'inverse-support-03')\\n    ) !global;\\n    $inverse-support-04: var(\\n      --#{$custom-property-prefix}-inverse-support-04,\\n      map-get($theme, 'inverse-support-04')\\n    ) !global;\\n    $overlay-01: var(\\n      --#{$custom-property-prefix}-overlay-01,\\n      map-get($theme, 'overlay-01')\\n    ) !global;\\n    $danger-01: var(\\n      --#{$custom-property-prefix}-danger-01,\\n      map-get($theme, 'danger-01')\\n    ) !global;\\n    $danger-02: var(\\n      --#{$custom-property-prefix}-danger-02,\\n      map-get($theme, 'danger-02')\\n    ) !global;\\n    $focus: var(\\n      --#{$custom-property-prefix}-focus,\\n      map-get($theme, 'focus')\\n    ) !global;\\n    $inverse-focus-ui: var(\\n      --#{$custom-property-prefix}-inverse-focus-ui,\\n      map-get($theme, 'inverse-focus-ui')\\n    ) !global;\\n    $hover-primary: var(\\n      --#{$custom-property-prefix}-hover-primary,\\n      map-get($theme, 'hover-primary')\\n    ) !global;\\n    $active-primary: var(\\n      --#{$custom-property-prefix}-active-primary,\\n      map-get($theme, 'active-primary')\\n    ) !global;\\n    $hover-primary-text: var(\\n      --#{$custom-property-prefix}-hover-primary-text,\\n      map-get($theme, 'hover-primary-text')\\n    ) !global;\\n    $hover-secondary: var(\\n      --#{$custom-property-prefix}-hover-secondary,\\n      map-get($theme, 'hover-secondary')\\n    ) !global;\\n    $active-secondary: var(\\n      --#{$custom-property-prefix}-active-secondary,\\n      map-get($theme, 'active-secondary')\\n    ) !global;\\n    $hover-tertiary: var(\\n      --#{$custom-property-prefix}-hover-tertiary,\\n      map-get($theme, 'hover-tertiary')\\n    ) !global;\\n    $active-tertiary: var(\\n      --#{$custom-property-prefix}-active-tertiary,\\n      map-get($theme, 'active-tertiary')\\n    ) !global;\\n    $hover-ui: var(\\n      --#{$custom-property-prefix}-hover-ui,\\n      map-get($theme, 'hover-ui')\\n    ) !global;\\n    $hover-light-ui: var(\\n      --#{$custom-property-prefix}-hover-light-ui,\\n      map-get($theme, 'hover-light-ui')\\n    ) !global;\\n    $hover-selected-ui: var(\\n      --#{$custom-property-prefix}-hover-selected-ui,\\n      map-get($theme, 'hover-selected-ui')\\n    ) !global;\\n    $active-ui: var(\\n      --#{$custom-property-prefix}-active-ui,\\n      map-get($theme, 'active-ui')\\n    ) !global;\\n    $active-light-ui: var(\\n      --#{$custom-property-prefix}-active-light-ui,\\n      map-get($theme, 'active-light-ui')\\n    ) !global;\\n    $selected-ui: var(\\n      --#{$custom-property-prefix}-selected-ui,\\n      map-get($theme, 'selected-ui')\\n    ) !global;\\n    $selected-light-ui: var(\\n      --#{$custom-property-prefix}-selected-light-ui,\\n      map-get($theme, 'selected-light-ui')\\n    ) !global;\\n    $inverse-hover-ui: var(\\n      --#{$custom-property-prefix}-inverse-hover-ui,\\n      map-get($theme, 'inverse-hover-ui')\\n    ) !global;\\n    $hover-danger: var(\\n      --#{$custom-property-prefix}-hover-danger,\\n      map-get($theme, 'hover-danger')\\n    ) !global;\\n    $active-danger: var(\\n      --#{$custom-property-prefix}-active-danger,\\n      map-get($theme, 'active-danger')\\n    ) !global;\\n    $hover-row: var(\\n      --#{$custom-property-prefix}-hover-row,\\n      map-get($theme, 'hover-row')\\n    ) !global;\\n    $visited-link: var(\\n      --#{$custom-property-prefix}-visited-link,\\n      map-get($theme, 'visited-link')\\n    ) !global;\\n    $disabled-01: var(\\n      --#{$custom-property-prefix}-disabled-01,\\n      map-get($theme, 'disabled-01')\\n    ) !global;\\n    $disabled-02: var(\\n      --#{$custom-property-prefix}-disabled-02,\\n      map-get($theme, 'disabled-02')\\n    ) !global;\\n    $disabled-03: var(\\n      --#{$custom-property-prefix}-disabled-03,\\n      map-get($theme, 'disabled-03')\\n    ) !global;\\n    $highlight: var(\\n      --#{$custom-property-prefix}-highlight,\\n      map-get($theme, 'highlight')\\n    ) !global;\\n    $decorative-01: var(\\n      --#{$custom-property-prefix}-decorative-01,\\n      map-get($theme, 'decorative-01')\\n    ) !global;\\n    $button-separator: var(\\n      --#{$custom-property-prefix}-button-separator,\\n      map-get($theme, 'button-separator')\\n    ) !global;\\n    $skeleton-01: var(\\n      --#{$custom-property-prefix}-skeleton-01,\\n      map-get($theme, 'skeleton-01')\\n    ) !global;\\n    $skeleton-02: var(\\n      --#{$custom-property-prefix}-skeleton-02,\\n      map-get($theme, 'skeleton-02')\\n    ) !global;\\n    $brand-01: var(\\n      --#{$custom-property-prefix}-brand-01,\\n      map-get($theme, 'brand-01')\\n    ) !global;\\n    $brand-02: var(\\n      --#{$custom-property-prefix}-brand-02,\\n      map-get($theme, 'brand-02')\\n    ) !global;\\n    $brand-03: var(\\n      --#{$custom-property-prefix}-brand-03,\\n      map-get($theme, 'brand-03')\\n    ) !global;\\n    $active-01: var(\\n      --#{$custom-property-prefix}-active-01,\\n      map-get($theme, 'active-01')\\n    ) !global;\\n    $hover-field: var(\\n      --#{$custom-property-prefix}-hover-field,\\n      map-get($theme, 'hover-field')\\n    ) !global;\\n    $danger: var(\\n      --#{$custom-property-prefix}-danger,\\n      map-get($theme, 'danger')\\n    ) !global;\\n    $spacing-01: var(\\n      --#{$custom-property-prefix}-spacing-01,\\n      map-get($theme, 'spacing-01')\\n    ) !global;\\n    $spacing-02: var(\\n      --#{$custom-property-prefix}-spacing-02,\\n      map-get($theme, 'spacing-02')\\n    ) !global;\\n    $spacing-03: var(\\n      --#{$custom-property-prefix}-spacing-03,\\n      map-get($theme, 'spacing-03')\\n    ) !global;\\n    $spacing-04: var(\\n      --#{$custom-property-prefix}-spacing-04,\\n      map-get($theme, 'spacing-04')\\n    ) !global;\\n    $spacing-05: var(\\n      --#{$custom-property-prefix}-spacing-05,\\n      map-get($theme, 'spacing-05')\\n    ) !global;\\n    $spacing-06: var(\\n      --#{$custom-property-prefix}-spacing-06,\\n      map-get($theme, 'spacing-06')\\n    ) !global;\\n    $spacing-07: var(\\n      --#{$custom-property-prefix}-spacing-07,\\n      map-get($theme, 'spacing-07')\\n    ) !global;\\n    $spacing-08: var(\\n      --#{$custom-property-prefix}-spacing-08,\\n      map-get($theme, 'spacing-08')\\n    ) !global;\\n    $spacing-09: var(\\n      --#{$custom-property-prefix}-spacing-09,\\n      map-get($theme, 'spacing-09')\\n    ) !global;\\n    $spacing-10: var(\\n      --#{$custom-property-prefix}-spacing-10,\\n      map-get($theme, 'spacing-10')\\n    ) !global;\\n    $spacing-11: var(\\n      --#{$custom-property-prefix}-spacing-11,\\n      map-get($theme, 'spacing-11')\\n    ) !global;\\n    $spacing-12: var(\\n      --#{$custom-property-prefix}-spacing-12,\\n      map-get($theme, 'spacing-12')\\n    ) !global;\\n    $fluid-spacing-01: var(\\n      --#{$custom-property-prefix}-fluid-spacing-01,\\n      map-get($theme, 'fluid-spacing-01')\\n    ) !global;\\n    $fluid-spacing-02: var(\\n      --#{$custom-property-prefix}-fluid-spacing-02,\\n      map-get($theme, 'fluid-spacing-02')\\n    ) !global;\\n    $fluid-spacing-03: var(\\n      --#{$custom-property-prefix}-fluid-spacing-03,\\n      map-get($theme, 'fluid-spacing-03')\\n    ) !global;\\n    $fluid-spacing-04: var(\\n      --#{$custom-property-prefix}-fluid-spacing-04,\\n      map-get($theme, 'fluid-spacing-04')\\n    ) !global;\\n    $layout-01: var(\\n      --#{$custom-property-prefix}-layout-01,\\n      map-get($theme, 'layout-01')\\n    ) !global;\\n    $layout-02: var(\\n      --#{$custom-property-prefix}-layout-02,\\n      map-get($theme, 'layout-02')\\n    ) !global;\\n    $layout-03: var(\\n      --#{$custom-property-prefix}-layout-03,\\n      map-get($theme, 'layout-03')\\n    ) !global;\\n    $layout-04: var(\\n      --#{$custom-property-prefix}-layout-04,\\n      map-get($theme, 'layout-04')\\n    ) !global;\\n    $layout-05: var(\\n      --#{$custom-property-prefix}-layout-05,\\n      map-get($theme, 'layout-05')\\n    ) !global;\\n    $layout-06: var(\\n      --#{$custom-property-prefix}-layout-06,\\n      map-get($theme, 'layout-06')\\n    ) !global;\\n    $layout-07: var(\\n      --#{$custom-property-prefix}-layout-07,\\n      map-get($theme, 'layout-07')\\n    ) !global;\\n    $container-01: var(\\n      --#{$custom-property-prefix}-container-01,\\n      map-get($theme, 'container-01')\\n    ) !global;\\n    $container-02: var(\\n      --#{$custom-property-prefix}-container-02,\\n      map-get($theme, 'container-02')\\n    ) !global;\\n    $container-03: var(\\n      --#{$custom-property-prefix}-container-03,\\n      map-get($theme, 'container-03')\\n    ) !global;\\n    $container-04: var(\\n      --#{$custom-property-prefix}-container-04,\\n      map-get($theme, 'container-04')\\n    ) !global;\\n    $container-05: var(\\n      --#{$custom-property-prefix}-container-05,\\n      map-get($theme, 'container-05')\\n    ) !global;\\n    $icon-size-01: var(\\n      --#{$custom-property-prefix}-icon-size-01,\\n      map-get($theme, 'icon-size-01')\\n    ) !global;\\n    $icon-size-02: var(\\n      --#{$custom-property-prefix}-icon-size-02,\\n      map-get($theme, 'icon-size-02')\\n    ) !global;\\n  }\\n  @if $emit-custom-properties == true {\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-01',\\n        map-get($theme, 'interactive-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-02',\\n        map-get($theme, 'interactive-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-03',\\n        map-get($theme, 'interactive-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-04',\\n        map-get($theme, 'interactive-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'ui-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'ui-background',\\n        map-get($theme, 'ui-background')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\\n      @include custom-property('text-01', map-get($theme, 'text-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\\n      @include custom-property('text-02', map-get($theme, 'text-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\\n      @include custom-property('text-03', map-get($theme, 'text-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\\n      @include custom-property('text-04', map-get($theme, 'text-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\\n      @include custom-property('text-05', map-get($theme, 'text-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-error', map-get($theme, 'text-error'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\\n      @include custom-property('link-01', map-get($theme, 'link-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\\n      @include custom-property('link-02', map-get($theme, 'link-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\\n    {\\n      @include custom-property('field-01', map-get($theme, 'field-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\\n    {\\n      @include custom-property('field-02', map-get($theme, 'field-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-01', map-get($theme, 'support-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-02', map-get($theme, 'support-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-03', map-get($theme, 'support-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-04', map-get($theme, 'support-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-01',\\n        map-get($theme, 'inverse-support-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-02',\\n        map-get($theme, 'inverse-support-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-03',\\n        map-get($theme, 'inverse-support-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-04',\\n        map-get($theme, 'inverse-support-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'overlay-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\\n    {\\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\\n    {\\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\\n      @include custom-property('focus', map-get($theme, 'focus'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-focus-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-focus-ui',\\n        map-get($theme, 'inverse-focus-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary',\\n        map-get($theme, 'hover-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-primary',\\n        map-get($theme, 'active-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary-text',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary-text',\\n        map-get($theme, 'hover-primary-text')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-secondary',\\n        map-get($theme, 'hover-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-secondary',\\n        map-get($theme, 'active-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-tertiary',\\n        map-get($theme, 'hover-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-tertiary',\\n        map-get($theme, 'active-tertiary')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\\n    {\\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-light-ui',\\n        map-get($theme, 'hover-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-selected-ui',\\n        map-get($theme, 'hover-selected-ui')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\\n    {\\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-light-ui',\\n        map-get($theme, 'active-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'selected-light-ui',\\n        map-get($theme, 'selected-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-hover-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-hover-ui',\\n        map-get($theme, 'inverse-hover-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-danger',\\n        map-get($theme, 'active-danger')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\\n    {\\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'visited-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\\n    {\\n      @include custom-property('highlight', map-get($theme, 'highlight'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'decorative-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'decorative-01',\\n        map-get($theme, 'decorative-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-separator',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-separator',\\n        map-get($theme, 'button-separator')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\\n    {\\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\\n    {\\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\\n    {\\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\\n    {\\n      @include custom-property('active-01', map-get($theme, 'active-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-field',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\\n      @include custom-property('danger', map-get($theme, 'danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\\n    {\\n      @include custom-property('label-01', map-get($theme, 'label-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'helper-text-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-01',\\n        map-get($theme, 'helper-text-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-01',\\n        map-get($theme, 'body-short-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-02',\\n        map-get($theme, 'body-short-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\\n      @include custom-property('code-01', map-get($theme, 'code-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\\n      @include custom-property('code-02', map-get($theme, 'code-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-01',\\n        map-get($theme, 'productive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-02',\\n        map-get($theme, 'productive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-03',\\n        map-get($theme, 'productive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-04',\\n        map-get($theme, 'productive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-05',\\n        map-get($theme, 'productive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-06',\\n        map-get($theme, 'productive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-07',\\n        map-get($theme, 'productive-heading-07')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-01',\\n        map-get($theme, 'expressive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-02',\\n        map-get($theme, 'expressive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-03',\\n        map-get($theme, 'expressive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-04',\\n        map-get($theme, 'expressive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-05',\\n        map-get($theme, 'expressive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-06',\\n        map-get($theme, 'expressive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-paragraph-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-paragraph-01',\\n        map-get($theme, 'expressive-paragraph-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-01', map-get($theme, 'display-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-02', map-get($theme, 'display-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-03', map-get($theme, 'display-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-04', map-get($theme, 'display-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-08',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-09',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-10',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-11',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-12',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-01',\\n        map-get($theme, 'fluid-spacing-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-02',\\n        map-get($theme, 'fluid-spacing-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-03',\\n        map-get($theme, 'fluid-spacing-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-04',\\n        map-get($theme, 'fluid-spacing-04')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\\n    {\\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\\n    {\\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\\n    {\\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\\n    {\\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\\n    {\\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\\n    {\\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\\n    {\\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-01', map-get($theme, 'container-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-02', map-get($theme, 'container-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-03', map-get($theme, 'container-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-04', map-get($theme, 'container-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-05', map-get($theme, 'container-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\\n    }\\n  }\\n\\n  @content;\\n\\n  // Reset to default theme after apply in content\\n  @if $carbon--theme != $parent-carbon-theme {\\n    $carbon--theme: $parent-carbon-theme !global;\\n\\n    @include carbon--theme();\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__offline-actions-table-styles__productiveHeading01___gS0s1\",\n\t\"productiveHeading02\": \"-esm-offline-tools__offline-actions-table-styles__productiveHeading02___3i5RQ\",\n\t\"productiveHeading03\": \"-esm-offline-tools__offline-actions-table-styles__productiveHeading03___25o-t\",\n\t\"productiveHeading04\": \"-esm-offline-tools__offline-actions-table-styles__productiveHeading04___3uUdU\",\n\t\"bodyShort01\": \"-esm-offline-tools__offline-actions-table-styles__bodyShort01___1omY0\",\n\t\"bodyLong01\": \"-esm-offline-tools__offline-actions-table-styles__bodyLong01___36z9S\",\n\t\"label01\": \"-esm-offline-tools__offline-actions-table-styles__label01___2E9-b\",\n\t\"tableContainer\": \"-esm-offline-tools__offline-actions-table-styles__tableContainer___1eYF0\",\n\t\"tableHeaderContainer\": \"-esm-offline-tools__offline-actions-table-styles__tableHeaderContainer___3wPVJ\",\n\t\"tableSearch\": \"-esm-offline-tools__offline-actions-table-styles__tableSearch___1WJJd\",\n\t\"tablePrimaryAction\": \"-esm-offline-tools__offline-actions-table-styles__tablePrimaryAction___2GMVC\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__offline-actions-styles__productiveHeading01___DaGqE{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__offline-actions-styles__productiveHeading02___3ivZq{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__offline-actions-styles__productiveHeading03___216IW{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__offline-actions-styles__productiveHeading04___2iTCf{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__offline-actions-styles__bodyShort01___XmPa8{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__offline-actions-styles__bodyLong01___1DvSC{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__offline-actions-styles__label01___2IJpb{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__offline-actions-styles__contentContainer___3tRwk{padding:0 1rem}.-esm-offline-tools__offline-actions-styles__buttonInlineIcon___1at1n{margin-right:1rem}.omrs-breakpoint-lt-desktop .-esm-offline-tools__offline-actions-styles__primaryActionButton___222rr{position:fixed;bottom:1rem;right:1rem;border-radius:100vh;padding-right:1rem}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/offline-actions/offline-actions.styles.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAGA,yEC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,yECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,yECogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,yECggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,iEC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,gECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,6DCofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,sEACE,cAAA,CAGF,sEACE,iBC4Ia,CDzIf,qGACE,cAAA,CACA,WCuIa,CDtIb,UCsIa,CDrIb,mBAAA,CACA,kBCoIa\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.contentContainer {\\n  padding: 0 $spacing-05;\\n}\\n\\n.buttonInlineIcon {\\n  margin-right: $spacing-05;\\n}\\n\\n:global(.omrs-breakpoint-lt-desktop) .primaryActionButton {\\n  position: fixed;\\n  bottom: $spacing-05;\\n  right: $spacing-05;\\n  border-radius: 100vh;\\n  padding-right: $spacing-05;\\n}\\n\",\"// Code generated by @carbon/themes. DO NOT EDIT.\\n//\\n// Copyright IBM Corp. 2018, 2019\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import './themes';\\n\\n/// Define theme variables from a map of tokens\\n/// @access public\\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\\n///\\n/// @example scss\\n///   // Default usage\\n///   @include carbon--theme();\\n///\\n///   // Alternate styling (not white theme)\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     // declarations...\\n///   }\\n///\\n///   // Inline styling\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     .my-dark-theme {\\n///       // declarations...\\n///     }\\n///   }\\n///\\n/// @group @carbon/themes\\n@mixin carbon--theme(\\n  $theme: $carbon--theme,\\n  $emit-custom-properties: false,\\n  $emit-difference: false\\n) {\\n  $parent-carbon-theme: $carbon--theme;\\n  $carbon--theme: $theme !global;\\n  $interactive-01: map-get($theme, 'interactive-01') !global;\\n  $interactive-02: map-get($theme, 'interactive-02') !global;\\n  $interactive-03: map-get($theme, 'interactive-03') !global;\\n  $interactive-04: map-get($theme, 'interactive-04') !global;\\n  $ui-background: map-get($theme, 'ui-background') !global;\\n  $ui-01: map-get($theme, 'ui-01') !global;\\n  $ui-02: map-get($theme, 'ui-02') !global;\\n  $ui-03: map-get($theme, 'ui-03') !global;\\n  $ui-04: map-get($theme, 'ui-04') !global;\\n  $ui-05: map-get($theme, 'ui-05') !global;\\n  $text-01: map-get($theme, 'text-01') !global;\\n  $text-02: map-get($theme, 'text-02') !global;\\n  $text-03: map-get($theme, 'text-03') !global;\\n  $text-04: map-get($theme, 'text-04') !global;\\n  $text-05: map-get($theme, 'text-05') !global;\\n  $text-error: map-get($theme, 'text-error') !global;\\n  $icon-01: map-get($theme, 'icon-01') !global;\\n  $icon-02: map-get($theme, 'icon-02') !global;\\n  $icon-03: map-get($theme, 'icon-03') !global;\\n  $link-01: map-get($theme, 'link-01') !global;\\n  $link-02: map-get($theme, 'link-02') !global;\\n  $inverse-link: map-get($theme, 'inverse-link') !global;\\n  $field-01: map-get($theme, 'field-01') !global;\\n  $field-02: map-get($theme, 'field-02') !global;\\n  $inverse-01: map-get($theme, 'inverse-01') !global;\\n  $inverse-02: map-get($theme, 'inverse-02') !global;\\n  $support-01: map-get($theme, 'support-01') !global;\\n  $support-02: map-get($theme, 'support-02') !global;\\n  $support-03: map-get($theme, 'support-03') !global;\\n  $support-04: map-get($theme, 'support-04') !global;\\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\\n  $overlay-01: map-get($theme, 'overlay-01') !global;\\n  $danger-01: map-get($theme, 'danger-01') !global;\\n  $danger-02: map-get($theme, 'danger-02') !global;\\n  $focus: map-get($theme, 'focus') !global;\\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\\n  $hover-primary: map-get($theme, 'hover-primary') !global;\\n  $active-primary: map-get($theme, 'active-primary') !global;\\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\\n  $active-secondary: map-get($theme, 'active-secondary') !global;\\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\\n  $hover-ui: map-get($theme, 'hover-ui') !global;\\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\\n  $active-ui: map-get($theme, 'active-ui') !global;\\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\\n  $selected-ui: map-get($theme, 'selected-ui') !global;\\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\\n  $hover-danger: map-get($theme, 'hover-danger') !global;\\n  $active-danger: map-get($theme, 'active-danger') !global;\\n  $hover-row: map-get($theme, 'hover-row') !global;\\n  $visited-link: map-get($theme, 'visited-link') !global;\\n  $disabled-01: map-get($theme, 'disabled-01') !global;\\n  $disabled-02: map-get($theme, 'disabled-02') !global;\\n  $disabled-03: map-get($theme, 'disabled-03') !global;\\n  $highlight: map-get($theme, 'highlight') !global;\\n  $decorative-01: map-get($theme, 'decorative-01') !global;\\n  $button-separator: map-get($theme, 'button-separator') !global;\\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\\n  $brand-01: map-get($theme, 'brand-01') !global;\\n  $brand-02: map-get($theme, 'brand-02') !global;\\n  $brand-03: map-get($theme, 'brand-03') !global;\\n  $active-01: map-get($theme, 'active-01') !global;\\n  $hover-field: map-get($theme, 'hover-field') !global;\\n  $danger: map-get($theme, 'danger') !global;\\n  $caption-01: map-get($theme, 'caption-01') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $body-short-01: map-get($theme, 'body-short-01') !global;\\n  $body-long-01: map-get($theme, 'body-long-01') !global;\\n  $body-short-02: map-get($theme, 'body-short-02') !global;\\n  $body-long-02: map-get($theme, 'body-long-02') !global;\\n  $code-01: map-get($theme, 'code-01') !global;\\n  $code-02: map-get($theme, 'code-02') !global;\\n  $heading-01: map-get($theme, 'heading-01') !global;\\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\\n  $heading-02: map-get($theme, 'heading-02') !global;\\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\\n  $quotation-01: map-get($theme, 'quotation-01') !global;\\n  $quotation-02: map-get($theme, 'quotation-02') !global;\\n  $display-01: map-get($theme, 'display-01') !global;\\n  $display-02: map-get($theme, 'display-02') !global;\\n  $display-03: map-get($theme, 'display-03') !global;\\n  $display-04: map-get($theme, 'display-04') !global;\\n  $spacing-01: map-get($theme, 'spacing-01') !global;\\n  $spacing-02: map-get($theme, 'spacing-02') !global;\\n  $spacing-03: map-get($theme, 'spacing-03') !global;\\n  $spacing-04: map-get($theme, 'spacing-04') !global;\\n  $spacing-05: map-get($theme, 'spacing-05') !global;\\n  $spacing-06: map-get($theme, 'spacing-06') !global;\\n  $spacing-07: map-get($theme, 'spacing-07') !global;\\n  $spacing-08: map-get($theme, 'spacing-08') !global;\\n  $spacing-09: map-get($theme, 'spacing-09') !global;\\n  $spacing-10: map-get($theme, 'spacing-10') !global;\\n  $spacing-11: map-get($theme, 'spacing-11') !global;\\n  $spacing-12: map-get($theme, 'spacing-12') !global;\\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\\n  $layout-01: map-get($theme, 'layout-01') !global;\\n  $layout-02: map-get($theme, 'layout-02') !global;\\n  $layout-03: map-get($theme, 'layout-03') !global;\\n  $layout-04: map-get($theme, 'layout-04') !global;\\n  $layout-05: map-get($theme, 'layout-05') !global;\\n  $layout-06: map-get($theme, 'layout-06') !global;\\n  $layout-07: map-get($theme, 'layout-07') !global;\\n  $container-01: map-get($theme, 'container-01') !global;\\n  $container-02: map-get($theme, 'container-02') !global;\\n  $container-03: map-get($theme, 'container-03') !global;\\n  $container-04: map-get($theme, 'container-04') !global;\\n  $container-05: map-get($theme, 'container-05') !global;\\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\\n\\n  @if global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-css-custom-properties')\\n  {\\n    $interactive-01: var(\\n      --#{$custom-property-prefix}-interactive-01,\\n      map-get($theme, 'interactive-01')\\n    ) !global;\\n    $interactive-02: var(\\n      --#{$custom-property-prefix}-interactive-02,\\n      map-get($theme, 'interactive-02')\\n    ) !global;\\n    $interactive-03: var(\\n      --#{$custom-property-prefix}-interactive-03,\\n      map-get($theme, 'interactive-03')\\n    ) !global;\\n    $interactive-04: var(\\n      --#{$custom-property-prefix}-interactive-04,\\n      map-get($theme, 'interactive-04')\\n    ) !global;\\n    $ui-background: var(\\n      --#{$custom-property-prefix}-ui-background,\\n      map-get($theme, 'ui-background')\\n    ) !global;\\n    $ui-01: var(\\n      --#{$custom-property-prefix}-ui-01,\\n      map-get($theme, 'ui-01')\\n    ) !global;\\n    $ui-02: var(\\n      --#{$custom-property-prefix}-ui-02,\\n      map-get($theme, 'ui-02')\\n    ) !global;\\n    $ui-03: var(\\n      --#{$custom-property-prefix}-ui-03,\\n      map-get($theme, 'ui-03')\\n    ) !global;\\n    $ui-04: var(\\n      --#{$custom-property-prefix}-ui-04,\\n      map-get($theme, 'ui-04')\\n    ) !global;\\n    $ui-05: var(\\n      --#{$custom-property-prefix}-ui-05,\\n      map-get($theme, 'ui-05')\\n    ) !global;\\n    $text-01: var(\\n      --#{$custom-property-prefix}-text-01,\\n      map-get($theme, 'text-01')\\n    ) !global;\\n    $text-02: var(\\n      --#{$custom-property-prefix}-text-02,\\n      map-get($theme, 'text-02')\\n    ) !global;\\n    $text-03: var(\\n      --#{$custom-property-prefix}-text-03,\\n      map-get($theme, 'text-03')\\n    ) !global;\\n    $text-04: var(\\n      --#{$custom-property-prefix}-text-04,\\n      map-get($theme, 'text-04')\\n    ) !global;\\n    $text-05: var(\\n      --#{$custom-property-prefix}-text-05,\\n      map-get($theme, 'text-05')\\n    ) !global;\\n    $text-error: var(\\n      --#{$custom-property-prefix}-text-error,\\n      map-get($theme, 'text-error')\\n    ) !global;\\n    $icon-01: var(\\n      --#{$custom-property-prefix}-icon-01,\\n      map-get($theme, 'icon-01')\\n    ) !global;\\n    $icon-02: var(\\n      --#{$custom-property-prefix}-icon-02,\\n      map-get($theme, 'icon-02')\\n    ) !global;\\n    $icon-03: var(\\n      --#{$custom-property-prefix}-icon-03,\\n      map-get($theme, 'icon-03')\\n    ) !global;\\n    $link-01: var(\\n      --#{$custom-property-prefix}-link-01,\\n      map-get($theme, 'link-01')\\n    ) !global;\\n    $link-02: var(\\n      --#{$custom-property-prefix}-link-02,\\n      map-get($theme, 'link-02')\\n    ) !global;\\n    $inverse-link: var(\\n      --#{$custom-property-prefix}-inverse-link,\\n      map-get($theme, 'inverse-link')\\n    ) !global;\\n    $field-01: var(\\n      --#{$custom-property-prefix}-field-01,\\n      map-get($theme, 'field-01')\\n    ) !global;\\n    $field-02: var(\\n      --#{$custom-property-prefix}-field-02,\\n      map-get($theme, 'field-02')\\n    ) !global;\\n    $inverse-01: var(\\n      --#{$custom-property-prefix}-inverse-01,\\n      map-get($theme, 'inverse-01')\\n    ) !global;\\n    $inverse-02: var(\\n      --#{$custom-property-prefix}-inverse-02,\\n      map-get($theme, 'inverse-02')\\n    ) !global;\\n    $support-01: var(\\n      --#{$custom-property-prefix}-support-01,\\n      map-get($theme, 'support-01')\\n    ) !global;\\n    $support-02: var(\\n      --#{$custom-property-prefix}-support-02,\\n      map-get($theme, 'support-02')\\n    ) !global;\\n    $support-03: var(\\n      --#{$custom-property-prefix}-support-03,\\n      map-get($theme, 'support-03')\\n    ) !global;\\n    $support-04: var(\\n      --#{$custom-property-prefix}-support-04,\\n      map-get($theme, 'support-04')\\n    ) !global;\\n    $inverse-support-01: var(\\n      --#{$custom-property-prefix}-inverse-support-01,\\n      map-get($theme, 'inverse-support-01')\\n    ) !global;\\n    $inverse-support-02: var(\\n      --#{$custom-property-prefix}-inverse-support-02,\\n      map-get($theme, 'inverse-support-02')\\n    ) !global;\\n    $inverse-support-03: var(\\n      --#{$custom-property-prefix}-inverse-support-03,\\n      map-get($theme, 'inverse-support-03')\\n    ) !global;\\n    $inverse-support-04: var(\\n      --#{$custom-property-prefix}-inverse-support-04,\\n      map-get($theme, 'inverse-support-04')\\n    ) !global;\\n    $overlay-01: var(\\n      --#{$custom-property-prefix}-overlay-01,\\n      map-get($theme, 'overlay-01')\\n    ) !global;\\n    $danger-01: var(\\n      --#{$custom-property-prefix}-danger-01,\\n      map-get($theme, 'danger-01')\\n    ) !global;\\n    $danger-02: var(\\n      --#{$custom-property-prefix}-danger-02,\\n      map-get($theme, 'danger-02')\\n    ) !global;\\n    $focus: var(\\n      --#{$custom-property-prefix}-focus,\\n      map-get($theme, 'focus')\\n    ) !global;\\n    $inverse-focus-ui: var(\\n      --#{$custom-property-prefix}-inverse-focus-ui,\\n      map-get($theme, 'inverse-focus-ui')\\n    ) !global;\\n    $hover-primary: var(\\n      --#{$custom-property-prefix}-hover-primary,\\n      map-get($theme, 'hover-primary')\\n    ) !global;\\n    $active-primary: var(\\n      --#{$custom-property-prefix}-active-primary,\\n      map-get($theme, 'active-primary')\\n    ) !global;\\n    $hover-primary-text: var(\\n      --#{$custom-property-prefix}-hover-primary-text,\\n      map-get($theme, 'hover-primary-text')\\n    ) !global;\\n    $hover-secondary: var(\\n      --#{$custom-property-prefix}-hover-secondary,\\n      map-get($theme, 'hover-secondary')\\n    ) !global;\\n    $active-secondary: var(\\n      --#{$custom-property-prefix}-active-secondary,\\n      map-get($theme, 'active-secondary')\\n    ) !global;\\n    $hover-tertiary: var(\\n      --#{$custom-property-prefix}-hover-tertiary,\\n      map-get($theme, 'hover-tertiary')\\n    ) !global;\\n    $active-tertiary: var(\\n      --#{$custom-property-prefix}-active-tertiary,\\n      map-get($theme, 'active-tertiary')\\n    ) !global;\\n    $hover-ui: var(\\n      --#{$custom-property-prefix}-hover-ui,\\n      map-get($theme, 'hover-ui')\\n    ) !global;\\n    $hover-light-ui: var(\\n      --#{$custom-property-prefix}-hover-light-ui,\\n      map-get($theme, 'hover-light-ui')\\n    ) !global;\\n    $hover-selected-ui: var(\\n      --#{$custom-property-prefix}-hover-selected-ui,\\n      map-get($theme, 'hover-selected-ui')\\n    ) !global;\\n    $active-ui: var(\\n      --#{$custom-property-prefix}-active-ui,\\n      map-get($theme, 'active-ui')\\n    ) !global;\\n    $active-light-ui: var(\\n      --#{$custom-property-prefix}-active-light-ui,\\n      map-get($theme, 'active-light-ui')\\n    ) !global;\\n    $selected-ui: var(\\n      --#{$custom-property-prefix}-selected-ui,\\n      map-get($theme, 'selected-ui')\\n    ) !global;\\n    $selected-light-ui: var(\\n      --#{$custom-property-prefix}-selected-light-ui,\\n      map-get($theme, 'selected-light-ui')\\n    ) !global;\\n    $inverse-hover-ui: var(\\n      --#{$custom-property-prefix}-inverse-hover-ui,\\n      map-get($theme, 'inverse-hover-ui')\\n    ) !global;\\n    $hover-danger: var(\\n      --#{$custom-property-prefix}-hover-danger,\\n      map-get($theme, 'hover-danger')\\n    ) !global;\\n    $active-danger: var(\\n      --#{$custom-property-prefix}-active-danger,\\n      map-get($theme, 'active-danger')\\n    ) !global;\\n    $hover-row: var(\\n      --#{$custom-property-prefix}-hover-row,\\n      map-get($theme, 'hover-row')\\n    ) !global;\\n    $visited-link: var(\\n      --#{$custom-property-prefix}-visited-link,\\n      map-get($theme, 'visited-link')\\n    ) !global;\\n    $disabled-01: var(\\n      --#{$custom-property-prefix}-disabled-01,\\n      map-get($theme, 'disabled-01')\\n    ) !global;\\n    $disabled-02: var(\\n      --#{$custom-property-prefix}-disabled-02,\\n      map-get($theme, 'disabled-02')\\n    ) !global;\\n    $disabled-03: var(\\n      --#{$custom-property-prefix}-disabled-03,\\n      map-get($theme, 'disabled-03')\\n    ) !global;\\n    $highlight: var(\\n      --#{$custom-property-prefix}-highlight,\\n      map-get($theme, 'highlight')\\n    ) !global;\\n    $decorative-01: var(\\n      --#{$custom-property-prefix}-decorative-01,\\n      map-get($theme, 'decorative-01')\\n    ) !global;\\n    $button-separator: var(\\n      --#{$custom-property-prefix}-button-separator,\\n      map-get($theme, 'button-separator')\\n    ) !global;\\n    $skeleton-01: var(\\n      --#{$custom-property-prefix}-skeleton-01,\\n      map-get($theme, 'skeleton-01')\\n    ) !global;\\n    $skeleton-02: var(\\n      --#{$custom-property-prefix}-skeleton-02,\\n      map-get($theme, 'skeleton-02')\\n    ) !global;\\n    $brand-01: var(\\n      --#{$custom-property-prefix}-brand-01,\\n      map-get($theme, 'brand-01')\\n    ) !global;\\n    $brand-02: var(\\n      --#{$custom-property-prefix}-brand-02,\\n      map-get($theme, 'brand-02')\\n    ) !global;\\n    $brand-03: var(\\n      --#{$custom-property-prefix}-brand-03,\\n      map-get($theme, 'brand-03')\\n    ) !global;\\n    $active-01: var(\\n      --#{$custom-property-prefix}-active-01,\\n      map-get($theme, 'active-01')\\n    ) !global;\\n    $hover-field: var(\\n      --#{$custom-property-prefix}-hover-field,\\n      map-get($theme, 'hover-field')\\n    ) !global;\\n    $danger: var(\\n      --#{$custom-property-prefix}-danger,\\n      map-get($theme, 'danger')\\n    ) !global;\\n    $spacing-01: var(\\n      --#{$custom-property-prefix}-spacing-01,\\n      map-get($theme, 'spacing-01')\\n    ) !global;\\n    $spacing-02: var(\\n      --#{$custom-property-prefix}-spacing-02,\\n      map-get($theme, 'spacing-02')\\n    ) !global;\\n    $spacing-03: var(\\n      --#{$custom-property-prefix}-spacing-03,\\n      map-get($theme, 'spacing-03')\\n    ) !global;\\n    $spacing-04: var(\\n      --#{$custom-property-prefix}-spacing-04,\\n      map-get($theme, 'spacing-04')\\n    ) !global;\\n    $spacing-05: var(\\n      --#{$custom-property-prefix}-spacing-05,\\n      map-get($theme, 'spacing-05')\\n    ) !global;\\n    $spacing-06: var(\\n      --#{$custom-property-prefix}-spacing-06,\\n      map-get($theme, 'spacing-06')\\n    ) !global;\\n    $spacing-07: var(\\n      --#{$custom-property-prefix}-spacing-07,\\n      map-get($theme, 'spacing-07')\\n    ) !global;\\n    $spacing-08: var(\\n      --#{$custom-property-prefix}-spacing-08,\\n      map-get($theme, 'spacing-08')\\n    ) !global;\\n    $spacing-09: var(\\n      --#{$custom-property-prefix}-spacing-09,\\n      map-get($theme, 'spacing-09')\\n    ) !global;\\n    $spacing-10: var(\\n      --#{$custom-property-prefix}-spacing-10,\\n      map-get($theme, 'spacing-10')\\n    ) !global;\\n    $spacing-11: var(\\n      --#{$custom-property-prefix}-spacing-11,\\n      map-get($theme, 'spacing-11')\\n    ) !global;\\n    $spacing-12: var(\\n      --#{$custom-property-prefix}-spacing-12,\\n      map-get($theme, 'spacing-12')\\n    ) !global;\\n    $fluid-spacing-01: var(\\n      --#{$custom-property-prefix}-fluid-spacing-01,\\n      map-get($theme, 'fluid-spacing-01')\\n    ) !global;\\n    $fluid-spacing-02: var(\\n      --#{$custom-property-prefix}-fluid-spacing-02,\\n      map-get($theme, 'fluid-spacing-02')\\n    ) !global;\\n    $fluid-spacing-03: var(\\n      --#{$custom-property-prefix}-fluid-spacing-03,\\n      map-get($theme, 'fluid-spacing-03')\\n    ) !global;\\n    $fluid-spacing-04: var(\\n      --#{$custom-property-prefix}-fluid-spacing-04,\\n      map-get($theme, 'fluid-spacing-04')\\n    ) !global;\\n    $layout-01: var(\\n      --#{$custom-property-prefix}-layout-01,\\n      map-get($theme, 'layout-01')\\n    ) !global;\\n    $layout-02: var(\\n      --#{$custom-property-prefix}-layout-02,\\n      map-get($theme, 'layout-02')\\n    ) !global;\\n    $layout-03: var(\\n      --#{$custom-property-prefix}-layout-03,\\n      map-get($theme, 'layout-03')\\n    ) !global;\\n    $layout-04: var(\\n      --#{$custom-property-prefix}-layout-04,\\n      map-get($theme, 'layout-04')\\n    ) !global;\\n    $layout-05: var(\\n      --#{$custom-property-prefix}-layout-05,\\n      map-get($theme, 'layout-05')\\n    ) !global;\\n    $layout-06: var(\\n      --#{$custom-property-prefix}-layout-06,\\n      map-get($theme, 'layout-06')\\n    ) !global;\\n    $layout-07: var(\\n      --#{$custom-property-prefix}-layout-07,\\n      map-get($theme, 'layout-07')\\n    ) !global;\\n    $container-01: var(\\n      --#{$custom-property-prefix}-container-01,\\n      map-get($theme, 'container-01')\\n    ) !global;\\n    $container-02: var(\\n      --#{$custom-property-prefix}-container-02,\\n      map-get($theme, 'container-02')\\n    ) !global;\\n    $container-03: var(\\n      --#{$custom-property-prefix}-container-03,\\n      map-get($theme, 'container-03')\\n    ) !global;\\n    $container-04: var(\\n      --#{$custom-property-prefix}-container-04,\\n      map-get($theme, 'container-04')\\n    ) !global;\\n    $container-05: var(\\n      --#{$custom-property-prefix}-container-05,\\n      map-get($theme, 'container-05')\\n    ) !global;\\n    $icon-size-01: var(\\n      --#{$custom-property-prefix}-icon-size-01,\\n      map-get($theme, 'icon-size-01')\\n    ) !global;\\n    $icon-size-02: var(\\n      --#{$custom-property-prefix}-icon-size-02,\\n      map-get($theme, 'icon-size-02')\\n    ) !global;\\n  }\\n  @if $emit-custom-properties == true {\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-01',\\n        map-get($theme, 'interactive-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-02',\\n        map-get($theme, 'interactive-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-03',\\n        map-get($theme, 'interactive-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-04',\\n        map-get($theme, 'interactive-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'ui-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'ui-background',\\n        map-get($theme, 'ui-background')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\\n      @include custom-property('text-01', map-get($theme, 'text-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\\n      @include custom-property('text-02', map-get($theme, 'text-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\\n      @include custom-property('text-03', map-get($theme, 'text-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\\n      @include custom-property('text-04', map-get($theme, 'text-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\\n      @include custom-property('text-05', map-get($theme, 'text-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-error', map-get($theme, 'text-error'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\\n      @include custom-property('link-01', map-get($theme, 'link-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\\n      @include custom-property('link-02', map-get($theme, 'link-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\\n    {\\n      @include custom-property('field-01', map-get($theme, 'field-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\\n    {\\n      @include custom-property('field-02', map-get($theme, 'field-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-01', map-get($theme, 'support-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-02', map-get($theme, 'support-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-03', map-get($theme, 'support-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-04', map-get($theme, 'support-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-01',\\n        map-get($theme, 'inverse-support-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-02',\\n        map-get($theme, 'inverse-support-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-03',\\n        map-get($theme, 'inverse-support-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-04',\\n        map-get($theme, 'inverse-support-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'overlay-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\\n    {\\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\\n    {\\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\\n      @include custom-property('focus', map-get($theme, 'focus'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-focus-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-focus-ui',\\n        map-get($theme, 'inverse-focus-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary',\\n        map-get($theme, 'hover-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-primary',\\n        map-get($theme, 'active-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary-text',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary-text',\\n        map-get($theme, 'hover-primary-text')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-secondary',\\n        map-get($theme, 'hover-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-secondary',\\n        map-get($theme, 'active-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-tertiary',\\n        map-get($theme, 'hover-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-tertiary',\\n        map-get($theme, 'active-tertiary')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\\n    {\\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-light-ui',\\n        map-get($theme, 'hover-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-selected-ui',\\n        map-get($theme, 'hover-selected-ui')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\\n    {\\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-light-ui',\\n        map-get($theme, 'active-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'selected-light-ui',\\n        map-get($theme, 'selected-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-hover-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-hover-ui',\\n        map-get($theme, 'inverse-hover-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-danger',\\n        map-get($theme, 'active-danger')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\\n    {\\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'visited-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\\n    {\\n      @include custom-property('highlight', map-get($theme, 'highlight'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'decorative-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'decorative-01',\\n        map-get($theme, 'decorative-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-separator',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-separator',\\n        map-get($theme, 'button-separator')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\\n    {\\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\\n    {\\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\\n    {\\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\\n    {\\n      @include custom-property('active-01', map-get($theme, 'active-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-field',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\\n      @include custom-property('danger', map-get($theme, 'danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\\n    {\\n      @include custom-property('label-01', map-get($theme, 'label-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'helper-text-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-01',\\n        map-get($theme, 'helper-text-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-01',\\n        map-get($theme, 'body-short-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-02',\\n        map-get($theme, 'body-short-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\\n      @include custom-property('code-01', map-get($theme, 'code-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\\n      @include custom-property('code-02', map-get($theme, 'code-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-01',\\n        map-get($theme, 'productive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-02',\\n        map-get($theme, 'productive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-03',\\n        map-get($theme, 'productive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-04',\\n        map-get($theme, 'productive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-05',\\n        map-get($theme, 'productive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-06',\\n        map-get($theme, 'productive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-07',\\n        map-get($theme, 'productive-heading-07')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-01',\\n        map-get($theme, 'expressive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-02',\\n        map-get($theme, 'expressive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-03',\\n        map-get($theme, 'expressive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-04',\\n        map-get($theme, 'expressive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-05',\\n        map-get($theme, 'expressive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-06',\\n        map-get($theme, 'expressive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-paragraph-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-paragraph-01',\\n        map-get($theme, 'expressive-paragraph-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-01', map-get($theme, 'display-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-02', map-get($theme, 'display-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-03', map-get($theme, 'display-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-04', map-get($theme, 'display-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-08',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-09',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-10',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-11',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-12',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-01',\\n        map-get($theme, 'fluid-spacing-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-02',\\n        map-get($theme, 'fluid-spacing-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-03',\\n        map-get($theme, 'fluid-spacing-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-04',\\n        map-get($theme, 'fluid-spacing-04')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\\n    {\\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\\n    {\\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\\n    {\\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\\n    {\\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\\n    {\\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\\n    {\\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\\n    {\\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-01', map-get($theme, 'container-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-02', map-get($theme, 'container-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-03', map-get($theme, 'container-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-04', map-get($theme, 'container-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-05', map-get($theme, 'container-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\\n    }\\n  }\\n\\n  @content;\\n\\n  // Reset to default theme after apply in content\\n  @if $carbon--theme != $parent-carbon-theme {\\n    $carbon--theme: $parent-carbon-theme !global;\\n\\n    @include carbon--theme();\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__offline-actions-styles__productiveHeading01___DaGqE\",\n\t\"productiveHeading02\": \"-esm-offline-tools__offline-actions-styles__productiveHeading02___3ivZq\",\n\t\"productiveHeading03\": \"-esm-offline-tools__offline-actions-styles__productiveHeading03___216IW\",\n\t\"productiveHeading04\": \"-esm-offline-tools__offline-actions-styles__productiveHeading04___2iTCf\",\n\t\"bodyShort01\": \"-esm-offline-tools__offline-actions-styles__bodyShort01___XmPa8\",\n\t\"bodyLong01\": \"-esm-offline-tools__offline-actions-styles__bodyLong01___1DvSC\",\n\t\"label01\": \"-esm-offline-tools__offline-actions-styles__label01___2IJpb\",\n\t\"contentContainer\": \"-esm-offline-tools__offline-actions-styles__contentContainer___3tRwk\",\n\t\"buttonInlineIcon\": \"-esm-offline-tools__offline-actions-styles__buttonInlineIcon___1at1n\",\n\t\"primaryActionButton\": \"-esm-offline-tools__offline-actions-styles__primaryActionButton___222rr\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__offline-patient-sync-details-styles__productiveHeading01___i9h32{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__offline-patient-sync-details-styles__productiveHeading02___2LgOL{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__offline-patient-sync-details-styles__productiveHeading03___NjV2H{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__offline-patient-sync-details-styles__productiveHeading04___1Lbzo{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__offline-patient-sync-details-styles__bodyShort01___WfMyM{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__offline-patient-sync-details-styles__bodyLong01___PMArv{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__offline-patient-sync-details-styles__label01___swMmz{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__offline-patient-sync-details-styles__contentContainer___3Bwv7{padding:0 1rem;max-width:800px}.-esm-offline-tools__offline-patient-sync-details-styles__headeredTileSection___2vUd7{margin-bottom:3rem}.-esm-offline-tools__offline-patient-sync-details-styles__headeredTileSection___2vUd7 .-esm-offline-tools__offline-patient-sync-details-styles__productiveHeading02___2LgOL{margin-bottom:.5rem}.-esm-offline-tools__offline-patient-sync-details-styles__syncedTile___1_Pe3{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.-esm-offline-tools__offline-patient-sync-details-styles__failedTile___2vBXa{margin-bottom:.5rem;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr auto;align-items:center;row-gap:1rem}.-esm-offline-tools__offline-patient-sync-details-styles__failedTileErrorMessage___31V4X{color:#da1e28}.-esm-offline-tools__offline-patient-sync-details-styles__syncedTileIcon___8OJiF{color:#24a148}.-esm-offline-tools__offline-patient-sync-details-styles__failedTileIcon___em-Vv{color:#da1e28}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/offline-patient-sync-details/offline-patient-sync-details.styles.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAGA,sFC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,sFCwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,sFCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,sFCggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,8EC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,6ECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,0ECofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,mFACE,cAAA,CACA,eAAA,CAGF,sFACE,kBC+Ia,CD7Ib,4KACE,mBCsIW,CDlIf,6EACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,mBC8Ha,CD3Hf,6EACE,mBC0Ha,CDzHb,YAAA,CACA,0BAAA,CACA,8BAAA,CACA,kBAAA,CACA,YCuHa,CDpHf,yFACE,aCkCa,CD/Bf,iFACE,aC+Ba,CD5Bf,iFACE,aC0Ba\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.contentContainer {\\n  padding: 0 $spacing-05;\\n  max-width: 800px;\\n}\\n\\n.headeredTileSection {\\n  margin-bottom: $spacing-09;\\n\\n  .productiveHeading02 {\\n    margin-bottom: $spacing-03;\\n  }\\n}\\n\\n.syncedTile {\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n  margin-bottom: $spacing-03;\\n}\\n\\n.failedTile {\\n  margin-bottom: $spacing-03;\\n  display: grid;\\n  grid-template-rows: 1fr 1fr;\\n  grid-template-columns: 1fr auto;\\n  align-items: center;\\n  row-gap: $spacing-05;\\n}\\n\\n.failedTileErrorMessage {\\n  color: $support-01;\\n}\\n\\n.syncedTileIcon {\\n  color: $support-02;\\n}\\n\\n.failedTileIcon {\\n  color: $support-01;\\n}\\n\",\"// Code generated by @carbon/themes. DO NOT EDIT.\\n//\\n// Copyright IBM Corp. 2018, 2019\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import './themes';\\n\\n/// Define theme variables from a map of tokens\\n/// @access public\\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\\n///\\n/// @example scss\\n///   // Default usage\\n///   @include carbon--theme();\\n///\\n///   // Alternate styling (not white theme)\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     // declarations...\\n///   }\\n///\\n///   // Inline styling\\n///   @include carbon--theme($carbon--theme--g90) {\\n///     .my-dark-theme {\\n///       // declarations...\\n///     }\\n///   }\\n///\\n/// @group @carbon/themes\\n@mixin carbon--theme(\\n  $theme: $carbon--theme,\\n  $emit-custom-properties: false,\\n  $emit-difference: false\\n) {\\n  $parent-carbon-theme: $carbon--theme;\\n  $carbon--theme: $theme !global;\\n  $interactive-01: map-get($theme, 'interactive-01') !global;\\n  $interactive-02: map-get($theme, 'interactive-02') !global;\\n  $interactive-03: map-get($theme, 'interactive-03') !global;\\n  $interactive-04: map-get($theme, 'interactive-04') !global;\\n  $ui-background: map-get($theme, 'ui-background') !global;\\n  $ui-01: map-get($theme, 'ui-01') !global;\\n  $ui-02: map-get($theme, 'ui-02') !global;\\n  $ui-03: map-get($theme, 'ui-03') !global;\\n  $ui-04: map-get($theme, 'ui-04') !global;\\n  $ui-05: map-get($theme, 'ui-05') !global;\\n  $text-01: map-get($theme, 'text-01') !global;\\n  $text-02: map-get($theme, 'text-02') !global;\\n  $text-03: map-get($theme, 'text-03') !global;\\n  $text-04: map-get($theme, 'text-04') !global;\\n  $text-05: map-get($theme, 'text-05') !global;\\n  $text-error: map-get($theme, 'text-error') !global;\\n  $icon-01: map-get($theme, 'icon-01') !global;\\n  $icon-02: map-get($theme, 'icon-02') !global;\\n  $icon-03: map-get($theme, 'icon-03') !global;\\n  $link-01: map-get($theme, 'link-01') !global;\\n  $link-02: map-get($theme, 'link-02') !global;\\n  $inverse-link: map-get($theme, 'inverse-link') !global;\\n  $field-01: map-get($theme, 'field-01') !global;\\n  $field-02: map-get($theme, 'field-02') !global;\\n  $inverse-01: map-get($theme, 'inverse-01') !global;\\n  $inverse-02: map-get($theme, 'inverse-02') !global;\\n  $support-01: map-get($theme, 'support-01') !global;\\n  $support-02: map-get($theme, 'support-02') !global;\\n  $support-03: map-get($theme, 'support-03') !global;\\n  $support-04: map-get($theme, 'support-04') !global;\\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\\n  $overlay-01: map-get($theme, 'overlay-01') !global;\\n  $danger-01: map-get($theme, 'danger-01') !global;\\n  $danger-02: map-get($theme, 'danger-02') !global;\\n  $focus: map-get($theme, 'focus') !global;\\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\\n  $hover-primary: map-get($theme, 'hover-primary') !global;\\n  $active-primary: map-get($theme, 'active-primary') !global;\\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\\n  $active-secondary: map-get($theme, 'active-secondary') !global;\\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\\n  $hover-ui: map-get($theme, 'hover-ui') !global;\\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\\n  $active-ui: map-get($theme, 'active-ui') !global;\\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\\n  $selected-ui: map-get($theme, 'selected-ui') !global;\\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\\n  $hover-danger: map-get($theme, 'hover-danger') !global;\\n  $active-danger: map-get($theme, 'active-danger') !global;\\n  $hover-row: map-get($theme, 'hover-row') !global;\\n  $visited-link: map-get($theme, 'visited-link') !global;\\n  $disabled-01: map-get($theme, 'disabled-01') !global;\\n  $disabled-02: map-get($theme, 'disabled-02') !global;\\n  $disabled-03: map-get($theme, 'disabled-03') !global;\\n  $highlight: map-get($theme, 'highlight') !global;\\n  $decorative-01: map-get($theme, 'decorative-01') !global;\\n  $button-separator: map-get($theme, 'button-separator') !global;\\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\\n  $brand-01: map-get($theme, 'brand-01') !global;\\n  $brand-02: map-get($theme, 'brand-02') !global;\\n  $brand-03: map-get($theme, 'brand-03') !global;\\n  $active-01: map-get($theme, 'active-01') !global;\\n  $hover-field: map-get($theme, 'hover-field') !global;\\n  $danger: map-get($theme, 'danger') !global;\\n  $caption-01: map-get($theme, 'caption-01') !global;\\n  $label-01: map-get($theme, 'label-01') !global;\\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\\n  $body-short-01: map-get($theme, 'body-short-01') !global;\\n  $body-long-01: map-get($theme, 'body-long-01') !global;\\n  $body-short-02: map-get($theme, 'body-short-02') !global;\\n  $body-long-02: map-get($theme, 'body-long-02') !global;\\n  $code-01: map-get($theme, 'code-01') !global;\\n  $code-02: map-get($theme, 'code-02') !global;\\n  $heading-01: map-get($theme, 'heading-01') !global;\\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\\n  $heading-02: map-get($theme, 'heading-02') !global;\\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\\n  $quotation-01: map-get($theme, 'quotation-01') !global;\\n  $quotation-02: map-get($theme, 'quotation-02') !global;\\n  $display-01: map-get($theme, 'display-01') !global;\\n  $display-02: map-get($theme, 'display-02') !global;\\n  $display-03: map-get($theme, 'display-03') !global;\\n  $display-04: map-get($theme, 'display-04') !global;\\n  $spacing-01: map-get($theme, 'spacing-01') !global;\\n  $spacing-02: map-get($theme, 'spacing-02') !global;\\n  $spacing-03: map-get($theme, 'spacing-03') !global;\\n  $spacing-04: map-get($theme, 'spacing-04') !global;\\n  $spacing-05: map-get($theme, 'spacing-05') !global;\\n  $spacing-06: map-get($theme, 'spacing-06') !global;\\n  $spacing-07: map-get($theme, 'spacing-07') !global;\\n  $spacing-08: map-get($theme, 'spacing-08') !global;\\n  $spacing-09: map-get($theme, 'spacing-09') !global;\\n  $spacing-10: map-get($theme, 'spacing-10') !global;\\n  $spacing-11: map-get($theme, 'spacing-11') !global;\\n  $spacing-12: map-get($theme, 'spacing-12') !global;\\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\\n  $layout-01: map-get($theme, 'layout-01') !global;\\n  $layout-02: map-get($theme, 'layout-02') !global;\\n  $layout-03: map-get($theme, 'layout-03') !global;\\n  $layout-04: map-get($theme, 'layout-04') !global;\\n  $layout-05: map-get($theme, 'layout-05') !global;\\n  $layout-06: map-get($theme, 'layout-06') !global;\\n  $layout-07: map-get($theme, 'layout-07') !global;\\n  $container-01: map-get($theme, 'container-01') !global;\\n  $container-02: map-get($theme, 'container-02') !global;\\n  $container-03: map-get($theme, 'container-03') !global;\\n  $container-04: map-get($theme, 'container-04') !global;\\n  $container-05: map-get($theme, 'container-05') !global;\\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\\n\\n  @if global-variable-exists('feature-flags') and\\n    map-get($feature-flags, 'enable-css-custom-properties')\\n  {\\n    $interactive-01: var(\\n      --#{$custom-property-prefix}-interactive-01,\\n      map-get($theme, 'interactive-01')\\n    ) !global;\\n    $interactive-02: var(\\n      --#{$custom-property-prefix}-interactive-02,\\n      map-get($theme, 'interactive-02')\\n    ) !global;\\n    $interactive-03: var(\\n      --#{$custom-property-prefix}-interactive-03,\\n      map-get($theme, 'interactive-03')\\n    ) !global;\\n    $interactive-04: var(\\n      --#{$custom-property-prefix}-interactive-04,\\n      map-get($theme, 'interactive-04')\\n    ) !global;\\n    $ui-background: var(\\n      --#{$custom-property-prefix}-ui-background,\\n      map-get($theme, 'ui-background')\\n    ) !global;\\n    $ui-01: var(\\n      --#{$custom-property-prefix}-ui-01,\\n      map-get($theme, 'ui-01')\\n    ) !global;\\n    $ui-02: var(\\n      --#{$custom-property-prefix}-ui-02,\\n      map-get($theme, 'ui-02')\\n    ) !global;\\n    $ui-03: var(\\n      --#{$custom-property-prefix}-ui-03,\\n      map-get($theme, 'ui-03')\\n    ) !global;\\n    $ui-04: var(\\n      --#{$custom-property-prefix}-ui-04,\\n      map-get($theme, 'ui-04')\\n    ) !global;\\n    $ui-05: var(\\n      --#{$custom-property-prefix}-ui-05,\\n      map-get($theme, 'ui-05')\\n    ) !global;\\n    $text-01: var(\\n      --#{$custom-property-prefix}-text-01,\\n      map-get($theme, 'text-01')\\n    ) !global;\\n    $text-02: var(\\n      --#{$custom-property-prefix}-text-02,\\n      map-get($theme, 'text-02')\\n    ) !global;\\n    $text-03: var(\\n      --#{$custom-property-prefix}-text-03,\\n      map-get($theme, 'text-03')\\n    ) !global;\\n    $text-04: var(\\n      --#{$custom-property-prefix}-text-04,\\n      map-get($theme, 'text-04')\\n    ) !global;\\n    $text-05: var(\\n      --#{$custom-property-prefix}-text-05,\\n      map-get($theme, 'text-05')\\n    ) !global;\\n    $text-error: var(\\n      --#{$custom-property-prefix}-text-error,\\n      map-get($theme, 'text-error')\\n    ) !global;\\n    $icon-01: var(\\n      --#{$custom-property-prefix}-icon-01,\\n      map-get($theme, 'icon-01')\\n    ) !global;\\n    $icon-02: var(\\n      --#{$custom-property-prefix}-icon-02,\\n      map-get($theme, 'icon-02')\\n    ) !global;\\n    $icon-03: var(\\n      --#{$custom-property-prefix}-icon-03,\\n      map-get($theme, 'icon-03')\\n    ) !global;\\n    $link-01: var(\\n      --#{$custom-property-prefix}-link-01,\\n      map-get($theme, 'link-01')\\n    ) !global;\\n    $link-02: var(\\n      --#{$custom-property-prefix}-link-02,\\n      map-get($theme, 'link-02')\\n    ) !global;\\n    $inverse-link: var(\\n      --#{$custom-property-prefix}-inverse-link,\\n      map-get($theme, 'inverse-link')\\n    ) !global;\\n    $field-01: var(\\n      --#{$custom-property-prefix}-field-01,\\n      map-get($theme, 'field-01')\\n    ) !global;\\n    $field-02: var(\\n      --#{$custom-property-prefix}-field-02,\\n      map-get($theme, 'field-02')\\n    ) !global;\\n    $inverse-01: var(\\n      --#{$custom-property-prefix}-inverse-01,\\n      map-get($theme, 'inverse-01')\\n    ) !global;\\n    $inverse-02: var(\\n      --#{$custom-property-prefix}-inverse-02,\\n      map-get($theme, 'inverse-02')\\n    ) !global;\\n    $support-01: var(\\n      --#{$custom-property-prefix}-support-01,\\n      map-get($theme, 'support-01')\\n    ) !global;\\n    $support-02: var(\\n      --#{$custom-property-prefix}-support-02,\\n      map-get($theme, 'support-02')\\n    ) !global;\\n    $support-03: var(\\n      --#{$custom-property-prefix}-support-03,\\n      map-get($theme, 'support-03')\\n    ) !global;\\n    $support-04: var(\\n      --#{$custom-property-prefix}-support-04,\\n      map-get($theme, 'support-04')\\n    ) !global;\\n    $inverse-support-01: var(\\n      --#{$custom-property-prefix}-inverse-support-01,\\n      map-get($theme, 'inverse-support-01')\\n    ) !global;\\n    $inverse-support-02: var(\\n      --#{$custom-property-prefix}-inverse-support-02,\\n      map-get($theme, 'inverse-support-02')\\n    ) !global;\\n    $inverse-support-03: var(\\n      --#{$custom-property-prefix}-inverse-support-03,\\n      map-get($theme, 'inverse-support-03')\\n    ) !global;\\n    $inverse-support-04: var(\\n      --#{$custom-property-prefix}-inverse-support-04,\\n      map-get($theme, 'inverse-support-04')\\n    ) !global;\\n    $overlay-01: var(\\n      --#{$custom-property-prefix}-overlay-01,\\n      map-get($theme, 'overlay-01')\\n    ) !global;\\n    $danger-01: var(\\n      --#{$custom-property-prefix}-danger-01,\\n      map-get($theme, 'danger-01')\\n    ) !global;\\n    $danger-02: var(\\n      --#{$custom-property-prefix}-danger-02,\\n      map-get($theme, 'danger-02')\\n    ) !global;\\n    $focus: var(\\n      --#{$custom-property-prefix}-focus,\\n      map-get($theme, 'focus')\\n    ) !global;\\n    $inverse-focus-ui: var(\\n      --#{$custom-property-prefix}-inverse-focus-ui,\\n      map-get($theme, 'inverse-focus-ui')\\n    ) !global;\\n    $hover-primary: var(\\n      --#{$custom-property-prefix}-hover-primary,\\n      map-get($theme, 'hover-primary')\\n    ) !global;\\n    $active-primary: var(\\n      --#{$custom-property-prefix}-active-primary,\\n      map-get($theme, 'active-primary')\\n    ) !global;\\n    $hover-primary-text: var(\\n      --#{$custom-property-prefix}-hover-primary-text,\\n      map-get($theme, 'hover-primary-text')\\n    ) !global;\\n    $hover-secondary: var(\\n      --#{$custom-property-prefix}-hover-secondary,\\n      map-get($theme, 'hover-secondary')\\n    ) !global;\\n    $active-secondary: var(\\n      --#{$custom-property-prefix}-active-secondary,\\n      map-get($theme, 'active-secondary')\\n    ) !global;\\n    $hover-tertiary: var(\\n      --#{$custom-property-prefix}-hover-tertiary,\\n      map-get($theme, 'hover-tertiary')\\n    ) !global;\\n    $active-tertiary: var(\\n      --#{$custom-property-prefix}-active-tertiary,\\n      map-get($theme, 'active-tertiary')\\n    ) !global;\\n    $hover-ui: var(\\n      --#{$custom-property-prefix}-hover-ui,\\n      map-get($theme, 'hover-ui')\\n    ) !global;\\n    $hover-light-ui: var(\\n      --#{$custom-property-prefix}-hover-light-ui,\\n      map-get($theme, 'hover-light-ui')\\n    ) !global;\\n    $hover-selected-ui: var(\\n      --#{$custom-property-prefix}-hover-selected-ui,\\n      map-get($theme, 'hover-selected-ui')\\n    ) !global;\\n    $active-ui: var(\\n      --#{$custom-property-prefix}-active-ui,\\n      map-get($theme, 'active-ui')\\n    ) !global;\\n    $active-light-ui: var(\\n      --#{$custom-property-prefix}-active-light-ui,\\n      map-get($theme, 'active-light-ui')\\n    ) !global;\\n    $selected-ui: var(\\n      --#{$custom-property-prefix}-selected-ui,\\n      map-get($theme, 'selected-ui')\\n    ) !global;\\n    $selected-light-ui: var(\\n      --#{$custom-property-prefix}-selected-light-ui,\\n      map-get($theme, 'selected-light-ui')\\n    ) !global;\\n    $inverse-hover-ui: var(\\n      --#{$custom-property-prefix}-inverse-hover-ui,\\n      map-get($theme, 'inverse-hover-ui')\\n    ) !global;\\n    $hover-danger: var(\\n      --#{$custom-property-prefix}-hover-danger,\\n      map-get($theme, 'hover-danger')\\n    ) !global;\\n    $active-danger: var(\\n      --#{$custom-property-prefix}-active-danger,\\n      map-get($theme, 'active-danger')\\n    ) !global;\\n    $hover-row: var(\\n      --#{$custom-property-prefix}-hover-row,\\n      map-get($theme, 'hover-row')\\n    ) !global;\\n    $visited-link: var(\\n      --#{$custom-property-prefix}-visited-link,\\n      map-get($theme, 'visited-link')\\n    ) !global;\\n    $disabled-01: var(\\n      --#{$custom-property-prefix}-disabled-01,\\n      map-get($theme, 'disabled-01')\\n    ) !global;\\n    $disabled-02: var(\\n      --#{$custom-property-prefix}-disabled-02,\\n      map-get($theme, 'disabled-02')\\n    ) !global;\\n    $disabled-03: var(\\n      --#{$custom-property-prefix}-disabled-03,\\n      map-get($theme, 'disabled-03')\\n    ) !global;\\n    $highlight: var(\\n      --#{$custom-property-prefix}-highlight,\\n      map-get($theme, 'highlight')\\n    ) !global;\\n    $decorative-01: var(\\n      --#{$custom-property-prefix}-decorative-01,\\n      map-get($theme, 'decorative-01')\\n    ) !global;\\n    $button-separator: var(\\n      --#{$custom-property-prefix}-button-separator,\\n      map-get($theme, 'button-separator')\\n    ) !global;\\n    $skeleton-01: var(\\n      --#{$custom-property-prefix}-skeleton-01,\\n      map-get($theme, 'skeleton-01')\\n    ) !global;\\n    $skeleton-02: var(\\n      --#{$custom-property-prefix}-skeleton-02,\\n      map-get($theme, 'skeleton-02')\\n    ) !global;\\n    $brand-01: var(\\n      --#{$custom-property-prefix}-brand-01,\\n      map-get($theme, 'brand-01')\\n    ) !global;\\n    $brand-02: var(\\n      --#{$custom-property-prefix}-brand-02,\\n      map-get($theme, 'brand-02')\\n    ) !global;\\n    $brand-03: var(\\n      --#{$custom-property-prefix}-brand-03,\\n      map-get($theme, 'brand-03')\\n    ) !global;\\n    $active-01: var(\\n      --#{$custom-property-prefix}-active-01,\\n      map-get($theme, 'active-01')\\n    ) !global;\\n    $hover-field: var(\\n      --#{$custom-property-prefix}-hover-field,\\n      map-get($theme, 'hover-field')\\n    ) !global;\\n    $danger: var(\\n      --#{$custom-property-prefix}-danger,\\n      map-get($theme, 'danger')\\n    ) !global;\\n    $spacing-01: var(\\n      --#{$custom-property-prefix}-spacing-01,\\n      map-get($theme, 'spacing-01')\\n    ) !global;\\n    $spacing-02: var(\\n      --#{$custom-property-prefix}-spacing-02,\\n      map-get($theme, 'spacing-02')\\n    ) !global;\\n    $spacing-03: var(\\n      --#{$custom-property-prefix}-spacing-03,\\n      map-get($theme, 'spacing-03')\\n    ) !global;\\n    $spacing-04: var(\\n      --#{$custom-property-prefix}-spacing-04,\\n      map-get($theme, 'spacing-04')\\n    ) !global;\\n    $spacing-05: var(\\n      --#{$custom-property-prefix}-spacing-05,\\n      map-get($theme, 'spacing-05')\\n    ) !global;\\n    $spacing-06: var(\\n      --#{$custom-property-prefix}-spacing-06,\\n      map-get($theme, 'spacing-06')\\n    ) !global;\\n    $spacing-07: var(\\n      --#{$custom-property-prefix}-spacing-07,\\n      map-get($theme, 'spacing-07')\\n    ) !global;\\n    $spacing-08: var(\\n      --#{$custom-property-prefix}-spacing-08,\\n      map-get($theme, 'spacing-08')\\n    ) !global;\\n    $spacing-09: var(\\n      --#{$custom-property-prefix}-spacing-09,\\n      map-get($theme, 'spacing-09')\\n    ) !global;\\n    $spacing-10: var(\\n      --#{$custom-property-prefix}-spacing-10,\\n      map-get($theme, 'spacing-10')\\n    ) !global;\\n    $spacing-11: var(\\n      --#{$custom-property-prefix}-spacing-11,\\n      map-get($theme, 'spacing-11')\\n    ) !global;\\n    $spacing-12: var(\\n      --#{$custom-property-prefix}-spacing-12,\\n      map-get($theme, 'spacing-12')\\n    ) !global;\\n    $fluid-spacing-01: var(\\n      --#{$custom-property-prefix}-fluid-spacing-01,\\n      map-get($theme, 'fluid-spacing-01')\\n    ) !global;\\n    $fluid-spacing-02: var(\\n      --#{$custom-property-prefix}-fluid-spacing-02,\\n      map-get($theme, 'fluid-spacing-02')\\n    ) !global;\\n    $fluid-spacing-03: var(\\n      --#{$custom-property-prefix}-fluid-spacing-03,\\n      map-get($theme, 'fluid-spacing-03')\\n    ) !global;\\n    $fluid-spacing-04: var(\\n      --#{$custom-property-prefix}-fluid-spacing-04,\\n      map-get($theme, 'fluid-spacing-04')\\n    ) !global;\\n    $layout-01: var(\\n      --#{$custom-property-prefix}-layout-01,\\n      map-get($theme, 'layout-01')\\n    ) !global;\\n    $layout-02: var(\\n      --#{$custom-property-prefix}-layout-02,\\n      map-get($theme, 'layout-02')\\n    ) !global;\\n    $layout-03: var(\\n      --#{$custom-property-prefix}-layout-03,\\n      map-get($theme, 'layout-03')\\n    ) !global;\\n    $layout-04: var(\\n      --#{$custom-property-prefix}-layout-04,\\n      map-get($theme, 'layout-04')\\n    ) !global;\\n    $layout-05: var(\\n      --#{$custom-property-prefix}-layout-05,\\n      map-get($theme, 'layout-05')\\n    ) !global;\\n    $layout-06: var(\\n      --#{$custom-property-prefix}-layout-06,\\n      map-get($theme, 'layout-06')\\n    ) !global;\\n    $layout-07: var(\\n      --#{$custom-property-prefix}-layout-07,\\n      map-get($theme, 'layout-07')\\n    ) !global;\\n    $container-01: var(\\n      --#{$custom-property-prefix}-container-01,\\n      map-get($theme, 'container-01')\\n    ) !global;\\n    $container-02: var(\\n      --#{$custom-property-prefix}-container-02,\\n      map-get($theme, 'container-02')\\n    ) !global;\\n    $container-03: var(\\n      --#{$custom-property-prefix}-container-03,\\n      map-get($theme, 'container-03')\\n    ) !global;\\n    $container-04: var(\\n      --#{$custom-property-prefix}-container-04,\\n      map-get($theme, 'container-04')\\n    ) !global;\\n    $container-05: var(\\n      --#{$custom-property-prefix}-container-05,\\n      map-get($theme, 'container-05')\\n    ) !global;\\n    $icon-size-01: var(\\n      --#{$custom-property-prefix}-icon-size-01,\\n      map-get($theme, 'icon-size-01')\\n    ) !global;\\n    $icon-size-02: var(\\n      --#{$custom-property-prefix}-icon-size-02,\\n      map-get($theme, 'icon-size-02')\\n    ) !global;\\n  }\\n  @if $emit-custom-properties == true {\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-01',\\n        map-get($theme, 'interactive-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-02',\\n        map-get($theme, 'interactive-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-03',\\n        map-get($theme, 'interactive-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'interactive-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'interactive-04',\\n        map-get($theme, 'interactive-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'ui-background',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'ui-background',\\n        map-get($theme, 'ui-background')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\\n      @include custom-property('text-01', map-get($theme, 'text-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\\n      @include custom-property('text-02', map-get($theme, 'text-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\\n      @include custom-property('text-03', map-get($theme, 'text-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\\n      @include custom-property('text-04', map-get($theme, 'text-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\\n      @include custom-property('text-05', map-get($theme, 'text-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'text-error',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('text-error', map-get($theme, 'text-error'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\\n      @include custom-property('link-01', map-get($theme, 'link-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\\n      @include custom-property('link-02', map-get($theme, 'link-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\\n    {\\n      @include custom-property('field-01', map-get($theme, 'field-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\\n    {\\n      @include custom-property('field-02', map-get($theme, 'field-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-01', map-get($theme, 'support-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-02', map-get($theme, 'support-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-03', map-get($theme, 'support-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('support-04', map-get($theme, 'support-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-01',\\n        map-get($theme, 'inverse-support-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-02',\\n        map-get($theme, 'inverse-support-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-03',\\n        map-get($theme, 'inverse-support-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-support-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-support-04',\\n        map-get($theme, 'inverse-support-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'overlay-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\\n    {\\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\\n    {\\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\\n      @include custom-property('focus', map-get($theme, 'focus'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-focus-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-focus-ui',\\n        map-get($theme, 'inverse-focus-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary',\\n        map-get($theme, 'hover-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-primary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-primary',\\n        map-get($theme, 'active-primary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-primary-text',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-primary-text',\\n        map-get($theme, 'hover-primary-text')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-secondary',\\n        map-get($theme, 'hover-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-secondary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-secondary',\\n        map-get($theme, 'active-secondary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-tertiary',\\n        map-get($theme, 'hover-tertiary')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-tertiary',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-tertiary',\\n        map-get($theme, 'active-tertiary')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\\n    {\\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-light-ui',\\n        map-get($theme, 'hover-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'hover-selected-ui',\\n        map-get($theme, 'hover-selected-ui')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\\n    {\\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-light-ui',\\n        map-get($theme, 'active-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'selected-light-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'selected-light-ui',\\n        map-get($theme, 'selected-light-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'inverse-hover-ui',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'inverse-hover-ui',\\n        map-get($theme, 'inverse-hover-ui')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'active-danger',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'active-danger',\\n        map-get($theme, 'active-danger')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\\n    {\\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'visited-link',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'disabled-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\\n    {\\n      @include custom-property('highlight', map-get($theme, 'highlight'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'decorative-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'decorative-01',\\n        map-get($theme, 'decorative-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'button-separator',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'button-separator',\\n        map-get($theme, 'button-separator')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'skeleton-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\\n    {\\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\\n    {\\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\\n    {\\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\\n    {\\n      @include custom-property('active-01', map-get($theme, 'active-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'hover-field',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\\n      @include custom-property('danger', map-get($theme, 'danger'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'caption-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\\n    {\\n      @include custom-property('label-01', map-get($theme, 'label-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'helper-text-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'helper-text-01',\\n        map-get($theme, 'helper-text-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-01',\\n        map-get($theme, 'body-short-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-short-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'body-short-02',\\n        map-get($theme, 'body-short-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'body-long-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\\n      @include custom-property('code-01', map-get($theme, 'code-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\\n      @include custom-property('code-02', map-get($theme, 'code-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-01',\\n        map-get($theme, 'productive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-02',\\n        map-get($theme, 'productive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-03',\\n        map-get($theme, 'productive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-04',\\n        map-get($theme, 'productive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-05',\\n        map-get($theme, 'productive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-06',\\n        map-get($theme, 'productive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'productive-heading-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'productive-heading-07',\\n        map-get($theme, 'productive-heading-07')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-01',\\n        map-get($theme, 'expressive-heading-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-02',\\n        map-get($theme, 'expressive-heading-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-03',\\n        map-get($theme, 'expressive-heading-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-04',\\n        map-get($theme, 'expressive-heading-04')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-05',\\n        map-get($theme, 'expressive-heading-05')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-heading-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-heading-06',\\n        map-get($theme, 'expressive-heading-06')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'expressive-paragraph-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'expressive-paragraph-01',\\n        map-get($theme, 'expressive-paragraph-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'quotation-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-01', map-get($theme, 'display-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-02', map-get($theme, 'display-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-03', map-get($theme, 'display-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'display-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('display-04', map-get($theme, 'display-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-06',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-07',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-08',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-09',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-10',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-11',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'spacing-12',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-01',\\n        map-get($theme, 'fluid-spacing-01')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-02',\\n        map-get($theme, 'fluid-spacing-02')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-03',\\n        map-get($theme, 'fluid-spacing-03')\\n      );\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'fluid-spacing-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property(\\n        'fluid-spacing-04',\\n        map-get($theme, 'fluid-spacing-04')\\n      );\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\\n    {\\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\\n    {\\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\\n    {\\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\\n    {\\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\\n    {\\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\\n    {\\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\\n    }\\n\\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\\n    {\\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-01', map-get($theme, 'container-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-02', map-get($theme, 'container-02'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-03',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-03', map-get($theme, 'container-03'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-04',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-04', map-get($theme, 'container-04'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'container-05',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('container-05', map-get($theme, 'container-05'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-01',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\\n    }\\n\\n    @if should-emit(\\n      $theme,\\n      $parent-carbon-theme,\\n      'icon-size-02',\\n      $emit-difference\\n    )\\n    {\\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\\n    }\\n  }\\n\\n  @content;\\n\\n  // Reset to default theme after apply in content\\n  @if $carbon--theme != $parent-carbon-theme {\\n    $carbon--theme: $parent-carbon-theme !global;\\n\\n    @include carbon--theme();\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__offline-patient-sync-details-styles__productiveHeading01___i9h32\",\n\t\"productiveHeading02\": \"-esm-offline-tools__offline-patient-sync-details-styles__productiveHeading02___2LgOL\",\n\t\"productiveHeading03\": \"-esm-offline-tools__offline-patient-sync-details-styles__productiveHeading03___NjV2H\",\n\t\"productiveHeading04\": \"-esm-offline-tools__offline-patient-sync-details-styles__productiveHeading04___1Lbzo\",\n\t\"bodyShort01\": \"-esm-offline-tools__offline-patient-sync-details-styles__bodyShort01___WfMyM\",\n\t\"bodyLong01\": \"-esm-offline-tools__offline-patient-sync-details-styles__bodyLong01___PMArv\",\n\t\"label01\": \"-esm-offline-tools__offline-patient-sync-details-styles__label01___swMmz\",\n\t\"contentContainer\": \"-esm-offline-tools__offline-patient-sync-details-styles__contentContainer___3Bwv7\",\n\t\"headeredTileSection\": \"-esm-offline-tools__offline-patient-sync-details-styles__headeredTileSection___2vUd7\",\n\t\"syncedTile\": \"-esm-offline-tools__offline-patient-sync-details-styles__syncedTile___1_Pe3\",\n\t\"failedTile\": \"-esm-offline-tools__offline-patient-sync-details-styles__failedTile___2vBXa\",\n\t\"failedTileErrorMessage\": \"-esm-offline-tools__offline-patient-sync-details-styles__failedTileErrorMessage___31V4X\",\n\t\"syncedTileIcon\": \"-esm-offline-tools__offline-patient-sync-details-styles__syncedTileIcon___8OJiF\",\n\t\"failedTileIcon\": \"-esm-offline-tools__offline-patient-sync-details-styles__failedTileIcon___em-Vv\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__offline-patients-styles__productiveHeading01___3s9JE{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__offline-patients-styles__productiveHeading02___2ldxf{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__offline-patients-styles__productiveHeading03___2ECzw{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__offline-patients-styles__productiveHeading04___16-g7{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__offline-patients-styles__bodyShort01___1gyG3{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__offline-patients-styles__bodyLong01___1hmfu{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__offline-patients-styles__label01___rPz0d{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__offline-patients-styles__contentContainer___2Mido{padding:0 1rem}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/offline-patients/offline-patients.styles.scss\"],\"names\":[],\"mappings\":\"AAGA,0EC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,0ECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,0ECogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,0ECggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,kEC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,iECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,8DCofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,uEACE,cAAA\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"../root.scss\\\";\\n\\n.contentContainer {\\n  padding: 0 $spacing-05;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__offline-patients-styles__productiveHeading01___3s9JE\",\n\t\"productiveHeading02\": \"-esm-offline-tools__offline-patients-styles__productiveHeading02___2ldxf\",\n\t\"productiveHeading03\": \"-esm-offline-tools__offline-patients-styles__productiveHeading03___2ECzw\",\n\t\"productiveHeading04\": \"-esm-offline-tools__offline-patients-styles__productiveHeading04___16-g7\",\n\t\"bodyShort01\": \"-esm-offline-tools__offline-patients-styles__bodyShort01___1gyG3\",\n\t\"bodyLong01\": \"-esm-offline-tools__offline-patients-styles__bodyLong01___1hmfu\",\n\t\"label01\": \"-esm-offline-tools__offline-patients-styles__label01___rPz0d\",\n\t\"contentContainer\": \"-esm-offline-tools__offline-patients-styles__contentContainer___2Mido\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.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, \".-esm-offline-tools__root-styles__productiveHeading01___33aXU{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__root-styles__productiveHeading02___2FKyv{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__root-styles__productiveHeading03___2tMvj{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__root-styles__productiveHeading04___1oF3W{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__root-styles__bodyShort01___3XkNs{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__root-styles__bodyLong01___3rRxf{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__root-styles__label01___zj2w_{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.omrs-breakpoint-gt-tablet .-esm-offline-tools__root-styles__mainContentContainer___1MA10{margin-left:var(--omrs-sidenav-width)}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/root.scss\",\"webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss\",\"webpack://./src/root.styles.scss\"],\"names\":[],\"mappings\":\"AAGA,8DC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,8DCwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,8DCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,8DCggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,sDC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,qDCwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,kDCofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,0FACE,qCAAA\",\"sourcesContent\":[\"@import \\\"~@openmrs/esm-styleguide/src/vars\\\";\\n@import \\\"carbon-components/scss/globals/scss/typography.scss\\\";\\n\\n.productiveHeading01 {\\n  @include carbon--type-style(\\\"productive-heading-01\\\");\\n}\\n\\n.productiveHeading02 {\\n  @include carbon--type-style(\\\"productive-heading-02\\\");\\n}\\n\\n.productiveHeading03 {\\n  @include carbon--type-style(\\\"productive-heading-03\\\");\\n}\\n\\n.productiveHeading04 {\\n  @include carbon--type-style(\\\"productive-heading-04\\\");\\n}\\n\\n.bodyShort01 {\\n  @include carbon--type-style(\\\"body-short-01\\\");\\n}\\n\\n.bodyLong01 {\\n  @include carbon--type-style(\\\"body-long-01\\\");\\n}\\n\\n.label01 {\\n  @include carbon--type-style(\\\"label-01\\\");\\n}\\n\",\"//\\n// Copyright IBM Corp. 2018, 2018\\n//\\n// This source code is licensed under the Apache-2.0 license found in the\\n// LICENSE file in the root directory of this source tree.\\n//\\n\\n@import '../layout/breakpoint';\\n@import 'font-family';\\n@import 'scale';\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$caption-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$label-01: (\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$helper-text-01: (\\n  font-size: carbon--type-scale(1),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-short-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$body-long-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.5,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-01: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(1),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.34,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$code-02: (\\n  font-family: carbon--font-family('mono'),\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.43,\\n  letter-spacing: 0.32px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-01: (\\n  font-size: carbon--type-scale(2),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.29,\\n  letter-spacing: 0.16px,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-01: $heading-01 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$heading-02: (\\n  font-size: carbon--type-scale(3),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.375,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-02: $heading-02 !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  // Extra digit needed for precision in Chrome\\n  line-height: 1.199,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$productive-heading-07: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-01: map-merge(\\n  $heading-01,\\n  (\\n    line-height: 1.25,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-02: map-merge(\\n  $heading-02,\\n  (\\n    line-height: 1.5,\\n  )\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-03: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.4,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(5),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-04: (\\n  font-size: carbon--type-scale(7),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.29,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.25,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-05: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      font-weight: carbon--font-weight('light'),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-heading-06: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$expressive-paragraph-01: (\\n  font-size: carbon--type-scale(6),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.334,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    lg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n);\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-01: (\\n  font-size: carbon--type-scale(5),\\n  font-weight: carbon--font-weight('regular'),\\n  line-height: 1.3,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(5),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(6),\\n      line-height: 1.334,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(7),\\n      line-height: 1.29,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(8),\\n      line-height: 1.25,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$quotation-02: (\\n  font-size: carbon--type-scale(8),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.25,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(9),\\n      line-height: 1.22,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(10),\\n      line-height: 1.19,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(11),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(13),\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-01: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.17,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-02: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(10),\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(12),\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(13),\\n      line-height: 1.16,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(15),\\n      line-height: 1.13,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-03: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('light'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$display-04: (\\n  font-size: carbon--type-scale(10),\\n  font-weight: carbon--font-weight('semibold'),\\n  line-height: 1.19,\\n  letter-spacing: 0,\\n  breakpoints: (\\n    md: (\\n      font-size: carbon--type-scale(14),\\n      line-height: 1.15,\\n    ),\\n    lg: (\\n      font-size: carbon--type-scale(17),\\n      line-height: 1.11,\\n      letter-spacing: -0.64px,\\n    ),\\n    xlg: (\\n      font-size: carbon--type-scale(20),\\n      line-height: 1.07,\\n      letter-spacing: -0.64px,\\n    ),\\n    max: (\\n      font-size: carbon--type-scale(23),\\n      line-height: 1.05,\\n      letter-spacing: -0.96px,\\n    ),\\n  ),\\n) !default;\\n\\n/// @type Map\\n/// @access public\\n/// @group @carbon/type\\n$tokens: (\\n  caption-01: $caption-01,\\n  label-01: $label-01,\\n  helper-text-01: $helper-text-01,\\n  body-short-01: $body-short-01,\\n  body-short-02: $body-short-02,\\n  body-long-01: $body-long-01,\\n  body-long-02: $body-long-02,\\n  code-01: $code-01,\\n  code-02: $code-02,\\n  heading-01: $heading-01,\\n  heading-02: $heading-02,\\n  productive-heading-01: $productive-heading-01,\\n  productive-heading-02: $productive-heading-02,\\n  productive-heading-03: $productive-heading-03,\\n  productive-heading-04: $productive-heading-04,\\n  productive-heading-05: $productive-heading-05,\\n  productive-heading-06: $productive-heading-06,\\n  productive-heading-07: $productive-heading-07,\\n  expressive-paragraph-01: $expressive-paragraph-01,\\n  expressive-heading-01: $expressive-heading-01,\\n  expressive-heading-02: $expressive-heading-02,\\n  expressive-heading-03: $expressive-heading-03,\\n  expressive-heading-04: $expressive-heading-04,\\n  expressive-heading-05: $expressive-heading-05,\\n  expressive-heading-06: $expressive-heading-06,\\n  quotation-01: $quotation-01,\\n  quotation-02: $quotation-02,\\n  display-01: $display-01,\\n  display-02: $display-02,\\n  display-03: $display-03,\\n  display-04: $display-04,\\n);\\n\\n/// @param {Map} $map\\n/// @access public\\n/// @group @carbon/type\\n@mixin properties($map) {\\n  @each $name, $value in $map {\\n    #{$name}: $value;\\n  }\\n}\\n\\n/// @param {Number} $value - Number with units\\n/// @return {Number} Without units\\n/// @access public\\n/// @group @carbon/type\\n@function strip-unit($value) {\\n  @return $value / ($value * 0 + 1);\\n}\\n\\n/// This helper includes fluid type styles for the given token value. Fluid type\\n/// means that the `font-size` is computed using `calc()` in order to be\\n/// determined by the screen size instead of a breakpoint. As a result, fluid\\n/// styles should be used with caution in fixed width contexts.\\n///\\n/// In addition, we make use of %-based line-heights so that the line-height of\\n/// each type style is computed correctly due to the dynamic nature of the\\n/// `font-size`.\\n///\\n/// Most of the logic for this work comes from CSS Tricks:\\n/// https://css-tricks.com/snippets/css/fluid-typography/\\n///\\n/// @param {Map} $type-styles - The value of a given type token\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\\n  // Include the initial styles for the given token by default without any\\n  // media query guard. This includes `font-size` as a fallback in the case\\n  // that a browser does not support `calc()`\\n  @include properties(map-remove($type-styles, breakpoints));\\n  // We also need to include the `sm` styles by default since they don't\\n  // appear in the fluid styles for tokens\\n  @include fluid-type-size($type-styles, sm, $breakpoints);\\n\\n  // Finally, we need to go through all the breakpoints defined in the type\\n  // token and apply the properties and fluid type size for that given\\n  // breakpoint\\n  @each $name, $values in map-get($type-styles, breakpoints) {\\n    @include carbon--breakpoint($name) {\\n      @include properties($values);\\n      @include fluid-type-size($type-styles, $name, $breakpoints);\\n    }\\n  }\\n}\\n\\n/// Computes the fluid `font-size` for a given type style and breakpoint\\n/// @param {Map} $type-styles - The styles for a given token\\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\\n/// @access public\\n/// @group @carbon/type\\n@mixin fluid-type-size(\\n  $type-styles,\\n  $name,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  // Get the information about the breakpoint we're currently working in. Useful\\n  // for getting initial width information\\n  $breakpoint: map-get($breakpoints, $name);\\n\\n  // Our fluid styles are captured under the 'breakpoints' property in our type\\n  // styles map. These define what values to treat as `max-` variables below\\n  $fluid-sizes: map-get($type-styles, breakpoints);\\n  $fluid-breakpoint: ();\\n  // Special case for `sm` because the styles for small are on the type style\\n  // directly\\n  @if $name == sm {\\n    $fluid-breakpoint: map-remove($type-styles, breakpoints);\\n  } @else {\\n    $fluid-breakpoint: map-get($fluid-sizes, $name);\\n  }\\n\\n  // Initialize our font-sizes to the default size for the type style\\n  $max-font-size: map-get($type-styles, font-size);\\n  $min-font-size: map-get($type-styles, font-size);\\n  @if map-has-key($fluid-breakpoint, font-size) {\\n    $min-font-size: map-get($fluid-breakpoint, font-size);\\n  }\\n\\n  // Initialize our min and max width to the width of the current breakpoint\\n  $max-vw: map-get($breakpoint, width);\\n  $min-vw: map-get($breakpoint, width);\\n\\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\\n  // use to update `max-font-size` and `max-vw` with larger values\\n  $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\\n  $next-fluid-breakpoint-name: null;\\n\\n  // We need to figure out what the next available fluid breakpoint is for our\\n  // given $type-styles. In this loop we try and iterate through breakpoints\\n  // until we either manually set $next-breakpoint-available to null or\\n  // `breakpoint-next` returns null.\\n  @while $next-breakpoint-available {\\n    @if map-has-key($fluid-sizes, $next-breakpoint-available) {\\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\\n      $next-breakpoint-available: null;\\n    } @else {\\n      $next-breakpoint-available: carbon--breakpoint-next(\\n        $next-breakpoint-available,\\n        $breakpoints\\n      );\\n    }\\n  }\\n\\n  // If we have found the next available fluid breakpoint name, then we know\\n  // that we have values that we can use to set max-font-size and max-vw as both\\n  // values derive from the next breakpoint\\n  @if $next-fluid-breakpoint-name {\\n    $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\\n    $max-font-size: map-get(\\n      map-get($fluid-sizes, $next-fluid-breakpoint-name),\\n      font-size\\n    );\\n    $max-vw: map-get($next-fluid-breakpoint, width);\\n\\n    // prettier-ignore\\n    font-size: calc(#{$min-font-size} +\\n      #{strip-unit($max-font-size - $min-font-size)} *\\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\\n    );\\n  } @else {\\n    // Otherwise, just default to setting the font size found from the type\\n    // style or the given fluid breakpoint in the type style\\n    font-size: $min-font-size;\\n  }\\n}\\n\\n// TODO move following variable and `custom-property` mixin into shared file for\\n// both `@carbon/type` and `@carbon/themes`\\n\\n/// @access private\\n/// @group @carbon/type\\n$custom-property-prefix: 'cds' !default;\\n\\n/// @access private\\n/// @group @carbon/type\\n@mixin custom-properties($name, $value) {\\n  @each $property, $value in $value {\\n    #{$property}: var(\\n      --#{$custom-property-prefix}-#{$name}-#{$property},\\n      #{$value}\\n    );\\n  }\\n}\\n\\n/// Helper mixin to include the styles for a given token in any selector in your\\n/// project. Also includes an optional fluid option that will enable fluid\\n/// styles for the token if they are defined. Fluid styles will cause the\\n/// token's font-size to be computed based on the viewport size. As a result, use\\n/// with caution in fixed contexts.\\n/// @param {String} $name - The name of the token to get the styles for\\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\\n/// @access public\\n/// @group @carbon/type\\n@mixin carbon--type-style(\\n  $name,\\n  $fluid: false,\\n  $breakpoints: $carbon--grid-breakpoints\\n) {\\n  @if not map-has-key($tokens, $name) {\\n    @error 'Unable to find a token with the name: `#{$name}`';\\n  }\\n\\n  $token: map-get($tokens, $name);\\n\\n  // If $fluid is set to true and the token has breakpoints defined for fluid\\n  // styles, delegate to the fluid-type helper for the given token\\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\\n    @include fluid-type($token, $breakpoints);\\n  } @else {\\n    @if global-variable-exists('feature-flags') and\\n      map-get($feature-flags, 'enable-css-custom-properties')\\n    {\\n      @include custom-properties($name, $token);\\n    } @else {\\n      // Otherwise, we just include all the property declarations directly on the\\n      // selector\\n      @include properties(map-remove($token, 'breakpoints'));\\n    }\\n  }\\n}\\n\",\"@import \\\"./root.scss\\\";\\n\\n:global(.omrs-breakpoint-gt-tablet) .mainContentContainer {\\n  margin-left: var(--omrs-sidenav-width);\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-offline-tools__root-styles__productiveHeading01___33aXU\",\n\t\"productiveHeading02\": \"-esm-offline-tools__root-styles__productiveHeading02___2FKyv\",\n\t\"productiveHeading03\": \"-esm-offline-tools__root-styles__productiveHeading03___2tMvj\",\n\t\"productiveHeading04\": \"-esm-offline-tools__root-styles__productiveHeading04___1oF3W\",\n\t\"bodyShort01\": \"-esm-offline-tools__root-styles__bodyShort01___3XkNs\",\n\t\"bodyLong01\": \"-esm-offline-tools__root-styles__bodyLong01___3rRxf\",\n\t\"label01\": \"-esm-offline-tools__root-styles__label01___zj2w_\",\n\t\"mainContentContainer\": \"-esm-offline-tools__root-styles__mainContentContainer___1MA10\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","module.exports = __webpack_public_path__ + \"cbc9366c0e23bc6694d6e83197d6af9b.svg\";"],"names":["header","title","showBreadcrumbs","primaryActions","children","ExtensionSlot","extensionSlotName","className","styles","content","isLoading","SkeletonText","heading","viewLink","rest","t","useTranslation","history","useHistory","Tile","light","Button","kind","renderIcon","ArrowRight16","size","onClick","push","usePendingSyncItems","useSWR","async","db","getOfflineDb","items","syncQueue","toArray","sort","a","b","createdOn","getTime","props","data","routes","filter","x","lastError","length","useOfflinePatientDataStore","store","getOfflinePatientDataStore","useStore","downloaded","Object","values","offlinePatientDataSyncState","patientSyncState","failedHandlers","syncingHandlers","useDownloadedOfflinePatients","layout","useLayoutType","useEffect","attach","detach","SideNav","expanded","getHandlersForDisplay","identifiers","displayableHandlers","entries","handlers","_","handler","displayName","trim","map","identifier","getHandlerIdentifiersForDisplay","includes","match","patientUuid","params","syncedHandlers","errors","TableSkeleton","TableContainer","DataTableSkeleton","showToolbar","showHeader","PatientLink","patientName","Link","navigate","to","window","getOpenmrsSpaBase","filterTableRows","rowIds","headers","cellsById","inputValue","getCellId","rowId","some","key","cellId","value","filterableValue","toString","toLowerCase","disableEditing","disableDelete","onDelete","pageSize","setPageSize","useState","results","currentPage","goTo","usePagination","toolbarItemSize","undefined","rows","syncItem","i","item","patient","descriptor","name","given","join","family","getPatientName","id","toLocaleDateString","action","error","message","DataTable","filterRows","getTableProps","getHeaderProps","getRowProps","getTableContainerProps","getSelectionProps","onInputChange","selectedRows","Search","labelText","placeholder","onChange","disabled","row","count","Table","isSortable","useZebraStyles","TableHead","TableRow","TableSelectAll","TableHeader","TableBody","TableSelectRow","cells","cell","TableCell","Pagination","pageSizes","page","totalItems","src","successNotification","alt","getSyncItemsWithPatient","syncItems","patients","find","canSynchronizeOfflineActions","syncStore","getOfflineSynchronizationStore","mutate","syncItemPatients","patientUuids","uniq","Boolean","Promise","all","fetchCurrentPatient","res","useSyncItemPatients","isSynchronizing","synchronization","Renew16","runSynchronization","finally","closeModal","showModal","confirmText","cancelText","onConfirm","allSettled","ids","deleteSynchronizationItem","loadPersistedPatientDataSyncState","BrowserRouter","basename","spaBase","Route","exact","path","component","Home","OfflinePatients","OfflinePatientSyncDetails","render","___CSS_LOADER_EXPORT___","module","locals","exports"],"sourceRoot":""}