@ilo-org/react 0.21.0 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (273) hide show
  1. package/lib/cjs/_store/{Accordion-entry-C81QOLKD.js → Accordion-entry-sLsdi4JU.js} +1 -1
  2. package/lib/cjs/_store/{Breadcrumb-chunk-DkUvpxym.js → Breadcrumb-chunk-Dpfon5FR.js} +1 -1
  3. package/lib/cjs/_store/{Breadcrumb-entry-PID5wRYn.js → Breadcrumb-entry-DQSeVcnB.js} +1 -1
  4. package/lib/cjs/_store/Button-chunk-CokTsoxy.js +1 -0
  5. package/lib/cjs/_store/{Button-entry-CKgu8Gr2.js → Button-entry-q2ji7fPh.js} +1 -1
  6. package/lib/cjs/_store/{Callout-chunk-CQirdJVX.js → Callout-chunk-BiyMX8AA.js} +1 -1
  7. package/lib/cjs/_store/{Callout-entry-Dtce24cy.js → Callout-entry-CEjHmVHM.js} +1 -1
  8. package/lib/cjs/_store/Cards-entry-BI9bCwDb.js +1 -0
  9. package/lib/cjs/_store/{Checkbox-chunk-CfN7137m.js → Checkbox-chunk-CXOp0B1M.js} +1 -1
  10. package/lib/cjs/_store/{Checkbox-entry-CLjOEGyj.js → Checkbox-entry-CDJffF-S.js} +1 -1
  11. package/lib/cjs/_store/{Collapse-chunk-B3s_Bzzq.js → Collapse-chunk-CKRYA3G0.js} +1 -1
  12. package/lib/cjs/_store/{Collapse-entry-Djy1BBs6.js → Collapse-entry-oEiMF1_N.js} +1 -1
  13. package/lib/cjs/_store/{ContextMenu-chunk-Dl3-wUCt.js → ContextMenu-chunk-CV5PP4ZP.js} +1 -1
  14. package/lib/cjs/_store/{ContextMenu-entry-Bzzoi_xM.js → ContextMenu-entry-S1sQlvBa.js} +1 -1
  15. package/lib/cjs/_store/{Credit-chunk-Dts5RkwZ.js → Credit-chunk-Bq_2e0vV.js} +1 -1
  16. package/lib/cjs/_store/{Credit-entry-GjFSWiDE.js → Credit-entry-B1sd502w.js} +1 -1
  17. package/lib/cjs/_store/{DatePicker-chunk-7_96tPkC.js → DatePicker-chunk-DLQNdZTy.js} +1 -1
  18. package/lib/cjs/_store/{DatePicker-entry-P07fWcN3.js → DatePicker-entry-B0cDzJWM.js} +1 -1
  19. package/lib/cjs/_store/{Dropdown-chunk-Bn-MFT6c.js → Dropdown-chunk-D6X3VKji.js} +1 -1
  20. package/lib/cjs/_store/{Dropdown-entry-BBiYoQa0.js → Dropdown-entry-E-5OdVKI.js} +1 -1
  21. package/lib/cjs/_store/{Empty-chunk-BEqHK-KC.js → Empty-chunk-CKktJ_3i.js} +1 -1
  22. package/lib/cjs/_store/{Empty-entry-C_Q8VgpP.js → Empty-entry-B1hnrQ4n.js} +1 -1
  23. package/lib/cjs/_store/{Fieldset-chunk-C3itoJam.js → Fieldset-chunk-CvTrP5QT.js} +1 -1
  24. package/lib/cjs/_store/{Fieldset-entry-DyHl-Q8i.js → Fieldset-entry-DPJ6xQoa.js} +1 -1
  25. package/lib/cjs/_store/{FileUpload-chunk-BhGfPLEt.js → FileUpload-chunk-DlPJPvyc.js} +1 -1
  26. package/lib/cjs/_store/{FileUpload-entry-BdKRo1oJ.js → FileUpload-entry-BiYEckhy.js} +1 -1
  27. package/lib/cjs/_store/{Footer-chunk-6AdazgST.js → Footer-chunk-BCqaE1Dq.js} +1 -1
  28. package/lib/cjs/_store/{Footer-entry-D6eg1T-c.js → Footer-entry-CmKlnIL5.js} +1 -1
  29. package/lib/cjs/_store/{Form-chunk-DjDwz7DV.js → Form-chunk-DL8MLcFs.js} +1 -1
  30. package/lib/cjs/_store/{Form-entry-O0GJ5PoD.js → Form-entry-CMNhhM4w.js} +1 -1
  31. package/lib/cjs/_store/{FormControl-chunk-CxP6djqq.js → FormControl-chunk-BNLBz9W8.js} +1 -1
  32. package/lib/cjs/_store/{FormControl-entry-BgMV944-.js → FormControl-entry-prnhitGn.js} +1 -1
  33. package/lib/cjs/_store/{Heading-chunk-BJAywWmF.js → Heading-chunk-DS1MyM7Q.js} +1 -1
  34. package/lib/cjs/_store/{Heading-entry-DsqDeoiL.js → Heading-entry-C5PCouUt.js} +1 -1
  35. package/lib/cjs/_store/{Hero-chunk-B3vu8ihD.js → Hero-chunk-BjSEfAio.js} +1 -1
  36. package/lib/cjs/_store/{Hero-entry-CAssbp0C.js → Hero-entry-DBUNBWF9.js} +1 -1
  37. package/lib/cjs/_store/{HeroCard-chunk-Cdyuf9Gw.js → HeroCard-chunk-B46zJrNp.js} +1 -1
  38. package/lib/cjs/_store/{HeroCard-entry-Z_H24PlF.js → HeroCard-entry-7cI27TUI.js} +1 -1
  39. package/lib/cjs/_store/Icon-chunk-BHcmIUPN.js +1 -0
  40. package/lib/cjs/_store/{Icon-entry-DCjXkjhC.js → Icon-entry-C0wzosgA.js} +1 -1
  41. package/lib/cjs/_store/{Image-chunk-lJKSkHDC.js → Image-chunk-DhAbckHW.js} +1 -1
  42. package/lib/cjs/_store/{Image-entry-BoUSe5WL.js → Image-entry-31l4weMk.js} +1 -1
  43. package/lib/cjs/_store/{Input-chunk-DVXD2O4Z.js → Input-chunk-rOmcRlWW.js} +1 -1
  44. package/lib/cjs/_store/{Input-entry-CthONy5R.js → Input-entry-CUKpoVMa.js} +1 -1
  45. package/lib/cjs/_store/{LanguageToggle-chunk-CrtaBUlW.js → LanguageToggle-chunk-DreFwEfC.js} +1 -1
  46. package/lib/cjs/_store/{LanguageToggle-entry-CHgP8iuU.js → LanguageToggle-entry-B505b9cv.js} +1 -1
  47. package/lib/cjs/_store/{Link-chunk-BfaKuVjz.js → Link-chunk-CKS-N_wg.js} +1 -1
  48. package/lib/cjs/_store/{Link-entry-BvkC504w.js → Link-entry-D8uXwW9Z.js} +1 -1
  49. package/lib/cjs/_store/{LinkList-chunk-Eu43ZSAZ.js → LinkList-chunk-CKqhpf3F.js} +1 -1
  50. package/lib/cjs/_store/{LinkList-entry-CUlAuyeY.js → LinkList-entry-C74cWayD.js} +1 -1
  51. package/lib/cjs/_store/{List-entry-DzqbzyL4.js → List-entry-CeX6di4c.js} +1 -1
  52. package/lib/cjs/_store/{Loading-chunk-C9rx8cqr.js → Loading-chunk-F3eMVq0d.js} +1 -1
  53. package/lib/cjs/_store/{Loading-entry-CwPEKM50.js → Loading-entry-CDfcIcOE.js} +1 -1
  54. package/lib/cjs/_store/{Logo-entry-Dit3r-4I.js → Logo-entry-BEoUtYzV.js} +1 -1
  55. package/lib/cjs/_store/{LogoGrid-entry-DFwMU9Hk.js → LogoGrid-entry-DPQVwH5F.js} +1 -1
  56. package/lib/cjs/_store/{Nav-entry-BxYm9ulI.js → Nav-entry-DQ-dPYwI.js} +1 -1
  57. package/lib/cjs/_store/{Notification-chunk-Cby6Dnh1.js → Notification-chunk-BwzJpALY.js} +1 -1
  58. package/lib/cjs/_store/{Notification-entry-RCqY6YnO.js → Notification-entry-DRCeFTSw.js} +1 -1
  59. package/lib/cjs/_store/{NumberPicker-chunk-CjEYQYj0.js → NumberPicker-chunk-DaudB3Ac.js} +1 -1
  60. package/lib/cjs/_store/{NumberPicker-entry-DQGcCMGe.js → NumberPicker-entry-D0BDLkiH.js} +1 -1
  61. package/lib/cjs/_store/{Pagination-chunk-4zp3hOFL.js → Pagination-chunk-BWrRU1TQ.js} +1 -1
  62. package/lib/cjs/_store/{Pagination-entry-eS2pFOuY.js → Pagination-entry-DpI29ozC.js} +1 -1
  63. package/lib/cjs/_store/Picture-chunk-BuGEvlEM.js +1 -0
  64. package/lib/cjs/_store/Picture-entry-Tfghdpbh.js +1 -0
  65. package/lib/cjs/_store/{Profile-chunk-D1tXXPUO.js → Profile-chunk-DTBv0UYf.js} +1 -1
  66. package/lib/cjs/_store/{Profile-entry-B6vm7ggs.js → Profile-entry-Czw9qVOu.js} +1 -1
  67. package/lib/cjs/_store/{Radio-chunk-LFOxcvur.js → Radio-chunk-BicmWom0.js} +1 -1
  68. package/lib/cjs/_store/{Radio-entry-BmJSr7Sk.js → Radio-entry-BVvmFmuC.js} +1 -1
  69. package/lib/cjs/_store/{ReadMore-chunk-BQvY4016.js → ReadMore-chunk-C3lpnW_Y.js} +1 -1
  70. package/lib/cjs/_store/{ReadMore-entry-oYGJDJYJ.js → ReadMore-entry-42uLwecc.js} +1 -1
  71. package/lib/cjs/_store/{RichText-chunk-ZamwF4QL.js → RichText-chunk-5CtXJDJs.js} +1 -1
  72. package/lib/cjs/_store/{RichText-entry-C7Fzr9VS.js → RichText-entry-BgTRDUlO.js} +1 -1
  73. package/lib/cjs/_store/ScoreCard-chunk-D5osH7jS.js +1 -0
  74. package/lib/cjs/_store/{SearchField-chunk-uIkdwz2L.js → SearchField-chunk-reX0PGt-.js} +1 -1
  75. package/lib/cjs/_store/{SearchField-entry-3sd9miiq.js → SearchField-entry-ETUNcjde.js} +1 -1
  76. package/lib/cjs/_store/{SocialMedia-chunk-BbnrRkts.js → SocialMedia-chunk-BOUSX1QA.js} +1 -1
  77. package/lib/cjs/_store/{SocialMedia-entry-D5GkSSA8.js → SocialMedia-entry-Dee-mqye.js} +1 -1
  78. package/lib/cjs/_store/Status-chunk-BE2gtI8L.js +1 -0
  79. package/lib/cjs/_store/Status-entry-ClF_flCQ.js +1 -0
  80. package/lib/cjs/_store/{SubsiteNav-chunk-BphCnfvs.js → SubsiteNav-chunk-RY341cRy.js} +1 -1
  81. package/lib/cjs/_store/{TableOfContents-chunk-DcLMEr2i.js → TableOfContents-chunk-DNZmLsBO.js} +1 -1
  82. package/lib/cjs/_store/TableOfContents-entry-DldKqhCS.js +1 -0
  83. package/lib/cjs/_store/{Tabs-chunk-C2PIPQgI.js → Tabs-chunk-C-aLj5uU.js} +1 -1
  84. package/lib/cjs/_store/{Tabs-entry-Bicz4Q2A.js → Tabs-entry-CxH_eRYV.js} +1 -1
  85. package/lib/cjs/_store/{Tag-chunk-DUz8ZjA1.js → Tag-chunk-BiK5vLyb.js} +1 -1
  86. package/lib/cjs/_store/{Tag-entry-D8aAuglc.js → Tag-entry-DOiYbKO0.js} +1 -1
  87. package/lib/cjs/_store/{TextInput-entry-BOVt2TDi.js → TextInput-entry-CxpI-U2s.js} +1 -1
  88. package/lib/cjs/_store/{Textarea-chunk-B13VaFl6.js → Textarea-chunk-BSiQeDkv.js} +1 -1
  89. package/lib/cjs/_store/{Textarea-entry-Byp4EYD1.js → Textarea-entry-b6BZtXOs.js} +1 -1
  90. package/lib/cjs/_store/{Toggle-entry-BZ_sk4pV.js → Toggle-entry-bQAV73BT.js} +1 -1
  91. package/lib/cjs/_store/{Tooltip-chunk-Ca67o441.js → Tooltip-chunk-CtqZrU-C.js} +1 -1
  92. package/lib/cjs/_store/{Tooltip-entry-BlOyvu7-.js → Tooltip-entry-I3t7l_pa.js} +1 -1
  93. package/lib/cjs/_store/{Video-chunk-BIJvoxjg.js → Video-chunk-zrjGDyVx.js} +23 -23
  94. package/lib/cjs/_store/{Video-entry-CmzlnrTO.js → Video-entry-BSRov0lN.js} +1 -1
  95. package/lib/cjs/_store/components-entry-BMCPa97n.js +1 -0
  96. package/lib/cjs/_store/index-chunk-D921N0ug.js +5 -0
  97. package/lib/cjs/_store/{index-chunk-CV1afBzr.js → index-chunk-YuJJcDLC.js} +5 -5
  98. package/lib/cjs/index.js +1 -1
  99. package/lib/esm/_store/{Accordion-entry-B-0bgUhR.js → Accordion-entry-_yx7RCBR.js} +1 -1
  100. package/lib/esm/_store/{Breadcrumb-chunk-DcupgWDR.js → Breadcrumb-chunk-ZEo7Ka2o.js} +2 -2
  101. package/lib/esm/_store/Breadcrumb-entry-ZyeMKLVb.js +4 -0
  102. package/lib/esm/_store/Button-chunk-DCZkIGJ6.js +62 -0
  103. package/lib/esm/_store/Button-entry-DiQ9I3X3.js +4 -0
  104. package/lib/esm/_store/{Callout-chunk-C7nmBZcD.js → Callout-chunk-CGT1PVgG.js} +2 -2
  105. package/lib/esm/_store/Callout-entry-5fKo-9i9.js +4 -0
  106. package/lib/esm/_store/Cards-entry-IKpjlhI9.js +13 -0
  107. package/lib/esm/_store/{Checkbox-chunk-CdjFGjiG.js → Checkbox-chunk-BenQl3Iv.js} +3 -3
  108. package/lib/esm/_store/{Checkbox-entry-4xxjRXFu.js → Checkbox-entry-W4ddWzIw.js} +1 -1
  109. package/lib/esm/_store/{Collapse-chunk-CyOyOA2s.js → Collapse-chunk-CmdtLTLr.js} +2 -2
  110. package/lib/esm/_store/Collapse-entry-Km23zOlW.js +4 -0
  111. package/lib/esm/_store/{ContextMenu-chunk-D-riZIFp.js → ContextMenu-chunk-Cpvg1njq.js} +1 -1
  112. package/lib/esm/_store/ContextMenu-entry-B2sVLXEp.js +4 -0
  113. package/lib/esm/_store/{Credit-chunk-BjaAFul8.js → Credit-chunk-BbPgrJwx.js} +1 -1
  114. package/lib/esm/_store/Credit-entry-CcRhizZS.js +4 -0
  115. package/lib/esm/_store/{DatePicker-chunk-BoTriI-e.js → DatePicker-chunk-DUev-9W3.js} +2 -2
  116. package/lib/esm/_store/DatePicker-entry-Dqwjek8e.js +4 -0
  117. package/lib/esm/_store/{Dropdown-chunk-DxXjnNBq.js → Dropdown-chunk-CK_0IIHi.js} +2 -2
  118. package/lib/esm/_store/Dropdown-entry-C4f6igx4.js +4 -0
  119. package/lib/esm/_store/{Empty-chunk-UEm5zVbe.js → Empty-chunk-zVJu0kg_.js} +1 -1
  120. package/lib/esm/_store/Empty-entry-yN-RVIsV.js +4 -0
  121. package/lib/esm/_store/{Fieldset-chunk-udvv8dML.js → Fieldset-chunk-Da7r0DcB.js} +2 -2
  122. package/lib/esm/_store/Fieldset-entry-BRmly6_m.js +4 -0
  123. package/lib/esm/_store/{FileUpload-chunk-Cdl4F5zH.js → FileUpload-chunk-B4fvqtcP.js} +2 -2
  124. package/lib/esm/_store/FileUpload-entry-B9lbD-ZU.js +4 -0
  125. package/lib/esm/_store/{Footer-chunk-mcaEIXdt.js → Footer-chunk-Vk_nAFn8.js} +4 -4
  126. package/lib/esm/_store/Footer-entry-7oki1awr.js +4 -0
  127. package/lib/esm/_store/{Form-chunk-1a4awKWi.js → Form-chunk-DpYpOlyj.js} +1 -1
  128. package/lib/esm/_store/{Form-entry-DhZ3WiWW.js → Form-entry-DgHdz2JR.js} +1 -1
  129. package/lib/esm/_store/{FormControl-chunk-C2LR6MBZ.js → FormControl-chunk-zWLG-KTX.js} +2 -2
  130. package/lib/esm/_store/FormControl-entry-r3nOM-gu.js +4 -0
  131. package/lib/esm/_store/{Heading-chunk-CFEDmQeQ.js → Heading-chunk-B2hvi5JD.js} +1 -1
  132. package/lib/esm/_store/Heading-entry-BmHa07g5.js +4 -0
  133. package/lib/esm/_store/{Hero-chunk-C1gFHcIP.js → Hero-chunk-CQ68vNQL.js} +4 -4
  134. package/lib/esm/_store/Hero-entry-RvOpiPC1.js +4 -0
  135. package/lib/esm/_store/{HeroCard-chunk-3mxIZYwU.js → HeroCard-chunk-Do0gQFBW.js} +2 -2
  136. package/lib/esm/_store/HeroCard-entry-CNDSS1iZ.js +4 -0
  137. package/lib/esm/_store/{Icon-chunk-BE5t6PqR.js → Icon-chunk-Px0lCAcE.js} +987 -977
  138. package/lib/esm/_store/Icon-entry-BzAZGPlA.js +4 -0
  139. package/lib/esm/_store/{Image-chunk-DGh-6cxv.js → Image-chunk-B-uJHhuV.js} +2 -2
  140. package/lib/esm/_store/Image-entry-Bd-bP58f.js +4 -0
  141. package/lib/esm/_store/{Input-chunk-DT_YEVSQ.js → Input-chunk-C_w4yxVo.js} +2 -2
  142. package/lib/esm/_store/Input-entry-DCdpIYYL.js +4 -0
  143. package/lib/esm/_store/{LanguageToggle-chunk-CsayoJqR.js → LanguageToggle-chunk-oq_4fXKB.js} +2 -2
  144. package/lib/esm/_store/LanguageToggle-entry-B-Wf5i03.js +4 -0
  145. package/lib/esm/_store/{Link-chunk-CKAMN_c4.js → Link-chunk-CDEaQUk8.js} +1 -1
  146. package/lib/esm/_store/Link-entry-CFHoxcpG.js +4 -0
  147. package/lib/esm/_store/{LinkList-chunk-BM5BTk9m.js → LinkList-chunk-CMl5wQuU.js} +1 -1
  148. package/lib/esm/_store/LinkList-entry-C_ubaDsT.js +4 -0
  149. package/lib/esm/_store/{List-entry-XHat7PmC.js → List-entry-Bk7Xh8iL.js} +1 -1
  150. package/lib/esm/_store/{Loading-chunk-BIJLAqk6.js → Loading-chunk-BkDbjtxa.js} +1 -1
  151. package/lib/esm/_store/Loading-entry-BDUDLAc_.js +4 -0
  152. package/lib/esm/_store/{Logo-entry-sjwkMeb-.js → Logo-entry-BEAAxMP-.js} +1 -1
  153. package/lib/esm/_store/{LogoGrid-entry-DN-ZIG91.js → LogoGrid-entry-DphSnG4l.js} +1 -1
  154. package/lib/esm/_store/Nav-entry-CwRmDjpp.js +4 -0
  155. package/lib/esm/_store/{Notification-chunk-BYrbd5f9.js → Notification-chunk-DeiHX_90.js} +2 -2
  156. package/lib/esm/_store/Notification-entry-3qWMN7h5.js +4 -0
  157. package/lib/esm/_store/{NumberPicker-chunk-Z_TIIuxb.js → NumberPicker-chunk-CEPk6CYo.js} +2 -2
  158. package/lib/esm/_store/NumberPicker-entry-D_RKD_yq.js +4 -0
  159. package/lib/esm/_store/{Pagination-chunk-Ci7qN6no.js → Pagination-chunk-C67NAzxY.js} +1 -1
  160. package/lib/esm/_store/Pagination-entry-CW57P0ak.js +4 -0
  161. package/lib/esm/_store/Picture-chunk-DdkL7cpS.js +33 -0
  162. package/lib/esm/_store/Picture-entry-DCeCjlMu.js +4 -0
  163. package/lib/esm/_store/{Profile-chunk-Tpvzafuk.js → Profile-chunk-C1G_0pBq.js} +1 -1
  164. package/lib/esm/_store/Profile-entry-BKM07pwa.js +4 -0
  165. package/lib/esm/_store/{Radio-chunk-DDMoE7Le.js → Radio-chunk-CNUmitDm.js} +3 -3
  166. package/lib/esm/_store/{Radio-entry-BzlGsY14.js → Radio-entry-DSEQl0wV.js} +1 -1
  167. package/lib/esm/_store/{ReadMore-chunk-DoptEIE4.js → ReadMore-chunk-Ds9csoRK.js} +2 -2
  168. package/lib/esm/_store/ReadMore-entry-BZURjhpk.js +4 -0
  169. package/lib/esm/_store/{RichText-chunk-BOMiyuNR.js → RichText-chunk-fYV7PMZd.js} +1 -1
  170. package/lib/esm/_store/RichText-entry-KLPtZ_Qa.js +4 -0
  171. package/lib/esm/_store/ScoreCard-chunk-CJo1b_d1.js +461 -0
  172. package/lib/esm/_store/{SearchField-chunk-D-S-SV-o.js → SearchField-chunk-D5N-Bw85.js} +3 -3
  173. package/lib/esm/_store/SearchField-entry-DlBYQbzK.js +4 -0
  174. package/lib/esm/_store/{SocialMedia-chunk-BP6TBNEf.js → SocialMedia-chunk-B5Qz7-GU.js} +1 -1
  175. package/lib/esm/_store/{SocialMedia-entry-C60BCp7g.js → SocialMedia-entry-3-Gkbrh7.js} +1 -1
  176. package/lib/esm/_store/Status-chunk-D4C21wjx.js +16 -0
  177. package/lib/esm/_store/Status-entry-DsvANE5f.js +4 -0
  178. package/lib/esm/_store/{SubsiteNav-chunk-C97AqH9F.js → SubsiteNav-chunk-CQ4VA0_e.js} +2 -2
  179. package/lib/esm/_store/{TableOfContents-chunk-BXnS8D2s.js → TableOfContents-chunk-DhH7YZym.js} +1 -1
  180. package/lib/esm/_store/TableOfContents-entry-Do6SrZKs.js +4 -0
  181. package/lib/esm/_store/{Tabs-chunk-C6iAood1.js → Tabs-chunk-CE8s7GN2.js} +2 -2
  182. package/lib/esm/_store/Tabs-entry-C3OPVTKF.js +4 -0
  183. package/lib/esm/_store/{Tag-chunk-DRiFjL6-.js → Tag-chunk-BGYv0Clj.js} +2 -2
  184. package/lib/esm/_store/{Tag-entry-D_EdPheu.js → Tag-entry-CxiuLyC_.js} +3 -3
  185. package/lib/esm/_store/{TextInput-entry-DIPdoofw.js → TextInput-entry-DTObtsRs.js} +2 -2
  186. package/lib/esm/_store/{Textarea-chunk-ClZt7jmS.js → Textarea-chunk-CM9RA52l.js} +2 -2
  187. package/lib/esm/_store/{Textarea-entry-BvVP8AXU.js → Textarea-entry-DEAnQFxG.js} +1 -1
  188. package/lib/esm/_store/{Toggle-entry-q2VLr4yf.js → Toggle-entry-BsNlaPOZ.js} +2 -2
  189. package/lib/esm/_store/{Tooltip-chunk-EJOnwIYn.js → Tooltip-chunk-mysDr7Zr.js} +1 -1
  190. package/lib/esm/_store/Tooltip-entry-BNR-Qw3y.js +4 -0
  191. package/lib/esm/_store/{Video-chunk-DAqwWSGg.js → Video-chunk-5NqETuKl.js} +3 -4
  192. package/lib/esm/_store/Video-entry-BR9-Z6Qp.js +4 -0
  193. package/lib/esm/_store/components-entry-B_dgsx-k.js +97 -0
  194. package/lib/esm/_store/index-chunk-CY3PQDr4.js +65 -0
  195. package/lib/esm/_store/{index-chunk-BNwl8BvE.js → index-chunk-DsIu1kyr.js} +1 -1
  196. package/lib/esm/index.js +60 -59
  197. package/lib/styles/components/button.css +1 -1
  198. package/lib/styles/components/card.css +1 -1
  199. package/lib/styles/components/datacard.css +1 -1
  200. package/lib/styles/components/detailcard.css +1 -1
  201. package/lib/styles/components/featurecard.css +1 -1
  202. package/lib/styles/components/multilinkcard.css +1 -1
  203. package/lib/styles/components/profile.css +1 -1
  204. package/lib/styles/components/scorecard.css +1 -0
  205. package/lib/styles/components/status.css +1 -0
  206. package/lib/styles/components/tag.css +1 -1
  207. package/lib/styles/components/textcard.css +1 -1
  208. package/lib/styles/global.css +1 -1
  209. package/lib/styles/global.css.map +1 -1
  210. package/lib/styles/index.css +2 -2
  211. package/lib/styles/index.css.map +1 -1
  212. package/lib/styles/monorepo.css +2 -2
  213. package/lib/styles/monorepo.css.map +1 -1
  214. package/lib/types/components/Button/Button.d.ts +19 -10
  215. package/lib/types/components/Cards/ScoreCard.d.ts +60 -0
  216. package/lib/types/components/Cards/index.d.ts +1 -0
  217. package/lib/types/components/Icon/Icon.props.d.ts +15 -2
  218. package/lib/types/components/Icon/index.d.ts +1 -0
  219. package/lib/types/components/Image/index.d.ts +1 -0
  220. package/lib/types/components/Picture/Picture.d.ts +18 -0
  221. package/lib/types/components/Picture/index.d.ts +2 -0
  222. package/lib/types/components/Status/Status.d.ts +20 -0
  223. package/lib/types/components/Status/index.d.ts +2 -0
  224. package/package.json +7 -7
  225. package/lib/cjs/_store/Button-chunk-D32W9ElW.js +0 -1
  226. package/lib/cjs/_store/CardGroup-chunk-C_EtI9iK.js +0 -1
  227. package/lib/cjs/_store/Cards-entry-C_9kqjEx.js +0 -1
  228. package/lib/cjs/_store/Icon-chunk-Dej6jVSI.js +0 -1
  229. package/lib/cjs/_store/TableOfContents-entry-DrMc0kJL.js +0 -1
  230. package/lib/cjs/_store/_commonjsHelpers-chunk-DwTZ_eVU.js +0 -1
  231. package/lib/cjs/_store/components-entry-BU_6L6id.js +0 -1
  232. package/lib/cjs/_store/index-chunk-DCI82Tmm.js +0 -5
  233. package/lib/esm/_store/Breadcrumb-entry-1SOUCUgD.js +0 -4
  234. package/lib/esm/_store/Button-chunk-BlSnS8yQ.js +0 -60
  235. package/lib/esm/_store/Button-entry-ee89gQMg.js +0 -4
  236. package/lib/esm/_store/Callout-entry-CnD2XuMo.js +0 -4
  237. package/lib/esm/_store/CardGroup-chunk-BykGdrCT.js +0 -425
  238. package/lib/esm/_store/Cards-entry-DjtBPvwt.js +0 -12
  239. package/lib/esm/_store/Collapse-entry-C1uibEt8.js +0 -4
  240. package/lib/esm/_store/ContextMenu-entry-BN-vEJes.js +0 -4
  241. package/lib/esm/_store/Credit-entry-BGow5bDT.js +0 -4
  242. package/lib/esm/_store/DatePicker-entry-B5aB0CYY.js +0 -4
  243. package/lib/esm/_store/Dropdown-entry-CdssOqL2.js +0 -4
  244. package/lib/esm/_store/Empty-entry-BuwyDmF5.js +0 -4
  245. package/lib/esm/_store/Fieldset-entry--0tR2-K1.js +0 -4
  246. package/lib/esm/_store/FileUpload-entry-B0SbE0sW.js +0 -4
  247. package/lib/esm/_store/Footer-entry-BOC16qVW.js +0 -4
  248. package/lib/esm/_store/FormControl-entry-Dy_NPcKM.js +0 -4
  249. package/lib/esm/_store/Heading-entry-CTotrXWW.js +0 -4
  250. package/lib/esm/_store/Hero-entry-DWpRL6uz.js +0 -4
  251. package/lib/esm/_store/HeroCard-entry-D0SDv0dt.js +0 -4
  252. package/lib/esm/_store/Icon-entry-CzaGrGSM.js +0 -4
  253. package/lib/esm/_store/Image-entry-BIEmEw0G.js +0 -4
  254. package/lib/esm/_store/Input-entry-Dt6Qaxj6.js +0 -4
  255. package/lib/esm/_store/LanguageToggle-entry-D3t_X2Qk.js +0 -4
  256. package/lib/esm/_store/Link-entry-BOoBMNWv.js +0 -4
  257. package/lib/esm/_store/LinkList-entry-mR4xR8Bg.js +0 -4
  258. package/lib/esm/_store/Loading-entry-84g0sHXB.js +0 -4
  259. package/lib/esm/_store/Nav-entry-CsQzrNK7.js +0 -4
  260. package/lib/esm/_store/Notification-entry-S8DjBxLM.js +0 -4
  261. package/lib/esm/_store/NumberPicker-entry-BaKtr4-S.js +0 -4
  262. package/lib/esm/_store/Pagination-entry-CM2xRx7F.js +0 -4
  263. package/lib/esm/_store/Profile-entry-ukgxaZNZ.js +0 -4
  264. package/lib/esm/_store/ReadMore-entry-DuzFfWne.js +0 -4
  265. package/lib/esm/_store/RichText-entry-BfHki79h.js +0 -4
  266. package/lib/esm/_store/SearchField-entry-z8Lw_Sko.js +0 -4
  267. package/lib/esm/_store/TableOfContents-entry-DHXKt1NR.js +0 -4
  268. package/lib/esm/_store/Tabs-entry-Di-TeLEj.js +0 -4
  269. package/lib/esm/_store/Tooltip-entry-Dz5aVKCZ.js +0 -4
  270. package/lib/esm/_store/Video-entry-11ar9TYk.js +0 -4
  271. package/lib/esm/_store/_commonjsHelpers-chunk-BkfeUUK-.js +0 -28
  272. package/lib/esm/_store/components-entry-COAKlxYx.js +0 -96
  273. package/lib/esm/_store/index-chunk-0LeqwHm8.js +0 -40
