@dubai-design-system/components-js 5.0.3 → 5.1.1

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 (316) hide show
  1. package/CHANGELOG.md +233 -1
  2. package/MIGRATION.md +423 -0
  3. package/dist/cjs/dda-accordion.cjs.entry.js +12 -7
  4. package/dist/cjs/dda-alert.cjs.entry.js +20 -3
  5. package/dist/cjs/dda-attach-file.cjs.entry.js +24 -8
  6. package/dist/cjs/dda-avatar.cjs.entry.js +23 -12
  7. package/dist/cjs/dda-banner.cjs.entry.js +14 -5
  8. package/dist/cjs/dda-breadcrumb.cjs.entry.js +22 -10
  9. package/dist/cjs/dda-button.cjs.entry.js +16 -9
  10. package/dist/cjs/dda-checkbox.cjs.entry.js +5 -4
  11. package/dist/cjs/dda-chip.cjs.entry.js +8 -3
  12. package/dist/cjs/dda-credit-card.cjs.entry.js +5 -3
  13. package/dist/cjs/dda-creditcard-field.cjs.entry.js +26 -8
  14. package/dist/cjs/dda-dropdown.cjs.entry.js +31 -5
  15. package/dist/cjs/dda-footer.cjs.entry.js +9 -3
  16. package/dist/cjs/dda-header.cjs.entry.js +88 -8
  17. package/dist/cjs/dda-home-banner.cjs.entry.js +11 -5
  18. package/dist/cjs/dda-horizontal-stepper.cjs.entry.js +22 -5
  19. package/dist/cjs/dda-input.cjs.entry.js +17 -10
  20. package/dist/cjs/dda-link-button_2.cjs.entry.js +21 -13
  21. package/dist/cjs/dda-number-field.cjs.entry.js +20 -8
  22. package/dist/cjs/dda-pagination.cjs.entry.js +21 -11
  23. package/dist/cjs/dda-phonefield.cjs.entry.js +27 -9
  24. package/dist/cjs/dda-progressbar.cjs.entry.js +8 -3
  25. package/dist/cjs/dda-range-slider.cjs.entry.js +15 -3
  26. package/dist/cjs/dda-search-input.cjs.entry.js +27 -12
  27. package/dist/cjs/dda-segmented-tabs.cjs.entry.js +54 -6
  28. package/dist/cjs/dda-select.cjs.entry.js +40 -8
  29. package/dist/cjs/dda-sticky-footer.cjs.entry.js +20 -3
  30. package/dist/cjs/dda-tabs.cjs.entry.js +10 -4
  31. package/dist/cjs/dda-textarea.cjs.entry.js +22 -12
  32. package/dist/cjs/dda-toggle.cjs.entry.js +5 -4
  33. package/dist/cjs/dda-tooltip.cjs.entry.js +6 -4
  34. package/dist/cjs/dda-ui-card.cjs.entry.js +19 -2
  35. package/dist/cjs/dda-vertical-stepper.cjs.entry.js +23 -3
  36. package/dist/cjs/dda.cjs.js +2 -2
  37. package/dist/cjs/index-Bgd2iAET.js +2116 -0
  38. package/dist/cjs/loader.cjs.js +2 -2
  39. package/dist/cjs/unique-id-DahNGdQy.js +14 -0
  40. package/dist/collection/collection-manifest.json +1 -1
  41. package/dist/collection/components/dda-accordion/dda-accordion.js +16 -11
  42. package/dist/collection/components/dda-alert/dda-alert.js +74 -17
  43. package/dist/collection/components/dda-alert/dda-alert.stories.js +2 -8
  44. package/dist/collection/components/dda-attach-file/dda-attach-file.js +35 -19
  45. package/dist/collection/components/dda-attach-file/dda-attach-file.stories.js +0 -9
  46. package/dist/collection/components/dda-avatar/dda-avatar.js +53 -25
  47. package/dist/collection/components/dda-avatar/dda-avatar.stories.js +1 -1
  48. package/dist/collection/components/dda-banner/dda-banner.css +35 -0
  49. package/dist/collection/components/dda-banner/dda-banner.js +34 -5
  50. package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js +49 -12
  51. package/dist/collection/components/dda-button/dda-button.js +29 -22
  52. package/dist/collection/components/dda-checkbox/dda-checkbox.css +13 -0
  53. package/dist/collection/components/dda-checkbox/dda-checkbox.js +13 -12
  54. package/dist/collection/components/dda-checkbox/dda-checkbox.stories.js +0 -11
  55. package/dist/collection/components/dda-chip/dda-chip.js +34 -9
  56. package/dist/collection/components/dda-chip/dda-chip.stories.js +0 -11
  57. package/dist/collection/components/dda-credit-card/dda-credit-card.js +10 -8
  58. package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.js +58 -23
  59. package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.stories.js +1 -10
  60. package/dist/collection/components/dda-dropdown/dda-dropdown.js +90 -18
  61. package/dist/collection/components/dda-dropdown/dda-dropdown.stories.js +0 -4
  62. package/dist/collection/components/dda-footer/dda-footer.js +57 -10
  63. package/dist/collection/components/dda-footer/dda-footer.stories.js +5 -4
  64. package/dist/collection/components/dda-header/dda-header.css +11 -0
  65. package/dist/collection/components/dda-header/dda-header.js +232 -37
  66. package/dist/collection/components/dda-header/dda-header.stories.js +12 -21
  67. package/dist/collection/components/dda-home-banner/dda-home-banner.js +8 -2
  68. package/dist/collection/components/dda-home-banner/home-banner.css +23 -2
  69. package/dist/collection/components/dda-input/dda-input.js +47 -21
  70. package/dist/collection/components/dda-input/dda-input.stories.js +0 -13
  71. package/dist/collection/components/dda-link-button/dda-link-button.js +30 -23
  72. package/dist/collection/components/dda-number-field/dda-number-field.js +54 -22
  73. package/dist/collection/components/dda-number-field/dda-number-field.stories.js +0 -9
  74. package/dist/collection/components/dda-pagination/dda-pagination.js +95 -28
  75. package/dist/collection/components/dda-pagination/dda-pagination.stories.js +24 -24
  76. package/dist/collection/components/dda-phonefield/dda-phonefield.js +62 -24
  77. package/dist/collection/components/dda-phonefield/dda-phonefield.stories.js +0 -13
  78. package/dist/collection/components/dda-progressbar/dda-progressbar.js +13 -8
  79. package/dist/collection/components/dda-radiobutton/dda-radiobutton.css +156 -25
  80. package/dist/collection/components/dda-radiobutton/dda-radiobutton.js +13 -12
  81. package/dist/collection/components/dda-radiobutton/dda-radiobutton.stories.js +5 -16
  82. package/dist/collection/components/dda-range-slider/dda-range-slider.js +29 -17
  83. package/dist/collection/components/dda-search-input/dda-search-input.js +61 -26
  84. package/dist/collection/components/dda-search-input/dda-search-input.stories.js +0 -9
  85. package/dist/collection/components/dda-select/dda-select.js +78 -20
  86. package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js +80 -43
  87. package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.stories.js +1 -1
  88. package/dist/collection/components/dda-tabs/dda-tabs.js +21 -15
  89. package/dist/collection/components/dda-tabs/dda-tabs.stories.js +3 -10
  90. package/dist/collection/components/dda-textarea/dda-textarea.js +33 -23
  91. package/dist/collection/components/dda-textarea/dda-textarea.stories.js +0 -9
  92. package/dist/collection/components/dda-toggle/dda-toggle.css +9 -0
  93. package/dist/collection/components/dda-toggle/dda-toggle.js +47 -8
  94. package/dist/collection/components/dda-toggle/dda-toggle.stories.js +10 -22
  95. package/dist/collection/components/dda-tooltip/dda-tooltip.js +9 -7
  96. package/dist/collection/components/dda-ui-card/dda-ui-card.js +55 -13
  97. package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js +79 -11
  98. package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.css +4 -1
  99. package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.js +24 -6
  100. package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.stories.js +2 -2
  101. package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.js +49 -6
  102. package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.stories.js +2 -2
  103. package/dist/collection/global/global.css +152 -25
  104. package/dist/collection/global/input.css +56 -2
  105. package/dist/collection/storybook/component-api.js +15 -0
  106. package/dist/collection/utils/placeholder-color.js +89 -0
  107. package/dist/collection/utils/unique-id.js +10 -0
  108. package/dist/components/dda-accordion.js +1 -1
  109. package/dist/components/dda-alert.js +1 -1
  110. package/dist/components/dda-attach-file.js +1 -1
  111. package/dist/components/dda-avatar.js +1 -1
  112. package/dist/components/dda-banner.js +1 -1
  113. package/dist/components/dda-breadcrumb.js +1 -1
  114. package/dist/components/dda-button.js +1 -1
  115. package/dist/components/dda-checkbox.js +1 -1
  116. package/dist/components/dda-chip.js +1 -1
  117. package/dist/components/dda-credit-card.js +1 -1
  118. package/dist/components/dda-creditcard-field.js +1 -1
  119. package/dist/components/dda-dropdown.js +1 -1
  120. package/dist/components/dda-footer.js +1 -1
  121. package/dist/components/dda-header.js +1 -1
  122. package/dist/components/dda-home-banner.js +1 -1
  123. package/dist/components/dda-horizontal-stepper.js +1 -1
  124. package/dist/components/dda-input.js +1 -1
  125. package/dist/components/dda-link-button.js +1 -1
  126. package/dist/components/dda-number-field.js +1 -1
  127. package/dist/components/dda-pagination.js +1 -1
  128. package/dist/components/dda-phonefield.js +1 -1
  129. package/dist/components/dda-progressbar.js +1 -1
  130. package/dist/components/dda-radiobutton.js +1 -1
  131. package/dist/components/dda-range-slider.js +1 -1
  132. package/dist/components/dda-search-input.js +1 -1
  133. package/dist/components/dda-segmented-tabs.js +1 -1
  134. package/dist/components/dda-select.js +1 -1
  135. package/dist/components/dda-sticky-footer.js +1 -1
  136. package/dist/components/dda-tabs.js +1 -1
  137. package/dist/components/dda-textarea.js +1 -1
  138. package/dist/components/dda-toggle.js +1 -1
  139. package/dist/components/dda-tooltip.js +1 -1
  140. package/dist/components/dda-ui-card.js +1 -1
  141. package/dist/components/dda-vertical-stepper.js +1 -1
  142. package/dist/components/index.js +1 -1
  143. package/dist/components/p-B-I003EB.js +1 -0
  144. package/dist/components/p-Bc2V1U4_.js +1 -0
  145. package/dist/components/p-Bzqf-PpF.js +1 -0
  146. package/dist/components/p-D-CHT-as.js +1 -0
  147. package/dist/components/p-DJw8qV7U.js +1 -0
  148. package/dist/components/p-DpwQ9sGp.js +1 -0
  149. package/dist/dda/dda.css +2 -2
  150. package/dist/dda/dda.esm.js +1 -1
  151. package/dist/dda/p-03400387.entry.js +1 -0
  152. package/dist/dda/p-04bcda8a.entry.js +1 -0
  153. package/dist/dda/p-18a3d7b1.entry.js +1 -0
  154. package/dist/dda/p-1f7b8486.entry.js +1 -0
  155. package/dist/dda/p-3024288f.entry.js +1 -0
  156. package/dist/dda/p-41b8ed7d.entry.js +1 -0
  157. package/dist/dda/p-56f60336.entry.js +1 -0
  158. package/dist/dda/p-65776d80.entry.js +1 -0
  159. package/dist/dda/p-73611084.entry.js +1 -0
  160. package/dist/dda/p-7ad8cde9.entry.js +1 -0
  161. package/dist/dda/p-8134e59d.entry.js +1 -0
  162. package/dist/dda/p-8494fd9e.entry.js +1 -0
  163. package/dist/dda/p-876d55b2.entry.js +1 -0
  164. package/dist/dda/p-88d884a8.entry.js +1 -0
  165. package/dist/dda/p-8b25ae94.entry.js +1 -0
  166. package/dist/dda/p-8f376986.entry.js +1 -0
  167. package/dist/dda/p-90019b80.entry.js +1 -0
  168. package/dist/dda/p-92fa4777.entry.js +1 -0
  169. package/dist/dda/p-97431faf.entry.js +1 -0
  170. package/dist/dda/p-B-I003EB.js +1 -0
  171. package/dist/dda/p-D6L6zgH9.js +2 -0
  172. package/dist/dda/p-a5456de2.entry.js +1 -0
  173. package/dist/dda/p-aa7b4c13.entry.js +1 -0
  174. package/dist/dda/p-ad40eb27.entry.js +1 -0
  175. package/dist/dda/p-c055f0d2.entry.js +1 -0
  176. package/dist/dda/p-c42c8733.entry.js +1 -0
  177. package/dist/dda/p-c77282be.entry.js +1 -0
  178. package/dist/dda/p-ca64abe6.entry.js +1 -0
  179. package/dist/dda/p-ceca8088.entry.js +1 -0
  180. package/dist/dda/p-d6786b43.entry.js +1 -0
  181. package/dist/dda/p-e2113e42.entry.js +1 -0
  182. package/dist/dda/p-ee862207.entry.js +1 -0
  183. package/dist/dda/p-ef38e28b.entry.js +1 -0
  184. package/dist/dda/p-f43fb910.entry.js +1 -0
  185. package/dist/dda/p-fb4db977.entry.js +1 -0
  186. package/dist/esm/dda-accordion.entry.js +12 -7
  187. package/dist/esm/dda-alert.entry.js +20 -3
  188. package/dist/esm/dda-attach-file.entry.js +24 -8
  189. package/dist/esm/dda-avatar.entry.js +23 -12
  190. package/dist/esm/dda-banner.entry.js +14 -5
  191. package/dist/esm/dda-breadcrumb.entry.js +22 -10
  192. package/dist/esm/dda-button.entry.js +16 -9
  193. package/dist/esm/dda-checkbox.entry.js +5 -4
  194. package/dist/esm/dda-chip.entry.js +8 -3
  195. package/dist/esm/dda-credit-card.entry.js +5 -3
  196. package/dist/esm/dda-creditcard-field.entry.js +26 -8
  197. package/dist/esm/dda-dropdown.entry.js +31 -5
  198. package/dist/esm/dda-footer.entry.js +9 -3
  199. package/dist/esm/dda-header.entry.js +88 -8
  200. package/dist/esm/dda-home-banner.entry.js +11 -5
  201. package/dist/esm/dda-horizontal-stepper.entry.js +22 -5
  202. package/dist/esm/dda-input.entry.js +17 -10
  203. package/dist/esm/dda-link-button_2.entry.js +21 -13
  204. package/dist/esm/dda-number-field.entry.js +20 -8
  205. package/dist/esm/dda-pagination.entry.js +21 -11
  206. package/dist/esm/dda-phonefield.entry.js +27 -9
  207. package/dist/esm/dda-progressbar.entry.js +8 -3
  208. package/dist/esm/dda-range-slider.entry.js +15 -3
  209. package/dist/esm/dda-search-input.entry.js +27 -12
  210. package/dist/esm/dda-segmented-tabs.entry.js +54 -6
  211. package/dist/esm/dda-select.entry.js +40 -8
  212. package/dist/esm/dda-sticky-footer.entry.js +20 -3
  213. package/dist/esm/dda-tabs.entry.js +10 -4
  214. package/dist/esm/dda-textarea.entry.js +22 -12
  215. package/dist/esm/dda-toggle.entry.js +5 -4
  216. package/dist/esm/dda-tooltip.entry.js +6 -4
  217. package/dist/esm/dda-ui-card.entry.js +19 -2
  218. package/dist/esm/dda-vertical-stepper.entry.js +23 -3
  219. package/dist/esm/dda.js +3 -3
  220. package/dist/esm/index-D6L6zgH9.js +2106 -0
  221. package/dist/esm/loader.js +3 -3
  222. package/dist/esm/unique-id-B-I003EB.js +12 -0
  223. package/dist/types/components/dda-accordion/dda-accordion.d.ts +6 -0
  224. package/dist/types/components/dda-alert/dda-alert.d.ts +21 -0
  225. package/dist/types/components/dda-attach-file/dda-attach-file.d.ts +17 -0
  226. package/dist/types/components/dda-attach-file/dda-attach-file.stories.d.ts +0 -4
  227. package/dist/types/components/dda-avatar/dda-avatar.d.ts +20 -0
  228. package/dist/types/components/dda-banner/dda-banner.d.ts +5 -0
  229. package/dist/types/components/dda-breadcrumb/dda-breadcrumb.d.ts +12 -6
  230. package/dist/types/components/dda-button/dda-button.d.ts +15 -4
  231. package/dist/types/components/dda-checkbox/dda-checkbox.d.ts +11 -0
  232. package/dist/types/components/dda-checkbox/dda-checkbox.stories.d.ts +0 -10
  233. package/dist/types/components/dda-chip/dda-chip.d.ts +10 -0
  234. package/dist/types/components/dda-chip/dda-chip.stories.d.ts +0 -6
  235. package/dist/types/components/dda-credit-card/dda-credit-card.d.ts +7 -0
  236. package/dist/types/components/dda-creditcard-field/dda-creditcard-field.d.ts +24 -0
  237. package/dist/types/components/dda-creditcard-field/dda-creditcard-field.stories.d.ts +0 -6
  238. package/dist/types/components/dda-dropdown/dda-dropdown.d.ts +25 -0
  239. package/dist/types/components/dda-dropdown/dda-dropdown.stories.d.ts +0 -4
  240. package/dist/types/components/dda-footer/dda-footer.d.ts +13 -0
  241. package/dist/types/components/dda-header/dda-header.d.ts +62 -0
  242. package/dist/types/components/dda-header/dda-header.stories.d.ts +6 -0
  243. package/dist/types/components/dda-home-banner/dda-home-banner.d.ts +1 -0
  244. package/dist/types/components/dda-input/dda-input.d.ts +18 -0
  245. package/dist/types/components/dda-input/dda-input.stories.d.ts +0 -6
  246. package/dist/types/components/dda-link-button/dda-link-button.d.ts +14 -3
  247. package/dist/types/components/dda-number-field/dda-number-field.d.ts +21 -0
  248. package/dist/types/components/dda-number-field/dda-number-field.stories.d.ts +0 -6
  249. package/dist/types/components/dda-pagination/dda-pagination.d.ts +26 -0
  250. package/dist/types/components/dda-phonefield/dda-phonefield.d.ts +21 -0
  251. package/dist/types/components/dda-phonefield/dda-phonefield.stories.d.ts +0 -6
  252. package/dist/types/components/dda-progressbar/dda-progressbar.d.ts +7 -0
  253. package/dist/types/components/dda-radiobutton/dda-radiobutton.d.ts +11 -0
  254. package/dist/types/components/dda-radiobutton/dda-radiobutton.stories.d.ts +5 -15
  255. package/dist/types/components/dda-range-slider/dda-range-slider.d.ts +16 -0
  256. package/dist/types/components/dda-search-input/dda-search-input.d.ts +21 -0
  257. package/dist/types/components/dda-search-input/dda-search-input.stories.d.ts +0 -6
  258. package/dist/types/components/dda-select/dda-select.d.ts +23 -0
  259. package/dist/types/components/dda-sticky-footer/dda-sticky-footer.d.ts +46 -3
  260. package/dist/types/components/dda-tabs/dda-tabs.d.ts +12 -1
  261. package/dist/types/components/dda-tabs/dda-tabs.stories.d.ts +0 -4
  262. package/dist/types/components/dda-textarea/dda-textarea.d.ts +16 -0
  263. package/dist/types/components/dda-textarea/dda-textarea.stories.d.ts +0 -6
  264. package/dist/types/components/dda-toggle/dda-toggle.d.ts +11 -0
  265. package/dist/types/components/dda-toggle/dda-toggle.stories.d.ts +2 -12
  266. package/dist/types/components/dda-tooltip/dda-tooltip.d.ts +5 -0
  267. package/dist/types/components/dda-ui-card/dda-ui-card.d.ts +13 -1
  268. package/dist/types/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.d.ts +19 -2
  269. package/dist/types/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.d.ts +6 -0
  270. package/dist/types/components/stepper/dda-vertical-stepper/dda-vertical-stepper.d.ts +8 -0
  271. package/dist/types/components.d.ts +2373 -38
  272. package/dist/types/utils/placeholder-color.d.ts +10 -0
  273. package/dist/types/utils/unique-id.d.ts +6 -0
  274. package/package.json +4 -3
  275. package/readme.md +6 -0
  276. package/dist/cjs/index-CDUC0Pdj.js +0 -1986
  277. package/dist/components/p-9UeqjDnY.js +0 -1
  278. package/dist/components/p-CrTEb7xH.js +0 -1
  279. package/dist/components/p-DldlmGnP.js +0 -1
  280. package/dist/components/p-NvTw9Mx1.js +0 -1
  281. package/dist/components/p-i15-_er0.js +0 -1
  282. package/dist/dda/p-016e4090.entry.js +0 -1
  283. package/dist/dda/p-0229b303.entry.js +0 -1
  284. package/dist/dda/p-05a6f90d.entry.js +0 -1
  285. package/dist/dda/p-1c9a6035.entry.js +0 -1
  286. package/dist/dda/p-2c313105.entry.js +0 -1
  287. package/dist/dda/p-2cec7be6.entry.js +0 -1
  288. package/dist/dda/p-2f4ace4c.entry.js +0 -1
  289. package/dist/dda/p-360a0577.entry.js +0 -1
  290. package/dist/dda/p-3e49128d.entry.js +0 -1
  291. package/dist/dda/p-3fa27728.entry.js +0 -1
  292. package/dist/dda/p-43e1c12f.entry.js +0 -1
  293. package/dist/dda/p-4428417d.entry.js +0 -1
  294. package/dist/dda/p-44ce832e.entry.js +0 -1
  295. package/dist/dda/p-560a3f0c.entry.js +0 -1
  296. package/dist/dda/p-5712bbd9.entry.js +0 -1
  297. package/dist/dda/p-626d7e7b.entry.js +0 -1
  298. package/dist/dda/p-68008c64.entry.js +0 -1
  299. package/dist/dda/p-6f3d9f78.entry.js +0 -1
  300. package/dist/dda/p-79db1218.entry.js +0 -1
  301. package/dist/dda/p-84911fab.entry.js +0 -1
  302. package/dist/dda/p-90d9648b.entry.js +0 -1
  303. package/dist/dda/p-91040abe.entry.js +0 -1
  304. package/dist/dda/p-Cq6A4mXg.js +0 -2
  305. package/dist/dda/p-a1421a54.entry.js +0 -1
  306. package/dist/dda/p-a22b1c56.entry.js +0 -1
  307. package/dist/dda/p-aa0e9035.entry.js +0 -1
  308. package/dist/dda/p-b2981646.entry.js +0 -1
  309. package/dist/dda/p-c1f45887.entry.js +0 -1
  310. package/dist/dda/p-c50e1141.entry.js +0 -1
  311. package/dist/dda/p-d8a9cab1.entry.js +0 -1
  312. package/dist/dda/p-dd966009.entry.js +0 -1
  313. package/dist/dda/p-ed099201.entry.js +0 -1
  314. package/dist/dda/p-f4bd2b2e.entry.js +0 -1
  315. package/dist/dda/p-fc30c60e.entry.js +0 -1
  316. package/dist/esm/index-Cq6A4mXg.js +0 -1976
package/dist/esm/dda-footer.entry.js CHANGED
@@ -1,12 +1,14 @@
1
- import { r as registerInstance, h } from './index-Cq6A4mXg.js';
1
+ import { r as registerInstance, h } from './index-D6L6zgH9.js';
2
2
 