package/lib/styles/global.css CHANGED
@@ -1,2 +1,2 @@
1
- @charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(30, 45, 190, 0.4);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale))}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
1
+ @charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(30, 45, 190, 0.4);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale))}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
2
2
  /*# sourceMappingURL=global.css.map */
package/lib/styles/global.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["_reset.scss","theme/_typography.scss","theme/_foundation.scss","_typography.scss","../node_modules/@ilo-org/themes/build/scss/_tokens.scss"],"names":[],"mappings":"iBAMA,EAAA,QAAA,SAGE,WAAA,WAGF,QAAA,WAAA,KAAA,GAAA,SAAA,OAAA,KAAA,OAAA,OAAA,GAAA,OAAA,EAAA,IAAA,MAAA,GAeE,OAAA,EACA,QAAA,EACA,OAAA,EAGF,GAAA,GAAA,GAAA,GAAA,GAAA,GAME,OAAA,EACA,UAAA,QACA,YAAA,QAGF,QAAA,MAAA,QAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QAWE,QAAA,MAGF,KACE,YAAA,EAGF,GACE,WAAA,KAGF,MACE,aAAA,QACA,gBAAA,SACA,eAAA,EAGF,GAAA,GAEE,eAAA,IACA,QAAA,EAGF,GACE,WAAA,KACA,YAAA,IAGF,OAAA,MAAA,SAAA,OAAA,SAKE,mBAAA,KACA,WAAA,KACA,eAAA,OACA,MAAA,QACA,KAAA,QACA,WAAA,IACA,QAAA,EACA,OAAA,EACA,cAAA,EACA,WAAA,QACA,eAAA,QAGF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QACA,iBAAA,IACA,OAAA,EACA,MAAA,KACA,MAAA,QAGF,SACE,SAAA,KAGF,OACE,mBAAA,KACA,gBAAA,KAKF,6CACE,IACE,KAAA,YC3HJ,MAEE,oBAAA,QAAA,CAAA,KAAA,IAAA,CAAA,WAGA,uBAAA,SAAA,EAAA,CAAA,UAAA,KAAA,CAAA,IAAA,CAAA,WACA,uBAAA,KAAA,KAAA,IAAA,EAAA,CAAA,GAAA,MAAA,CAAA,SAAA,IAAA,CAAA,YAAA,CAAA,WAIA,iBAAA,KAAA,IAAA,CAAA,WAGA,oBAAA,SAAA,EAAA,CAAA,UAAA,KAAA,CAAA,IAAA,CAAA,WACA,oBAAA,KAAA,KAAA,IAAA,EAAA,CAAA,GAAA,MAAA,CAAA,SAAA,IAAA,CAAA,YAAA,CAAA,WAGA,sBAAA,UACA,kBAAA,KAGA,qBAAA,gBACA,oBAAA,gBACA,mBAAA,gBACA,mBAAA,gBACA,mBAAA,gBACA,oBAAA,gBACA,qBAAA,gBACA,qBAAA,gBACA,qBAAA,gBACA,qBAAA,gBAGA,wBAAA,IACA,0BAAA,IACA,yBAAA,IACA,uBAAA,IAGA,sBAAA,KACA,qBAAA,IACA,qBAAA,KACA,qBAAA,IACA,sBAAA,KACA,uBAAA,KACA,uBAAA,IAGA,yBAAA,MACA,wBAAA,IACA,wBAAA,EACA,wBAAA,GC/CF,MACE,YAAA,EAKA,kBAAA,uBACA,iBAAA,qBACA,yBAAA,uBACA,uBAAA,uBACA,sBAAA,mBACA,wBAAA,uBACA,sBAAA,uBACA,2BAAA,qBACA,0BAAA,oBACA,4BAAA,uBACA,uBAAA,uBACA,wCAAA,0BACA,sBAAA,uBACA,gBAAA,qBACA,sBAAA,uBACA,qBAAA,qBACA,qBAAA,uBACA,mBAAA,sBACA,yBAAA,uBACA,wBAAA,wBACA,kBAAA,uBACA,wBAAA,uBACA,uBAAA,yBACA,sBAAA,qBACA,mBAAA,qBAEA,oCAAA,qBACA,mCAAA,sBACA,sCAAA,uBACA,sCAAA,wBACA,+BAAA,uBACA,8BAAA,sBACA,iCAAA,4BACA,6BAAA,8BACA,6BAAA,uBAEA,4BAAA,2BACA,0BAAA,sBACA,2BAAA,sBACA,0BAAA,wBAKA,oBAAA,MACA,oBAAA,MACA,oBAAA,MACA,oBAAA,OACA,oBAAA,OACA,qBAAA,OACA,oBAAA,yCAMA,qBAAA,yCACA,oBAAA,yCACA,mBAAA,yCACA,mBAAA,wCACA,mBAAA,yCACA,oBAAA,yCACA,qBAAA,yCACA,qBAAA,yCACA,qBAAA,yCACA,qBAAA,yCAKA,0BAAA,IACA,uBAAA,IAKA,sBAAA,KACA,qBAAA,KACA,qBAAA,KACA,qBAAA,KACA,sBAAA,KACA,uBAAA,KACA,uBAAA,KAKA,yBAAA,MACA,wBAAA,IACA,wBAAA,EACA,wBAAA,GAKA,mBAAA,yCAKA,0BAAA,MACA,iCAAA,SAKA,gBAAA,yCACA,gBAAA,yCACA,gBAAA,yCACA,gBAAA,yCC9GF,KAAA,KAEE,MCegB,QDdhB,YAAA,sBACA,UAAA,QACA,YAAA,QACA,eCqoByB,ODpoBzB,uBAAA,YAGF,GAAA,GAAA,GAAA,GAAA,GAME,YAAA,yBAIF,eACE,oBAAA,4BACA,iBAAA,yBAIF,eACE,oBAAA,4BACA,iBAAA","file":"global.css","sourcesContent":["/**\n* This file is an opinionated reset that is based on https://nicolas-cusan.github.io/destyle.css/\n* it aims to provide a clean layer for styling, the reset should be used with normalize.css in order to create\n* a normalized base\n**/\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nbody,\np,\ntable,\nblockquote,\naddress,\npre,\niframe,\nform,\nfigure,\ndl,\nul,\nol,\nfieldset,\noption,\nlegend {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nul {\n list-style: none;\n}\n\ntable {\n border-color: inherit;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n vertical-align: top;\n padding: 0;\n}\n\nth {\n text-align: left;\n font-weight: bold;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n -webkit-appearance: none;\n appearance: none;\n vertical-align: middle;\n color: inherit;\n font: inherit;\n background: transparent;\n padding: 0;\n margin: 0;\n border-radius: 0;\n text-align: inherit;\n text-transform: inherit;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n border-top-width: 1px;\n margin: 0;\n clear: both;\n color: inherit;\n}\n\ntextarea {\n overflow: auto;\n}\n\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n@media screen and (-ms-high-contrast: active) {\n svg {\n fill: ButtonText;\n }\n}\n",":root {\n // Display Font Families\n --ilo-fonts-display: Overpass, Noto Sans, sans-serif;\n\n // Chinese and Japanese system fonts\n --ilo-fonts-display-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-display-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans,\n TakaoPGothic, sans-serif;\n\n // Copy font families\n --ilo-fonts-copy: Noto Sans, sans-serif;\n\n // Chinese and Japanese system fonts\n --ilo-fonts-copy-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-copy-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans, TakaoPGothic,\n sans-serif;\n\n --ilo-fonts-monospace: monospace;\n --ilo-line-height: 1.46;\n\n // Font Sizes\n --ilo-font-size-2xsm: px-to-rem(10px);\n --ilo-font-size-xsm: px-to-rem(12px);\n --ilo-font-size-sm: px-to-rem(14px);\n --ilo-font-size-md: px-to-rem(16px);\n --ilo-font-size-lg: px-to-rem(18px);\n --ilo-font-size-xlg: px-to-rem(24px);\n --ilo-font-size-2xlg: px-to-rem(28px);\n --ilo-font-size-3xlg: px-to-rem(32px);\n --ilo-font-size-4xlg: px-to-rem(36px);\n --ilo-font-size-5xlg: px-to-rem(44px);\n\n // Font Weight\n --ilo-font-weight-light: 300;\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n // Line Height\n --ilo-line-height-xsm: 1.15;\n --ilo-line-height-sm: 1.2;\n --ilo-line-height-md: 1.25;\n --ilo-line-height-lg: 1.3;\n --ilo-line-height-xlg: 1.35;\n --ilo-line-height-2xlg: 1.45;\n --ilo-line-height-3xlg: 1.5;\n\n // Letter Spacing\n --ilo-letter-spacing-xsm: -3.5%;\n --ilo-letter-spacing-sm: -2%;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 2%;\n}\n","@use \"../functions\" as *;\n@use \"./breakpoints\" as *;\n@use \"./typography\" as *;\n\n:root {\n --ilo-scale: 1; // default scale for the design system\n\n /**\n * Colors\n */\n --ilo-color-white: rgba(255, 255, 255, 1);\n --ilo-color-blue: rgba(30, 45, 190, 1);\n --ilo-color-blue-lighter: rgba(235, 245, 253, 1);\n --ilo-color-blue-light: rgba(190, 220, 250, 1);\n --ilo-color-blue-dark: rgba(35, 0, 80, 1);\n --ilo-color-blue-medium: rgba(210, 213, 242, 1);\n --ilo-color-blue-ramp: rgba(30, 45, 190, 0.4);\n --ilo-color-blue-dark-ramp: rgba(35, 0, 80, 0.5);\n --ilo-color-gray-charcoal: rgba(45, 45, 45, 1);\n --ilo-color-gray-accessible: rgba(109, 109, 109, 1);\n --ilo-color-gray-light: rgba(237, 240, 242, 1);\n --ilo-color-gray-light-semi-transparent: rgba(237, 240, 242, 0.25);\n --ilo-color-gray-base: rgba(184, 196, 204, 1);\n --ilo-color-red: rgba(250, 60, 75, 1);\n --ilo-color-red-light: rgba(254, 216, 219, 1);\n --ilo-color-red-dark: rgba(200, 48, 60, 1);\n --ilo-color-red-ramp: rgba(250, 60, 75, 0.2);\n --ilo-color-yellow: rgba(255, 205, 45, 1);\n --ilo-color-yellow-light: rgba(255, 245, 200, 1);\n --ilo-color-yellow-ramp: rgba(255, 205, 45, 0.2);\n --ilo-color-green: rgba(140, 225, 100, 1);\n --ilo-color-green-light: rgba(232, 249, 224, 1);\n --ilo-color-green-ramp: rgba(140, 225, 100, 0.2);\n --ilo-color-turquoise: rgba(5, 210, 210, 1);\n --ilo-color-purple: rgba(150, 10, 85, 1);\n\n --ilo-color-notification-type-error: var(--ilo-color-red);\n --ilo-color-notification-type-info: var(--ilo-color-blue);\n --ilo-color-notification-type-success: var(--ilo-color-green);\n --ilo-color-notification-type-warning: var(--ilo-color-yellow);\n --ilo-color-background-default: var(--ilo-color-white);\n --ilo-color-background-active: var(--ilo-color-blue);\n --ilo-color-background-highlight: var(--ilo-color-gray-light);\n --ilo-color-background-hover: var(--ilo-color-blue-lighter);\n --ilo-color-background-focus: var(--ilo-color-white);\n\n --ilo-color-borders-default: var(--ilo-color-gray-base);\n --ilo-color-borders-hover: var(--ilo-color-blue);\n --ilo-color-borders-active: var(--ilo-color-blue);\n --ilo-color-borders-focus: var(--ilo-color-yellow);\n\n /**\n * Sizing\n */\n --ilo-breakpoint-xs: #{map-get($breakpoints-foundation, \"xs\")};\n --ilo-breakpoint-sm: #{map-get($breakpoints-foundation, \"sm\")};\n --ilo-breakpoint-md: #{map-get($breakpoints-foundation, \"md\")};\n --ilo-breakpoint-lg: #{map-get($breakpoints-foundation, \"lg\")};\n --ilo-breakpoint-xl: #{map-get($breakpoints-foundation, \"xl\")};\n --ilo-breakpoint-xxl: #{map-get($breakpoints-foundation, \"xxl\")};\n --ilo-border-radius: calc(#{px-to-rem(2)} * var(--ilo-scale));\n\n /**\n * Font-size\n */\n\n --ilo-font-size-2xsm: calc(#{px-to-rem(10)} * var(--ilo-scale));\n --ilo-font-size-xsm: calc(#{px-to-rem(12)} * var(--ilo-scale));\n --ilo-font-size-sm: calc(#{px-to-rem(14)} * var(--ilo-scale));\n --ilo-font-size-md: calc(#{px-to-rem(16)} * var(--ilo-scale));\n --ilo-font-size-lg: calc(#{px-to-rem(18)} * var(--ilo-scale));\n --ilo-font-size-xlg: calc(#{px-to-rem(24)} * var(--ilo-scale));\n --ilo-font-size-2xlg: calc(#{px-to-rem(28)} * var(--ilo-scale));\n --ilo-font-size-3xlg: calc(#{px-to-rem(32)} * var(--ilo-scale));\n --ilo-font-size-4xlg: calc(#{px-to-rem(36)} * var(--ilo-scale));\n --ilo-font-size-5xlg: calc(#{px-to-rem(44)} * var(--ilo-scale));\n\n /**\n * Font-weight\n */\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-bold: 700;\n\n /**\n * Line Height\n */\n --ilo-line-height-xsm: 115%;\n --ilo-line-height-sm: 120%;\n --ilo-line-height-md: 125%;\n --ilo-line-height-lg: 130%;\n --ilo-line-height-xlg: 135%;\n --ilo-line-height-2xlg: 145%;\n --ilo-line-height-3xlg: 150%;\n\n /**\n * Letter spacing\n */\n --ilo-letter-spacing-xsm: -3.5%;\n --ilo-letter-spacing-sm: -2%;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 2%;\n\n /**\n * Spacing\n */\n --ilo-spacing-base: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Transition\n */\n --ilo-transition-duration: 150ms;\n --ilo-transition-timing-function: ease-out;\n\n /**\n * Border\n */\n --ilo-border-xs: calc(#{px-to-rem(1)} * var(--ilo-scale));\n --ilo-border-sm: calc(#{px-to-rem(1.5)} * var(--ilo-scale));\n --ilo-border-md: calc(#{px-to-rem(2)} * var(--ilo-scale));\n --ilo-border-lg: calc(#{px-to-rem(4)} * var(--ilo-scale));\n}\n","// Adapted from Carbon Library\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// Load the theme vars and fonts\n@use \"@ilo-org/themes/build/scss/tokens\" as *;\n\nhtml,\nbody {\n color: $color-font-base;\n font-family: var(--ilo-fonts-copy);\n font-size: #{$type-base-size};\n line-height: #{$type-base-line-height};\n letter-spacing: $type-base-letter-spacing;\n -webkit-font-smoothing: antialiased;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh5 {\n font-family: var(--ilo-fonts-display);\n}\n\n// Set Chinese system fonts\nhtml[lang*=\"zh\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-zh);\n --ilo-fonts-copy: var(--ilo-fonts-copy-zh);\n}\n\n// Set Japanese system fonts\nhtml[lang*=\"ja\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-jp);\n --ilo-fonts-copy: var(--ilo-fonts-copy-jp);\n}\n","/**\n * Do not edit directly\n * Generated on Tue, 04 Mar 2025 14:47:05 GMT\n */\n\n/**\n* TOKENS:\n*/\n\n$borders-small: 1.5px !default;\n$borders-base: 2px !default;\n$borders-thick: 6px !default;\n$brand-ilo-blue: rgba(30, 45, 190, 1) !default;\n$brand-ilo-red: rgba(250, 60, 75, 1) !default;\n$brand-ilo-dark-blue: rgba(35, 0, 80, 1) !default;\n$brand-ilo-yellow: rgba(255, 205, 45, 1) !default;\n$brand-ilo-green: rgba(140, 225, 100, 1) !default;\n$brand-ilo-purple: rgba(150, 10, 85, 1) !default;\n$brand-ilo-purple-light: rgba(116, 96, 145, 1) !default;\n$brand-ilo-turquoise: rgba(5, 210, 210, 1) !default;\n$brand-ilo-dark-red: rgba(200, 48, 60, 1) !default;\n$brand-ilo-light-blue: rgba(235, 245, 253, 1) !default;\n$brand-ilo-grey-light-alternate: rgba(246, 247, 248, 1) !default;\n$brand-ilo-grey-light: rgba(237, 240, 242, 1) !default;\n$brand-ilo-grey-ui: rgba(184, 196, 204, 1) !default;\n$brand-ilo-grey-accessible: rgba(109, 109, 109, 1) !default;\n$brand-ilo-black: rgba(45, 45, 45, 1) !default;\n$brand-ilo-white: rgba(255, 255, 255, 1) !default;\n$brand-ilo-ramp-blue: rgba(190, 220, 250, 1) !default;\n$brand-ilo-ramp-red: rgba(254, 216, 219, 1) !default;\n$brand-ilo-ramp-green: rgba(232, 249, 224, 1) !default;\n$brand-ilo-ramp-yellow: rgba(255, 245, 200, 1) !default;\n$breakpoints-x-small: 320px !default;\n$breakpoints-small: 414px !default;\n$breakpoints-medium: 610px !default;\n$breakpoints-large: 1024px !default;\n$breakpoints-x-large: 1168px !default;\n$breakpoints-xx-large: 1440px !default;\n$color-base-blue-lighter: $brand-ilo-light-blue !default;\n$color-base-blue-light: $brand-ilo-light-blue !default;\n$color-base-blue-intermediate: $brand-ilo-ramp-blue !default;\n$color-base-blue-medium: $brand-ilo-blue !default;\n$color-base-blue-dark: $brand-ilo-dark-blue !default;\n$color-base-green: $brand-ilo-green !default;\n$color-base-neutrals-white: $brand-ilo-white !default;\n$color-base-neutrals-alternate: $brand-ilo-grey-light-alternate !default;\n$color-base-neutrals-lighter: $brand-ilo-grey-light !default;\n$color-base-neutrals-light: $brand-ilo-grey-ui !default;\n$color-base-neutrals-medium: $brand-ilo-grey-accessible !default;\n$color-base-neutrals-dark: $brand-ilo-black !default;\n$color-base-neutrals-black: $brand-ilo-black !default;\n$color-base-purple-light: $brand-ilo-purple-light !default;\n$color-base-purple-medium: $brand-ilo-purple !default;\n$color-base-red-light: $brand-ilo-blue !default;\n$color-base-red-medium: $brand-ilo-red !default;\n$color-base-red-dark: $brand-ilo-dark-red !default;\n$color-base-turquoise: $brand-ilo-turquoise !default;\n$color-base-yellow: $brand-ilo-yellow !default;\n$color-ramp-blue: $brand-ilo-ramp-blue !default;\n$color-ramp-green: $brand-ilo-ramp-green !default;\n$color-ramp-red: $brand-ilo-ramp-red !default;\n$color-ramp-yellow: $brand-ilo-ramp-yellow !default;\n$color-font-base: $color-base-neutrals-black !default;\n$color-font-blockquote: $color-base-purple-medium !default;\n$color-font-cite: $color-base-neutrals-medium !default;\n$color-font-caption: $color-base-neutrals-medium !default;\n$color-formelements-input-default-background: $color-base-neutrals-white !default;\n$color-formelements-input-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-default-color: $color-base-neutrals-medium !default;\n$color-formelements-input-hover-background: $color-base-blue-light !default;\n$color-formelements-input-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-left: $color-base-blue-medium !default;\n$color-formelements-input-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-hover-color: $color-base-neutrals-dark !default;\n$color-formelements-input-focus-background: $color-base-blue-light !default;\n$color-formelements-input-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-left: $color-base-blue-medium !default;\n$color-formelements-input-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-focus-color: $color-base-neutrals-dark !default;\n$color-formelements-input-error-background: $color-base-neutrals-white !default;\n$color-formelements-input-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-left: $color-base-red-dark !default;\n$color-formelements-input-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-error-color: $color-base-neutrals-medium !default;\n$color-formelements-input-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-input-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-toggle-unchecked-background: $color-base-neutrals-light !default;\n$color-formelements-toggle-unchecked-border: rgb(0, 0, 0) !default;\n$color-formelements-toggle-unchecked-slider-color: $color-base-neutrals-white !default;\n$color-formelements-toggle-unchecked-label-color: $color-base-neutrals-dark !default;\n$color-formelements-toggle-unchecked-helper-text-color: $color-base-neutrals-medium !default;\n$color-formelements-toggle-checked-background: $color-base-blue-dark !default;\n$color-formelements-toggle-checked-border: rgb(0, 0, 0) !default;\n$color-formelements-toggle-checked-slider-color: $color-base-blue-lighter !default;\n$color-formelements-toggle-active-border: $color-base-yellow !default;\n$color-formelements-toggle-active-slider-color: $color-base-blue-lighter !default;\n$color-formelements-toggle-error-background: $color-base-neutrals-light !default;\n$color-formelements-toggle-error-border: $color-base-red-medium !default;\n$color-formelements-toggle-error-slider-color: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-color: $color-base-blue-dark !default;\n$color-formelements-inputbutton-hover-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-focus-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-background: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-color: $color-base-blue-light !default;\n$color-formelements-inputbutton-error-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-color: $color-base-neutrals-medium !default;\n$color-formelements-inputbutton-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-uploadedfile-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-left: $color-base-blue-dark !default;\n$color-formelements-uploadedfile-default-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-color: $color-base-neutrals-dark !default;\n$color-hero-card-opacity-semi-transparent: rgb(0, 0, 0) !default;\n$color-hero-card-dark-background: $color-base-blue-dark !default;\n$color-hero-card-dark-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-icon-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-iconhover-color: $color-base-blue-medium !default;\n$color-hero-card-dark-iconhover-background: $color-base-neutrals-white !default;\n$color-hero-card-dark-eyebrow-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-datecopy-color: $color-base-neutrals-white !default;\n$color-hero-card-light-background: $color-base-neutrals-white !default;\n$color-hero-card-light-color: $color-base-neutrals-dark !default;\n$color-hero-card-light-eyebrow-color: $color-base-purple-medium !default;\n$color-hero-card-light-datecopy-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-link-color: $color-base-neutrals-white !default;\n$color-hero-card-light-icon-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-iconhover-background: $color-base-blue-light !default;\n$color-hero-card-light-iconhover-color: $color-base-blue-medium !default;\n$color-link-background-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-hover: $color-base-neutrals-white !default;\n$color-link-background-focus: $color-base-yellow !default;\n$color-link-background-active: $color-base-yellow !default;\n$color-link-background-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-hover: $color-base-neutrals-white !default;\n$color-link-background-dark-focus: $color-base-yellow !default;\n$color-link-background-dark-active: $color-base-yellow !default;\n$color-link-background-dark-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-hover: $color-base-neutrals-white !default;\n$color-link-background-footer-focus: $color-base-yellow !default;\n$color-link-background-footer-active: $color-base-yellow !default;\n$color-link-background-footer-visited: rgba(0, 0, 0, 0) !default;\n$color-link-text-default: $color-base-blue-dark !default;\n$color-link-text-hover: $color-base-blue-medium !default;\n$color-link-text-focus: $color-base-blue-dark !default;\n$color-link-text-active: $color-base-blue-dark !default;\n$color-link-text-visited: $color-base-purple-medium !default;\n$color-link-text-dark-default: $color-base-neutrals-lighter !default;\n$color-link-text-dark-hover: $color-base-blue-medium !default;\n$color-link-text-dark-focus: $color-base-blue-dark !default;\n$color-link-text-dark-active: $color-base-blue-dark !default;\n$color-link-text-dark-visited: $color-base-neutrals-light !default;\n$color-link-text-footer-default: $color-base-neutrals-medium !default;\n$color-link-text-footer-hover: $color-base-blue-medium !default;\n$color-link-text-footer-focus: $color-base-blue-dark !default;\n$color-link-text-footer-active: $color-base-blue-dark !default;\n$color-link-text-footer-visited: $color-base-purple-medium !default;\n$color-link-underline-default: $color-base-blue-medium !default;\n$color-link-underline-hover: $color-base-blue-medium !default;\n$color-link-underline-focus: $color-base-blue-dark !default;\n$color-link-underline-active: $color-base-blue-dark !default;\n$color-link-underline-visited: $color-base-purple-medium !default;\n$color-link-underline-dark-default: $color-base-neutrals-white !default;\n$color-link-underline-dark-hover: $color-base-blue-medium !default;\n$color-link-underline-dark-focus: $color-base-blue-dark !default;\n$color-link-underline-dark-active: $color-base-blue-dark !default;\n$color-link-underline-dark-visited: $color-base-neutrals-light !default;\n$color-link-underline-footer-default: $color-base-neutrals-medium !default;\n$color-link-underline-footer-hover: $color-base-blue-medium !default;\n$color-link-underline-footer-focus: $color-base-blue-dark !default;\n$color-link-underline-footer-active: $color-base-blue-dark !default;\n$color-link-underline-footer-visited: $color-base-purple-medium !default;\n$color-socialmedia-dark-headline-color: $color-base-neutrals-white !default;\n$color-socialmedia-dark-icon-color: $color-base-neutrals-white !default;\n$color-socialmedia-dark-iconhover-color: $color-base-blue-medium !default;\n$color-socialmedia-dark-iconhover-background: $color-base-neutrals-white !default;\n$color-socialmedia-light-headline-color: $color-base-blue-dark !default;\n$color-socialmedia-light-icon-color: $color-base-neutrals-medium !default;\n$color-socialmedia-light-iconhover-color: $color-base-blue-medium !default;\n$color-socialmedia-light-iconhover-background: $color-base-blue-light !default;\n$color-tag-background-default: $color-base-neutrals-lighter !default;\n$color-tag-background-hover: $color-base-blue-light !default;\n$color-tag-background-focus: $color-base-blue-light !default;\n$color-tag-background-active: $color-base-neutrals-lighter !default;\n$color-tag-background-visited: $color-base-neutrals-lighter !default;\n$color-tag-text-default: $color-base-neutrals-medium !default;\n$color-tag-text-hover: $color-base-blue-medium !default;\n$color-tag-text-focus: $color-base-blue-medium !default;\n$color-tag-text-active: $color-base-blue-dark !default;\n$color-tag-text-visited: $color-base-neutrals-medium !default;\n$color-tooltip-default-background: $color-base-neutrals-white !default;\n$color-tooltip-default-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-default-text: $color-base-neutrals-dark !default;\n$color-tooltip-dark-background: $color-base-neutrals-dark !default;\n$color-tooltip-dark-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-dark-text: $color-base-neutrals-lighter !default;\n$color-tooltip-dark-icon: $color-base-neutrals-lighter !default;\n$color-ux-background-default: $color-base-neutrals-white !default;\n$color-ux-background-disabled: $color-base-neutrals-lighter !default;\n$color-ux-background-highlight: $color-base-neutrals-lighter !default;\n$color-ux-background-hover: $color-base-blue-light !default;\n$color-ux-background-focus: $color-base-neutrals-white !default;\n$color-ux-background-active: $color-base-blue-medium !default;\n$color-ux-background-alert: $color-base-red-dark !default;\n$color-ux-background-attention: $color-base-yellow !default;\n$color-ux-borders-default: $color-base-neutrals-light !default;\n$color-ux-borders-error: $color-base-red-dark !default;\n$color-ux-borders-highlight: $color-base-purple-medium !default;\n$color-ux-borders-hover: $color-base-blue-medium !default;\n$color-ux-borders-focus: $color-base-yellow !default;\n$color-ux-borders-active: $color-base-blue-medium !default;\n$color-ux-borders-alert: $color-base-red-dark !default;\n$color-ux-borders-attention: $color-base-yellow !default;\n$color-ux-labels-actionable: $color-base-blue-dark !default;\n$color-ux-labels-darkbg: $color-base-neutrals-white !default;\n$color-ux-labels-default: $color-base-neutrals-medium !default;\n$color-ux-labels-error: $color-base-red-dark !default;\n$color-ux-labels-focus: $color-base-blue-dark !default;\n$color-ux-labels-hover: $color-base-blue-medium !default;\n$color-ux-labels-active: $color-base-blue-light !default;\n$color-ux-labels-alert: $color-base-neutrals-white !default;\n$color-ux-caption-background: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-left: $color-base-neutrals-light !default;\n$color-ux-caption-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-text: $color-base-neutrals-black !default;\n$color-ux-credit-background: $color-base-neutrals-dark !default;\n$color-ux-credit-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-text: $color-base-neutrals-white !default;\n$color-ux-horizontal-rule-default: $color-base-neutrals-lighter !default;\n$color-ux-notification-background: $color-base-neutrals-white !default;\n$color-ux-notification-icon: $color-base-neutrals-white !default;\n$color-ux-notification-text: $color-base-neutrals-dark !default;\n$color-ux-notification-type-error: $color-base-red-medium !default;\n$color-ux-notification-type-info: $color-base-blue-medium !default;\n$color-ux-notification-type-success: $color-base-green !default;\n$color-ux-notification-type-warning: $color-base-yellow !default;\n$color-ux-pagination-default-background: $color-base-neutrals-lighter !default;\n$color-ux-pagination-default-icon: $color-base-blue-dark !default;\n$color-ux-pagination-hover-background: $color-base-blue-light !default;\n$color-ux-pagination-hover-icon: $color-base-blue-medium !default;\n$color-ux-readmore-default-background: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-top: $color-base-neutrals-lighter !default;\n$color-ux-readmore-hover-background: $color-base-blue-light !default;\n$color-ux-readmore-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-top: $color-base-blue-medium !default;\n$color-ux-table-background: $color-base-blue-intermediate !default;\n$color-ux-table-content-background: $color-base-neutrals-white !default;\n$color-ux-table-cell-background: $color-base-neutrals-white !default;\n$color-ux-table-zebra-background: $color-base-neutrals-alternate !default;\n$color-ux-table-hover-background: $color-base-blue-lighter !default;\n$color-ux-table-selected-background: $color-base-blue-intermediate !default;\n$color-ux-tableofcontents-items-default-background: $color-base-neutrals-lighter !default;\n$color-ux-tableofcontents-items-default-border: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-default-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-default-icon: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-hover-background: $color-base-blue-light !default;\n$color-ux-tableofcontents-items-hover-border: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-color: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-icon: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-active-background: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-active-border: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-icon: $color-base-blue-dark !default;\n$color-ux-video-controls-default-background: $color-base-neutrals-dark !default;\n$color-ux-video-controls-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-icon: $color-base-neutrals-lighter !default;\n$color-ux-video-controls-hover-background: $color-base-blue-light !default;\n$color-ux-video-controls-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-icon: $color-base-blue-medium !default;\n$fonts-display: var(--ilo-fonts-display) !default;\n$fonts-copy: var(--ilo-fonts-copy) !default;\n$layout-max-width: 1300px !default;\n$layout-padding: 20px !default;\n$opacity-disabled: 0.45 !default;\n$opacity-semi-transparent: 0.6 !default;\n$radius-button-bottom-left: 2px !default;\n$radius-button-bottom-right: 2px !default;\n$radius-button-top-left: 2px !default;\n$radius-button-top-right: 2px !default;\n$spacing-base: 8px !default;\n$spacing-root: 4px !default;\n$spacing-spacing-1: 4px !default;\n$spacing-spacing-2: 8px !default;\n$spacing-spacing-3: 12px !default;\n$spacing-spacing-4: 16px !default;\n$spacing-spacing-5: 20px !default;\n$spacing-spacing-6: 24px !default;\n$spacing-spacing-7: 28px !default;\n$spacing-spacing-8: 32px !default;\n$spacing-spacing-9: 36px !default;\n$spacing-spacing-10: 40px !default;\n$spacing-spacing-11: 44px !default;\n$spacing-spacing-12: 48px !default;\n$spacing-spacing-13: 52px !default;\n$spacing-spacing-14: 56px !default;\n$spacing-spacing-15: 60px !default;\n$spacing-spacing-16: 64px !default;\n$spacing-spacing-17: 68px !default;\n$spacing-spacing-18: 72px !default;\n$spacing-spacing-19: 76px !default;\n$spacing-spacing-20: 80px !default;\n$spacing-spacing-21: 84px !default;\n$spacing-spacing-22: 88px !default;\n$spacing-spacing-23: 92px !default;\n$spacing-spacing-24: 96px !default;\n$spacing-spacing-25: 100px !default;\n$spacing-spacing-26: 104px !default;\n$spacing-spacing-27: 108px !default;\n$spacing-spacing-28: 112px !default;\n$spacing-padding-0-5: 4px !default;\n$spacing-padding-1: 8px !default;\n$spacing-padding-1-5: 12px !default;\n$spacing-padding-2: 16px !default;\n$spacing-padding-3: 24px !default;\n$spacing-padding-4: 32px !default;\n$spacing-padding-5: 40px !default;\n$spacing-padding-6: 48px !default;\n$spacing-padding-7: 56px !default;\n$spacing-padding-8: 64px !default;\n$spacing-padding-9: 71px !default;\n$spacing-padding-10: 80px !default;\n$spacing-padding-11: 88px !default;\n$spacing-padding-12: 96px !default;\n$spacing-padding-13: 104px !default;\n$spacing-padding-14: 112px !default;\n$spacing-padding-15: 120px !default;\n$spacing-horizontal-rule: 3px !default;\n$spacing-label-padding: 3px !default;\n$spacing-ui-padding-sm: 12px !default;\n$spacing-ui-padding: 18px !default;\n$spacing-ui-padding-lg: 24px !default;\n$spacing-ui-padding-xl: 32px !default;\n$spacing-ui-padding-xxl: 40px !default;\n$spacing-boxpadding-button-small-bottom: 3px !default;\n$spacing-boxpadding-button-small-left: 13px !default;\n$spacing-boxpadding-button-small-right: 13px !default;\n$spacing-boxpadding-button-small-top: 3px !default;\n$spacing-boxpadding-button-medium-bottom: 7px !default;\n$spacing-boxpadding-button-medium-left: 18px !default;\n$spacing-boxpadding-button-medium-right: 18px !default;\n$spacing-boxpadding-button-medium-top: 7px !default;\n$spacing-boxpadding-button-large-bottom: 10px !default;\n$spacing-boxpadding-button-large-left: 22px !default;\n$spacing-boxpadding-button-large-right: 22px !default;\n$spacing-boxpadding-button-large-top: 10px !default;\n$spacing-boxpadding-button-icon-small-bottom: 5px !default;\n$spacing-boxpadding-button-icon-small-left: 34px !default;\n$spacing-boxpadding-button-icon-small-right: 34px !default;\n$spacing-boxpadding-button-icon-small-top: 5px !default;\n$spacing-boxpadding-button-icon-medium-bottom: 9px !default;\n$spacing-boxpadding-button-icon-medium-left: 42px !default;\n$spacing-boxpadding-button-icon-medium-right: 42px !default;\n$spacing-boxpadding-button-icon-medium-top: 9px !default;\n$spacing-boxpadding-button-icon-large-bottom: 10px !default;\n$spacing-boxpadding-button-icon-large-left: 46px !default;\n$spacing-boxpadding-button-icon-large-right: 46px !default;\n$spacing-boxpadding-button-icon-large-top: 10px !default;\n$spacing-boxpadding-caption-small-bottom: 0 !default;\n$spacing-boxpadding-caption-small-left: 8px !default;\n$spacing-boxpadding-caption-small-right: 0 !default;\n$spacing-boxpadding-caption-small-top: 0 !default;\n$spacing-boxpadding-caption-medium-bottom: 0 !default;\n$spacing-boxpadding-caption-medium-left: 8px !default;\n$spacing-boxpadding-caption-medium-right: 0 !default;\n$spacing-boxpadding-caption-medium-top: 0 !default;\n$spacing-boxpadding-caption-large-bottom: 0 !default;\n$spacing-boxpadding-caption-large-left: 8px !default;\n$spacing-boxpadding-caption-large-right: 0 !default;\n$spacing-boxpadding-caption-large-top: 0 !default;\n$spacing-boxpadding-credit-small-bottom: 4px !default;\n$spacing-boxpadding-credit-small-left: 12px !default;\n$spacing-boxpadding-credit-small-right: 8px !default;\n$spacing-boxpadding-credit-small-top: 4px !default;\n$spacing-boxpadding-credit-medium-bottom: 4px !default;\n$spacing-boxpadding-credit-medium-left: 12px !default;\n$spacing-boxpadding-credit-medium-right: 8px !default;\n$spacing-boxpadding-credit-medium-top: 4px !default;\n$spacing-boxpadding-credit-large-bottom: 4px !default;\n$spacing-boxpadding-credit-large-left: 12px !default;\n$spacing-boxpadding-credit-large-right: 8px !default;\n$spacing-boxpadding-credit-large-top: 4px !default;\n$spacing-formelements-input-default-height: 48px !default;\n$spacing-formelements-input-default-border-bottom: 2px !default;\n$spacing-formelements-input-default-border-left: 2px !default;\n$spacing-formelements-input-default-border-right: 2px !default;\n$spacing-formelements-input-default-border-top: 2px !default;\n$spacing-formelements-input-default-margin-bottom: 0 !default;\n$spacing-formelements-input-default-margin-left: 0 !default;\n$spacing-formelements-input-default-margin-right: 0 !default;\n$spacing-formelements-input-default-margin-top: 0 !default;\n$spacing-formelements-input-default-padding-bottom: 16px !default;\n$spacing-formelements-input-default-padding-left: 12px !default;\n$spacing-formelements-input-default-padding-right: 12px !default;\n$spacing-formelements-input-default-padding-top: 16px !default;\n$spacing-formelements-input-default-width: 100% !default;\n$spacing-formelements-input-focus-border-bottom: 2px !default;\n$spacing-formelements-input-focus-border-left: 3px !default;\n$spacing-formelements-input-focus-border-right: 2px !default;\n$spacing-formelements-input-focus-border-top: 2px !default;\n$spacing-formelements-input-hover-border-bottom: 2px !default;\n$spacing-formelements-input-hover-border-left: 3px !default;\n$spacing-formelements-input-hover-border-right: 2px !default;\n$spacing-formelements-input-hover-border-top: 2px !default;\n$spacing-formelements-input-invalid-border-bottom: 2px !default;\n$spacing-formelements-input-invalid-border-left: 3px !default;\n$spacing-formelements-input-invalid-border-right: 2px !default;\n$spacing-formelements-input-invalid-border-top: 2px !default;\n$spacing-formelements-input-error-border-bottom: 2px !default;\n$spacing-formelements-input-error-border-left: 3px !default;\n$spacing-formelements-input-error-border-right: 2px !default;\n$spacing-formelements-input-error-border-top: 2px !default;\n$spacing-formelements-toggle-base-height: 24px !default;\n$spacing-formelements-toggle-base-width: 46px !default;\n$spacing-formelements-inputbutton-default-height: 48px !default;\n$spacing-formelements-inputbutton-default-border-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-border-left: 0 !default;\n$spacing-formelements-inputbutton-default-border-right: 2px !default;\n$spacing-formelements-inputbutton-default-border-top: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-left: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-right: 0 !default;\n$spacing-formelements-inputbutton-default-borderrtl-top: 2px !default;\n$spacing-formelements-inputbutton-default-margin-bottom: 0 !default;\n$spacing-formelements-inputbutton-default-margin-left: 0 !default;\n$spacing-formelements-inputbutton-default-margin-right: 0 !default;\n$spacing-formelements-inputbutton-default-margin-top: 0 !default;\n$spacing-formelements-inputbutton-default-padding-bottom: 16px !default;\n$spacing-formelements-inputbutton-default-padding-left: 12px !default;\n$spacing-formelements-inputbutton-default-padding-right: 12px !default;\n$spacing-formelements-inputbutton-default-padding-top: 16px !default;\n$spacing-formelements-inputbutton-default-width: 48px !default;\n$spacing-formelements-uploadedfile-default-height: 48px !default;\n$spacing-formelements-uploadedfile-default-border-bottom: 2px !default;\n$spacing-formelements-uploadedfile-default-border-left: 3px !default;\n$spacing-formelements-uploadedfile-default-border-right: 2px !default;\n$spacing-formelements-uploadedfile-default-border-top: 2px !default;\n$spacing-formelements-uploadedfile-default-margin-bottom: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-left: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-right: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-top: 24px !default;\n$spacing-formelements-uploadedfile-default-padding-bottom: 16px !default;\n$spacing-formelements-uploadedfile-default-padding-left: 11px !default;\n$spacing-formelements-uploadedfile-default-padding-right: 12px !default;\n$spacing-formelements-uploadedfile-default-padding-top: 13px !default;\n$spacing-formelements-uploadedfile-default-width: 100% !default;\n$spacing-hero-tooltip-width: 30px !default;\n$spacing-hero-tooltip-height: 27px !default;\n$spacing-hero-image-min-height: 216px !default;\n$spacing-hero-card-padding-y-sm: $spacing-padding-5 !default;\n$spacing-hero-card-padding-y-lg: $spacing-padding-7 !default;\n$spacing-hero-card-padding-x-sm: $spacing-padding-2 !default;\n$spacing-hero-card-padding-x-lg: $spacing-padding-9 !default;\n$spacing-hero-card-corner-cut-width-sm: 72px !default;\n$spacing-hero-card-corner-cut-width-lg: 116px !default;\n$spacing-hero-card-corner-cut-height-sm: 40px !default;\n$spacing-hero-card-corner-cut-height-lg: 64px !default;\n$spacing-icons-icon-height-sm: 14px !default;\n$spacing-icons-icon-height-m: 15px !default;\n$spacing-icons-icon-height-lg: 16px !default;\n$spacing-icons-icon-padding-sm: 15px !default;\n$spacing-icons-icon-padding-m: 19px !default;\n$spacing-icons-icon-padding-lg: 22px !default;\n$spacing-tooltip-tooltip-arrow-height: 12px !default;\n$spacing-tooltip-tooltip-arrow-width: 7px !default;\n$spacing-ux-caption-border-bottom: 0 !default;\n$spacing-ux-caption-border-left: 3px !default;\n$spacing-ux-caption-border-right: 0 !default;\n$spacing-ux-caption-border-top: 0 !default;\n$spacing-ux-caption-height: auto !default;\n$spacing-ux-caption-width: auto !default;\n$spacing-ux-credit-border-bottom: 0 !default;\n$spacing-ux-credit-border-left: 0 !default;\n$spacing-ux-credit-border-right: 0 !default;\n$spacing-ux-credit-border-top: 0 !default;\n$spacing-ux-credit-height: 24px !default;\n$spacing-ux-credit-width: auto !default;\n$spacing-ux-pagination-padding-bottom: 0 !default;\n$spacing-ux-pagination-padding-left: 8px !default;\n$spacing-ux-pagination-padding-right: 8px !default;\n$spacing-ux-pagination-padding-top: 40px !default;\n$spacing-ux-pagination-width: 40px !default;\n$spacing-ux-readmore-default-height: 56px !default;\n$spacing-ux-readmore-default-border-bottom: 0 !default;\n$spacing-ux-readmore-default-border-left: 0 !default;\n$spacing-ux-readmore-default-border-right: 0 !default;\n$spacing-ux-readmore-default-border-top: 2px !default;\n$spacing-ux-readmore-default-margin-bottom: 0 !default;\n$spacing-ux-readmore-default-margin-left: 0 !default;\n$spacing-ux-readmore-default-margin-right: 0 !default;\n$spacing-ux-readmore-default-margin-top: 32px !default;\n$spacing-ux-readmore-default-padding-bottom: 16px !default;\n$spacing-ux-readmore-default-padding-left: 2px !default;\n$spacing-ux-readmore-default-padding-right: 30px !default;\n$spacing-ux-readmore-default-padding-top: 16px !default;\n$spacing-ux-readmore-default-width: auto !default;\n$spacing-ux-readmore-hover-height: 56px !default;\n$spacing-ux-readmore-hover-border-bottom: 0 !default;\n$spacing-ux-readmore-hover-border-left: 0 !default;\n$spacing-ux-readmore-hover-border-right: 0 !default;\n$spacing-ux-readmore-hover-border-top: 2px !default;\n$spacing-ux-readmore-hover-margin-bottom: 0 !default;\n$spacing-ux-readmore-hover-margin-left: 0 !default;\n$spacing-ux-readmore-hover-margin-right: 0 !default;\n$spacing-ux-readmore-hover-margin-top: 32px !default;\n$spacing-ux-readmore-hover-padding-bottom: 16px !default;\n$spacing-ux-readmore-hover-padding-left: 2px !default;\n$spacing-ux-readmore-hover-padding-right: 2px !default;\n$spacing-ux-readmore-hover-padding-top: 16px !default;\n$spacing-ux-readmore-hover-width: 120px !default;\n$spacing-ux-video-controls-height: 40px !default;\n$spacing-ux-video-controls-border-bottom: 0 !default;\n$spacing-ux-video-controls-border-left: 0 !default;\n$spacing-ux-video-controls-border-right: 0 !default;\n$spacing-ux-video-controls-border-top: 0 !default;\n$spacing-ux-video-controls-margin-bottom: 0 !default;\n$spacing-ux-video-controls-margin-left: 0 !default;\n$spacing-ux-video-controls-margin-right: 0 !default;\n$spacing-ux-video-controls-margin-top: 0 !default;\n$spacing-ux-video-controls-padding-bottom: 0 !default;\n$spacing-ux-video-controls-padding-left: 0 !default;\n$spacing-ux-video-controls-padding-right: 0 !default;\n$spacing-ux-video-controls-padding-top: 0 !default;\n$spacing-ux-video-controls-width: 100% !default;\n$spacing-ux-video-buttonicon-height: 24px !default;\n$spacing-ux-video-buttonicon-border-bottom: 0 !default;\n$spacing-ux-video-buttonicon-border-left: 0 !default;\n$spacing-ux-video-buttonicon-border-right: 0 !default;\n$spacing-ux-video-buttonicon-border-top: 0 !default;\n$spacing-ux-video-buttonicon-margin-bottom: 0 !default;\n$spacing-ux-video-buttonicon-margin-left: 0 !default;\n$spacing-ux-video-buttonicon-margin-right: 0 !default;\n$spacing-ux-video-buttonicon-margin-top: 0 !default;\n$spacing-ux-video-buttonicon-padding-bottom: 0 !default;\n$spacing-ux-video-buttonicon-padding-left: 0 !default;\n$spacing-ux-video-buttonicon-padding-right: 0 !default;\n$spacing-ux-video-buttonicon-padding-top: 0 !default;\n$spacing-ux-video-buttonicon-width: 24px !default;\n$spacing-ux-video-bigplaybutton-height: 48px !default;\n$spacing-ux-video-bigplaybutton-border-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-border-left: 0 !default;\n$spacing-ux-video-bigplaybutton-border-right: 0 !default;\n$spacing-ux-video-bigplaybutton-border-top: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-left: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-right: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-top: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-left: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-right: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-top: 0 !default;\n$spacing-ux-video-bigplaybutton-width: 48px !default;\n$spacing-ux-table-padding-bottom: 80px !default;\n$spacing-ux-table-padding-left: 80px !default;\n$spacing-ux-table-padding-right: 80px !default;\n$spacing-ux-table-padding-top: 80px !default;\n$spacing-ux-table-content-padding-bottom: 18px !default;\n$spacing-ux-table-content-padding-left: 8px !default;\n$spacing-ux-table-content-padding-right: 8px !default;\n$spacing-ux-table-content-padding-top: 19px !default;\n$spacing-ux-table-head-padding-bottom: 18px !default;\n$spacing-ux-table-head-padding-left: 6px !default;\n$spacing-ux-table-head-padding-right: 36px !default;\n$spacing-ux-table-head-padding-top: 18px !default;\n$spacing-ux-table-cell-padding-bottom: 22px !default;\n$spacing-ux-table-cell-padding-left: 11px !default;\n$spacing-ux-table-cell-padding-right: 11px !default;\n$spacing-ux-table-cell-padding-top: 22px !default;\n$spacing-ux-table-smallhead-padding-bottom: 10px !default;\n$spacing-ux-table-smallhead-padding-left: 7px !default;\n$spacing-ux-table-smallhead-padding-right: 36px !default;\n$spacing-ux-table-smallhead-padding-top: 10px !default;\n$spacing-ux-table-smallcell-padding-bottom: 13px !default;\n$spacing-ux-table-smallcell-padding-left: 11px !default;\n$spacing-ux-table-smallcell-padding-right: 11px !default;\n$spacing-ux-table-smallcell-padding-top: 13px !default;\n$spacing-ux-tableofcontents-border-bottom: 0 !default;\n$spacing-ux-tableofcontents-border-left: 0 !default;\n$spacing-ux-tableofcontents-border-right: 0 !default;\n$spacing-ux-tableofcontents-border-top: 0 !default;\n$spacing-ux-tableofcontents-borderradius: 4px !default;\n$spacing-ux-tableofcontents-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-margin-left: 0 !default;\n$spacing-ux-tableofcontents-margin-right: 0 !default;\n$spacing-ux-tableofcontents-margin-top: 0 !default;\n$spacing-ux-tableofcontents-padding-bottom: 0 !default;\n$spacing-ux-tableofcontents-padding-left: 8px !default;\n$spacing-ux-tableofcontents-padding-right: 8px !default;\n$spacing-ux-tableofcontents-padding-top: 0 !default;\n$spacing-ux-tableofcontents-items-border-bottom: 2px !default;\n$spacing-ux-tableofcontents-items-border-left: 0 !default;\n$spacing-ux-tableofcontents-items-border-right: 0 !default;\n$spacing-ux-tableofcontents-items-border-top: 0 !default;\n$spacing-ux-tableofcontents-items-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-items-margin-left: 0 !default;\n$spacing-ux-tableofcontents-items-margin-right: 0 !default;\n$spacing-ux-tableofcontents-items-margin-top: 0 !default;\n$spacing-ux-tableofcontents-items-padding-bottom: 18px !default;\n$spacing-ux-tableofcontents-items-padding-left: 10px !default;\n$spacing-ux-tableofcontents-items-padding-right: 10px !default;\n$spacing-ux-tableofcontents-items-padding-top: 18px !default;\n$themeprefix: ilo !default;\n$type-descenders-display: 0.37 !default;\n$type-descenders-copy: 0.20 !default;\n$type-base-size: 18.66px !default;\n$type-base-letter-spacing: normal !default;\n$type-base-line-height: 27.24px !default;\n$type-body-eyebrow-size: 14.93px !default;\n$type-body-eyebrow-letter-spacing: normal !default;\n$type-body-eyebrow-line-height: 19.71px !default;\n$type-body-small-size: 16px !default;\n$type-body-small-letter-spacing: normal !default;\n$type-body-small-line-height: 23.36px !default;\n$type-body-large-size: 23.32px !default;\n$type-body-large-letter-spacing: normal !default;\n$type-body-large-line-height: 34.05px !default;\n$type-body-xs-size: 14.93px !default;\n$type-body-xs-letter-spacing: normal !default;\n$type-body-xs-line-height: 20.3px !default;\n$type-body-xxs-size: 11.94px !default;\n$type-body-xxs-letter-spacing: normal !default;\n$type-body-xxs-line-height: 16.24px !default;\n$type-body-xxxs-size: 9.55px !default;\n$type-body-xxxs-letter-spacing: normal !default;\n$type-body-xxxs-line-height: 14.33px !default;\n$type-button-small-size: 14.93px !default;\n$type-button-small-letter-spacing: -0.02em !default;\n$type-button-small-line-height: 120% !default;\n$type-button-medium-size: 16px !default;\n$type-button-medium-letter-spacing: -0.02em !default;\n$type-button-medium-line-height: 120% !default;\n$type-button-large-size: 18.66px !default;\n$type-button-large-letter-spacing: -0.02em !default;\n$type-button-large-line-height: 120% !default;\n$type-headline-1-size: 56.95px !default;\n$type-headline-1-letter-spacing: -0.035em !default;\n$type-headline-1-line-height: 65.49px !default;\n$type-headline-2-size: 45.56px !default;\n$type-headline-2-letter-spacing: -0.035em !default;\n$type-headline-2-line-height: 52.39px !default;\n$type-headline-3-size: 36.45px !default;\n$type-headline-3-letter-spacing: -0.035em !default;\n$type-headline-3-line-height: 43.74px !default;\n$type-headline-4-size: 29.16px !default;\n$type-headline-4-letter-spacing: -0.035em !default;\n$type-headline-4-line-height: 36.45px !default;\n$type-headline-5-size: 23.32px !default;\n$type-headline-5-letter-spacing: -0.035em !default;\n$type-headline-5-line-height: 29.15px !default;\n$type-headline-6-size: 18.66px !default;\n$type-headline-6-letter-spacing: -0.035em !default;\n$type-headline-6-line-height: 24.26px !default;\n$type-rich-text-heading-1-size: 44px !default;\n$type-rich-text-heading-1-letter-spacing: -0.035em !default;\n$type-rich-text-heading-1-line-height: 50.6px !default;\n$type-rich-text-heading-1-md-size: 36px !default;\n$type-rich-text-heading-1-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-1-md-line-height: 43.2px !default;\n$type-rich-text-heading-2-size: 36px !default;\n$type-rich-text-heading-2-letter-spacing: -0.035em !default;\n$type-rich-text-heading-2-line-height: 43.2px !default;\n$type-rich-text-heading-2-md-size: 28px !default;\n$type-rich-text-heading-2-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-2-md-line-height: 35px !default;\n$type-rich-text-heading-3-size: 28px !default;\n$type-rich-text-heading-3-letter-spacing: -0.035em !default;\n$type-rich-text-heading-3-line-height: 35px !default;\n$type-rich-text-heading-3-md-size: 24px !default;\n$type-rich-text-heading-3-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-3-md-line-height: 30px !default;\n$type-rich-text-heading-4-size: 24px !default;\n$type-rich-text-heading-4-letter-spacing: -0.035em !default;\n$type-rich-text-heading-4-line-height: 30px !default;\n$type-rich-text-heading-4-md-size: 18px !default;\n$type-rich-text-heading-4-md-letter-spacing: -0.02em !default;\n$type-rich-text-heading-4-md-line-height: 23.4px !default;\n$type-rich-text-heading-5-size: 18px !default;\n$type-rich-text-heading-5-letter-spacing: -0.02em !default;\n$type-rich-text-heading-5-line-height: 23.4px !default;\n$type-rich-text-heading-5-md-size: 16px !default;\n$type-rich-text-heading-5-md-letter-spacing: -0.02em !default;\n$type-rich-text-heading-5-md-line-height: 21.6px !default;\n$type-language-switcher-size: 11.94px !default;\n$type-language-switcher-letter-spacing: -0.02em !default;\n$type-language-switcher-line-height: 16.12px !default;\n$type-label-small-size: 14.93px !default;\n$type-label-small-letter-spacing: -0.02em !default;\n$type-label-small-line-height: 20.16px !default;\n$type-label-medium-size: 16px !default;\n$type-label-medium-letter-spacing: -0.02em !default;\n$type-label-medium-line-height: 21.6px !default;\n$type-label-large-size: 18.66px !default;\n$type-label-large-letter-spacing: -0.02em !default;\n$type-label-large-line-height: 24.26px !default;\n$type-legend-size: 23.32px !default;\n$type-legend-letter-spacing: -3.5% !default;\n$type-legend-line-height: 29.15px !default;\n$type-nav-md-size: 16px !default;\n$type-nav-md-letter-spacing: -0.02em !default;\n$type-nav-md-line-height: 21.6px !default;\n$type-nav-md-sm-size: 14.93px !default;\n$type-nav-md-sm-letter-spacing: -0.02em !default;\n$type-nav-md-sm-line-height: 20.16px !default;\n$type-nav-bold-b-sm-size: 14.93px !default;\n$type-nav-bold-b-sm-letter-spacing: -0.02em !default;\n$type-nav-bold-b-sm-line-height: 20.16px !default;\n$type-nav-bold-b-size: 16px !default;\n$type-nav-bold-b-letter-spacing: -0.02em !default;\n$type-nav-bold-b-line-height: 21.6px !default;\n$type-pull-quote-sm-size: 29.16px !default;\n$type-pull-quote-sm-letter-spacing: -0.035em !default;\n$type-pull-quote-sm-line-height: 36.45px !default;\n$type-pull-quote-lg-size: 36.45px !default;\n$type-pull-quote-lg-letter-spacing: -0.035em !default;\n$type-pull-quote-lg-line-height: 43.74px !default;\n$type-pull-quote-cite-size: 14.93px !default;\n$type-pull-quote-cite-letter-spacing: -0.02em !default;\n$type-pull-quote-cite-line-height: 20.16px !default;\n$type-image-caption-size: 14.93px !default;\n$type-image-caption-letter-spacing: -0.02em !default;\n$type-image-caption-line-height: 20.16px !default;\n$type-image-credit-size: 11.94px !default;\n$type-image-credit-letter-spacing: -0.02em !default;\n$type-image-credit-line-height: 16.24px !default;\n$type-tagline-size: 11.9px !default;\n$type-tagline-letter-spacing: -0.02em !default;\n$type-tagline-line-height: 19.4px !default;\n$type-weights-section: 500 !default;\n$type-weights-label: 700 !default;\n$widths-border-xsm: 1px !default;\n$widths-border-sm: 1.5px !default;\n$widths-border-med-sm: 2.5px !default;\n$widths-border-med: 3px !default;\n$widths-border-lg: 4px !default;\n$widths-tags-max-width: 190px !default;\n\n/**\n* MAPS:\n*/\n\n// BORDERS MAP:\n\n$borders: (\n 'small': $borders-small,\n 'base': $borders-base,\n 'thick': $borders-thick\n);\n\n// BRAND MAP:\n\n$brand: (\n 'ilo-blue': $brand-ilo-blue,\n 'ilo-red': $brand-ilo-red,\n 'ilo-dark-blue': $brand-ilo-dark-blue,\n 'ilo-yellow': $brand-ilo-yellow,\n 'ilo-green': $brand-ilo-green,\n 'ilo-purple': $brand-ilo-purple,\n 'ilo-purple-light': $brand-ilo-purple-light,\n 'ilo-turquoise': $brand-ilo-turquoise,\n 'ilo-dark-red': $brand-ilo-dark-red,\n 'ilo-light-blue': $brand-ilo-light-blue,\n 'ilo-grey-light-alternate': $brand-ilo-grey-light-alternate,\n 'ilo-grey-light': $brand-ilo-grey-light,\n 'ilo-grey-ui': $brand-ilo-grey-ui,\n 'ilo-grey-accessible': $brand-ilo-grey-accessible,\n 'ilo-black': $brand-ilo-black,\n 'ilo-white': $brand-ilo-white,\n 'ilo-ramp-blue': $brand-ilo-ramp-blue,\n 'ilo-ramp-red': $brand-ilo-ramp-red,\n 'ilo-ramp-green': $brand-ilo-ramp-green,\n 'ilo-ramp-yellow': $brand-ilo-ramp-yellow\n);\n\n// BREAKPOINTS MAP:\n\n$breakpoints: (\n 'x-small': $breakpoints-x-small,\n 'small': $breakpoints-small,\n 'medium': $breakpoints-medium,\n 'large': $breakpoints-large,\n 'x-large': $breakpoints-x-large,\n 'xx-large': $breakpoints-xx-large\n);\n\n// COLOR MAP:\n\n$color: (\n 'base': (\n 'blue': (\n 'lighter': $color-base-blue-lighter,\n 'light': $color-base-blue-light,\n 'intermediate': $color-base-blue-intermediate,\n 'medium': $color-base-blue-medium,\n 'dark': $color-base-blue-dark\n ),\n 'green': $color-base-green,\n 'neutrals': (\n 'white': $color-base-neutrals-white,\n 'alternate': $color-base-neutrals-alternate,\n 'lighter': $color-base-neutrals-lighter,\n 'light': $color-base-neutrals-light,\n 'medium': $color-base-neutrals-medium,\n 'dark': $color-base-neutrals-dark,\n 'black': $color-base-neutrals-black\n ),\n 'purple': (\n 'light': $color-base-purple-light,\n 'medium': $color-base-purple-medium\n ),\n 'red': (\n 'light': $color-base-red-light,\n 'medium': $color-base-red-medium,\n 'dark': $color-base-red-dark\n ),\n 'turquoise': $color-base-turquoise,\n 'yellow': $color-base-yellow\n ),\n 'ramp': (\n 'blue': $color-ramp-blue,\n 'green': $color-ramp-green,\n 'red': $color-ramp-red,\n 'yellow': $color-ramp-yellow\n ),\n 'font': (\n 'base': $color-font-base,\n 'blockquote': $color-font-blockquote,\n 'cite': $color-font-cite,\n 'caption': $color-font-caption\n ),\n 'formelements': (\n 'input': (\n 'default': (\n 'background': $color-formelements-input-default-background,\n 'border': (\n 'bottom': $color-formelements-input-default-border-bottom,\n 'left': $color-formelements-input-default-border-left,\n 'right': $color-formelements-input-default-border-right,\n 'top': $color-formelements-input-default-border-top\n ),\n 'color': $color-formelements-input-default-color\n ),\n 'hover': (\n 'background': $color-formelements-input-hover-background,\n 'border': (\n 'bottom': $color-formelements-input-hover-border-bottom,\n 'left': $color-formelements-input-hover-border-left,\n 'right': $color-formelements-input-hover-border-right,\n 'top': $color-formelements-input-hover-border-top\n ),\n 'color': $color-formelements-input-hover-color\n ),\n 'focus': (\n 'background': $color-formelements-input-focus-background,\n 'border': (\n 'bottom': $color-formelements-input-focus-border-bottom,\n 'left': $color-formelements-input-focus-border-left,\n 'right': $color-formelements-input-focus-border-right,\n 'top': $color-formelements-input-focus-border-top\n ),\n 'color': $color-formelements-input-focus-color\n ),\n 'error': (\n 'background': $color-formelements-input-error-background,\n 'border': (\n 'bottom': $color-formelements-input-error-border-bottom,\n 'left': $color-formelements-input-error-border-left,\n 'right': $color-formelements-input-error-border-right,\n 'top': $color-formelements-input-error-border-top\n ),\n 'color': $color-formelements-input-error-color\n ),\n 'disabled': (\n 'background': $color-formelements-input-disabled-background,\n 'border': (\n 'bottom': $color-formelements-input-disabled-border-bottom,\n 'left': $color-formelements-input-disabled-border-left,\n 'right': $color-formelements-input-disabled-border-right,\n 'top': $color-formelements-input-disabled-border-top\n ),\n 'color': $color-formelements-input-disabled-color\n )\n ),\n 'toggle': (\n 'unchecked': (\n 'background': $color-formelements-toggle-unchecked-background,\n 'border': $color-formelements-toggle-unchecked-border,\n 'slider': (\n 'color': $color-formelements-toggle-unchecked-slider-color\n ),\n 'label': (\n 'color': $color-formelements-toggle-unchecked-label-color\n ),\n 'helperText': (\n 'color': $color-formelements-toggle-unchecked-helper-text-color\n )\n ),\n 'checked': (\n 'background': $color-formelements-toggle-checked-background,\n 'border': $color-formelements-toggle-checked-border,\n 'slider': (\n 'color': $color-formelements-toggle-checked-slider-color\n )\n ),\n 'active': (\n 'border': $color-formelements-toggle-active-border,\n 'slider': (\n 'color': $color-formelements-toggle-active-slider-color\n )\n ),\n 'error': (\n 'background': $color-formelements-toggle-error-background,\n 'border': $color-formelements-toggle-error-border,\n 'slider': (\n 'color': $color-formelements-toggle-error-slider-color\n )\n )\n ),\n 'inputbutton': (\n 'default': (\n 'background': $color-formelements-inputbutton-default-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-default-border-bottom,\n 'left': $color-formelements-inputbutton-default-border-left,\n 'right': $color-formelements-inputbutton-default-border-right,\n 'top': $color-formelements-inputbutton-default-border-top\n ),\n 'color': $color-formelements-inputbutton-default-color\n ),\n 'hover': (\n 'background': $color-formelements-inputbutton-hover-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-hover-border-bottom,\n 'left': $color-formelements-inputbutton-hover-border-left,\n 'right': $color-formelements-inputbutton-hover-border-right,\n 'top': $color-formelements-inputbutton-hover-border-top\n ),\n 'color': $color-formelements-inputbutton-hover-color\n ),\n 'focus': (\n 'background': $color-formelements-inputbutton-focus-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-focus-border-bottom,\n 'left': $color-formelements-inputbutton-focus-border-left,\n 'right': $color-formelements-inputbutton-focus-border-right,\n 'top': $color-formelements-inputbutton-focus-border-top\n ),\n 'color': $color-formelements-inputbutton-focus-color\n ),\n 'active': (\n 'background': $color-formelements-inputbutton-active-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-active-border-bottom,\n 'left': $color-formelements-inputbutton-active-border-left,\n 'right': $color-formelements-inputbutton-active-border-right,\n 'top': $color-formelements-inputbutton-active-border-top\n ),\n 'color': $color-formelements-inputbutton-active-color\n ),\n 'error': (\n 'background': $color-formelements-inputbutton-error-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-error-border-bottom,\n 'left': $color-formelements-inputbutton-error-border-left,\n 'right': $color-formelements-inputbutton-error-border-right,\n 'top': $color-formelements-inputbutton-error-border-top\n ),\n 'color': $color-formelements-inputbutton-error-color\n ),\n 'disabled': (\n 'background': $color-formelements-inputbutton-disabled-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-disabled-border-bottom,\n 'left': $color-formelements-inputbutton-disabled-border-left,\n 'right': $color-formelements-inputbutton-disabled-border-right,\n 'top': $color-formelements-inputbutton-disabled-border-top\n ),\n 'color': $color-formelements-inputbutton-disabled-color\n )\n ),\n 'uploadedfile': (\n 'default': (\n 'background': $color-formelements-uploadedfile-default-background,\n 'border': (\n 'bottom': $color-formelements-uploadedfile-default-border-bottom,\n 'left': $color-formelements-uploadedfile-default-border-left,\n 'right': $color-formelements-uploadedfile-default-border-right,\n 'top': $color-formelements-uploadedfile-default-border-top\n ),\n 'color': $color-formelements-uploadedfile-default-color\n )\n )\n ),\n 'hero': (\n 'card': (\n 'opacity': (\n 'semi-transparent': $color-hero-card-opacity-semi-transparent\n ),\n 'dark': (\n 'background': $color-hero-card-dark-background,\n 'color': $color-hero-card-dark-color,\n 'icon': (\n 'color': $color-hero-card-dark-icon-color\n ),\n 'iconhover': (\n 'color': $color-hero-card-dark-iconhover-color,\n 'background': $color-hero-card-dark-iconhover-background\n ),\n 'eyebrow': (\n 'color': $color-hero-card-dark-eyebrow-color\n ),\n 'datecopy': (\n 'color': $color-hero-card-dark-datecopy-color\n )\n ),\n 'light': (\n 'background': $color-hero-card-light-background,\n 'color': $color-hero-card-light-color,\n 'eyebrow': (\n 'color': $color-hero-card-light-eyebrow-color\n ),\n 'datecopy': (\n 'color': $color-hero-card-light-datecopy-color\n ),\n 'link': (\n 'color': $color-hero-card-light-link-color\n ),\n 'icon': (\n 'color': $color-hero-card-light-icon-color\n ),\n 'iconhover': (\n 'background': $color-hero-card-light-iconhover-background,\n 'color': $color-hero-card-light-iconhover-color\n )\n )\n )\n ),\n 'link': (\n 'background': (\n 'default': $color-link-background-default,\n 'hover': $color-link-background-hover,\n 'focus': $color-link-background-focus,\n 'active': $color-link-background-active,\n 'visited': $color-link-background-visited\n ),\n 'background-dark': (\n 'default': $color-link-background-dark-default,\n 'hover': $color-link-background-dark-hover,\n 'focus': $color-link-background-dark-focus,\n 'active': $color-link-background-dark-active,\n 'visited': $color-link-background-dark-visited\n ),\n 'background-footer': (\n 'default': $color-link-background-footer-default,\n 'hover': $color-link-background-footer-hover,\n 'focus': $color-link-background-footer-focus,\n 'active': $color-link-background-footer-active,\n 'visited': $color-link-background-footer-visited\n ),\n 'text': (\n 'default': $color-link-text-default,\n 'hover': $color-link-text-hover,\n 'focus': $color-link-text-focus,\n 'active': $color-link-text-active,\n 'visited': $color-link-text-visited\n ),\n 'text-dark': (\n 'default': $color-link-text-dark-default,\n 'hover': $color-link-text-dark-hover,\n 'focus': $color-link-text-dark-focus,\n 'active': $color-link-text-dark-active,\n 'visited': $color-link-text-dark-visited\n ),\n 'text-footer': (\n 'default': $color-link-text-footer-default,\n 'hover': $color-link-text-footer-hover,\n 'focus': $color-link-text-footer-focus,\n 'active': $color-link-text-footer-active,\n 'visited': $color-link-text-footer-visited\n ),\n 'underline': (\n 'default': $color-link-underline-default,\n 'hover': $color-link-underline-hover,\n 'focus': $color-link-underline-focus,\n 'active': $color-link-underline-active,\n 'visited': $color-link-underline-visited\n ),\n 'underline-dark': (\n 'default': $color-link-underline-dark-default,\n 'hover': $color-link-underline-dark-hover,\n 'focus': $color-link-underline-dark-focus,\n 'active': $color-link-underline-dark-active,\n 'visited': $color-link-underline-dark-visited\n ),\n 'underline-footer': (\n 'default': $color-link-underline-footer-default,\n 'hover': $color-link-underline-footer-hover,\n 'focus': $color-link-underline-footer-focus,\n 'active': $color-link-underline-footer-active,\n 'visited': $color-link-underline-footer-visited\n )\n ),\n 'socialmedia': (\n 'dark': (\n 'headline': (\n 'color': $color-socialmedia-dark-headline-color\n ),\n 'icon': (\n 'color': $color-socialmedia-dark-icon-color\n ),\n 'iconhover': (\n 'color': $color-socialmedia-dark-iconhover-color,\n 'background': $color-socialmedia-dark-iconhover-background\n )\n ),\n 'light': (\n 'headline': (\n 'color': $color-socialmedia-light-headline-color\n ),\n 'icon': (\n 'color': $color-socialmedia-light-icon-color\n ),\n 'iconhover': (\n 'color': $color-socialmedia-light-iconhover-color,\n 'background': $color-socialmedia-light-iconhover-background\n )\n )\n ),\n 'tag': (\n 'background': (\n 'default': $color-tag-background-default,\n 'hover': $color-tag-background-hover,\n 'focus': $color-tag-background-focus,\n 'active': $color-tag-background-active,\n 'visited': $color-tag-background-visited\n ),\n 'text': (\n 'default': $color-tag-text-default,\n 'hover': $color-tag-text-hover,\n 'focus': $color-tag-text-focus,\n 'active': $color-tag-text-active,\n 'visited': $color-tag-text-visited\n )\n ),\n 'tooltip': (\n 'default': (\n 'background': $color-tooltip-default-background,\n 'dropshadow': $color-tooltip-default-dropshadow,\n 'text': $color-tooltip-default-text\n ),\n 'dark': (\n 'background': $color-tooltip-dark-background,\n 'dropshadow': $color-tooltip-dark-dropshadow,\n 'text': $color-tooltip-dark-text,\n 'icon': $color-tooltip-dark-icon\n )\n ),\n 'ux': (\n 'background': (\n 'default': $color-ux-background-default,\n 'disabled': $color-ux-background-disabled,\n 'highlight': $color-ux-background-highlight,\n 'hover': $color-ux-background-hover,\n 'focus': $color-ux-background-focus,\n 'active': $color-ux-background-active,\n 'alert': $color-ux-background-alert,\n 'attention': $color-ux-background-attention\n ),\n 'borders': (\n 'default': $color-ux-borders-default,\n 'error': $color-ux-borders-error,\n 'highlight': $color-ux-borders-highlight,\n 'hover': $color-ux-borders-hover,\n 'focus': $color-ux-borders-focus,\n 'active': $color-ux-borders-active,\n 'alert': $color-ux-borders-alert,\n 'attention': $color-ux-borders-attention\n ),\n 'labels': (\n 'actionable': $color-ux-labels-actionable,\n 'darkbg': $color-ux-labels-darkbg,\n 'default': $color-ux-labels-default,\n 'error': $color-ux-labels-error,\n 'focus': $color-ux-labels-focus,\n 'hover': $color-ux-labels-hover,\n 'active': $color-ux-labels-active,\n 'alert': $color-ux-labels-alert\n ),\n 'caption': (\n 'background': $color-ux-caption-background,\n 'border': (\n 'bottom': $color-ux-caption-border-bottom,\n 'left': $color-ux-caption-border-left,\n 'right': $color-ux-caption-border-right,\n 'top': $color-ux-caption-border-top\n ),\n 'text': $color-ux-caption-text\n ),\n 'credit': (\n 'background': $color-ux-credit-background,\n 'border': (\n 'bottom': $color-ux-credit-border-bottom,\n 'left': $color-ux-credit-border-left,\n 'right': $color-ux-credit-border-right,\n 'top': $color-ux-credit-border-top\n ),\n 'text': $color-ux-credit-text\n ),\n 'horizontal-rule': (\n 'default': $color-ux-horizontal-rule-default\n ),\n 'notification': (\n 'background': $color-ux-notification-background,\n 'icon': $color-ux-notification-icon,\n 'text': $color-ux-notification-text,\n 'type': (\n 'error': $color-ux-notification-type-error,\n 'info': $color-ux-notification-type-info,\n 'success': $color-ux-notification-type-success,\n 'warning': $color-ux-notification-type-warning\n )\n ),\n 'pagination': (\n 'default': (\n 'background': $color-ux-pagination-default-background,\n 'icon': $color-ux-pagination-default-icon\n ),\n 'hover': (\n 'background': $color-ux-pagination-hover-background,\n 'icon': $color-ux-pagination-hover-icon\n )\n ),\n 'readmore': (\n 'default': (\n 'background': $color-ux-readmore-default-background,\n 'border': (\n 'bottom': $color-ux-readmore-default-border-bottom,\n 'left': $color-ux-readmore-default-border-left,\n 'right': $color-ux-readmore-default-border-right,\n 'top': $color-ux-readmore-default-border-top\n )\n ),\n 'hover': (\n 'background': $color-ux-readmore-hover-background,\n 'border': (\n 'bottom': $color-ux-readmore-hover-border-bottom,\n 'left': $color-ux-readmore-hover-border-left,\n 'right': $color-ux-readmore-hover-border-right,\n 'top': $color-ux-readmore-hover-border-top\n )\n )\n ),\n 'table': (\n 'background': $color-ux-table-background,\n 'content': (\n 'background': $color-ux-table-content-background\n ),\n 'cell': (\n 'background': $color-ux-table-cell-background\n ),\n 'zebra': (\n 'background': $color-ux-table-zebra-background\n ),\n 'hover': (\n 'background': $color-ux-table-hover-background\n ),\n 'selected': (\n 'background': $color-ux-table-selected-background\n )\n ),\n 'tableofcontents': (\n 'items': (\n 'default': (\n 'background': $color-ux-tableofcontents-items-default-background,\n 'border': $color-ux-tableofcontents-items-default-border,\n 'color': $color-ux-tableofcontents-items-default-color,\n 'icon': $color-ux-tableofcontents-items-default-icon\n ),\n 'hover': (\n 'background': $color-ux-tableofcontents-items-hover-background,\n 'border': $color-ux-tableofcontents-items-hover-border,\n 'color': $color-ux-tableofcontents-items-hover-color,\n 'icon': $color-ux-tableofcontents-items-hover-icon\n ),\n 'active': (\n 'background': $color-ux-tableofcontents-items-active-background,\n 'border': $color-ux-tableofcontents-items-active-border,\n 'color': $color-ux-tableofcontents-items-active-color,\n 'icon': $color-ux-tableofcontents-items-active-icon\n )\n )\n ),\n 'video': (\n 'controls': (\n 'default': (\n 'background': $color-ux-video-controls-default-background,\n 'border': (\n 'bottom': $color-ux-video-controls-default-border-bottom,\n 'left': $color-ux-video-controls-default-border-left,\n 'right': $color-ux-video-controls-default-border-right,\n 'top': $color-ux-video-controls-default-border-top\n ),\n 'icon': $color-ux-video-controls-default-icon\n ),\n 'hover': (\n 'background': $color-ux-video-controls-hover-background,\n 'border': (\n 'bottom': $color-ux-video-controls-hover-border-bottom,\n 'left': $color-ux-video-controls-hover-border-left,\n 'right': $color-ux-video-controls-hover-border-right,\n 'top': $color-ux-video-controls-hover-border-top\n ),\n 'icon': $color-ux-video-controls-hover-icon\n )\n )\n )\n )\n);\n\n// FONTS MAP:\n\n$fonts: (\n 'display': $fonts-display,\n 'copy': $fonts-copy\n);\n\n// LAYOUT MAP:\n\n$layout: (\n 'maxWidth': $layout-max-width,\n 'padding': $layout-padding\n);\n\n// OPACITY MAP:\n\n$opacity: (\n 'disabled': $opacity-disabled,\n 'semi-transparent': $opacity-semi-transparent\n);\n\n// RADIUS MAP:\n\n$radius: (\n 'button': (\n 'bottom-left': $radius-button-bottom-left,\n 'bottom-right': $radius-button-bottom-right,\n 'top-left': $radius-button-top-left,\n 'top-right': $radius-button-top-right\n )\n);\n\n// SPACING MAP:\n\n$spacing: (\n 'base': $spacing-base,\n 'root': $spacing-root,\n 'spacing-1': $spacing-spacing-1,\n 'spacing-2': $spacing-spacing-2,\n 'spacing-3': $spacing-spacing-3,\n 'spacing-4': $spacing-spacing-4,\n 'spacing-5 ': $spacing-spacing-5,\n 'spacing-6': $spacing-spacing-6,\n 'spacing-7': $spacing-spacing-7,\n 'spacing-8': $spacing-spacing-8,\n 'spacing-9': $spacing-spacing-9,\n 'spacing-10': $spacing-spacing-10,\n 'spacing-11': $spacing-spacing-11,\n 'spacing-12': $spacing-spacing-12,\n 'spacing-13': $spacing-spacing-13,\n 'spacing-14': $spacing-spacing-14,\n 'spacing-15': $spacing-spacing-15,\n 'spacing-16': $spacing-spacing-16,\n 'spacing-17': $spacing-spacing-17,\n 'spacing-18': $spacing-spacing-18,\n 'spacing-19': $spacing-spacing-19,\n 'spacing-20': $spacing-spacing-20,\n 'spacing-21': $spacing-spacing-21,\n 'spacing-22': $spacing-spacing-22,\n 'spacing-23': $spacing-spacing-23,\n 'spacing-24': $spacing-spacing-24,\n 'spacing-25': $spacing-spacing-25,\n 'spacing-26': $spacing-spacing-26,\n 'spacing-27': $spacing-spacing-27,\n 'spacing-28': $spacing-spacing-28,\n 'padding-0-5': $spacing-padding-0-5,\n 'padding-1': $spacing-padding-1,\n 'padding-1-5': $spacing-padding-1-5,\n 'padding-2': $spacing-padding-2,\n 'padding-3': $spacing-padding-3,\n 'padding-4': $spacing-padding-4,\n 'padding-5': $spacing-padding-5,\n 'padding-6': $spacing-padding-6,\n 'padding-7': $spacing-padding-7,\n 'padding-8': $spacing-padding-8,\n 'padding-9': $spacing-padding-9,\n 'padding-10': $spacing-padding-10,\n 'padding-11': $spacing-padding-11,\n 'padding-12': $spacing-padding-12,\n 'padding-13': $spacing-padding-13,\n 'padding-14': $spacing-padding-14,\n 'padding-15': $spacing-padding-15,\n 'horizontal-rule': $spacing-horizontal-rule,\n 'label-padding': $spacing-label-padding,\n 'ui-padding-sm': $spacing-ui-padding-sm,\n 'ui-padding': $spacing-ui-padding,\n 'ui-padding-lg': $spacing-ui-padding-lg,\n 'ui-padding-xl': $spacing-ui-padding-xl,\n 'ui-padding-xxl': $spacing-ui-padding-xxl,\n 'boxpadding': (\n 'button': (\n 'small': (\n 'bottom': $spacing-boxpadding-button-small-bottom,\n 'left': $spacing-boxpadding-button-small-left,\n 'right': $spacing-boxpadding-button-small-right,\n 'top': $spacing-boxpadding-button-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-button-medium-bottom,\n 'left': $spacing-boxpadding-button-medium-left,\n 'right': $spacing-boxpadding-button-medium-right,\n 'top': $spacing-boxpadding-button-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-button-large-bottom,\n 'left': $spacing-boxpadding-button-large-left,\n 'right': $spacing-boxpadding-button-large-right,\n 'top': $spacing-boxpadding-button-large-top\n )\n ),\n 'button-icon': (\n 'small': (\n 'bottom': $spacing-boxpadding-button-icon-small-bottom,\n 'left': $spacing-boxpadding-button-icon-small-left,\n 'right': $spacing-boxpadding-button-icon-small-right,\n 'top': $spacing-boxpadding-button-icon-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-button-icon-medium-bottom,\n 'left': $spacing-boxpadding-button-icon-medium-left,\n 'right': $spacing-boxpadding-button-icon-medium-right,\n 'top': $spacing-boxpadding-button-icon-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-button-icon-large-bottom,\n 'left': $spacing-boxpadding-button-icon-large-left,\n 'right': $spacing-boxpadding-button-icon-large-right,\n 'top': $spacing-boxpadding-button-icon-large-top\n )\n ),\n 'caption': (\n 'small': (\n 'bottom': $spacing-boxpadding-caption-small-bottom,\n 'left': $spacing-boxpadding-caption-small-left,\n 'right': $spacing-boxpadding-caption-small-right,\n 'top': $spacing-boxpadding-caption-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-caption-medium-bottom,\n 'left': $spacing-boxpadding-caption-medium-left,\n 'right': $spacing-boxpadding-caption-medium-right,\n 'top': $spacing-boxpadding-caption-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-caption-large-bottom,\n 'left': $spacing-boxpadding-caption-large-left,\n 'right': $spacing-boxpadding-caption-large-right,\n 'top': $spacing-boxpadding-caption-large-top\n )\n ),\n 'credit': (\n 'small': (\n 'bottom': $spacing-boxpadding-credit-small-bottom,\n 'left': $spacing-boxpadding-credit-small-left,\n 'right': $spacing-boxpadding-credit-small-right,\n 'top': $spacing-boxpadding-credit-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-credit-medium-bottom,\n 'left': $spacing-boxpadding-credit-medium-left,\n 'right': $spacing-boxpadding-credit-medium-right,\n 'top': $spacing-boxpadding-credit-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-credit-large-bottom,\n 'left': $spacing-boxpadding-credit-large-left,\n 'right': $spacing-boxpadding-credit-large-right,\n 'top': $spacing-boxpadding-credit-large-top\n )\n )\n ),\n 'formelements': (\n 'input': (\n 'default': (\n 'height': $spacing-formelements-input-default-height,\n 'border': (\n 'bottom': $spacing-formelements-input-default-border-bottom,\n 'left': $spacing-formelements-input-default-border-left,\n 'right': $spacing-formelements-input-default-border-right,\n 'top': $spacing-formelements-input-default-border-top\n ),\n 'margin': (\n 'bottom': $spacing-formelements-input-default-margin-bottom,\n 'left': $spacing-formelements-input-default-margin-left,\n 'right': $spacing-formelements-input-default-margin-right,\n 'top': $spacing-formelements-input-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-formelements-input-default-padding-bottom,\n 'left': $spacing-formelements-input-default-padding-left,\n 'right': $spacing-formelements-input-default-padding-right,\n 'top': $spacing-formelements-input-default-padding-top\n ),\n 'width': $spacing-formelements-input-default-width\n ),\n 'focus': (\n 'border': (\n 'bottom': $spacing-formelements-input-focus-border-bottom,\n 'left': $spacing-formelements-input-focus-border-left,\n 'right': $spacing-formelements-input-focus-border-right,\n 'top': $spacing-formelements-input-focus-border-top\n )\n ),\n 'hover': (\n 'border': (\n 'bottom': $spacing-formelements-input-hover-border-bottom,\n 'left': $spacing-formelements-input-hover-border-left,\n 'right': $spacing-formelements-input-hover-border-right,\n 'top': $spacing-formelements-input-hover-border-top\n )\n ),\n 'invalid': (\n 'border': (\n 'bottom': $spacing-formelements-input-invalid-border-bottom,\n 'left': $spacing-formelements-input-invalid-border-left,\n 'right': $spacing-formelements-input-invalid-border-right,\n 'top': $spacing-formelements-input-invalid-border-top\n )\n ),\n 'error': (\n 'border': (\n 'bottom': $spacing-formelements-input-error-border-bottom,\n 'left': $spacing-formelements-input-error-border-left,\n 'right': $spacing-formelements-input-error-border-right,\n 'top': $spacing-formelements-input-error-border-top\n )\n )\n ),\n 'toggle': (\n 'base': (\n 'height': $spacing-formelements-toggle-base-height,\n 'width': $spacing-formelements-toggle-base-width\n )\n ),\n 'inputbutton': (\n 'default': (\n 'height': $spacing-formelements-inputbutton-default-height,\n 'border': (\n 'bottom': $spacing-formelements-inputbutton-default-border-bottom,\n 'left': $spacing-formelements-inputbutton-default-border-left,\n 'right': $spacing-formelements-inputbutton-default-border-right,\n 'top': $spacing-formelements-inputbutton-default-border-top\n ),\n 'borderrtl': (\n 'bottom': $spacing-formelements-inputbutton-default-borderrtl-bottom,\n 'left': $spacing-formelements-inputbutton-default-borderrtl-left,\n 'right': $spacing-formelements-inputbutton-default-borderrtl-right,\n 'top': $spacing-formelements-inputbutton-default-borderrtl-top\n ),\n 'margin': (\n 'bottom': $spacing-formelements-inputbutton-default-margin-bottom,\n 'left': $spacing-formelements-inputbutton-default-margin-left,\n 'right': $spacing-formelements-inputbutton-default-margin-right,\n 'top': $spacing-formelements-inputbutton-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-formelements-inputbutton-default-padding-bottom,\n 'left': $spacing-formelements-inputbutton-default-padding-left,\n 'right': $spacing-formelements-inputbutton-default-padding-right,\n 'top': $spacing-formelements-inputbutton-default-padding-top\n ),\n 'width': $spacing-formelements-inputbutton-default-width\n )\n ),\n 'uploadedfile': (\n 'default': (\n 'height': $spacing-formelements-uploadedfile-default-height,\n 'border': (\n 'bottom': $spacing-formelements-uploadedfile-default-border-bottom,\n 'left': $spacing-formelements-uploadedfile-default-border-left,\n 'right': $spacing-formelements-uploadedfile-default-border-right,\n 'top': $spacing-formelements-uploadedfile-default-border-top\n ),\n 'margin': (\n 'bottom': $spacing-formelements-uploadedfile-default-margin-bottom,\n 'left': $spacing-formelements-uploadedfile-default-margin-left,\n 'right': $spacing-formelements-uploadedfile-default-margin-right,\n 'top': $spacing-formelements-uploadedfile-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-formelements-uploadedfile-default-padding-bottom,\n 'left': $spacing-formelements-uploadedfile-default-padding-left,\n 'right': $spacing-formelements-uploadedfile-default-padding-right,\n 'top': $spacing-formelements-uploadedfile-default-padding-top\n ),\n 'width': $spacing-formelements-uploadedfile-default-width\n )\n )\n ),\n 'hero': (\n 'tooltip': (\n 'width': $spacing-hero-tooltip-width,\n 'height': $spacing-hero-tooltip-height\n ),\n 'image': (\n 'min-height': $spacing-hero-image-min-height\n )\n ),\n 'hero-card': (\n 'padding': (\n 'y': (\n 'sm': $spacing-hero-card-padding-y-sm,\n 'lg': $spacing-hero-card-padding-y-lg\n ),\n 'x': (\n 'sm': $spacing-hero-card-padding-x-sm,\n 'lg': $spacing-hero-card-padding-x-lg\n )\n ),\n 'corner-cut': (\n 'width': (\n 'sm': $spacing-hero-card-corner-cut-width-sm,\n 'lg': $spacing-hero-card-corner-cut-width-lg\n ),\n 'height': (\n 'sm': $spacing-hero-card-corner-cut-height-sm,\n 'lg': $spacing-hero-card-corner-cut-height-lg\n )\n )\n ),\n 'icons': (\n 'icon-height-sm': $spacing-icons-icon-height-sm,\n 'icon-height-m': $spacing-icons-icon-height-m,\n 'icon-height-lg': $spacing-icons-icon-height-lg,\n 'icon-padding-sm': $spacing-icons-icon-padding-sm,\n 'icon-padding-m': $spacing-icons-icon-padding-m,\n 'icon-padding-lg': $spacing-icons-icon-padding-lg\n ),\n 'tooltip': (\n 'tooltip-arrow-height': $spacing-tooltip-tooltip-arrow-height,\n 'tooltip-arrow-width': $spacing-tooltip-tooltip-arrow-width\n ),\n 'ux': (\n 'caption': (\n 'border': (\n 'bottom': $spacing-ux-caption-border-bottom,\n 'left': $spacing-ux-caption-border-left,\n 'right': $spacing-ux-caption-border-right,\n 'top': $spacing-ux-caption-border-top\n ),\n 'height': $spacing-ux-caption-height,\n 'width': $spacing-ux-caption-width\n ),\n 'credit': (\n 'border': (\n 'bottom': $spacing-ux-credit-border-bottom,\n 'left': $spacing-ux-credit-border-left,\n 'right': $spacing-ux-credit-border-right,\n 'top': $spacing-ux-credit-border-top\n ),\n 'height': $spacing-ux-credit-height,\n 'width': $spacing-ux-credit-width\n ),\n 'pagination': (\n 'padding': (\n 'bottom': $spacing-ux-pagination-padding-bottom,\n 'left': $spacing-ux-pagination-padding-left,\n 'right': $spacing-ux-pagination-padding-right,\n 'top': $spacing-ux-pagination-padding-top\n ),\n 'width': $spacing-ux-pagination-width\n ),\n 'readmore': (\n 'default': (\n 'height': $spacing-ux-readmore-default-height,\n 'border': (\n 'bottom': $spacing-ux-readmore-default-border-bottom,\n 'left': $spacing-ux-readmore-default-border-left,\n 'right': $spacing-ux-readmore-default-border-right,\n 'top': $spacing-ux-readmore-default-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-readmore-default-margin-bottom,\n 'left': $spacing-ux-readmore-default-margin-left,\n 'right': $spacing-ux-readmore-default-margin-right,\n 'top': $spacing-ux-readmore-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-readmore-default-padding-bottom,\n 'left': $spacing-ux-readmore-default-padding-left,\n 'right': $spacing-ux-readmore-default-padding-right,\n 'top': $spacing-ux-readmore-default-padding-top\n ),\n 'width': $spacing-ux-readmore-default-width\n ),\n 'hover': (\n 'height': $spacing-ux-readmore-hover-height,\n 'border': (\n 'bottom': $spacing-ux-readmore-hover-border-bottom,\n 'left': $spacing-ux-readmore-hover-border-left,\n 'right': $spacing-ux-readmore-hover-border-right,\n 'top': $spacing-ux-readmore-hover-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-readmore-hover-margin-bottom,\n 'left': $spacing-ux-readmore-hover-margin-left,\n 'right': $spacing-ux-readmore-hover-margin-right,\n 'top': $spacing-ux-readmore-hover-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-readmore-hover-padding-bottom,\n 'left': $spacing-ux-readmore-hover-padding-left,\n 'right': $spacing-ux-readmore-hover-padding-right,\n 'top': $spacing-ux-readmore-hover-padding-top\n ),\n 'width': $spacing-ux-readmore-hover-width\n )\n ),\n 'video': (\n 'controls': (\n 'height': $spacing-ux-video-controls-height,\n 'border': (\n 'bottom': $spacing-ux-video-controls-border-bottom,\n 'left': $spacing-ux-video-controls-border-left,\n 'right': $spacing-ux-video-controls-border-right,\n 'top': $spacing-ux-video-controls-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-video-controls-margin-bottom,\n 'left': $spacing-ux-video-controls-margin-left,\n 'right': $spacing-ux-video-controls-margin-right,\n 'top': $spacing-ux-video-controls-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-video-controls-padding-bottom,\n 'left': $spacing-ux-video-controls-padding-left,\n 'right': $spacing-ux-video-controls-padding-right,\n 'top': $spacing-ux-video-controls-padding-top\n ),\n 'width': $spacing-ux-video-controls-width\n ),\n 'buttonicon': (\n 'height': $spacing-ux-video-buttonicon-height,\n 'border': (\n 'bottom': $spacing-ux-video-buttonicon-border-bottom,\n 'left': $spacing-ux-video-buttonicon-border-left,\n 'right': $spacing-ux-video-buttonicon-border-right,\n 'top': $spacing-ux-video-buttonicon-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-video-buttonicon-margin-bottom,\n 'left': $spacing-ux-video-buttonicon-margin-left,\n 'right': $spacing-ux-video-buttonicon-margin-right,\n 'top': $spacing-ux-video-buttonicon-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-video-buttonicon-padding-bottom,\n 'left': $spacing-ux-video-buttonicon-padding-left,\n 'right': $spacing-ux-video-buttonicon-padding-right,\n 'top': $spacing-ux-video-buttonicon-padding-top\n ),\n 'width': $spacing-ux-video-buttonicon-width\n ),\n 'bigplaybutton': (\n 'height': $spacing-ux-video-bigplaybutton-height,\n 'border': (\n 'bottom': $spacing-ux-video-bigplaybutton-border-bottom,\n 'left': $spacing-ux-video-bigplaybutton-border-left,\n 'right': $spacing-ux-video-bigplaybutton-border-right,\n 'top': $spacing-ux-video-bigplaybutton-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-video-bigplaybutton-margin-bottom,\n 'left': $spacing-ux-video-bigplaybutton-margin-left,\n 'right': $spacing-ux-video-bigplaybutton-margin-right,\n 'top': $spacing-ux-video-bigplaybutton-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-video-bigplaybutton-padding-bottom,\n 'left': $spacing-ux-video-bigplaybutton-padding-left,\n 'right': $spacing-ux-video-bigplaybutton-padding-right,\n 'top': $spacing-ux-video-bigplaybutton-padding-top\n ),\n 'width': $spacing-ux-video-bigplaybutton-width\n )\n ),\n 'table': (\n 'padding': (\n 'bottom': $spacing-ux-table-padding-bottom,\n 'left': $spacing-ux-table-padding-left,\n 'right': $spacing-ux-table-padding-right,\n 'top': $spacing-ux-table-padding-top\n ),\n 'content': (\n 'padding': (\n 'bottom': $spacing-ux-table-content-padding-bottom,\n 'left': $spacing-ux-table-content-padding-left,\n 'right': $spacing-ux-table-content-padding-right,\n 'top': $spacing-ux-table-content-padding-top\n )\n ),\n 'head': (\n 'padding': (\n 'bottom': $spacing-ux-table-head-padding-bottom,\n 'left': $spacing-ux-table-head-padding-left,\n 'right': $spacing-ux-table-head-padding-right,\n 'top': $spacing-ux-table-head-padding-top\n )\n ),\n 'cell': (\n 'padding': (\n 'bottom': $spacing-ux-table-cell-padding-bottom,\n 'left': $spacing-ux-table-cell-padding-left,\n 'right': $spacing-ux-table-cell-padding-right,\n 'top': $spacing-ux-table-cell-padding-top\n )\n ),\n 'smallhead': (\n 'padding': (\n 'bottom': $spacing-ux-table-smallhead-padding-bottom,\n 'left': $spacing-ux-table-smallhead-padding-left,\n 'right': $spacing-ux-table-smallhead-padding-right,\n 'top': $spacing-ux-table-smallhead-padding-top\n )\n ),\n 'smallcell': (\n 'padding': (\n 'bottom': $spacing-ux-table-smallcell-padding-bottom,\n 'left': $spacing-ux-table-smallcell-padding-left,\n 'right': $spacing-ux-table-smallcell-padding-right,\n 'top': $spacing-ux-table-smallcell-padding-top\n )\n )\n ),\n 'tableofcontents': (\n 'border': (\n 'bottom': $spacing-ux-tableofcontents-border-bottom,\n 'left': $spacing-ux-tableofcontents-border-left,\n 'right': $spacing-ux-tableofcontents-border-right,\n 'top': $spacing-ux-tableofcontents-border-top\n ),\n 'borderradius': $spacing-ux-tableofcontents-borderradius,\n 'margin': (\n 'bottom': $spacing-ux-tableofcontents-margin-bottom,\n 'left': $spacing-ux-tableofcontents-margin-left,\n 'right': $spacing-ux-tableofcontents-margin-right,\n 'top': $spacing-ux-tableofcontents-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-tableofcontents-padding-bottom,\n 'left': $spacing-ux-tableofcontents-padding-left,\n 'right': $spacing-ux-tableofcontents-padding-right,\n 'top': $spacing-ux-tableofcontents-padding-top\n ),\n 'items': (\n 'border': (\n 'bottom': $spacing-ux-tableofcontents-items-border-bottom,\n 'left': $spacing-ux-tableofcontents-items-border-left,\n 'right': $spacing-ux-tableofcontents-items-border-right,\n 'top': $spacing-ux-tableofcontents-items-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-tableofcontents-items-margin-bottom,\n 'left': $spacing-ux-tableofcontents-items-margin-left,\n 'right': $spacing-ux-tableofcontents-items-margin-right,\n 'top': $spacing-ux-tableofcontents-items-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-tableofcontents-items-padding-bottom,\n 'left': $spacing-ux-tableofcontents-items-padding-left,\n 'right': $spacing-ux-tableofcontents-items-padding-right,\n 'top': $spacing-ux-tableofcontents-items-padding-top\n )\n )\n )\n )\n);\n\n// THEMEPREFIX MAP:\n\n$themeprefix: $themeprefix;\n\n// TYPE MAP:\n\n$type: (\n 'descenders': (\n 'display': $type-descenders-display,\n 'copy': $type-descenders-copy\n ),\n 'base': (\n 'size': $type-base-size,\n 'letter-spacing': $type-base-letter-spacing,\n 'line-height': $type-base-line-height\n ),\n 'body-eyebrow': (\n 'size': $type-body-eyebrow-size,\n 'letter-spacing': $type-body-eyebrow-letter-spacing,\n 'line-height': $type-body-eyebrow-line-height\n ),\n 'body-small': (\n 'size': $type-body-small-size,\n 'letter-spacing': $type-body-small-letter-spacing,\n 'line-height': $type-body-small-line-height\n ),\n 'body-large': (\n 'size': $type-body-large-size,\n 'letter-spacing': $type-body-large-letter-spacing,\n 'line-height': $type-body-large-line-height\n ),\n 'body-xs': (\n 'size': $type-body-xs-size,\n 'letter-spacing': $type-body-xs-letter-spacing,\n 'line-height': $type-body-xs-line-height\n ),\n 'body-xxs': (\n 'size': $type-body-xxs-size,\n 'letter-spacing': $type-body-xxs-letter-spacing,\n 'line-height': $type-body-xxs-line-height\n ),\n 'body-xxxs': (\n 'size': $type-body-xxxs-size,\n 'letter-spacing': $type-body-xxxs-letter-spacing,\n 'line-height': $type-body-xxxs-line-height\n ),\n 'button-small': (\n 'size': $type-button-small-size,\n 'letter-spacing': $type-button-small-letter-spacing,\n 'line-height': $type-button-small-line-height\n ),\n 'button-medium': (\n 'size': $type-button-medium-size,\n 'letter-spacing': $type-button-medium-letter-spacing,\n 'line-height': $type-button-medium-line-height\n ),\n 'button-large': (\n 'size': $type-button-large-size,\n 'letter-spacing': $type-button-large-letter-spacing,\n 'line-height': $type-button-large-line-height\n ),\n 'headline-1': (\n 'size': $type-headline-1-size,\n 'letter-spacing': $type-headline-1-letter-spacing,\n 'line-height': $type-headline-1-line-height\n ),\n 'headline-2': (\n 'size': $type-headline-2-size,\n 'letter-spacing': $type-headline-2-letter-spacing,\n 'line-height': $type-headline-2-line-height\n ),\n 'headline-3': (\n 'size': $type-headline-3-size,\n 'letter-spacing': $type-headline-3-letter-spacing,\n 'line-height': $type-headline-3-line-height\n ),\n 'headline-4': (\n 'size': $type-headline-4-size,\n 'letter-spacing': $type-headline-4-letter-spacing,\n 'line-height': $type-headline-4-line-height\n ),\n 'headline-5': (\n 'size': $type-headline-5-size,\n 'letter-spacing': $type-headline-5-letter-spacing,\n 'line-height': $type-headline-5-line-height\n ),\n 'headline-6': (\n 'size': $type-headline-6-size,\n 'letter-spacing': $type-headline-6-letter-spacing,\n 'line-height': $type-headline-6-line-height\n ),\n 'rich-text-heading-1': (\n 'size': $type-rich-text-heading-1-size,\n 'letter-spacing': $type-rich-text-heading-1-letter-spacing,\n 'line-height': $type-rich-text-heading-1-line-height\n ),\n 'rich-text-heading-1-md': (\n 'size': $type-rich-text-heading-1-md-size,\n 'letter-spacing': $type-rich-text-heading-1-md-letter-spacing,\n 'line-height': $type-rich-text-heading-1-md-line-height\n ),\n 'rich-text-heading-2': (\n 'size': $type-rich-text-heading-2-size,\n 'letter-spacing': $type-rich-text-heading-2-letter-spacing,\n 'line-height': $type-rich-text-heading-2-line-height\n ),\n 'rich-text-heading-2-md': (\n 'size': $type-rich-text-heading-2-md-size,\n 'letter-spacing': $type-rich-text-heading-2-md-letter-spacing,\n 'line-height': $type-rich-text-heading-2-md-line-height\n ),\n 'rich-text-heading-3': (\n 'size': $type-rich-text-heading-3-size,\n 'letter-spacing': $type-rich-text-heading-3-letter-spacing,\n 'line-height': $type-rich-text-heading-3-line-height\n ),\n 'rich-text-heading-3-md': (\n 'size': $type-rich-text-heading-3-md-size,\n 'letter-spacing': $type-rich-text-heading-3-md-letter-spacing,\n 'line-height': $type-rich-text-heading-3-md-line-height\n ),\n 'rich-text-heading-4': (\n 'size': $type-rich-text-heading-4-size,\n 'letter-spacing': $type-rich-text-heading-4-letter-spacing,\n 'line-height': $type-rich-text-heading-4-line-height\n ),\n 'rich-text-heading-4-md': (\n 'size': $type-rich-text-heading-4-md-size,\n 'letter-spacing': $type-rich-text-heading-4-md-letter-spacing,\n 'line-height': $type-rich-text-heading-4-md-line-height\n ),\n 'rich-text-heading-5': (\n 'size': $type-rich-text-heading-5-size,\n 'letter-spacing': $type-rich-text-heading-5-letter-spacing,\n 'line-height': $type-rich-text-heading-5-line-height\n ),\n 'rich-text-heading-5-md': (\n 'size': $type-rich-text-heading-5-md-size,\n 'letter-spacing': $type-rich-text-heading-5-md-letter-spacing,\n 'line-height': $type-rich-text-heading-5-md-line-height\n ),\n 'language-switcher': (\n 'size': $type-language-switcher-size,\n 'letter-spacing': $type-language-switcher-letter-spacing,\n 'line-height': $type-language-switcher-line-height\n ),\n 'label-small': (\n 'size': $type-label-small-size,\n 'letter-spacing': $type-label-small-letter-spacing,\n 'line-height': $type-label-small-line-height\n ),\n 'label-medium': (\n 'size': $type-label-medium-size,\n 'letter-spacing': $type-label-medium-letter-spacing,\n 'line-height': $type-label-medium-line-height\n ),\n 'label-large': (\n 'size': $type-label-large-size,\n 'letter-spacing': $type-label-large-letter-spacing,\n 'line-height': $type-label-large-line-height\n ),\n 'legend': (\n 'size': $type-legend-size,\n 'letter-spacing': $type-legend-letter-spacing,\n 'line-height': $type-legend-line-height\n ),\n 'nav-md': (\n 'size': $type-nav-md-size,\n 'letter-spacing': $type-nav-md-letter-spacing,\n 'line-height': $type-nav-md-line-height\n ),\n 'nav-md-sm': (\n 'size': $type-nav-md-sm-size,\n 'letter-spacing': $type-nav-md-sm-letter-spacing,\n 'line-height': $type-nav-md-sm-line-height\n ),\n 'nav-bold-b-sm': (\n 'size': $type-nav-bold-b-sm-size,\n 'letter-spacing': $type-nav-bold-b-sm-letter-spacing,\n 'line-height': $type-nav-bold-b-sm-line-height\n ),\n 'nav-bold-b': (\n 'size': $type-nav-bold-b-size,\n 'letter-spacing': $type-nav-bold-b-letter-spacing,\n 'line-height': $type-nav-bold-b-line-height\n ),\n 'pull-quote-sm': (\n 'size': $type-pull-quote-sm-size,\n 'letter-spacing': $type-pull-quote-sm-letter-spacing,\n 'line-height': $type-pull-quote-sm-line-height\n ),\n 'pull-quote-lg': (\n 'size': $type-pull-quote-lg-size,\n 'letter-spacing': $type-pull-quote-lg-letter-spacing,\n 'line-height': $type-pull-quote-lg-line-height\n ),\n 'pull-quote-cite': (\n 'size': $type-pull-quote-cite-size,\n 'letter-spacing': $type-pull-quote-cite-letter-spacing,\n 'line-height': $type-pull-quote-cite-line-height\n ),\n 'image-caption': (\n 'size': $type-image-caption-size,\n 'letter-spacing': $type-image-caption-letter-spacing,\n 'line-height': $type-image-caption-line-height\n ),\n 'image-credit': (\n 'size': $type-image-credit-size,\n 'letter-spacing': $type-image-credit-letter-spacing,\n 'line-height': $type-image-credit-line-height\n ),\n 'tagline': (\n 'size': $type-tagline-size,\n 'letter-spacing': $type-tagline-letter-spacing,\n 'line-height': $type-tagline-line-height\n ),\n 'weights': (\n 'section': $type-weights-section,\n 'label': $type-weights-label\n )\n);\n\n// WIDTHS MAP:\n\n$widths: (\n 'border-xsm': $widths-border-xsm,\n 'border-sm': $widths-border-sm,\n 'border-med-sm': $widths-border-med-sm,\n 'border-med': $widths-border-med,\n 'border-lg': $widths-border-lg,\n 'tags': (\n 'max-width': $widths-tags-max-width\n )\n);\n"]}
1
+ {"version":3,"sources":["_reset.scss","theme/_typography.scss","theme/_foundation.scss","_typography.scss","../node_modules/@ilo-org/themes/build/scss/_tokens.scss"],"names":[],"mappings":"iBAMA,EAAA,QAAA,SAGE,WAAA,WAGF,QAAA,WAAA,KAAA,GAAA,SAAA,OAAA,KAAA,OAAA,OAAA,GAAA,OAAA,EAAA,IAAA,MAAA,GAeE,OAAA,EACA,QAAA,EACA,OAAA,EAGF,GAAA,GAAA,GAAA,GAAA,GAAA,GAME,OAAA,EACA,UAAA,QACA,YAAA,QAGF,QAAA,MAAA,QAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QAWE,QAAA,MAGF,KACE,YAAA,EAGF,GACE,WAAA,KAGF,MACE,aAAA,QACA,gBAAA,SACA,eAAA,EAGF,GAAA,GAEE,eAAA,IACA,QAAA,EAGF,GACE,WAAA,KACA,YAAA,IAGF,OAAA,MAAA,SAAA,OAAA,SAKE,mBAAA,KACA,WAAA,KACA,eAAA,OACA,MAAA,QACA,KAAA,QACA,WAAA,IACA,QAAA,EACA,OAAA,EACA,cAAA,EACA,WAAA,QACA,eAAA,QAGF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QACA,iBAAA,IACA,OAAA,EACA,MAAA,KACA,MAAA,QAGF,SACE,SAAA,KAGF,OACE,mBAAA,KACA,gBAAA,KAKF,6CACE,IACE,KAAA,YC3HJ,MAEE,oBAAA,QAAA,CAAA,KAAA,IAAA,CAAA,WAGA,uBAAA,SAAA,EAAA,CAAA,UAAA,KAAA,CAAA,IAAA,CAAA,WACA,uBAAA,KAAA,KAAA,IAAA,EAAA,CAAA,GAAA,MAAA,CAAA,SAAA,IAAA,CAAA,YAAA,CAAA,WAIA,iBAAA,KAAA,IAAA,CAAA,WAGA,oBAAA,SAAA,EAAA,CAAA,UAAA,KAAA,CAAA,IAAA,CAAA,WACA,oBAAA,KAAA,KAAA,IAAA,EAAA,CAAA,GAAA,MAAA,CAAA,SAAA,IAAA,CAAA,YAAA,CAAA,WAGA,sBAAA,UACA,kBAAA,KAGA,qBAAA,gBACA,oBAAA,gBACA,mBAAA,gBACA,mBAAA,gBACA,mBAAA,gBACA,oBAAA,gBACA,qBAAA,gBACA,qBAAA,gBACA,qBAAA,gBACA,qBAAA,gBAGA,wBAAA,IACA,0BAAA,IACA,yBAAA,IACA,uBAAA,IAGA,sBAAA,KACA,qBAAA,IACA,qBAAA,KACA,qBAAA,IACA,sBAAA,KACA,uBAAA,KACA,uBAAA,IAGA,yBAAA,MACA,wBAAA,IACA,wBAAA,EACA,wBAAA,GC/CF,MACE,YAAA,EAKA,kBAAA,uBACA,iBAAA,qBACA,yBAAA,uBACA,uBAAA,uBACA,sBAAA,mBACA,wBAAA,uBACA,sBAAA,uBACA,2BAAA,qBACA,0BAAA,oBACA,4BAAA,uBACA,uBAAA,uBACA,wCAAA,0BACA,sBAAA,uBACA,gBAAA,qBACA,sBAAA,uBACA,qBAAA,qBACA,qBAAA,uBACA,mBAAA,sBACA,yBAAA,uBACA,wBAAA,wBACA,kBAAA,uBACA,wBAAA,uBACA,uBAAA,yBACA,sBAAA,qBACA,mBAAA,qBAEA,oCAAA,qBACA,mCAAA,sBACA,sCAAA,uBACA,sCAAA,wBACA,+BAAA,uBACA,8BAAA,sBACA,iCAAA,4BACA,6BAAA,8BACA,6BAAA,uBAEA,4BAAA,2BACA,0BAAA,sBACA,2BAAA,sBACA,0BAAA,wBAKA,oBAAA,MACA,oBAAA,MACA,oBAAA,MACA,oBAAA,OACA,oBAAA,OACA,qBAAA,OACA,oBAAA,yCAMA,qBAAA,yCACA,oBAAA,yCACA,mBAAA,yCACA,mBAAA,wCACA,mBAAA,yCACA,oBAAA,yCACA,qBAAA,yCACA,qBAAA,yCACA,qBAAA,yCACA,qBAAA,yCAKA,0BAAA,IACA,yBAAA,IACA,uBAAA,IAKA,sBAAA,KACA,qBAAA,KACA,qBAAA,KACA,qBAAA,KACA,sBAAA,KACA,uBAAA,KACA,uBAAA,KAKA,yBAAA,MACA,wBAAA,IACA,wBAAA,EACA,wBAAA,GAKA,mBAAA,yCAKA,0BAAA,MACA,iCAAA,SAKA,gBAAA,yCACA,gBAAA,yCACA,gBAAA,yCACA,gBAAA,yCC/GF,KAAA,KAEE,MCegB,QDdhB,YAAA,sBACA,UAAA,QACA,YAAA,QACA,eCqoByB,ODpoBzB,uBAAA,YAGF,GAAA,GAAA,GAAA,GAAA,GAME,YAAA,yBAIF,eACE,oBAAA,4BACA,iBAAA,yBAIF,eACE,oBAAA,4BACA,iBAAA","file":"global.css","sourcesContent":["/**\n* This file is an opinionated reset that is based on https://nicolas-cusan.github.io/destyle.css/\n* it aims to provide a clean layer for styling, the reset should be used with normalize.css in order to create\n* a normalized base\n**/\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nbody,\np,\ntable,\nblockquote,\naddress,\npre,\niframe,\nform,\nfigure,\ndl,\nul,\nol,\nfieldset,\noption,\nlegend {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nul {\n list-style: none;\n}\n\ntable {\n border-color: inherit;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n vertical-align: top;\n padding: 0;\n}\n\nth {\n text-align: left;\n font-weight: bold;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n -webkit-appearance: none;\n appearance: none;\n vertical-align: middle;\n color: inherit;\n font: inherit;\n background: transparent;\n padding: 0;\n margin: 0;\n border-radius: 0;\n text-align: inherit;\n text-transform: inherit;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n border-top-width: 1px;\n margin: 0;\n clear: both;\n color: inherit;\n}\n\ntextarea {\n overflow: auto;\n}\n\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n@media screen and (-ms-high-contrast: active) {\n svg {\n fill: ButtonText;\n }\n}\n",":root {\n // Display Font Families\n --ilo-fonts-display: Overpass, Noto Sans, sans-serif;\n\n // Chinese and Japanese system fonts\n --ilo-fonts-display-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-display-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans,\n TakaoPGothic, sans-serif;\n\n // Copy font families\n --ilo-fonts-copy: Noto Sans, sans-serif;\n\n // Chinese and Japanese system fonts\n --ilo-fonts-copy-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-copy-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans, TakaoPGothic,\n sans-serif;\n\n --ilo-fonts-monospace: monospace;\n --ilo-line-height: 1.46;\n\n // Font Sizes\n --ilo-font-size-2xsm: px-to-rem(10px);\n --ilo-font-size-xsm: px-to-rem(12px);\n --ilo-font-size-sm: px-to-rem(14px);\n --ilo-font-size-md: px-to-rem(16px);\n --ilo-font-size-lg: px-to-rem(18px);\n --ilo-font-size-xlg: px-to-rem(24px);\n --ilo-font-size-2xlg: px-to-rem(28px);\n --ilo-font-size-3xlg: px-to-rem(32px);\n --ilo-font-size-4xlg: px-to-rem(36px);\n --ilo-font-size-5xlg: px-to-rem(44px);\n\n // Font Weight\n --ilo-font-weight-light: 300;\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n // Line Height\n --ilo-line-height-xsm: 1.15;\n --ilo-line-height-sm: 1.2;\n --ilo-line-height-md: 1.25;\n --ilo-line-height-lg: 1.3;\n --ilo-line-height-xlg: 1.35;\n --ilo-line-height-2xlg: 1.45;\n --ilo-line-height-3xlg: 1.5;\n\n // Letter Spacing\n --ilo-letter-spacing-xsm: -3.5%;\n --ilo-letter-spacing-sm: -2%;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 2%;\n}\n","@use \"../functions\" as *;\n@use \"./breakpoints\" as *;\n@use \"./typography\" as *;\n\n:root {\n --ilo-scale: 1; // default scale for the design system\n\n /**\n * Colors\n */\n --ilo-color-white: rgba(255, 255, 255, 1);\n --ilo-color-blue: rgba(30, 45, 190, 1);\n --ilo-color-blue-lighter: rgba(235, 245, 253, 1);\n --ilo-color-blue-light: rgba(190, 220, 250, 1);\n --ilo-color-blue-dark: rgba(35, 0, 80, 1);\n --ilo-color-blue-medium: rgba(210, 213, 242, 1);\n --ilo-color-blue-ramp: rgba(30, 45, 190, 0.4);\n --ilo-color-blue-dark-ramp: rgba(35, 0, 80, 0.5);\n --ilo-color-gray-charcoal: rgba(45, 45, 45, 1);\n --ilo-color-gray-accessible: rgba(109, 109, 109, 1);\n --ilo-color-gray-light: rgba(237, 240, 242, 1);\n --ilo-color-gray-light-semi-transparent: rgba(237, 240, 242, 0.25);\n --ilo-color-gray-base: rgba(184, 196, 204, 1);\n --ilo-color-red: rgba(250, 60, 75, 1);\n --ilo-color-red-light: rgba(254, 216, 219, 1);\n --ilo-color-red-dark: rgba(200, 48, 60, 1);\n --ilo-color-red-ramp: rgba(250, 60, 75, 0.2);\n --ilo-color-yellow: rgba(255, 205, 45, 1);\n --ilo-color-yellow-light: rgba(255, 245, 200, 1);\n --ilo-color-yellow-ramp: rgba(255, 205, 45, 0.2);\n --ilo-color-green: rgba(140, 225, 100, 1);\n --ilo-color-green-light: rgba(232, 249, 224, 1);\n --ilo-color-green-ramp: rgba(140, 225, 100, 0.2);\n --ilo-color-turquoise: rgba(5, 210, 210, 1);\n --ilo-color-purple: rgba(150, 10, 85, 1);\n\n --ilo-color-notification-type-error: var(--ilo-color-red);\n --ilo-color-notification-type-info: var(--ilo-color-blue);\n --ilo-color-notification-type-success: var(--ilo-color-green);\n --ilo-color-notification-type-warning: var(--ilo-color-yellow);\n --ilo-color-background-default: var(--ilo-color-white);\n --ilo-color-background-active: var(--ilo-color-blue);\n --ilo-color-background-highlight: var(--ilo-color-gray-light);\n --ilo-color-background-hover: var(--ilo-color-blue-lighter);\n --ilo-color-background-focus: var(--ilo-color-white);\n\n --ilo-color-borders-default: var(--ilo-color-gray-base);\n --ilo-color-borders-hover: var(--ilo-color-blue);\n --ilo-color-borders-active: var(--ilo-color-blue);\n --ilo-color-borders-focus: var(--ilo-color-yellow);\n\n /**\n * Sizing\n */\n --ilo-breakpoint-xs: #{map-get($breakpoints-foundation, \"xs\")};\n --ilo-breakpoint-sm: #{map-get($breakpoints-foundation, \"sm\")};\n --ilo-breakpoint-md: #{map-get($breakpoints-foundation, \"md\")};\n --ilo-breakpoint-lg: #{map-get($breakpoints-foundation, \"lg\")};\n --ilo-breakpoint-xl: #{map-get($breakpoints-foundation, \"xl\")};\n --ilo-breakpoint-xxl: #{map-get($breakpoints-foundation, \"xxl\")};\n --ilo-border-radius: calc(#{px-to-rem(2)} * var(--ilo-scale));\n\n /**\n * Font-size\n */\n\n --ilo-font-size-2xsm: calc(#{px-to-rem(10)} * var(--ilo-scale));\n --ilo-font-size-xsm: calc(#{px-to-rem(12)} * var(--ilo-scale));\n --ilo-font-size-sm: calc(#{px-to-rem(14)} * var(--ilo-scale));\n --ilo-font-size-md: calc(#{px-to-rem(16)} * var(--ilo-scale));\n --ilo-font-size-lg: calc(#{px-to-rem(18)} * var(--ilo-scale));\n --ilo-font-size-xlg: calc(#{px-to-rem(24)} * var(--ilo-scale));\n --ilo-font-size-2xlg: calc(#{px-to-rem(28)} * var(--ilo-scale));\n --ilo-font-size-3xlg: calc(#{px-to-rem(32)} * var(--ilo-scale));\n --ilo-font-size-4xlg: calc(#{px-to-rem(36)} * var(--ilo-scale));\n --ilo-font-size-5xlg: calc(#{px-to-rem(44)} * var(--ilo-scale));\n\n /**\n * Font-weight\n */\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n /**\n * Line Height\n */\n --ilo-line-height-xsm: 115%;\n --ilo-line-height-sm: 120%;\n --ilo-line-height-md: 125%;\n --ilo-line-height-lg: 130%;\n --ilo-line-height-xlg: 135%;\n --ilo-line-height-2xlg: 145%;\n --ilo-line-height-3xlg: 150%;\n\n /**\n * Letter spacing\n */\n --ilo-letter-spacing-xsm: -3.5%;\n --ilo-letter-spacing-sm: -2%;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 2%;\n\n /**\n * Spacing\n */\n --ilo-spacing-base: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Transition\n */\n --ilo-transition-duration: 150ms;\n --ilo-transition-timing-function: ease-out;\n\n /**\n * Border\n */\n --ilo-border-xs: calc(#{px-to-rem(1)} * var(--ilo-scale));\n --ilo-border-sm: calc(#{px-to-rem(1.5)} * var(--ilo-scale));\n --ilo-border-md: calc(#{px-to-rem(2)} * var(--ilo-scale));\n --ilo-border-lg: calc(#{px-to-rem(4)} * var(--ilo-scale));\n}\n","// Adapted from Carbon Library\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// Load the theme vars and fonts\n@use \"@ilo-org/themes/build/scss/tokens\" as *;\n\nhtml,\nbody {\n color: $color-font-base;\n font-family: var(--ilo-fonts-copy);\n font-size: #{$type-base-size};\n line-height: #{$type-base-line-height};\n letter-spacing: $type-base-letter-spacing;\n -webkit-font-smoothing: antialiased;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh5 {\n font-family: var(--ilo-fonts-display);\n}\n\n// Set Chinese system fonts\nhtml[lang*=\"zh\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-zh);\n --ilo-fonts-copy: var(--ilo-fonts-copy-zh);\n}\n\n// Set Japanese system fonts\nhtml[lang*=\"ja\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-jp);\n --ilo-fonts-copy: var(--ilo-fonts-copy-jp);\n}\n","/**\n * Do not edit directly\n * Generated on Thu, 13 Mar 2025 14:53:33 GMT\n */\n\n/**\n* TOKENS:\n*/\n\n$borders-small: 1.5px !default;\n$borders-base: 2px !default;\n$borders-thick: 6px !default;\n$brand-ilo-blue: rgba(30, 45, 190, 1) !default;\n$brand-ilo-red: rgba(250, 60, 75, 1) !default;\n$brand-ilo-dark-blue: rgba(35, 0, 80, 1) !default;\n$brand-ilo-yellow: rgba(255, 205, 45, 1) !default;\n$brand-ilo-green: rgba(140, 225, 100, 1) !default;\n$brand-ilo-purple: rgba(150, 10, 85, 1) !default;\n$brand-ilo-purple-light: rgba(116, 96, 145, 1) !default;\n$brand-ilo-turquoise: rgba(5, 210, 210, 1) !default;\n$brand-ilo-dark-red: rgba(200, 48, 60, 1) !default;\n$brand-ilo-light-blue: rgba(235, 245, 253, 1) !default;\n$brand-ilo-grey-light-alternate: rgba(246, 247, 248, 1) !default;\n$brand-ilo-grey-light: rgba(237, 240, 242, 1) !default;\n$brand-ilo-grey-ui: rgba(184, 196, 204, 1) !default;\n$brand-ilo-grey-accessible: rgba(109, 109, 109, 1) !default;\n$brand-ilo-black: rgba(45, 45, 45, 1) !default;\n$brand-ilo-white: rgba(255, 255, 255, 1) !default;\n$brand-ilo-ramp-blue: rgba(190, 220, 250, 1) !default;\n$brand-ilo-ramp-red: rgba(254, 216, 219, 1) !default;\n$brand-ilo-ramp-green: rgba(232, 249, 224, 1) !default;\n$brand-ilo-ramp-yellow: rgba(255, 245, 200, 1) !default;\n$breakpoints-x-small: 320px !default;\n$breakpoints-small: 414px !default;\n$breakpoints-medium: 610px !default;\n$breakpoints-large: 1024px !default;\n$breakpoints-x-large: 1168px !default;\n$breakpoints-xx-large: 1440px !default;\n$color-base-blue-lighter: $brand-ilo-light-blue !default;\n$color-base-blue-light: $brand-ilo-light-blue !default;\n$color-base-blue-intermediate: $brand-ilo-ramp-blue !default;\n$color-base-blue-medium: $brand-ilo-blue !default;\n$color-base-blue-dark: $brand-ilo-dark-blue !default;\n$color-base-green: $brand-ilo-green !default;\n$color-base-neutrals-white: $brand-ilo-white !default;\n$color-base-neutrals-alternate: $brand-ilo-grey-light-alternate !default;\n$color-base-neutrals-lighter: $brand-ilo-grey-light !default;\n$color-base-neutrals-light: $brand-ilo-grey-ui !default;\n$color-base-neutrals-medium: $brand-ilo-grey-accessible !default;\n$color-base-neutrals-dark: $brand-ilo-black !default;\n$color-base-neutrals-black: $brand-ilo-black !default;\n$color-base-purple-light: $brand-ilo-purple-light !default;\n$color-base-purple-medium: $brand-ilo-purple !default;\n$color-base-red-light: $brand-ilo-blue !default;\n$color-base-red-medium: $brand-ilo-red !default;\n$color-base-red-dark: $brand-ilo-dark-red !default;\n$color-base-turquoise: $brand-ilo-turquoise !default;\n$color-base-yellow: $brand-ilo-yellow !default;\n$color-ramp-blue: $brand-ilo-ramp-blue !default;\n$color-ramp-green: $brand-ilo-ramp-green !default;\n$color-ramp-red: $brand-ilo-ramp-red !default;\n$color-ramp-yellow: $brand-ilo-ramp-yellow !default;\n$color-font-base: $color-base-neutrals-black !default;\n$color-font-blockquote: $color-base-purple-medium !default;\n$color-font-cite: $color-base-neutrals-medium !default;\n$color-font-caption: $color-base-neutrals-medium !default;\n$color-formelements-input-default-background: $color-base-neutrals-white !default;\n$color-formelements-input-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-default-color: $color-base-neutrals-medium !default;\n$color-formelements-input-hover-background: $color-base-blue-light !default;\n$color-formelements-input-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-left: $color-base-blue-medium !default;\n$color-formelements-input-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-hover-color: $color-base-neutrals-dark !default;\n$color-formelements-input-focus-background: $color-base-blue-light !default;\n$color-formelements-input-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-left: $color-base-blue-medium !default;\n$color-formelements-input-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-focus-color: $color-base-neutrals-dark !default;\n$color-formelements-input-error-background: $color-base-neutrals-white !default;\n$color-formelements-input-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-left: $color-base-red-dark !default;\n$color-formelements-input-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-error-color: $color-base-neutrals-medium !default;\n$color-formelements-input-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-input-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-toggle-unchecked-background: $color-base-neutrals-light !default;\n$color-formelements-toggle-unchecked-border: rgb(0, 0, 0) !default;\n$color-formelements-toggle-unchecked-slider-color: $color-base-neutrals-white !default;\n$color-formelements-toggle-unchecked-label-color: $color-base-neutrals-dark !default;\n$color-formelements-toggle-unchecked-helper-text-color: $color-base-neutrals-medium !default;\n$color-formelements-toggle-checked-background: $color-base-blue-dark !default;\n$color-formelements-toggle-checked-border: rgb(0, 0, 0) !default;\n$color-formelements-toggle-checked-slider-color: $color-base-blue-lighter !default;\n$color-formelements-toggle-active-border: $color-base-yellow !default;\n$color-formelements-toggle-active-slider-color: $color-base-blue-lighter !default;\n$color-formelements-toggle-error-background: $color-base-neutrals-light !default;\n$color-formelements-toggle-error-border: $color-base-red-medium !default;\n$color-formelements-toggle-error-slider-color: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-color: $color-base-blue-dark !default;\n$color-formelements-inputbutton-hover-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-focus-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-background: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-color: $color-base-blue-light !default;\n$color-formelements-inputbutton-error-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-color: $color-base-neutrals-medium !default;\n$color-formelements-inputbutton-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-uploadedfile-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-left: $color-base-blue-dark !default;\n$color-formelements-uploadedfile-default-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-color: $color-base-neutrals-dark !default;\n$color-hero-card-opacity-semi-transparent: rgb(0, 0, 0) !default;\n$color-hero-card-dark-background: $color-base-blue-dark !default;\n$color-hero-card-dark-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-icon-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-iconhover-color: $color-base-blue-medium !default;\n$color-hero-card-dark-iconhover-background: $color-base-neutrals-white !default;\n$color-hero-card-dark-eyebrow-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-datecopy-color: $color-base-neutrals-white !default;\n$color-hero-card-light-background: $color-base-neutrals-white !default;\n$color-hero-card-light-color: $color-base-neutrals-dark !default;\n$color-hero-card-light-eyebrow-color: $color-base-purple-medium !default;\n$color-hero-card-light-datecopy-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-link-color: $color-base-neutrals-white !default;\n$color-hero-card-light-icon-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-iconhover-background: $color-base-blue-light !default;\n$color-hero-card-light-iconhover-color: $color-base-blue-medium !default;\n$color-link-background-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-hover: $color-base-neutrals-white !default;\n$color-link-background-focus: $color-base-yellow !default;\n$color-link-background-active: $color-base-yellow !default;\n$color-link-background-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-hover: $color-base-neutrals-white !default;\n$color-link-background-dark-focus: $color-base-yellow !default;\n$color-link-background-dark-active: $color-base-yellow !default;\n$color-link-background-dark-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-hover: $color-base-neutrals-white !default;\n$color-link-background-footer-focus: $color-base-yellow !default;\n$color-link-background-footer-active: $color-base-yellow !default;\n$color-link-background-footer-visited: rgba(0, 0, 0, 0) !default;\n$color-link-text-default: $color-base-blue-dark !default;\n$color-link-text-hover: $color-base-blue-medium !default;\n$color-link-text-focus: $color-base-blue-dark !default;\n$color-link-text-active: $color-base-blue-dark !default;\n$color-link-text-visited: $color-base-purple-medium !default;\n$color-link-text-dark-default: $color-base-neutrals-lighter !default;\n$color-link-text-dark-hover: $color-base-blue-medium !default;\n$color-link-text-dark-focus: $color-base-blue-dark !default;\n$color-link-text-dark-active: $color-base-blue-dark !default;\n$color-link-text-dark-visited: $color-base-neutrals-light !default;\n$color-link-text-footer-default: $color-base-neutrals-medium !default;\n$color-link-text-footer-hover: $color-base-blue-medium !default;\n$color-link-text-footer-focus: $color-base-blue-dark !default;\n$color-link-text-footer-active: $color-base-blue-dark !default;\n$color-link-text-footer-visited: $color-base-purple-medium !default;\n$color-link-underline-default: $color-base-blue-medium !default;\n$color-link-underline-hover: $color-base-blue-medium !default;\n$color-link-underline-focus: $color-base-blue-dark !default;\n$color-link-underline-active: $color-base-blue-dark !default;\n$color-link-underline-visited: $color-base-purple-medium !default;\n$color-link-underline-dark-default: $color-base-neutrals-white !default;\n$color-link-underline-dark-hover: $color-base-blue-medium !default;\n$color-link-underline-dark-focus: $color-base-blue-dark !default;\n$color-link-underline-dark-active: $color-base-blue-dark !default;\n$color-link-underline-dark-visited: $color-base-neutrals-light !default;\n$color-link-underline-footer-default: $color-base-neutrals-medium !default;\n$color-link-underline-footer-hover: $color-base-blue-medium !default;\n$color-link-underline-footer-focus: $color-base-blue-dark !default;\n$color-link-underline-footer-active: $color-base-blue-dark !default;\n$color-link-underline-footer-visited: $color-base-purple-medium !default;\n$color-socialmedia-dark-headline-color: $color-base-neutrals-white !default;\n$color-socialmedia-dark-icon-color: $color-base-neutrals-white !default;\n$color-socialmedia-dark-iconhover-color: $color-base-blue-medium !default;\n$color-socialmedia-dark-iconhover-background: $color-base-neutrals-white !default;\n$color-socialmedia-light-headline-color: $color-base-blue-dark !default;\n$color-socialmedia-light-icon-color: $color-base-neutrals-medium !default;\n$color-socialmedia-light-iconhover-color: $color-base-blue-medium !default;\n$color-socialmedia-light-iconhover-background: $color-base-blue-light !default;\n$color-tag-background-default: $color-base-neutrals-lighter !default;\n$color-tag-background-hover: $color-base-blue-light !default;\n$color-tag-background-focus: $color-base-blue-light !default;\n$color-tag-background-active: $color-base-neutrals-lighter !default;\n$color-tag-background-visited: $color-base-neutrals-lighter !default;\n$color-tag-text-default: $color-base-neutrals-medium !default;\n$color-tag-text-hover: $color-base-blue-medium !default;\n$color-tag-text-focus: $color-base-blue-medium !default;\n$color-tag-text-active: $color-base-blue-dark !default;\n$color-tag-text-visited: $color-base-neutrals-medium !default;\n$color-tooltip-default-background: $color-base-neutrals-white !default;\n$color-tooltip-default-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-default-text: $color-base-neutrals-dark !default;\n$color-tooltip-dark-background: $color-base-neutrals-dark !default;\n$color-tooltip-dark-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-dark-text: $color-base-neutrals-lighter !default;\n$color-tooltip-dark-icon: $color-base-neutrals-lighter !default;\n$color-ux-background-default: $color-base-neutrals-white !default;\n$color-ux-background-disabled: $color-base-neutrals-lighter !default;\n$color-ux-background-highlight: $color-base-neutrals-lighter !default;\n$color-ux-background-hover: $color-base-blue-light !default;\n$color-ux-background-focus: $color-base-neutrals-white !default;\n$color-ux-background-active: $color-base-blue-medium !default;\n$color-ux-background-alert: $color-base-red-dark !default;\n$color-ux-background-attention: $color-base-yellow !default;\n$color-ux-borders-default: $color-base-neutrals-light !default;\n$color-ux-borders-error: $color-base-red-dark !default;\n$color-ux-borders-highlight: $color-base-purple-medium !default;\n$color-ux-borders-hover: $color-base-blue-medium !default;\n$color-ux-borders-focus: $color-base-yellow !default;\n$color-ux-borders-active: $color-base-blue-medium !default;\n$color-ux-borders-alert: $color-base-red-dark !default;\n$color-ux-borders-attention: $color-base-yellow !default;\n$color-ux-labels-actionable: $color-base-blue-dark !default;\n$color-ux-labels-darkbg: $color-base-neutrals-white !default;\n$color-ux-labels-default: $color-base-neutrals-medium !default;\n$color-ux-labels-error: $color-base-red-dark !default;\n$color-ux-labels-focus: $color-base-blue-dark !default;\n$color-ux-labels-hover: $color-base-blue-medium !default;\n$color-ux-labels-active: $color-base-blue-light !default;\n$color-ux-labels-alert: $color-base-neutrals-white !default;\n$color-ux-caption-background: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-left: $color-base-neutrals-light !default;\n$color-ux-caption-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-text: $color-base-neutrals-black !default;\n$color-ux-credit-background: $color-base-neutrals-dark !default;\n$color-ux-credit-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-text: $color-base-neutrals-white !default;\n$color-ux-horizontal-rule-default: $color-base-neutrals-lighter !default;\n$color-ux-notification-background: $color-base-neutrals-white !default;\n$color-ux-notification-icon: $color-base-neutrals-white !default;\n$color-ux-notification-text: $color-base-neutrals-dark !default;\n$color-ux-notification-type-error: $color-base-red-medium !default;\n$color-ux-notification-type-info: $color-base-blue-medium !default;\n$color-ux-notification-type-success: $color-base-green !default;\n$color-ux-notification-type-warning: $color-base-yellow !default;\n$color-ux-pagination-default-background: $color-base-neutrals-lighter !default;\n$color-ux-pagination-default-icon: $color-base-blue-dark !default;\n$color-ux-pagination-hover-background: $color-base-blue-light !default;\n$color-ux-pagination-hover-icon: $color-base-blue-medium !default;\n$color-ux-readmore-default-background: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-top: $color-base-neutrals-lighter !default;\n$color-ux-readmore-hover-background: $color-base-blue-light !default;\n$color-ux-readmore-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-top: $color-base-blue-medium !default;\n$color-ux-table-background: $color-base-blue-intermediate !default;\n$color-ux-table-content-background: $color-base-neutrals-white !default;\n$color-ux-table-cell-background: $color-base-neutrals-white !default;\n$color-ux-table-zebra-background: $color-base-neutrals-alternate !default;\n$color-ux-table-hover-background: $color-base-blue-lighter !default;\n$color-ux-table-selected-background: $color-base-blue-intermediate !default;\n$color-ux-tableofcontents-items-default-background: $color-base-neutrals-lighter !default;\n$color-ux-tableofcontents-items-default-border: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-default-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-default-icon: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-hover-background: $color-base-blue-light !default;\n$color-ux-tableofcontents-items-hover-border: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-color: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-icon: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-active-background: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-active-border: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-icon: $color-base-blue-dark !default;\n$color-ux-video-controls-default-background: $color-base-neutrals-dark !default;\n$color-ux-video-controls-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-icon: $color-base-neutrals-lighter !default;\n$color-ux-video-controls-hover-background: $color-base-blue-light !default;\n$color-ux-video-controls-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-icon: $color-base-blue-medium !default;\n$fonts-display: var(--ilo-fonts-display) !default;\n$fonts-copy: var(--ilo-fonts-copy) !default;\n$layout-max-width: 1300px !default;\n$layout-padding: 20px !default;\n$opacity-disabled: 0.45 !default;\n$opacity-semi-transparent: 0.6 !default;\n$radius-button-bottom-left: 2px !default;\n$radius-button-bottom-right: 2px !default;\n$radius-button-top-left: 2px !default;\n$radius-button-top-right: 2px !default;\n$spacing-base: 8px !default;\n$spacing-root: 4px !default;\n$spacing-spacing-1: 4px !default;\n$spacing-spacing-2: 8px !default;\n$spacing-spacing-3: 12px !default;\n$spacing-spacing-4: 16px !default;\n$spacing-spacing-5: 20px !default;\n$spacing-spacing-6: 24px !default;\n$spacing-spacing-7: 28px !default;\n$spacing-spacing-8: 32px !default;\n$spacing-spacing-9: 36px !default;\n$spacing-spacing-10: 40px !default;\n$spacing-spacing-11: 44px !default;\n$spacing-spacing-12: 48px !default;\n$spacing-spacing-13: 52px !default;\n$spacing-spacing-14: 56px !default;\n$spacing-spacing-15: 60px !default;\n$spacing-spacing-16: 64px !default;\n$spacing-spacing-17: 68px !default;\n$spacing-spacing-18: 72px !default;\n$spacing-spacing-19: 76px !default;\n$spacing-spacing-20: 80px !default;\n$spacing-spacing-21: 84px !default;\n$spacing-spacing-22: 88px !default;\n$spacing-spacing-23: 92px !default;\n$spacing-spacing-24: 96px !default;\n$spacing-spacing-25: 100px !default;\n$spacing-spacing-26: 104px !default;\n$spacing-spacing-27: 108px !default;\n$spacing-spacing-28: 112px !default;\n$spacing-padding-0-5: 4px !default;\n$spacing-padding-1: 8px !default;\n$spacing-padding-1-5: 12px !default;\n$spacing-padding-2: 16px !default;\n$spacing-padding-3: 24px !default;\n$spacing-padding-4: 32px !default;\n$spacing-padding-5: 40px !default;\n$spacing-padding-6: 48px !default;\n$spacing-padding-7: 56px !default;\n$spacing-padding-8: 64px !default;\n$spacing-padding-9: 71px !default;\n$spacing-padding-10: 80px !default;\n$spacing-padding-11: 88px !default;\n$spacing-padding-12: 96px !default;\n$spacing-padding-13: 104px !default;\n$spacing-padding-14: 112px !default;\n$spacing-padding-15: 120px !default;\n$spacing-horizontal-rule: 3px !default;\n$spacing-label-padding: 3px !default;\n$spacing-ui-padding-sm: 12px !default;\n$spacing-ui-padding: 18px !default;\n$spacing-ui-padding-lg: 24px !default;\n$spacing-ui-padding-xl: 32px !default;\n$spacing-ui-padding-xxl: 40px !default;\n$spacing-boxpadding-button-small-bottom: 3px !default;\n$spacing-boxpadding-button-small-left: 13px !default;\n$spacing-boxpadding-button-small-right: 13px !default;\n$spacing-boxpadding-button-small-top: 3px !default;\n$spacing-boxpadding-button-medium-bottom: 7px !default;\n$spacing-boxpadding-button-medium-left: 18px !default;\n$spacing-boxpadding-button-medium-right: 18px !default;\n$spacing-boxpadding-button-medium-top: 7px !default;\n$spacing-boxpadding-button-large-bottom: 10px !default;\n$spacing-boxpadding-button-large-left: 22px !default;\n$spacing-boxpadding-button-large-right: 22px !default;\n$spacing-boxpadding-button-large-top: 10px !default;\n$spacing-boxpadding-button-icon-small-bottom: 5px !default;\n$spacing-boxpadding-button-icon-small-left: 34px !default;\n$spacing-boxpadding-button-icon-small-right: 34px !default;\n$spacing-boxpadding-button-icon-small-top: 5px !default;\n$spacing-boxpadding-button-icon-medium-bottom: 9px !default;\n$spacing-boxpadding-button-icon-medium-left: 42px !default;\n$spacing-boxpadding-button-icon-medium-right: 42px !default;\n$spacing-boxpadding-button-icon-medium-top: 9px !default;\n$spacing-boxpadding-button-icon-large-bottom: 10px !default;\n$spacing-boxpadding-button-icon-large-left: 46px !default;\n$spacing-boxpadding-button-icon-large-right: 46px !default;\n$spacing-boxpadding-button-icon-large-top: 10px !default;\n$spacing-boxpadding-caption-small-bottom: 0 !default;\n$spacing-boxpadding-caption-small-left: 8px !default;\n$spacing-boxpadding-caption-small-right: 0 !default;\n$spacing-boxpadding-caption-small-top: 0 !default;\n$spacing-boxpadding-caption-medium-bottom: 0 !default;\n$spacing-boxpadding-caption-medium-left: 8px !default;\n$spacing-boxpadding-caption-medium-right: 0 !default;\n$spacing-boxpadding-caption-medium-top: 0 !default;\n$spacing-boxpadding-caption-large-bottom: 0 !default;\n$spacing-boxpadding-caption-large-left: 8px !default;\n$spacing-boxpadding-caption-large-right: 0 !default;\n$spacing-boxpadding-caption-large-top: 0 !default;\n$spacing-boxpadding-credit-small-bottom: 4px !default;\n$spacing-boxpadding-credit-small-left: 12px !default;\n$spacing-boxpadding-credit-small-right: 8px !default;\n$spacing-boxpadding-credit-small-top: 4px !default;\n$spacing-boxpadding-credit-medium-bottom: 4px !default;\n$spacing-boxpadding-credit-medium-left: 12px !default;\n$spacing-boxpadding-credit-medium-right: 8px !default;\n$spacing-boxpadding-credit-medium-top: 4px !default;\n$spacing-boxpadding-credit-large-bottom: 4px !default;\n$spacing-boxpadding-credit-large-left: 12px !default;\n$spacing-boxpadding-credit-large-right: 8px !default;\n$spacing-boxpadding-credit-large-top: 4px !default;\n$spacing-formelements-input-default-height: 48px !default;\n$spacing-formelements-input-default-border-bottom: 2px !default;\n$spacing-formelements-input-default-border-left: 2px !default;\n$spacing-formelements-input-default-border-right: 2px !default;\n$spacing-formelements-input-default-border-top: 2px !default;\n$spacing-formelements-input-default-margin-bottom: 0 !default;\n$spacing-formelements-input-default-margin-left: 0 !default;\n$spacing-formelements-input-default-margin-right: 0 !default;\n$spacing-formelements-input-default-margin-top: 0 !default;\n$spacing-formelements-input-default-padding-bottom: 16px !default;\n$spacing-formelements-input-default-padding-left: 12px !default;\n$spacing-formelements-input-default-padding-right: 12px !default;\n$spacing-formelements-input-default-padding-top: 16px !default;\n$spacing-formelements-input-default-width: 100% !default;\n$spacing-formelements-input-focus-border-bottom: 2px !default;\n$spacing-formelements-input-focus-border-left: 3px !default;\n$spacing-formelements-input-focus-border-right: 2px !default;\n$spacing-formelements-input-focus-border-top: 2px !default;\n$spacing-formelements-input-hover-border-bottom: 2px !default;\n$spacing-formelements-input-hover-border-left: 3px !default;\n$spacing-formelements-input-hover-border-right: 2px !default;\n$spacing-formelements-input-hover-border-top: 2px !default;\n$spacing-formelements-input-invalid-border-bottom: 2px !default;\n$spacing-formelements-input-invalid-border-left: 3px !default;\n$spacing-formelements-input-invalid-border-right: 2px !default;\n$spacing-formelements-input-invalid-border-top: 2px !default;\n$spacing-formelements-input-error-border-bottom: 2px !default;\n$spacing-formelements-input-error-border-left: 3px !default;\n$spacing-formelements-input-error-border-right: 2px !default;\n$spacing-formelements-input-error-border-top: 2px !default;\n$spacing-formelements-toggle-base-height: 24px !default;\n$spacing-formelements-toggle-base-width: 46px !default;\n$spacing-formelements-inputbutton-default-height: 48px !default;\n$spacing-formelements-inputbutton-default-border-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-border-left: 0 !default;\n$spacing-formelements-inputbutton-default-border-right: 2px !default;\n$spacing-formelements-inputbutton-default-border-top: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-left: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-right: 0 !default;\n$spacing-formelements-inputbutton-default-borderrtl-top: 2px !default;\n$spacing-formelements-inputbutton-default-margin-bottom: 0 !default;\n$spacing-formelements-inputbutton-default-margin-left: 0 !default;\n$spacing-formelements-inputbutton-default-margin-right: 0 !default;\n$spacing-formelements-inputbutton-default-margin-top: 0 !default;\n$spacing-formelements-inputbutton-default-padding-bottom: 16px !default;\n$spacing-formelements-inputbutton-default-padding-left: 12px !default;\n$spacing-formelements-inputbutton-default-padding-right: 12px !default;\n$spacing-formelements-inputbutton-default-padding-top: 16px !default;\n$spacing-formelements-inputbutton-default-width: 48px !default;\n$spacing-formelements-uploadedfile-default-height: 48px !default;\n$spacing-formelements-uploadedfile-default-border-bottom: 2px !default;\n$spacing-formelements-uploadedfile-default-border-left: 3px !default;\n$spacing-formelements-uploadedfile-default-border-right: 2px !default;\n$spacing-formelements-uploadedfile-default-border-top: 2px !default;\n$spacing-formelements-uploadedfile-default-margin-bottom: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-left: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-right: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-top: 24px !default;\n$spacing-formelements-uploadedfile-default-padding-bottom: 16px !default;\n$spacing-formelements-uploadedfile-default-padding-left: 11px !default;\n$spacing-formelements-uploadedfile-default-padding-right: 12px !default;\n$spacing-formelements-uploadedfile-default-padding-top: 13px !default;\n$spacing-formelements-uploadedfile-default-width: 100% !default;\n$spacing-hero-tooltip-width: 30px !default;\n$spacing-hero-tooltip-height: 27px !default;\n$spacing-hero-image-min-height: 216px !default;\n$spacing-hero-card-padding-y-sm: $spacing-padding-5 !default;\n$spacing-hero-card-padding-y-lg: $spacing-padding-7 !default;\n$spacing-hero-card-padding-x-sm: $spacing-padding-2 !default;\n$spacing-hero-card-padding-x-lg: $spacing-padding-9 !default;\n$spacing-hero-card-corner-cut-width-sm: 72px !default;\n$spacing-hero-card-corner-cut-width-lg: 116px !default;\n$spacing-hero-card-corner-cut-height-sm: 40px !default;\n$spacing-hero-card-corner-cut-height-lg: 64px !default;\n$spacing-icons-icon-height-sm: 14px !default;\n$spacing-icons-icon-height-m: 15px !default;\n$spacing-icons-icon-height-lg: 16px !default;\n$spacing-icons-icon-padding-sm: 15px !default;\n$spacing-icons-icon-padding-m: 19px !default;\n$spacing-icons-icon-padding-lg: 22px !default;\n$spacing-tooltip-tooltip-arrow-height: 12px !default;\n$spacing-tooltip-tooltip-arrow-width: 7px !default;\n$spacing-ux-caption-border-bottom: 0 !default;\n$spacing-ux-caption-border-left: 3px !default;\n$spacing-ux-caption-border-right: 0 !default;\n$spacing-ux-caption-border-top: 0 !default;\n$spacing-ux-caption-height: auto !default;\n$spacing-ux-caption-width: auto !default;\n$spacing-ux-credit-border-bottom: 0 !default;\n$spacing-ux-credit-border-left: 0 !default;\n$spacing-ux-credit-border-right: 0 !default;\n$spacing-ux-credit-border-top: 0 !default;\n$spacing-ux-credit-height: 24px !default;\n$spacing-ux-credit-width: auto !default;\n$spacing-ux-pagination-padding-bottom: 0 !default;\n$spacing-ux-pagination-padding-left: 8px !default;\n$spacing-ux-pagination-padding-right: 8px !default;\n$spacing-ux-pagination-padding-top: 40px !default;\n$spacing-ux-pagination-width: 40px !default;\n$spacing-ux-readmore-default-height: 56px !default;\n$spacing-ux-readmore-default-border-bottom: 0 !default;\n$spacing-ux-readmore-default-border-left: 0 !default;\n$spacing-ux-readmore-default-border-right: 0 !default;\n$spacing-ux-readmore-default-border-top: 2px !default;\n$spacing-ux-readmore-default-margin-bottom: 0 !default;\n$spacing-ux-readmore-default-margin-left: 0 !default;\n$spacing-ux-readmore-default-margin-right: 0 !default;\n$spacing-ux-readmore-default-margin-top: 32px !default;\n$spacing-ux-readmore-default-padding-bottom: 16px !default;\n$spacing-ux-readmore-default-padding-left: 2px !default;\n$spacing-ux-readmore-default-padding-right: 30px !default;\n$spacing-ux-readmore-default-padding-top: 16px !default;\n$spacing-ux-readmore-default-width: auto !default;\n$spacing-ux-readmore-hover-height: 56px !default;\n$spacing-ux-readmore-hover-border-bottom: 0 !default;\n$spacing-ux-readmore-hover-border-left: 0 !default;\n$spacing-ux-readmore-hover-border-right: 0 !default;\n$spacing-ux-readmore-hover-border-top: 2px !default;\n$spacing-ux-readmore-hover-margin-bottom: 0 !default;\n$spacing-ux-readmore-hover-margin-left: 0 !default;\n$spacing-ux-readmore-hover-margin-right: 0 !default;\n$spacing-ux-readmore-hover-margin-top: 32px !default;\n$spacing-ux-readmore-hover-padding-bottom: 16px !default;\n$spacing-ux-readmore-hover-padding-left: 2px !default;\n$spacing-ux-readmore-hover-padding-right: 2px !default;\n$spacing-ux-readmore-hover-padding-top: 16px !default;\n$spacing-ux-readmore-hover-width: 120px !default;\n$spacing-ux-video-controls-height: 40px !default;\n$spacing-ux-video-controls-border-bottom: 0 !default;\n$spacing-ux-video-controls-border-left: 0 !default;\n$spacing-ux-video-controls-border-right: 0 !default;\n$spacing-ux-video-controls-border-top: 0 !default;\n$spacing-ux-video-controls-margin-bottom: 0 !default;\n$spacing-ux-video-controls-margin-left: 0 !default;\n$spacing-ux-video-controls-margin-right: 0 !default;\n$spacing-ux-video-controls-margin-top: 0 !default;\n$spacing-ux-video-controls-padding-bottom: 0 !default;\n$spacing-ux-video-controls-padding-left: 0 !default;\n$spacing-ux-video-controls-padding-right: 0 !default;\n$spacing-ux-video-controls-padding-top: 0 !default;\n$spacing-ux-video-controls-width: 100% !default;\n$spacing-ux-video-buttonicon-height: 24px !default;\n$spacing-ux-video-buttonicon-border-bottom: 0 !default;\n$spacing-ux-video-buttonicon-border-left: 0 !default;\n$spacing-ux-video-buttonicon-border-right: 0 !default;\n$spacing-ux-video-buttonicon-border-top: 0 !default;\n$spacing-ux-video-buttonicon-margin-bottom: 0 !default;\n$spacing-ux-video-buttonicon-margin-left: 0 !default;\n$spacing-ux-video-buttonicon-margin-right: 0 !default;\n$spacing-ux-video-buttonicon-margin-top: 0 !default;\n$spacing-ux-video-buttonicon-padding-bottom: 0 !default;\n$spacing-ux-video-buttonicon-padding-left: 0 !default;\n$spacing-ux-video-buttonicon-padding-right: 0 !default;\n$spacing-ux-video-buttonicon-padding-top: 0 !default;\n$spacing-ux-video-buttonicon-width: 24px !default;\n$spacing-ux-video-bigplaybutton-height: 48px !default;\n$spacing-ux-video-bigplaybutton-border-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-border-left: 0 !default;\n$spacing-ux-video-bigplaybutton-border-right: 0 !default;\n$spacing-ux-video-bigplaybutton-border-top: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-left: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-right: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-top: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-left: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-right: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-top: 0 !default;\n$spacing-ux-video-bigplaybutton-width: 48px !default;\n$spacing-ux-table-padding-bottom: 80px !default;\n$spacing-ux-table-padding-left: 80px !default;\n$spacing-ux-table-padding-right: 80px !default;\n$spacing-ux-table-padding-top: 80px !default;\n$spacing-ux-table-content-padding-bottom: 18px !default;\n$spacing-ux-table-content-padding-left: 8px !default;\n$spacing-ux-table-content-padding-right: 8px !default;\n$spacing-ux-table-content-padding-top: 19px !default;\n$spacing-ux-table-head-padding-bottom: 18px !default;\n$spacing-ux-table-head-padding-left: 6px !default;\n$spacing-ux-table-head-padding-right: 36px !default;\n$spacing-ux-table-head-padding-top: 18px !default;\n$spacing-ux-table-cell-padding-bottom: 22px !default;\n$spacing-ux-table-cell-padding-left: 11px !default;\n$spacing-ux-table-cell-padding-right: 11px !default;\n$spacing-ux-table-cell-padding-top: 22px !default;\n$spacing-ux-table-smallhead-padding-bottom: 10px !default;\n$spacing-ux-table-smallhead-padding-left: 7px !default;\n$spacing-ux-table-smallhead-padding-right: 36px !default;\n$spacing-ux-table-smallhead-padding-top: 10px !default;\n$spacing-ux-table-smallcell-padding-bottom: 13px !default;\n$spacing-ux-table-smallcell-padding-left: 11px !default;\n$spacing-ux-table-smallcell-padding-right: 11px !default;\n$spacing-ux-table-smallcell-padding-top: 13px !default;\n$spacing-ux-tableofcontents-border-bottom: 0 !default;\n$spacing-ux-tableofcontents-border-left: 0 !default;\n$spacing-ux-tableofcontents-border-right: 0 !default;\n$spacing-ux-tableofcontents-border-top: 0 !default;\n$spacing-ux-tableofcontents-borderradius: 4px !default;\n$spacing-ux-tableofcontents-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-margin-left: 0 !default;\n$spacing-ux-tableofcontents-margin-right: 0 !default;\n$spacing-ux-tableofcontents-margin-top: 0 !default;\n$spacing-ux-tableofcontents-padding-bottom: 0 !default;\n$spacing-ux-tableofcontents-padding-left: 8px !default;\n$spacing-ux-tableofcontents-padding-right: 8px !default;\n$spacing-ux-tableofcontents-padding-top: 0 !default;\n$spacing-ux-tableofcontents-items-border-bottom: 2px !default;\n$spacing-ux-tableofcontents-items-border-left: 0 !default;\n$spacing-ux-tableofcontents-items-border-right: 0 !default;\n$spacing-ux-tableofcontents-items-border-top: 0 !default;\n$spacing-ux-tableofcontents-items-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-items-margin-left: 0 !default;\n$spacing-ux-tableofcontents-items-margin-right: 0 !default;\n$spacing-ux-tableofcontents-items-margin-top: 0 !default;\n$spacing-ux-tableofcontents-items-padding-bottom: 18px !default;\n$spacing-ux-tableofcontents-items-padding-left: 10px !default;\n$spacing-ux-tableofcontents-items-padding-right: 10px !default;\n$spacing-ux-tableofcontents-items-padding-top: 18px !default;\n$themeprefix: ilo !default;\n$type-descenders-display: 0.37 !default;\n$type-descenders-copy: 0.20 !default;\n$type-base-size: 18.66px !default;\n$type-base-letter-spacing: normal !default;\n$type-base-line-height: 27.24px !default;\n$type-body-eyebrow-size: 14.93px !default;\n$type-body-eyebrow-letter-spacing: normal !default;\n$type-body-eyebrow-line-height: 19.71px !default;\n$type-body-small-size: 16px !default;\n$type-body-small-letter-spacing: normal !default;\n$type-body-small-line-height: 23.36px !default;\n$type-body-large-size: 23.32px !default;\n$type-body-large-letter-spacing: normal !default;\n$type-body-large-line-height: 34.05px !default;\n$type-body-xs-size: 14.93px !default;\n$type-body-xs-letter-spacing: normal !default;\n$type-body-xs-line-height: 20.3px !default;\n$type-body-xxs-size: 11.94px !default;\n$type-body-xxs-letter-spacing: normal !default;\n$type-body-xxs-line-height: 16.24px !default;\n$type-body-xxxs-size: 9.55px !default;\n$type-body-xxxs-letter-spacing: normal !default;\n$type-body-xxxs-line-height: 14.33px !default;\n$type-button-small-size: 14.93px !default;\n$type-button-small-letter-spacing: -0.02em !default;\n$type-button-small-line-height: 120% !default;\n$type-button-medium-size: 16px !default;\n$type-button-medium-letter-spacing: -0.02em !default;\n$type-button-medium-line-height: 120% !default;\n$type-button-large-size: 18.66px !default;\n$type-button-large-letter-spacing: -0.02em !default;\n$type-button-large-line-height: 120% !default;\n$type-headline-1-size: 56.95px !default;\n$type-headline-1-letter-spacing: -0.035em !default;\n$type-headline-1-line-height: 65.49px !default;\n$type-headline-2-size: 45.56px !default;\n$type-headline-2-letter-spacing: -0.035em !default;\n$type-headline-2-line-height: 52.39px !default;\n$type-headline-3-size: 36.45px !default;\n$type-headline-3-letter-spacing: -0.035em !default;\n$type-headline-3-line-height: 43.74px !default;\n$type-headline-4-size: 29.16px !default;\n$type-headline-4-letter-spacing: -0.035em !default;\n$type-headline-4-line-height: 36.45px !default;\n$type-headline-5-size: 23.32px !default;\n$type-headline-5-letter-spacing: -0.035em !default;\n$type-headline-5-line-height: 29.15px !default;\n$type-headline-6-size: 18.66px !default;\n$type-headline-6-letter-spacing: -0.035em !default;\n$type-headline-6-line-height: 24.26px !default;\n$type-rich-text-heading-1-size: 44px !default;\n$type-rich-text-heading-1-letter-spacing: -0.035em !default;\n$type-rich-text-heading-1-line-height: 50.6px !default;\n$type-rich-text-heading-1-md-size: 36px !default;\n$type-rich-text-heading-1-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-1-md-line-height: 43.2px !default;\n$type-rich-text-heading-2-size: 36px !default;\n$type-rich-text-heading-2-letter-spacing: -0.035em !default;\n$type-rich-text-heading-2-line-height: 43.2px !default;\n$type-rich-text-heading-2-md-size: 28px !default;\n$type-rich-text-heading-2-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-2-md-line-height: 35px !default;\n$type-rich-text-heading-3-size: 28px !default;\n$type-rich-text-heading-3-letter-spacing: -0.035em !default;\n$type-rich-text-heading-3-line-height: 35px !default;\n$type-rich-text-heading-3-md-size: 24px !default;\n$type-rich-text-heading-3-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-3-md-line-height: 30px !default;\n$type-rich-text-heading-4-size: 24px !default;\n$type-rich-text-heading-4-letter-spacing: -0.035em !default;\n$type-rich-text-heading-4-line-height: 30px !default;\n$type-rich-text-heading-4-md-size: 18px !default;\n$type-rich-text-heading-4-md-letter-spacing: -0.02em !default;\n$type-rich-text-heading-4-md-line-height: 23.4px !default;\n$type-rich-text-heading-5-size: 18px !default;\n$type-rich-text-heading-5-letter-spacing: -0.02em !default;\n$type-rich-text-heading-5-line-height: 23.4px !default;\n$type-rich-text-heading-5-md-size: 16px !default;\n$type-rich-text-heading-5-md-letter-spacing: -0.02em !default;\n$type-rich-text-heading-5-md-line-height: 21.6px !default;\n$type-language-switcher-size: 11.94px !default;\n$type-language-switcher-letter-spacing: -0.02em !default;\n$type-language-switcher-line-height: 16.12px !default;\n$type-label-small-size: 14.93px !default;\n$type-label-small-letter-spacing: -0.02em !default;\n$type-label-small-line-height: 20.16px !default;\n$type-label-medium-size: 16px !default;\n$type-label-medium-letter-spacing: -0.02em !default;\n$type-label-medium-line-height: 21.6px !default;\n$type-label-large-size: 18.66px !default;\n$type-label-large-letter-spacing: -0.02em !default;\n$type-label-large-line-height: 24.26px !default;\n$type-legend-size: 23.32px !default;\n$type-legend-letter-spacing: -3.5% !default;\n$type-legend-line-height: 29.15px !default;\n$type-nav-md-size: 16px !default;\n$type-nav-md-letter-spacing: -0.02em !default;\n$type-nav-md-line-height: 21.6px !default;\n$type-nav-md-sm-size: 14.93px !default;\n$type-nav-md-sm-letter-spacing: -0.02em !default;\n$type-nav-md-sm-line-height: 20.16px !default;\n$type-nav-bold-b-sm-size: 14.93px !default;\n$type-nav-bold-b-sm-letter-spacing: -0.02em !default;\n$type-nav-bold-b-sm-line-height: 20.16px !default;\n$type-nav-bold-b-size: 16px !default;\n$type-nav-bold-b-letter-spacing: -0.02em !default;\n$type-nav-bold-b-line-height: 21.6px !default;\n$type-pull-quote-sm-size: 29.16px !default;\n$type-pull-quote-sm-letter-spacing: -0.035em !default;\n$type-pull-quote-sm-line-height: 36.45px !default;\n$type-pull-quote-lg-size: 36.45px !default;\n$type-pull-quote-lg-letter-spacing: -0.035em !default;\n$type-pull-quote-lg-line-height: 43.74px !default;\n$type-pull-quote-cite-size: 14.93px !default;\n$type-pull-quote-cite-letter-spacing: -0.02em !default;\n$type-pull-quote-cite-line-height: 20.16px !default;\n$type-image-caption-size: 14.93px !default;\n$type-image-caption-letter-spacing: -0.02em !default;\n$type-image-caption-line-height: 20.16px !default;\n$type-image-credit-size: 11.94px !default;\n$type-image-credit-letter-spacing: -0.02em !default;\n$type-image-credit-line-height: 16.24px !default;\n$type-tagline-size: 11.9px !default;\n$type-tagline-letter-spacing: -0.02em !default;\n$type-tagline-line-height: 19.4px !default;\n$type-weights-section: 500 !default;\n$type-weights-label: 700 !default;\n$widths-border-xsm: 1px !default;\n$widths-border-sm: 1.5px !default;\n$widths-border-med-sm: 2.5px !default;\n$widths-border-med: 3px !default;\n$widths-border-lg: 4px !default;\n$widths-tags-max-width: 190px !default;\n\n/**\n* MAPS:\n*/\n\n// BORDERS MAP:\n\n$borders: (\n 'small': $borders-small,\n 'base': $borders-base,\n 'thick': $borders-thick\n);\n\n// BRAND MAP:\n\n$brand: (\n 'ilo-blue': $brand-ilo-blue,\n 'ilo-red': $brand-ilo-red,\n 'ilo-dark-blue': $brand-ilo-dark-blue,\n 'ilo-yellow': $brand-ilo-yellow,\n 'ilo-green': $brand-ilo-green,\n 'ilo-purple': $brand-ilo-purple,\n 'ilo-purple-light': $brand-ilo-purple-light,\n 'ilo-turquoise': $brand-ilo-turquoise,\n 'ilo-dark-red': $brand-ilo-dark-red,\n 'ilo-light-blue': $brand-ilo-light-blue,\n 'ilo-grey-light-alternate': $brand-ilo-grey-light-alternate,\n 'ilo-grey-light': $brand-ilo-grey-light,\n 'ilo-grey-ui': $brand-ilo-grey-ui,\n 'ilo-grey-accessible': $brand-ilo-grey-accessible,\n 'ilo-black': $brand-ilo-black,\n 'ilo-white': $brand-ilo-white,\n 'ilo-ramp-blue': $brand-ilo-ramp-blue,\n 'ilo-ramp-red': $brand-ilo-ramp-red,\n 'ilo-ramp-green': $brand-ilo-ramp-green,\n 'ilo-ramp-yellow': $brand-ilo-ramp-yellow\n);\n\n// BREAKPOINTS MAP:\n\n$breakpoints: (\n 'x-small': $breakpoints-x-small,\n 'small': $breakpoints-small,\n 'medium': $breakpoints-medium,\n 'large': $breakpoints-large,\n 'x-large': $breakpoints-x-large,\n 'xx-large': $breakpoints-xx-large\n);\n\n// COLOR MAP:\n\n$color: (\n 'base': (\n 'blue': (\n 'lighter': $color-base-blue-lighter,\n 'light': $color-base-blue-light,\n 'intermediate': $color-base-blue-intermediate,\n 'medium': $color-base-blue-medium,\n 'dark': $color-base-blue-dark\n ),\n 'green': $color-base-green,\n 'neutrals': (\n 'white': $color-base-neutrals-white,\n 'alternate': $color-base-neutrals-alternate,\n 'lighter': $color-base-neutrals-lighter,\n 'light': $color-base-neutrals-light,\n 'medium': $color-base-neutrals-medium,\n 'dark': $color-base-neutrals-dark,\n 'black': $color-base-neutrals-black\n ),\n 'purple': (\n 'light': $color-base-purple-light,\n 'medium': $color-base-purple-medium\n ),\n 'red': (\n 'light': $color-base-red-light,\n 'medium': $color-base-red-medium,\n 'dark': $color-base-red-dark\n ),\n 'turquoise': $color-base-turquoise,\n 'yellow': $color-base-yellow\n ),\n 'ramp': (\n 'blue': $color-ramp-blue,\n 'green': $color-ramp-green,\n 'red': $color-ramp-red,\n 'yellow': $color-ramp-yellow\n ),\n 'font': (\n 'base': $color-font-base,\n 'blockquote': $color-font-blockquote,\n 'cite': $color-font-cite,\n 'caption': $color-font-caption\n ),\n 'formelements': (\n 'input': (\n 'default': (\n 'background': $color-formelements-input-default-background,\n 'border': (\n 'bottom': $color-formelements-input-default-border-bottom,\n 'left': $color-formelements-input-default-border-left,\n 'right': $color-formelements-input-default-border-right,\n 'top': $color-formelements-input-default-border-top\n ),\n 'color': $color-formelements-input-default-color\n ),\n 'hover': (\n 'background': $color-formelements-input-hover-background,\n 'border': (\n 'bottom': $color-formelements-input-hover-border-bottom,\n 'left': $color-formelements-input-hover-border-left,\n 'right': $color-formelements-input-hover-border-right,\n 'top': $color-formelements-input-hover-border-top\n ),\n 'color': $color-formelements-input-hover-color\n ),\n 'focus': (\n 'background': $color-formelements-input-focus-background,\n 'border': (\n 'bottom': $color-formelements-input-focus-border-bottom,\n 'left': $color-formelements-input-focus-border-left,\n 'right': $color-formelements-input-focus-border-right,\n 'top': $color-formelements-input-focus-border-top\n ),\n 'color': $color-formelements-input-focus-color\n ),\n 'error': (\n 'background': $color-formelements-input-error-background,\n 'border': (\n 'bottom': $color-formelements-input-error-border-bottom,\n 'left': $color-formelements-input-error-border-left,\n 'right': $color-formelements-input-error-border-right,\n 'top': $color-formelements-input-error-border-top\n ),\n 'color': $color-formelements-input-error-color\n ),\n 'disabled': (\n 'background': $color-formelements-input-disabled-background,\n 'border': (\n 'bottom': $color-formelements-input-disabled-border-bottom,\n 'left': $color-formelements-input-disabled-border-left,\n 'right': $color-formelements-input-disabled-border-right,\n 'top': $color-formelements-input-disabled-border-top\n ),\n 'color': $color-formelements-input-disabled-color\n )\n ),\n 'toggle': (\n 'unchecked': (\n 'background': $color-formelements-toggle-unchecked-background,\n 'border': $color-formelements-toggle-unchecked-border,\n 'slider': (\n 'color': $color-formelements-toggle-unchecked-slider-color\n ),\n 'label': (\n 'color': $color-formelements-toggle-unchecked-label-color\n ),\n 'helperText': (\n 'color': $color-formelements-toggle-unchecked-helper-text-color\n )\n ),\n 'checked': (\n 'background': $color-formelements-toggle-checked-background,\n 'border': $color-formelements-toggle-checked-border,\n 'slider': (\n 'color': $color-formelements-toggle-checked-slider-color\n )\n ),\n 'active': (\n 'border': $color-formelements-toggle-active-border,\n 'slider': (\n 'color': $color-formelements-toggle-active-slider-color\n )\n ),\n 'error': (\n 'background': $color-formelements-toggle-error-background,\n 'border': $color-formelements-toggle-error-border,\n 'slider': (\n 'color': $color-formelements-toggle-error-slider-color\n )\n )\n ),\n 'inputbutton': (\n 'default': (\n 'background': $color-formelements-inputbutton-default-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-default-border-bottom,\n 'left': $color-formelements-inputbutton-default-border-left,\n 'right': $color-formelements-inputbutton-default-border-right,\n 'top': $color-formelements-inputbutton-default-border-top\n ),\n 'color': $color-formelements-inputbutton-default-color\n ),\n 'hover': (\n 'background': $color-formelements-inputbutton-hover-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-hover-border-bottom,\n 'left': $color-formelements-inputbutton-hover-border-left,\n 'right': $color-formelements-inputbutton-hover-border-right,\n 'top': $color-formelements-inputbutton-hover-border-top\n ),\n 'color': $color-formelements-inputbutton-hover-color\n ),\n 'focus': (\n 'background': $color-formelements-inputbutton-focus-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-focus-border-bottom,\n 'left': $color-formelements-inputbutton-focus-border-left,\n 'right': $color-formelements-inputbutton-focus-border-right,\n 'top': $color-formelements-inputbutton-focus-border-top\n ),\n 'color': $color-formelements-inputbutton-focus-color\n ),\n 'active': (\n 'background': $color-formelements-inputbutton-active-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-active-border-bottom,\n 'left': $color-formelements-inputbutton-active-border-left,\n 'right': $color-formelements-inputbutton-active-border-right,\n 'top': $color-formelements-inputbutton-active-border-top\n ),\n 'color': $color-formelements-inputbutton-active-color\n ),\n 'error': (\n 'background': $color-formelements-inputbutton-error-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-error-border-bottom,\n 'left': $color-formelements-inputbutton-error-border-left,\n 'right': $color-formelements-inputbutton-error-border-right,\n 'top': $color-formelements-inputbutton-error-border-top\n ),\n 'color': $color-formelements-inputbutton-error-color\n ),\n 'disabled': (\n 'background': $color-formelements-inputbutton-disabled-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-disabled-border-bottom,\n 'left': $color-formelements-inputbutton-disabled-border-left,\n 'right': $color-formelements-inputbutton-disabled-border-right,\n 'top': $color-formelements-inputbutton-disabled-border-top\n ),\n 'color': $color-formelements-inputbutton-disabled-color\n )\n ),\n 'uploadedfile': (\n 'default': (\n 'background': $color-formelements-uploadedfile-default-background,\n 'border': (\n 'bottom': $color-formelements-uploadedfile-default-border-bottom,\n 'left': $color-formelements-uploadedfile-default-border-left,\n 'right': $color-formelements-uploadedfile-default-border-right,\n 'top': $color-formelements-uploadedfile-default-border-top\n ),\n 'color': $color-formelements-uploadedfile-default-color\n )\n )\n ),\n 'hero': (\n 'card': (\n 'opacity': (\n 'semi-transparent': $color-hero-card-opacity-semi-transparent\n ),\n 'dark': (\n 'background': $color-hero-card-dark-background,\n 'color': $color-hero-card-dark-color,\n 'icon': (\n 'color': $color-hero-card-dark-icon-color\n ),\n 'iconhover': (\n 'color': $color-hero-card-dark-iconhover-color,\n 'background': $color-hero-card-dark-iconhover-background\n ),\n 'eyebrow': (\n 'color': $color-hero-card-dark-eyebrow-color\n ),\n 'datecopy': (\n 'color': $color-hero-card-dark-datecopy-color\n )\n ),\n 'light': (\n 'background': $color-hero-card-light-background,\n 'color': $color-hero-card-light-color,\n 'eyebrow': (\n 'color': $color-hero-card-light-eyebrow-color\n ),\n 'datecopy': (\n 'color': $color-hero-card-light-datecopy-color\n ),\n 'link': (\n 'color': $color-hero-card-light-link-color\n ),\n 'icon': (\n 'color': $color-hero-card-light-icon-color\n ),\n 'iconhover': (\n 'background': $color-hero-card-light-iconhover-background,\n 'color': $color-hero-card-light-iconhover-color\n )\n )\n )\n ),\n 'link': (\n 'background': (\n 'default': $color-link-background-default,\n 'hover': $color-link-background-hover,\n 'focus': $color-link-background-focus,\n 'active': $color-link-background-active,\n 'visited': $color-link-background-visited\n ),\n 'background-dark': (\n 'default': $color-link-background-dark-default,\n 'hover': $color-link-background-dark-hover,\n 'focus': $color-link-background-dark-focus,\n 'active': $color-link-background-dark-active,\n 'visited': $color-link-background-dark-visited\n ),\n 'background-footer': (\n 'default': $color-link-background-footer-default,\n 'hover': $color-link-background-footer-hover,\n 'focus': $color-link-background-footer-focus,\n 'active': $color-link-background-footer-active,\n 'visited': $color-link-background-footer-visited\n ),\n 'text': (\n 'default': $color-link-text-default,\n 'hover': $color-link-text-hover,\n 'focus': $color-link-text-focus,\n 'active': $color-link-text-active,\n 'visited': $color-link-text-visited\n ),\n 'text-dark': (\n 'default': $color-link-text-dark-default,\n 'hover': $color-link-text-dark-hover,\n 'focus': $color-link-text-dark-focus,\n 'active': $color-link-text-dark-active,\n 'visited': $color-link-text-dark-visited\n ),\n 'text-footer': (\n 'default': $color-link-text-footer-default,\n 'hover': $color-link-text-footer-hover,\n 'focus': $color-link-text-footer-focus,\n 'active': $color-link-text-footer-active,\n 'visited': $color-link-text-footer-visited\n ),\n 'underline': (\n 'default': $color-link-underline-default,\n 'hover': $color-link-underline-hover,\n 'focus': $color-link-underline-focus,\n 'active': $color-link-underline-active,\n 'visited': $color-link-underline-visited\n ),\n 'underline-dark': (\n 'default': $color-link-underline-dark-default,\n 'hover': $color-link-underline-dark-hover,\n 'focus': $color-link-underline-dark-focus,\n 'active': $color-link-underline-dark-active,\n 'visited': $color-link-underline-dark-visited\n ),\n 'underline-footer': (\n 'default': $color-link-underline-footer-default,\n 'hover': $color-link-underline-footer-hover,\n 'focus': $color-link-underline-footer-focus,\n 'active': $color-link-underline-footer-active,\n 'visited': $color-link-underline-footer-visited\n )\n ),\n 'socialmedia': (\n 'dark': (\n 'headline': (\n 'color': $color-socialmedia-dark-headline-color\n ),\n 'icon': (\n 'color': $color-socialmedia-dark-icon-color\n ),\n 'iconhover': (\n 'color': $color-socialmedia-dark-iconhover-color,\n 'background': $color-socialmedia-dark-iconhover-background\n )\n ),\n 'light': (\n 'headline': (\n 'color': $color-socialmedia-light-headline-color\n ),\n 'icon': (\n 'color': $color-socialmedia-light-icon-color\n ),\n 'iconhover': (\n 'color': $color-socialmedia-light-iconhover-color,\n 'background': $color-socialmedia-light-iconhover-background\n )\n )\n ),\n 'tag': (\n 'background': (\n 'default': $color-tag-background-default,\n 'hover': $color-tag-background-hover,\n 'focus': $color-tag-background-focus,\n 'active': $color-tag-background-active,\n 'visited': $color-tag-background-visited\n ),\n 'text': (\n 'default': $color-tag-text-default,\n 'hover': $color-tag-text-hover,\n 'focus': $color-tag-text-focus,\n 'active': $color-tag-text-active,\n 'visited': $color-tag-text-visited\n )\n ),\n 'tooltip': (\n 'default': (\n 'background': $color-tooltip-default-background,\n 'dropshadow': $color-tooltip-default-dropshadow,\n 'text': $color-tooltip-default-text\n ),\n 'dark': (\n 'background': $color-tooltip-dark-background,\n 'dropshadow': $color-tooltip-dark-dropshadow,\n 'text': $color-tooltip-dark-text,\n 'icon': $color-tooltip-dark-icon\n )\n ),\n 'ux': (\n 'background': (\n 'default': $color-ux-background-default,\n 'disabled': $color-ux-background-disabled,\n 'highlight': $color-ux-background-highlight,\n 'hover': $color-ux-background-hover,\n 'focus': $color-ux-background-focus,\n 'active': $color-ux-background-active,\n 'alert': $color-ux-background-alert,\n 'attention': $color-ux-background-attention\n ),\n 'borders': (\n 'default': $color-ux-borders-default,\n 'error': $color-ux-borders-error,\n 'highlight': $color-ux-borders-highlight,\n 'hover': $color-ux-borders-hover,\n 'focus': $color-ux-borders-focus,\n 'active': $color-ux-borders-active,\n 'alert': $color-ux-borders-alert,\n 'attention': $color-ux-borders-attention\n ),\n 'labels': (\n 'actionable': $color-ux-labels-actionable,\n 'darkbg': $color-ux-labels-darkbg,\n 'default': $color-ux-labels-default,\n 'error': $color-ux-labels-error,\n 'focus': $color-ux-labels-focus,\n 'hover': $color-ux-labels-hover,\n 'active': $color-ux-labels-active,\n 'alert': $color-ux-labels-alert\n ),\n 'caption': (\n 'background': $color-ux-caption-background,\n 'border': (\n 'bottom': $color-ux-caption-border-bottom,\n 'left': $color-ux-caption-border-left,\n 'right': $color-ux-caption-border-right,\n 'top': $color-ux-caption-border-top\n ),\n 'text': $color-ux-caption-text\n ),\n 'credit': (\n 'background': $color-ux-credit-background,\n 'border': (\n 'bottom': $color-ux-credit-border-bottom,\n 'left': $color-ux-credit-border-left,\n 'right': $color-ux-credit-border-right,\n 'top': $color-ux-credit-border-top\n ),\n 'text': $color-ux-credit-text\n ),\n 'horizontal-rule': (\n 'default': $color-ux-horizontal-rule-default\n ),\n 'notification': (\n 'background': $color-ux-notification-background,\n 'icon': $color-ux-notification-icon,\n 'text': $color-ux-notification-text,\n 'type': (\n 'error': $color-ux-notification-type-error,\n 'info': $color-ux-notification-type-info,\n 'success': $color-ux-notification-type-success,\n 'warning': $color-ux-notification-type-warning\n )\n ),\n 'pagination': (\n 'default': (\n 'background': $color-ux-pagination-default-background,\n 'icon': $color-ux-pagination-default-icon\n ),\n 'hover': (\n 'background': $color-ux-pagination-hover-background,\n 'icon': $color-ux-pagination-hover-icon\n )\n ),\n 'readmore': (\n 'default': (\n 'background': $color-ux-readmore-default-background,\n 'border': (\n 'bottom': $color-ux-readmore-default-border-bottom,\n 'left': $color-ux-readmore-default-border-left,\n 'right': $color-ux-readmore-default-border-right,\n 'top': $color-ux-readmore-default-border-top\n )\n ),\n 'hover': (\n 'background': $color-ux-readmore-hover-background,\n 'border': (\n 'bottom': $color-ux-readmore-hover-border-bottom,\n 'left': $color-ux-readmore-hover-border-left,\n 'right': $color-ux-readmore-hover-border-right,\n 'top': $color-ux-readmore-hover-border-top\n )\n )\n ),\n 'table': (\n 'background': $color-ux-table-background,\n 'content': (\n 'background': $color-ux-table-content-background\n ),\n 'cell': (\n 'background': $color-ux-table-cell-background\n ),\n 'zebra': (\n 'background': $color-ux-table-zebra-background\n ),\n 'hover': (\n 'background': $color-ux-table-hover-background\n ),\n 'selected': (\n 'background': $color-ux-table-selected-background\n )\n ),\n 'tableofcontents': (\n 'items': (\n 'default': (\n 'background': $color-ux-tableofcontents-items-default-background,\n 'border': $color-ux-tableofcontents-items-default-border,\n 'color': $color-ux-tableofcontents-items-default-color,\n 'icon': $color-ux-tableofcontents-items-default-icon\n ),\n 'hover': (\n 'background': $color-ux-tableofcontents-items-hover-background,\n 'border': $color-ux-tableofcontents-items-hover-border,\n 'color': $color-ux-tableofcontents-items-hover-color,\n 'icon': $color-ux-tableofcontents-items-hover-icon\n ),\n 'active': (\n 'background': $color-ux-tableofcontents-items-active-background,\n 'border': $color-ux-tableofcontents-items-active-border,\n 'color': $color-ux-tableofcontents-items-active-color,\n 'icon': $color-ux-tableofcontents-items-active-icon\n )\n )\n ),\n 'video': (\n 'controls': (\n 'default': (\n 'background': $color-ux-video-controls-default-background,\n 'border': (\n 'bottom': $color-ux-video-controls-default-border-bottom,\n 'left': $color-ux-video-controls-default-border-left,\n 'right': $color-ux-video-controls-default-border-right,\n 'top': $color-ux-video-controls-default-border-top\n ),\n 'icon': $color-ux-video-controls-default-icon\n ),\n 'hover': (\n 'background': $color-ux-video-controls-hover-background,\n 'border': (\n 'bottom': $color-ux-video-controls-hover-border-bottom,\n 'left': $color-ux-video-controls-hover-border-left,\n 'right': $color-ux-video-controls-hover-border-right,\n 'top': $color-ux-video-controls-hover-border-top\n ),\n 'icon': $color-ux-video-controls-hover-icon\n )\n )\n )\n )\n);\n\n// FONTS MAP:\n\n$fonts: (\n 'display': $fonts-display,\n 'copy': $fonts-copy\n);\n\n// LAYOUT MAP:\n\n$layout: (\n 'maxWidth': $layout-max-width,\n 'padding': $layout-padding\n);\n\n// OPACITY MAP:\n\n$opacity: (\n 'disabled': $opacity-disabled,\n 'semi-transparent': $opacity-semi-transparent\n);\n\n// RADIUS MAP:\n\n$radius: (\n 'button': (\n 'bottom-left': $radius-button-bottom-left,\n 'bottom-right': $radius-button-bottom-right,\n 'top-left': $radius-button-top-left,\n 'top-right': $radius-button-top-right\n )\n);\n\n// SPACING MAP:\n\n$spacing: (\n 'base': $spacing-base,\n 'root': $spacing-root,\n 'spacing-1': $spacing-spacing-1,\n 'spacing-2': $spacing-spacing-2,\n 'spacing-3': $spacing-spacing-3,\n 'spacing-4': $spacing-spacing-4,\n 'spacing-5 ': $spacing-spacing-5,\n 'spacing-6': $spacing-spacing-6,\n 'spacing-7': $spacing-spacing-7,\n 'spacing-8': $spacing-spacing-8,\n 'spacing-9': $spacing-spacing-9,\n 'spacing-10': $spacing-spacing-10,\n 'spacing-11': $spacing-spacing-11,\n 'spacing-12': $spacing-spacing-12,\n 'spacing-13': $spacing-spacing-13,\n 'spacing-14': $spacing-spacing-14,\n 'spacing-15': $spacing-spacing-15,\n 'spacing-16': $spacing-spacing-16,\n 'spacing-17': $spacing-spacing-17,\n 'spacing-18': $spacing-spacing-18,\n 'spacing-19': $spacing-spacing-19,\n 'spacing-20': $spacing-spacing-20,\n 'spacing-21': $spacing-spacing-21,\n 'spacing-22': $spacing-spacing-22,\n 'spacing-23': $spacing-spacing-23,\n 'spacing-24': $spacing-spacing-24,\n 'spacing-25': $spacing-spacing-25,\n 'spacing-26': $spacing-spacing-26,\n 'spacing-27': $spacing-spacing-27,\n 'spacing-28': $spacing-spacing-28,\n 'padding-0-5': $spacing-padding-0-5,\n 'padding-1': $spacing-padding-1,\n 'padding-1-5': $spacing-padding-1-5,\n 'padding-2': $spacing-padding-2,\n 'padding-3': $spacing-padding-3,\n 'padding-4': $spacing-padding-4,\n 'padding-5': $spacing-padding-5,\n 'padding-6': $spacing-padding-6,\n 'padding-7': $spacing-padding-7,\n 'padding-8': $spacing-padding-8,\n 'padding-9': $spacing-padding-9,\n 'padding-10': $spacing-padding-10,\n 'padding-11': $spacing-padding-11,\n 'padding-12': $spacing-padding-12,\n 'padding-13': $spacing-padding-13,\n 'padding-14': $spacing-padding-14,\n 'padding-15': $spacing-padding-15,\n 'horizontal-rule': $spacing-horizontal-rule,\n 'label-padding': $spacing-label-padding,\n 'ui-padding-sm': $spacing-ui-padding-sm,\n 'ui-padding': $spacing-ui-padding,\n 'ui-padding-lg': $spacing-ui-padding-lg,\n 'ui-padding-xl': $spacing-ui-padding-xl,\n 'ui-padding-xxl': $spacing-ui-padding-xxl,\n 'boxpadding': (\n 'button': (\n 'small': (\n 'bottom': $spacing-boxpadding-button-small-bottom,\n 'left': $spacing-boxpadding-button-small-left,\n 'right': $spacing-boxpadding-button-small-right,\n 'top': $spacing-boxpadding-button-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-button-medium-bottom,\n 'left': $spacing-boxpadding-button-medium-left,\n 'right': $spacing-boxpadding-button-medium-right,\n 'top': $spacing-boxpadding-button-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-button-large-bottom,\n 'left': $spacing-boxpadding-button-large-left,\n 'right': $spacing-boxpadding-button-large-right,\n 'top': $spacing-boxpadding-button-large-top\n )\n ),\n 'button-icon': (\n 'small': (\n 'bottom': $spacing-boxpadding-button-icon-small-bottom,\n 'left': $spacing-boxpadding-button-icon-small-left,\n 'right': $spacing-boxpadding-button-icon-small-right,\n 'top': $spacing-boxpadding-button-icon-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-button-icon-medium-bottom,\n 'left': $spacing-boxpadding-button-icon-medium-left,\n 'right': $spacing-boxpadding-button-icon-medium-right,\n 'top': $spacing-boxpadding-button-icon-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-button-icon-large-bottom,\n 'left': $spacing-boxpadding-button-icon-large-left,\n 'right': $spacing-boxpadding-button-icon-large-right,\n 'top': $spacing-boxpadding-button-icon-large-top\n )\n ),\n 'caption': (\n 'small': (\n 'bottom': $spacing-boxpadding-caption-small-bottom,\n 'left': $spacing-boxpadding-caption-small-left,\n 'right': $spacing-boxpadding-caption-small-right,\n 'top': $spacing-boxpadding-caption-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-caption-medium-bottom,\n 'left': $spacing-boxpadding-caption-medium-left,\n 'right': $spacing-boxpadding-caption-medium-right,\n 'top': $spacing-boxpadding-caption-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-caption-large-bottom,\n 'left': $spacing-boxpadding-caption-large-left,\n 'right': $spacing-boxpadding-caption-large-right,\n 'top': $spacing-boxpadding-caption-large-top\n )\n ),\n 'credit': (\n 'small': (\n 'bottom': $spacing-boxpadding-credit-small-bottom,\n 'left': $spacing-boxpadding-credit-small-left,\n 'right': $spacing-boxpadding-credit-small-right,\n 'top': $spacing-boxpadding-credit-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-credit-medium-bottom,\n 'left': $spacing-boxpadding-credit-medium-left,\n 'right': $spacing-boxpadding-credit-medium-right,\n 'top': $spacing-boxpadding-credit-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-credit-large-bottom,\n 'left': $spacing-boxpadding-credit-large-left,\n 'right': $spacing-boxpadding-credit-large-right,\n 'top': $spacing-boxpadding-credit-large-top\n )\n )\n ),\n 'formelements': (\n 'input': (\n 'default': (\n 'height': $spacing-formelements-input-default-height,\n 'border': (\n 'bottom': $spacing-formelements-input-default-border-bottom,\n 'left': $spacing-formelements-input-default-border-left,\n 'right': $spacing-formelements-input-default-border-right,\n 'top': $spacing-formelements-input-default-border-top\n ),\n 'margin': (\n 'bottom': $spacing-formelements-input-default-margin-bottom,\n 'left': $spacing-formelements-input-default-margin-left,\n 'right': $spacing-formelements-input-default-margin-right,\n 'top': $spacing-formelements-input-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-formelements-input-default-padding-bottom,\n 'left': $spacing-formelements-input-default-padding-left,\n 'right': $spacing-formelements-input-default-padding-right,\n 'top': $spacing-formelements-input-default-padding-top\n ),\n 'width': $spacing-formelements-input-default-width\n ),\n 'focus': (\n 'border': (\n 'bottom': $spacing-formelements-input-focus-border-bottom,\n 'left': $spacing-formelements-input-focus-border-left,\n 'right': $spacing-formelements-input-focus-border-right,\n 'top': $spacing-formelements-input-focus-border-top\n )\n ),\n 'hover': (\n 'border': (\n 'bottom': $spacing-formelements-input-hover-border-bottom,\n 'left': $spacing-formelements-input-hover-border-left,\n 'right': $spacing-formelements-input-hover-border-right,\n 'top': $spacing-formelements-input-hover-border-top\n )\n ),\n 'invalid': (\n 'border': (\n 'bottom': $spacing-formelements-input-invalid-border-bottom,\n 'left': $spacing-formelements-input-invalid-border-left,\n 'right': $spacing-formelements-input-invalid-border-right,\n 'top': $spacing-formelements-input-invalid-border-top\n )\n ),\n 'error': (\n 'border': (\n 'bottom': $spacing-formelements-input-error-border-bottom,\n 'left': $spacing-formelements-input-error-border-left,\n 'right': $spacing-formelements-input-error-border-right,\n 'top': $spacing-formelements-input-error-border-top\n )\n )\n ),\n 'toggle': (\n 'base': (\n 'height': $spacing-formelements-toggle-base-height,\n 'width': $spacing-formelements-toggle-base-width\n )\n ),\n 'inputbutton': (\n 'default': (\n 'height': $spacing-formelements-inputbutton-default-height,\n 'border': (\n 'bottom': $spacing-formelements-inputbutton-default-border-bottom,\n 'left': $spacing-formelements-inputbutton-default-border-left,\n 'right': $spacing-formelements-inputbutton-default-border-right,\n 'top': $spacing-formelements-inputbutton-default-border-top\n ),\n 'borderrtl': (\n 'bottom': $spacing-formelements-inputbutton-default-borderrtl-bottom,\n 'left': $spacing-formelements-inputbutton-default-borderrtl-left,\n 'right': $spacing-formelements-inputbutton-default-borderrtl-right,\n 'top': $spacing-formelements-inputbutton-default-borderrtl-top\n ),\n 'margin': (\n 'bottom': $spacing-formelements-inputbutton-default-margin-bottom,\n 'left': $spacing-formelements-inputbutton-default-margin-left,\n 'right': $spacing-formelements-inputbutton-default-margin-right,\n 'top': $spacing-formelements-inputbutton-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-formelements-inputbutton-default-padding-bottom,\n 'left': $spacing-formelements-inputbutton-default-padding-left,\n 'right': $spacing-formelements-inputbutton-default-padding-right,\n 'top': $spacing-formelements-inputbutton-default-padding-top\n ),\n 'width': $spacing-formelements-inputbutton-default-width\n )\n ),\n 'uploadedfile': (\n 'default': (\n 'height': $spacing-formelements-uploadedfile-default-height,\n 'border': (\n 'bottom': $spacing-formelements-uploadedfile-default-border-bottom,\n 'left': $spacing-formelements-uploadedfile-default-border-left,\n 'right': $spacing-formelements-uploadedfile-default-border-right,\n 'top': $spacing-formelements-uploadedfile-default-border-top\n ),\n 'margin': (\n 'bottom': $spacing-formelements-uploadedfile-default-margin-bottom,\n 'left': $spacing-formelements-uploadedfile-default-margin-left,\n 'right': $spacing-formelements-uploadedfile-default-margin-right,\n 'top': $spacing-formelements-uploadedfile-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-formelements-uploadedfile-default-padding-bottom,\n 'left': $spacing-formelements-uploadedfile-default-padding-left,\n 'right': $spacing-formelements-uploadedfile-default-padding-right,\n 'top': $spacing-formelements-uploadedfile-default-padding-top\n ),\n 'width': $spacing-formelements-uploadedfile-default-width\n )\n )\n ),\n 'hero': (\n 'tooltip': (\n 'width': $spacing-hero-tooltip-width,\n 'height': $spacing-hero-tooltip-height\n ),\n 'image': (\n 'min-height': $spacing-hero-image-min-height\n )\n ),\n 'hero-card': (\n 'padding': (\n 'y': (\n 'sm': $spacing-hero-card-padding-y-sm,\n 'lg': $spacing-hero-card-padding-y-lg\n ),\n 'x': (\n 'sm': $spacing-hero-card-padding-x-sm,\n 'lg': $spacing-hero-card-padding-x-lg\n )\n ),\n 'corner-cut': (\n 'width': (\n 'sm': $spacing-hero-card-corner-cut-width-sm,\n 'lg': $spacing-hero-card-corner-cut-width-lg\n ),\n 'height': (\n 'sm': $spacing-hero-card-corner-cut-height-sm,\n 'lg': $spacing-hero-card-corner-cut-height-lg\n )\n )\n ),\n 'icons': (\n 'icon-height-sm': $spacing-icons-icon-height-sm,\n 'icon-height-m': $spacing-icons-icon-height-m,\n 'icon-height-lg': $spacing-icons-icon-height-lg,\n 'icon-padding-sm': $spacing-icons-icon-padding-sm,\n 'icon-padding-m': $spacing-icons-icon-padding-m,\n 'icon-padding-lg': $spacing-icons-icon-padding-lg\n ),\n 'tooltip': (\n 'tooltip-arrow-height': $spacing-tooltip-tooltip-arrow-height,\n 'tooltip-arrow-width': $spacing-tooltip-tooltip-arrow-width\n ),\n 'ux': (\n 'caption': (\n 'border': (\n 'bottom': $spacing-ux-caption-border-bottom,\n 'left': $spacing-ux-caption-border-left,\n 'right': $spacing-ux-caption-border-right,\n 'top': $spacing-ux-caption-border-top\n ),\n 'height': $spacing-ux-caption-height,\n 'width': $spacing-ux-caption-width\n ),\n 'credit': (\n 'border': (\n 'bottom': $spacing-ux-credit-border-bottom,\n 'left': $spacing-ux-credit-border-left,\n 'right': $spacing-ux-credit-border-right,\n 'top': $spacing-ux-credit-border-top\n ),\n 'height': $spacing-ux-credit-height,\n 'width': $spacing-ux-credit-width\n ),\n 'pagination': (\n 'padding': (\n 'bottom': $spacing-ux-pagination-padding-bottom,\n 'left': $spacing-ux-pagination-padding-left,\n 'right': $spacing-ux-pagination-padding-right,\n 'top': $spacing-ux-pagination-padding-top\n ),\n 'width': $spacing-ux-pagination-width\n ),\n 'readmore': (\n 'default': (\n 'height': $spacing-ux-readmore-default-height,\n 'border': (\n 'bottom': $spacing-ux-readmore-default-border-bottom,\n 'left': $spacing-ux-readmore-default-border-left,\n 'right': $spacing-ux-readmore-default-border-right,\n 'top': $spacing-ux-readmore-default-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-readmore-default-margin-bottom,\n 'left': $spacing-ux-readmore-default-margin-left,\n 'right': $spacing-ux-readmore-default-margin-right,\n 'top': $spacing-ux-readmore-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-readmore-default-padding-bottom,\n 'left': $spacing-ux-readmore-default-padding-left,\n 'right': $spacing-ux-readmore-default-padding-right,\n 'top': $spacing-ux-readmore-default-padding-top\n ),\n 'width': $spacing-ux-readmore-default-width\n ),\n 'hover': (\n 'height': $spacing-ux-readmore-hover-height,\n 'border': (\n 'bottom': $spacing-ux-readmore-hover-border-bottom,\n 'left': $spacing-ux-readmore-hover-border-left,\n 'right': $spacing-ux-readmore-hover-border-right,\n 'top': $spacing-ux-readmore-hover-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-readmore-hover-margin-bottom,\n 'left': $spacing-ux-readmore-hover-margin-left,\n 'right': $spacing-ux-readmore-hover-margin-right,\n 'top': $spacing-ux-readmore-hover-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-readmore-hover-padding-bottom,\n 'left': $spacing-ux-readmore-hover-padding-left,\n 'right': $spacing-ux-readmore-hover-padding-right,\n 'top': $spacing-ux-readmore-hover-padding-top\n ),\n 'width': $spacing-ux-readmore-hover-width\n )\n ),\n 'video': (\n 'controls': (\n 'height': $spacing-ux-video-controls-height,\n 'border': (\n 'bottom': $spacing-ux-video-controls-border-bottom,\n 'left': $spacing-ux-video-controls-border-left,\n 'right': $spacing-ux-video-controls-border-right,\n 'top': $spacing-ux-video-controls-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-video-controls-margin-bottom,\n 'left': $spacing-ux-video-controls-margin-left,\n 'right': $spacing-ux-video-controls-margin-right,\n 'top': $spacing-ux-video-controls-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-video-controls-padding-bottom,\n 'left': $spacing-ux-video-controls-padding-left,\n 'right': $spacing-ux-video-controls-padding-right,\n 'top': $spacing-ux-video-controls-padding-top\n ),\n 'width': $spacing-ux-video-controls-width\n ),\n 'buttonicon': (\n 'height': $spacing-ux-video-buttonicon-height,\n 'border': (\n 'bottom': $spacing-ux-video-buttonicon-border-bottom,\n 'left': $spacing-ux-video-buttonicon-border-left,\n 'right': $spacing-ux-video-buttonicon-border-right,\n 'top': $spacing-ux-video-buttonicon-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-video-buttonicon-margin-bottom,\n 'left': $spacing-ux-video-buttonicon-margin-left,\n 'right': $spacing-ux-video-buttonicon-margin-right,\n 'top': $spacing-ux-video-buttonicon-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-video-buttonicon-padding-bottom,\n 'left': $spacing-ux-video-buttonicon-padding-left,\n 'right': $spacing-ux-video-buttonicon-padding-right,\n 'top': $spacing-ux-video-buttonicon-padding-top\n ),\n 'width': $spacing-ux-video-buttonicon-width\n ),\n 'bigplaybutton': (\n 'height': $spacing-ux-video-bigplaybutton-height,\n 'border': (\n 'bottom': $spacing-ux-video-bigplaybutton-border-bottom,\n 'left': $spacing-ux-video-bigplaybutton-border-left,\n 'right': $spacing-ux-video-bigplaybutton-border-right,\n 'top': $spacing-ux-video-bigplaybutton-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-video-bigplaybutton-margin-bottom,\n 'left': $spacing-ux-video-bigplaybutton-margin-left,\n 'right': $spacing-ux-video-bigplaybutton-margin-right,\n 'top': $spacing-ux-video-bigplaybutton-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-video-bigplaybutton-padding-bottom,\n 'left': $spacing-ux-video-bigplaybutton-padding-left,\n 'right': $spacing-ux-video-bigplaybutton-padding-right,\n 'top': $spacing-ux-video-bigplaybutton-padding-top\n ),\n 'width': $spacing-ux-video-bigplaybutton-width\n )\n ),\n 'table': (\n 'padding': (\n 'bottom': $spacing-ux-table-padding-bottom,\n 'left': $spacing-ux-table-padding-left,\n 'right': $spacing-ux-table-padding-right,\n 'top': $spacing-ux-table-padding-top\n ),\n 'content': (\n 'padding': (\n 'bottom': $spacing-ux-table-content-padding-bottom,\n 'left': $spacing-ux-table-content-padding-left,\n 'right': $spacing-ux-table-content-padding-right,\n 'top': $spacing-ux-table-content-padding-top\n )\n ),\n 'head': (\n 'padding': (\n 'bottom': $spacing-ux-table-head-padding-bottom,\n 'left': $spacing-ux-table-head-padding-left,\n 'right': $spacing-ux-table-head-padding-right,\n 'top': $spacing-ux-table-head-padding-top\n )\n ),\n 'cell': (\n 'padding': (\n 'bottom': $spacing-ux-table-cell-padding-bottom,\n 'left': $spacing-ux-table-cell-padding-left,\n 'right': $spacing-ux-table-cell-padding-right,\n 'top': $spacing-ux-table-cell-padding-top\n )\n ),\n 'smallhead': (\n 'padding': (\n 'bottom': $spacing-ux-table-smallhead-padding-bottom,\n 'left': $spacing-ux-table-smallhead-padding-left,\n 'right': $spacing-ux-table-smallhead-padding-right,\n 'top': $spacing-ux-table-smallhead-padding-top\n )\n ),\n 'smallcell': (\n 'padding': (\n 'bottom': $spacing-ux-table-smallcell-padding-bottom,\n 'left': $spacing-ux-table-smallcell-padding-left,\n 'right': $spacing-ux-table-smallcell-padding-right,\n 'top': $spacing-ux-table-smallcell-padding-top\n )\n )\n ),\n 'tableofcontents': (\n 'border': (\n 'bottom': $spacing-ux-tableofcontents-border-bottom,\n 'left': $spacing-ux-tableofcontents-border-left,\n 'right': $spacing-ux-tableofcontents-border-right,\n 'top': $spacing-ux-tableofcontents-border-top\n ),\n 'borderradius': $spacing-ux-tableofcontents-borderradius,\n 'margin': (\n 'bottom': $spacing-ux-tableofcontents-margin-bottom,\n 'left': $spacing-ux-tableofcontents-margin-left,\n 'right': $spacing-ux-tableofcontents-margin-right,\n 'top': $spacing-ux-tableofcontents-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-tableofcontents-padding-bottom,\n 'left': $spacing-ux-tableofcontents-padding-left,\n 'right': $spacing-ux-tableofcontents-padding-right,\n 'top': $spacing-ux-tableofcontents-padding-top\n ),\n 'items': (\n 'border': (\n 'bottom': $spacing-ux-tableofcontents-items-border-bottom,\n 'left': $spacing-ux-tableofcontents-items-border-left,\n 'right': $spacing-ux-tableofcontents-items-border-right,\n 'top': $spacing-ux-tableofcontents-items-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-tableofcontents-items-margin-bottom,\n 'left': $spacing-ux-tableofcontents-items-margin-left,\n 'right': $spacing-ux-tableofcontents-items-margin-right,\n 'top': $spacing-ux-tableofcontents-items-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-tableofcontents-items-padding-bottom,\n 'left': $spacing-ux-tableofcontents-items-padding-left,\n 'right': $spacing-ux-tableofcontents-items-padding-right,\n 'top': $spacing-ux-tableofcontents-items-padding-top\n )\n )\n )\n )\n);\n\n// THEMEPREFIX MAP:\n\n$themeprefix: $themeprefix;\n\n// TYPE MAP:\n\n$type: (\n 'descenders': (\n 'display': $type-descenders-display,\n 'copy': $type-descenders-copy\n ),\n 'base': (\n 'size': $type-base-size,\n 'letter-spacing': $type-base-letter-spacing,\n 'line-height': $type-base-line-height\n ),\n 'body-eyebrow': (\n 'size': $type-body-eyebrow-size,\n 'letter-spacing': $type-body-eyebrow-letter-spacing,\n 'line-height': $type-body-eyebrow-line-height\n ),\n 'body-small': (\n 'size': $type-body-small-size,\n 'letter-spacing': $type-body-small-letter-spacing,\n 'line-height': $type-body-small-line-height\n ),\n 'body-large': (\n 'size': $type-body-large-size,\n 'letter-spacing': $type-body-large-letter-spacing,\n 'line-height': $type-body-large-line-height\n ),\n 'body-xs': (\n 'size': $type-body-xs-size,\n 'letter-spacing': $type-body-xs-letter-spacing,\n 'line-height': $type-body-xs-line-height\n ),\n 'body-xxs': (\n 'size': $type-body-xxs-size,\n 'letter-spacing': $type-body-xxs-letter-spacing,\n 'line-height': $type-body-xxs-line-height\n ),\n 'body-xxxs': (\n 'size': $type-body-xxxs-size,\n 'letter-spacing': $type-body-xxxs-letter-spacing,\n 'line-height': $type-body-xxxs-line-height\n ),\n 'button-small': (\n 'size': $type-button-small-size,\n 'letter-spacing': $type-button-small-letter-spacing,\n 'line-height': $type-button-small-line-height\n ),\n 'button-medium': (\n 'size': $type-button-medium-size,\n 'letter-spacing': $type-button-medium-letter-spacing,\n 'line-height': $type-button-medium-line-height\n ),\n 'button-large': (\n 'size': $type-button-large-size,\n 'letter-spacing': $type-button-large-letter-spacing,\n 'line-height': $type-button-large-line-height\n ),\n 'headline-1': (\n 'size': $type-headline-1-size,\n 'letter-spacing': $type-headline-1-letter-spacing,\n 'line-height': $type-headline-1-line-height\n ),\n 'headline-2': (\n 'size': $type-headline-2-size,\n 'letter-spacing': $type-headline-2-letter-spacing,\n 'line-height': $type-headline-2-line-height\n ),\n 'headline-3': (\n 'size': $type-headline-3-size,\n 'letter-spacing': $type-headline-3-letter-spacing,\n 'line-height': $type-headline-3-line-height\n ),\n 'headline-4': (\n 'size': $type-headline-4-size,\n 'letter-spacing': $type-headline-4-letter-spacing,\n 'line-height': $type-headline-4-line-height\n ),\n 'headline-5': (\n 'size': $type-headline-5-size,\n 'letter-spacing': $type-headline-5-letter-spacing,\n 'line-height': $type-headline-5-line-height\n ),\n 'headline-6': (\n 'size': $type-headline-6-size,\n 'letter-spacing': $type-headline-6-letter-spacing,\n 'line-height': $type-headline-6-line-height\n ),\n 'rich-text-heading-1': (\n 'size': $type-rich-text-heading-1-size,\n 'letter-spacing': $type-rich-text-heading-1-letter-spacing,\n 'line-height': $type-rich-text-heading-1-line-height\n ),\n 'rich-text-heading-1-md': (\n 'size': $type-rich-text-heading-1-md-size,\n 'letter-spacing': $type-rich-text-heading-1-md-letter-spacing,\n 'line-height': $type-rich-text-heading-1-md-line-height\n ),\n 'rich-text-heading-2': (\n 'size': $type-rich-text-heading-2-size,\n 'letter-spacing': $type-rich-text-heading-2-letter-spacing,\n 'line-height': $type-rich-text-heading-2-line-height\n ),\n 'rich-text-heading-2-md': (\n 'size': $type-rich-text-heading-2-md-size,\n 'letter-spacing': $type-rich-text-heading-2-md-letter-spacing,\n 'line-height': $type-rich-text-heading-2-md-line-height\n ),\n 'rich-text-heading-3': (\n 'size': $type-rich-text-heading-3-size,\n 'letter-spacing': $type-rich-text-heading-3-letter-spacing,\n 'line-height': $type-rich-text-heading-3-line-height\n ),\n 'rich-text-heading-3-md': (\n 'size': $type-rich-text-heading-3-md-size,\n 'letter-spacing': $type-rich-text-heading-3-md-letter-spacing,\n 'line-height': $type-rich-text-heading-3-md-line-height\n ),\n 'rich-text-heading-4': (\n 'size': $type-rich-text-heading-4-size,\n 'letter-spacing': $type-rich-text-heading-4-letter-spacing,\n 'line-height': $type-rich-text-heading-4-line-height\n ),\n 'rich-text-heading-4-md': (\n 'size': $type-rich-text-heading-4-md-size,\n 'letter-spacing': $type-rich-text-heading-4-md-letter-spacing,\n 'line-height': $type-rich-text-heading-4-md-line-height\n ),\n 'rich-text-heading-5': (\n 'size': $type-rich-text-heading-5-size,\n 'letter-spacing': $type-rich-text-heading-5-letter-spacing,\n 'line-height': $type-rich-text-heading-5-line-height\n ),\n 'rich-text-heading-5-md': (\n 'size': $type-rich-text-heading-5-md-size,\n 'letter-spacing': $type-rich-text-heading-5-md-letter-spacing,\n 'line-height': $type-rich-text-heading-5-md-line-height\n ),\n 'language-switcher': (\n 'size': $type-language-switcher-size,\n 'letter-spacing': $type-language-switcher-letter-spacing,\n 'line-height': $type-language-switcher-line-height\n ),\n 'label-small': (\n 'size': $type-label-small-size,\n 'letter-spacing': $type-label-small-letter-spacing,\n 'line-height': $type-label-small-line-height\n ),\n 'label-medium': (\n 'size': $type-label-medium-size,\n 'letter-spacing': $type-label-medium-letter-spacing,\n 'line-height': $type-label-medium-line-height\n ),\n 'label-large': (\n 'size': $type-label-large-size,\n 'letter-spacing': $type-label-large-letter-spacing,\n 'line-height': $type-label-large-line-height\n ),\n 'legend': (\n 'size': $type-legend-size,\n 'letter-spacing': $type-legend-letter-spacing,\n 'line-height': $type-legend-line-height\n ),\n 'nav-md': (\n 'size': $type-nav-md-size,\n 'letter-spacing': $type-nav-md-letter-spacing,\n 'line-height': $type-nav-md-line-height\n ),\n 'nav-md-sm': (\n 'size': $type-nav-md-sm-size,\n 'letter-spacing': $type-nav-md-sm-letter-spacing,\n 'line-height': $type-nav-md-sm-line-height\n ),\n 'nav-bold-b-sm': (\n 'size': $type-nav-bold-b-sm-size,\n 'letter-spacing': $type-nav-bold-b-sm-letter-spacing,\n 'line-height': $type-nav-bold-b-sm-line-height\n ),\n 'nav-bold-b': (\n 'size': $type-nav-bold-b-size,\n 'letter-spacing': $type-nav-bold-b-letter-spacing,\n 'line-height': $type-nav-bold-b-line-height\n ),\n 'pull-quote-sm': (\n 'size': $type-pull-quote-sm-size,\n 'letter-spacing': $type-pull-quote-sm-letter-spacing,\n 'line-height': $type-pull-quote-sm-line-height\n ),\n 'pull-quote-lg': (\n 'size': $type-pull-quote-lg-size,\n 'letter-spacing': $type-pull-quote-lg-letter-spacing,\n 'line-height': $type-pull-quote-lg-line-height\n ),\n 'pull-quote-cite': (\n 'size': $type-pull-quote-cite-size,\n 'letter-spacing': $type-pull-quote-cite-letter-spacing,\n 'line-height': $type-pull-quote-cite-line-height\n ),\n 'image-caption': (\n 'size': $type-image-caption-size,\n 'letter-spacing': $type-image-caption-letter-spacing,\n 'line-height': $type-image-caption-line-height\n ),\n 'image-credit': (\n 'size': $type-image-credit-size,\n 'letter-spacing': $type-image-credit-letter-spacing,\n 'line-height': $type-image-credit-line-height\n ),\n 'tagline': (\n 'size': $type-tagline-size,\n 'letter-spacing': $type-tagline-letter-spacing,\n 'line-height': $type-tagline-line-height\n ),\n 'weights': (\n 'section': $type-weights-section,\n 'label': $type-weights-label\n )\n);\n\n// WIDTHS MAP:\n\n$widths: (\n 'border-xsm': $widths-border-xsm,\n 'border-sm': $widths-border-sm,\n 'border-med-sm': $widths-border-med-sm,\n 'border-med': $widths-border-med,\n 'border-lg': $widths-border-lg,\n 'tags': (\n 'max-width': $widths-tags-max-width\n )\n);\n"]}