3
3
  const ddaFooterCss = () => ``;
4
4
 
5
- const globalCss = () => `:root{--dda-primary-0:#000000;--dda-primary-4:#001110;--dda-primary-5:#001413;--dda-primary-6:#001716;--dda-primary-10:#00201F;--dda-primary-12:#002423;--dda-primary-17:#00302F;--dda-primary-20:#003735;--dda-primary-22:#003C3A;--dda-primary-24:#00413F;--dda-primary-25:#004341;--dda-primary-30:#00504E;--dda-primary-35:#005D5A;--dda-primary-40:#006A67;--dda-primary-50:#008582;--dda-primary-60:#00A19E;--dda-primary-70:#21BEBA;--dda-primary-80:#4DDAD6;--dda-primary-87:#66EEE9;--dda-primary-90:#6FF7F2;--dda-primary-92:#76FDF8;--dda-primary-94:#99FFFA;--dda-primary-95:#D0F5F4;--dda-primary-96:#C2FFFB;--dda-primary-98:#E3FFFD;--dda-primary-99:#F2FFFD;--dda-primary-100:#FFFFFF;--dda-color-primary-40:var(--dda-primary-40);--dda-color-primary-30:var(--dda-primary-30);--dda-color-primary-20:var(--dda-primary-20);--dda-color-primary-10:var(--dda-primary-10);--dda-on-primary-100:var(--dda-primary-100);--dda-on-primary-98:var(--dda-primary-98);--dda-on-primary-96:var(--dda-primary-96);--dda-on-primary-94:var(--dda-primary-94);--dda-primary-variant-96:var(--dda-primary-96);--dda-primary-variant-95:var(--dda-primary-95);--dda-primary-variant-94:var(--dda-primary-94);--dda-primary-variant-92:var(--dda-primary-92);--dda-primary-variant-87:var(--dda-primary-87);--dda-on-primary-variant-40:var(--dda-primary-40);--dda-on-primary-variant-30:var(--dda-primary-30);--dda-on-primary-variant-25:var(--dda-primary-25);--dda-on-primary-variant-20:var(--dda-primary-20);--dda-on-primary-variant-12:var(--dda-primary-12)}:root[data-theme='dark']{--dda-color-primary-40:var(--dda-primary-70);--dda-color-primary-30:var(--dda-primary-80);--dda-color-primary-20:var(--dda-primary-90);--dda-color-primary-10:var(--dda-primary-95);--dda-on-primary-100:var(--dda-primary-10);--dda-on-primary-98:var(--dda-primary-12);--dda-on-primary-96:var(--dda-primary-17);--dda-on-primary-94:var(--dda-primary-20);--dda-primary-variant-96:var(--dda-primary-30);--dda-primary-variant-95:var(--dda-primary-20);--dda-primary-variant-94:var(--dda-primary-25);--dda-primary-variant-92:var(--dda-primary-20);--dda-primary-variant-87:var(--dda-primary-12);--dda-on-primary-variant-40:var(--dda-primary-90);--dda-on-primary-variant-30:var(--dda-primary-90);--dda-on-primary-variant-25:var(--dda-primary-94);--dda-on-primary-variant-20:var(--dda-primary-96);--dda-on-primary-variant-12:var(--dda-primary-98)}:root{--dda-secondary-0:#000000;--dda-secondary-4:#000836;--dda-secondary-5:#000A3D;--dda-secondary-6:#000C43;--dda-secondary-10:#001257;--dda-secondary-12:#001561;--dda-secondary-17:#092072;--dda-secondary-20:#132778;--dda-secondary-22:#192C7D;--dda-secondary-24:#1E3181;--dda-secondary-25:#213484;--dda-secondary-30:#2E4090;--dda-secondary-35:#3B4C9C;--dda-secondary-40:#4758A9;--dda-secondary-50:#6071C4;--dda-secondary-60:#7A8BE0;--dda-secondary-70:#95A6FD;--dda-secondary-80:#B9C3FF;--dda-secondary-87:#D2D8FF;--dda-secondary-90:#DDE1FF;--dda-secondary-92:#E5E6FF;--dda-secondary-94:#ECECFF;--dda-secondary-95:#F0EFFF;--dda-secondary-96:#F3F2FF;--dda-secondary-98:#FBF8FF;--dda-secondary-99:#FEFBFF;--dda-secondary-100:#FFFFFF;--dda-color-secondary-40:var(--dda-secondary-40);--dda-color-secondary-30:var(--dda-secondary-30);--dda-color-secondary-20:var(--dda-secondary-20);--dda-color-secondary-10:var(--dda-secondary-10);--dda-on-secondary-100:var(--dda-secondary-100);--dda-on-secondary-98:var(--dda-secondary-98);--dda-on-secondary-96:var(--dda-secondary-96);--dda-on-secondary-94:var(--dda-secondary-94);--dda-secondary-variant-96:var(--dda-secondary-96);--dda-secondary-variant-95:var(--dda-secondary-95);--dda-secondary-variant-94:var(--dda-secondary-94);--dda-secondary-variant-92:var(--dda-secondary-92);--dda-secondary-variant-87:var(--dda-secondary-87);--dda-on-secondary-variant-30:var(--dda-secondary-30);--dda-on-secondary-variant-25:var(--dda-secondary-25);--dda-on-secondary-variant-20:var(--dda-secondary-20);--dda-on-secondary-variant-12:var(--dda-secondary-12)}:root[data-theme='dark']{--dda-color-secondary-40:var(--dda-secondary-70);--dda-color-secondary-30:var(--dda-secondary-80);--dda-color-secondary-20:var(--dda-secondary-90);--dda-color-secondary-10:var(--dda-secondary-95);--dda-on-secondary-100:var(--dda-secondary-10);--dda-on-secondary-98:var(--dda-secondary-12);--dda-on-secondary-96:var(--dda-secondary-17);--dda-on-secondary-94:var(--dda-secondary-20);--dda-secondary-variant-96:var(--dda-secondary-30);--dda-secondary-variant-95:var(--dda-secondary-30);--dda-secondary-variant-94:var(--dda-secondary-25);--dda-secondary-variant-92:var(--dda-secondary-20);--dda-secondary-variant-87:var(--dda-secondary-12);--dda-on-secondary-variant-30:var(--dda-secondary-90);--dda-on-secondary-variant-25:var(--dda-secondary-94);--dda-on-secondary-variant-20:var(--dda-secondary-96);--dda-on-secondary-variant-12:var(--dda-secondary-98)}:root{--dda-error-0:#000000;--dda-error-4:#280000;--dda-error-5:#2D0000;--dda-error-6:#310001;--dda-error-10:#410001;--dda-error-12:#490001;--dda-error-17:#5C0002;--dda-error-20:#690003;--dda-error-22:#710003;--dda-error-24:#790004;--dda-error-25:#7E0004;--dda-error-30:#930005;--dda-error-35:#A90008;--dda-error-40:#C0000A;--dda-error-50:#E62721;--dda-error-60:#FF5545;--dda-error-70:#FF8A7B;--dda-error-80:#FFB4AA;--dda-error-87:#FFCFC8;--dda-error-90:#FFDAD5;--dda-error-92:#FFE2DD;--dda-error-94:#FFE9E6;--dda-error-95:#FFEDEA;--dda-error-96:#FFF0EE;--dda-error-98:#FFF8F7;--dda-error-99:#FFFBFF;--dda-error-100:#FFFFFF;--dda-color-error-50:var(--dda-error-50);--dda-color-error-40:var(--dda-error-40);--dda-color-error-30:var(--dda-error-30);--dda-color-error-20:var(--dda-error-24);--dda-on-error-100:var(--dda-error-100);--dda-on-error-98:var(--dda-error-98);--dda-on-error-96:var(--dda-error-96);--dda-on-error-94:var(--dda-error-94);--dda-error-variant-90:var(--dda-error-90);--dda-error-variant-95:var(--dda-error-95);--dda-error-variant-94:var(--dda-error-94);--dda-error-variant-92:var(--dda-error-92);--dda-error-variant-90:var(--dda-error-90);--dda-on-error-variant-40:var(--dda-error-40);--dda-on-error-variant-30:var(--dda-error-30);--dda-on-error-variant-25:var(--dda-error-25);--dda-on-error-variant-20:var(--dda-error-20);--dda-on-error-variant-12:var(--dda-error-12)}:root[data-theme='dark']{--dda-color-error-50:var(--dda-error-80);--dda-color-error-40:var(--dda-error-70);--dda-color-error-30:var(--dda-error-90);--dda-color-error-20:var(--dda-error-94);--dda-on-error-100:var(--dda-error-10);--dda-on-error-98:var(--dda-error-12);--dda-on-error-96:var(--dda-error-17);--dda-on-error-94:var(--dda-error-20);--dda-error-variant-96:var(--dda-error-30);--dda-error-variant-95:var(--dda-error-20);--dda-error-variant-94:var(--dda-error-25);--dda-error-variant-92:var(--dda-error-20);--dda-error-variant-90:var(--dda-error-12);--dda-on-error-variant-40:var(--dda-error-70);--dda-on-error-variant-30:var(--dda-error-80);--dda-on-error-variant-25:var(--dda-error-94);--dda-on-error-variant-20:var(--dda-error-96);--dda-on-error-variant-12:var(--dda-error-98)}:root{--dda-warning-0:#000000;--dda-warning-4:#180C00;--dda-warning-5:#1B0E00;--dda-warning-6:#1F1000;--dda-warning-10:#2A1800;--dda-warning-12:#2F1B00;--dda-warning-17:#3D2500;--dda-warning-20:#462B00;--dda-warning-22:#4B2F00;--dda-warning-24:#513300;--dda-warning-25:#543500;--dda-warning-30:#643F00;--dda-warning-35:#734A00;--dda-warning-40:#835400;--dda-warning-50:#A46B00;--dda-warning-60:#C78200;--dda-warning-70:#EB9A00;--dda-warning-80:#FFB956;--dda-warning-87:#FFD39B;--dda-warning-90:#FFDDB5;--dda-warning-92:#FFE4C5;--dda-warning-94:#FFEBD5;--dda-warning-95:#FFEEDD;--dda-warning-96:#FFF1E5;--dda-warning-98:#FFF8F4;--dda-warning-99:#FFFBFF;--dda-warning-100:#FFFFFF;--dda-color-warning-50:var(--dda-warning-50);--dda-color-warning-40:var(--dda-warning-40);--dda-color-warning-30:var(--dda-warning-30);--dda-color-warning-20:var(--dda-warning-20);--dda-on-warning-100:var(--dda-warning-100);--dda-on-warning-98:var(--dda-warning-98);--dda-on-warning-96:var(--dda-warning-96);--dda-on-warning-94:var(--dda-warning-94);--dda-warning-variant-90:var(--dda-warning-90);--dda-warning-variant-95:var(--dda-warning-95);--dda-warning-variant-94:var(--dda-warning-94);--dda-warning-variant-92:var(--dda-warning-92);--dda-warning-variant-90:var(--dda-warning-90);--dda-on-warning-variant-40:var(--dda-warning-40);--dda-on-warning-variant-30:var(--dda-warning-30);--dda-on-warning-variant-25:var(--dda-warning-25);--dda-on-warning-variant-20:var(--dda-warning-20);--dda-on-warning-variant-12:var(--dda-warning-12)}:root[data-theme='dark']{--dda-color-warning-50:var(--dda-warning-80);--dda-color-warning-40:var(--dda-warning-80);--dda-color-warning-30:var(--dda-warning-90);--dda-color-warning-20:var(--dda-warning-94);--dda-on-warning-100:var(--dda-warning-10);--dda-on-warning-98:var(--dda-warning-12);--dda-on-warning-96:var(--dda-warning-17);--dda-on-warning-94:var(--dda-warning-20);--dda-warning-variant-96:var(--dda-warning-30);--dda-warning-variant-95:var(--dda-warning-30);--dda-warning-variant-94:var(--dda-warning-25);--dda-warning-variant-92:var(--dda-warning-20);--dda-warning-variant-90:var(--dda-warning-12);--dda-on-warning-variant-40:var(--dda-warning-80);--dda-on-warning-variant-30:var(--dda-warning-80);--dda-on-warning-variant-25:var(--dda-warning-94);--dda-on-warning-variant-20:var(--dda-warning-96);--dda-on-warning-variant-12:var(--dda-warning-98)}:root{--dda-success-0:#000000;--dda-success-4:#001203;--dda-success-5:#001504;--dda-success-6:#001805;--dda-success-10:#002108;--dda-success-12:#00260A;--dda-success-17:#00320F;--dda-success-20:#003913;--dda-success-22:#003E15;--dda-success-24:#004318;--dda-success-25:#004619;--dda-success-30:#00531F;--dda-success-35:#006025;--dda-success-40:#0D6D2D;--dda-success-50:#318744;--dda-success-60:#4CA25B;--dda-success-70:#67BD73;--dda-success-80:#82DA8C;--dda-success-87:#95EE9E;--dda-success-90:#9EF7A6;--dda-success-92:#A3FCAC;--dda-success-94:#B8FFBB;--dda-success-95:#C6FFC7;--dda-success-96:#D3FFD2;--dda-success-98:#EBFFE7;--dda-success-99:#F6FFF1;--dda-success-100:#FFFFFF;--dda-color-success-50:var(--dda-success-50);--dda-color-success-40:var(--dda-success-40);--dda-color-success-30:var(--dda-success-30);--dda-color-success-20:var(--dda-success-20);--dda-on-success-100:var(--dda-success-100);--dda-on-success-98:var(--dda-success-98);--dda-on-success-96:var(--dda-success-96);--dda-on-success-94:var(--dda-success-94);--dda-success-variant-90:var(--dda-success-90);--dda-success-variant-95:var(--dda-success-95);--dda-success-variant-94:var(--dda-success-94);--dda-success-variant-92:var(--dda-success-92);--dda-success-variant-90:var(--dda-success-90);--dda-on-success-variant-40:var(--dda-success-40);--dda-on-success-variant-30:var(--dda-success-30);--dda-on-success-variant-25:var(--dda-success-25);--dda-on-success-variant-20:var(--dda-success-20);--dda-on-success-variant-12:var(--dda-success-12)}:root[data-theme='dark']{--dda-color-success-50:var(--dda-success-80);--dda-color-success-40:var(--dda-success-87);--dda-color-success-30:var(--dda-success-90);--dda-color-success-20:var(--dda-success-94);--dda-on-success-100:var(--dda-success-10);--dda-on-success-98:var(--dda-success-12);--dda-on-success-96:var(--dda-success-17);--dda-on-success-94:var(--dda-success-20);--dda-success-variant-96:var(--dda-success-30);--dda-success-variant-95:var(--dda-success-30);--dda-success-variant-94:var(--dda-success-25);--dda-success-variant-92:var(--dda-success-20);--dda-success-variant-90:var(--dda-success-12);--dda-on-success-variant-40:var(--dda-success-80);--dda-on-success-variant-30:var(--dda-success-80);--dda-on-success-variant-25:var(--dda-success-94);--dda-on-success-variant-20:var(--dda-success-96);--dda-on-success-variant-12:var(--dda-success-98)}:root{--dda-info-0:#000000;--dda-info-4:#001019;--dda-info-5:#00131C;--dda-info-6:#001620;--dda-info-10:#001E2B;--dda-info-12:#002331;--dda-info-17:#002E3F;--dda-info-20:#003548;--dda-info-22:#00394E;--dda-info-24:#003548;--dda-info-25:#004157;--dda-info-30:#004D66;--dda-info-35:#005977;--dda-info-40:#006687;--dda-info-50:#0080A9;--dda-info-60:#1A9CCA;--dda-info-70:#47B7E6;--dda-info-80:#73D2FF;--dda-info-87:#ACE1FF;--dda-info-90:#C1E8FF;--dda-info-92:#CEEDFF;--dda-info-94:#DBF1FF;--dda-info-95:#E2F3FF;--dda-info-96:#E8F6FF;--dda-info-98:#F4FAFF;--dda-info-99:#FBFCFF;--dda-info-100:#FFFFFF;--dda-color-info-50:var(--dda-info-50);--dda-color-info-40:var(--dda-info-47);--dda-color-info-30:var(--dda-info-30);--dda-color-info-20:var(--dda-info-20);--dda-on-info-100:var(--dda-info-100);--dda-on-info-98:var(--dda-info-98);--dda-on-info-96:var(--dda-info-96);--dda-on-info-94:var(--dda-info-94);--dda-info-variant-90:var(--dda-info-90);--dda-info-variant-95:var(--dda-info-95);--dda-info-variant-94:var(--dda-info-94);--dda-info-variant-92:var(--dda-info-92);--dda-info-variant-90:var(--dda-info-90);--dda-on-info-variant-40:var(--dda-info-40);--dda-on-info-variant-30:var(--dda-info-30);--dda-on-info-variant-25:var(--dda-info-25);--dda-on-info-variant-20:var(--dda-info-20);--dda-on-info-variant-12:var(--dda-info-12)}:root[data-theme='dark']{--dda-color-info-50:var(--dda-info-80);--dda-color-info-40:var(--dda-info-87);--dda-color-info-30:var(--dda-info-90);--dda-color-info-20:var(--dda-info-94);--dda-on-info-100:var(--dda-info-10);--dda-on-info-98:var(--dda-info-12);--dda-on-info-96:var(--dda-info-17);--dda-on-info-94:var(--dda-info-20);--dda-info-variant-96:var(--dda-info-30);--dda-info-variant-95:var(--dda-info-30);--dda-info-variant-94:var(--dda-info-25);--dda-info-variant-92:var(--dda-info-20);--dda-info-variant-90:var(--dda-info-12);--dda-on-info-variant-40:var(--dda-info-80);--dda-on-info-variant-30:var(--dda-info-80);--dda-on-info-variant-25:var(--dda-info-94);--dda-on-info-variant-20:var(--dda-info-96);--dda-on-info-variant-12:var(--dda-info-98)}:root{--dda-neutral-0:#000000;--dda-neutral-4:#0B0F0F;--dda-neutral-5:#0E1211;--dda-neutral-6:#101414;--dda-neutral-10:#191C1C;--dda-neutral-12:#1D2020;--dda-neutral-17:#272B2A;--dda-neutral-20:#2D3131;--dda-neutral-22:#323535;--dda-neutral-24:#363A39;--dda-neutral-25:#383C3C;--dda-neutral-30:#444747;--dda-neutral-35:#4F5353;--dda-neutral-40:#5B5F5E;--dda-neutral-50:#747877;--dda-neutral-60:#8E9191;--dda-neutral-70:#A9ACAB;--dda-neutral-80:#C4C7C6;--dda-neutral-87:#D8DAD9;--dda-neutral-90:#E0E3E2;--dda-neutral-92:#E6E9E8;--dda-neutral-94:#ECEEED;--dda-neutral-95:#EFF1F0;--dda-neutral-96:#F2F4F3;--dda-neutral-98:#F7FAF9;--dda-neutral-99:#FAFDFC;--dda-neutral-100:#FFFFFF;--dda-surface-100:var(--dda-neutral-100);--dda-surface-96:var(--dda-neutral-96);--dda-surface-94:var(--dda-neutral-94);--dda-surface-92:var(--dda-neutral-92);--dda-surface-90:var(--dda-neutral-90);--dda-surface-0:var(--dda-neutral-0);--dda-on-surface-10:var(--dda-neutral-10);--dda-on-surface-20:var(--dda-neutral-20);--dda-on-surface-30:var(--dda-neutral-30);--dda-on-surface-40:var(--dda-neutral-40);--dda-on-surface-0:var(--dda-neutral-0);--dda-on-surface-muted:var(--dda-neutral-40)}:root[data-theme='dark']{--dda-surface-0:var(--dda-neutral-100);--dda-surface-100:var(--dda-neutral-10);--dda-surface-96:var(--dda-neutral-24);--dda-surface-94:var(--dda-neutral-12);--dda-surface-92:var(--dda-neutral-17);--dda-surface-90:var(--dda-neutral-22);--dda-on-surface-0:var(--dda-neutral-100);--dda-on-surface-10:var(--dda-neutral-100);--dda-on-surface-20:var(--dda-neutral-90);--dda-on-surface-30:var(--dda-neutral-80);--dda-on-surface-40:var(--dda-neutral-70);--dda-on-surface-muted:var(--dda-neutral-70)}:root{--dda-neutral-variant-0:#000000;--dda-neutral-variant-4:#07100F;--dda-neutral-variant-5:#091312;--dda-neutral-variant-6:#0C1515;--dda-neutral-variant-10:#141D1D;--dda-neutral-variant-12:#182121;--dda-neutral-variant-17:#222C2B;--dda-neutral-variant-20:#293232;--dda-neutral-variant-22:#2D3736;--dda-neutral-variant-24:#313B3A;--dda-neutral-variant-25:#343D3D;--dda-neutral-variant-30:#3F4948;--dda-neutral-variant-35:#4A5453;--dda-neutral-variant-40:#56605F;--dda-neutral-variant-50:#6F7978;--dda-neutral-variant-60:#889392;--dda-neutral-variant-70:#A3ADAC;--dda-neutral-variant-80:#BEC9C7;--dda-neutral-variant-87:#D2DCDB;--dda-neutral-variant-90:#DAE5E3;--dda-neutral-variant-92:#E0EAE9;--dda-neutral-variant-94:#E6F0EE;--dda-neutral-variant-95:#E8F3F1;--dda-neutral-variant-96:#EBF6F4;--dda-neutral-variant-98:#F1FBFA;--dda-neutral-variant-99:#F4FEFD;--dda-neutral-variant-100:#FFFFFF;--dda-surface-variant-90:var(--dda-neutral-variant-90);--dda-surface-variant-87:var(--dda-neutral-variant-87);--dda-surface-variant-80:var(--dda-neutral-variant-80);--dda-on-surface-variant-40:var(--dda-neutral-variant-40);--dda-on-surface-variant-30:var(--dda-neutral-variant-30);--dda-on-surface-variant-25:var(--dda-neutral-variant-25);--dda-on-surface-variant-20:var(--dda-neutral-variant-20);--dda-on-surface-variant-12:var(--dda-neutral-variant-12)}:root[data-theme='dark']{--dda-surface-variant-90:var(--dda-neutral-variant-30);--dda-surface-variant-87:var(--dda-neutral-variant-25);--dda-surface-variant-80:var(--dda-neutral-variant-22);--dda-on-surface-variant-40:var(--dda-neutral-variant-70);--dda-on-surface-variant-30:var(--dda-neutral-variant-80);--dda-on-surface-variant-25:var(--dda-neutral-variant-94);--dda-on-surface-variant-20:var(--dda-neutral-variant-96);--dda-on-surface-variant-12:var(--dda-neutral-variant-98)}:root{--dda-color-purple:#904EDB;--dda-color-purple-50:#F1E9FF}:root[data-theme='green']{filter:invert(100%) !important}:root{--dda-fw-300:300 !important;--dda-fw-400:400 !important;--dda-fw-500:500 !important;--dda-fw-700:700 !important;--dda-fs-display-lg:3.563em;--dda-fs-display-md:2.813em;--dda-fs-display-sm:2.25em;--dda-fs-headline-lg:2em;--dda-fs-headline-md:1.75em;--dda-fs-headline-sm:1.5em;--dda-fs-title-lg:1.375em;--dda-fs-title-md:1.25em;--dda-fs-title-sm:1.125em;--dda-fs-body-lg:1em;--dda-fs-body-md:0.875em;--dda-fs-body-sm:0.75em;--dda-fs-label-lg:0.875em;--dda-fs-label-md:0.75em;--dda-fs-label-sm:0.625em;--dda-fs-tagline-lg:0.75em;--dda-fs-tagline-md:0.625em;--dda-fs-tagline-sm:0.5em;--dda-h1:3.563em;--dda-h2:3em;--dda-h3:2.5em;--dda-h4:2.063em;--dda-h5:1.75em;--dda-h6:1.438em;--dda-title:1.188em;--dda-body:1em;--dda-caption:0.813em;--dda-label:0.688em}.dda-fw-300{font-weight:var(--dda-fw-300)}.dda-fw-400{font-weight:var(--dda-fw-400)}.dda-fw-500{font-weight:var(--dda-fw-500)}.dda-fw-700{font-weight:var(--dda-fw-700)}.dda-fs-display-lg{font-size:var(--dda-fs-display-lg)}.dda-fs-display-md{font-size:var(--dda-fs-display-md)}.dda-fs-display-sm{font-size:var(--dda-fs-display-sm)}.dda-fs-headline-lg{font-size:var(--dda-fs-headline-lg)}.dda-fs-headline-md{font-size:var(--dda-fs-headline-md)}.dda-fs-headline-sm{font-size:var(--dda-fs-headline-sm)}.dda-fs-title-lg{font-size:var(--dda-fs-title-lg)}.dda-fs-title-md{font-size:var(--dda-fs-title-md)}.dda-fs-title-sm{font-size:var(--dda-fs-title-sm)}.dda-fs-body-lg{font-size:var(--dda-fs-body-lg)}.dda-fs-body-md{font-size:var(--dda-fs-body-md)}.dda-fs-body-sm{font-size:var(--dda-fs-body-sm)}.dda-fs-label-lg{font-size:var(--dda-fs-label-lg)}.dda-fs-label-md{font-size:var(--dda-fs-label-md)}.dda-fs-label-sm{font-size:var(--dda-fs-label-sm)}.dda-fs-tagline-lg{font-size:var(--dda-fs-tagline-lg)}.dda-fs-tagline-md{font-size:var(--dda-fs-tagline-md)}.dda-fs-tagline-sm{font-size:var(--dda-fs-tagline-sm)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.home-contents{width:90vw;margin:0 auto;padding:50px 20px 70px 20px}.quick-links-wrap{width:100%;position:absolute;bottom:45px;z-index:1}.quick-links{width:90vw;margin:0 auto;display:flex;gap:8px;padding:0 20px}.quick-links .link-item{width:100%;height:170px;display:block;background:var(--dda-surface-100);padding:27px 20px;border-radius:15px 15px;margin-top:15px;transition:all 0.5s ease;position:relative}.quick-links .link-item:hover{margin-top:-12px;border-radius:15px}.quick-links .link-item::after{opacity:0;content:'';position:absolute;top:100%;left:50%;margin-left:-4.5px;width:0;height:0;border:0 solid transparent;border-left-width:9px;border-right-width:9px;border-top:9px solid var(--dda-surface-100);transition:all 0.5s ease}.quick-links .link-item:hover::after{opacity:1}.quick-links .link-item svg{height:35px;margin-bottom:15px;color:var(--dda-on-surface-variant-40)}.quick-links .link-item .title{display:block;font-size:var(--dda-fs-title-sm);color:var(--dda-surface-0);font-weight:var(--dda-fw-700)}.quick-links .link-item .subtitle{display:block;font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-menu-container{position:relative}@media screen and (max-width: 992px){.slide-content p{width:100%}.quick-links-wrap{position:relative}.quick-links-wrap .quick-links{display:grid;padding:20px 20px}.quick-links .link-item{height:auto;margin:0px;border:solid 1px #ddd;border-radius:15px}}@media only screen and (orientation: landscape) and (max-width: 1600px){.slide-content h2{font-size:1.2rem}.slide-content p{font-size:1rem;margin-bottom:5px}.quick-links .link-item{padding:13px;height:128px}.quick-links .link-item svg{height:20px;margin-bottom:5px}.quick-links .link-item .title{font-size:15px}.quick-links .link-item .subtitle{font-size:12px}}@media only screen and (orientation: landscape) and (max-width: 989px){.dda-head-logo .govt-logo img{height:39px}.transparent .dda-header::before{height:100%}}@media only screen and (orientation: landscape) and (max-width: 576px){.slide-content h2{font-size:0.8rem}.slide-content p{font-size:0.5rem;margin-bottom:5px}.slide-content .dda-btn{font-size:13px;padding:7px;height:auto}}.container-xxl{max-width:90vw !important}.dda-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--dda-surface-100);background-clip:border-box;border:1px solid var(--dda-surface-90);border-radius:12px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);overflow:hidden}.dda-card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem;display:flex;flex-direction:column;gap:10px}.dda-card-title{font-size:var(--dda-fs-title-sm);margin-bottom:0}.dda-card-text{font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-variant-30)}.dda-card-text-small{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-text-muted{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-img{width:100%;height:100%;object-fit:cover}.dda-card-icon{display:block;margin-bottom:15px}.dda-card-icon img{height:24px}.dda-card-link{display:flex;width:100%;align-items:center;justify-content:flex-end;color:var(--dda-color-primary-40);line-height:0;padding:5px 0px;font-size:var(--dda-fs-body-md)}.dda-card-link i{margin:0px 5px;font-size:var(--dda-fs-title-md)}.card-image-label{position:absolute;top:12px;left:12px}.dda-container,.dda-container-fluid,.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.dda-container-sm,.dda-container{max-width:540px}}@media (min-width: 768px){.dda-container-md,.dda-container-sm,.dda-container{max-width:720px}}@media (min-width: 992px){.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:960px}}@media (min-width: 1200px){.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1140px}}@media (min-width: 1400px){.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.dda-row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.dda-row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.dda-col{flex:1 0 0%}.dda-col-auto{flex:0 0 auto;width:auto}.dda-col-1{flex:0 0 auto;width:8.33333333%}.dda-col-2{flex:0 0 auto;width:16.66666667%}.dda-col-3{flex:0 0 auto;width:25%}.dda-col-4{flex:0 0 auto;width:33.33333333%}.dda-col-5{flex:0 0 auto;width:41.66666667%}.dda-col-6{flex:0 0 auto;width:50%}.dda-col-7{flex:0 0 auto;width:58.33333333%}.dda-col-8{flex:0 0 auto;width:66.66666667%}.dda-col-9{flex:0 0 auto;width:75%}.dda-col-10{flex:0 0 auto;width:83.33333333%}.dda-col-11{flex:0 0 auto;width:91.66666667%}.dda-col-12{flex:0 0 auto;width:100%}@media (min-width: 576px){.dda-col-sm{flex:1 0 0%}.dda-col-sm-auto{flex:0 0 auto;width:auto}.dda-col-sm-1{flex:0 0 auto;width:8.33333333%}.dda-col-sm-2{flex:0 0 auto;width:16.66666667%}.dda-col-sm-3{flex:0 0 auto;width:25%}.dda-col-sm-4{flex:0 0 auto;width:33.33333333%}.dda-col-sm-5{flex:0 0 auto;width:41.66666667%}.dda-col-sm-6{flex:0 0 auto;width:50%}.dda-col-sm-7{flex:0 0 auto;width:58.33333333%}.dda-col-sm-8{flex:0 0 auto;width:66.66666667%}.dda-col-sm-9{flex:0 0 auto;width:75%}.dda-col-sm-10{flex:0 0 auto;width:83.33333333%}.dda-col-sm-11{flex:0 0 auto;width:91.66666667%}.dda-col-sm-12{flex:0 0 auto;width:100%}}@media (min-width: 768px){.dda-col-md{flex:1 0 0%}.dda-col-md-auto{flex:0 0 auto;width:auto}.dda-col-md-1{flex:0 0 auto;width:8.33333333%}.dda-col-md-2{flex:0 0 auto;width:16.66666667%}.dda-col-md-3{flex:0 0 auto;width:25%}.dda-col-md-4{flex:0 0 auto;width:33.33333333%}.dda-col-md-5{flex:0 0 auto;width:41.66666667%}.dda-col-md-6{flex:0 0 auto;width:50%}.dda-col-md-7{flex:0 0 auto;width:58.33333333%}.dda-col-md-8{flex:0 0 auto;width:66.66666667%}.dda-col-md-9{flex:0 0 auto;width:75%}.dda-col-md-10{flex:0 0 auto;width:83.33333333%}.dda-col-md-11{flex:0 0 auto;width:91.66666667%}.dda-col-md-12{flex:0 0 auto;width:100%}}@media (min-width: 992px){.dda-col-lg{flex:1 0 0%}.dda-col-lg-auto{flex:0 0 auto;width:auto}.dda-col-lg-1{flex:0 0 auto;width:8.33333333%}.dda-col-lg-2{flex:0 0 auto;width:16.66666667%}.dda-col-lg-3{flex:0 0 auto;width:25%}.dda-col-lg-4{flex:0 0 auto;width:33.33333333%}.dda-col-lg-5{flex:0 0 auto;width:41.66666667%}.dda-col-lg-6{flex:0 0 auto;width:50%}.dda-col-lg-7{flex:0 0 auto;width:58.33333333%}.dda-col-lg-8{flex:0 0 auto;width:66.66666667%}.dda-col-lg-9{flex:0 0 auto;width:75%}.dda-col-lg-10{flex:0 0 auto;width:83.33333333%}.dda-col-lg-11{flex:0 0 auto;width:91.66666667%}.dda-col-lg-12{flex:0 0 auto;width:100%}}@media (min-width: 1200px){.dda-col-xl{flex:1 0 0%}.dda-col-xl-auto{flex:0 0 auto;width:auto}.dda-col-xl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xl-3{flex:0 0 auto;width:25%}.dda-col-xl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xl-6{flex:0 0 auto;width:50%}.dda-col-xl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xl-9{flex:0 0 auto;width:75%}.dda-col-xl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xl-12{flex:0 0 auto;width:100%}}@media (min-width: 1400px){.dda-col-xxl{flex:1 0 0%}.dda-col-xxl-auto{flex:0 0 auto;width:auto}.dda-col-xxl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xxl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xxl-3{flex:0 0 auto;width:25%}.dda-col-xxl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xxl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xxl-6{flex:0 0 auto;width:50%}.dda-col-xxl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xxl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xxl-9{flex:0 0 auto;width:75%}.dda-col-xxl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xxl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xxl-12{flex:0 0 auto;width:100%}}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-inline-grid{display:inline-grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.m-0{margin:0 !important}.m-1{margin:0.25rem !important}.m-2{margin:0.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:0.25rem !important;margin-left:0.25rem !important}.mx-2{margin-right:0.5rem !important;margin-left:0.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:0.25rem !important}.mt-2{margin-top:0.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:0.25rem !important}.me-2{margin-right:0.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:0.25rem !important}.mb-2{margin-bottom:0.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:0.25rem !important}.ms-2{margin-left:0.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:0.25rem !important}.p-2{padding:0.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:0.25rem !important;padding-left:0.25rem !important}.px-2{padding-right:0.5rem !important;padding-left:0.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:0.25rem !important}.pt-2{padding-top:0.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:0.25rem !important}.pe-2{padding-right:0.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:0.25rem !important}.pb-2{padding-bottom:0.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:0.25rem !important}.ps-2{padding-left:0.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.no-gutters{margin-right:0;margin-left:0}.dda-dashboard-header-main{background-color:var(--dda-surface-100)}.dda-db-header-top{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-bottom{display:flex;justify-content:space-between;align-items:center;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-left{display:flex;align-items:center;gap:15px}.dda-db-header-left .logo{width:100px;height:37px}.dda-dashboard-header-menu{display:flex;align-items:center}.dda-dashboard-header-menu ul{height:100%;margin:0;padding:0;display:flex;align-items:center}.dda-dashboard-header-menu ul li{display:inline-flex}.dda-dashboard-header-menu ul li a.menu-item{height:48px;display:flex;align-items:center;border-radius:8px;padding:0 16px;text-decoration:none;font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-0);font-weight:var(--dda-fw-400);position:relative}.dda-dashboard-header-menu.dda-menu-default ul li:hover a.menu-item{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40);font-weight:var(--dda-fw-700)}.dda-dashboard-header-menu.dda-menu-underline.full-height a.menu-item{height:69px}.dda-dashboard-header-menu.dda-menu-underline ul li:hover a.menu-item::after{content:"";width:calc(100% - 32px);height:4px;background:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;position:absolute;bottom:0;left:16px}.dda-db-header-right{display:flex;align-items:center;gap:10px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.dda-footer{box-shadow:0 -2px 13px 0 rgba(0, 0, 0, 0.12);background-color:var(--dda-surface-100);position:fixed;bottom:0;left:0;width:100%;z-index:5;padding:0 20px;transform:translateY(0);transition:transform 300ms ease-in-out}.dda-footer.hidden{transform:translateY(100%)}.footer-content{height:64px;display:flex;align-items:center;justify-content:space-between}.dda-footer-item{display:flex;align-items:center}.dda-footer-item ul{display:inline-flex;align-items:center}.dda-footer-item ul li{padding:0 10px;border-inline-start:solid 1px #E0E3E2}.dda-footer-item ul li:first-child{border:0px}.foot-icon-btn a{height:40px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--dda-fs-body-lg);font-weight:500;color:var(--dda-color-primary-40)}.foot-icon-btn a img{height:32px}.dda-footer-item ul li.foot-menu{padding:0 5px}.foot-menu a{color:var(--dda-on-surface-0)}.foot-menu a i,.foot-menu a svg{font-size:20px;color:var(--dda-on-surface-variant-30);fill:var(--dda-on-surface-variant-30)}.foot-menu a img{height:40px}.foot-logo a{background-color:var(--dda-neutral-100);height:40px;display:flex;align-items:center}.foot-logo a img{height:35px}@media only screen and (orientation: landscape) and (max-width: 768px){.footer-content{height:44px}.dda-footer-item .foot-icon-btn a{width:35px;height:35px}}@media (max-width: 992px){.dda-footer{background:transparent;box-shadow:none}.foot-menu,.foot-icon-btn a span{display:none}.dda-footer-item ul li{padding:0 8px;border:0px !important}.foot-icon-btn a{width:48px;height:48px;background:#ffffff;border-radius:50px;box-shadow:0 6px 20px rgba(0, 0, 0, .2)}.foot-icon-btn a img{height:24px}}@media (max-width: 1400px){.dda-footer-middle{display:none}}.dda-dashboard-sidebar{position:fixed;top:0;left:0;height:100%;width:80px;background:var(--dda-surface-100);border-right:1px solid var(--dda-surface-90);z-index:100;transition:all 0.25s ease;padding-top:16px}.dda-dashboard-sidebar hr{border-color:var(--dda-color-surface-99)}.db-icon-logo{display:flex;align-items:center;padding:0px 17px;margin-bottom:15px}.db-icon-logo .db-logo{width:44px;height:44px;display:flex;gap:16px;align-items:center;padding:0px;border:transparent;background:transparent}.db-btn-container{display:flex;align-items:center;gap:16px;padding:0 27px}.db-btn-container .burdger-menu{background:none;outline:none;border:0px;padding:0px;font-size:16px;color:var(--dda-on-surface-variant-30)}.sidebar-open .db-btn-container{padding:0 14px}.db-btn-container .logo{width:100px;display:none}.sidebar-open .db-btn-container .logo{display:block}.db-logo .logo-icon{width:44px;height:44px}.sidebar-open .db-icon-logo{display:none}.db-logo .logo{display:none;width:150px}.sidebar-open .db-logo .logo{display:block}.dashboard-sidebar-menu{display:flex;flex-direction:column;padding:16px;gap:4px;transition:all 0.25s ease}.dashboard-sidebar-menu li{display:flex;justify-content:center}.dashboard-sidebar-menu li a{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;font-size:16px;color:var(--dda-on-surface-variant-30);font-weight:700;border-radius:5px}.dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40)}.dashboard-sidebar-menu li a i,.dashboard-sidebar-menu li a svg{font-size:20px}.dashboard-sidebar-menu .text-wrap{display:none;align-items:center;gap:12px}.dashboard-sidebar-menu .counter{display:none;height:20px;min-width:20px;border:solid 1px var(--dda-surface-90);border-radius:30px;font-size:14px;text-align:center}.dda-dashboard-sidebar.sidebar-open{width:280px}.sidebar-open .dashboard-sidebar-menu{padding:16px 0}.sidebar-open .dashboard-sidebar-menu li a{border-radius:0;width:100%;position:relative}.sidebar-open .dashboard-sidebar-menu li a::before{content:"";width:3px;height:100%;background-color:var(--dda-color-primary-40);position:absolute;top:0;left:0;opacity:0}.sidebar-open .dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94)}.sidebar-open .dashboard-sidebar-menu li a:hover::before{opacity:1}.dashboard-sidebar-menu .text-wrap{display:flex}.dashboard-sidebar-menu .menu-text{display:none}.dda-dashboard-sidebar.sidebar-open .counter{display:block}.dda-dashboard-sidebar.sidebar-open .menu-text{display:block}.dda-table-container{background:var(--dda-surface-100);border:solid 1px var(--dda-surface-90);border-radius:10px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-table-header,.dda-table-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 16px 24px}.dda-table-header-content{color:var(--dda-on-surface-0);display:flex;justify-content:space-between;align-items:center;gap:10px}.dda-table{width:100%;border-collapse:collapse}.dda-table th,.dda-table td{color:var(--dda-on-surface-0);text-align:justify;padding:12px 24px;border:0px;border-top:solid 1px var(--dda-surface-90);border-bottom:solid 1px var(--dda-surface-90)}.dda-table th{background-color:var(--dda-surface-96);font-size:14px;font-weight:var(--dda-fw-500)}.dda-table-sm th,.dda-table-sm td{padding:8px}.dda-table-striped tbody tr:nth-of-type(even){background-color:var(--dda-surface-96)}.dda-payment-info{display:inline-flex;align-items:center;gap:15px}.dda-payment-icon{width:58px;height:40px;padding:6px;border:solid 1px var(--dda-surface-90);border-radius:8px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.WB-footer{background-color:var(--dda-surface-100);color:var(--dda-on-surface-variant-30)}.WB-footer .entt-logo{width:135px}.WB-footer .footer-menu{display:flex;flex-direction:column;gap:12px}.WB-footer .footer-menu a{color:var(--dda-on-surface-variant-30)}.WB-footer .footer-menu a:hover{color:var(--dda-color-primary-40)}.WB-footer .line-seperater{border-bottom:solid 1px #E0E3E2;padding-top:36px;padding-bottom:36px}.footer-social-icn{width:24px;height:24px}@media screen and (max-width: 992px){.WB-footer .line-seperater{padding-top:26px;padding-bottom:26px}}.dda-header{width:100%;height:auto;background:var(--dda-surface-100);transition:all 300ms ease-in-out;box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13);position:fixed;top:0;left:0;z-index:6}.dda-header.white{background:var(--dda-surface-100) !important}.dda-header .dda-container-fluid{position:relative}.transparent .dda-header{background:transparent;box-shadow:none}.transparent .dda-header::before{content:"";width:100%;height:250px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.dda-header.white::before{display:none !important}.dda-head-logo{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative}.govt-logo img{height:70px}.entt-logo img{height:44px}.transparent .logo-colored{display:none}.logo-white{display:none}.transparent .logo-white{display:block}.dda-header.white .dda-head-logo .logo-white,:root[data-theme='dark'] .dda-head-logo .logo-colored{display:none}.dda-header.white .dda-head-logo .logo-colored,:root[data-theme='dark'] .dda-head-logo .logo-white{display:block}.dda-menu-container{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.dda-main-navigation{display:flex;align-items:center;gap:10px}.dda-menu-overley{width:100%;height:100vh;background:#0000007e;position:fixed;top:0;left:0;z-index:1;display:none}.dda-menu-overley.show-overley{display:block}.hamburger-menu{display:flex;align-items:center}.hamburger-menu>dda-tooltip{height:40px;display:inline-flex;align-items:center}.hamburger-menu-btn{width:40px;height:40px;padding:0;background-color:transparent;border:transparent;position:relative}.hamburger-menu-btn::before,.hamburger-menu-btn::after{content:""}.hamburger-menu-btn::before,.hamburger-menu-btn::after,.hamburger-line{content:"";width:21px;height:2px;border-radius:4px;background-color:var(--dda-on-surface-30);position:absolute;left:9.5px}.hamburger-menu-btn::before{top:14px}.hamburger-menu-btn::after{top:24px}.hamburger-line{top:19px}.hamburger-menu-btn:hover::before,.hamburger-menu-btn:hover::after,.hamburger-menu-btn:hover .hamburger-line{background-color:var(--dda-color-primary-40)}.transparent .hamburger-menu-btn::before,.transparent .hamburger-menu-btn::after,.transparent .hamburger-line{background-color:var(--dda-neutral-100) !important}.hamburger-menu-btn.close-menu .hamburger-line{display:none}.hamburger-menu-btn.close-menu::before{transform:rotate(45deg);top:19px}.hamburger-menu-btn.close-menu::after{transform:rotate(-45deg);top:19px}.hamburger-menu-text{width:0;height:0;opacity:0;position:absolute}.close-btn{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;background:none;border:0;font-size:1.5em;z-index:10;color:#999999;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.dda-mega-menu{margin:0;padding:0;list-style:none;display:flex;align-items:center}.dda-mega-menu>li>a{display:block;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);padding:20px 16px;position:relative}.dda-mega-menu>li:hover>a,.dda-mega-menu>li>a.active{color:var(--dda-color-primary-40)}.transparent .dda-mega-menu>li>a{color:var(--dda-neutral-100)}.dda-mega-menu>li>a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;background-color:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;transform:translateX(-50%);transition:all 0.25s ease-in-out}.transparent .dda-mega-menu>li>a::after{background-color:var(--dda-neutral-100)}.dda-mega-menu>li:hover>a::after,.dda-mega-menu>li>a:focus-visible:after,.dda-mega-menu>li>a.active::after{width:calc(100% - 32px)}.megamenu-content{display:none;width:100%;padding:0 15px;position:fixed;top:150px;left:0}.megamenu-item{min-height:350px;background:var(--dda-surface-100);border-radius:8px;margin:0 auto;padding:42px 15px;box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1);position:relative}.megamenu-item .mega-menu-title{height:24px;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);text-transform:uppercase;padding-inline-start:69px;margin-bottom:10px}.megamenu-item ul{display:flex;flex-direction:column;gap:8px;list-style:none}.megamenu-link{width:100%;display:flex;align-items:center;gap:15px;padding:10px 16px;background:var(--dda-surface-100);color:var(--dda-on-surface-0);border-radius:8px;transition:all 500ms ease}.megamenu-link .dda-btn{background:var(--dda-neutral-variant-94) !important}.megamenu-link .dda-btn i{color:var(--dda-color-primary-40)}.megamenu-link .text-wrap{display:flex;flex-direction:column;width:100%}.megamenu-link:hover .title-text{color:var(--dda-color-primary-40)}.megamenu-link:hover{background:var(--dda-neutral-variant-96)}.megamenu-link .arrow-icon{color:var(--dda-color-primary-40);opacity:0;transition:all 500ms ease}:root[dir='rtl'] .megamenu-link .arrow-icon{transform:rotate(180deg)}.megamenu-link:hover .arrow-icon{opacity:1}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul,.dda-toolbar-menu-sidemenu ul{display:flex;gap:10px;justify-content:center;margin:0px}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-height:40px;min-width:40px;background-color:var(--dda-surface-96);font-size:14px;color:var(--dda-on-surface-10);font-weight:var(--dda-fw-700);border:0px;padding:8px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.transparent .dda-toolbar-menu ul li .tool-btn,.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn{background-color:var(--dda-neutral-17);color:var(--dda-neutral-100)}.dda-toolbar-menu ul li .tool-btn img,.dda-toolbar-menu-sidemenu ul li .tool-btn img{height:17px;width:17px}.dda-toolbar-menu ul li .tool-btn i,.dda-toolbar-menu ul li .tool-btn svg,.dda-toolbar-menu-sidemenu ul li .tool-btn i,.dda-toolbar-menu-sidemenu ul li .tool-btn svg{font-size:24px;width:24px;height:24px;color:var(--dda-on-surface-variant-30)}.transparent .dda-toolbar-menu ul li .tool-btn i,.transparent .dda-toolbar-menu ul li .tool-btn svg,.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn i,.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn svg{color:var(--dda-neutral-100)}.dda-search{position:relative}.dda-search i,.dda-search svg{position:absolute;top:10px;inset-inline-start:13px}.dda-search input[type="text"]{width:90px;height:40px;background-color:transparent;border:0px;color:var(--dda-on-surface-0);border-radius:100px;padding-inline-start:33px;padding-inline-end:10px;transition:all 250ms ease}.dda-search input[type="text"]:focus{width:250px;outline:0}.dda-search:focus-within{box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}.dda-mobile-search button:focus-visible,.dda-toolbar-menu-sidemenu ul li .tool-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}.dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-on-surface-0)}.dda-search input[type="text"]::placeholder{color:var(--dda-on-surface-0)}.transparent .dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-neutral-100)}.transparent .dda-search input[type="text"]::placeholder{color:var(--dda-neutral-100)}.dda-sidemenu{display:none;width:375px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:fixed;top:0px;inset-inline-start:-375px;bottom:0px;z-index:9;transition:left 0.5s ease}.dda-sidemenu-content{display:flex;flex-direction:column;gap:15px;padding:32px;overflow-y:auto;height:100%}.dda-sidemenu-content::-webkit-scrollbar{width:6px}.dda-sidemenu-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.dda-sidemenu-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.dda-sidemenu-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-side-nav-title{font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);text-transform:uppercase;color:var(--dda-on-surface-0)}ul.main_side_menu{margin:0;margin-bottom:30px;padding:0px}ul.main_side_menu li{list-style:none;padding:0}ul.main_side_menu li a{display:flex;justify-content:space-between;padding-top:13px;padding-bottom:14px;text-decoration:none;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0);border-bottom:1px solid var(--dda-surface-90);width:100%;cursor:pointer;position:relative}.main_sub_menu>ol>li:last-child>a{border-bottom:0}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{content:"";width:9px;height:9px;border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:50%;inset-inline-end:3px;margin-top:-4.5px;transform:rotate(-45deg);transition:all 250ms ease}ul.main_side_menu li a i{display:block}:root[dir='rtl'] ul.main_side_menu li a i{transform:rotate(180deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(135deg)}:root[dir='rtl'] .material-icons{direction:rtl}ul.main_side_menu li a:hover,ul.main_side_menu li a.icon_arrow{color:var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);padding-bottom:13px}ul.main_side_menu li a.showSub.icon_arrow::after,ul.main_side_menu li a.showSubSub.icon_arrow::after{border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40)}ul.main_side_menu li .main_sub_menu{display:none;position:fixed;margin-top:-50px;inset-inline-start:380px;width:350px;background:var(--dda-surface-100);padding:25px 20px 15px 20px;border-radius:10px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12)}ul.main_side_menu li .main_sub_menu.showSubMenu{display:block}.main_sub_menu ol{padding:0px}ul.main_side_menu .main_sub_menu{padding:25px 10px 15px 20px}.main_sub_menu>ol{max-height:300px;overflow:auto;padding:2px 2px 10px 2px}.dda-side-nav__title{font-size:1em;color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);text-transform:uppercase;margin-bottom:10px}.main_sub_menu>ol::-webkit-scrollbar{width:3px}.main_sub_menu>ol::-webkit-scrollbar-track{background:#fafafa}.main_sub_menu>ol::-webkit-scrollbar-thumb{background:var(--dda-neutral-variant-92)}.main_sub_menu>ol::-webkit-scrollbar-thumb:hover{background:var(--dda-neutral-variant-92)}.main_sub_menu li{position:relative}ul.main_side_menu .main_sub_menu .main_sub_menu{inset-inline-start:735px}ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu{inset-inline-start:1090px}.side-nav-close-btn{top:1.5rem;inset-inline-end:1.5rem}.dda-sidemenu-bottom{width:100%;position:fixed;inset-inline-start:0;bottom:0;display:none}.dda-sidemenu-gov-logo{display:flex;justify-content:center}.dda-sidemenu-gov-logo a{display:inline-block}.dda-sidemenu-gov-logo img{height:44px}.dda-accessibility-wrap{width:100%;padding:0 10px;position:fixed;top:185px;left:0}.dda-accessibility{max-width:880px;margin:0 auto;background:var(--dda-surface-100);padding:20px;border-radius:8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:relative;display:none;transition:left 0.5s ease}.mobile-accessibility{position:absolute;top:0px;z-index:10;height:100%}.dda-accessibility-item{border-inline-start:solid 1px #E5E5E5}.dda-accessibility .dda-row .dda-accessibility-item:first-child{border:0px}.dda-theme-list{display:flex;flex-direction:column;gap:8px}.close_accessibility{top:5px;inset-inline-end:5px}.dda-mobile-entt-logo,.dda-mobile-search{display:none;overflow:hidden}.dda-mobile-search button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:transparent}.dda-mobile-search button i,.dda-mobile-search button svg{font-size:24px;width:24px;height:24px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search button svg{fill:var(--dda-on-surface-variant-30)}.transparent .dda-mobile-search button i,.transparent .dda-mobile-search button svg{color:var(--dda-neutral-100)}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.transparent .dda-header::before{height:130px}.dda-header{padding:0 !important}.dda-menu-overley{display:none !important}.side-nav-close-btn{display:block}.dda-menu-container{height:80px;position:relative}.dda-head-logo{display:none}.dda-mobile-entt-logo,.dda-mobile-search{display:block}.dda-mobile-entt-logo img{height:40px}.dda-toolbar-menu{position:absolute;width:0;display:none}.dda-toolbar-menu ul li .tool-btn{display:none}.dda-accessibility-wrap{top:81px;padding:0}.dda-accessibility-wrap .dda-accessibility{height:calc(100vh - 82px);border-radius:0px;box-shadow:none}.dda-accessibility .dda-row{gap:30px}.dda-accessibility-item{border:0px}.dda-sidemenu-content{height:calc(100% - 130px);padding:32px 17px 32px 32px}.dda-sidemenu .dda-sidemenu-bottom{display:block;position:initial}.main_side_menu .dda-side-nav__title{display:none}.main_side_menu_wrap{height:calc(100% - 100px);overflow:auto;padding:5px}.main_side_menu_wrap::-webkit-scrollbar{width:3px}.main_side_menu_wrap::-webkit-scrollbar-track{background:#fafafa}.main_side_menu_wrap::-webkit-scrollbar-thumb{background:#e7e7e7}.main_side_menu_wrap::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.dda-sidemenu{width:100%;top:80px;padding-inline-end:15px}ul.main_side_menu li .main_sub_menu{position:inherit !important;inset-inline-start:inherit !important;top:inherit ! Important;margin:0px !important;width:100% !important;padding:0px;padding-inline-start:10px;box-shadow:none}ul.main_side_menu li a.icon_arrow::after{transform:rotate(45deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub.icon_arrow::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub.icon_arrow::after{transform:rotate(45deg)}.main_sub_menu>ol>li:last-child>a{border-bottom:1px solid #00000022}ul.main_side_menu li a.icon_arrow,ul.main_side_menu .main_sub_menu li a .icon_arrow{color:var(--dda-color-primary-40)}ul.main_side_menu .main_sub_menu ol{height:auto;max-height:none;padding:0}.maincontent{padding-top:100px}}@media (max-width: 1024px){.dda-mega-menu{display:none}.dda-header{padding:10px 0}}@media screen and (max-width: 1160px) and (min-width: 1024px){.dda-mega-menu>li>a{font-size:var(--dda-fs-body-md)}}@media only screen and (orientation: landscape) and (max-width: 989px){.dda-head-logo{padding-top:5px;padding-bottom:5px}.dda-head-logo .entt-logo img{height:39px}.dda-toolbar-menu{padding:5px 0}}@media only screen and (orientation: landscape) and (max-width: 768px){.dda-menu-container{height:40px;position:relative}.dda-mobile-entt-logo img{height:25px}.dda-sidemenu{top:40px}.dda-sidemenu-gov-logo img{height:27px}.dda-sidemenu-content{height:calc(100% - 75px)}.dda-toolbar-menu ul li .tool-btn{height:40px;min-width:40px;padding:8px}ul.main_side_menu li a{padding-top:5px;padding-bottom:5px}.dda-accessibility-wrap{top:41px}.dda-accessibility-wrap .dda-accessibility{height:150px;overflow-y:auto}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-width:40px;padding:8px}}:root{--font-family-main:'Dubai', sans-serif}body{background-color:var(--dda-surface-100) !important;font-family:"Dubai", Helvetica, sans-serif !important;font-size:var(--dda-fs-body-lg) !important;font-weight:var(--dda-fw-400) !important;line-height:1.5;color:var(--dda-on-surface-0) !important;margin:0}*{box-sizing:border-box}ul{margin:0}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1,.dda-h1{font-size:var(--dda-h1);font-weight:400}h2,.dda-h2{font-size:var(--dda-h2);font-weight:400}h3,.dda-h3{font-size:var(--dda-h3);font-weight:400}h4,.dda-h4{font-size:var(--dda-h4);font-weight:400}h5,.dda-h5{font-size:var(--dda-h5);font-weight:400}h6,.dda-h6{font-size:var(--dda-h6);font-weight:400}.dda-title{font-size:var(--dda-title);font-weight:500}.dda-body{font-size:var(--dda-body);font-weight:400}.dda-caption{font-size:var(--dda-caption);font-weight:400}.dda-label{font-size:var(--dda-label);font-weight:400}a,a:hover{text-decoration:none !important}button{cursor:pointer}ul{margin:0 !important;padding:0 !important;list-style:none}.dda-btn.cta-transparent{background:none;color:#ffffff;border:0px}.dda-btn.cta-transparent:hover{background:#ffffff;color:inherit}.dda-bg-primary{background-color:var(--dda-color-primary-40)}.dda-bg-secondary{background-color:var(--dda-color-secondary)}.dda-color-primary{color:var(--dda-color-primary-40)}.dda-color-secondary{color:var(--dda-color-primary-40)}.dda-color-error{color:var(--dda-color-error-40)}.dda-color-warning{color:var(--dda-color-warning-40)}.dda-color-success{color:var(--dda-color-warning-40)}.dda-color-info{color:var(--dda-color-info-40)}.dda-color-neutral{color:var(--dda-on-surface-40)}.dda-color-neutralvariant{color:var(--dda-on-surface-variant-40)}.dda-color-black{color:var(--dda-on-surface-0)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.dda-rounded-sm{border-radius:4px !important}.dda-rounded-md{border-radius:8px !important}.dda-rounded-lg{border-radius:12px !important}.dda-rounded-circle{border-radius:100px !important}.dda-gap-16{gap:4rem !important}.dda-gap-12{gap:3rem !important}.dda-gap-10{gap:2.5rem !important}.dda-gap-8{gap:2rem !important}.dda-gap-6{gap:1.5rem !important}.dda-gap-5{gap:1.25rem !important}.dda-gap-4{gap:1rem !important}.dda-gap-3{gap:.75rem !important}.dda-gap-2{gap:.5rem !important}.dda-gap-1{gap:0.375rem !important}::-ms-input-placeholder{color:#8E9191}::placeholder{color:#8E9191}.dda-d-none{display:none}.dda-flex{display:flex}.dda-flex-column{flex-direction:column}.dda-inline-flex{display:inline-flex}.dda-align-center{align-items:center}.dda-justify-space{justify-content:space-between}.dda-justify-center{justify-content:center}.m-0{margin:0px !important}.p-0{padding:0px !important}.py-0{padding-top:0px !important;padding-bottom:0px !important}.border-right{border-inline-end:solid 1px #E5E5E5}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.maincontent{padding-top:100px}}`;
5
+ const globalCss = () => `:root{--dda-primary-0:#000000;--dda-primary-4:#001110;--dda-primary-5:#001413;--dda-primary-6:#001716;--dda-primary-10:#00201F;--dda-primary-12:#002423;--dda-primary-17:#00302F;--dda-primary-20:#003735;--dda-primary-22:#003C3A;--dda-primary-24:#00413F;--dda-primary-25:#004341;--dda-primary-30:#00504E;--dda-primary-35:#005D5A;--dda-primary-40:#006A67;--dda-primary-50:#008582;--dda-primary-60:#00A19E;--dda-primary-70:#21BEBA;--dda-primary-80:#4DDAD6;--dda-primary-87:#66EEE9;--dda-primary-90:#6FF7F2;--dda-primary-92:#76FDF8;--dda-primary-94:#99FFFA;--dda-primary-95:#D0F5F4;--dda-primary-96:#C2FFFB;--dda-primary-98:#E3FFFD;--dda-primary-99:#F2FFFD;--dda-primary-100:#FFFFFF;--dda-color-primary-40:var(--dda-primary-40);--dda-color-primary-30:var(--dda-primary-30);--dda-color-primary-20:var(--dda-primary-20);--dda-color-primary-10:var(--dda-primary-10);--dda-on-primary-100:var(--dda-primary-100);--dda-on-primary-98:var(--dda-primary-98);--dda-on-primary-96:var(--dda-primary-96);--dda-on-primary-94:var(--dda-primary-94);--dda-primary-variant-96:var(--dda-primary-96);--dda-primary-variant-95:var(--dda-primary-95);--dda-primary-variant-94:var(--dda-primary-94);--dda-primary-variant-92:var(--dda-primary-92);--dda-primary-variant-87:var(--dda-primary-87);--dda-on-primary-variant-40:var(--dda-primary-40);--dda-on-primary-variant-30:var(--dda-primary-30);--dda-on-primary-variant-25:var(--dda-primary-25);--dda-on-primary-variant-20:var(--dda-primary-20);--dda-on-primary-variant-12:var(--dda-primary-12)}:root[data-theme='dark']{--dda-color-primary-40:var(--dda-primary-70);--dda-color-primary-30:var(--dda-primary-80);--dda-color-primary-20:var(--dda-primary-90);--dda-color-primary-10:var(--dda-primary-95);--dda-on-primary-100:var(--dda-primary-10);--dda-on-primary-98:var(--dda-primary-12);--dda-on-primary-96:var(--dda-primary-17);--dda-on-primary-94:var(--dda-primary-20);--dda-primary-variant-96:var(--dda-primary-30);--dda-primary-variant-95:var(--dda-primary-20);--dda-primary-variant-94:var(--dda-primary-25);--dda-primary-variant-92:var(--dda-primary-20);--dda-primary-variant-87:var(--dda-primary-12);--dda-on-primary-variant-40:var(--dda-primary-90);--dda-on-primary-variant-30:var(--dda-primary-90);--dda-on-primary-variant-25:var(--dda-primary-94);--dda-on-primary-variant-20:var(--dda-primary-96);--dda-on-primary-variant-12:var(--dda-primary-98)}:root{--dda-secondary-0:#000000;--dda-secondary-4:#000836;--dda-secondary-5:#000A3D;--dda-secondary-6:#000C43;--dda-secondary-10:#001257;--dda-secondary-12:#001561;--dda-secondary-17:#092072;--dda-secondary-20:#132778;--dda-secondary-22:#192C7D;--dda-secondary-24:#1E3181;--dda-secondary-25:#213484;--dda-secondary-30:#2E4090;--dda-secondary-35:#3B4C9C;--dda-secondary-40:#4758A9;--dda-secondary-50:#6071C4;--dda-secondary-60:#7A8BE0;--dda-secondary-70:#95A6FD;--dda-secondary-80:#B9C3FF;--dda-secondary-87:#D2D8FF;--dda-secondary-90:#DDE1FF;--dda-secondary-92:#E5E6FF;--dda-secondary-94:#ECECFF;--dda-secondary-95:#F0EFFF;--dda-secondary-96:#F3F2FF;--dda-secondary-98:#FBF8FF;--dda-secondary-99:#FEFBFF;--dda-secondary-100:#FFFFFF;--dda-color-secondary-40:var(--dda-secondary-40);--dda-color-secondary-30:var(--dda-secondary-30);--dda-color-secondary-20:var(--dda-secondary-20);--dda-color-secondary-10:var(--dda-secondary-10);--dda-on-secondary-100:var(--dda-secondary-100);--dda-on-secondary-98:var(--dda-secondary-98);--dda-on-secondary-96:var(--dda-secondary-96);--dda-on-secondary-94:var(--dda-secondary-94);--dda-secondary-variant-96:var(--dda-secondary-96);--dda-secondary-variant-95:var(--dda-secondary-95);--dda-secondary-variant-94:var(--dda-secondary-94);--dda-secondary-variant-92:var(--dda-secondary-92);--dda-secondary-variant-87:var(--dda-secondary-87);--dda-on-secondary-variant-30:var(--dda-secondary-30);--dda-on-secondary-variant-25:var(--dda-secondary-25);--dda-on-secondary-variant-20:var(--dda-secondary-20);--dda-on-secondary-variant-12:var(--dda-secondary-12)}:root[data-theme='dark']{--dda-color-secondary-40:var(--dda-secondary-70);--dda-color-secondary-30:var(--dda-secondary-80);--dda-color-secondary-20:var(--dda-secondary-90);--dda-color-secondary-10:var(--dda-secondary-95);--dda-on-secondary-100:var(--dda-secondary-10);--dda-on-secondary-98:var(--dda-secondary-12);--dda-on-secondary-96:var(--dda-secondary-17);--dda-on-secondary-94:var(--dda-secondary-20);--dda-secondary-variant-96:var(--dda-secondary-30);--dda-secondary-variant-95:var(--dda-secondary-30);--dda-secondary-variant-94:var(--dda-secondary-25);--dda-secondary-variant-92:var(--dda-secondary-20);--dda-secondary-variant-87:var(--dda-secondary-12);--dda-on-secondary-variant-30:var(--dda-secondary-90);--dda-on-secondary-variant-25:var(--dda-secondary-94);--dda-on-secondary-variant-20:var(--dda-secondary-96);--dda-on-secondary-variant-12:var(--dda-secondary-98)}:root{--dda-error-0:#000000;--dda-error-4:#280000;--dda-error-5:#2D0000;--dda-error-6:#310001;--dda-error-10:#410001;--dda-error-12:#490001;--dda-error-17:#5C0002;--dda-error-20:#690003;--dda-error-22:#710003;--dda-error-24:#790004;--dda-error-25:#7E0004;--dda-error-30:#930005;--dda-error-35:#A90008;--dda-error-40:#C0000A;--dda-error-50:#E62721;--dda-error-60:#FF5545;--dda-error-70:#FF8A7B;--dda-error-80:#FFB4AA;--dda-error-87:#FFCFC8;--dda-error-90:#FFDAD5;--dda-error-92:#FFE2DD;--dda-error-94:#FFE9E6;--dda-error-95:#FFEDEA;--dda-error-96:#FFF0EE;--dda-error-98:#FFF8F7;--dda-error-99:#FFFBFF;--dda-error-100:#FFFFFF;--dda-color-error-50:var(--dda-error-50);--dda-color-error-40:var(--dda-error-40);--dda-color-error-30:var(--dda-error-30);--dda-color-error-20:var(--dda-error-24);--dda-on-error-100:var(--dda-error-100);--dda-on-error-98:var(--dda-error-98);--dda-on-error-96:var(--dda-error-96);--dda-on-error-94:var(--dda-error-94);--dda-error-variant-90:var(--dda-error-90);--dda-error-variant-95:var(--dda-error-95);--dda-error-variant-94:var(--dda-error-94);--dda-error-variant-92:var(--dda-error-92);--dda-error-variant-90:var(--dda-error-90);--dda-on-error-variant-40:var(--dda-error-40);--dda-on-error-variant-30:var(--dda-error-30);--dda-on-error-variant-25:var(--dda-error-25);--dda-on-error-variant-20:var(--dda-error-20);--dda-on-error-variant-12:var(--dda-error-12)}:root[data-theme='dark']{--dda-color-error-50:var(--dda-error-80);--dda-color-error-40:var(--dda-error-70);--dda-color-error-30:var(--dda-error-90);--dda-color-error-20:var(--dda-error-94);--dda-on-error-100:var(--dda-error-10);--dda-on-error-98:var(--dda-error-12);--dda-on-error-96:var(--dda-error-17);--dda-on-error-94:var(--dda-error-20);--dda-error-variant-96:var(--dda-error-30);--dda-error-variant-95:var(--dda-error-20);--dda-error-variant-94:var(--dda-error-25);--dda-error-variant-92:var(--dda-error-20);--dda-error-variant-90:var(--dda-error-12);--dda-on-error-variant-40:var(--dda-error-70);--dda-on-error-variant-30:var(--dda-error-80);--dda-on-error-variant-25:var(--dda-error-94);--dda-on-error-variant-20:var(--dda-error-96);--dda-on-error-variant-12:var(--dda-error-98)}:root{--dda-warning-0:#000000;--dda-warning-4:#180C00;--dda-warning-5:#1B0E00;--dda-warning-6:#1F1000;--dda-warning-10:#2A1800;--dda-warning-12:#2F1B00;--dda-warning-17:#3D2500;--dda-warning-20:#462B00;--dda-warning-22:#4B2F00;--dda-warning-24:#513300;--dda-warning-25:#543500;--dda-warning-30:#643F00;--dda-warning-35:#734A00;--dda-warning-40:#835400;--dda-warning-50:#A46B00;--dda-warning-60:#C78200;--dda-warning-70:#EB9A00;--dda-warning-80:#FFB956;--dda-warning-87:#FFD39B;--dda-warning-90:#FFDDB5;--dda-warning-92:#FFE4C5;--dda-warning-94:#FFEBD5;--dda-warning-95:#FFEEDD;--dda-warning-96:#FFF1E5;--dda-warning-98:#FFF8F4;--dda-warning-99:#FFFBFF;--dda-warning-100:#FFFFFF;--dda-color-warning-50:var(--dda-warning-50);--dda-color-warning-40:var(--dda-warning-40);--dda-color-warning-30:var(--dda-warning-30);--dda-color-warning-20:var(--dda-warning-20);--dda-on-warning-100:var(--dda-warning-100);--dda-on-warning-98:var(--dda-warning-98);--dda-on-warning-96:var(--dda-warning-96);--dda-on-warning-94:var(--dda-warning-94);--dda-warning-variant-90:var(--dda-warning-90);--dda-warning-variant-95:var(--dda-warning-95);--dda-warning-variant-94:var(--dda-warning-94);--dda-warning-variant-92:var(--dda-warning-92);--dda-warning-variant-90:var(--dda-warning-90);--dda-on-warning-variant-40:var(--dda-warning-40);--dda-on-warning-variant-30:var(--dda-warning-30);--dda-on-warning-variant-25:var(--dda-warning-25);--dda-on-warning-variant-20:var(--dda-warning-20);--dda-on-warning-variant-12:var(--dda-warning-12)}:root[data-theme='dark']{--dda-color-warning-50:var(--dda-warning-80);--dda-color-warning-40:var(--dda-warning-80);--dda-color-warning-30:var(--dda-warning-90);--dda-color-warning-20:var(--dda-warning-94);--dda-on-warning-100:var(--dda-warning-10);--dda-on-warning-98:var(--dda-warning-12);--dda-on-warning-96:var(--dda-warning-17);--dda-on-warning-94:var(--dda-warning-20);--dda-warning-variant-96:var(--dda-warning-30);--dda-warning-variant-95:var(--dda-warning-30);--dda-warning-variant-94:var(--dda-warning-25);--dda-warning-variant-92:var(--dda-warning-20);--dda-warning-variant-90:var(--dda-warning-12);--dda-on-warning-variant-40:var(--dda-warning-80);--dda-on-warning-variant-30:var(--dda-warning-80);--dda-on-warning-variant-25:var(--dda-warning-94);--dda-on-warning-variant-20:var(--dda-warning-96);--dda-on-warning-variant-12:var(--dda-warning-98)}:root{--dda-success-0:#000000;--dda-success-4:#001203;--dda-success-5:#001504;--dda-success-6:#001805;--dda-success-10:#002108;--dda-success-12:#00260A;--dda-success-17:#00320F;--dda-success-20:#003913;--dda-success-22:#003E15;--dda-success-24:#004318;--dda-success-25:#004619;--dda-success-30:#00531F;--dda-success-35:#006025;--dda-success-40:#0D6D2D;--dda-success-50:#318744;--dda-success-60:#4CA25B;--dda-success-70:#67BD73;--dda-success-80:#82DA8C;--dda-success-87:#95EE9E;--dda-success-90:#9EF7A6;--dda-success-92:#A3FCAC;--dda-success-94:#B8FFBB;--dda-success-95:#C6FFC7;--dda-success-96:#D3FFD2;--dda-success-98:#EBFFE7;--dda-success-99:#F6FFF1;--dda-success-100:#FFFFFF;--dda-color-success-50:var(--dda-success-50);--dda-color-success-40:var(--dda-success-40);--dda-color-success-30:var(--dda-success-30);--dda-color-success-20:var(--dda-success-20);--dda-on-success-100:var(--dda-success-100);--dda-on-success-98:var(--dda-success-98);--dda-on-success-96:var(--dda-success-96);--dda-on-success-94:var(--dda-success-94);--dda-success-variant-90:var(--dda-success-90);--dda-success-variant-95:var(--dda-success-95);--dda-success-variant-94:var(--dda-success-94);--dda-success-variant-92:var(--dda-success-92);--dda-success-variant-90:var(--dda-success-90);--dda-on-success-variant-40:var(--dda-success-40);--dda-on-success-variant-30:var(--dda-success-30);--dda-on-success-variant-25:var(--dda-success-25);--dda-on-success-variant-20:var(--dda-success-20);--dda-on-success-variant-12:var(--dda-success-12)}:root[data-theme='dark']{--dda-color-success-50:var(--dda-success-80);--dda-color-success-40:var(--dda-success-87);--dda-color-success-30:var(--dda-success-90);--dda-color-success-20:var(--dda-success-94);--dda-on-success-100:var(--dda-success-10);--dda-on-success-98:var(--dda-success-12);--dda-on-success-96:var(--dda-success-17);--dda-on-success-94:var(--dda-success-20);--dda-success-variant-96:var(--dda-success-30);--dda-success-variant-95:var(--dda-success-30);--dda-success-variant-94:var(--dda-success-25);--dda-success-variant-92:var(--dda-success-20);--dda-success-variant-90:var(--dda-success-12);--dda-on-success-variant-40:var(--dda-success-80);--dda-on-success-variant-30:var(--dda-success-80);--dda-on-success-variant-25:var(--dda-success-94);--dda-on-success-variant-20:var(--dda-success-96);--dda-on-success-variant-12:var(--dda-success-98)}:root{--dda-info-0:#000000;--dda-info-4:#001019;--dda-info-5:#00131C;--dda-info-6:#001620;--dda-info-10:#001E2B;--dda-info-12:#002331;--dda-info-17:#002E3F;--dda-info-20:#003548;--dda-info-22:#00394E;--dda-info-24:#003548;--dda-info-25:#004157;--dda-info-30:#004D66;--dda-info-35:#005977;--dda-info-40:#006687;--dda-info-50:#0080A9;--dda-info-60:#1A9CCA;--dda-info-70:#47B7E6;--dda-info-80:#73D2FF;--dda-info-87:#ACE1FF;--dda-info-90:#C1E8FF;--dda-info-92:#CEEDFF;--dda-info-94:#DBF1FF;--dda-info-95:#E2F3FF;--dda-info-96:#E8F6FF;--dda-info-98:#F4FAFF;--dda-info-99:#FBFCFF;--dda-info-100:#FFFFFF;--dda-color-info-50:var(--dda-info-50);--dda-color-info-40:var(--dda-info-47);--dda-color-info-30:var(--dda-info-30);--dda-color-info-20:var(--dda-info-20);--dda-on-info-100:var(--dda-info-100);--dda-on-info-98:var(--dda-info-98);--dda-on-info-96:var(--dda-info-96);--dda-on-info-94:var(--dda-info-94);--dda-info-variant-90:var(--dda-info-90);--dda-info-variant-95:var(--dda-info-95);--dda-info-variant-94:var(--dda-info-94);--dda-info-variant-92:var(--dda-info-92);--dda-info-variant-90:var(--dda-info-90);--dda-on-info-variant-40:var(--dda-info-40);--dda-on-info-variant-30:var(--dda-info-30);--dda-on-info-variant-25:var(--dda-info-25);--dda-on-info-variant-20:var(--dda-info-20);--dda-on-info-variant-12:var(--dda-info-12)}:root[data-theme='dark']{--dda-color-info-50:var(--dda-info-80);--dda-color-info-40:var(--dda-info-87);--dda-color-info-30:var(--dda-info-90);--dda-color-info-20:var(--dda-info-94);--dda-on-info-100:var(--dda-info-10);--dda-on-info-98:var(--dda-info-12);--dda-on-info-96:var(--dda-info-17);--dda-on-info-94:var(--dda-info-20);--dda-info-variant-96:var(--dda-info-30);--dda-info-variant-95:var(--dda-info-30);--dda-info-variant-94:var(--dda-info-25);--dda-info-variant-92:var(--dda-info-20);--dda-info-variant-90:var(--dda-info-12);--dda-on-info-variant-40:var(--dda-info-80);--dda-on-info-variant-30:var(--dda-info-80);--dda-on-info-variant-25:var(--dda-info-94);--dda-on-info-variant-20:var(--dda-info-96);--dda-on-info-variant-12:var(--dda-info-98)}:root{--dda-neutral-0:#000000;--dda-neutral-4:#0B0F0F;--dda-neutral-5:#0E1211;--dda-neutral-6:#101414;--dda-neutral-10:#191C1C;--dda-neutral-12:#1D2020;--dda-neutral-17:#272B2A;--dda-neutral-20:#2D3131;--dda-neutral-22:#323535;--dda-neutral-24:#363A39;--dda-neutral-25:#383C3C;--dda-neutral-30:#444747;--dda-neutral-35:#4F5353;--dda-neutral-40:#5B5F5E;--dda-neutral-50:#747877;--dda-neutral-60:#8E9191;--dda-neutral-70:#A9ACAB;--dda-neutral-80:#C4C7C6;--dda-neutral-87:#D8DAD9;--dda-neutral-90:#E0E3E2;--dda-neutral-92:#E6E9E8;--dda-neutral-94:#ECEEED;--dda-neutral-95:#EFF1F0;--dda-neutral-96:#F2F4F3;--dda-neutral-98:#F7FAF9;--dda-neutral-99:#FAFDFC;--dda-neutral-100:#FFFFFF;--dda-surface-100:var(--dda-neutral-100);--dda-surface-96:var(--dda-neutral-96);--dda-surface-94:var(--dda-neutral-94);--dda-surface-92:var(--dda-neutral-92);--dda-surface-90:var(--dda-neutral-90);--dda-surface-0:var(--dda-neutral-0);--dda-on-surface-10:var(--dda-neutral-10);--dda-on-surface-20:var(--dda-neutral-20);--dda-on-surface-30:var(--dda-neutral-30);--dda-on-surface-40:var(--dda-neutral-40);--dda-on-surface-0:var(--dda-neutral-0);--dda-on-surface-muted:var(--dda-neutral-40)}:root[data-theme='dark']{--dda-surface-0:var(--dda-neutral-100);--dda-surface-100:var(--dda-neutral-10);--dda-surface-96:var(--dda-neutral-24);--dda-surface-94:var(--dda-neutral-12);--dda-surface-92:var(--dda-neutral-17);--dda-surface-90:var(--dda-neutral-22);--dda-on-surface-0:var(--dda-neutral-100);--dda-on-surface-10:var(--dda-neutral-100);--dda-on-surface-20:var(--dda-neutral-90);--dda-on-surface-30:var(--dda-neutral-80);--dda-on-surface-40:var(--dda-neutral-70);--dda-on-surface-muted:var(--dda-neutral-70)}:root{--dda-neutral-variant-0:#000000;--dda-neutral-variant-4:#07100F;--dda-neutral-variant-5:#091312;--dda-neutral-variant-6:#0C1515;--dda-neutral-variant-10:#141D1D;--dda-neutral-variant-12:#182121;--dda-neutral-variant-17:#222C2B;--dda-neutral-variant-20:#293232;--dda-neutral-variant-22:#2D3736;--dda-neutral-variant-24:#313B3A;--dda-neutral-variant-25:#343D3D;--dda-neutral-variant-30:#3F4948;--dda-neutral-variant-35:#4A5453;--dda-neutral-variant-40:#56605F;--dda-neutral-variant-50:#6F7978;--dda-neutral-variant-60:#889392;--dda-neutral-variant-70:#A3ADAC;--dda-neutral-variant-80:#BEC9C7;--dda-neutral-variant-87:#D2DCDB;--dda-neutral-variant-90:#DAE5E3;--dda-neutral-variant-92:#E0EAE9;--dda-neutral-variant-94:#E6F0EE;--dda-neutral-variant-95:#E8F3F1;--dda-neutral-variant-96:#EBF6F4;--dda-neutral-variant-98:#F1FBFA;--dda-neutral-variant-99:#F4FEFD;--dda-neutral-variant-100:#FFFFFF;--dda-surface-variant-90:var(--dda-neutral-variant-90);--dda-surface-variant-87:var(--dda-neutral-variant-87);--dda-surface-variant-80:var(--dda-neutral-variant-80);--dda-on-surface-variant-40:var(--dda-neutral-variant-40);--dda-on-surface-variant-30:var(--dda-neutral-variant-30);--dda-on-surface-variant-25:var(--dda-neutral-variant-25);--dda-on-surface-variant-20:var(--dda-neutral-variant-20);--dda-on-surface-variant-12:var(--dda-neutral-variant-12)}:root[data-theme='dark']{--dda-surface-variant-90:var(--dda-neutral-variant-30);--dda-surface-variant-87:var(--dda-neutral-variant-25);--dda-surface-variant-80:var(--dda-neutral-variant-22);--dda-on-surface-variant-40:var(--dda-neutral-variant-70);--dda-on-surface-variant-30:var(--dda-neutral-variant-80);--dda-on-surface-variant-25:var(--dda-neutral-variant-94);--dda-on-surface-variant-20:var(--dda-neutral-variant-96);--dda-on-surface-variant-12:var(--dda-neutral-variant-98)}:root{--dda-color-purple:#904EDB;--dda-color-purple-50:#F1E9FF}:root[data-theme='green']{filter:invert(100%) !important}:root{--dda-fw-300:300 !important;--dda-fw-400:400 !important;--dda-fw-500:500 !important;--dda-fw-700:700 !important;--dda-fs-display-lg:3.563em;--dda-fs-display-md:2.813em;--dda-fs-display-sm:2.25em;--dda-fs-headline-lg:2em;--dda-fs-headline-md:1.75em;--dda-fs-headline-sm:1.5em;--dda-fs-title-lg:1.375em;--dda-fs-title-md:1.25em;--dda-fs-title-sm:1.125em;--dda-fs-body-lg:1em;--dda-fs-body-md:0.875em;--dda-fs-body-sm:0.75em;--dda-fs-label-lg:0.875em;--dda-fs-label-md:0.75em;--dda-fs-label-sm:0.625em;--dda-fs-tagline-lg:0.75em;--dda-fs-tagline-md:0.625em;--dda-fs-tagline-sm:0.5em;--dda-h1:3.563em;--dda-h2:3em;--dda-h3:2.5em;--dda-h4:2.063em;--dda-h5:1.75em;--dda-h6:1.438em;--dda-title:1.188em;--dda-body:1em;--dda-caption:0.813em;--dda-label:0.688em}.dda-fw-300{font-weight:var(--dda-fw-300)}.dda-fw-400{font-weight:var(--dda-fw-400)}.dda-fw-500{font-weight:var(--dda-fw-500)}.dda-fw-700{font-weight:var(--dda-fw-700)}.dda-fs-display-lg{font-size:var(--dda-fs-display-lg)}.dda-fs-display-md{font-size:var(--dda-fs-display-md)}.dda-fs-display-sm{font-size:var(--dda-fs-display-sm)}.dda-fs-headline-lg{font-size:var(--dda-fs-headline-lg)}.dda-fs-headline-md{font-size:var(--dda-fs-headline-md)}.dda-fs-headline-sm{font-size:var(--dda-fs-headline-sm)}.dda-fs-title-lg{font-size:var(--dda-fs-title-lg)}.dda-fs-title-md{font-size:var(--dda-fs-title-md)}.dda-fs-title-sm{font-size:var(--dda-fs-title-sm)}.dda-fs-body-lg{font-size:var(--dda-fs-body-lg)}.dda-fs-body-md{font-size:var(--dda-fs-body-md)}.dda-fs-body-sm{font-size:var(--dda-fs-body-sm)}.dda-fs-label-lg{font-size:var(--dda-fs-label-lg)}.dda-fs-label-md{font-size:var(--dda-fs-label-md)}.dda-fs-label-sm{font-size:var(--dda-fs-label-sm)}.dda-fs-tagline-lg{font-size:var(--dda-fs-tagline-lg)}.dda-fs-tagline-md{font-size:var(--dda-fs-tagline-md)}.dda-fs-tagline-sm{font-size:var(--dda-fs-tagline-sm)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.home-contents{width:90vw;margin:0 auto;padding:50px 20px 70px 20px}.quick-links-wrap{width:100%;position:absolute;bottom:calc(45px + var(--dda-sticky-footer-height, 0px));z-index:1}.quick-links{width:90vw;margin:0 auto;display:flex;gap:8px;padding:0 20px}.quick-links .link-item{width:100%;height:170px;display:block;background:var(--dda-surface-100);padding:27px 20px;border-radius:15px 15px;margin-top:15px;transition:all 0.5s ease;position:relative}.quick-links .link-item:hover{margin-top:-12px;border-radius:15px}.quick-links .link-item::after{opacity:0;content:'';position:absolute;top:100%;left:50%;margin-left:-4.5px;width:0;height:0;border:0 solid transparent;border-left-width:9px;border-right-width:9px;border-top:9px solid var(--dda-surface-100);transition:all 0.5s ease}.quick-links .link-item:hover::after{opacity:1}.quick-links .link-item svg{height:35px;margin-bottom:15px;color:var(--dda-on-surface-variant-40)}.quick-links .link-item i{display:block;width:fit-content;font-size:35px;line-height:1;margin-bottom:15px;color:var(--dda-on-surface-variant-40)}.quick-links .link-item .title{display:block;font-size:var(--dda-fs-title-sm);color:var(--dda-surface-0);font-weight:var(--dda-fw-700)}.quick-links .link-item .subtitle{display:block;font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-menu-container{position:relative}@media screen and (max-width: 992px){.slide-content p{width:100%}.quick-links-wrap{position:relative;bottom:45px}.quick-links-wrap .quick-links{display:grid;padding:20px 20px}.quick-links .link-item{height:auto;margin:0px;border:solid 1px #ddd;border-radius:15px}}@media only screen and (orientation: landscape) and (max-height: 600px){.slide-content h2{font-size:1.2rem}.slide-content p{font-size:1rem;margin-bottom:5px}}@media only screen and (orientation: landscape) and (max-width: 1600px){.quick-links .link-item{padding:13px;height:128px}.quick-links .link-item svg{height:20px;margin-bottom:5px}.quick-links .link-item i{font-size:20px;margin-bottom:5px}.quick-links .link-item .title{font-size:15px}.quick-links .link-item .subtitle{font-size:12px}}@media only screen and (orientation: landscape) and (max-width: 989px){.dda-head-logo .govt-logo img{height:39px}.transparent dda-header:not(.dda-scrolled) .dda-header::before{height:100%}}@media only screen and (orientation: landscape) and (max-width: 576px){.slide-content h2{font-size:0.8rem}.slide-content p{font-size:0.5rem;margin-bottom:5px}.slide-content .dda-btn{font-size:13px;padding:7px;height:auto}}.container-xxl{max-width:90vw !important}.dda-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--dda-surface-100);background-clip:border-box;border:1px solid var(--dda-surface-90);border-radius:12px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);overflow:hidden}.dda-card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem;display:flex;flex-direction:column;gap:10px}.dda-card-title{font-size:var(--dda-fs-title-sm);margin-bottom:0}.dda-card-text{font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-variant-30)}.dda-card-text-small{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-text-muted{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-img{width:100%;height:100%;object-fit:cover}.dda-card-icon{display:block;margin-bottom:15px}.dda-card-icon img{height:24px}.dda-card-link{display:flex;width:100%;align-items:center;justify-content:flex-end;color:var(--dda-color-primary-40);line-height:0;padding:5px 0px;font-size:var(--dda-fs-body-md)}.dda-card-link i{margin:0px 5px;font-size:var(--dda-fs-title-md)}.card-image-label{position:absolute;top:12px;left:12px}.dda-container,.dda-container-fluid,.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.dda-container-sm,.dda-container{max-width:540px}}@media (min-width: 768px){.dda-container-md,.dda-container-sm,.dda-container{max-width:720px}}@media (min-width: 992px){.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:960px}}@media (min-width: 1200px){.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1140px}}@media (min-width: 1400px){.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.dda-row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.dda-row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.dda-col{flex:1 0 0%}.dda-col-auto{flex:0 0 auto;width:auto}.dda-col-1{flex:0 0 auto;width:8.33333333%}.dda-col-2{flex:0 0 auto;width:16.66666667%}.dda-col-3{flex:0 0 auto;width:25%}.dda-col-4{flex:0 0 auto;width:33.33333333%}.dda-col-5{flex:0 0 auto;width:41.66666667%}.dda-col-6{flex:0 0 auto;width:50%}.dda-col-7{flex:0 0 auto;width:58.33333333%}.dda-col-8{flex:0 0 auto;width:66.66666667%}.dda-col-9{flex:0 0 auto;width:75%}.dda-col-10{flex:0 0 auto;width:83.33333333%}.dda-col-11{flex:0 0 auto;width:91.66666667%}.dda-col-12{flex:0 0 auto;width:100%}@media (min-width: 576px){.dda-col-sm{flex:1 0 0%}.dda-col-sm-auto{flex:0 0 auto;width:auto}.dda-col-sm-1{flex:0 0 auto;width:8.33333333%}.dda-col-sm-2{flex:0 0 auto;width:16.66666667%}.dda-col-sm-3{flex:0 0 auto;width:25%}.dda-col-sm-4{flex:0 0 auto;width:33.33333333%}.dda-col-sm-5{flex:0 0 auto;width:41.66666667%}.dda-col-sm-6{flex:0 0 auto;width:50%}.dda-col-sm-7{flex:0 0 auto;width:58.33333333%}.dda-col-sm-8{flex:0 0 auto;width:66.66666667%}.dda-col-sm-9{flex:0 0 auto;width:75%}.dda-col-sm-10{flex:0 0 auto;width:83.33333333%}.dda-col-sm-11{flex:0 0 auto;width:91.66666667%}.dda-col-sm-12{flex:0 0 auto;width:100%}}@media (min-width: 768px){.dda-col-md{flex:1 0 0%}.dda-col-md-auto{flex:0 0 auto;width:auto}.dda-col-md-1{flex:0 0 auto;width:8.33333333%}.dda-col-md-2{flex:0 0 auto;width:16.66666667%}.dda-col-md-3{flex:0 0 auto;width:25%}.dda-col-md-4{flex:0 0 auto;width:33.33333333%}.dda-col-md-5{flex:0 0 auto;width:41.66666667%}.dda-col-md-6{flex:0 0 auto;width:50%}.dda-col-md-7{flex:0 0 auto;width:58.33333333%}.dda-col-md-8{flex:0 0 auto;width:66.66666667%}.dda-col-md-9{flex:0 0 auto;width:75%}.dda-col-md-10{flex:0 0 auto;width:83.33333333%}.dda-col-md-11{flex:0 0 auto;width:91.66666667%}.dda-col-md-12{flex:0 0 auto;width:100%}}@media (min-width: 992px){.dda-col-lg{flex:1 0 0%}.dda-col-lg-auto{flex:0 0 auto;width:auto}.dda-col-lg-1{flex:0 0 auto;width:8.33333333%}.dda-col-lg-2{flex:0 0 auto;width:16.66666667%}.dda-col-lg-3{flex:0 0 auto;width:25%}.dda-col-lg-4{flex:0 0 auto;width:33.33333333%}.dda-col-lg-5{flex:0 0 auto;width:41.66666667%}.dda-col-lg-6{flex:0 0 auto;width:50%}.dda-col-lg-7{flex:0 0 auto;width:58.33333333%}.dda-col-lg-8{flex:0 0 auto;width:66.66666667%}.dda-col-lg-9{flex:0 0 auto;width:75%}.dda-col-lg-10{flex:0 0 auto;width:83.33333333%}.dda-col-lg-11{flex:0 0 auto;width:91.66666667%}.dda-col-lg-12{flex:0 0 auto;width:100%}}@media (min-width: 1200px){.dda-col-xl{flex:1 0 0%}.dda-col-xl-auto{flex:0 0 auto;width:auto}.dda-col-xl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xl-3{flex:0 0 auto;width:25%}.dda-col-xl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xl-6{flex:0 0 auto;width:50%}.dda-col-xl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xl-9{flex:0 0 auto;width:75%}.dda-col-xl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xl-12{flex:0 0 auto;width:100%}}@media (min-width: 1400px){.dda-col-xxl{flex:1 0 0%}.dda-col-xxl-auto{flex:0 0 auto;width:auto}.dda-col-xxl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xxl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xxl-3{flex:0 0 auto;width:25%}.dda-col-xxl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xxl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xxl-6{flex:0 0 auto;width:50%}.dda-col-xxl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xxl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xxl-9{flex:0 0 auto;width:75%}.dda-col-xxl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xxl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xxl-12{flex:0 0 auto;width:100%}}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-inline-grid{display:inline-grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.m-0{margin:0 !important}.m-1{margin:0.25rem !important}.m-2{margin:0.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:0.25rem !important;margin-left:0.25rem !important}.mx-2{margin-right:0.5rem !important;margin-left:0.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:0.25rem !important}.mt-2{margin-top:0.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:0.25rem !important}.me-2{margin-right:0.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:0.25rem !important}.mb-2{margin-bottom:0.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:0.25rem !important}.ms-2{margin-left:0.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:0.25rem !important}.p-2{padding:0.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:0.25rem !important;padding-left:0.25rem !important}.px-2{padding-right:0.5rem !important;padding-left:0.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:0.25rem !important}.pt-2{padding-top:0.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:0.25rem !important}.pe-2{padding-right:0.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:0.25rem !important}.pb-2{padding-bottom:0.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:0.25rem !important}.ps-2{padding-left:0.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.no-gutters{margin-right:0;margin-left:0}.dda-dashboard-header-main{background-color:var(--dda-surface-100)}.dda-db-header-top{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-bottom{display:flex;justify-content:space-between;align-items:center;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-left{display:flex;align-items:center;gap:15px}.dda-db-header-left .logo{width:100px;height:37px}.dda-dashboard-header-menu{display:flex;align-items:center}.dda-dashboard-header-menu ul{height:100%;margin:0;padding:0;display:flex;align-items:center}.dda-dashboard-header-menu ul li{display:inline-flex}.dda-dashboard-header-menu ul li a.menu-item{height:48px;display:flex;align-items:center;border-radius:8px;padding:0 16px;text-decoration:none;font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-0);font-weight:var(--dda-fw-400);position:relative}.dda-dashboard-header-menu.dda-menu-default ul li:hover a.menu-item{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40);font-weight:var(--dda-fw-700)}.dda-dashboard-header-menu.dda-menu-underline.full-height a.menu-item{height:69px}.dda-dashboard-header-menu.dda-menu-underline ul li:hover a.menu-item::after{content:"";width:calc(100% - 32px);height:4px;background:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;position:absolute;bottom:0;left:16px}.dda-db-header-right{display:flex;align-items:center;gap:10px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.dda-footer{box-shadow:0 -2px 13px 0 rgba(0, 0, 0, 0.12);background-color:var(--dda-surface-100);position:fixed;bottom:0;left:0;width:100%;z-index:5;padding:0 20px;transform:translateY(0);transition:transform 300ms ease-in-out}:root{scroll-padding-bottom:var(--dda-sticky-footer-height, 0px)}body{padding-bottom:var(--dda-sticky-footer-height, 0px)}.dda-footer.hidden{transform:translateY(100%)}.footer-content{height:64px;display:flex;align-items:center;justify-content:space-between}.dda-footer-item{display:flex;align-items:center}.dda-footer-item ul{display:inline-flex;align-items:center}.dda-footer-item ul li{padding:0 10px;border-inline-start:solid 1px #E0E3E2}.dda-footer-item ul li:first-child{border:0px}.foot-icon-btn a{height:40px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--dda-fs-body-lg);font-weight:500;color:var(--dda-color-primary-40)}.foot-icon-btn a img{height:32px}.dda-footer-item ul li.foot-menu{padding:0 5px}.foot-menu a{color:var(--dda-on-surface-0)}.foot-menu a i,.foot-menu a svg{font-size:20px;color:var(--dda-on-surface-variant-30);fill:var(--dda-on-surface-variant-30)}.foot-menu a img{height:40px}.foot-logo a{background-color:var(--dda-neutral-100);height:40px;display:flex;align-items:center}.foot-logo a img{height:35px}@media only screen and (orientation: landscape) and (max-width: 768px){.footer-content{height:44px}.dda-footer-item .foot-icon-btn a{width:35px;height:35px}}@media (max-width: 992px){.dda-footer{background:transparent;box-shadow:none}.foot-menu{display:none}.foot-icon-btn a span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.dda-footer-item ul li{padding:0 8px;border:0px !important}.foot-icon-btn a{width:48px;height:48px;background:#ffffff;border-radius:50px;box-shadow:0 6px 20px rgba(0, 0, 0, .2)}.foot-icon-btn a img{height:24px}}@media (max-width: 1400px){.dda-footer-middle{display:none}}.dda-dashboard-sidebar{position:fixed;top:0;left:0;height:100%;width:80px;background:var(--dda-surface-100);border-right:1px solid var(--dda-surface-90);z-index:100;transition:all 0.25s ease;padding-top:16px}.dda-dashboard-sidebar hr{border-color:var(--dda-color-surface-99)}.db-icon-logo{display:flex;align-items:center;padding:0px 17px;margin-bottom:15px}.db-icon-logo .db-logo{width:44px;height:44px;display:flex;gap:16px;align-items:center;padding:0px;border:transparent;background:transparent}.db-btn-container{display:flex;align-items:center;gap:16px;padding:0 27px}.db-btn-container .burdger-menu{background:none;outline:none;border:0px;padding:0px;font-size:16px;color:var(--dda-on-surface-variant-30)}.sidebar-open .db-btn-container{padding:0 14px}.db-btn-container .logo{width:100px;display:none}.sidebar-open .db-btn-container .logo{display:block}.db-logo .logo-icon{width:44px;height:44px}.sidebar-open .db-icon-logo{display:none}.db-logo .logo{display:none;width:150px}.sidebar-open .db-logo .logo{display:block}.dashboard-sidebar-menu{display:flex;flex-direction:column;padding:16px;gap:4px;transition:all 0.25s ease}.dashboard-sidebar-menu li{display:flex;justify-content:center}.dashboard-sidebar-menu li a{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;font-size:16px;color:var(--dda-on-surface-variant-30);font-weight:700;border-radius:5px}.dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40)}.dashboard-sidebar-menu li a i,.dashboard-sidebar-menu li a svg{font-size:20px}.dashboard-sidebar-menu .text-wrap{display:none;align-items:center;gap:12px}.dashboard-sidebar-menu .counter{display:none;height:20px;min-width:20px;border:solid 1px var(--dda-surface-90);border-radius:30px;font-size:14px;text-align:center}.dda-dashboard-sidebar.sidebar-open{width:280px}.sidebar-open .dashboard-sidebar-menu{padding:16px 0}.sidebar-open .dashboard-sidebar-menu li a{border-radius:0;width:100%;position:relative}.sidebar-open .dashboard-sidebar-menu li a::before{content:"";width:3px;height:100%;background-color:var(--dda-color-primary-40);position:absolute;top:0;left:0;opacity:0}.sidebar-open .dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94)}.sidebar-open .dashboard-sidebar-menu li a:hover::before{opacity:1}.dashboard-sidebar-menu .text-wrap{display:flex}.dashboard-sidebar-menu .menu-text{display:none}.dda-dashboard-sidebar.sidebar-open .counter{display:block}.dda-dashboard-sidebar.sidebar-open .menu-text{display:block}.dda-table-container{background:var(--dda-surface-100);border:solid 1px var(--dda-surface-90);border-radius:10px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-table-header,.dda-table-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 16px 24px}.dda-table-header-content{color:var(--dda-on-surface-0);display:flex;justify-content:space-between;align-items:center;gap:10px}.dda-table{width:100%;border-collapse:collapse}.dda-table th,.dda-table td{color:var(--dda-on-surface-0);text-align:justify;padding:12px 24px;border:0px;border-top:solid 1px var(--dda-surface-90);border-bottom:solid 1px var(--dda-surface-90)}.dda-table th{background-color:var(--dda-surface-96);font-size:14px;font-weight:var(--dda-fw-500)}.dda-table-sm th,.dda-table-sm td{padding:8px}.dda-table-striped tbody tr:nth-of-type(even){background-color:var(--dda-surface-96)}.dda-payment-info{display:inline-flex;align-items:center;gap:15px}.dda-payment-icon{width:58px;height:40px;padding:6px;border:solid 1px var(--dda-surface-90);border-radius:8px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.WB-footer{background-color:var(--dda-surface-100);color:var(--dda-on-surface-variant-30)}.WB-footer .entt-logo{width:135px}.WB-footer .footer-menu{display:flex;flex-direction:column;gap:12px}.WB-footer .footer-menu a{color:var(--dda-on-surface-variant-30)}.WB-footer .footer-menu a:hover{color:var(--dda-color-primary-40)}.WB-footer .line-seperater{border-bottom:solid 1px #E0E3E2;padding-top:36px;padding-bottom:36px}.footer-social-icn{width:24px;height:24px}@media screen and (max-width: 992px){.WB-footer .line-seperater{padding-top:26px;padding-bottom:26px}}.dda-header{width:100%;height:auto;background:var(--dda-surface-100);transition:all 300ms ease-in-out;box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13);position:fixed;top:0;left:0;z-index:6}.dda-header.white{background:var(--dda-surface-100) !important}.dda-header .dda-container-fluid{position:relative}.transparent dda-header:not(.dda-scrolled) .dda-header{background:transparent;box-shadow:none}.transparent dda-header:not(.dda-scrolled) .dda-header::before{content:"";width:100%;height:250px;pointer-events:none;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.dda-header.white::before{display:none !important}.dda-head-logo{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative}.govt-logo img{height:70px}.entt-logo img{height:44px}.transparent dda-header:not(.dda-scrolled) .logo-colored{display:none}.logo-white{display:none}.transparent dda-header:not(.dda-scrolled) .logo-white{display:block}.dda-header.white .dda-head-logo .logo-white,:root[data-theme='dark'] .dda-head-logo .logo-colored{display:none}.dda-header.white .dda-head-logo .logo-colored,:root[data-theme='dark'] .dda-head-logo .logo-white{display:block}.dda-menu-container{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.dda-main-navigation{display:flex;align-items:center;gap:10px}.dda-menu-overley{width:100%;height:100vh;background:#0000007e;position:fixed;top:0;left:0;z-index:1;display:none}.dda-menu-overley.show-overley{display:block}.hamburger-menu{display:flex;align-items:center}.hamburger-menu>dda-tooltip{height:40px;display:inline-flex;align-items:center}.hamburger-menu-btn{width:40px;height:40px;padding:0;background-color:transparent;border:transparent;position:relative}.hamburger-menu-btn::before,.hamburger-menu-btn::after{content:""}.hamburger-menu-btn::before,.hamburger-menu-btn::after,.hamburger-line{content:"";width:21px;height:2px;border-radius:4px;background-color:var(--dda-on-surface-30);position:absolute;left:9.5px}.hamburger-menu-btn::before{top:14px}.hamburger-menu-btn::after{top:24px}.hamburger-line{top:19px}.hamburger-menu-btn:hover::before,.hamburger-menu-btn:hover::after,.hamburger-menu-btn:hover .hamburger-line{background-color:var(--dda-color-primary-40)}.transparent dda-header:not(.dda-scrolled) .hamburger-menu-btn::before,.transparent dda-header:not(.dda-scrolled) .hamburger-menu-btn::after,.transparent dda-header:not(.dda-scrolled) .hamburger-line{background-color:var(--dda-neutral-100) !important}.hamburger-menu-btn.close-menu .hamburger-line{display:none}.hamburger-menu-btn.close-menu::before{transform:rotate(45deg);top:19px}.hamburger-menu-btn.close-menu::after{transform:rotate(-45deg);top:19px}.hamburger-menu-text{width:0;height:0;opacity:0;position:absolute}.close-btn{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;background:none;border:0;font-size:1.5em;z-index:10;color:#999999;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.dda-mega-menu{margin:0;padding:0;list-style:none;display:flex;align-items:center}.dda-mega-menu>li>a{display:block;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);padding:20px 16px;position:relative}.dda-mega-menu>li:hover>a,.dda-mega-menu>li>a.active{color:var(--dda-color-primary-40)}.transparent dda-header:not(.dda-scrolled) .dda-mega-menu>li>a{color:var(--dda-neutral-100)}.dda-mega-menu>li>a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;background-color:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;transform:translateX(-50%);transition:all 0.25s ease-in-out}.transparent dda-header:not(.dda-scrolled) .dda-mega-menu>li>a::after{background-color:var(--dda-neutral-100)}.dda-mega-menu>li:hover>a::after,.dda-mega-menu>li>a:focus-visible:after,.dda-mega-menu>li>a.active::after{width:calc(100% - 32px)}.megamenu-content{display:none;width:100%;padding:0 15px;position:fixed;top:150px;left:0}.megamenu-item{min-height:350px;background:var(--dda-surface-100);border-radius:8px;margin:0 auto;padding:42px 15px;box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1);position:relative}.megamenu-item .mega-menu-title{height:24px;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);text-transform:uppercase;padding-inline-start:69px;margin-bottom:10px}.megamenu-item ul{display:flex;flex-direction:column;gap:8px;list-style:none}.megamenu-link{width:100%;display:flex;align-items:center;gap:15px;padding:10px 16px;background:var(--dda-surface-100);color:var(--dda-on-surface-0);border-radius:8px;transition:all 500ms ease}.megamenu-link .dda-btn{background:var(--dda-neutral-variant-94) !important}.megamenu-link .dda-btn i{color:var(--dda-color-primary-40)}.megamenu-link .text-wrap{display:flex;flex-direction:column;width:100%}.megamenu-link:hover .title-text{color:var(--dda-color-primary-40)}.megamenu-link:hover{background:var(--dda-neutral-variant-96)}.megamenu-link .arrow-icon{color:var(--dda-color-primary-40);opacity:0;transition:all 500ms ease}:root[dir='rtl'] .megamenu-link .arrow-icon{transform:rotate(180deg)}.megamenu-link:hover .arrow-icon{opacity:1}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul,.dda-toolbar-menu-sidemenu ul{display:flex;gap:10px;justify-content:center;margin:0px}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-height:40px;min-width:40px;background-color:var(--dda-surface-96);font-size:14px;color:var(--dda-on-surface-10);font-weight:var(--dda-fw-700);border:0px;padding:8px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu ul li .tool-btn,.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu-sidemenu ul li .tool-btn{background-color:var(--dda-neutral-17);color:var(--dda-neutral-100)}.dda-toolbar-menu ul li .tool-btn img,.dda-toolbar-menu-sidemenu ul li .tool-btn img{height:17px;width:17px}.dda-toolbar-menu ul li .tool-btn i,.dda-toolbar-menu ul li .tool-btn svg,.dda-toolbar-menu-sidemenu ul li .tool-btn i,.dda-toolbar-menu-sidemenu ul li .tool-btn svg{font-size:24px;width:24px;height:24px;color:var(--dda-on-surface-variant-30)}.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu ul li .tool-btn i,.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu ul li .tool-btn svg,.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu-sidemenu ul li .tool-btn i,.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu-sidemenu ul li .tool-btn svg{color:var(--dda-neutral-100)}.dda-search{position:relative}.dda-search i,.dda-search svg{position:absolute;top:10px;inset-inline-start:13px}.dda-search input[type="text"]{width:90px;height:40px;background-color:transparent;border:0px;color:var(--dda-on-surface-0);border-radius:100px;padding-inline-start:33px;padding-inline-end:10px;transition:all 250ms ease}.dda-search input[type="text"]:focus{width:250px;outline:0}.dda-search:focus-within{box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}.dda-mobile-search button:focus-visible,.dda-toolbar-menu-sidemenu ul li .tool-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}.dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-on-surface-0)}.dda-search input[type="text"]::placeholder{color:var(--dda-on-surface-0)}.transparent dda-header:not(.dda-scrolled) .dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-neutral-100)}.transparent dda-header:not(.dda-scrolled) .dda-search input[type="text"]::placeholder{color:var(--dda-neutral-100)}.dda-sidemenu{display:none;width:375px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:fixed;top:0px;inset-inline-start:-375px;bottom:0px;z-index:9;transition:left 0.5s ease}.dda-sidemenu-content{display:flex;flex-direction:column;gap:15px;padding:32px;overflow-y:auto;overscroll-behavior:contain;height:100%}.dda-sidemenu-content::-webkit-scrollbar{width:6px}.dda-sidemenu-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.dda-sidemenu-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.dda-sidemenu-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-side-nav-title{font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);text-transform:uppercase;color:var(--dda-on-surface-0)}ul.main_side_menu{margin:0;margin-bottom:30px;padding:0px}ul.main_side_menu li{list-style:none;padding:0}ul.main_side_menu li a{display:flex;justify-content:space-between;padding-top:13px;padding-bottom:14px;text-decoration:none;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0);border-bottom:1px solid var(--dda-surface-90);width:100%;cursor:pointer;position:relative}.main_sub_menu>ol>li:last-child>a{border-bottom:0}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{content:"";width:9px;height:9px;border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:50%;inset-inline-end:3px;margin-top:-4.5px;transform:rotate(-45deg);transition:all 250ms ease}ul.main_side_menu li a i{display:block}:root[dir='rtl'] ul.main_side_menu li a i{transform:rotate(180deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(135deg)}:root[dir='rtl'] .material-icons{direction:rtl}ul.main_side_menu li a:hover,ul.main_side_menu li a.icon_arrow{color:var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);padding-bottom:13px}ul.main_side_menu li a.showSub.icon_arrow::after,ul.main_side_menu li a.showSubSub.icon_arrow::after{border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40)}ul.main_side_menu li .main_sub_menu{display:none;position:fixed;margin-top:-50px;inset-inline-start:380px;width:350px;background:var(--dda-surface-100);padding:25px 20px 15px 20px;border-radius:10px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12)}ul.main_side_menu li .main_sub_menu.showSubMenu{display:block}.main_sub_menu ol{padding:0px}ul.main_side_menu .main_sub_menu{padding:25px 10px 15px 20px}.main_sub_menu>ol{max-height:300px;overflow:auto;padding:2px 2px 10px 2px}.dda-side-nav__title{font-size:1em;color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);text-transform:uppercase;margin-bottom:10px}.main_sub_menu>ol::-webkit-scrollbar{width:3px}.main_sub_menu>ol::-webkit-scrollbar-track{background:#fafafa}.main_sub_menu>ol::-webkit-scrollbar-thumb{background:var(--dda-neutral-variant-92)}.main_sub_menu>ol::-webkit-scrollbar-thumb:hover{background:var(--dda-neutral-variant-92)}.main_sub_menu li{position:relative}ul.main_side_menu .main_sub_menu .main_sub_menu{inset-inline-start:735px}ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu{inset-inline-start:1090px}.side-nav-close-btn{top:1.5rem;inset-inline-end:1.5rem}.dda-sidemenu-bottom{width:100%;position:fixed;inset-inline-start:0;bottom:0;display:none}.dda-sidemenu-gov-logo{display:flex;justify-content:center}.dda-sidemenu-gov-logo a{display:inline-block}.dda-sidemenu-gov-logo img{height:44px}.dda-accessibility-wrap{width:100%;padding:0 10px;position:fixed;top:185px;left:0}.dda-accessibility{max-width:880px;margin:0 auto;background:var(--dda-surface-100);padding:20px;border-radius:8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:relative;display:none;transition:left 0.5s ease}.mobile-accessibility{position:absolute;top:0px;z-index:10;height:100%}.dda-accessibility-item{border-inline-start:solid 1px #E5E5E5}.dda-accessibility .dda-row .dda-accessibility-item:first-child{border:0px}.dda-theme-list{display:flex;flex-direction:column;gap:8px}.close_accessibility{top:5px;inset-inline-end:5px}.dda-mobile-entt-logo,.dda-mobile-search{display:none;overflow:hidden}.dda-mobile-search button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:transparent}.dda-mobile-search button i,.dda-mobile-search button svg{font-size:24px;width:24px;height:24px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search button svg{fill:var(--dda-on-surface-variant-30)}.transparent dda-header:not(.dda-scrolled) .dda-mobile-search button i,.transparent dda-header:not(.dda-scrolled) .dda-mobile-search button svg{color:var(--dda-neutral-100)}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.transparent dda-header:not(.dda-scrolled) .dda-header::before{height:130px}.dda-header{padding:0 !important}.dda-menu-overley{display:none !important}.side-nav-close-btn{display:block}.dda-menu-container{height:80px;position:relative}.dda-head-logo{display:none}.dda-mobile-entt-logo,.dda-mobile-search{display:block}.dda-mobile-entt-logo img{height:40px}.dda-toolbar-menu{position:absolute;width:0;display:none}.dda-toolbar-menu ul li .tool-btn{display:none}.dda-accessibility-wrap{top:81px;padding:0}.dda-accessibility-wrap .dda-accessibility{height:calc(100vh - 82px);border-radius:0px;box-shadow:none}.dda-accessibility .dda-row{gap:30px}.dda-accessibility-item{border:0px}.dda-sidemenu-content{height:calc(100% - 130px);padding:32px 17px 32px 32px}.dda-sidemenu .dda-sidemenu-bottom{display:block;position:initial}.main_side_menu .dda-side-nav__title{display:none}.main_side_menu_wrap{height:calc(100% - 100px);overflow:auto;padding:5px}.main_side_menu_wrap::-webkit-scrollbar{width:3px}.main_side_menu_wrap::-webkit-scrollbar-track{background:#fafafa}.main_side_menu_wrap::-webkit-scrollbar-thumb{background:#e7e7e7}.main_side_menu_wrap::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.dda-sidemenu{width:100%;top:80px;padding-inline-end:15px}ul.main_side_menu li .main_sub_menu{position:inherit !important;inset-inline-start:inherit !important;top:inherit ! Important;margin:0px !important;width:100% !important;padding:0px;padding-inline-start:10px;box-shadow:none}ul.main_side_menu li a.icon_arrow::after{transform:rotate(45deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub.icon_arrow::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub.icon_arrow::after{transform:rotate(45deg)}.main_sub_menu>ol>li:last-child>a{border-bottom:1px solid #00000022}ul.main_side_menu li a.icon_arrow,ul.main_side_menu .main_sub_menu li a .icon_arrow{color:var(--dda-color-primary-40)}ul.main_side_menu .main_sub_menu ol{height:auto;max-height:none;padding:0}.maincontent{padding-top:100px}}@media (max-width: 1024px){.dda-mega-menu{display:none}.dda-header{padding:10px 0}}@media screen and (max-width: 1160px) and (min-width: 1024px){.dda-mega-menu>li>a{font-size:var(--dda-fs-body-md)}}@media only screen and (orientation: landscape) and (max-width: 989px){.dda-head-logo{padding-top:5px;padding-bottom:5px}.dda-head-logo .entt-logo img{height:39px}.dda-toolbar-menu{padding:5px 0}}@media only screen and (orientation: landscape) and (max-width: 768px){.dda-menu-container{height:40px;position:relative}.dda-mobile-entt-logo img{height:25px}.dda-sidemenu{top:40px}.dda-sidemenu-gov-logo img{height:27px}.dda-sidemenu-content{height:calc(100% - 75px)}.dda-toolbar-menu ul li .tool-btn{height:40px;min-width:40px;padding:8px}ul.main_side_menu li a{padding-top:5px;padding-bottom:5px}.dda-accessibility-wrap{top:41px}.dda-accessibility-wrap .dda-accessibility{height:150px;overflow-y:auto}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-width:40px;padding:8px}}.dda-mobile-search-panel{position:absolute;top:100%;inset-inline:0;padding:12px 16px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);z-index:8}.dda-mobile-search-panel[hidden]{display:none}.dda-mobile-search-form{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--dda-surface-90);border-radius:100px;padding-inline-start:12px}.dda-mobile-search-form:focus-within{box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}.dda-mobile-search-form>i{font-size:24px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search-form input{flex:1;min-width:0;height:44px;border:0;background:transparent;color:var(--dda-on-surface-0);font-size:var(--dda-fs-body-lg);outline:0}.dda-mobile-search-close{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:100px;background:transparent;color:var(--dda-on-surface-variant-30)}.dda-mobile-search-close:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}@media screen and (min-width: 768px){.dda-mobile-search-panel{display:none}}:root{--font-family-main:'Dubai', sans-serif}body{background-color:var(--dda-surface-100) !important;font-family:"Dubai", Helvetica, sans-serif !important;font-size:var(--dda-fs-body-lg) !important;font-weight:var(--dda-fw-400) !important;line-height:1.5;color:var(--dda-on-surface-0) !important;margin:0}*{box-sizing:border-box}ul{margin:0}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1,.dda-h1{font-size:var(--dda-h1);font-weight:400}h2,.dda-h2{font-size:var(--dda-h2);font-weight:400}h3,.dda-h3{font-size:var(--dda-h3);font-weight:400}h4,.dda-h4{font-size:var(--dda-h4);font-weight:400}h5,.dda-h5{font-size:var(--dda-h5);font-weight:400}h6,.dda-h6{font-size:var(--dda-h6);font-weight:400}.dda-title{font-size:var(--dda-title);font-weight:500}.dda-body{font-size:var(--dda-body);font-weight:400}.dda-caption{font-size:var(--dda-caption);font-weight:400}.dda-label{font-size:var(--dda-label);font-weight:400}a,a:hover{text-decoration:none !important}:where(p,td,dd,blockquote,figcaption) a:not([class]),:where(p,td,dd,blockquote,figcaption) a:not([class]):hover{text-decoration:underline !important}button{cursor:pointer}ul{margin:0 !important;padding:0 !important;list-style:none}.dda-btn.cta-transparent{background:none;color:#ffffff;border:0px}.dda-btn.cta-transparent:hover{background:#ffffff;color:inherit}.dda-bg-primary{background-color:var(--dda-color-primary-40)}.dda-bg-secondary{background-color:var(--dda-color-secondary)}.dda-color-primary{color:var(--dda-color-primary-40)}.dda-color-secondary{color:var(--dda-color-primary-40)}.dda-color-error{color:var(--dda-color-error-40)}.dda-color-warning{color:var(--dda-color-warning-40)}.dda-color-success{color:var(--dda-color-warning-40)}.dda-color-info{color:var(--dda-color-info-40)}.dda-color-neutral{color:var(--dda-on-surface-40)}.dda-color-neutralvariant{color:var(--dda-on-surface-variant-40)}.dda-color-black{color:var(--dda-on-surface-0)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.dda-rounded-sm{border-radius:4px !important}.dda-rounded-md{border-radius:8px !important}.dda-rounded-lg{border-radius:12px !important}.dda-rounded-circle{border-radius:100px !important}.dda-gap-16{gap:4rem !important}.dda-gap-12{gap:3rem !important}.dda-gap-10{gap:2.5rem !important}.dda-gap-8{gap:2rem !important}.dda-gap-6{gap:1.5rem !important}.dda-gap-5{gap:1.25rem !important}.dda-gap-4{gap:1rem !important}.dda-gap-3{gap:.75rem !important}.dda-gap-2{gap:.5rem !important}.dda-gap-1{gap:0.375rem !important}::-ms-input-placeholder{color:#8E9191}::placeholder{color:#8E9191}.dda-d-none{display:none}.dda-flex{display:flex}.dda-flex-column{flex-direction:column}.dda-inline-flex{display:inline-flex}.dda-align-center{align-items:center}.dda-justify-space{justify-content:space-between}.dda-justify-center{justify-content:center}.m-0{margin:0px !important}.p-0{padding:0px !important}.py-0{padding-top:0px !important;padding-bottom:0px !important}.border-right{border-inline-end:solid 1px #E5E5E5}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.maincontent{padding-top:100px}}`;
6
6
 
7
7
  const DdaFooter = class {
8
8
  constructor(hostRef) {
9
9
  registerInstance(this, hostRef);
10
+ /** Heading level (1 to 6) of `footerTitle`, to fit the page's heading order. Default: `4`. */
11
+ this.heading_level = 4;
10
12
  }
11
13
  parseJsonArray(jsonString) {
12
14
  try {
@@ -20,7 +22,11 @@ const DdaFooter = class {
20
22
  render() {
21
23
  const sections = this.parseJsonArray(this.footerSections);
22
24
  const icons = this.parseJsonArray(this.socialIcons);
23
- return (h("footer", { key: '6657c50eff682e64e6b269d7a2cf0ffa2a1d21b5', class: "WB-footer" }, h("div", { key: 'be415ac4d6e483730df3314082d79af16857acce', class: "dda-container line-seperater" }, h("div", { key: '7558145a98fd1d3cc5ab1badd20b1679a5fade8e', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h("h4", { key: 'f2a1dbf62ea90256ab9c466ddf464bf2db79b352', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: '0e9fa41a059d08fb54781e1760756135512b203a', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: '8451368d1bccd69eed276ca2e4b529bffce1bd1d', class: "dda-flex dda-gap-5" }, h("dda-button", { key: 'e4da885d7a0f53cdef66b147cebb018e639e2e2f', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: 'a95e98fa9d15b8daa7c42507e1d6d3d43cd1119b', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: 'f1e25c4c14f5337325f772b0a6cfaae38b696597', class: "dda-container line-seperater" }, h("div", { key: '3c6484c94ba27eff6407dc402761b40130089019', class: "dda-row" }, h("div", { key: '57303485ca96d8d69955296be8c3e13edb127186', class: "dda-col-lg-4 mb-3" }, h("div", { key: 'bb38dba4e7aa677b0dbd576235462e18630c721a', class: "text-center" }, h("img", { key: 'a0753f43dd43aa0f8762b44e08f27cb61ae2e90e', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), h("p", { key: 'c085e81867a6c1479bb9dbbd447e27d603906240', class: "dda-fs-title-sm" }, "Design outstanding interfaces with advanced Figma features in a matter of minutes."))), h("div", { key: 'cfe1db4dff6209067c8c3d3b238539b0e05ca089', class: "dda-col-lg-8" }, h("div", { key: 'c8ca286ee2b2e57dac56a75224ecc52096e1995f', class: "dda-row" }, sections.map((section) => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map((link) => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: '04db59e1c745c1f5c25f5f0e3de672370fbb9eb0', class: "dda-container pt-4" }, h("div", { key: '17f57c90b21973ebe0ec71e35e27af232875283f', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '4a70f6bc20d0e208b555bc381b6c47d1714bff74', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: 'dce8f8b9150f97b61e8c26363acdfff83009e609', class: "dda-flex dda-align-center dda-gap-4" }, icons.map((icon) => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
25
+ // Clamp to a valid heading element; the classes keep the same look at every level.
26
+ const requestedLevel = Math.round(Number(this.heading_level));
27
+ const level = Number.isNaN(requestedLevel) ? 4 : Math.min(6, Math.max(1, requestedLevel));
28
+ const TitleTag = `h${level}`;
29
+ return (h("footer", { key: '521caff9c6c521f0ead1a0ae11677769930328e1', class: "WB-footer" }, h("div", { key: '46129fc9bf4e99b05ec489538ebc73e48afe202a', class: "dda-container line-seperater" }, h("div", { key: 'd43a87a3fca769911595517f48b9f3985cc4b899', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h(TitleTag, { key: 'b9d3bc417c4f039816584ac6cec62e189acc098d', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: 'e7f7b0bf9098e8ec371f37935c5f5cd1d78d9ded', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: '95de23ef3068e49bc5b0ce4c4eba6714fb17f32c', class: "dda-flex dda-gap-5" }, h("dda-button", { key: 'bb8802b5b0d2749f7484fb2e8c4b26d8979bb977', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: 'ab82dcb1b4acd031dc464a917d853e8b2f26e862', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: '9f08aec61f1f268cb0dc84051d7658e8bd408edd', class: "dda-container line-seperater" }, h("div", { key: '1016ef66bea421c57f8812666ec6e9ef5f512381', class: "dda-row" }, h("div", { key: '1b5f215c919718ce80ad1e5f3fe5141110c629ea', class: "dda-col-lg-4 mb-3" }, h("div", { key: 'a2fd45a7c6280332aed7c91a090cbe136b394f16', class: "text-center" }, h("img", { key: 'bf94335f5522b8c92b857a61bbfda0ebb130bce9', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), this.logoDescription && h("p", { key: '3b9ed6c844a84dc776dbc278b7dddf640be93517', class: "dda-fs-title-sm" }, this.logoDescription))), h("div", { key: '47d6e05b4346b64d3127c02de78046f548570582', class: "dda-col-lg-8" }, h("div", { key: '7c70dbb05573e1e4f045350e8a4c65da0d42c121', class: "dda-row" }, sections.map((section) => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map((link) => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: '071adeab6bac91d82851d40a90a15cc28620f87b', class: "dda-container pt-4" }, h("div", { key: '19d9d4c2aa5e05a0d167da58a8cc2912d5275d1b', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '2027228124320bbdb6606787bffb726cd18e95c0', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: '23e2aa0f8b3582335e3934b22cfd86ba8836b82b', class: "dda-flex dda-align-center dda-gap-4" }, icons.map((icon) => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
24
30
  }
25
31
  };
26
32
  DdaFooter.style = ddaFooterCss() + globalCss();
package/dist/esm/dda-header.entry.js CHANGED
@@ -1,7 +1,9 @@
1
- import { r as registerInstance, c as createEvent, h } from './index-Cq6A4mXg.js';
1
+ import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D6L6zgH9.js';
2
2
 
3
- const ddaHeaderCss = () => `:root{scroll-padding-top:170px}@media screen and (max-width: 767px){:root{scroll-padding-top:100px}}`;
3
+ const ddaHeaderCss = () => `:root{scroll-padding-top:170px}@media screen and (max-width: 767px){:root{scroll-padding-top:100px}}:root.dda-scroll-lock{overflow:hidden;scrollbar-gutter:stable}:root.dda-scroll-lock body{overflow:hidden}`;
4
4
 
5
+ // Gives each header its own search input ids, so several headers on a page do not clash.
6
+ let headerInstanceCount = 0;
5
7
  const DdaHeader = class {
6
8
  constructor(hostRef) {
7
9
  registerInstance(this, hostRef);
@@ -13,15 +15,30 @@ const DdaHeader = class {
13
15
  this.blindContrast = createEvent(this, "blindContrast");
14
16
  this.redContrast = createEvent(this, "redContrast");
15
17
  this.greenContrast = createEvent(this, "greenContrast");
18
+ this.searchSubmit = createEvent(this, "searchSubmit");
19
+ /** Link URL of the first logo in the header and the side menu. Default: `/`. */
20
+ this.firstLogoHref = '/';
21
+ /** Link URL of the second logo on desktop and mobile. Default: `/`. */
22
+ this.secondLogoHref = '/';
23
+ /** `lang` attribute of the language buttons, the language of `language_text`. Default: `ar`. */
24
+ this.language_lang = 'ar';
16
25
  this.isMenuOpen = false;
17
26
  this.isSubMenuOpen = false;
18
27
  this.isSideSubMenuOpen = false;
19
28
  this.isAccessibiltyOpen = false;
29
+ this.isSearchOpen = false;
30
+ this.searchId = `dda-header-search-${++headerInstanceCount}`;
31
+ this.focusSearchAfterRender = false;
20
32
  this.lastScrollTop = 0;
33
+ /** Accessible name of the hamburger menu button (visually hidden text). Default: `Menu`. */
34
+ this.menu_button_label = 'Menu';
21
35
  this.openMenus = {};
22
36
  this.activeMenuIndex = null;
23
37
  this.toggleEscapeKey = (event) => {
24
38
  if (event.key === 'Escape') {
39
+ if (this.isSearchOpen) {
40
+ this.closeMobileSearch();
41
+ }
25
42
  this.isMenuOpen = false;
26
43
  this.isAccessibiltyOpen = false;
27
44
  this.isSubMenuOpen = false;
@@ -29,6 +46,29 @@ const DdaHeader = class {
29
46
  this.activeMenuIndex = null;
30
47
  }
31
48
  };
49
+ this.handleSearchSubmit = (event) => {
50
+ const input = event.currentTarget.querySelector('input');
51
+ const query = input.value.trim();
52
+ if (!query) {
53
+ event.preventDefault();
54
+ input.focus();
55
+ return;
56
+ }
57
+ const searchEvent = this.searchSubmit.emit({ query });
58
+ // Without a results URL there is nowhere to go; a cancelled event means the app routes itself.
59
+ if (searchEvent.defaultPrevented || !this.search_action) {
60
+ event.preventDefault();
61
+ }
62
+ };
63
+ this.openMobileSearch = () => {
64
+ this.focusSearchAfterRender = true;
65
+ this.isSearchOpen = true;
66
+ };
67
+ this.closeMobileSearch = () => {
68
+ var _a;
69
+ this.isSearchOpen = false;
70
+ (_a = this.mobileSearchButton) === null || _a === void 0 ? void 0 : _a.focus();
71
+ };
32
72
  this.handleOutsideClick = (event) => {
33
73
  let isClickInsideMenu = event.target.closest('.main_side_menu');
34
74
  if (!isClickInsideMenu) {
@@ -62,6 +102,7 @@ const DdaHeader = class {
62
102
  }
63
103
  };
64
104
  this.handleScroll = () => {
105
+ this.updateScrolled();
65
106
  const scrollTop = window.scrollY;
66
107
  const menuContainer = document.querySelector('.dda-menu-container');
67
108
  const logoContainer = document.querySelector('.dda-header');
@@ -124,8 +165,10 @@ const DdaHeader = class {
124
165
  return (h("div", { class: `main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}` }, subMenu[0].headerLabel && (h("p", { class: "dda-side-nav__title" }, subMenu[0].headerLabel)), h("ol", null, subMenu.map((item, index) => {
125
166
  const currentIndex = `${parentLi}-${index}`;
126
167
  return (h("li", { key: currentIndex }, h("a", { href: item.href, class: item.subMenu && item.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
127
- e.preventDefault();
128
- this.toggleSidebarSubMenu(currentIndex);
168
+ if (item.subMenu && item.subMenu.length > 0) {
169
+ e.preventDefault();
170
+ this.toggleSidebarSubMenu(currentIndex);
171
+ }
129
172
  } }, item.label), this.renderSubMenu(item.subMenu, currentIndex)));
130
173
  }))));
131
174
  };
@@ -156,6 +199,7 @@ const DdaHeader = class {
156
199
  this.openMenus = newOpenMenus;
157
200
  }
158
201
  componentDidLoad() {
202
+ this.updateScrolled();
159
203
  window.addEventListener('scroll', this.handleScroll);
160
204
  document.addEventListener('click', this.handleOutsideClick);
161
205
  document.addEventListener('keydown', this.toggleEscapeKey);
@@ -165,8 +209,37 @@ const DdaHeader = class {
165
209
  disconnectedCallback() {
166
210
  window.removeEventListener('scroll', this.handleScroll);
167
211
  document.removeEventListener('click', this.handleOutsideClick);
212
+ document.removeEventListener('keydown', this.toggleEscapeKey);
168
213
  document.removeEventListener('click', this.handleOutsideAccessibilityClick);
169
- document.addEventListener('click', this.handleOutsideMegaMenuClick);
214
+ document.removeEventListener('click', this.handleOutsideMegaMenuClick);
215
+ this.lockPageScroll(false);
216
+ }
217
+ // While the side menu is open, the page underneath must not scroll; the menu itself still does.
218
+ onMenuOpenChange(isOpen) {
219
+ this.lockPageScroll(isOpen);
220
+ }
221
+ lockPageScroll(lock) {
222
+ document.documentElement.classList.toggle('dda-scroll-lock', lock);
223
+ }
224
+ componentDidUpdate() {
225
+ var _a;
226
+ // The panel is hidden until this render, so focus can only move into it now.
227
+ if (this.focusSearchAfterRender) {
228
+ this.focusSearchAfterRender = false;
229
+ (_a = this.mobileSearchInput) === null || _a === void 0 ? void 0 : _a.focus();
230
+ }
231
+ }
232
+ renderSearchInput(id, ref) {
233
+ return [
234
+ h("label", { htmlFor: id, class: "visually-hidden" }, this.searchText || 'Search'),
235
+ h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"),
236
+ h("input", { name: this.search_input_name || 'q', type: "text", id: id, placeholder: this.searchText || 'Search', enterkeyhint: "search", autocomplete: "off", ref: ref }),
237
+ ];
238
+ }
239
+ // The transparent style (<body class="transparent">) shows only at the top of the page.
240
+ // Below the top, `dda-scrolled` turns it off in CSS and the header uses the standard style.
241
+ updateScrolled() {
242
+ this.el.classList.toggle('dda-scrolled', window.scrollY > 0);
170
243
  }
171
244
  parseJsonArray(jsonString) {
172
245
  try {
@@ -180,11 +253,12 @@ const DdaHeader = class {
180
253
  render() {
181
254
  const sideMenuItems = this.parseJsonArray(this.sideMenuItems);
182
255
  const quickLinks = this.parseJsonArray(this.quickLinks);
183
- const isHomepage = window.location.pathname === '/';
184
256
  const setActiveMenuIndex = (index) => {
185
257
  this.activeMenuIndex = index;
186
258
  };
187
- return (h("header", { key: 'a298c2252bb6b5675d2cc624ba5d6b312f6f57e2', class: `dda-header ${isHomepage ? 'transparent' : ''}` }, h("div", { key: 'dd9ad0bd9ed0a2b3eba5dc27e98cc54f9550d9e5', class: "dda-head-logo" }, h("a", { key: 'da9bcbc407b1a79ec88fcece56db7acefe8bb696', href: "#", class: "govt-logo" }, isHomepage ? (h("img", { class: "logo-white", src: this.firstLogoWhiteSrc, alt: this.firstLogoAlt })) : (h("img", { class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("a", { key: '231b5a2f45236358346e54d531795ad2faae6509', href: "#", class: "entt-logo" }, isHomepage ? (h("img", { class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt })) : (h("img", { class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt })))), h("div", { key: '73585d98fe29945961e290eda75df6a3be697a17', class: "dda-menu-container" }, h("div", { key: '179da9799af2c68c8e22318d7d6eb49233ba8b67', class: "dda-main-navigation" }, h("div", { key: '2e88805271152742365a65ce5bfc6091bbc1eb34', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '852bea97e9cad4373443d9ac95cdbdd65f1bd63d', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '9c8832a45024bb0e1ef0012cdf838136b3283314', title_text: "Menu", position: "top", class: "d-block" }, h("button", { key: 'cddc2df723ca4f7aff3d8e5f339899bc76e61015', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: 'd4119f26028f323673f922cd6dc6d8065acc12ca', class: "hamburger-line" }), h("span", { key: '24fbcc9fad2ade2bae52778c78bc7db537abe2f7', class: "hamburger-menu-text" }, "hamburger menu text")))), h("div", { key: '39a343f2e0b08b23b2c23e1d5b4f665a9352eebc', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '0a09851530d387006b70061ede2d75c3488f9767', class: "dda-sidemenu-content" }, h("p", { key: 'bc0b8dfb73356296f1330a0df32149fe337d4794', class: "dda-side-nav-title" }, "Quick Links"), h("ul", { key: '0e6f5913d3f3ab923ed79bd4a1d4b7a09092cb2b', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
259
+ // The transparent style is opt-in at page level (<body class="transparent">);
260
+ // CSS shows the white or colored logo to match.
261
+ return (h("header", { key: '59dd1315a658cac296fcf0b20d4bc7a218830efa', class: "dda-header" }, h("div", { key: '371a2169e8523c2929819802834a3b81027b2c1c', class: "dda-head-logo" }, h("a", { key: 'ddb83469513f05f58f55e55d55b1ead2e0410aee', href: this.firstLogoHref, class: "govt-logo" }, h("img", { key: 'fb68cbe224b76c34a75f41df1ba5444219d79fcd', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt }), h("img", { key: '9ba056231acfc221053e446547e87d6df5682f75', class: "logo-white", src: this.firstLogoWhiteSrc || this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: 'f69244d54b2493c5b2d9edafdd091e1ce3461726', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: '4b10f167c2b46db1709a8392aba31a5cd927f23d', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: 'f219bb5766f7aa634a8ffcbbbb70930ffaf9a6ef', class: "logo-white", src: this.secondLogoWhiteSrc || this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: 'bf11dd171cc21e22ff6ac555b071eecf21f4b6f9', class: "dda-menu-container" }, h("div", { key: 'ce4af3626562ee8d52bc65f5407b635c1fa8a2e4', class: "dda-main-navigation" }, h("div", { key: 'e102c3415dea6eb0c080faab1ccab6992000579a', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '3662a9e76afd20212f1a5aed95d8c28add730166', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '7235cd99a0aa41a1bf7c65bd57107bbe5bcefbcf', title_text: "Menu", position: "top", class: "d-block" }, h("button", { key: 'd320d2ac96e2ba0423a67a6a11982ba4c3db0274', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: '6b0b0370d75c3e27a4c015d4e2b58fe4ec369e82', class: "hamburger-line" }), h("span", { key: '98feb32b6306000cb5d3aabaffc1326b1073a0af', class: "hamburger-menu-text" }, this.menu_button_label)))), h("div", { key: 'ce8cfb9de3da448449aa0147ba4daec255b551f5', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '9b99da2e547a1cca25139daeb75481a9cf3707df', class: "dda-sidemenu-content" }, h("p", { key: '0c0997ab12ea8efb4641b7c92191f1eea4b78f9d', class: "dda-side-nav-title" }, "Quick Links"), h("ul", { key: 'b27239f08af63fa46a4f630a2aceefa7bc137521', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
188
262
  const currentIndex = `menu-${index}`;
189
263
  return (h("li", { key: currentIndex }, h("a", { href: menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
190
264
  if (menu.subMenu && menu.subMenu.length > 0) {
@@ -192,8 +266,14 @@ const DdaHeader = class {
192
266
  this.toggleSidebarSubMenu(currentIndex);
193
267
  }
194
268
  } }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
195
- }))), h("div", { key: '53070cc3bb05c63ced0e0c9ad7827567584d708f', class: "dda-sidemenu-bottom" }, h("div", { key: '3986be3f711e00221c8c6566cfe2e757c7efa57e', class: "dda-sidemenu-gov-logo" }, h("a", { key: '2a0334d023843bb4bece54446ef037965aec2693', href: "#", class: "govt-logo mb-2" }, h("img", { key: '76fe0c26beae4e511abe91ae025cbf6f5438bd99', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'bd17fc2b68f35f0c75bcc1e158ea47f1d0b78533', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'dee65036a2d95d22a092d502bdc4f3ab221def64' }, h("li", { key: 'a4803496626b1656e0f5618e5763cb9c6073684f' }, h("button", { key: '297249a259af2f3b715b37be32a63230ebc16bf1', name: this.accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", "aria-expanded": this.isAccessibiltyOpen ? 'true' : 'false', onClick: this.toggleAccessibilty }, h("i", { key: 'c45f95f4640f79ba12aeb246bbcabc4596aac844', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "accessibility"), h("span", { key: '086e0eb849a81c5b6423b98f264136c5a38e487d', class: "visually-hidden" }, "Accessibility"))), h("li", { key: '8c781468cca5714ef647bd8d774fb15d8e5ecbe6' }, h("button", { key: 'a0995ed94658a7d3207369e28558042a922ed454', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629")), h("li", { key: '46b858d64225063fee2678187d59c7dda75b9a12' }, h("dda-link-button", { key: 'dcdbf0bb77d1f2aeafa463cd3b8f445641fd2b65', button_color: "onsurface-secondary", start_icon: this.loginIcon || "sentiment_satisfied", custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, this.loginText || "Login"))))), h("button", { key: '0d1ba9b4a53960b6098416f1a2b13ddb0aca06a8', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '4729ed5d23cadf8f8856624c63ed1f09713d3a99', class: "material-icons material-symbols-outlined" }, "close")), h("div", { key: '4186279875d3040eaacbec40eed55097d5822d40', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '9a200a53ff82ddba6976c1b1a50aed28894d3af3', class: "dda-row" }, h("div", { key: '2c7473537d4e0b6367144a0197091b3f9dbbbb59', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '0ec84cbbe9702c56036a01ef99ac49648ce1a046', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '6826656a91ded60b8b565ff65ef6162f4e07bafa' }, h("fieldset", { key: '392d568ebfb3086ef73caf4c45e8dd5b82cc9136', class: "dda-theme-list" }, h("legend", { key: '3f706d09801bf1cd686810d1d3077f25048d848d' }, h("p", { key: '36c9d60286144197e3ca63650dff70f7d2d1c394', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: 'a12ee3aed6bc7c7faa0f455deb66744bd8973078', title_text: "Normal", checked: true, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "NormalMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.normalContrasthandler }), h("dda-radiobutton", { key: '794209875f061b8181ee287e24acc1995bf2ac72', title_text: "Colours Blind", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.blindContrasthandler }), h("dda-radiobutton", { key: 'ccd9b99973bb532a17ec18719ff4f7f7189594e2', title_text: "Red Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.redContrasthandler }), h("dda-radiobutton", { key: '117e0db4962db964c3ba3a2b7302e70c11903c9a', title_text: "Green Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.greenContrasthandler })))), h("div", { key: '4ecd6becebd60e820c5872db8c9fe30d8eee1eb8', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '34c1ec411992661f51f9d48e6c49e8cfd2117153', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: '2fc3fe98b9d92dc6fa3b9409a74b003f1b3dfdf7', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: 'f7c43092a7eee98ce4ddb2c472f950c18c30cc7d', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: '6266e6ed2e47212818231a46e4207c4dab6cd4dc', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: '3598e50e6fc331549830b87a0346103cc2585993', class: "material-icons material-symbols-outlined" }, "volume_up")))), h("div", { key: 'd3240cd67a3eec7f39dc44936b3b688da7000d2d', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '9c0cc59c530f16b98b570b017715b8d907192745', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: 'd23dda20d76a089bbda1558c20455aa30ae772ad', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '69aae042f930c1ff5a8eec07e994f11a531b3928', class: "d-flex dda-gap-4" }, h("dda-button", { key: 'bf53fd90251c1e34c034ca6d9377ab37cf4db639', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '40083ac55a0f849ba92b2de5daa58f5d907a3c8e', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: '60c67dbc424799f7ebf88f6d5fa6de0c777610df', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '8b8b22cc4bbbdc9c5411275f2275faa7eea48a54', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, h("i", { key: '6d0443cb135a4bf02cb5b2e599c749a0f70de034', class: "material-icons material-symbols-outlined" }, "close")))), h("div", { key: 'e0d52f3110a480d3b0535980fb4de7eb31998985' }, h("ul", { key: '1782efe54b9df3569b61f11c55f26ab95eabfab0', class: "dda-mega-menu" }, quickLinks.map((link, index) => (h("li", { key: index }, h("a", { href: link.subMenu && link.subMenu.length > 0 ? '#' : link.href, onClick: link.subMenu && link.subMenu.length > 0 ? (e) => this.toggleSubMenu(index, e) : undefined, class: link.subMenu && link.subMenu.length > 0 ? `showSub ${this.activeMenuIndex === index ? 'icon_arrow' : ''}` : '' }, link.label), link.subMenu && link.subMenu.length > 0 && (h("div", { class: `megamenu-content ${this.activeMenuIndex === index ? 'showSubMenu' : ''}`, style: { display: this.activeMenuIndex === index ? 'block' : 'none' } }, h("div", { class: "megamenu-item dda-container" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-3" }, h("h3", { class: "mega-menu-title" }, link.menuLabel), h("ul", null, link.subMenu.map((subItem, subIndex) => (h("li", { key: subIndex }, h("a", { class: "megamenu-link", href: subItem.href }, h("span", { class: "dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default" }, h("i", { class: "material-icons material-symbols-outlined" }, subItem.icon)), h("span", { class: "text-wrap" }, h("span", { class: "title-text dda-fs-body-lg dda-fw-700" }, subItem.title), h("span", { class: "dda-fs-tagline-lg dda-fw-400" }, subItem.description))))))))), h("button", { name: "close-mega-menu", class: "close-btn close_mega-menu", "aria-label": "Close Sidebar", onClick: () => setActiveMenuIndex(null) }, h("i", { class: "material-icons material-symbols-outlined" }, "close"))))))))))), h("div", { key: '836f8cacead7dd3f7f11aa9a8d6ef33df5c8a2b0', class: "dda-mobile-entt-logo" }, h("a", { key: '0839f72ff93da94fab710a68211a9fc7f3110ee6', href: "#", class: "entt-logo" }, h("img", { key: 'c1e4db247d42d4b0ae0149ae2051ccfd2b5f9a56', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: 'e8071992e07ee1aca579910c0c09249bf48953f8', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '9822ca89e27d09428dad43712c750a3f6f4e4896', class: "dda-mobile-search" }, h("button", { key: 'f33b65a03a0e3cfccf35699aa86fc9a187361c21', name: this.search_button_name, class: "tool-btn", type: "button" }, h("span", { key: 'ee6e8d6c4977c73be2a26a361a54a6cfbc874812', class: "visually-hidden" }, "Search"), h("i", { key: 'ddfdd33ab36f52869752e9b1ec7cff0b76152d9f', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"))), h("div", { key: '3677c07031880418d0be1621eef1ac54a35187c5', class: "dda-toolbar-menu" }, h("ul", { key: '7d1a981e36bb46107c108b49fcc51758ec3eb8c6' }, h("li", { key: 'c6923f2a758a7e9df70d99431287094d3d0e7faf' }, h("dda-tooltip", { key: '82220445acf35b75074ad2ab5d8256911726bd54', title_text: "Search", description: "", position: "top" }, h("div", { key: '2ce0dcbed9b4774b548dfab2ee0ac36d75e30e97', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn" }, h("label", { key: 'e57fc1d5cc820e361b279f4c14634857666855c1', htmlFor: "ddaSearch", class: "visually-hidden" }, this.searchText || "Search"), h("i", { key: 'bf07f0e8ddfd7e532e9cd3d89a85bb058071652d', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"), h("input", { key: 'be02c2a227aacd4f619cbfa4894f0e6bd0904867', name: this.search_input_name, type: "text", id: 'ddaSearch', class: "", placeholder: this.searchText || "Search" })))), h("li", { key: '4a2338589dc211fb597533475f179b58a980e98e' }, h("dda-tooltip", { key: 'e3aed867dfe06ebd98cf7372122a7e8dc2632317', title_text: "Accessibility", position: "top" }, h("button", { key: 'be6577c5bc291b2d2f065053ca3dec9f87d2b030', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", "aria-expanded": this.isAccessibiltyOpen ? 'true' : 'false', onClick: this.toggleAccessibilty }, h("i", { key: 'a52ff1b492f422a1c9d9e1d52e0354c125f8c0d8', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "accessibility"), h("span", { key: 'ad893d2d698d28919cc1d79039f8c05cf6738628', class: "visually-hidden" }, "Accessibility"))), h("div", { key: '881006662f0fae7e04b68a0a1734fb678d8b35e3', class: "dda-accessibility-wrap" }, h("div", { key: '67b6e5a9163f3098905e749cf39acc28c81e795e', class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '6b915f91cb602c7569211b8cf2f69a1512a73fe1', class: "dda-row" }, h("div", { key: '15df737247cfadbbff2cab4bf3021ee2631217a2', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '4219197ab3b9a97922cc8a98bbcd7adaf78778ea', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '4760e39dbe2c9e701b4d085db2c4eb832e1ddcf8' }, h("fieldset", { key: 'bbd089f9f150bbca0028fa169635ece05634bab7', class: "dda-theme-list" }, h("legend", { key: '2dd410aeea354922a78cfba7f92e8c87e10ecfcc' }, h("p", { key: 'a0067c706b9ac9ee91be3c4016d191bb97a54481', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: '25739294e8aae8d5051e0d95d1f6975d2bddd60a', title_text: "Normal", checked: true, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "Normal", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.normalContrasthandler }), h("dda-radiobutton", { key: '34d00ad5a8b7f798592d4267cec691fa49eb809d', title_text: "Colours Blind", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.blindContrasthandler }), h("dda-radiobutton", { key: '8b028744ad6eb63905f12d3433d22f60cf06a773', title_text: "Red Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.redContrasthandler }), h("dda-radiobutton", { key: '5946ce55c9cb22a7f15cf85a8a6cdc2d02aa6b60', title_text: "Green Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.greenContrasthandler })))), h("div", { key: '1afe67fc1b003d5225b5f8c8ae09fff8e0d48672', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '49b119a3ab93d81286f1f7ae7cd4231f59f871fb', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: 'a61b64d5f9a711b31305d0322e42a0b0c6554df4', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '50828c0f69f4b3840ee2676ed2d415762ba22ce4', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: 'ace796135a7689b076f3e52e28fea411e9a18327', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: '5f569f86ab841bb29c46fc86e7473bbc2aa5ca99', class: "material-icons material-symbols-outlined" }, "volume_up")))), h("div", { key: '7f97ae00fd287d5ce1bda3bb5b0c3958ee45aedd', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '92054e8790587bc61464fa7dce7dc908e42c2c0e', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: 'ff6d3176e3c8727c2b4ef3b2f9e76f592b96cd76', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '657063d82590814ed8e1a08c53c2f57bfd1d90c5', class: "d-flex dda-gap-4" }, h("dda-button", { key: '4ed68f094709ca26ea89c90849890bcefa150684', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '6eb68f1abded381c1a109d2bc1faa0d77702aab4', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: 'f66dacf1b17482056c2162c2d5f2324abfc4af9e', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: 'c2b7473765c0cefe6fd3949ddb16cdb7c3a121a0', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { key: '16e909375a9516c7855e168ab206760366089d0b', class: "materinal-icons material-symbols-outlined" }, "close"))))), h("li", { key: 'b7cb7055ca4c9b4be2cc1d82b40bc8c72862d2f2' }, h("dda-tooltip", { key: '003eb4656ced01d8c3627d9e2cd5f3a53b5add45', title_text: "Language", position: "top" }, h("dda-button", { key: '8a2b0290619c6d66213901829272a4fd1c785a56', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", onClick: this.languagehandler }, this.language_text))), h("li", { key: '2d67bcadaa450dec7a2fa433d01138cdc0493662' }, h("dda-tooltip", { key: '64c2a36a3b0cea4803338899ee46da84b2bdaaa1', title_text: "Login", position: "top" }, h("dda-link-button", { key: 'd571f506eb049e9ff9bb07ea15c7f340a16e76b8', button_color: "onsurface-secondary", start_icon: "sentiment_satisfied", custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, "Login"))))))));
269
+ }))), h("div", { key: '78c00fb0f772f8ef14f3143005c0c01c43614327', class: "dda-sidemenu-bottom" }, h("div", { key: 'd8ec6ff9cd24976246b52f44a21860c44d6fe30e', class: "dda-sidemenu-gov-logo" }, h("a", { key: 'afd4079340a3a11ff388776795d8e314027f069e', href: this.firstLogoHref, class: "govt-logo mb-2" }, h("img", { key: 'f6a416cb3c51610973098c7141984d77c27c63a8', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: '8183fe7af2ea534ae6a45fb3b6d6a73aa42a2a44', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: '6dc9b6919682fa07445fc2d4a04b3f00e54a6f13' }, h("li", { key: '218db01f3bc3fec795c9f4df86d07a218fd5705c' }, h("button", { key: 'd561db307ed92a7c0f5580116ecf1b4c711e92ba', name: this.accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", "aria-expanded": this.isAccessibiltyOpen ? 'true' : 'false', onClick: this.toggleAccessibilty }, h("i", { key: '05b9b362a8b2f952c7422406a2e2998615afbde8', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "accessibility"), h("span", { key: '20c9a8c6397d48999f8295b355c1a76f2a713aea', class: "visually-hidden" }, "Accessibility"))), h("li", { key: '219bcada14c3ea43b954972c0ad4d84417e92edb' }, h("button", { key: 'e92e67881b846d01eddc32ce40d727c514cf6425', name: this.language_button_name, class: "tool-btn", type: "button", lang: this.language_lang, onClick: this.languagehandler }, this.language_text || 'العربية')), h("li", { key: '83ee1defd4c1fbd3b2398ac5a020fa5a5c9760e8' }, h("dda-link-button", { key: 'c54639af89c90453d5239e41cdd21d9ac983f52c', button_color: "onsurface-secondary", start_icon: this.loginIcon || "sentiment_satisfied", custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, this.loginText || "Login"))))), h("button", { key: 'fa0ff380e6640b14e8a68bfd9074fb12521734a3', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '47bef965ed275a4dd13c640686200d301401888a', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")), h("div", { key: 'e9db953553b8d9ddd6936265a79f332f5cff4a79', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '81369335fb6617ec6475256d4c1f159a0e27d2c4', class: "dda-row" }, h("div", { key: 'a3263b292a3be96c226fd39e2a5c3c9789450434', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '4b25cb205d07d0492a4563cee530bce61d7e703a', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '520a5e581bb4d1897967f5a4f62f763d3b7a900c' }, h("fieldset", { key: 'd7da70d546e29966c46b46acc4fc8b9da88bd935', class: "dda-theme-list" }, h("legend", { key: '4d5aac066576da67514911218e77c6832d27315b' }, h("p", { key: '388d12fda2cafcd65e63797a95006eed854864c4', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: '1ce8acc8b8563785d2aa4784e23073a857831ddd', title_text: "Normal", checked: true, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "NormalMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.normalContrasthandler }), h("dda-radiobutton", { key: '6d5d24597fef7ed4c44af9b1cb78a81a62106e68', title_text: "Colours Blind", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.blindContrasthandler }), h("dda-radiobutton", { key: '09b76a180088333990666d9192bfd48f1e3ab106', title_text: "Red Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.redContrasthandler }), h("dda-radiobutton", { key: 'fc04f59e26db42c003bc9e747ef45cdb37f939f4', title_text: "Green Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.greenContrasthandler })))), this.readSpeakerLink && (h("div", { key: '2b81244b885a559f63052b0c410712e3413bba07', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '08b480bbcadf295b5e9cddfc8922f501c7257275', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: '3367d78424ae9347cca07f396bdbcc9c2d2ae3cc', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: 'dcfdfabc03228a8047098b4be1e22233a80d13cf', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: '9b62bd9de4ae598d8d985fb333890558ebf703e3', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: '5790bc76d11a0802a6fa0ff2352180293bbb87b5', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "volume_up"))))), h("div", { key: '0696385c365f09386911b99e52296861c9a25cc6', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '5ebb37d526d9df77911abfed12bd7526d935fa51', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: '4c51f6441ab4695554a7d6c9173b9be51094bda6', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: 'fe783a08a7247425af5ef5c45e16f77a1e0dab05', class: "d-flex dda-gap-4" }, h("dda-button", { key: '0c25a459f06411d169c2e00b4a7639bf452d7d31', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '6462ea39225b2920f75f1e2d2530a0188b17b269', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: '1e919f8fabcf632b14c6cbb591cc83ad41289bd0', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: 'a3d48453b5a782c79946077128d32247b4a4cbcd', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, h("i", { key: '9c60683163918bbe155bece05845fd03ce78b424', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")))), h("div", { key: '2d2382de432be40014ff5c85316219e2e7fc8093' }, h("ul", { key: '02ae9037c7d1df9304274d8aa89909e19107f6ca', class: "dda-mega-menu" }, quickLinks.map((link, index) => (h("li", { key: index }, h("a", { href: link.subMenu && link.subMenu.length > 0 ? '#' : link.href, onClick: link.subMenu && link.subMenu.length > 0 ? (e) => this.toggleSubMenu(index, e) : undefined, class: link.subMenu && link.subMenu.length > 0 ? `showSub ${this.activeMenuIndex === index ? 'icon_arrow' : ''}` : '' }, link.label), link.subMenu && link.subMenu.length > 0 && (h("div", { class: `megamenu-content ${this.activeMenuIndex === index ? 'showSubMenu' : ''}`, style: { display: this.activeMenuIndex === index ? 'block' : 'none' } }, h("div", { class: "megamenu-item dda-container" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-3" }, h("h3", { class: "mega-menu-title" }, link.menuLabel), h("ul", null, link.subMenu.map((subItem, subIndex) => (h("li", { key: subIndex }, h("a", { class: "megamenu-link", href: subItem.href }, h("span", { class: "dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, subItem.icon)), h("span", { class: "text-wrap" }, h("span", { class: "title-text dda-fs-body-lg dda-fw-700" }, subItem.title), h("span", { class: "dda-fs-tagline-lg dda-fw-400" }, subItem.description))))))))), h("button", { name: "close-mega-menu", class: "close-btn close_mega-menu", "aria-label": "Close Sidebar", onClick: () => setActiveMenuIndex(null) }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))))))))), h("div", { key: 'ef459368f5e5fb8cccb7f58f2f8c438244484f9e', class: "dda-mobile-entt-logo" }, h("a", { key: '30ef36afb8b646906cbeaf6b00c2e7e15fc4201a', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: '65ff555fb1a8ec62592d3cd1da762406b724aab6', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '45f1bd4d88fef0022720bfaf9bfdcdd0d816da76', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '83c7b5e5608b40e6ff0826e0cdf0987760ec1850', class: "dda-mobile-search" }, h("button", { key: '7fb8234ee06ed486bb214f5ca8c4aa1864ea39a9', name: this.search_button_name, class: "tool-btn", type: "button", "aria-expanded": this.isSearchOpen ? 'true' : 'false', "aria-controls": `${this.searchId}-mobile-panel`, onClick: this.isSearchOpen ? this.closeMobileSearch : this.openMobileSearch, ref: el => (this.mobileSearchButton = el) }, h("span", { key: 'cddcc6cbe685ccb1303adf24b8ec6330cfaeb220', class: "visually-hidden" }, "Search"), h("i", { key: 'f4eccf210454c85bf799d7de4da22c9a0567070b', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"))), h("div", { key: 'e3ac3313bc39a2cc4c3a2ec31fdf26c3bc954887', id: `${this.searchId}-mobile-panel`, class: "dda-mobile-search-panel", hidden: !this.isSearchOpen }, h("form", { key: '0c23afb9213d0f152f503f4249e2e25e7ddc6d71', class: "dda-mobile-search-form", role: "search", method: "get", action: this.search_action, onSubmit: this.handleSearchSubmit }, this.renderSearchInput(`${this.searchId}-mobile`, el => (this.mobileSearchInput = el)), h("button", { key: 'eee2d74848571266c1fcc4c43e96cf16fc269cbc', type: "button", class: "dda-mobile-search-close", "aria-label": "Close search", onClick: this.closeMobileSearch }, h("i", { key: '8c731144346ca6823d46fda0055e9b59b8acb5ea', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")))), h("div", { key: '0cb03232c422487307c89d3478bb950ebd376496', class: "dda-toolbar-menu" }, h("ul", { key: '745548b4dd5232851df4deb31966e2dc4c10e9c0' }, h("li", { key: 'c7af1a3b3e163ef9715dfafb4f19589c65b5f229' }, h("dda-tooltip", { key: '27215775afa33720398f44fa3ff8b62933b33d2d', title_text: "Search", description: "", position: "top" }, h("form", { key: 'cff735205d4eaeadc1cb3164bd693462c67fc5c2', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn", role: "search", method: "get", action: this.search_action, onSubmit: this.handleSearchSubmit }, this.renderSearchInput(this.searchId)))), h("li", { key: 'baa189f8aa60b856189033213783dea5005e0b05' }, h("dda-tooltip", { key: 'b80f89423b1994fc6051d0deabef1a54b3a95f07', title_text: "Accessibility", position: "top" }, h("button", { key: '9487c51c19b5652f36cd0ac61b10c35caf703aac', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", "aria-expanded": this.isAccessibiltyOpen ? 'true' : 'false', onClick: this.toggleAccessibilty }, h("i", { key: 'cc26a3a646b4fe2957496347884f997a2d85ad9e', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "accessibility"), h("span", { key: '2a39cff99e5b565f8ed6b4144a9114dae197318f', class: "visually-hidden" }, "Accessibility"))), h("div", { key: '8c44662a244298438715f0ec3aefaf08aecdbba1', class: "dda-accessibility-wrap" }, h("div", { key: 'c249aea4288ff53610b8d724ca9cd11829eaab8e', class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '1cc9cdc5d432463ef8b5be0de1b50dfa5437de47', class: "dda-row" }, h("div", { key: 'd6e5722cfe7e80d368fce9492f6158a1428e8156', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '503e6e630db2084b42e8e86a9982e7052cfec46c', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '3c4f8861e83f89a17594a3ebe645cd8d6e7d6b8d' }, h("fieldset", { key: '132f829683b59536b030f8b56f64202817415314', class: "dda-theme-list" }, h("legend", { key: 'af8091c21864dc01db098cdc08783a3d94882d48' }, h("p", { key: '310afc13ed6f28624e9f08217dd7e95ac985cea8', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: '86edfef83708d41703cf80ed43004fbad68a7c8e', title_text: "Normal", checked: true, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "Normal", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.normalContrasthandler }), h("dda-radiobutton", { key: '82782391a43cac382e5b02b569fe73af2aab5d49', title_text: "Colours Blind", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.blindContrasthandler }), h("dda-radiobutton", { key: '440cdf1a898753e6f3fae2e7f1774d5d9edb30bf', title_text: "Red Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.redContrasthandler }), h("dda-radiobutton", { key: '80902bb590f67aac585efd773428738e6fce71c1', title_text: "Green Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.greenContrasthandler })))), this.readSpeakerLink && (h("div", { key: '855a0e77f04385eea69ed9fab54909da634b43a7', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '8574c03680b6e976e8d9b6b3a1b14ae2223ca5d1', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: 'db6f47a1743f9619676f3b27d7bb07003a626165', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '12ae575eb54578f2c3008c4815435ba739e27330', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: '8362fc23c0725b831f99604d88e0e86903403471', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: '96a4125c6297dca5eb23f87f359a14fa43d031d6', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "volume_up"))))), h("div", { key: 'ef5b98303627c4b9b856a933d4f5d29938ad60e6', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '9cf8bd9e22720d6f158f813b1481869c4289f07f', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: '3dd60acafd17b9d0b5d5c1ae239c25a168446388', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '8117db13ecfab2669f5e65ab99ec2ee7070b04aa', class: "d-flex dda-gap-4" }, h("dda-button", { key: '59b41851a6e24b51addb22310cc26103857a95ec', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '947e4e3e63e64b572f83a12ddc9074fd48f7e7a2', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: '28ddf63dd783693650f9e22939560f3e2fe2bb1c', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: 'e645b6fe78752460c88b86652fc4c21a11cd4b10', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { key: '80177be8e24b3c64ba78def6c664a0b9e2b40315', class: "materinal-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))), h("li", { key: '7bed27d22542bd692a91831f49369c7c80b2c6c7' }, h("dda-tooltip", { key: 'bd28a2a61744e41f4d229d2005a7133fb055d2c8', title_text: "Language", position: "top" }, h("dda-button", { key: 'ba55905380aa73451aea04825cffec1b7b44a9d3', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", lang: this.language_lang, onClick: this.languagehandler }, this.language_text || 'العربية'))), h("li", { key: '8d1b8f661abfe0a6b81c65111b5e60c35247b51b' }, h("dda-tooltip", { key: 'f4d82247b40136224a38493789ad33a1cde786ef', title_text: "Login", position: "top" }, h("dda-link-button", { key: 'cadea908a166989edd355e22060e31fb02b9528d', button_color: "onsurface-secondary", start_icon: "sentiment_satisfied", custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, "Login"))))))));
196
270
  }
271
+ get el() { return getElement(this); }
272
+ static get watchers() { return {
273
+ "isMenuOpen": [{
274
+ "onMenuOpenChange": 0
275
+ }]
276
+ }; }
197
277
  };
198
278
  DdaHeader.style = ddaHeaderCss();
199
279