@ionic/core 8.4.2-dev.11739468652.1ae78967 → 8.4.2-dev.11741080979.1715cc06

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 (540) hide show
  1. package/components/backdrop.js +1 -1
  2. package/components/focus-visible.js +16 -1
  3. package/components/helpers.js +39 -1
  4. package/components/ion-app.js +9 -4
  5. package/components/ion-avatar.js +3 -3
  6. package/components/ion-badge.js +9 -6
  7. package/components/ion-searchbar.js +21 -5
  8. package/components/ion-textarea.js +6 -5
  9. package/css/ionic/bundle.ionic.css +1 -1
  10. package/css/ionic/bundle.ionic.css.map +1 -1
  11. package/css/ionic/core.ionic.css.map +1 -1
  12. package/css/ionic/global.bundle.ionic.css +1 -1
  13. package/css/ionic/global.bundle.ionic.css.map +1 -1
  14. package/css/ionic/link.ionic.css +1 -1
  15. package/css/ionic/link.ionic.css.map +1 -1
  16. package/css/ionic/typography.ionic.css.map +1 -1
  17. package/css/ionic/utils.bundle.ionic.css +1 -1
  18. package/css/ionic/utils.bundle.ionic.css.map +1 -1
  19. package/dist/cjs/{animation-58015a44.js → animation-2a0332b1.js} +1 -1
  20. package/dist/cjs/{app-globals-d64148d3.js → app-globals-4578d70b.js} +1 -1
  21. package/dist/cjs/{button-active-ec1fd1d8.js → button-active-ba88bc3f.js} +1 -1
  22. package/dist/cjs/{capacitor-454dd071.js → capacitor-ca383c28.js} +1 -1
  23. package/dist/cjs/{data-5a4013f1.js → data-03effdb6.js} +1 -1
  24. package/dist/cjs/{focus-visible-9aa87fa3.js → focus-visible-fe3acfb5.js} +16 -0
  25. package/dist/cjs/{framework-delegate-32f1a0e4.js → framework-delegate-709f0e46.js} +1 -1
  26. package/dist/cjs/{haptic-7c25be74.js → haptic-adbf56c4.js} +1 -1
  27. package/dist/cjs/{helpers-4e2936d2.js → helpers-7ae114be.js} +39 -1
  28. package/dist/cjs/{index-03fbee1d.js → index-334da068.js} +3 -3
  29. package/dist/cjs/{index-0e0c6196.js → index-a05f157b.js} +3 -2
  30. package/dist/cjs/{index-604c36ae.js → index-b980fd83.js} +2 -2
  31. package/dist/cjs/{index-8f975cf4.js → index-e28c2cc7.js} +4 -4
  32. package/dist/cjs/index.cjs.js +10 -9
  33. package/dist/cjs/{input-shims-4b4d2251.js → input-shims-41e05551.js} +6 -5
  34. package/dist/cjs/{input.utils-fb1debe4.js → input.utils-01401fa8.js} +2 -2
  35. package/dist/cjs/ion-accordion_2.cjs.entry.js +3 -2
  36. package/dist/cjs/ion-action-sheet.cjs.entry.js +9 -8
  37. package/dist/cjs/ion-alert.cjs.entry.js +9 -8
  38. package/dist/cjs/ion-app_8.cjs.entry.js +18 -13
  39. package/dist/cjs/ion-avatar_3.cjs.entry.js +11 -9
  40. package/dist/cjs/ion-back-button.cjs.entry.js +3 -2
  41. package/dist/cjs/ion-backdrop.cjs.entry.js +2 -2
  42. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +3 -2
  43. package/dist/cjs/ion-button_2.cjs.entry.js +3 -2
  44. package/dist/cjs/ion-card_5.cjs.entry.js +3 -2
  45. package/dist/cjs/ion-checkbox.cjs.entry.js +3 -2
  46. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  47. package/dist/cjs/ion-col_3.cjs.entry.js +1 -1
  48. package/dist/cjs/ion-datetime-button.cjs.entry.js +4 -3
  49. package/dist/cjs/ion-datetime_3.cjs.entry.js +9 -9
  50. package/dist/cjs/ion-fab_3.cjs.entry.js +3 -2
  51. package/dist/cjs/ion-img.cjs.entry.js +3 -2
  52. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +4 -3
  53. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +1 -1
  54. package/dist/cjs/ion-input.cjs.entry.js +5 -4
  55. package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -3
  56. package/dist/cjs/ion-item_8.cjs.entry.js +3 -2
  57. package/dist/cjs/ion-loading.cjs.entry.js +6 -5
  58. package/dist/cjs/ion-menu_3.cjs.entry.js +7 -6
  59. package/dist/cjs/ion-modal.cjs.entry.js +11 -10
  60. package/dist/cjs/ion-nav_2.cjs.entry.js +6 -5
  61. package/dist/cjs/ion-picker-column-option.cjs.entry.js +3 -2
  62. package/dist/cjs/ion-picker-column.cjs.entry.js +5 -4
  63. package/dist/cjs/ion-picker.cjs.entry.js +2 -1
  64. package/dist/cjs/ion-popover.cjs.entry.js +7 -6
  65. package/dist/cjs/ion-progress-bar.cjs.entry.js +3 -2
  66. package/dist/cjs/ion-radio_2.cjs.entry.js +3 -2
  67. package/dist/cjs/ion-range.cjs.entry.js +4 -3
  68. package/dist/cjs/ion-refresher_2.cjs.entry.js +7 -6
  69. package/dist/cjs/ion-reorder_2.cjs.entry.js +6 -5
  70. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  71. package/dist/cjs/ion-route_4.cjs.entry.js +3 -2
  72. package/dist/cjs/ion-searchbar.cjs.entry.js +23 -7
  73. package/dist/cjs/ion-segment_2.cjs.entry.js +3 -2
  74. package/dist/cjs/ion-select-modal.cjs.entry.js +5 -4
  75. package/dist/cjs/ion-select_3.cjs.entry.js +6 -5
  76. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  77. package/dist/cjs/ion-split-pane.cjs.entry.js +1 -1
  78. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +6 -5
  79. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -2
  80. package/dist/cjs/ion-text.cjs.entry.js +1 -1
  81. package/dist/cjs/ion-textarea.cjs.entry.js +11 -9
  82. package/dist/cjs/ion-toast.cjs.entry.js +6 -5
  83. package/dist/cjs/ion-toggle.cjs.entry.js +5 -4
  84. package/dist/cjs/{ionic-global-14af9c21.js → ionic-global-309eea24.js} +5 -5
  85. package/dist/cjs/ionic.cjs.js +3 -3
  86. package/dist/cjs/{ios.transition-2bb0f7d5.js → ios.transition-433559be.js} +5 -4
  87. package/dist/cjs/{keyboard-0a5d46dd.js → keyboard-2465fd71.js} +3 -3
  88. package/dist/cjs/{keyboard-53c12a15.js → keyboard-b0d97d7f.js} +1 -1
  89. package/dist/cjs/{keyboard-controller-102bad3e.js → keyboard-controller-97c0f679.js} +2 -2
  90. package/dist/cjs/loader.cjs.js +3 -3
  91. package/dist/cjs/{md.transition-cf600117.js → md.transition-cb55340c.js} +5 -4
  92. package/dist/cjs/{notch-controller-ea70e230.js → notch-controller-fa2844a9.js} +2 -2
  93. package/dist/cjs/{overlays-542a90b3.js → overlays-2f1007d0.js} +3 -3
  94. package/dist/cjs/{status-tap-aa97d209.js → status-tap-fce5d44e.js} +4 -3
  95. package/dist/cjs/{swipe-back-27975274.js → swipe-back-8b3f8972.js} +2 -1
  96. package/dist/collection/components/app/app.js +14 -6
  97. package/dist/collection/components/avatar/avatar.ionic.css +17 -0
  98. package/dist/collection/components/avatar/avatar.ios.css +1 -0
  99. package/dist/collection/components/avatar/avatar.md.css +9 -0
  100. package/dist/collection/components/backdrop/backdrop.ionic.css +0 -1
  101. package/dist/collection/components/badge/badge.ionic.css +66 -2
  102. package/dist/collection/components/badge/badge.ios.css +23 -2
  103. package/dist/collection/components/badge/badge.js +21 -2
  104. package/dist/collection/components/badge/badge.md.css +23 -2
  105. package/dist/collection/components/searchbar/searchbar.ionic.css +12 -0
  106. package/dist/collection/components/searchbar/searchbar.js +36 -4
  107. package/dist/collection/components/textarea/textarea.ionic.css +25 -2
  108. package/dist/collection/components/textarea/textarea.js +5 -4
  109. package/dist/collection/utils/focus-visible.js +15 -0
  110. package/dist/collection/utils/helpers.js +39 -1
  111. package/dist/docs.json +71 -4
  112. package/dist/esm/{animation-f1a88600.js → animation-9425a7de.js} +1 -1
  113. package/dist/esm/{app-globals-eceadabb.js → app-globals-e7b9ec58.js} +1 -1
  114. package/dist/esm/{button-active-321f0dba.js → button-active-3461e57c.js} +1 -1
  115. package/dist/esm/{capacitor-6b0341c8.js → capacitor-74587d3c.js} +1 -1
  116. package/dist/esm/{data-98c06dea.js → data-69fcc43c.js} +1 -1
  117. package/dist/esm/{focus-visible-501aff19.js → focus-visible-6827442c.js} +16 -1
  118. package/dist/esm/{framework-delegate-3e4a8c9f.js → framework-delegate-89969cd9.js} +1 -1
  119. package/dist/esm/{haptic-dd6c0ea9.js → haptic-1f990858.js} +1 -1
  120. package/dist/esm/{helpers-f08d15bd.js → helpers-2891ef8a.js} +39 -1
  121. package/dist/esm/{index-59f81cb8.js → index-01a5c404.js} +4 -4
  122. package/dist/esm/{index-31109e63.js → index-3e251942.js} +3 -3
  123. package/dist/esm/{index-7bd160c2.js → index-784203dc.js} +2 -2
  124. package/dist/esm/{index-62b4a18b.js → index-7d582503.js} +3 -2
  125. package/dist/esm/index.js +10 -9
  126. package/dist/esm/{input-shims-6be83e59.js → input-shims-eb19958d.js} +6 -5
  127. package/dist/esm/{input.utils-67459bae.js → input.utils-021846b8.js} +2 -2
  128. package/dist/esm/ion-accordion_2.entry.js +3 -2
  129. package/dist/esm/ion-action-sheet.entry.js +9 -8
  130. package/dist/esm/ion-alert.entry.js +9 -8
  131. package/dist/esm/ion-app_8.entry.js +18 -13
  132. package/dist/esm/ion-avatar_3.entry.js +11 -9
  133. package/dist/esm/ion-back-button.entry.js +3 -2
  134. package/dist/esm/ion-backdrop.entry.js +2 -2
  135. package/dist/esm/ion-breadcrumb_2.entry.js +3 -2
  136. package/dist/esm/ion-button_2.entry.js +3 -2
  137. package/dist/esm/ion-card_5.entry.js +3 -2
  138. package/dist/esm/ion-checkbox.entry.js +3 -2
  139. package/dist/esm/ion-chip.entry.js +1 -1
  140. package/dist/esm/ion-col_3.entry.js +1 -1
  141. package/dist/esm/ion-datetime-button.entry.js +4 -3
  142. package/dist/esm/ion-datetime_3.entry.js +9 -9
  143. package/dist/esm/ion-fab_3.entry.js +3 -2
  144. package/dist/esm/ion-img.entry.js +3 -2
  145. package/dist/esm/ion-infinite-scroll_2.entry.js +4 -3
  146. package/dist/esm/ion-input-password-toggle.entry.js +1 -1
  147. package/dist/esm/ion-input.entry.js +5 -4
  148. package/dist/esm/ion-item-option_3.entry.js +4 -3
  149. package/dist/esm/ion-item_8.entry.js +3 -2
  150. package/dist/esm/ion-loading.entry.js +6 -5
  151. package/dist/esm/ion-menu_3.entry.js +7 -6
  152. package/dist/esm/ion-modal.entry.js +11 -10
  153. package/dist/esm/ion-nav_2.entry.js +6 -5
  154. package/dist/esm/ion-picker-column-option.entry.js +3 -2
  155. package/dist/esm/ion-picker-column.entry.js +5 -4
  156. package/dist/esm/ion-picker.entry.js +2 -1
  157. package/dist/esm/ion-popover.entry.js +7 -6
  158. package/dist/esm/ion-progress-bar.entry.js +3 -2
  159. package/dist/esm/ion-radio_2.entry.js +3 -2
  160. package/dist/esm/ion-range.entry.js +4 -3
  161. package/dist/esm/ion-refresher_2.entry.js +7 -6
  162. package/dist/esm/ion-reorder_2.entry.js +6 -5
  163. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  164. package/dist/esm/ion-route_4.entry.js +3 -2
  165. package/dist/esm/ion-searchbar.entry.js +23 -7
  166. package/dist/esm/ion-segment_2.entry.js +3 -2
  167. package/dist/esm/ion-select-modal.entry.js +5 -4
  168. package/dist/esm/ion-select_3.entry.js +6 -5
  169. package/dist/esm/ion-spinner.entry.js +1 -1
  170. package/dist/esm/ion-split-pane.entry.js +1 -1
  171. package/dist/esm/ion-tab-bar_2.entry.js +6 -5
  172. package/dist/esm/ion-tab_2.entry.js +3 -2
  173. package/dist/esm/ion-text.entry.js +1 -1
  174. package/dist/esm/ion-textarea.entry.js +11 -9
  175. package/dist/esm/ion-toast.entry.js +6 -5
  176. package/dist/esm/ion-toggle.entry.js +5 -4
  177. package/dist/esm/{ionic-global-3c97a4aa.js → ionic-global-483790dd.js} +5 -5
  178. package/dist/esm/ionic.js +3 -3
  179. package/dist/esm/{ios.transition-06b78ea0.js → ios.transition-9da97621.js} +5 -4
  180. package/dist/esm/{keyboard-9bbd546a.js → keyboard-16dbc7a0.js} +1 -1
  181. package/dist/esm/{keyboard-5b1b354d.js → keyboard-a762a3d6.js} +3 -3
  182. package/dist/esm/{keyboard-controller-aff395fd.js → keyboard-controller-ebc0c1a6.js} +2 -2
  183. package/dist/esm/loader.js +3 -3
  184. package/dist/esm/{md.transition-e5712bda.js → md.transition-9d6d778a.js} +5 -4
  185. package/dist/esm/{notch-controller-c0bd22ff.js → notch-controller-ab0c0e81.js} +2 -2
  186. package/dist/esm/{overlays-66cb5522.js → overlays-e1400470.js} +3 -3
  187. package/dist/esm/{status-tap-edf9f395.js → status-tap-e7f5aa77.js} +4 -3
  188. package/dist/esm/{swipe-back-17c42610.js → swipe-back-e12c482f.js} +2 -1
  189. package/dist/esm-es5/{animation-f1a88600.js → animation-9425a7de.js} +1 -1
  190. package/dist/esm-es5/app-globals-e7b9ec58.js +4 -0
  191. package/dist/esm-es5/{button-active-321f0dba.js → button-active-3461e57c.js} +1 -1
  192. package/dist/esm-es5/{capacitor-6b0341c8.js → capacitor-74587d3c.js} +1 -1
  193. package/dist/esm-es5/{data-98c06dea.js → data-69fcc43c.js} +1 -1
  194. package/dist/esm-es5/focus-visible-6827442c.js +4 -0
  195. package/dist/esm-es5/{framework-delegate-3e4a8c9f.js → framework-delegate-89969cd9.js} +1 -1
  196. package/dist/esm-es5/{haptic-dd6c0ea9.js → haptic-1f990858.js} +1 -1
  197. package/dist/esm-es5/helpers-2891ef8a.js +4 -0
  198. package/dist/esm-es5/{index-59f81cb8.js → index-01a5c404.js} +1 -1
  199. package/dist/esm-es5/{index-31109e63.js → index-3e251942.js} +1 -1
  200. package/dist/esm-es5/{index-7bd160c2.js → index-784203dc.js} +1 -1
  201. package/dist/esm-es5/index-7d582503.js +4 -0
  202. package/dist/esm-es5/index.js +1 -1
  203. package/dist/esm-es5/input-shims-eb19958d.js +4 -0
  204. package/dist/esm-es5/{input.utils-67459bae.js → input.utils-021846b8.js} +1 -1
  205. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  206. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  207. package/dist/esm-es5/ion-alert.entry.js +1 -1
  208. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  209. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  210. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  211. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  212. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  213. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  214. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  215. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  216. package/dist/esm-es5/ion-chip.entry.js +1 -1
  217. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  218. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  219. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  220. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  221. package/dist/esm-es5/ion-img.entry.js +1 -1
  222. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  223. package/dist/esm-es5/ion-input-password-toggle.entry.js +1 -1
  224. package/dist/esm-es5/ion-input.entry.js +1 -1
  225. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  226. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  227. package/dist/esm-es5/ion-loading.entry.js +1 -1
  228. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  229. package/dist/esm-es5/ion-modal.entry.js +1 -1
  230. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  231. package/dist/esm-es5/ion-picker-column-option.entry.js +1 -1
  232. package/dist/esm-es5/ion-picker-column.entry.js +1 -1
  233. package/dist/esm-es5/ion-picker.entry.js +1 -1
  234. package/dist/esm-es5/ion-popover.entry.js +1 -1
  235. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  236. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  237. package/dist/esm-es5/ion-range.entry.js +1 -1
  238. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  239. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  240. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  241. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  242. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  243. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  244. package/dist/esm-es5/ion-select-modal.entry.js +1 -1
  245. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  246. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  247. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  248. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  249. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  250. package/dist/esm-es5/ion-text.entry.js +1 -1
  251. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  252. package/dist/esm-es5/ion-toast.entry.js +1 -1
  253. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  254. package/dist/esm-es5/{ionic-global-3c97a4aa.js → ionic-global-483790dd.js} +1 -1
  255. package/dist/esm-es5/ionic.js +1 -1
  256. package/dist/esm-es5/ios.transition-9da97621.js +4 -0
  257. package/dist/esm-es5/{keyboard-9bbd546a.js → keyboard-16dbc7a0.js} +1 -1
  258. package/dist/esm-es5/{keyboard-5b1b354d.js → keyboard-a762a3d6.js} +1 -1
  259. package/dist/esm-es5/{keyboard-controller-aff395fd.js → keyboard-controller-ebc0c1a6.js} +1 -1
  260. package/dist/esm-es5/loader.js +1 -1
  261. package/dist/esm-es5/md.transition-9d6d778a.js +4 -0
  262. package/dist/esm-es5/{notch-controller-c0bd22ff.js → notch-controller-ab0c0e81.js} +1 -1
  263. package/dist/esm-es5/{overlays-66cb5522.js → overlays-e1400470.js} +1 -1
  264. package/dist/esm-es5/status-tap-e7f5aa77.js +4 -0
  265. package/dist/esm-es5/swipe-back-e12c482f.js +4 -0
  266. package/dist/html.html-data.json +27 -0
  267. package/dist/ionic/index.esm.js +1 -1
  268. package/dist/ionic/ionic.esm.js +1 -1
  269. package/dist/ionic/ionic.js +1 -1
  270. package/dist/ionic/p-01b359c9.entry.js +4 -0
  271. package/dist/ionic/{p-11266916.js → p-035fb5a0.js} +1 -1
  272. package/dist/ionic/{p-815f649a.system.entry.js → p-0390f622.system.entry.js} +1 -1
  273. package/dist/ionic/p-03df1462.entry.js +4 -0
  274. package/dist/ionic/p-05b69c23.system.entry.js +4 -0
  275. package/dist/ionic/p-063fb017.system.entry.js +4 -0
  276. package/dist/ionic/p-08174a05.system.entry.js +4 -0
  277. package/dist/ionic/p-086cdee7.entry.js +4 -0
  278. package/dist/ionic/p-0986712d.system.entry.js +4 -0
  279. package/dist/ionic/p-0c579259.system.entry.js +4 -0
  280. package/dist/ionic/{p-94816e7a.system.js → p-10c4f43c.system.js} +1 -1
  281. package/dist/ionic/p-128c9da8.entry.js +4 -0
  282. package/dist/ionic/p-1581ba44.js +4 -0
  283. package/dist/ionic/{p-3ce95a91.entry.js → p-1d15aa94.entry.js} +1 -1
  284. package/dist/ionic/{p-46787abb.system.js → p-1fd5c378.system.js} +1 -1
  285. package/dist/ionic/p-200b21b9.system.entry.js +4 -0
  286. package/dist/ionic/{p-72cbf799.system.entry.js → p-215c5ddb.system.entry.js} +1 -1
  287. package/dist/ionic/p-2364fade.entry.js +4 -0
  288. package/dist/ionic/{p-18f86177.system.js → p-268b6353.system.js} +1 -1
  289. package/dist/ionic/{p-be87ec25.entry.js → p-2779ce56.entry.js} +1 -1
  290. package/dist/ionic/p-284a0c63.entry.js +4 -0
  291. package/dist/ionic/p-297fcc18.system.entry.js +4 -0
  292. package/dist/ionic/p-29bc5069.entry.js +4 -0
  293. package/dist/ionic/{p-09c6b5e4.js → p-2ca20c1c.js} +1 -1
  294. package/dist/ionic/p-2ce11d2f.entry.js +4 -0
  295. package/dist/ionic/{p-12d6df53.js → p-2d9e2af4.js} +1 -1
  296. package/dist/ionic/p-309ddef5.system.js +4 -0
  297. package/dist/ionic/p-3198161b.entry.js +4 -0
  298. package/dist/ionic/p-31e267ab.entry.js +4 -0
  299. package/dist/ionic/p-343906be.entry.js +4 -0
  300. package/dist/ionic/p-38700ea8.entry.js +4 -0
  301. package/dist/ionic/p-3ca5d573.system.entry.js +4 -0
  302. package/dist/ionic/{p-29ca4da2.entry.js → p-402ffd31.entry.js} +1 -1
  303. package/dist/ionic/p-42f8e688.entry.js +4 -0
  304. package/dist/ionic/p-43902855.entry.js +4 -0
  305. package/dist/ionic/{p-b9d2d554.entry.js → p-453bd903.entry.js} +1 -1
  306. package/dist/ionic/p-45d8fe77.system.js +4 -0
  307. package/dist/ionic/p-478723ce.entry.js +4 -0
  308. package/dist/ionic/p-47acf6b1.system.entry.js +4 -0
  309. package/dist/ionic/p-49f0023f.entry.js +4 -0
  310. package/dist/ionic/p-4bccba08.js +4 -0
  311. package/dist/ionic/p-4c0b6220.system.entry.js +4 -0
  312. package/dist/ionic/p-4cbe0257.js +4 -0
  313. package/dist/ionic/p-5345fc46.entry.js +4 -0
  314. package/dist/ionic/p-537407c2.system.js +4 -0
  315. package/dist/ionic/{p-728f5b22.system.js → p-54030163.system.js} +1 -1
  316. package/dist/ionic/p-583f0c5f.js +4 -0
  317. package/dist/ionic/p-59f088ef.js +4 -0
  318. package/dist/ionic/p-5b4aaa87.js +4 -0
  319. package/dist/ionic/p-5dd7815f.system.entry.js +4 -0
  320. package/dist/ionic/{p-f8c63ac0.system.js → p-5f413457.system.js} +2 -2
  321. package/dist/ionic/p-5fead11d.system.entry.js +4 -0
  322. package/dist/ionic/p-60f547a8.entry.js +4 -0
  323. package/dist/ionic/p-6453d7e2.js +4 -0
  324. package/dist/ionic/p-648eac1a.system.entry.js +4 -0
  325. package/dist/ionic/p-695c2cbd.entry.js +4 -0
  326. package/dist/ionic/p-6b5c8c61.system.js +4 -0
  327. package/dist/ionic/{p-74d76684.js → p-6d80bd6d.js} +1 -1
  328. package/dist/ionic/{p-3e91ea3a.system.js → p-6e26cf64.system.js} +2 -2
  329. package/dist/ionic/p-71523065.entry.js +4 -0
  330. package/dist/ionic/p-75d056d0.system.entry.js +4 -0
  331. package/dist/ionic/p-77d57dc2.system.entry.js +4 -0
  332. package/dist/ionic/p-7917710f.system.entry.js +4 -0
  333. package/dist/ionic/p-795787f2.entry.js +4 -0
  334. package/dist/ionic/p-7a81f98e.entry.js +4 -0
  335. package/dist/ionic/p-7bc994fd.js +4 -0
  336. package/dist/ionic/p-7cfe6f4a.entry.js +4 -0
  337. package/dist/ionic/{p-cea92c46.system.js → p-7f143abf.system.js} +1 -1
  338. package/dist/ionic/{p-dbd39afd.system.js → p-7fd5a3d3.system.js} +1 -1
  339. package/dist/ionic/p-836fb660.entry.js +4 -0
  340. package/dist/ionic/p-83cb6a20.system.entry.js +4 -0
  341. package/dist/ionic/p-86521979.system.entry.js +4 -0
  342. package/dist/ionic/p-87281fc9.system.js +4 -0
  343. package/dist/ionic/{p-4c275462.js → p-872be13b.js} +1 -1
  344. package/dist/ionic/p-886ff0f8.system.entry.js +4 -0
  345. package/dist/ionic/p-89ad4473.js +4 -0
  346. package/dist/ionic/{p-697eee8c.system.entry.js → p-8a8e843c.system.entry.js} +1 -1
  347. package/dist/ionic/p-910e6371.entry.js +4 -0
  348. package/dist/ionic/p-9355dcb4.system.entry.js +4 -0
  349. package/dist/ionic/{p-3d61263b.system.entry.js → p-9685fe95.system.entry.js} +1 -1
  350. package/dist/ionic/{p-58aa8a36.system.js → p-97c801b9.system.js} +1 -1
  351. package/dist/ionic/{p-f25ad420.system.entry.js → p-97cc477f.system.entry.js} +1 -1
  352. package/dist/ionic/p-986dd0b7.entry.js +4 -0
  353. package/dist/ionic/p-99227d83.system.entry.js +4 -0
  354. package/dist/ionic/{p-86d98446.system.entry.js → p-99d106bd.system.entry.js} +1 -1
  355. package/dist/ionic/p-9a7c6bf9.system.js +4 -0
  356. package/dist/ionic/p-9cd19610.system.entry.js +4 -0
  357. package/dist/ionic/p-9f9a666d.system.js +4 -0
  358. package/dist/ionic/p-a0879901.system.js +4 -0
  359. package/dist/ionic/p-a09bf565.entry.js +4 -0
  360. package/dist/ionic/{p-a1cdc742.js → p-a5a91cba.js} +1 -1
  361. package/dist/ionic/p-a66016cd.system.entry.js +4 -0
  362. package/dist/ionic/p-a6ad7cc9.entry.js +4 -0
  363. package/dist/ionic/{p-93e47936.js → p-a6e62d2b.js} +1 -1
  364. package/dist/ionic/p-a78181cc.system.entry.js +4 -0
  365. package/dist/ionic/p-a7e1bd93.entry.js +4 -0
  366. package/dist/ionic/p-aaacc929.system.entry.js +4 -0
  367. package/dist/ionic/p-ac558084.entry.js +4 -0
  368. package/dist/ionic/{p-47fd935c.system.js → p-ae21baa6.system.js} +2 -2
  369. package/dist/ionic/p-af321c18.entry.js +4 -0
  370. package/dist/ionic/p-af69da90.entry.js +4 -0
  371. package/dist/ionic/p-b13db3c9.system.entry.js +4 -0
  372. package/dist/ionic/p-b1914bba.system.entry.js +4 -0
  373. package/dist/ionic/{p-a510e9c0.js → p-b1a9e1ce.js} +1 -1
  374. package/dist/ionic/{p-f116fb3f.system.js → p-b30830bd.system.js} +1 -1
  375. package/dist/ionic/{p-1efa63f2.js → p-b447afc8.js} +1 -1
  376. package/dist/ionic/{p-ac1c2b6a.js → p-b45244a2.js} +1 -1
  377. package/dist/ionic/{p-63fde7fe.entry.js → p-b4b60b97.entry.js} +1 -1
  378. package/dist/ionic/p-b5348f8f.system.js +4 -0
  379. package/dist/ionic/p-b6f00169.system.entry.js +4 -0
  380. package/dist/ionic/p-b6f44863.system.js +4 -0
  381. package/dist/ionic/p-b812ce8d.entry.js +4 -0
  382. package/dist/ionic/{p-62887754.system.js → p-b892d7e3.system.js} +1 -1
  383. package/dist/ionic/{p-a2814291.system.js → p-bbc9d5aa.system.js} +1 -1
  384. package/dist/ionic/p-bcb255e3.system.entry.js +4 -0
  385. package/dist/ionic/p-bea37cc1.system.entry.js +4 -0
  386. package/dist/ionic/p-c0a8a8b6.system.entry.js +4 -0
  387. package/dist/ionic/{p-9ed87d1b.js → p-c1c637d2.js} +1 -1
  388. package/dist/ionic/p-c48a6425.system.entry.js +4 -0
  389. package/dist/ionic/{p-8463212e.js → p-c4cf7721.js} +1 -1
  390. package/dist/ionic/p-c7aa652c.entry.js +4 -0
  391. package/dist/ionic/{p-f193945e.system.js → p-cdbb6875.system.js} +1 -1
  392. package/dist/ionic/p-d49da56a.system.entry.js +4 -0
  393. package/dist/ionic/{p-a538ab98.js → p-d61bbbec.js} +1 -1
  394. package/dist/ionic/p-d683e61f.system.entry.js +4 -0
  395. package/dist/ionic/p-d7e43c62.system.entry.js +4 -0
  396. package/dist/ionic/{p-84667060.entry.js → p-d8005cef.entry.js} +1 -1
  397. package/dist/ionic/{p-18892506.entry.js → p-d854fb32.entry.js} +1 -1
  398. package/dist/ionic/{p-986855d6.js → p-d91c085a.js} +1 -1
  399. package/dist/ionic/{p-5684893b.system.entry.js → p-da89b9bd.system.entry.js} +2 -2
  400. package/dist/ionic/p-dbb23cfa.entry.js +4 -0
  401. package/dist/ionic/p-dcbbd7bb.entry.js +4 -0
  402. package/dist/ionic/p-e5bffd6f.system.entry.js +4 -0
  403. package/dist/ionic/p-e6430e45.entry.js +4 -0
  404. package/dist/ionic/{p-556778bd.system.js → p-e832ef1e.system.js} +1 -1
  405. package/dist/ionic/{p-4626fb32.system.js → p-e97ceed8.system.js} +1 -1
  406. package/dist/ionic/p-e9c36e22.system.entry.js +4 -0
  407. package/dist/ionic/p-ece9123f.entry.js +4 -0
  408. package/dist/ionic/{p-822e47a9.system.js → p-efa05ed2.system.js} +1 -1
  409. package/dist/ionic/{p-5a6d245d.system.entry.js → p-f2b7dad7.system.entry.js} +1 -1
  410. package/dist/ionic/p-f2f33ab4.system.entry.js +4 -0
  411. package/dist/ionic/p-f3508be6.js +4 -0
  412. package/dist/ionic/{p-fad81132.system.entry.js → p-f3d7cf9a.system.entry.js} +1 -1
  413. package/dist/ionic/p-f52959de.js +4 -0
  414. package/dist/ionic/p-fa34bf0c.system.entry.js +4 -0
  415. package/dist/ionic/p-fa5a0d2e.system.entry.js +4 -0
  416. package/dist/ionic/p-fa5dc348.entry.js +4 -0
  417. package/dist/ionic/p-fac055ef.entry.js +4 -0
  418. package/dist/ionic/p-fb559858.entry.js +4 -0
  419. package/dist/ionic/p-fe76a062.entry.js +4 -0
  420. package/dist/types/components/app/app.d.ts +2 -0
  421. package/dist/types/components/badge/badge.d.ts +5 -0
  422. package/dist/types/components/searchbar/searchbar.d.ts +8 -0
  423. package/dist/types/components.d.ts +17 -0
  424. package/dist/types/utils/focus-visible.d.ts +12 -0
  425. package/dist/types/utils/helpers.d.ts +11 -0
  426. package/hydrate/index.js +179 -102
  427. package/hydrate/index.mjs +179 -102
  428. package/package.json +2 -2
  429. package/dist/esm-es5/app-globals-eceadabb.js +0 -4
  430. package/dist/esm-es5/focus-visible-501aff19.js +0 -4
  431. package/dist/esm-es5/helpers-f08d15bd.js +0 -4
  432. package/dist/esm-es5/index-62b4a18b.js +0 -4
  433. package/dist/esm-es5/input-shims-6be83e59.js +0 -4
  434. package/dist/esm-es5/ios.transition-06b78ea0.js +0 -4
  435. package/dist/esm-es5/md.transition-e5712bda.js +0 -4
  436. package/dist/esm-es5/status-tap-edf9f395.js +0 -4
  437. package/dist/esm-es5/swipe-back-17c42610.js +0 -4
  438. package/dist/ionic/p-01451762.entry.js +0 -4
  439. package/dist/ionic/p-038a6294.js +0 -4
  440. package/dist/ionic/p-06f2f110.system.entry.js +0 -4
  441. package/dist/ionic/p-09125f4f.entry.js +0 -4
  442. package/dist/ionic/p-096e5f6d.system.entry.js +0 -4
  443. package/dist/ionic/p-0a0ce78f.system.entry.js +0 -4
  444. package/dist/ionic/p-0db90e9b.entry.js +0 -4
  445. package/dist/ionic/p-101ccd60.system.entry.js +0 -4
  446. package/dist/ionic/p-112120d7.system.js +0 -4
  447. package/dist/ionic/p-12337305.system.entry.js +0 -4
  448. package/dist/ionic/p-156d17cd.js +0 -4
  449. package/dist/ionic/p-18bbe9a5.entry.js +0 -4
  450. package/dist/ionic/p-18c930a5.system.entry.js +0 -4
  451. package/dist/ionic/p-1abd1c99.entry.js +0 -4
  452. package/dist/ionic/p-1cf1141c.system.entry.js +0 -4
  453. package/dist/ionic/p-1dd2b0af.entry.js +0 -4
  454. package/dist/ionic/p-1eeb9796.entry.js +0 -4
  455. package/dist/ionic/p-23b31425.entry.js +0 -4
  456. package/dist/ionic/p-24f15ce4.system.entry.js +0 -4
  457. package/dist/ionic/p-25cc2477.entry.js +0 -4
  458. package/dist/ionic/p-2e35a770.system.js +0 -4
  459. package/dist/ionic/p-2ef115ec.system.entry.js +0 -4
  460. package/dist/ionic/p-330e703e.entry.js +0 -4
  461. package/dist/ionic/p-33dc4514.js +0 -4
  462. package/dist/ionic/p-346c67b0.js +0 -4
  463. package/dist/ionic/p-3583dd40.system.entry.js +0 -4
  464. package/dist/ionic/p-398b00a5.system.entry.js +0 -4
  465. package/dist/ionic/p-3b7adbc3.system.entry.js +0 -4
  466. package/dist/ionic/p-41c19986.system.js +0 -4
  467. package/dist/ionic/p-41f06734.entry.js +0 -4
  468. package/dist/ionic/p-4219582c.system.js +0 -4
  469. package/dist/ionic/p-4385e3fb.system.entry.js +0 -4
  470. package/dist/ionic/p-4a39ba11.entry.js +0 -4
  471. package/dist/ionic/p-4a6d4288.entry.js +0 -4
  472. package/dist/ionic/p-4a869870.entry.js +0 -4
  473. package/dist/ionic/p-4ac4f52a.system.entry.js +0 -4
  474. package/dist/ionic/p-4c9e1b2c.js +0 -4
  475. package/dist/ionic/p-51371e21.system.js +0 -4
  476. package/dist/ionic/p-530c591a.entry.js +0 -4
  477. package/dist/ionic/p-5377db51.system.entry.js +0 -4
  478. package/dist/ionic/p-55546d77.system.entry.js +0 -4
  479. package/dist/ionic/p-57de8d54.system.entry.js +0 -4
  480. package/dist/ionic/p-58c64779.system.entry.js +0 -4
  481. package/dist/ionic/p-5a6b3c0d.entry.js +0 -4
  482. package/dist/ionic/p-5ce35a03.js +0 -4
  483. package/dist/ionic/p-5eb8561f.system.entry.js +0 -4
  484. package/dist/ionic/p-5ff5d2bb.entry.js +0 -4
  485. package/dist/ionic/p-60c310ae.system.entry.js +0 -4
  486. package/dist/ionic/p-60d21ee9.system.entry.js +0 -4
  487. package/dist/ionic/p-61f85a49.system.entry.js +0 -4
  488. package/dist/ionic/p-623fcccc.entry.js +0 -4
  489. package/dist/ionic/p-6433742e.system.entry.js +0 -4
  490. package/dist/ionic/p-67b6e18d.entry.js +0 -4
  491. package/dist/ionic/p-6bc2795b.entry.js +0 -4
  492. package/dist/ionic/p-6caa76ec.js +0 -4
  493. package/dist/ionic/p-6cbca6c5.system.entry.js +0 -4
  494. package/dist/ionic/p-6dc32e8b.entry.js +0 -4
  495. package/dist/ionic/p-6e53290f.system.entry.js +0 -4
  496. package/dist/ionic/p-7607d8ba.system.entry.js +0 -4
  497. package/dist/ionic/p-78ed8923.js +0 -4
  498. package/dist/ionic/p-7a858bae.system.js +0 -4
  499. package/dist/ionic/p-7d36cf9f.system.entry.js +0 -4
  500. package/dist/ionic/p-81b72701.entry.js +0 -4
  501. package/dist/ionic/p-82cb4235.js +0 -4
  502. package/dist/ionic/p-857ba8d4.entry.js +0 -4
  503. package/dist/ionic/p-86e9a917.system.entry.js +0 -4
  504. package/dist/ionic/p-871f4046.entry.js +0 -4
  505. package/dist/ionic/p-8956f9a8.system.entry.js +0 -4
  506. package/dist/ionic/p-8a5c53fa.entry.js +0 -4
  507. package/dist/ionic/p-8b0f0a87.entry.js +0 -4
  508. package/dist/ionic/p-8dbfae64.entry.js +0 -4
  509. package/dist/ionic/p-903c544a.js +0 -4
  510. package/dist/ionic/p-916bc9ed.system.entry.js +0 -4
  511. package/dist/ionic/p-92646426.js +0 -4
  512. package/dist/ionic/p-94fc2104.system.entry.js +0 -4
  513. package/dist/ionic/p-9abb7d9b.entry.js +0 -4
  514. package/dist/ionic/p-9ac1a506.system.js +0 -4
  515. package/dist/ionic/p-a5a9206f.entry.js +0 -4
  516. package/dist/ionic/p-a98061d0.entry.js +0 -4
  517. package/dist/ionic/p-b18c52cd.entry.js +0 -4
  518. package/dist/ionic/p-b517144d.system.entry.js +0 -4
  519. package/dist/ionic/p-b5dc9a32.system.entry.js +0 -4
  520. package/dist/ionic/p-b80582fe.system.entry.js +0 -4
  521. package/dist/ionic/p-bbcec459.system.js +0 -4
  522. package/dist/ionic/p-bcdd3eaf.entry.js +0 -4
  523. package/dist/ionic/p-c373eebd.system.js +0 -4
  524. package/dist/ionic/p-cdff6a80.system.entry.js +0 -4
  525. package/dist/ionic/p-d4862803.entry.js +0 -4
  526. package/dist/ionic/p-d6ed3be1.entry.js +0 -4
  527. package/dist/ionic/p-dc286a59.entry.js +0 -4
  528. package/dist/ionic/p-df09db21.entry.js +0 -4
  529. package/dist/ionic/p-df4b88fc.system.entry.js +0 -4
  530. package/dist/ionic/p-ea3ca474.system.js +0 -4
  531. package/dist/ionic/p-eb4ba253.entry.js +0 -4
  532. package/dist/ionic/p-ebd641e4.system.entry.js +0 -4
  533. package/dist/ionic/p-ebe94d15.entry.js +0 -4
  534. package/dist/ionic/p-eda736d7.entry.js +0 -4
  535. package/dist/ionic/p-ee17be82.entry.js +0 -4
  536. package/dist/ionic/p-eee899d5.system.entry.js +0 -4
  537. package/dist/ionic/p-f44c9c6e.system.entry.js +0 -4
  538. package/dist/ionic/p-f5be97b8.entry.js +0 -4
  539. package/dist/ionic/p-f8123284.entry.js +0 -4
  540. package/dist/ionic/p-fff78cd2.system.entry.js +0 -4
package/css/ionic/typography.ionic.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/typography.ionic.scss","../../src/foundations/ionic.vars.scss","../../src/themes/ionic/ionic.mixins.scss"],"names":[],"mappings":"AAGA,KACE,YCwtBgB,4CDrtBlB,KE+DE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBFjEF,GE0DE,4CACA,gDAEA,oDACA,kDAEA,qBACA,oBF7DF,GEsDE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBFzDF,GEkDE,2CACA,gDAEA,oDACA,kDAEA,qBACA,oBFrDF,GE8CE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBFjDF,GE0CE,4CACA,gDAEA,oDACA,kDAEA,qBACA,oBF7CF,GEsCE,6CACA,gDAEA,oDACA,kDAEA,qBACA","file":"typography.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// TODO(ROU-10833): add font loading solution here, as a @font-face, base64 or cdn\nhtml {\n font-family: globals.$ion-font-family;\n}\n\nbody {\n @include globals.typography(globals.$ion-body-md-regular);\n}\n\n/* Override html headings based on heading tokens */\nh1 {\n @include globals.typography(globals.$ion-heading-h1-regular);\n}\n\nh2 {\n @include globals.typography(globals.$ion-heading-h2-regular);\n}\n\nh3 {\n @include globals.typography(globals.$ion-heading-h3-regular);\n}\n\nh4 {\n @include globals.typography(globals.$ion-heading-h4-regular);\n}\n\nh5 {\n @include globals.typography(globals.$ion-heading-h5-regular);\n}\n\nh6 {\n @include globals.typography(globals.$ion-heading-h6-regular);\n}\n","/*\nDo not edit directly, this file was auto-generated.\n*/\n@use \"../themes/functions.sizes\" as font;\n\n$ion-semantics-primary-100: var(--ion-semantics-primary-100, #f2f4fd);\n$ion-semantics-primary-100-rgb: var(--ion-semantics-primary-100-rgb, 242, 244, 253);\n$ion-semantics-primary-200: var(--ion-semantics-primary-200, #e9ecfc);\n$ion-semantics-primary-200-rgb: var(--ion-semantics-primary-200-rgb, 233, 236, 252);\n$ion-semantics-primary-300: var(--ion-semantics-primary-300, #d0d7fa);\n$ion-semantics-primary-300-rgb: var(--ion-semantics-primary-300-rgb, 208, 215, 250);\n$ion-semantics-primary-400: var(--ion-semantics-primary-400, #b5c0f7);\n$ion-semantics-primary-400-rgb: var(--ion-semantics-primary-400-rgb, 181, 192, 247);\n$ion-semantics-primary-500: var(--ion-semantics-primary-500, #94a5f4);\n$ion-semantics-primary-500-rgb: var(--ion-semantics-primary-500-rgb, 148, 165, 244);\n$ion-semantics-primary-600: var(--ion-semantics-primary-600, #6986f2);\n$ion-semantics-primary-600-rgb: var(--ion-semantics-primary-600-rgb, 105, 134, 242);\n$ion-semantics-primary-700: var(--ion-semantics-primary-700, #105cef);\n$ion-semantics-primary-700-rgb: var(--ion-semantics-primary-700-rgb, 16, 92, 239);\n$ion-semantics-primary-800: var(--ion-semantics-primary-800, #0f54da);\n$ion-semantics-primary-800-rgb: var(--ion-semantics-primary-800-rgb, 15, 84, 218);\n$ion-semantics-primary-900: var(--ion-semantics-primary-900, #0d4bc3);\n$ion-semantics-primary-900-rgb: var(--ion-semantics-primary-900-rgb, 13, 75, 195);\n$ion-semantics-primary-1000: var(--ion-semantics-primary-1000, #0b41a9);\n$ion-semantics-primary-1000-rgb: var(--ion-semantics-primary-1000-rgb, 11, 65, 169);\n$ion-semantics-primary-1100: var(--ion-semantics-primary-1100, #09358a);\n$ion-semantics-primary-1100-rgb: var(--ion-semantics-primary-1100-rgb, 9, 53, 138);\n$ion-semantics-primary-1200: var(--ion-semantics-primary-1200, #072561);\n$ion-semantics-primary-1200-rgb: var(--ion-semantics-primary-1200-rgb, 7, 37, 97);\n$ion-semantics-primary-base: var(--ion-semantics-primary-base, #105cef);\n$ion-semantics-primary-base-rgb: var(--ion-semantics-primary-base-rgb, 16, 92, 239);\n$ion-semantics-info-100: var(--ion-semantics-info-100, #ebf9fe);\n$ion-semantics-info-100-rgb: var(--ion-semantics-info-100-rgb, 235, 249, 254);\n$ion-semantics-info-200: var(--ion-semantics-info-200, #dcf4fd);\n$ion-semantics-info-200-rgb: var(--ion-semantics-info-200-rgb, 220, 244, 253);\n$ion-semantics-info-300: var(--ion-semantics-info-300, #b3e9fc);\n$ion-semantics-info-300-rgb: var(--ion-semantics-info-300-rgb, 179, 233, 252);\n$ion-semantics-info-400: var(--ion-semantics-info-400, #80defa);\n$ion-semantics-info-400-rgb: var(--ion-semantics-info-400-rgb, 128, 222, 250);\n$ion-semantics-info-500: var(--ion-semantics-info-500, #27d3f9);\n$ion-semantics-info-500-rgb: var(--ion-semantics-info-500-rgb, 39, 211, 249);\n$ion-semantics-info-600: var(--ion-semantics-info-600, #22bbdc);\n$ion-semantics-info-600-rgb: var(--ion-semantics-info-600-rgb, 34, 187, 220);\n$ion-semantics-info-700: var(--ion-semantics-info-700, #1ea2bf);\n$ion-semantics-info-700-rgb: var(--ion-semantics-info-700-rgb, 30, 162, 191);\n$ion-semantics-info-800: var(--ion-semantics-info-800, #1988a0);\n$ion-semantics-info-800-rgb: var(--ion-semantics-info-800-rgb, 25, 136, 160);\n$ion-semantics-info-900: var(--ion-semantics-info-900, #146d81);\n$ion-semantics-info-900-rgb: var(--ion-semantics-info-900-rgb, 20, 109, 129);\n$ion-semantics-info-1000: var(--ion-semantics-info-1000, #0f5261);\n$ion-semantics-info-1000-rgb: var(--ion-semantics-info-1000-rgb, 15, 82, 97);\n$ion-semantics-info-1100: var(--ion-semantics-info-1100, #0a3741);\n$ion-semantics-info-1100-rgb: var(--ion-semantics-info-1100-rgb, 10, 55, 65);\n$ion-semantics-info-1200: var(--ion-semantics-info-1200, #051c21);\n$ion-semantics-info-1200-rgb: var(--ion-semantics-info-1200-rgb, 5, 28, 33);\n$ion-semantics-info-base: var(--ion-semantics-info-base, #1ea2bf);\n$ion-semantics-info-base-rgb: var(--ion-semantics-info-base-rgb, 30, 162, 191);\n$ion-semantics-success-100: var(--ion-semantics-success-100, #ebf9ec);\n$ion-semantics-success-100-rgb: var(--ion-semantics-success-100-rgb, 235, 249, 236);\n$ion-semantics-success-200: var(--ion-semantics-success-200, #dcf5de);\n$ion-semantics-success-200-rgb: var(--ion-semantics-success-200-rgb, 220, 245, 222);\n$ion-semantics-success-300: var(--ion-semantics-success-300, #b3ebb7);\n$ion-semantics-success-300-rgb: var(--ion-semantics-success-300-rgb, 179, 235, 183);\n$ion-semantics-success-400: var(--ion-semantics-success-400, #7fe089);\n$ion-semantics-success-400-rgb: var(--ion-semantics-success-400-rgb, 127, 224, 137);\n$ion-semantics-success-500: var(--ion-semantics-success-500, #23d643);\n$ion-semantics-success-500-rgb: var(--ion-semantics-success-500-rgb, 35, 214, 67);\n$ion-semantics-success-600: var(--ion-semantics-success-600, #1fbd3b);\n$ion-semantics-success-600-rgb: var(--ion-semantics-success-600-rgb, 31, 189, 59);\n$ion-semantics-success-700: var(--ion-semantics-success-700, #1ba433);\n$ion-semantics-success-700-rgb: var(--ion-semantics-success-700-rgb, 27, 164, 51);\n$ion-semantics-success-800: var(--ion-semantics-success-800, #178a2b);\n$ion-semantics-success-800-rgb: var(--ion-semantics-success-800-rgb, 23, 138, 43);\n$ion-semantics-success-900: var(--ion-semantics-success-900, #126f23);\n$ion-semantics-success-900-rgb: var(--ion-semantics-success-900-rgb, 18, 111, 35);\n$ion-semantics-success-1000: var(--ion-semantics-success-1000, #0e531a);\n$ion-semantics-success-1000-rgb: var(--ion-semantics-success-1000-rgb, 14, 83, 26);\n$ion-semantics-success-1100: var(--ion-semantics-success-1100, #093811);\n$ion-semantics-success-1100-rgb: var(--ion-semantics-success-1100-rgb, 9, 56, 17);\n$ion-semantics-success-1200: var(--ion-semantics-success-1200, #051d09);\n$ion-semantics-success-1200-rgb: var(--ion-semantics-success-1200-rgb, 5, 29, 9);\n$ion-semantics-success-base: var(--ion-semantics-success-base, #1ba433);\n$ion-semantics-success-base-rgb: var(--ion-semantics-success-base-rgb, 27, 164, 51);\n$ion-semantics-danger-100: var(--ion-semantics-danger-100, #feeded);\n$ion-semantics-danger-100-rgb: var(--ion-semantics-danger-100-rgb, 254, 237, 237);\n$ion-semantics-danger-200: var(--ion-semantics-danger-200, #fde1e1);\n$ion-semantics-danger-200-rgb: var(--ion-semantics-danger-200-rgb, 253, 225, 225);\n$ion-semantics-danger-300: var(--ion-semantics-danger-300, #fcc1c1);\n$ion-semantics-danger-300-rgb: var(--ion-semantics-danger-300-rgb, 252, 193, 193);\n$ion-semantics-danger-400: var(--ion-semantics-danger-400, #faa1a1);\n$ion-semantics-danger-400-rgb: var(--ion-semantics-danger-400-rgb, 250, 161, 161);\n$ion-semantics-danger-500: var(--ion-semantics-danger-500, #f97d7d);\n$ion-semantics-danger-500-rgb: var(--ion-semantics-danger-500-rgb, 249, 125, 125);\n$ion-semantics-danger-600: var(--ion-semantics-danger-600, #f85151);\n$ion-semantics-danger-600-rgb: var(--ion-semantics-danger-600-rgb, 248, 81, 81);\n$ion-semantics-danger-700: var(--ion-semantics-danger-700, #e52929);\n$ion-semantics-danger-700-rgb: var(--ion-semantics-danger-700-rgb, 229, 41, 41);\n$ion-semantics-danger-800: var(--ion-semantics-danger-800, #bf2222);\n$ion-semantics-danger-800-rgb: var(--ion-semantics-danger-800-rgb, 191, 34, 34);\n$ion-semantics-danger-900: var(--ion-semantics-danger-900, #991b1b);\n$ion-semantics-danger-900-rgb: var(--ion-semantics-danger-900-rgb, 153, 27, 27);\n$ion-semantics-danger-1000: var(--ion-semantics-danger-1000, #761515);\n$ion-semantics-danger-1000-rgb: var(--ion-semantics-danger-1000-rgb, 118, 21, 21);\n$ion-semantics-danger-1100: var(--ion-semantics-danger-1100, #540f0f);\n$ion-semantics-danger-1100-rgb: var(--ion-semantics-danger-1100-rgb, 84, 15, 15);\n$ion-semantics-danger-1200: var(--ion-semantics-danger-1200, #330909);\n$ion-semantics-danger-1200-rgb: var(--ion-semantics-danger-1200-rgb, 51, 9, 9);\n$ion-semantics-danger-base: var(--ion-semantics-danger-base, #e52929);\n$ion-semantics-danger-base-rgb: var(--ion-semantics-danger-base-rgb, 229, 41, 41);\n$ion-semantics-warning-100: var(--ion-semantics-warning-100, #fff1ea);\n$ion-semantics-warning-100-rgb: var(--ion-semantics-warning-100-rgb, 255, 241, 234);\n$ion-semantics-warning-200: var(--ion-semantics-warning-200, #ffe8db);\n$ion-semantics-warning-200-rgb: var(--ion-semantics-warning-200-rgb, 255, 232, 219);\n$ion-semantics-warning-300: var(--ion-semantics-warning-300, #ffcfb1);\n$ion-semantics-warning-300-rgb: var(--ion-semantics-warning-300-rgb, 255, 207, 177);\n$ion-semantics-warning-400: var(--ion-semantics-warning-400, #ffb37b);\n$ion-semantics-warning-400-rgb: var(--ion-semantics-warning-400-rgb, 255, 179, 123);\n$ion-semantics-warning-500: var(--ion-semantics-warning-500, #ff9400);\n$ion-semantics-warning-500-rgb: var(--ion-semantics-warning-500-rgb, 255, 148, 0);\n$ion-semantics-warning-600: var(--ion-semantics-warning-600, #e18300);\n$ion-semantics-warning-600-rgb: var(--ion-semantics-warning-600-rgb, 225, 131, 0);\n$ion-semantics-warning-700: var(--ion-semantics-warning-700, #c37100);\n$ion-semantics-warning-700-rgb: var(--ion-semantics-warning-700-rgb, 195, 113, 0);\n$ion-semantics-warning-800: var(--ion-semantics-warning-800, #a45f00);\n$ion-semantics-warning-800-rgb: var(--ion-semantics-warning-800-rgb, 164, 95, 0);\n$ion-semantics-warning-900: var(--ion-semantics-warning-900, #844d00);\n$ion-semantics-warning-900-rgb: var(--ion-semantics-warning-900-rgb, 132, 77, 0);\n$ion-semantics-warning-1000: var(--ion-semantics-warning-1000, #633a00);\n$ion-semantics-warning-1000-rgb: var(--ion-semantics-warning-1000-rgb, 99, 58, 0);\n$ion-semantics-warning-1100: var(--ion-semantics-warning-1100, #422700);\n$ion-semantics-warning-1100-rgb: var(--ion-semantics-warning-1100-rgb, 66, 39, 0);\n$ion-semantics-warning-1200: var(--ion-semantics-warning-1200, #221400);\n$ion-semantics-warning-1200-rgb: var(--ion-semantics-warning-1200-rgb, 34, 20, 0);\n$ion-semantics-warning-base: var(--ion-semantics-warning-base, #c37100);\n$ion-semantics-warning-base-rgb: var(--ion-semantics-warning-base-rgb, 195, 113, 0);\n$ion-bg-primary-base-default: var(--ion-bg-primary-base-default, #105cef);\n$ion-bg-primary-base-default-rgb: var(--ion-bg-primary-base-default-rgb, 16, 92, 239);\n$ion-bg-primary-base-press: var(--ion-bg-primary-base-press, #0d4bc3);\n$ion-bg-primary-base-press-rgb: var(--ion-bg-primary-base-press-rgb, 13, 75, 195);\n$ion-bg-primary-subtle-default: var(--ion-bg-primary-subtle-default, #f2f4fd);\n$ion-bg-primary-subtle-default-rgb: var(--ion-bg-primary-subtle-default-rgb, 242, 244, 253);\n$ion-bg-primary-subtle-press: var(--ion-bg-primary-subtle-press, #d0d7fa);\n$ion-bg-primary-subtle-press-rgb: var(--ion-bg-primary-subtle-press-rgb, 208, 215, 250);\n$ion-bg-danger-base-default: var(--ion-bg-danger-base-default, #bf2222);\n$ion-bg-danger-base-default-rgb: var(--ion-bg-danger-base-default-rgb, 191, 34, 34);\n$ion-bg-danger-base-press: var(--ion-bg-danger-base-press, #761515);\n$ion-bg-danger-base-press-rgb: var(--ion-bg-danger-base-press-rgb, 118, 21, 21);\n$ion-bg-danger-subtle-default: var(--ion-bg-danger-subtle-default, #feeded);\n$ion-bg-danger-subtle-default-rgb: var(--ion-bg-danger-subtle-default-rgb, 254, 237, 237);\n$ion-bg-danger-subtle-press: var(--ion-bg-danger-subtle-press, #fcc1c1);\n$ion-bg-danger-subtle-press-rgb: var(--ion-bg-danger-subtle-press-rgb, 252, 193, 193);\n$ion-bg-success-base-default: var(--ion-bg-success-base-default, #126f23);\n$ion-bg-success-base-default-rgb: var(--ion-bg-success-base-default-rgb, 18, 111, 35);\n$ion-bg-success-base-press: var(--ion-bg-success-base-press, #093811);\n$ion-bg-success-base-press-rgb: var(--ion-bg-success-base-press-rgb, 9, 56, 17);\n$ion-bg-success-subtle-default: var(--ion-bg-success-subtle-default, #ebf9ec);\n$ion-bg-success-subtle-default-rgb: var(--ion-bg-success-subtle-default-rgb, 235, 249, 236);\n$ion-bg-success-subtle-press: var(--ion-bg-success-subtle-press, #b3ebb7);\n$ion-bg-success-subtle-press-rgb: var(--ion-bg-success-subtle-press-rgb, 179, 235, 183);\n$ion-bg-info-base-default: var(--ion-bg-info-base-default, #146d81);\n$ion-bg-info-base-default-rgb: var(--ion-bg-info-base-default-rgb, 20, 109, 129);\n$ion-bg-info-base-press: var(--ion-bg-info-base-press, #0a3741);\n$ion-bg-info-base-press-rgb: var(--ion-bg-info-base-press-rgb, 10, 55, 65);\n$ion-bg-info-subtle-default: var(--ion-bg-info-subtle-default, #ebf9fe);\n$ion-bg-info-subtle-default-rgb: var(--ion-bg-info-subtle-default-rgb, 235, 249, 254);\n$ion-bg-info-subtle-press: var(--ion-bg-info-subtle-press, #b3e9fc);\n$ion-bg-info-subtle-press-rgb: var(--ion-bg-info-subtle-press-rgb, 179, 233, 252);\n$ion-bg-warning-base-default: var(--ion-bg-warning-base-default, #a45f00);\n$ion-bg-warning-base-default-rgb: var(--ion-bg-warning-base-default-rgb, 164, 95, 0);\n$ion-bg-warning-base-press: var(--ion-bg-warning-base-press, #633a00);\n$ion-bg-warning-base-press-rgb: var(--ion-bg-warning-base-press-rgb, 99, 58, 0);\n$ion-bg-warning-subtle-default: var(--ion-bg-warning-subtle-default, #fff1ea);\n$ion-bg-warning-subtle-default-rgb: var(--ion-bg-warning-subtle-default-rgb, 255, 241, 234);\n$ion-bg-warning-subtle-press: var(--ion-bg-warning-subtle-press, #ffcfb1);\n$ion-bg-warning-subtle-press-rgb: var(--ion-bg-warning-subtle-press-rgb, 255, 207, 177);\n$ion-bg-body: var(--ion-bg-body, #f5f5f5);\n$ion-bg-body-rgb: var(--ion-bg-body-rgb, 245, 245, 245);\n$ion-bg-neutral-subtle-default: var(--ion-bg-neutral-subtle-default, #e7e7e7);\n$ion-bg-neutral-subtle-default-rgb: var(--ion-bg-neutral-subtle-default-rgb, 231, 231, 231);\n$ion-bg-neutral-subtle-press: var(--ion-bg-neutral-subtle-press, #b9b9b9);\n$ion-bg-neutral-subtle-press-rgb: var(--ion-bg-neutral-subtle-press-rgb, 185, 185, 185);\n$ion-bg-neutral-base-default: var(--ion-bg-neutral-base-default, #626262);\n$ion-bg-neutral-base-default-rgb: var(--ion-bg-neutral-base-default-rgb, 98, 98, 98);\n$ion-bg-neutral-base-press: var(--ion-bg-neutral-base-press, #3b3b3b);\n$ion-bg-neutral-base-press-rgb: var(--ion-bg-neutral-base-press-rgb, 59, 59, 59);\n$ion-bg-neutral-subtlest-default: var(--ion-bg-neutral-subtlest-default, #ffffff);\n$ion-bg-neutral-subtlest-default-rgb: var(--ion-bg-neutral-subtlest-default-rgb, 255, 255, 255);\n$ion-bg-neutral-subtlest-press: var(--ion-bg-neutral-subtlest-press, #e7e7e7);\n$ion-bg-neutral-subtlest-press-rgb: var(--ion-bg-neutral-subtlest-press-rgb, 231, 231, 231);\n$ion-bg-surface-default: var(--ion-bg-surface-default, #ffffff);\n$ion-bg-surface-default-rgb: var(--ion-bg-surface-default-rgb, 255, 255, 255);\n$ion-bg-input-default: var(--ion-bg-input-default, #ffffff);\n$ion-bg-input-default-rgb: var(--ion-bg-input-default-rgb, 255, 255, 255);\n$ion-bg-input-read-only: var(--ion-bg-input-read-only, #f5f5f5);\n$ion-bg-input-read-only-rgb: var(--ion-bg-input-read-only-rgb, 245, 245, 245);\n$ion-text-default: var(--ion-text-default, #242424);\n$ion-text-default-rgb: var(--ion-text-default-rgb, 36, 36, 36);\n$ion-text-subtle: var(--ion-text-subtle, #3b3b3b);\n$ion-text-subtle-rgb: var(--ion-text-subtle-rgb, 59, 59, 59);\n$ion-text-subtlest: var(--ion-text-subtlest, #626262);\n$ion-text-subtlest-rgb: var(--ion-text-subtlest-rgb, 98, 98, 98);\n$ion-text-primary: var(--ion-text-primary, #105cef);\n$ion-text-primary-rgb: var(--ion-text-primary-rgb, 16, 92, 239);\n$ion-text-disabled: var(--ion-text-disabled, #a2a2a2);\n$ion-text-disabled-rgb: var(--ion-text-disabled-rgb, 162, 162, 162);\n$ion-text-danger: var(--ion-text-danger, #bf2222);\n$ion-text-danger-rgb: var(--ion-text-danger-rgb, 191, 34, 34);\n$ion-text-info: var(--ion-text-info, #146d81);\n$ion-text-info-rgb: var(--ion-text-info-rgb, 20, 109, 129);\n$ion-text-warning: var(--ion-text-warning, #a45f00);\n$ion-text-warning-rgb: var(--ion-text-warning-rgb, 164, 95, 0);\n$ion-text-success: var(--ion-text-success, #126f23);\n$ion-text-success-rgb: var(--ion-text-success-rgb, 18, 111, 35);\n$ion-text-link-default: var(--ion-text-link-default, #105cef);\n$ion-text-link-default-rgb: var(--ion-text-link-default-rgb, 16, 92, 239);\n$ion-text-link-press: var(--ion-text-link-press, #0f54da);\n$ion-text-link-press-rgb: var(--ion-text-link-press-rgb, 15, 84, 218);\n$ion-text-link-visited: var(--ion-text-link-visited, #0d4bc3);\n$ion-text-link-visited-rgb: var(--ion-text-link-visited-rgb, 13, 75, 195);\n$ion-text-inverse: var(--ion-text-inverse, #ffffff);\n$ion-text-inverse-rgb: var(--ion-text-inverse-rgb, 255, 255, 255);\n$ion-text-select: var(--ion-text-select, #105cef);\n$ion-text-select-rgb: var(--ion-text-select-rgb, 16, 92, 239);\n$ion-border-default: var(--ion-border-default, #cfcfcf);\n$ion-border-default-rgb: var(--ion-border-default-rgb, 207, 207, 207);\n$ion-border-focus-0: var(--ion-border-focus-0, none);\n$ion-border-focus-default: var(--ion-border-focus-default, #b5c0f7);\n$ion-border-focus-default-rgb: var(--ion-border-focus-default-rgb, 181, 192, 247);\n$ion-border-focus-error: var(--ion-border-focus-error, #faa1a1);\n$ion-border-focus-error-rgb: var(--ion-border-focus-error-rgb, 250, 161, 161);\n$ion-border-primary: var(--ion-border-primary, #105cef);\n$ion-border-primary-rgb: var(--ion-border-primary-rgb, 16, 92, 239);\n$ion-border-success: var(--ion-border-success, #126f23);\n$ion-border-success-rgb: var(--ion-border-success-rgb, 18, 111, 35);\n$ion-border-warning: var(--ion-border-warning, #a45f00);\n$ion-border-warning-rgb: var(--ion-border-warning-rgb, 164, 95, 0);\n$ion-border-danger: var(--ion-border-danger, #bf2222);\n$ion-border-danger-rgb: var(--ion-border-danger-rgb, 191, 34, 34);\n$ion-border-subtle: var(--ion-border-subtle, #cfcfcf);\n$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 207, 207, 207);\n$ion-border-input-default: var(--ion-border-input-default, #a2a2a2);\n$ion-border-input-default-rgb: var(--ion-border-input-default-rgb, 162, 162, 162);\n$ion-border-input-press: var(--ion-border-input-press, #777777);\n$ion-border-input-press-rgb: var(--ion-border-input-press-rgb, 119, 119, 119);\n$ion-border-input-read-only: var(--ion-border-input-read-only, #a2a2a2);\n$ion-border-input-read-only-rgb: var(--ion-border-input-read-only-rgb, 162, 162, 162);\n$ion-border-style-none: var(--ion-border-style-none, none);\n$ion-border-style-solid: var(--ion-border-style-solid, solid);\n$ion-border-style-dashed: var(--ion-border-style-dashed, dashed);\n$ion-border-style-dotted: var(--ion-border-style-dotted, dotted);\n$ion-border-size-0: var(--ion-border-size-0, 0px);\n$ion-border-size-025: var(--ion-border-size-025, 1px);\n$ion-border-size-050: var(--ion-border-size-050, 2px);\n$ion-border-size-075: var(--ion-border-size-075, 3px);\n$ion-border-radius-0: var(--ion-border-radius-0, 0px);\n$ion-border-radius-100: var(--ion-border-radius-100, 4px);\n$ion-border-radius-200: var(--ion-border-radius-200, 8px);\n$ion-border-radius-300: var(--ion-border-radius-300, 12px);\n$ion-border-radius-400: var(--ion-border-radius-400, 16px);\n$ion-border-radius-500: var(--ion-border-radius-500, 20px);\n$ion-border-radius-800: var(--ion-border-radius-800, 32px);\n$ion-border-radius-1000: var(--ion-border-radius-1000, 40px);\n$ion-border-radius-full: var(--ion-border-radius-full, 999px);\n$ion-border-radius-025: var(--ion-border-radius-025, 2px);\n$ion-shadow-1: var(--ion-shadow-1, rgba(0, 0, 0, 0.04));\n$ion-shadow-2: var(--ion-shadow-2, rgba(0, 0, 0, 0.05));\n$ion-shadow-3: var(--ion-shadow-3, rgba(0, 0, 0, 0.07));\n$ion-shadow-4: var(--ion-shadow-4, rgba(0, 0, 0, 0.08));\n$ion-shadow-5: var(--ion-shadow-5, rgba(0, 0, 0, 0.12));\n$ion-shadow-6: var(--ion-shadow-6, rgba(0, 0, 0, 0.16));\n$ion-shadow-7: var(--ion-shadow-7, rgba(0, 0, 0, 0.18));\n$ion-icon-subtlest: var(--ion-icon-subtlest, #626262);\n$ion-icon-subtlest-rgb: var(--ion-icon-subtlest-rgb, 98, 98, 98);\n$ion-icon-info: var(--ion-icon-info, #146d81);\n$ion-icon-info-rgb: var(--ion-icon-info-rgb, 20, 109, 129);\n$ion-icon-success: var(--ion-icon-success, #126f23);\n$ion-icon-success-rgb: var(--ion-icon-success-rgb, 18, 111, 35);\n$ion-icon-danger: var(--ion-icon-danger, #bf2222);\n$ion-icon-danger-rgb: var(--ion-icon-danger-rgb, 191, 34, 34);\n$ion-icon-warning: var(--ion-icon-warning, #a45f00);\n$ion-icon-warning-rgb: var(--ion-icon-warning-rgb, 164, 95, 0);\n$ion-icon-inverse: var(--ion-icon-inverse, #ffffff);\n$ion-icon-inverse-rgb: var(--ion-icon-inverse-rgb, 255, 255, 255);\n$ion-icon-primary: var(--ion-icon-primary, #105cef);\n$ion-icon-primary-rgb: var(--ion-icon-primary-rgb, 16, 92, 239);\n$ion-icon-default: var(--ion-icon-default, #242424);\n$ion-icon-default-rgb: var(--ion-icon-default-rgb, 36, 36, 36);\n$ion-icon-disabled: var(--ion-icon-disabled, #a2a2a2);\n$ion-icon-disabled-rgb: var(--ion-icon-disabled-rgb, 162, 162, 162);\n$ion-icon-subtle: var(--ion-icon-subtle, #3b3b3b);\n$ion-icon-subtle-rgb: var(--ion-icon-subtle-rgb, 59, 59, 59);\n$ion-icon-select: var(--ion-icon-select, #105cef);\n$ion-icon-select-rgb: var(--ion-icon-select-rgb, 16, 92, 239);\n$ion-primitives-neutral-100: var(--ion-primitives-neutral-100, #f5f5f5);\n$ion-primitives-neutral-100-rgb: var(--ion-primitives-neutral-100-rgb, 245, 245, 245);\n$ion-primitives-neutral-200: var(--ion-primitives-neutral-200, #e7e7e7);\n$ion-primitives-neutral-200-rgb: var(--ion-primitives-neutral-200-rgb, 231, 231, 231);\n$ion-primitives-neutral-300: var(--ion-primitives-neutral-300, #cfcfcf);\n$ion-primitives-neutral-300-rgb: var(--ion-primitives-neutral-300-rgb, 207, 207, 207);\n$ion-primitives-neutral-400: var(--ion-primitives-neutral-400, #b9b9b9);\n$ion-primitives-neutral-400-rgb: var(--ion-primitives-neutral-400-rgb, 185, 185, 185);\n$ion-primitives-neutral-500: var(--ion-primitives-neutral-500, #a2a2a2);\n$ion-primitives-neutral-500-rgb: var(--ion-primitives-neutral-500-rgb, 162, 162, 162);\n$ion-primitives-neutral-600: var(--ion-primitives-neutral-600, #8c8c8c);\n$ion-primitives-neutral-600-rgb: var(--ion-primitives-neutral-600-rgb, 140, 140, 140);\n$ion-primitives-neutral-700: var(--ion-primitives-neutral-700, #777777);\n$ion-primitives-neutral-700-rgb: var(--ion-primitives-neutral-700-rgb, 119, 119, 119);\n$ion-primitives-neutral-800: var(--ion-primitives-neutral-800, #626262);\n$ion-primitives-neutral-800-rgb: var(--ion-primitives-neutral-800-rgb, 98, 98, 98);\n$ion-primitives-neutral-900: var(--ion-primitives-neutral-900, #4e4e4e);\n$ion-primitives-neutral-900-rgb: var(--ion-primitives-neutral-900-rgb, 78, 78, 78);\n$ion-primitives-neutral-1000: var(--ion-primitives-neutral-1000, #3b3b3b);\n$ion-primitives-neutral-1000-rgb: var(--ion-primitives-neutral-1000-rgb, 59, 59, 59);\n$ion-primitives-neutral-1100: var(--ion-primitives-neutral-1100, #292929);\n$ion-primitives-neutral-1100-rgb: var(--ion-primitives-neutral-1100-rgb, 41, 41, 41);\n$ion-primitives-neutral-1200: var(--ion-primitives-neutral-1200, #242424);\n$ion-primitives-neutral-1200-rgb: var(--ion-primitives-neutral-1200-rgb, 36, 36, 36);\n$ion-primitives-base-white: var(--ion-primitives-base-white, #ffffff);\n$ion-primitives-base-white-rgb: var(--ion-primitives-base-white-rgb, 255, 255, 255);\n$ion-primitives-base-black: var(--ion-primitives-base-black, #111111);\n$ion-primitives-base-black-rgb: var(--ion-primitives-base-black-rgb, 17, 17, 17);\n$ion-primitives-red-100: var(--ion-primitives-red-100, #feeded);\n$ion-primitives-red-100-rgb: var(--ion-primitives-red-100-rgb, 254, 237, 237);\n$ion-primitives-red-200: var(--ion-primitives-red-200, #fde1e1);\n$ion-primitives-red-200-rgb: var(--ion-primitives-red-200-rgb, 253, 225, 225);\n$ion-primitives-red-300: var(--ion-primitives-red-300, #fcc1c1);\n$ion-primitives-red-300-rgb: var(--ion-primitives-red-300-rgb, 252, 193, 193);\n$ion-primitives-red-400: var(--ion-primitives-red-400, #faa1a1);\n$ion-primitives-red-400-rgb: var(--ion-primitives-red-400-rgb, 250, 161, 161);\n$ion-primitives-red-500: var(--ion-primitives-red-500, #f97d7d);\n$ion-primitives-red-500-rgb: var(--ion-primitives-red-500-rgb, 249, 125, 125);\n$ion-primitives-red-600: var(--ion-primitives-red-600, #f85151);\n$ion-primitives-red-600-rgb: var(--ion-primitives-red-600-rgb, 248, 81, 81);\n$ion-primitives-red-700: var(--ion-primitives-red-700, #e52929);\n$ion-primitives-red-700-rgb: var(--ion-primitives-red-700-rgb, 229, 41, 41);\n$ion-primitives-red-800: var(--ion-primitives-red-800, #bf2222);\n$ion-primitives-red-800-rgb: var(--ion-primitives-red-800-rgb, 191, 34, 34);\n$ion-primitives-red-900: var(--ion-primitives-red-900, #991b1b);\n$ion-primitives-red-900-rgb: var(--ion-primitives-red-900-rgb, 153, 27, 27);\n$ion-primitives-red-1000: var(--ion-primitives-red-1000, #761515);\n$ion-primitives-red-1000-rgb: var(--ion-primitives-red-1000-rgb, 118, 21, 21);\n$ion-primitives-red-1100: var(--ion-primitives-red-1100, #540f0f);\n$ion-primitives-red-1100-rgb: var(--ion-primitives-red-1100-rgb, 84, 15, 15);\n$ion-primitives-red-1200: var(--ion-primitives-red-1200, #330909);\n$ion-primitives-red-1200-rgb: var(--ion-primitives-red-1200-rgb, 51, 9, 9);\n$ion-primitives-pumpkin-100: var(--ion-primitives-pumpkin-100, #feedea);\n$ion-primitives-pumpkin-100-rgb: var(--ion-primitives-pumpkin-100-rgb, 254, 237, 234);\n$ion-primitives-pumpkin-200: var(--ion-primitives-pumpkin-200, #fde0db);\n$ion-primitives-pumpkin-200-rgb: var(--ion-primitives-pumpkin-200-rgb, 253, 224, 219);\n$ion-primitives-pumpkin-300: var(--ion-primitives-pumpkin-300, #fbbdb1);\n$ion-primitives-pumpkin-300-rgb: var(--ion-primitives-pumpkin-300-rgb, 251, 189, 177);\n$ion-primitives-pumpkin-400: var(--ion-primitives-pumpkin-400, #f9947c);\n$ion-primitives-pumpkin-400-rgb: var(--ion-primitives-pumpkin-400-rgb, 249, 148, 124);\n$ion-primitives-pumpkin-500: var(--ion-primitives-pumpkin-500, #f75d07);\n$ion-primitives-pumpkin-500-rgb: var(--ion-primitives-pumpkin-500-rgb, 247, 93, 7);\n$ion-primitives-pumpkin-600: var(--ion-primitives-pumpkin-600, #da5206);\n$ion-primitives-pumpkin-600-rgb: var(--ion-primitives-pumpkin-600-rgb, 218, 82, 6);\n$ion-primitives-pumpkin-700: var(--ion-primitives-pumpkin-700, #bd4705);\n$ion-primitives-pumpkin-700-rgb: var(--ion-primitives-pumpkin-700-rgb, 189, 71, 5);\n$ion-primitives-pumpkin-800: var(--ion-primitives-pumpkin-800, #9f3c05);\n$ion-primitives-pumpkin-800-rgb: var(--ion-primitives-pumpkin-800-rgb, 159, 60, 5);\n$ion-primitives-pumpkin-900: var(--ion-primitives-pumpkin-900, #803004);\n$ion-primitives-pumpkin-900-rgb: var(--ion-primitives-pumpkin-900-rgb, 128, 48, 4);\n$ion-primitives-pumpkin-1000: var(--ion-primitives-pumpkin-1000, #602403);\n$ion-primitives-pumpkin-1000-rgb: var(--ion-primitives-pumpkin-1000-rgb, 96, 36, 3);\n$ion-primitives-pumpkin-1100: var(--ion-primitives-pumpkin-1100, #401802);\n$ion-primitives-pumpkin-1100-rgb: var(--ion-primitives-pumpkin-1100-rgb, 64, 24, 2);\n$ion-primitives-pumpkin-1200: var(--ion-primitives-pumpkin-1200, #210c01);\n$ion-primitives-pumpkin-1200-rgb: var(--ion-primitives-pumpkin-1200-rgb, 33, 12, 1);\n$ion-primitives-orange-100: var(--ion-primitives-orange-100, #fff1ea);\n$ion-primitives-orange-100-rgb: var(--ion-primitives-orange-100-rgb, 255, 241, 234);\n$ion-primitives-orange-200: var(--ion-primitives-orange-200, #ffe8db);\n$ion-primitives-orange-200-rgb: var(--ion-primitives-orange-200-rgb, 255, 232, 219);\n$ion-primitives-orange-300: var(--ion-primitives-orange-300, #ffcfb1);\n$ion-primitives-orange-300-rgb: var(--ion-primitives-orange-300-rgb, 255, 207, 177);\n$ion-primitives-orange-400: var(--ion-primitives-orange-400, #ffb37b);\n$ion-primitives-orange-400-rgb: var(--ion-primitives-orange-400-rgb, 255, 179, 123);\n$ion-primitives-orange-500: var(--ion-primitives-orange-500, #ff9400);\n$ion-primitives-orange-500-rgb: var(--ion-primitives-orange-500-rgb, 255, 148, 0);\n$ion-primitives-orange-600: var(--ion-primitives-orange-600, #e18300);\n$ion-primitives-orange-600-rgb: var(--ion-primitives-orange-600-rgb, 225, 131, 0);\n$ion-primitives-orange-700: var(--ion-primitives-orange-700, #c37100);\n$ion-primitives-orange-700-rgb: var(--ion-primitives-orange-700-rgb, 195, 113, 0);\n$ion-primitives-orange-800: var(--ion-primitives-orange-800, #a45f00);\n$ion-primitives-orange-800-rgb: var(--ion-primitives-orange-800-rgb, 164, 95, 0);\n$ion-primitives-orange-900: var(--ion-primitives-orange-900, #844d00);\n$ion-primitives-orange-900-rgb: var(--ion-primitives-orange-900-rgb, 132, 77, 0);\n$ion-primitives-orange-1000: var(--ion-primitives-orange-1000, #633a00);\n$ion-primitives-orange-1000-rgb: var(--ion-primitives-orange-1000-rgb, 99, 58, 0);\n$ion-primitives-orange-1100: var(--ion-primitives-orange-1100, #422700);\n$ion-primitives-orange-1100-rgb: var(--ion-primitives-orange-1100-rgb, 66, 39, 0);\n$ion-primitives-orange-1200: var(--ion-primitives-orange-1200, #221400);\n$ion-primitives-orange-1200-rgb: var(--ion-primitives-orange-1200-rgb, 34, 20, 0);\n$ion-primitives-yellow-100: var(--ion-primitives-yellow-100, #fff9ea);\n$ion-primitives-yellow-100-rgb: var(--ion-primitives-yellow-100-rgb, 255, 249, 234);\n$ion-primitives-yellow-200: var(--ion-primitives-yellow-200, #fff5db);\n$ion-primitives-yellow-200-rgb: var(--ion-primitives-yellow-200-rgb, 255, 245, 219);\n$ion-primitives-yellow-300: var(--ion-primitives-yellow-300, #ffebb1);\n$ion-primitives-yellow-300-rgb: var(--ion-primitives-yellow-300-rgb, 255, 235, 177);\n$ion-primitives-yellow-400: var(--ion-primitives-yellow-400, #ffe07b);\n$ion-primitives-yellow-400-rgb: var(--ion-primitives-yellow-400-rgb, 255, 224, 123);\n$ion-primitives-yellow-500: var(--ion-primitives-yellow-500, #ffd600);\n$ion-primitives-yellow-500-rgb: var(--ion-primitives-yellow-500-rgb, 255, 214, 0);\n$ion-primitives-yellow-600: var(--ion-primitives-yellow-600, #e1bd00);\n$ion-primitives-yellow-600-rgb: var(--ion-primitives-yellow-600-rgb, 225, 189, 0);\n$ion-primitives-yellow-700: var(--ion-primitives-yellow-700, #c3a400);\n$ion-primitives-yellow-700-rgb: var(--ion-primitives-yellow-700-rgb, 195, 164, 0);\n$ion-primitives-yellow-800: var(--ion-primitives-yellow-800, #a48a00);\n$ion-primitives-yellow-800-rgb: var(--ion-primitives-yellow-800-rgb, 164, 138, 0);\n$ion-primitives-yellow-900: var(--ion-primitives-yellow-900, #846f00);\n$ion-primitives-yellow-900-rgb: var(--ion-primitives-yellow-900-rgb, 132, 111, 0);\n$ion-primitives-yellow-1000: var(--ion-primitives-yellow-1000, #635300);\n$ion-primitives-yellow-1000-rgb: var(--ion-primitives-yellow-1000-rgb, 99, 83, 0);\n$ion-primitives-yellow-1100: var(--ion-primitives-yellow-1100, #423800);\n$ion-primitives-yellow-1100-rgb: var(--ion-primitives-yellow-1100-rgb, 66, 56, 0);\n$ion-primitives-yellow-1200: var(--ion-primitives-yellow-1200, #221d00);\n$ion-primitives-yellow-1200-rgb: var(--ion-primitives-yellow-1200-rgb, 34, 29, 0);\n$ion-primitives-lime-100: var(--ion-primitives-lime-100, #f3faea);\n$ion-primitives-lime-100-rgb: var(--ion-primitives-lime-100-rgb, 243, 250, 234);\n$ion-primitives-lime-200: var(--ion-primitives-lime-200, #eaf7db);\n$ion-primitives-lime-200-rgb: var(--ion-primitives-lime-200-rgb, 234, 247, 219);\n$ion-primitives-lime-300: var(--ion-primitives-lime-300, #d3efb2);\n$ion-primitives-lime-300-rgb: var(--ion-primitives-lime-300-rgb, 211, 239, 178);\n$ion-primitives-lime-400: var(--ion-primitives-lime-400, #bbe77d);\n$ion-primitives-lime-400-rgb: var(--ion-primitives-lime-400-rgb, 187, 231, 125);\n$ion-primitives-lime-500: var(--ion-primitives-lime-500, #a0df18);\n$ion-primitives-lime-500-rgb: var(--ion-primitives-lime-500-rgb, 160, 223, 24);\n$ion-primitives-lime-600: var(--ion-primitives-lime-600, #8dc515);\n$ion-primitives-lime-600-rgb: var(--ion-primitives-lime-600-rgb, 141, 197, 21);\n$ion-primitives-lime-700: var(--ion-primitives-lime-700, #7aab12);\n$ion-primitives-lime-700-rgb: var(--ion-primitives-lime-700-rgb, 122, 171, 18);\n$ion-primitives-lime-800: var(--ion-primitives-lime-800, #678f0f);\n$ion-primitives-lime-800-rgb: var(--ion-primitives-lime-800-rgb, 103, 143, 15);\n$ion-primitives-lime-900: var(--ion-primitives-lime-900, #53730c);\n$ion-primitives-lime-900-rgb: var(--ion-primitives-lime-900-rgb, 83, 115, 12);\n$ion-primitives-lime-1000: var(--ion-primitives-lime-1000, #3e5709);\n$ion-primitives-lime-1000-rgb: var(--ion-primitives-lime-1000-rgb, 62, 87, 9);\n$ion-primitives-lime-1100: var(--ion-primitives-lime-1100, #2a3a06);\n$ion-primitives-lime-1100-rgb: var(--ion-primitives-lime-1100-rgb, 42, 58, 6);\n$ion-primitives-lime-1200: var(--ion-primitives-lime-1200, #151e03);\n$ion-primitives-lime-1200-rgb: var(--ion-primitives-lime-1200-rgb, 21, 30, 3);\n$ion-primitives-green-100: var(--ion-primitives-green-100, #ebf9ec);\n$ion-primitives-green-100-rgb: var(--ion-primitives-green-100-rgb, 235, 249, 236);\n$ion-primitives-green-200: var(--ion-primitives-green-200, #dcf5de);\n$ion-primitives-green-200-rgb: var(--ion-primitives-green-200-rgb, 220, 245, 222);\n$ion-primitives-green-300: var(--ion-primitives-green-300, #b3ebb7);\n$ion-primitives-green-300-rgb: var(--ion-primitives-green-300-rgb, 179, 235, 183);\n$ion-primitives-green-400: var(--ion-primitives-green-400, #7fe089);\n$ion-primitives-green-400-rgb: var(--ion-primitives-green-400-rgb, 127, 224, 137);\n$ion-primitives-green-500: var(--ion-primitives-green-500, #23d643);\n$ion-primitives-green-500-rgb: var(--ion-primitives-green-500-rgb, 35, 214, 67);\n$ion-primitives-green-600: var(--ion-primitives-green-600, #1fbd3b);\n$ion-primitives-green-600-rgb: var(--ion-primitives-green-600-rgb, 31, 189, 59);\n$ion-primitives-green-700: var(--ion-primitives-green-700, #1ba433);\n$ion-primitives-green-700-rgb: var(--ion-primitives-green-700-rgb, 27, 164, 51);\n$ion-primitives-green-800: var(--ion-primitives-green-800, #178a2b);\n$ion-primitives-green-800-rgb: var(--ion-primitives-green-800-rgb, 23, 138, 43);\n$ion-primitives-green-900: var(--ion-primitives-green-900, #126f23);\n$ion-primitives-green-900-rgb: var(--ion-primitives-green-900-rgb, 18, 111, 35);\n$ion-primitives-green-1000: var(--ion-primitives-green-1000, #0e531a);\n$ion-primitives-green-1000-rgb: var(--ion-primitives-green-1000-rgb, 14, 83, 26);\n$ion-primitives-green-1100: var(--ion-primitives-green-1100, #093811);\n$ion-primitives-green-1100-rgb: var(--ion-primitives-green-1100-rgb, 9, 56, 17);\n$ion-primitives-green-1200: var(--ion-primitives-green-1200, #051d09);\n$ion-primitives-green-1200-rgb: var(--ion-primitives-green-1200-rgb, 5, 29, 9);\n$ion-primitives-teal-100: var(--ion-primitives-teal-100, #eaf8f5);\n$ion-primitives-teal-100-rgb: var(--ion-primitives-teal-100-rgb, 234, 248, 245);\n$ion-primitives-teal-200: var(--ion-primitives-teal-200, #dbf3ee);\n$ion-primitives-teal-200-rgb: var(--ion-primitives-teal-200-rgb, 219, 243, 238);\n$ion-primitives-teal-300: var(--ion-primitives-teal-300, #b1e7dd);\n$ion-primitives-teal-300-rgb: var(--ion-primitives-teal-300-rgb, 177, 231, 221);\n$ion-primitives-teal-400: var(--ion-primitives-teal-400, #7bdbca);\n$ion-primitives-teal-400-rgb: var(--ion-primitives-teal-400-rgb, 123, 219, 202);\n$ion-primitives-teal-500: var(--ion-primitives-teal-500, #00cfb7);\n$ion-primitives-teal-500-rgb: var(--ion-primitives-teal-500-rgb, 0, 207, 183);\n$ion-primitives-teal-600: var(--ion-primitives-teal-600, #00b7a2);\n$ion-primitives-teal-600-rgb: var(--ion-primitives-teal-600-rgb, 0, 183, 162);\n$ion-primitives-teal-700: var(--ion-primitives-teal-700, #009e8c);\n$ion-primitives-teal-700-rgb: var(--ion-primitives-teal-700-rgb, 0, 158, 140);\n$ion-primitives-teal-800: var(--ion-primitives-teal-800, #008576);\n$ion-primitives-teal-800-rgb: var(--ion-primitives-teal-800-rgb, 0, 133, 118);\n$ion-primitives-teal-900: var(--ion-primitives-teal-900, #006b5f);\n$ion-primitives-teal-900-rgb: var(--ion-primitives-teal-900-rgb, 0, 107, 95);\n$ion-primitives-teal-1000: var(--ion-primitives-teal-1000, #005147);\n$ion-primitives-teal-1000-rgb: var(--ion-primitives-teal-1000-rgb, 0, 81, 71);\n$ion-primitives-teal-1100: var(--ion-primitives-teal-1100, #003630);\n$ion-primitives-teal-1100-rgb: var(--ion-primitives-teal-1100-rgb, 0, 54, 48);\n$ion-primitives-teal-1200: var(--ion-primitives-teal-1200, #001c19);\n$ion-primitives-teal-1200-rgb: var(--ion-primitives-teal-1200-rgb, 0, 28, 25);\n$ion-primitives-aqua-100: var(--ion-primitives-aqua-100, #ebf9fe);\n$ion-primitives-aqua-100-rgb: var(--ion-primitives-aqua-100-rgb, 235, 249, 254);\n$ion-primitives-aqua-200: var(--ion-primitives-aqua-200, #dcf4fd);\n$ion-primitives-aqua-200-rgb: var(--ion-primitives-aqua-200-rgb, 220, 244, 253);\n$ion-primitives-aqua-300: var(--ion-primitives-aqua-300, #b3e9fc);\n$ion-primitives-aqua-300-rgb: var(--ion-primitives-aqua-300-rgb, 179, 233, 252);\n$ion-primitives-aqua-400: var(--ion-primitives-aqua-400, #80defa);\n$ion-primitives-aqua-400-rgb: var(--ion-primitives-aqua-400-rgb, 128, 222, 250);\n$ion-primitives-aqua-500: var(--ion-primitives-aqua-500, #27d3f9);\n$ion-primitives-aqua-500-rgb: var(--ion-primitives-aqua-500-rgb, 39, 211, 249);\n$ion-primitives-aqua-600: var(--ion-primitives-aqua-600, #22bbdc);\n$ion-primitives-aqua-600-rgb: var(--ion-primitives-aqua-600-rgb, 34, 187, 220);\n$ion-primitives-aqua-700: var(--ion-primitives-aqua-700, #1ea2bf);\n$ion-primitives-aqua-700-rgb: var(--ion-primitives-aqua-700-rgb, 30, 162, 191);\n$ion-primitives-aqua-800: var(--ion-primitives-aqua-800, #1988a0);\n$ion-primitives-aqua-800-rgb: var(--ion-primitives-aqua-800-rgb, 25, 136, 160);\n$ion-primitives-aqua-900: var(--ion-primitives-aqua-900, #146d81);\n$ion-primitives-aqua-900-rgb: var(--ion-primitives-aqua-900-rgb, 20, 109, 129);\n$ion-primitives-aqua-1000: var(--ion-primitives-aqua-1000, #0f5261);\n$ion-primitives-aqua-1000-rgb: var(--ion-primitives-aqua-1000-rgb, 15, 82, 97);\n$ion-primitives-aqua-1100: var(--ion-primitives-aqua-1100, #0a3741);\n$ion-primitives-aqua-1100-rgb: var(--ion-primitives-aqua-1100-rgb, 10, 55, 65);\n$ion-primitives-aqua-1200: var(--ion-primitives-aqua-1200, #051c21);\n$ion-primitives-aqua-1200-rgb: var(--ion-primitives-aqua-1200-rgb, 5, 28, 33);\n$ion-primitives-blue-100: var(--ion-primitives-blue-100, #f2f4fd);\n$ion-primitives-blue-100-rgb: var(--ion-primitives-blue-100-rgb, 242, 244, 253);\n$ion-primitives-blue-200: var(--ion-primitives-blue-200, #e9ecfc);\n$ion-primitives-blue-200-rgb: var(--ion-primitives-blue-200-rgb, 233, 236, 252);\n$ion-primitives-blue-300: var(--ion-primitives-blue-300, #d0d7fa);\n$ion-primitives-blue-300-rgb: var(--ion-primitives-blue-300-rgb, 208, 215, 250);\n$ion-primitives-blue-400: var(--ion-primitives-blue-400, #b5c0f7);\n$ion-primitives-blue-400-rgb: var(--ion-primitives-blue-400-rgb, 181, 192, 247);\n$ion-primitives-blue-500: var(--ion-primitives-blue-500, #94a5f4);\n$ion-primitives-blue-500-rgb: var(--ion-primitives-blue-500-rgb, 148, 165, 244);\n$ion-primitives-blue-600: var(--ion-primitives-blue-600, #6986f2);\n$ion-primitives-blue-600-rgb: var(--ion-primitives-blue-600-rgb, 105, 134, 242);\n$ion-primitives-blue-700: var(--ion-primitives-blue-700, #105cef);\n$ion-primitives-blue-700-rgb: var(--ion-primitives-blue-700-rgb, 16, 92, 239);\n$ion-primitives-blue-800: var(--ion-primitives-blue-800, #0f54da);\n$ion-primitives-blue-800-rgb: var(--ion-primitives-blue-800-rgb, 15, 84, 218);\n$ion-primitives-blue-900: var(--ion-primitives-blue-900, #0d4bc3);\n$ion-primitives-blue-900-rgb: var(--ion-primitives-blue-900-rgb, 13, 75, 195);\n$ion-primitives-blue-1000: var(--ion-primitives-blue-1000, #0b41a9);\n$ion-primitives-blue-1000-rgb: var(--ion-primitives-blue-1000-rgb, 11, 65, 169);\n$ion-primitives-blue-1100: var(--ion-primitives-blue-1100, #09358a);\n$ion-primitives-blue-1100-rgb: var(--ion-primitives-blue-1100-rgb, 9, 53, 138);\n$ion-primitives-blue-1200: var(--ion-primitives-blue-1200, #072561);\n$ion-primitives-blue-1200-rgb: var(--ion-primitives-blue-1200-rgb, 7, 37, 97);\n$ion-primitives-indigo-100: var(--ion-primitives-indigo-100, #f3f2fb);\n$ion-primitives-indigo-100-rgb: var(--ion-primitives-indigo-100-rgb, 243, 242, 251);\n$ion-primitives-indigo-200: var(--ion-primitives-indigo-200, #eae9f9);\n$ion-primitives-indigo-200-rgb: var(--ion-primitives-indigo-200-rgb, 234, 233, 249);\n$ion-primitives-indigo-300: var(--ion-primitives-indigo-300, #d3d1f2);\n$ion-primitives-indigo-300-rgb: var(--ion-primitives-indigo-300-rgb, 211, 209, 242);\n$ion-primitives-indigo-400: var(--ion-primitives-indigo-400, #bab5eb);\n$ion-primitives-indigo-400-rgb: var(--ion-primitives-indigo-400-rgb, 186, 181, 235);\n$ion-primitives-indigo-500: var(--ion-primitives-indigo-500, #9d95e4);\n$ion-primitives-indigo-500-rgb: var(--ion-primitives-indigo-500-rgb, 157, 149, 228);\n$ion-primitives-indigo-600: var(--ion-primitives-indigo-600, #786bdd);\n$ion-primitives-indigo-600-rgb: var(--ion-primitives-indigo-600-rgb, 120, 107, 221);\n$ion-primitives-indigo-700: var(--ion-primitives-indigo-700, #411bd5);\n$ion-primitives-indigo-700-rgb: var(--ion-primitives-indigo-700-rgb, 65, 27, 213);\n$ion-primitives-indigo-800: var(--ion-primitives-indigo-800, #3b19c3);\n$ion-primitives-indigo-800-rgb: var(--ion-primitives-indigo-800-rgb, 59, 25, 195);\n$ion-primitives-indigo-900: var(--ion-primitives-indigo-900, #3516ae);\n$ion-primitives-indigo-900-rgb: var(--ion-primitives-indigo-900-rgb, 53, 22, 174);\n$ion-primitives-indigo-1000: var(--ion-primitives-indigo-1000, #2e1397);\n$ion-primitives-indigo-1000-rgb: var(--ion-primitives-indigo-1000-rgb, 46, 19, 151);\n$ion-primitives-indigo-1100: var(--ion-primitives-indigo-1100, #26107b);\n$ion-primitives-indigo-1100-rgb: var(--ion-primitives-indigo-1100-rgb, 38, 16, 123);\n$ion-primitives-indigo-1200: var(--ion-primitives-indigo-1200, #1a0b57);\n$ion-primitives-indigo-1200-rgb: var(--ion-primitives-indigo-1200-rgb, 26, 11, 87);\n$ion-primitives-violet-100: var(--ion-primitives-violet-100, #f5f2fe);\n$ion-primitives-violet-100-rgb: var(--ion-primitives-violet-100-rgb, 245, 242, 254);\n$ion-primitives-violet-200: var(--ion-primitives-violet-200, #eee9fd);\n$ion-primitives-violet-200-rgb: var(--ion-primitives-violet-200-rgb, 238, 233, 253);\n$ion-primitives-violet-300: var(--ion-primitives-violet-300, #dcd1fb);\n$ion-primitives-violet-300-rgb: var(--ion-primitives-violet-300-rgb, 220, 209, 251);\n$ion-primitives-violet-400: var(--ion-primitives-violet-400, #c9b6f9);\n$ion-primitives-violet-400-rgb: var(--ion-primitives-violet-400-rgb, 201, 182, 249);\n$ion-primitives-violet-500: var(--ion-primitives-violet-500, #b396f6);\n$ion-primitives-violet-500-rgb: var(--ion-primitives-violet-500-rgb, 179, 150, 246);\n$ion-primitives-violet-600: var(--ion-primitives-violet-600, #9a6cf4);\n$ion-primitives-violet-600-rgb: var(--ion-primitives-violet-600-rgb, 154, 108, 244);\n$ion-primitives-violet-700: var(--ion-primitives-violet-700, #7c20f2);\n$ion-primitives-violet-700-rgb: var(--ion-primitives-violet-700-rgb, 124, 32, 242);\n$ion-primitives-violet-800: var(--ion-primitives-violet-800, #711ddd);\n$ion-primitives-violet-800-rgb: var(--ion-primitives-violet-800-rgb, 113, 29, 221);\n$ion-primitives-violet-900: var(--ion-primitives-violet-900, #651ac5);\n$ion-primitives-violet-900-rgb: var(--ion-primitives-violet-900-rgb, 101, 26, 197);\n$ion-primitives-violet-1000: var(--ion-primitives-violet-1000, #5817ab);\n$ion-primitives-violet-1000-rgb: var(--ion-primitives-violet-1000-rgb, 88, 23, 171);\n$ion-primitives-violet-1100: var(--ion-primitives-violet-1100, #48128c);\n$ion-primitives-violet-1100-rgb: var(--ion-primitives-violet-1100-rgb, 72, 18, 140);\n$ion-primitives-violet-1200: var(--ion-primitives-violet-1200, #330d63);\n$ion-primitives-violet-1200-rgb: var(--ion-primitives-violet-1200-rgb, 51, 13, 99);\n$ion-primitives-purple-100: var(--ion-primitives-purple-100, #f9f3fe);\n$ion-primitives-purple-100-rgb: var(--ion-primitives-purple-100-rgb, 249, 243, 254);\n$ion-primitives-purple-200: var(--ion-primitives-purple-200, #f5eafd);\n$ion-primitives-purple-200-rgb: var(--ion-primitives-purple-200-rgb, 245, 234, 253);\n$ion-primitives-purple-300: var(--ion-primitives-purple-300, #e9d3fa);\n$ion-primitives-purple-300-rgb: var(--ion-primitives-purple-300-rgb, 233, 211, 250);\n$ion-primitives-purple-400: var(--ion-primitives-purple-400, #deb9f8);\n$ion-primitives-purple-400-rgb: var(--ion-primitives-purple-400-rgb, 222, 185, 248);\n$ion-primitives-purple-500: var(--ion-primitives-purple-500, #d29bf6);\n$ion-primitives-purple-500-rgb: var(--ion-primitives-purple-500-rgb, 210, 155, 246);\n$ion-primitives-purple-600: var(--ion-primitives-purple-600, #c575f3);\n$ion-primitives-purple-600-rgb: var(--ion-primitives-purple-600-rgb, 197, 117, 243);\n$ion-primitives-purple-700: var(--ion-primitives-purple-700, #b73cf1);\n$ion-primitives-purple-700-rgb: var(--ion-primitives-purple-700-rgb, 183, 60, 241);\n$ion-primitives-purple-800: var(--ion-primitives-purple-800, #a737dc);\n$ion-primitives-purple-800-rgb: var(--ion-primitives-purple-800-rgb, 167, 55, 220);\n$ion-primitives-purple-900: var(--ion-primitives-purple-900, #9531c5);\n$ion-primitives-purple-900-rgb: var(--ion-primitives-purple-900-rgb, 149, 49, 197);\n$ion-primitives-purple-1000: var(--ion-primitives-purple-1000, #812aaa);\n$ion-primitives-purple-1000-rgb: var(--ion-primitives-purple-1000-rgb, 129, 42, 170);\n$ion-primitives-purple-1100: var(--ion-primitives-purple-1100, #6a238b);\n$ion-primitives-purple-1100-rgb: var(--ion-primitives-purple-1100-rgb, 106, 35, 139);\n$ion-primitives-purple-1200: var(--ion-primitives-purple-1200, #4b1862);\n$ion-primitives-purple-1200-rgb: var(--ion-primitives-purple-1200-rgb, 75, 24, 98);\n$ion-primitives-magenta-100: var(--ion-primitives-magenta-100, #fdf3fb);\n$ion-primitives-magenta-100-rgb: var(--ion-primitives-magenta-100-rgb, 253, 243, 251);\n$ion-primitives-magenta-200: var(--ion-primitives-magenta-200, #fcebf8);\n$ion-primitives-magenta-200-rgb: var(--ion-primitives-magenta-200-rgb, 252, 235, 248);\n$ion-primitives-magenta-300: var(--ion-primitives-magenta-300, #f9d4f1);\n$ion-primitives-magenta-300-rgb: var(--ion-primitives-magenta-300-rgb, 249, 212, 241);\n$ion-primitives-magenta-400: var(--ion-primitives-magenta-400, #f6bcea);\n$ion-primitives-magenta-400-rgb: var(--ion-primitives-magenta-400-rgb, 246, 188, 234);\n$ion-primitives-magenta-500: var(--ion-primitives-magenta-500, #f39fe3);\n$ion-primitives-magenta-500-rgb: var(--ion-primitives-magenta-500-rgb, 243, 159, 227);\n$ion-primitives-magenta-600: var(--ion-primitives-magenta-600, #f07cdb);\n$ion-primitives-magenta-600-rgb: var(--ion-primitives-magenta-600-rgb, 240, 124, 219);\n$ion-primitives-magenta-700: var(--ion-primitives-magenta-700, #ed4ad3);\n$ion-primitives-magenta-700-rgb: var(--ion-primitives-magenta-700-rgb, 237, 74, 211);\n$ion-primitives-magenta-800: var(--ion-primitives-magenta-800, #d844c1);\n$ion-primitives-magenta-800-rgb: var(--ion-primitives-magenta-800-rgb, 216, 68, 193);\n$ion-primitives-magenta-900: var(--ion-primitives-magenta-900, #c13cac);\n$ion-primitives-magenta-900-rgb: var(--ion-primitives-magenta-900-rgb, 193, 60, 172);\n$ion-primitives-magenta-1000: var(--ion-primitives-magenta-1000, #a83495);\n$ion-primitives-magenta-1000-rgb: var(--ion-primitives-magenta-1000-rgb, 168, 52, 149);\n$ion-primitives-magenta-1100: var(--ion-primitives-magenta-1100, #892b7a);\n$ion-primitives-magenta-1100-rgb: var(--ion-primitives-magenta-1100-rgb, 137, 43, 122);\n$ion-primitives-magenta-1200: var(--ion-primitives-magenta-1200, #611e56);\n$ion-primitives-magenta-1200-rgb: var(--ion-primitives-magenta-1200-rgb, 97, 30, 86);\n$ion-primitives-pink-100: var(--ion-primitives-pink-100, #fef3f5);\n$ion-primitives-pink-100-rgb: var(--ion-primitives-pink-100-rgb, 254, 243, 245);\n$ion-primitives-pink-200: var(--ion-primitives-pink-200, #fdeaee);\n$ion-primitives-pink-200-rgb: var(--ion-primitives-pink-200-rgb, 253, 234, 238);\n$ion-primitives-pink-300: var(--ion-primitives-pink-300, #fad3dc);\n$ion-primitives-pink-300-rgb: var(--ion-primitives-pink-300-rgb, 250, 211, 220);\n$ion-primitives-pink-400: var(--ion-primitives-pink-400, #f8b9c9);\n$ion-primitives-pink-400-rgb: var(--ion-primitives-pink-400-rgb, 248, 185, 201);\n$ion-primitives-pink-500: var(--ion-primitives-pink-500, #f69bb3);\n$ion-primitives-pink-500-rgb: var(--ion-primitives-pink-500-rgb, 246, 155, 179);\n$ion-primitives-pink-600: var(--ion-primitives-pink-600, #f3759a);\n$ion-primitives-pink-600-rgb: var(--ion-primitives-pink-600-rgb, 243, 117, 154);\n$ion-primitives-pink-700: var(--ion-primitives-pink-700, #f13b7d);\n$ion-primitives-pink-700-rgb: var(--ion-primitives-pink-700-rgb, 241, 59, 125);\n$ion-primitives-pink-800: var(--ion-primitives-pink-800, #dc3672);\n$ion-primitives-pink-800-rgb: var(--ion-primitives-pink-800-rgb, 220, 54, 114);\n$ion-primitives-pink-900: var(--ion-primitives-pink-900, #c53066);\n$ion-primitives-pink-900-rgb: var(--ion-primitives-pink-900-rgb, 197, 48, 102);\n$ion-primitives-pink-1000: var(--ion-primitives-pink-1000, #aa2a58);\n$ion-primitives-pink-1000-rgb: var(--ion-primitives-pink-1000-rgb, 170, 42, 88);\n$ion-primitives-pink-1100: var(--ion-primitives-pink-1100, #8b2248);\n$ion-primitives-pink-1100-rgb: var(--ion-primitives-pink-1100-rgb, 139, 34, 72);\n$ion-primitives-pink-1200: var(--ion-primitives-pink-1200, #621833);\n$ion-primitives-pink-1200-rgb: var(--ion-primitives-pink-1200-rgb, 98, 24, 51);\n$ion-state-disabled: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));\n$ion-state-press: var(--ion-state-press, rgba(36, 36, 36, 0.08));\n$ion-elevation-1: var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));\n$ion-elevation-2: var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));\n$ion-elevation-3: var(--ion-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));\n$ion-elevation-4: var(--ion-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));\n$ion-backdrop: var(--ion-backdrop, [object Object]);\n$ion-scale-0: var(--ion-scale-0, 0px);\n$ion-scale-100: var(--ion-scale-100, 4px);\n$ion-scale-150: var(--ion-scale-150, 6px);\n$ion-scale-200: var(--ion-scale-200, 8px);\n$ion-scale-250: var(--ion-scale-250, 10px);\n$ion-scale-300: var(--ion-scale-300, 12px);\n$ion-scale-400: var(--ion-scale-400, 16px);\n$ion-scale-500: var(--ion-scale-500, 20px);\n$ion-scale-600: var(--ion-scale-600, 24px);\n$ion-scale-700: var(--ion-scale-700, 28px);\n$ion-scale-800: var(--ion-scale-800, 32px);\n$ion-scale-900: var(--ion-scale-900, 36px);\n$ion-scale-1000: var(--ion-scale-1000, 40px);\n$ion-scale-1100: var(--ion-scale-1100, 44px);\n$ion-scale-1200: var(--ion-scale-1200, 48px);\n$ion-scale-1400: var(--ion-scale-1400, 56px);\n$ion-scale-1600: var(--ion-scale-1600, 64px);\n$ion-scale-1800: var(--ion-scale-1800, 72px);\n$ion-scale-2000: var(--ion-scale-2000, 80px);\n$ion-scale-2400: var(--ion-scale-2400, 96px);\n$ion-scale-2800: var(--ion-scale-2800, 112px);\n$ion-scale-3200: var(--ion-scale-3200, 128px);\n$ion-scale-3400: var(--ion-scale-3400, 136px);\n$ion-scale-3600: var(--ion-scale-3600, 144px);\n$ion-scale-4000: var(--ion-scale-4000, 160px);\n$ion-scale-5000: var(--ion-scale-5000, 200px);\n$ion-scale-6200: var(--ion-scale-6200, 248px);\n$ion-scale-7400: var(--ion-scale-7400, 296px);\n$ion-scale-9000: var(--ion-scale-9000, 360px);\n$ion-scale-025: var(--ion-scale-025, 1px);\n$ion-scale-050: var(--ion-scale-050, 2px);\n$ion-scale-075: var(--ion-scale-075, 3px);\n$ion-space-0: var(--ion-space-0, 0px);\n$ion-space-100: var(--ion-space-100, 4px);\n$ion-space-150: var(--ion-space-150, 6px);\n$ion-space-200: var(--ion-space-200, 8px);\n$ion-space-250: var(--ion-space-250, 10px);\n$ion-space-300: var(--ion-space-300, 12px);\n$ion-space-400: var(--ion-space-400, 16px);\n$ion-space-500: var(--ion-space-500, 20px);\n$ion-space-600: var(--ion-space-600, 24px);\n$ion-space-700: var(--ion-space-700, 28px);\n$ion-space-800: var(--ion-space-800, 32px);\n$ion-space-900: var(--ion-space-900, 36px);\n$ion-space-1000: var(--ion-space-1000, 40px);\n$ion-space-1200: var(--ion-space-1200, 48px);\n$ion-space-050: var(--ion-space-050, 2px);\n$ion-z-index-0: var(--ion-z-index-0, 0px);\n$ion-z-index-100: var(--ion-z-index-100, 100px);\n$ion-z-index-200: var(--ion-z-index-200, 200px);\n$ion-z-index-300: var(--ion-z-index-300, 300px);\n$ion-z-index-400: var(--ion-z-index-400, 400px);\n$ion-z-index-500: var(--ion-z-index-500, 500px);\n$ion-z-index-bottom: var(--ion-z-index-bottom, -99999px);\n$ion-z-index-top: var(--ion-z-index-top, 99999px);\n$ion-transition-curve-linear: var(--ion-transition-curve-linear, linear);\n$ion-transition-curve-quick: var(--ion-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));\n$ion-transition-curve-base: var(--ion-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));\n$ion-transition-curve-expressive: var(--ion-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));\n$ion-transition-curve-bounce: var(--ion-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));\n$ion-transition-time-0: var(--ion-transition-time-0, 0);\n$ion-transition-time-100: var(--ion-transition-time-100, 100);\n$ion-transition-time-150: var(--ion-transition-time-150, 150);\n$ion-transition-time-200: var(--ion-transition-time-200, 200);\n$ion-transition-time-300: var(--ion-transition-time-300, 300);\n$ion-transition-time-500: var(--ion-transition-time-500, 500);\n$ion-transition-time-1000: var(--ion-transition-time-1000, 1000);\n$ion-transition-time-1500: var(--ion-transition-time-1500, 1500);\n$ion-font-family: var(--ion-font-family, \"Inter\", sans-serif);\n$ion-font-weight-thin: var(--ion-font-weight-thin, 100);\n$ion-font-weight-extra-light: var(--ion-font-weight-extra-light, 200);\n$ion-font-weight-light: var(--ion-font-weight-light, 300);\n$ion-font-weight-regular: var(--ion-font-weight-regular, 400);\n$ion-font-weight-medium: var(--ion-font-weight-medium, 500);\n$ion-font-weight-semi-bold: var(--ion-font-weight-semi-bold, 600);\n$ion-font-weight-bold: var(--ion-font-weight-bold, 700);\n$ion-font-weight-extra-bold: var(--ion-font-weight-extra-bold, 800);\n$ion-font-weight-black: var(--ion-font-weight-black, 900);\n$ion-font-size-275: var(--ion-font-size-275, font.px-to-rem(11));\n$ion-font-size-300: var(--ion-font-size-300, font.px-to-rem(12));\n$ion-font-size-350: var(--ion-font-size-350, font.px-to-rem(14));\n$ion-font-size-400: var(--ion-font-size-400, font.px-to-rem(16));\n$ion-font-size-450: var(--ion-font-size-450, font.px-to-rem(18));\n$ion-font-size-500: var(--ion-font-size-500, font.px-to-rem(20));\n$ion-font-size-550: var(--ion-font-size-550, font.px-to-rem(22));\n$ion-font-size-600: var(--ion-font-size-600, font.px-to-rem(24));\n$ion-font-size-650: var(--ion-font-size-650, font.px-to-rem(26));\n$ion-font-size-700: var(--ion-font-size-700, font.px-to-rem(28));\n$ion-font-size-800: var(--ion-font-size-800, font.px-to-rem(32));\n$ion-font-size-900: var(--ion-font-size-900, font.px-to-rem(36));\n$ion-font-letter-spacing-0: var(--ion-font-letter-spacing-0, 0%);\n$ion-font-letter-spacing-1: var(--ion-font-letter-spacing-1, 1%);\n$ion-font-letter-spacing-2: var(--ion-font-letter-spacing-2, 1.5%);\n$ion-font-line-height-300: var(--ion-font-line-height-300, 12px);\n$ion-font-line-height-400: var(--ion-font-line-height-400, 16px);\n$ion-font-line-height-500: var(--ion-font-line-height-500, 20px);\n$ion-font-line-height-600: var(--ion-font-line-height-600, 24px);\n$ion-font-line-height-700: var(--ion-font-line-height-700, 28px);\n$ion-font-line-height-800: var(--ion-font-line-height-800, 32px);\n$ion-font-line-height-900: var(--ion-font-line-height-900, 36px);\n$ion-font-line-height-1100: var(--ion-font-line-height-1100, 44px);\n$ion-font-line-height-1200: var(--ion-font-line-height-1200, 48px);\n$ion-font-line-height-full: var(--ion-font-line-height-full, 100%);\n$ion-rectangular-2xs: var(--ion-rectangular-2xs, 0px);\n$ion-rectangular-xs: var(--ion-rectangular-xs, 0px);\n$ion-rectangular-sm: var(--ion-rectangular-sm, 0px);\n$ion-rectangular-md: var(--ion-rectangular-md, 0px);\n$ion-rectangular-lg: var(--ion-rectangular-lg, 0px);\n$ion-rectangular-xl: var(--ion-rectangular-xl, 0px);\n$ion-rectangular-2xl: var(--ion-rectangular-2xl, 0px);\n$ion-round-2xs: var(--ion-round-2xs, 999px);\n$ion-round-xs: var(--ion-round-xs, 999px);\n$ion-round-sm: var(--ion-round-sm, 999px);\n$ion-round-md: var(--ion-round-md, 999px);\n$ion-round-lg: var(--ion-round-lg, 12px);\n$ion-round-xl: var(--ion-round-xl, 16px);\n$ion-round-2xl: var(--ion-round-2xl, 40px);\n$ion-soft-2xs: var(--ion-soft-2xs, 4px);\n$ion-soft-xs: var(--ion-soft-xs, 8px);\n$ion-soft-sm: var(--ion-soft-sm, 12px);\n$ion-soft-md: var(--ion-soft-md, 16px);\n$ion-soft-lg: var(--ion-soft-lg, 8px);\n$ion-soft-xl: var(--ion-soft-xl, 8px);\n$ion-soft-2xl: var(--ion-soft-2xl, 16px);\n\n$ion-display-sm-regular: (\n font-size: $ion-font-size-800,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-display-sm-light: (\n font-size: $ion-font-size-800,\n font-style: normal,\n font-weight: $ion-font-weight-light,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-display-lg-regular: (\n font-size: $ion-font-size-900,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-display-lg-light: (\n font-size: $ion-font-size-900,\n font-style: normal,\n font-weight: $ion-font-weight-light,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-regular: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-medium: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-semi-bold: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-bold: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-regular: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-medium: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-semi-bold: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-bold: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-regular: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-medium: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-semi-bold: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-bold: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-regular: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-medium: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-semi-bold: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-bold: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-regular: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-medium: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-semi-bold: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-bold: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-regular: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-medium: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-semi-bold: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-bold: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-xl: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-lg: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-md: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-sm: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-regular: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-medium: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-semi-bold: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-bold: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-regular: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-medium: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-semi-bold: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-bold: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-regular: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-medium: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-semi-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-overline-regular: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ion-overline-medium: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ion-overline-semi-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ion-overline-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n","// Ionic Mixins\n// forward the global mixin to be used on component scope\n@forward \"../mixins\";\n// use global mixins on this ionic.mixin context\n@use \"../mixins\" as mixins;\n@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Pressed mixin to be used on pseudo elements for the Ionic Theme pressed state\n//\n// ex: :host(.ion-activated) .toggle-icon:after {\n// @include globals.pressed-state();\n// }\n//\n// --------------------------------------------------\n@mixin pressed-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-press;\n\n content: \"\";\n}\n\n// Disabled mixin to be used on pseudo elements for the Ionic Theme disabled state\n//\n// ex: :host(.checkbox-disabled) .native-wrapper:after {\n// @include globals.disable-state();\n// }\n//\n// --------------------------------------------------\n@mixin disabled-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-disabled;\n\n content: \"\";\n\n pointer-events: none;\n}\n\n// Focused mixin to be used on regular elements for the Ionic Theme focused state\n//\n// ex: :host(.ion-focused) .toggle-icon {\n// @include globals.focused-state();\n// }\n//\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: null, $color: null, $addOffset: true) {\n // Use default values if null is passed\n $width: if($width != null, $width, tokens.$ion-border-size-050);\n $style: if($style != null, $style, tokens.$ion-border-style-solid);\n $color: if($color != null, $color, tokens.$ion-border-focus-default);\n\n @if $addOffset {\n outline-offset: $width;\n }\n\n outline: $width $style $color;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ion-heading-h3-medium);\n//\n// --------------------------------------------------\n@mixin typography($properties) {\n font-family: map-get($properties, font-family);\n font-size: map-get($properties, font-size);\n font-weight: map-get($properties, font-weight);\n\n letter-spacing: map-get($properties, letter-spacing);\n line-height: map-get($properties, line-height);\n\n text-decoration: map-get($properties, text-decoration);\n text-transform: map-get($properties, text-transform);\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/typography.ionic.scss","../../src/foundations/ionic.vars.scss","../../src/themes/ionic/ionic.mixins.scss"],"names":[],"mappings":"AAGA,KACE,YC+XgB,4CD5XlB,KE+DE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBFjEF,GE0DE,4CACA,gDAEA,oDACA,kDAEA,qBACA,oBF7DF,GEsDE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBFzDF,GEkDE,2CACA,gDAEA,oDACA,kDAEA,qBACA,oBFrDF,GE8CE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBFjDF,GE0CE,4CACA,gDAEA,oDACA,kDAEA,qBACA,oBF7CF,GEsCE,6CACA,gDAEA,oDACA,kDAEA,qBACA","file":"typography.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// TODO(ROU-10833): add font loading solution here, as a @font-face, base64 or cdn\nhtml {\n font-family: globals.$ion-font-family;\n}\n\nbody {\n @include globals.typography(globals.$ion-body-md-regular);\n}\n\n/* Override html headings based on heading tokens */\nh1 {\n @include globals.typography(globals.$ion-heading-h1-regular);\n}\n\nh2 {\n @include globals.typography(globals.$ion-heading-h2-regular);\n}\n\nh3 {\n @include globals.typography(globals.$ion-heading-h3-regular);\n}\n\nh4 {\n @include globals.typography(globals.$ion-heading-h4-regular);\n}\n\nh5 {\n @include globals.typography(globals.$ion-heading-h5-regular);\n}\n\nh6 {\n @include globals.typography(globals.$ion-heading-h6-regular);\n}\n","/*\nDo not edit directly, this file was auto-generated.\n*/\n@use \"../themes/functions.sizes\" as font;\n\n$ion-semantics-primary-100: var(--ion-semantics-primary-100, #f2f4fd);\n$ion-semantics-primary-100-rgb: var(--ion-semantics-primary-100-rgb, 242, 244, 253);\n$ion-semantics-primary-200: var(--ion-semantics-primary-200, #e9ecfc);\n$ion-semantics-primary-200-rgb: var(--ion-semantics-primary-200-rgb, 233, 236, 252);\n$ion-semantics-primary-300: var(--ion-semantics-primary-300, #d0d7fa);\n$ion-semantics-primary-300-rgb: var(--ion-semantics-primary-300-rgb, 208, 215, 250);\n$ion-semantics-primary-400: var(--ion-semantics-primary-400, #b5c0f7);\n$ion-semantics-primary-400-rgb: var(--ion-semantics-primary-400-rgb, 181, 192, 247);\n$ion-semantics-primary-500: var(--ion-semantics-primary-500, #94a5f4);\n$ion-semantics-primary-500-rgb: var(--ion-semantics-primary-500-rgb, 148, 165, 244);\n$ion-semantics-primary-600: var(--ion-semantics-primary-600, #6986f2);\n$ion-semantics-primary-600-rgb: var(--ion-semantics-primary-600-rgb, 105, 134, 242);\n$ion-semantics-primary-700: var(--ion-semantics-primary-700, #105cef);\n$ion-semantics-primary-700-rgb: var(--ion-semantics-primary-700-rgb, 16, 92, 239);\n$ion-semantics-primary-800: var(--ion-semantics-primary-800, #0f54da);\n$ion-semantics-primary-800-rgb: var(--ion-semantics-primary-800-rgb, 15, 84, 218);\n$ion-semantics-primary-900: var(--ion-semantics-primary-900, #0d4bc3);\n$ion-semantics-primary-900-rgb: var(--ion-semantics-primary-900-rgb, 13, 75, 195);\n$ion-semantics-primary-1000: var(--ion-semantics-primary-1000, #0b41a9);\n$ion-semantics-primary-1000-rgb: var(--ion-semantics-primary-1000-rgb, 11, 65, 169);\n$ion-semantics-primary-1100: var(--ion-semantics-primary-1100, #09358a);\n$ion-semantics-primary-1100-rgb: var(--ion-semantics-primary-1100-rgb, 9, 53, 138);\n$ion-semantics-primary-1200: var(--ion-semantics-primary-1200, #072561);\n$ion-semantics-primary-1200-rgb: var(--ion-semantics-primary-1200-rgb, 7, 37, 97);\n$ion-semantics-primary-base: var(--ion-semantics-primary-base, #105cef);\n$ion-semantics-primary-base-rgb: var(--ion-semantics-primary-base-rgb, 16, 92, 239);\n$ion-semantics-info-100: var(--ion-semantics-info-100, #f2f4fd);\n$ion-semantics-info-100-rgb: var(--ion-semantics-info-100-rgb, 242, 244, 253);\n$ion-semantics-info-200: var(--ion-semantics-info-200, #e9ecfc);\n$ion-semantics-info-200-rgb: var(--ion-semantics-info-200-rgb, 233, 236, 252);\n$ion-semantics-info-300: var(--ion-semantics-info-300, #d0d7fa);\n$ion-semantics-info-300-rgb: var(--ion-semantics-info-300-rgb, 208, 215, 250);\n$ion-semantics-info-400: var(--ion-semantics-info-400, #b5c0f7);\n$ion-semantics-info-400-rgb: var(--ion-semantics-info-400-rgb, 181, 192, 247);\n$ion-semantics-info-500: var(--ion-semantics-info-500, #94a5f4);\n$ion-semantics-info-500-rgb: var(--ion-semantics-info-500-rgb, 148, 165, 244);\n$ion-semantics-info-600: var(--ion-semantics-info-600, #6986f2);\n$ion-semantics-info-600-rgb: var(--ion-semantics-info-600-rgb, 105, 134, 242);\n$ion-semantics-info-700: var(--ion-semantics-info-700, #105cef);\n$ion-semantics-info-700-rgb: var(--ion-semantics-info-700-rgb, 16, 92, 239);\n$ion-semantics-info-800: var(--ion-semantics-info-800, #0f54da);\n$ion-semantics-info-800-rgb: var(--ion-semantics-info-800-rgb, 15, 84, 218);\n$ion-semantics-info-900: var(--ion-semantics-info-900, #0d4bc3);\n$ion-semantics-info-900-rgb: var(--ion-semantics-info-900-rgb, 13, 75, 195);\n$ion-semantics-info-1000: var(--ion-semantics-info-1000, #0b41a9);\n$ion-semantics-info-1000-rgb: var(--ion-semantics-info-1000-rgb, 11, 65, 169);\n$ion-semantics-info-1100: var(--ion-semantics-info-1100, #09358a);\n$ion-semantics-info-1100-rgb: var(--ion-semantics-info-1100-rgb, 9, 53, 138);\n$ion-semantics-info-1200: var(--ion-semantics-info-1200, #072561);\n$ion-semantics-info-1200-rgb: var(--ion-semantics-info-1200-rgb, 7, 37, 97);\n$ion-semantics-info-base: var(--ion-semantics-info-base, #105cef);\n$ion-semantics-info-base-rgb: var(--ion-semantics-info-base-rgb, 16, 92, 239);\n$ion-semantics-success-100: var(--ion-semantics-success-100, #ebf9ec);\n$ion-semantics-success-100-rgb: var(--ion-semantics-success-100-rgb, 235, 249, 236);\n$ion-semantics-success-200: var(--ion-semantics-success-200, #dcf5de);\n$ion-semantics-success-200-rgb: var(--ion-semantics-success-200-rgb, 220, 245, 222);\n$ion-semantics-success-300: var(--ion-semantics-success-300, #b3ebb7);\n$ion-semantics-success-300-rgb: var(--ion-semantics-success-300-rgb, 179, 235, 183);\n$ion-semantics-success-400: var(--ion-semantics-success-400, #7fe089);\n$ion-semantics-success-400-rgb: var(--ion-semantics-success-400-rgb, 127, 224, 137);\n$ion-semantics-success-500: var(--ion-semantics-success-500, #23d643);\n$ion-semantics-success-500-rgb: var(--ion-semantics-success-500-rgb, 35, 214, 67);\n$ion-semantics-success-600: var(--ion-semantics-success-600, #1fbd3b);\n$ion-semantics-success-600-rgb: var(--ion-semantics-success-600-rgb, 31, 189, 59);\n$ion-semantics-success-700: var(--ion-semantics-success-700, #1ba433);\n$ion-semantics-success-700-rgb: var(--ion-semantics-success-700-rgb, 27, 164, 51);\n$ion-semantics-success-800: var(--ion-semantics-success-800, #178a2b);\n$ion-semantics-success-800-rgb: var(--ion-semantics-success-800-rgb, 23, 138, 43);\n$ion-semantics-success-900: var(--ion-semantics-success-900, #126f23);\n$ion-semantics-success-900-rgb: var(--ion-semantics-success-900-rgb, 18, 111, 35);\n$ion-semantics-success-1000: var(--ion-semantics-success-1000, #0e531a);\n$ion-semantics-success-1000-rgb: var(--ion-semantics-success-1000-rgb, 14, 83, 26);\n$ion-semantics-success-1100: var(--ion-semantics-success-1100, #093811);\n$ion-semantics-success-1100-rgb: var(--ion-semantics-success-1100-rgb, 9, 56, 17);\n$ion-semantics-success-1200: var(--ion-semantics-success-1200, #051d09);\n$ion-semantics-success-1200-rgb: var(--ion-semantics-success-1200-rgb, 5, 29, 9);\n$ion-semantics-success-base: var(--ion-semantics-success-base, #1ba433);\n$ion-semantics-success-base-rgb: var(--ion-semantics-success-base-rgb, 27, 164, 51);\n$ion-semantics-danger-100: var(--ion-semantics-danger-100, #feeded);\n$ion-semantics-danger-100-rgb: var(--ion-semantics-danger-100-rgb, 254, 237, 237);\n$ion-semantics-danger-200: var(--ion-semantics-danger-200, #fde1e1);\n$ion-semantics-danger-200-rgb: var(--ion-semantics-danger-200-rgb, 253, 225, 225);\n$ion-semantics-danger-300: var(--ion-semantics-danger-300, #fcc1c1);\n$ion-semantics-danger-300-rgb: var(--ion-semantics-danger-300-rgb, 252, 193, 193);\n$ion-semantics-danger-400: var(--ion-semantics-danger-400, #faa1a1);\n$ion-semantics-danger-400-rgb: var(--ion-semantics-danger-400-rgb, 250, 161, 161);\n$ion-semantics-danger-500: var(--ion-semantics-danger-500, #f97d7d);\n$ion-semantics-danger-500-rgb: var(--ion-semantics-danger-500-rgb, 249, 125, 125);\n$ion-semantics-danger-600: var(--ion-semantics-danger-600, #f85151);\n$ion-semantics-danger-600-rgb: var(--ion-semantics-danger-600-rgb, 248, 81, 81);\n$ion-semantics-danger-700: var(--ion-semantics-danger-700, #e52929);\n$ion-semantics-danger-700-rgb: var(--ion-semantics-danger-700-rgb, 229, 41, 41);\n$ion-semantics-danger-800: var(--ion-semantics-danger-800, #bf2222);\n$ion-semantics-danger-800-rgb: var(--ion-semantics-danger-800-rgb, 191, 34, 34);\n$ion-semantics-danger-900: var(--ion-semantics-danger-900, #991b1b);\n$ion-semantics-danger-900-rgb: var(--ion-semantics-danger-900-rgb, 153, 27, 27);\n$ion-semantics-danger-1000: var(--ion-semantics-danger-1000, #761515);\n$ion-semantics-danger-1000-rgb: var(--ion-semantics-danger-1000-rgb, 118, 21, 21);\n$ion-semantics-danger-1100: var(--ion-semantics-danger-1100, #540f0f);\n$ion-semantics-danger-1100-rgb: var(--ion-semantics-danger-1100-rgb, 84, 15, 15);\n$ion-semantics-danger-1200: var(--ion-semantics-danger-1200, #330909);\n$ion-semantics-danger-1200-rgb: var(--ion-semantics-danger-1200-rgb, 51, 9, 9);\n$ion-semantics-danger-base: var(--ion-semantics-danger-base, #e52929);\n$ion-semantics-danger-base-rgb: var(--ion-semantics-danger-base-rgb, 229, 41, 41);\n$ion-semantics-warning-100: var(--ion-semantics-warning-100, #fff1ea);\n$ion-semantics-warning-100-rgb: var(--ion-semantics-warning-100-rgb, 255, 241, 234);\n$ion-semantics-warning-200: var(--ion-semantics-warning-200, #ffe8db);\n$ion-semantics-warning-200-rgb: var(--ion-semantics-warning-200-rgb, 255, 232, 219);\n$ion-semantics-warning-300: var(--ion-semantics-warning-300, #ffcfb1);\n$ion-semantics-warning-300-rgb: var(--ion-semantics-warning-300-rgb, 255, 207, 177);\n$ion-semantics-warning-400: var(--ion-semantics-warning-400, #ffb37b);\n$ion-semantics-warning-400-rgb: var(--ion-semantics-warning-400-rgb, 255, 179, 123);\n$ion-semantics-warning-500: var(--ion-semantics-warning-500, #ff9400);\n$ion-semantics-warning-500-rgb: var(--ion-semantics-warning-500-rgb, 255, 148, 0);\n$ion-semantics-warning-600: var(--ion-semantics-warning-600, #e18300);\n$ion-semantics-warning-600-rgb: var(--ion-semantics-warning-600-rgb, 225, 131, 0);\n$ion-semantics-warning-700: var(--ion-semantics-warning-700, #c37100);\n$ion-semantics-warning-700-rgb: var(--ion-semantics-warning-700-rgb, 195, 113, 0);\n$ion-semantics-warning-800: var(--ion-semantics-warning-800, #a45f00);\n$ion-semantics-warning-800-rgb: var(--ion-semantics-warning-800-rgb, 164, 95, 0);\n$ion-semantics-warning-900: var(--ion-semantics-warning-900, #844d00);\n$ion-semantics-warning-900-rgb: var(--ion-semantics-warning-900-rgb, 132, 77, 0);\n$ion-semantics-warning-1000: var(--ion-semantics-warning-1000, #633a00);\n$ion-semantics-warning-1000-rgb: var(--ion-semantics-warning-1000-rgb, 99, 58, 0);\n$ion-semantics-warning-1100: var(--ion-semantics-warning-1100, #422700);\n$ion-semantics-warning-1100-rgb: var(--ion-semantics-warning-1100-rgb, 66, 39, 0);\n$ion-semantics-warning-1200: var(--ion-semantics-warning-1200, #221400);\n$ion-semantics-warning-1200-rgb: var(--ion-semantics-warning-1200-rgb, 34, 20, 0);\n$ion-semantics-warning-base: var(--ion-semantics-warning-base, #c37100);\n$ion-semantics-warning-base-rgb: var(--ion-semantics-warning-base-rgb, 195, 113, 0);\n$ion-bg-primary-base-default: var(--ion-bg-primary-base-default, #105cef);\n$ion-bg-primary-base-default-rgb: var(--ion-bg-primary-base-default-rgb, 16, 92, 239);\n$ion-bg-primary-base-press: var(--ion-bg-primary-base-press, #0d4bc3);\n$ion-bg-primary-base-press-rgb: var(--ion-bg-primary-base-press-rgb, 13, 75, 195);\n$ion-bg-primary-subtle-default: var(--ion-bg-primary-subtle-default, #f2f4fd);\n$ion-bg-primary-subtle-default-rgb: var(--ion-bg-primary-subtle-default-rgb, 242, 244, 253);\n$ion-bg-primary-subtle-press: var(--ion-bg-primary-subtle-press, #d0d7fa);\n$ion-bg-primary-subtle-press-rgb: var(--ion-bg-primary-subtle-press-rgb, 208, 215, 250);\n$ion-bg-danger-base-default: var(--ion-bg-danger-base-default, #bf2222);\n$ion-bg-danger-base-default-rgb: var(--ion-bg-danger-base-default-rgb, 191, 34, 34);\n$ion-bg-danger-base-press: var(--ion-bg-danger-base-press, #761515);\n$ion-bg-danger-base-press-rgb: var(--ion-bg-danger-base-press-rgb, 118, 21, 21);\n$ion-bg-danger-subtle-default: var(--ion-bg-danger-subtle-default, #feeded);\n$ion-bg-danger-subtle-default-rgb: var(--ion-bg-danger-subtle-default-rgb, 254, 237, 237);\n$ion-bg-danger-subtle-press: var(--ion-bg-danger-subtle-press, #fcc1c1);\n$ion-bg-danger-subtle-press-rgb: var(--ion-bg-danger-subtle-press-rgb, 252, 193, 193);\n$ion-bg-success-base-default: var(--ion-bg-success-base-default, #126f23);\n$ion-bg-success-base-default-rgb: var(--ion-bg-success-base-default-rgb, 18, 111, 35);\n$ion-bg-success-base-press: var(--ion-bg-success-base-press, #093811);\n$ion-bg-success-base-press-rgb: var(--ion-bg-success-base-press-rgb, 9, 56, 17);\n$ion-bg-success-subtle-default: var(--ion-bg-success-subtle-default, #ebf9ec);\n$ion-bg-success-subtle-default-rgb: var(--ion-bg-success-subtle-default-rgb, 235, 249, 236);\n$ion-bg-success-subtle-press: var(--ion-bg-success-subtle-press, #b3ebb7);\n$ion-bg-success-subtle-press-rgb: var(--ion-bg-success-subtle-press-rgb, 179, 235, 183);\n$ion-bg-info-base-default: var(--ion-bg-info-base-default, #0d4bc3);\n$ion-bg-info-base-default-rgb: var(--ion-bg-info-base-default-rgb, 13, 75, 195);\n$ion-bg-info-base-press: var(--ion-bg-info-base-press, #09358a);\n$ion-bg-info-base-press-rgb: var(--ion-bg-info-base-press-rgb, 9, 53, 138);\n$ion-bg-info-subtle-default: var(--ion-bg-info-subtle-default, #f2f4fd);\n$ion-bg-info-subtle-default-rgb: var(--ion-bg-info-subtle-default-rgb, 242, 244, 253);\n$ion-bg-info-subtle-press: var(--ion-bg-info-subtle-press, #d0d7fa);\n$ion-bg-info-subtle-press-rgb: var(--ion-bg-info-subtle-press-rgb, 208, 215, 250);\n$ion-bg-warning-base-default: var(--ion-bg-warning-base-default, #a45f00);\n$ion-bg-warning-base-default-rgb: var(--ion-bg-warning-base-default-rgb, 164, 95, 0);\n$ion-bg-warning-base-press: var(--ion-bg-warning-base-press, #633a00);\n$ion-bg-warning-base-press-rgb: var(--ion-bg-warning-base-press-rgb, 99, 58, 0);\n$ion-bg-warning-subtle-default: var(--ion-bg-warning-subtle-default, #fff1ea);\n$ion-bg-warning-subtle-default-rgb: var(--ion-bg-warning-subtle-default-rgb, 255, 241, 234);\n$ion-bg-warning-subtle-press: var(--ion-bg-warning-subtle-press, #ffcfb1);\n$ion-bg-warning-subtle-press-rgb: var(--ion-bg-warning-subtle-press-rgb, 255, 207, 177);\n$ion-bg-body: var(--ion-bg-body, #ffffff);\n$ion-bg-body-rgb: var(--ion-bg-body-rgb, 255, 255, 255);\n$ion-bg-neutral-subtle-default: var(--ion-bg-neutral-subtle-default, #e7e7e7);\n$ion-bg-neutral-subtle-default-rgb: var(--ion-bg-neutral-subtle-default-rgb, 231, 231, 231);\n$ion-bg-neutral-subtle-press: var(--ion-bg-neutral-subtle-press, #b9b9b9);\n$ion-bg-neutral-subtle-press-rgb: var(--ion-bg-neutral-subtle-press-rgb, 185, 185, 185);\n$ion-bg-neutral-base-default: var(--ion-bg-neutral-base-default, #a2a2a2);\n$ion-bg-neutral-base-default-rgb: var(--ion-bg-neutral-base-default-rgb, 162, 162, 162);\n$ion-bg-neutral-base-press: var(--ion-bg-neutral-base-press, #777777);\n$ion-bg-neutral-base-press-rgb: var(--ion-bg-neutral-base-press-rgb, 119, 119, 119);\n$ion-bg-neutral-subtlest-default: var(--ion-bg-neutral-subtlest-default, #ffffff);\n$ion-bg-neutral-subtlest-default-rgb: var(--ion-bg-neutral-subtlest-default-rgb, 255, 255, 255);\n$ion-bg-neutral-subtlest-press: var(--ion-bg-neutral-subtlest-press, #e7e7e7);\n$ion-bg-neutral-subtlest-press-rgb: var(--ion-bg-neutral-subtlest-press-rgb, 231, 231, 231);\n$ion-bg-neutral-bold-default: var(--ion-bg-neutral-bold-default, #626262);\n$ion-bg-neutral-bold-default-rgb: var(--ion-bg-neutral-bold-default-rgb, 98, 98, 98);\n$ion-bg-neutral-bold-press: var(--ion-bg-neutral-bold-press, #3b3b3b);\n$ion-bg-neutral-bold-press-rgb: var(--ion-bg-neutral-bold-press-rgb, 59, 59, 59);\n$ion-bg-neutral-boldest-default: var(--ion-bg-neutral-boldest-default, #242424);\n$ion-bg-neutral-boldest-default-rgb: var(--ion-bg-neutral-boldest-default-rgb, 36, 36, 36);\n$ion-bg-surface-default: var(--ion-bg-surface-default, #ffffff);\n$ion-bg-surface-default-rgb: var(--ion-bg-surface-default-rgb, 255, 255, 255);\n$ion-bg-surface-inverse: var(--ion-bg-surface-inverse, #ffffff);\n$ion-bg-surface-inverse-rgb: var(--ion-bg-surface-inverse-rgb, 255, 255, 255);\n$ion-bg-input-default: var(--ion-bg-input-default, #ffffff);\n$ion-bg-input-default-rgb: var(--ion-bg-input-default-rgb, 255, 255, 255);\n$ion-bg-input-read-only: var(--ion-bg-input-read-only, #f5f5f5);\n$ion-bg-input-read-only-rgb: var(--ion-bg-input-read-only-rgb, 245, 245, 245);\n$ion-bg-input-press: var(--ion-bg-input-press, #e7e7e7);\n$ion-bg-input-press-rgb: var(--ion-bg-input-press-rgb, 231, 231, 231);\n$ion-bg-input-disabled: var(--ion-bg-input-disabled, #f5f5f5);\n$ion-bg-input-disabled-rgb: var(--ion-bg-input-disabled-rgb, 245, 245, 245);\n$ion-bg-select-default: var(--ion-bg-select-default, #f2f4fd);\n$ion-bg-select-default-rgb: var(--ion-bg-select-default-rgb, 242, 244, 253);\n$ion-bg-select-press: var(--ion-bg-select-press, #d0d7fa);\n$ion-bg-select-press-rgb: var(--ion-bg-select-press-rgb, 208, 215, 250);\n$ion-text-default: var(--ion-text-default, #242424);\n$ion-text-default-rgb: var(--ion-text-default-rgb, 36, 36, 36);\n$ion-text-subtle: var(--ion-text-subtle, #3b3b3b);\n$ion-text-subtle-rgb: var(--ion-text-subtle-rgb, 59, 59, 59);\n$ion-text-subtlest: var(--ion-text-subtlest, #626262);\n$ion-text-subtlest-rgb: var(--ion-text-subtlest-rgb, 98, 98, 98);\n$ion-text-primary: var(--ion-text-primary, #105cef);\n$ion-text-primary-rgb: var(--ion-text-primary-rgb, 16, 92, 239);\n$ion-text-disabled: var(--ion-text-disabled, #a2a2a2);\n$ion-text-disabled-rgb: var(--ion-text-disabled-rgb, 162, 162, 162);\n$ion-text-danger: var(--ion-text-danger, #bf2222);\n$ion-text-danger-rgb: var(--ion-text-danger-rgb, 191, 34, 34);\n$ion-text-info: var(--ion-text-info, #0d4bc3);\n$ion-text-info-rgb: var(--ion-text-info-rgb, 13, 75, 195);\n$ion-text-warning: var(--ion-text-warning, #a45f00);\n$ion-text-warning-rgb: var(--ion-text-warning-rgb, 164, 95, 0);\n$ion-text-success: var(--ion-text-success, #126f23);\n$ion-text-success-rgb: var(--ion-text-success-rgb, 18, 111, 35);\n$ion-text-link-default: var(--ion-text-link-default, #105cef);\n$ion-text-link-default-rgb: var(--ion-text-link-default-rgb, 16, 92, 239);\n$ion-text-link-press: var(--ion-text-link-press, #0f54da);\n$ion-text-link-press-rgb: var(--ion-text-link-press-rgb, 15, 84, 218);\n$ion-text-link-visited: var(--ion-text-link-visited, #0d4bc3);\n$ion-text-link-visited-rgb: var(--ion-text-link-visited-rgb, 13, 75, 195);\n$ion-text-inverse: var(--ion-text-inverse, #ffffff);\n$ion-text-inverse-rgb: var(--ion-text-inverse-rgb, 255, 255, 255);\n$ion-text-select: var(--ion-text-select, #105cef);\n$ion-text-select-rgb: var(--ion-text-select-rgb, 16, 92, 239);\n$ion-border-default: var(--ion-border-default, #cfcfcf);\n$ion-border-default-rgb: var(--ion-border-default-rgb, 207, 207, 207);\n$ion-border-focus-0: var(--ion-border-focus-0, none);\n$ion-border-focus-default: var(--ion-border-focus-default, #b5c0f7);\n$ion-border-focus-default-rgb: var(--ion-border-focus-default-rgb, 181, 192, 247);\n$ion-border-focus-error: var(--ion-border-focus-error, #faa1a1);\n$ion-border-focus-error-rgb: var(--ion-border-focus-error-rgb, 250, 161, 161);\n$ion-border-primary: var(--ion-border-primary, #105cef);\n$ion-border-primary-rgb: var(--ion-border-primary-rgb, 16, 92, 239);\n$ion-border-success: var(--ion-border-success, #126f23);\n$ion-border-success-rgb: var(--ion-border-success-rgb, 18, 111, 35);\n$ion-border-warning: var(--ion-border-warning, #844d00);\n$ion-border-warning-rgb: var(--ion-border-warning-rgb, 132, 77, 0);\n$ion-border-danger-default: var(--ion-border-danger-default, #bf2222);\n$ion-border-danger-default-rgb: var(--ion-border-danger-default-rgb, 191, 34, 34);\n$ion-border-danger-press: var(--ion-border-danger-press, #761515);\n$ion-border-danger-press-rgb: var(--ion-border-danger-press-rgb, 118, 21, 21);\n$ion-border-subtle: var(--ion-border-subtle, #f5f5f5);\n$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 245, 245, 245);\n$ion-border-input-default: var(--ion-border-input-default, #a2a2a2);\n$ion-border-input-default-rgb: var(--ion-border-input-default-rgb, 162, 162, 162);\n$ion-border-input-press: var(--ion-border-input-press, #777777);\n$ion-border-input-press-rgb: var(--ion-border-input-press-rgb, 119, 119, 119);\n$ion-border-input-read-only: var(--ion-border-input-read-only, #a2a2a2);\n$ion-border-input-read-only-rgb: var(--ion-border-input-read-only-rgb, 162, 162, 162);\n$ion-border-subtlest: var(--ion-border-subtlest, #ffffff);\n$ion-border-subtlest-rgb: var(--ion-border-subtlest-rgb, 255, 255, 255);\n$ion-border-style-none: var(--ion-border-style-none, none);\n$ion-border-style-solid: var(--ion-border-style-solid, solid);\n$ion-border-style-dashed: var(--ion-border-style-dashed, dashed);\n$ion-border-style-dotted: var(--ion-border-style-dotted, dotted);\n$ion-border-size-0: var(--ion-border-size-0, 0px);\n$ion-border-size-025: var(--ion-border-size-025, 1px);\n$ion-border-size-050: var(--ion-border-size-050, 2px);\n$ion-border-size-075: var(--ion-border-size-075, 3px);\n$ion-border-radius-0: var(--ion-border-radius-0, 0px);\n$ion-border-radius-100: var(--ion-border-radius-100, 4px);\n$ion-border-radius-200: var(--ion-border-radius-200, 8px);\n$ion-border-radius-300: var(--ion-border-radius-300, 12px);\n$ion-border-radius-400: var(--ion-border-radius-400, 16px);\n$ion-border-radius-500: var(--ion-border-radius-500, 20px);\n$ion-border-radius-800: var(--ion-border-radius-800, 32px);\n$ion-border-radius-1000: var(--ion-border-radius-1000, 40px);\n$ion-border-radius-full: var(--ion-border-radius-full, 999px);\n$ion-border-radius-025: var(--ion-border-radius-025, 2px);\n$ion-icon-subtlest: var(--ion-icon-subtlest, #626262);\n$ion-icon-subtlest-rgb: var(--ion-icon-subtlest-rgb, 98, 98, 98);\n$ion-icon-info: var(--ion-icon-info, #0d4bc3);\n$ion-icon-info-rgb: var(--ion-icon-info-rgb, 13, 75, 195);\n$ion-icon-success: var(--ion-icon-success, #126f23);\n$ion-icon-success-rgb: var(--ion-icon-success-rgb, 18, 111, 35);\n$ion-icon-danger: var(--ion-icon-danger, #bf2222);\n$ion-icon-danger-rgb: var(--ion-icon-danger-rgb, 191, 34, 34);\n$ion-icon-warning: var(--ion-icon-warning, #a45f00);\n$ion-icon-warning-rgb: var(--ion-icon-warning-rgb, 164, 95, 0);\n$ion-icon-inverse: var(--ion-icon-inverse, #ffffff);\n$ion-icon-inverse-rgb: var(--ion-icon-inverse-rgb, 255, 255, 255);\n$ion-icon-primary: var(--ion-icon-primary, #105cef);\n$ion-icon-primary-rgb: var(--ion-icon-primary-rgb, 16, 92, 239);\n$ion-icon-default: var(--ion-icon-default, #242424);\n$ion-icon-default-rgb: var(--ion-icon-default-rgb, 36, 36, 36);\n$ion-icon-disabled: var(--ion-icon-disabled, #a2a2a2);\n$ion-icon-disabled-rgb: var(--ion-icon-disabled-rgb, 162, 162, 162);\n$ion-icon-subtle: var(--ion-icon-subtle, #3b3b3b);\n$ion-icon-subtle-rgb: var(--ion-icon-subtle-rgb, 59, 59, 59);\n$ion-icon-select: var(--ion-icon-select, #105cef);\n$ion-icon-select-rgb: var(--ion-icon-select-rgb, 16, 92, 239);\n$ion-icon-link-default: var(--ion-icon-link-default, #105cef);\n$ion-icon-link-default-rgb: var(--ion-icon-link-default-rgb, 16, 92, 239);\n$ion-icon-link-press: var(--ion-icon-link-press, #0f54da);\n$ion-icon-link-press-rgb: var(--ion-icon-link-press-rgb, 15, 84, 218);\n$ion-icon-link-visited: var(--ion-icon-link-visited, #0d4bc3);\n$ion-icon-link-visited-rgb: var(--ion-icon-link-visited-rgb, 13, 75, 195);\n$ion-state-disabled: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));\n$ion-state-press: var(--ion-state-press, rgba(36, 36, 36, 0.08));\n$ion-elevation-1: var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));\n$ion-elevation-2: var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));\n$ion-elevation-3: var(--ion-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));\n$ion-elevation-4: var(--ion-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));\n$ion-backdrop: var(--ion-backdrop, [object Object]);\n$ion-scale-0: var(--ion-scale-0, 0px);\n$ion-scale-100: var(--ion-scale-100, 4px);\n$ion-scale-150: var(--ion-scale-150, 6px);\n$ion-scale-200: var(--ion-scale-200, 8px);\n$ion-scale-250: var(--ion-scale-250, 10px);\n$ion-scale-300: var(--ion-scale-300, 12px);\n$ion-scale-400: var(--ion-scale-400, 16px);\n$ion-scale-500: var(--ion-scale-500, 20px);\n$ion-scale-600: var(--ion-scale-600, 24px);\n$ion-scale-700: var(--ion-scale-700, 28px);\n$ion-scale-800: var(--ion-scale-800, 32px);\n$ion-scale-900: var(--ion-scale-900, 36px);\n$ion-scale-1000: var(--ion-scale-1000, 40px);\n$ion-scale-1100: var(--ion-scale-1100, 44px);\n$ion-scale-1200: var(--ion-scale-1200, 48px);\n$ion-scale-1400: var(--ion-scale-1400, 56px);\n$ion-scale-1600: var(--ion-scale-1600, 64px);\n$ion-scale-1800: var(--ion-scale-1800, 72px);\n$ion-scale-2000: var(--ion-scale-2000, 80px);\n$ion-scale-2400: var(--ion-scale-2400, 96px);\n$ion-scale-2800: var(--ion-scale-2800, 112px);\n$ion-scale-3200: var(--ion-scale-3200, 128px);\n$ion-scale-3400: var(--ion-scale-3400, 136px);\n$ion-scale-3600: var(--ion-scale-3600, 144px);\n$ion-scale-4000: var(--ion-scale-4000, 160px);\n$ion-scale-5000: var(--ion-scale-5000, 200px);\n$ion-scale-6200: var(--ion-scale-6200, 248px);\n$ion-scale-7400: var(--ion-scale-7400, 296px);\n$ion-scale-9000: var(--ion-scale-9000, 360px);\n$ion-scale-025: var(--ion-scale-025, 1px);\n$ion-scale-050: var(--ion-scale-050, 2px);\n$ion-scale-075: var(--ion-scale-075, 3px);\n$ion-space-0: var(--ion-space-0, 0px);\n$ion-space-100: var(--ion-space-100, 4px);\n$ion-space-150: var(--ion-space-150, 6px);\n$ion-space-200: var(--ion-space-200, 8px);\n$ion-space-250: var(--ion-space-250, 10px);\n$ion-space-300: var(--ion-space-300, 12px);\n$ion-space-400: var(--ion-space-400, 16px);\n$ion-space-500: var(--ion-space-500, 20px);\n$ion-space-600: var(--ion-space-600, 24px);\n$ion-space-700: var(--ion-space-700, 28px);\n$ion-space-800: var(--ion-space-800, 32px);\n$ion-space-900: var(--ion-space-900, 36px);\n$ion-space-1000: var(--ion-space-1000, 40px);\n$ion-space-1200: var(--ion-space-1200, 48px);\n$ion-space-050: var(--ion-space-050, 2px);\n$ion-z-index-0: var(--ion-z-index-0, 0px);\n$ion-z-index-100: var(--ion-z-index-100, 100px);\n$ion-z-index-200: var(--ion-z-index-200, 200px);\n$ion-z-index-300: var(--ion-z-index-300, 300px);\n$ion-z-index-400: var(--ion-z-index-400, 400px);\n$ion-z-index-500: var(--ion-z-index-500, 500px);\n$ion-z-index-bottom: var(--ion-z-index-bottom, -99999px);\n$ion-z-index-top: var(--ion-z-index-top, 99999px);\n$ion-transition-curve-linear: var(--ion-transition-curve-linear, linear);\n$ion-transition-curve-quick: var(--ion-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));\n$ion-transition-curve-base: var(--ion-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));\n$ion-transition-curve-expressive: var(--ion-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));\n$ion-transition-curve-bounce: var(--ion-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));\n$ion-transition-time-0: var(--ion-transition-time-0, 0);\n$ion-transition-time-100: var(--ion-transition-time-100, 100);\n$ion-transition-time-150: var(--ion-transition-time-150, 150);\n$ion-transition-time-200: var(--ion-transition-time-200, 200);\n$ion-transition-time-300: var(--ion-transition-time-300, 300);\n$ion-transition-time-500: var(--ion-transition-time-500, 500);\n$ion-transition-time-1000: var(--ion-transition-time-1000, 1000);\n$ion-transition-time-1500: var(--ion-transition-time-1500, 1500);\n$ion-font-family: var(--ion-font-family, \"Inter\", sans-serif);\n$ion-font-weight-thin: var(--ion-font-weight-thin, 100);\n$ion-font-weight-extra-light: var(--ion-font-weight-extra-light, 200);\n$ion-font-weight-light: var(--ion-font-weight-light, 300);\n$ion-font-weight-regular: var(--ion-font-weight-regular, 400);\n$ion-font-weight-medium: var(--ion-font-weight-medium, 500);\n$ion-font-weight-semi-bold: var(--ion-font-weight-semi-bold, 600);\n$ion-font-weight-bold: var(--ion-font-weight-bold, 700);\n$ion-font-weight-extra-bold: var(--ion-font-weight-extra-bold, 800);\n$ion-font-weight-black: var(--ion-font-weight-black, 900);\n$ion-font-size-275: var(--ion-font-size-275, font.px-to-rem(11));\n$ion-font-size-300: var(--ion-font-size-300, font.px-to-rem(12));\n$ion-font-size-350: var(--ion-font-size-350, font.px-to-rem(14));\n$ion-font-size-400: var(--ion-font-size-400, font.px-to-rem(16));\n$ion-font-size-450: var(--ion-font-size-450, font.px-to-rem(18));\n$ion-font-size-500: var(--ion-font-size-500, font.px-to-rem(20));\n$ion-font-size-550: var(--ion-font-size-550, font.px-to-rem(22));\n$ion-font-size-600: var(--ion-font-size-600, font.px-to-rem(24));\n$ion-font-size-650: var(--ion-font-size-650, font.px-to-rem(26));\n$ion-font-size-700: var(--ion-font-size-700, font.px-to-rem(28));\n$ion-font-size-800: var(--ion-font-size-800, font.px-to-rem(32));\n$ion-font-size-900: var(--ion-font-size-900, font.px-to-rem(36));\n$ion-font-letter-spacing-0: var(--ion-font-letter-spacing-0, 0%);\n$ion-font-letter-spacing-1: var(--ion-font-letter-spacing-1, 1%);\n$ion-font-letter-spacing-2: var(--ion-font-letter-spacing-2, 1.5%);\n$ion-font-line-height-300: var(--ion-font-line-height-300, 12px);\n$ion-font-line-height-400: var(--ion-font-line-height-400, 16px);\n$ion-font-line-height-500: var(--ion-font-line-height-500, 20px);\n$ion-font-line-height-600: var(--ion-font-line-height-600, 24px);\n$ion-font-line-height-700: var(--ion-font-line-height-700, 28px);\n$ion-font-line-height-800: var(--ion-font-line-height-800, 32px);\n$ion-font-line-height-900: var(--ion-font-line-height-900, 36px);\n$ion-font-line-height-1100: var(--ion-font-line-height-1100, 44px);\n$ion-font-line-height-1200: var(--ion-font-line-height-1200, 48px);\n$ion-font-line-height-full: var(--ion-font-line-height-full, 100%);\n$ion-rectangular-2xs: var(--ion-rectangular-2xs, 0px);\n$ion-rectangular-xs: var(--ion-rectangular-xs, 0px);\n$ion-rectangular-sm: var(--ion-rectangular-sm, 0px);\n$ion-rectangular-md: var(--ion-rectangular-md, 0px);\n$ion-rectangular-lg: var(--ion-rectangular-lg, 0px);\n$ion-rectangular-xl: var(--ion-rectangular-xl, 0px);\n$ion-rectangular-2xl: var(--ion-rectangular-2xl, 0px);\n$ion-round-2xs: var(--ion-round-2xs, 999px);\n$ion-round-xs: var(--ion-round-xs, 999px);\n$ion-round-sm: var(--ion-round-sm, 999px);\n$ion-round-md: var(--ion-round-md, 999px);\n$ion-round-lg: var(--ion-round-lg, 12px);\n$ion-round-xl: var(--ion-round-xl, 16px);\n$ion-round-2xl: var(--ion-round-2xl, 40px);\n$ion-soft-2xs: var(--ion-soft-2xs, 4px);\n$ion-soft-xs: var(--ion-soft-xs, 8px);\n$ion-soft-sm: var(--ion-soft-sm, 12px);\n$ion-soft-md: var(--ion-soft-md, 16px);\n$ion-soft-lg: var(--ion-soft-lg, 8px);\n$ion-soft-xl: var(--ion-soft-xl, 8px);\n$ion-soft-2xl: var(--ion-soft-2xl, 16px);\n$ion-primitives-neutral-100: var(--ion-primitives-neutral-100, #f5f5f5);\n$ion-primitives-neutral-100-rgb: var(--ion-primitives-neutral-100-rgb, 245, 245, 245);\n$ion-primitives-neutral-200: var(--ion-primitives-neutral-200, #e7e7e7);\n$ion-primitives-neutral-200-rgb: var(--ion-primitives-neutral-200-rgb, 231, 231, 231);\n$ion-primitives-neutral-300: var(--ion-primitives-neutral-300, #cfcfcf);\n$ion-primitives-neutral-300-rgb: var(--ion-primitives-neutral-300-rgb, 207, 207, 207);\n$ion-primitives-neutral-400: var(--ion-primitives-neutral-400, #b9b9b9);\n$ion-primitives-neutral-400-rgb: var(--ion-primitives-neutral-400-rgb, 185, 185, 185);\n$ion-primitives-neutral-500: var(--ion-primitives-neutral-500, #a2a2a2);\n$ion-primitives-neutral-500-rgb: var(--ion-primitives-neutral-500-rgb, 162, 162, 162);\n$ion-primitives-neutral-600: var(--ion-primitives-neutral-600, #8c8c8c);\n$ion-primitives-neutral-600-rgb: var(--ion-primitives-neutral-600-rgb, 140, 140, 140);\n$ion-primitives-neutral-700: var(--ion-primitives-neutral-700, #777777);\n$ion-primitives-neutral-700-rgb: var(--ion-primitives-neutral-700-rgb, 119, 119, 119);\n$ion-primitives-neutral-800: var(--ion-primitives-neutral-800, #626262);\n$ion-primitives-neutral-800-rgb: var(--ion-primitives-neutral-800-rgb, 98, 98, 98);\n$ion-primitives-neutral-900: var(--ion-primitives-neutral-900, #4e4e4e);\n$ion-primitives-neutral-900-rgb: var(--ion-primitives-neutral-900-rgb, 78, 78, 78);\n$ion-primitives-neutral-1000: var(--ion-primitives-neutral-1000, #3b3b3b);\n$ion-primitives-neutral-1000-rgb: var(--ion-primitives-neutral-1000-rgb, 59, 59, 59);\n$ion-primitives-neutral-1100: var(--ion-primitives-neutral-1100, #292929);\n$ion-primitives-neutral-1100-rgb: var(--ion-primitives-neutral-1100-rgb, 41, 41, 41);\n$ion-primitives-neutral-1200: var(--ion-primitives-neutral-1200, #242424);\n$ion-primitives-neutral-1200-rgb: var(--ion-primitives-neutral-1200-rgb, 36, 36, 36);\n$ion-primitives-base-white: var(--ion-primitives-base-white, #ffffff);\n$ion-primitives-base-white-rgb: var(--ion-primitives-base-white-rgb, 255, 255, 255);\n$ion-primitives-base-black: var(--ion-primitives-base-black, #111111);\n$ion-primitives-base-black-rgb: var(--ion-primitives-base-black-rgb, 17, 17, 17);\n$ion-primitives-red-100: var(--ion-primitives-red-100, #feeded);\n$ion-primitives-red-100-rgb: var(--ion-primitives-red-100-rgb, 254, 237, 237);\n$ion-primitives-red-200: var(--ion-primitives-red-200, #fde1e1);\n$ion-primitives-red-200-rgb: var(--ion-primitives-red-200-rgb, 253, 225, 225);\n$ion-primitives-red-300: var(--ion-primitives-red-300, #fcc1c1);\n$ion-primitives-red-300-rgb: var(--ion-primitives-red-300-rgb, 252, 193, 193);\n$ion-primitives-red-400: var(--ion-primitives-red-400, #faa1a1);\n$ion-primitives-red-400-rgb: var(--ion-primitives-red-400-rgb, 250, 161, 161);\n$ion-primitives-red-500: var(--ion-primitives-red-500, #f97d7d);\n$ion-primitives-red-500-rgb: var(--ion-primitives-red-500-rgb, 249, 125, 125);\n$ion-primitives-red-600: var(--ion-primitives-red-600, #f85151);\n$ion-primitives-red-600-rgb: var(--ion-primitives-red-600-rgb, 248, 81, 81);\n$ion-primitives-red-700: var(--ion-primitives-red-700, #e52929);\n$ion-primitives-red-700-rgb: var(--ion-primitives-red-700-rgb, 229, 41, 41);\n$ion-primitives-red-800: var(--ion-primitives-red-800, #bf2222);\n$ion-primitives-red-800-rgb: var(--ion-primitives-red-800-rgb, 191, 34, 34);\n$ion-primitives-red-900: var(--ion-primitives-red-900, #991b1b);\n$ion-primitives-red-900-rgb: var(--ion-primitives-red-900-rgb, 153, 27, 27);\n$ion-primitives-red-1000: var(--ion-primitives-red-1000, #761515);\n$ion-primitives-red-1000-rgb: var(--ion-primitives-red-1000-rgb, 118, 21, 21);\n$ion-primitives-red-1100: var(--ion-primitives-red-1100, #540f0f);\n$ion-primitives-red-1100-rgb: var(--ion-primitives-red-1100-rgb, 84, 15, 15);\n$ion-primitives-red-1200: var(--ion-primitives-red-1200, #330909);\n$ion-primitives-red-1200-rgb: var(--ion-primitives-red-1200-rgb, 51, 9, 9);\n$ion-primitives-pumpkin-100: var(--ion-primitives-pumpkin-100, #feedea);\n$ion-primitives-pumpkin-100-rgb: var(--ion-primitives-pumpkin-100-rgb, 254, 237, 234);\n$ion-primitives-pumpkin-200: var(--ion-primitives-pumpkin-200, #fde0db);\n$ion-primitives-pumpkin-200-rgb: var(--ion-primitives-pumpkin-200-rgb, 253, 224, 219);\n$ion-primitives-pumpkin-300: var(--ion-primitives-pumpkin-300, #fbbdb1);\n$ion-primitives-pumpkin-300-rgb: var(--ion-primitives-pumpkin-300-rgb, 251, 189, 177);\n$ion-primitives-pumpkin-400: var(--ion-primitives-pumpkin-400, #f9947c);\n$ion-primitives-pumpkin-400-rgb: var(--ion-primitives-pumpkin-400-rgb, 249, 148, 124);\n$ion-primitives-pumpkin-500: var(--ion-primitives-pumpkin-500, #f75d07);\n$ion-primitives-pumpkin-500-rgb: var(--ion-primitives-pumpkin-500-rgb, 247, 93, 7);\n$ion-primitives-pumpkin-600: var(--ion-primitives-pumpkin-600, #da5206);\n$ion-primitives-pumpkin-600-rgb: var(--ion-primitives-pumpkin-600-rgb, 218, 82, 6);\n$ion-primitives-pumpkin-700: var(--ion-primitives-pumpkin-700, #bd4705);\n$ion-primitives-pumpkin-700-rgb: var(--ion-primitives-pumpkin-700-rgb, 189, 71, 5);\n$ion-primitives-pumpkin-800: var(--ion-primitives-pumpkin-800, #9f3c05);\n$ion-primitives-pumpkin-800-rgb: var(--ion-primitives-pumpkin-800-rgb, 159, 60, 5);\n$ion-primitives-pumpkin-900: var(--ion-primitives-pumpkin-900, #803004);\n$ion-primitives-pumpkin-900-rgb: var(--ion-primitives-pumpkin-900-rgb, 128, 48, 4);\n$ion-primitives-pumpkin-1000: var(--ion-primitives-pumpkin-1000, #602403);\n$ion-primitives-pumpkin-1000-rgb: var(--ion-primitives-pumpkin-1000-rgb, 96, 36, 3);\n$ion-primitives-pumpkin-1100: var(--ion-primitives-pumpkin-1100, #401802);\n$ion-primitives-pumpkin-1100-rgb: var(--ion-primitives-pumpkin-1100-rgb, 64, 24, 2);\n$ion-primitives-pumpkin-1200: var(--ion-primitives-pumpkin-1200, #210c01);\n$ion-primitives-pumpkin-1200-rgb: var(--ion-primitives-pumpkin-1200-rgb, 33, 12, 1);\n$ion-primitives-orange-100: var(--ion-primitives-orange-100, #fff1ea);\n$ion-primitives-orange-100-rgb: var(--ion-primitives-orange-100-rgb, 255, 241, 234);\n$ion-primitives-orange-200: var(--ion-primitives-orange-200, #ffe8db);\n$ion-primitives-orange-200-rgb: var(--ion-primitives-orange-200-rgb, 255, 232, 219);\n$ion-primitives-orange-300: var(--ion-primitives-orange-300, #ffcfb1);\n$ion-primitives-orange-300-rgb: var(--ion-primitives-orange-300-rgb, 255, 207, 177);\n$ion-primitives-orange-400: var(--ion-primitives-orange-400, #ffb37b);\n$ion-primitives-orange-400-rgb: var(--ion-primitives-orange-400-rgb, 255, 179, 123);\n$ion-primitives-orange-500: var(--ion-primitives-orange-500, #ff9400);\n$ion-primitives-orange-500-rgb: var(--ion-primitives-orange-500-rgb, 255, 148, 0);\n$ion-primitives-orange-600: var(--ion-primitives-orange-600, #e18300);\n$ion-primitives-orange-600-rgb: var(--ion-primitives-orange-600-rgb, 225, 131, 0);\n$ion-primitives-orange-700: var(--ion-primitives-orange-700, #c37100);\n$ion-primitives-orange-700-rgb: var(--ion-primitives-orange-700-rgb, 195, 113, 0);\n$ion-primitives-orange-800: var(--ion-primitives-orange-800, #a45f00);\n$ion-primitives-orange-800-rgb: var(--ion-primitives-orange-800-rgb, 164, 95, 0);\n$ion-primitives-orange-900: var(--ion-primitives-orange-900, #844d00);\n$ion-primitives-orange-900-rgb: var(--ion-primitives-orange-900-rgb, 132, 77, 0);\n$ion-primitives-orange-1000: var(--ion-primitives-orange-1000, #633a00);\n$ion-primitives-orange-1000-rgb: var(--ion-primitives-orange-1000-rgb, 99, 58, 0);\n$ion-primitives-orange-1100: var(--ion-primitives-orange-1100, #422700);\n$ion-primitives-orange-1100-rgb: var(--ion-primitives-orange-1100-rgb, 66, 39, 0);\n$ion-primitives-orange-1200: var(--ion-primitives-orange-1200, #221400);\n$ion-primitives-orange-1200-rgb: var(--ion-primitives-orange-1200-rgb, 34, 20, 0);\n$ion-primitives-yellow-100: var(--ion-primitives-yellow-100, #fff9ea);\n$ion-primitives-yellow-100-rgb: var(--ion-primitives-yellow-100-rgb, 255, 249, 234);\n$ion-primitives-yellow-200: var(--ion-primitives-yellow-200, #fff5db);\n$ion-primitives-yellow-200-rgb: var(--ion-primitives-yellow-200-rgb, 255, 245, 219);\n$ion-primitives-yellow-300: var(--ion-primitives-yellow-300, #ffebb1);\n$ion-primitives-yellow-300-rgb: var(--ion-primitives-yellow-300-rgb, 255, 235, 177);\n$ion-primitives-yellow-400: var(--ion-primitives-yellow-400, #ffe07b);\n$ion-primitives-yellow-400-rgb: var(--ion-primitives-yellow-400-rgb, 255, 224, 123);\n$ion-primitives-yellow-500: var(--ion-primitives-yellow-500, #ffd600);\n$ion-primitives-yellow-500-rgb: var(--ion-primitives-yellow-500-rgb, 255, 214, 0);\n$ion-primitives-yellow-600: var(--ion-primitives-yellow-600, #f9bd0a);\n$ion-primitives-yellow-600-rgb: var(--ion-primitives-yellow-600-rgb, 249, 189, 10);\n$ion-primitives-yellow-700: var(--ion-primitives-yellow-700, #df9c00);\n$ion-primitives-yellow-700-rgb: var(--ion-primitives-yellow-700-rgb, 223, 156, 0);\n$ion-primitives-yellow-800: var(--ion-primitives-yellow-800, #ba8200);\n$ion-primitives-yellow-800-rgb: var(--ion-primitives-yellow-800-rgb, 186, 130, 0);\n$ion-primitives-yellow-900: var(--ion-primitives-yellow-900, #966503);\n$ion-primitives-yellow-900-rgb: var(--ion-primitives-yellow-900-rgb, 150, 101, 3);\n$ion-primitives-yellow-1000: var(--ion-primitives-yellow-1000, #704b02);\n$ion-primitives-yellow-1000-rgb: var(--ion-primitives-yellow-1000-rgb, 112, 75, 2);\n$ion-primitives-yellow-1100: var(--ion-primitives-yellow-1100, #533802);\n$ion-primitives-yellow-1100-rgb: var(--ion-primitives-yellow-1100-rgb, 83, 56, 2);\n$ion-primitives-yellow-1200: var(--ion-primitives-yellow-1200, #2c1e02);\n$ion-primitives-yellow-1200-rgb: var(--ion-primitives-yellow-1200-rgb, 44, 30, 2);\n$ion-primitives-lime-100: var(--ion-primitives-lime-100, #f3faea);\n$ion-primitives-lime-100-rgb: var(--ion-primitives-lime-100-rgb, 243, 250, 234);\n$ion-primitives-lime-200: var(--ion-primitives-lime-200, #eaf7db);\n$ion-primitives-lime-200-rgb: var(--ion-primitives-lime-200-rgb, 234, 247, 219);\n$ion-primitives-lime-300: var(--ion-primitives-lime-300, #d3efb2);\n$ion-primitives-lime-300-rgb: var(--ion-primitives-lime-300-rgb, 211, 239, 178);\n$ion-primitives-lime-400: var(--ion-primitives-lime-400, #bbe77d);\n$ion-primitives-lime-400-rgb: var(--ion-primitives-lime-400-rgb, 187, 231, 125);\n$ion-primitives-lime-500: var(--ion-primitives-lime-500, #a0df18);\n$ion-primitives-lime-500-rgb: var(--ion-primitives-lime-500-rgb, 160, 223, 24);\n$ion-primitives-lime-600: var(--ion-primitives-lime-600, #8dc515);\n$ion-primitives-lime-600-rgb: var(--ion-primitives-lime-600-rgb, 141, 197, 21);\n$ion-primitives-lime-700: var(--ion-primitives-lime-700, #7aab12);\n$ion-primitives-lime-700-rgb: var(--ion-primitives-lime-700-rgb, 122, 171, 18);\n$ion-primitives-lime-800: var(--ion-primitives-lime-800, #678f0f);\n$ion-primitives-lime-800-rgb: var(--ion-primitives-lime-800-rgb, 103, 143, 15);\n$ion-primitives-lime-900: var(--ion-primitives-lime-900, #53730c);\n$ion-primitives-lime-900-rgb: var(--ion-primitives-lime-900-rgb, 83, 115, 12);\n$ion-primitives-lime-1000: var(--ion-primitives-lime-1000, #3e5709);\n$ion-primitives-lime-1000-rgb: var(--ion-primitives-lime-1000-rgb, 62, 87, 9);\n$ion-primitives-lime-1100: var(--ion-primitives-lime-1100, #2a3a06);\n$ion-primitives-lime-1100-rgb: var(--ion-primitives-lime-1100-rgb, 42, 58, 6);\n$ion-primitives-lime-1200: var(--ion-primitives-lime-1200, #151e03);\n$ion-primitives-lime-1200-rgb: var(--ion-primitives-lime-1200-rgb, 21, 30, 3);\n$ion-primitives-green-100: var(--ion-primitives-green-100, #ebf9ec);\n$ion-primitives-green-100-rgb: var(--ion-primitives-green-100-rgb, 235, 249, 236);\n$ion-primitives-green-200: var(--ion-primitives-green-200, #dcf5de);\n$ion-primitives-green-200-rgb: var(--ion-primitives-green-200-rgb, 220, 245, 222);\n$ion-primitives-green-300: var(--ion-primitives-green-300, #b3ebb7);\n$ion-primitives-green-300-rgb: var(--ion-primitives-green-300-rgb, 179, 235, 183);\n$ion-primitives-green-400: var(--ion-primitives-green-400, #7fe089);\n$ion-primitives-green-400-rgb: var(--ion-primitives-green-400-rgb, 127, 224, 137);\n$ion-primitives-green-500: var(--ion-primitives-green-500, #23d643);\n$ion-primitives-green-500-rgb: var(--ion-primitives-green-500-rgb, 35, 214, 67);\n$ion-primitives-green-600: var(--ion-primitives-green-600, #1fbd3b);\n$ion-primitives-green-600-rgb: var(--ion-primitives-green-600-rgb, 31, 189, 59);\n$ion-primitives-green-700: var(--ion-primitives-green-700, #1ba433);\n$ion-primitives-green-700-rgb: var(--ion-primitives-green-700-rgb, 27, 164, 51);\n$ion-primitives-green-800: var(--ion-primitives-green-800, #178a2b);\n$ion-primitives-green-800-rgb: var(--ion-primitives-green-800-rgb, 23, 138, 43);\n$ion-primitives-green-900: var(--ion-primitives-green-900, #126f23);\n$ion-primitives-green-900-rgb: var(--ion-primitives-green-900-rgb, 18, 111, 35);\n$ion-primitives-green-1000: var(--ion-primitives-green-1000, #0e531a);\n$ion-primitives-green-1000-rgb: var(--ion-primitives-green-1000-rgb, 14, 83, 26);\n$ion-primitives-green-1100: var(--ion-primitives-green-1100, #093811);\n$ion-primitives-green-1100-rgb: var(--ion-primitives-green-1100-rgb, 9, 56, 17);\n$ion-primitives-green-1200: var(--ion-primitives-green-1200, #051d09);\n$ion-primitives-green-1200-rgb: var(--ion-primitives-green-1200-rgb, 5, 29, 9);\n$ion-primitives-teal-100: var(--ion-primitives-teal-100, #eaf8f5);\n$ion-primitives-teal-100-rgb: var(--ion-primitives-teal-100-rgb, 234, 248, 245);\n$ion-primitives-teal-200: var(--ion-primitives-teal-200, #dbf3ee);\n$ion-primitives-teal-200-rgb: var(--ion-primitives-teal-200-rgb, 219, 243, 238);\n$ion-primitives-teal-300: var(--ion-primitives-teal-300, #b1e7dd);\n$ion-primitives-teal-300-rgb: var(--ion-primitives-teal-300-rgb, 177, 231, 221);\n$ion-primitives-teal-400: var(--ion-primitives-teal-400, #7bdbca);\n$ion-primitives-teal-400-rgb: var(--ion-primitives-teal-400-rgb, 123, 219, 202);\n$ion-primitives-teal-500: var(--ion-primitives-teal-500, #00cfb7);\n$ion-primitives-teal-500-rgb: var(--ion-primitives-teal-500-rgb, 0, 207, 183);\n$ion-primitives-teal-600: var(--ion-primitives-teal-600, #00b7a2);\n$ion-primitives-teal-600-rgb: var(--ion-primitives-teal-600-rgb, 0, 183, 162);\n$ion-primitives-teal-700: var(--ion-primitives-teal-700, #009e8c);\n$ion-primitives-teal-700-rgb: var(--ion-primitives-teal-700-rgb, 0, 158, 140);\n$ion-primitives-teal-800: var(--ion-primitives-teal-800, #008576);\n$ion-primitives-teal-800-rgb: var(--ion-primitives-teal-800-rgb, 0, 133, 118);\n$ion-primitives-teal-900: var(--ion-primitives-teal-900, #006b5f);\n$ion-primitives-teal-900-rgb: var(--ion-primitives-teal-900-rgb, 0, 107, 95);\n$ion-primitives-teal-1000: var(--ion-primitives-teal-1000, #005147);\n$ion-primitives-teal-1000-rgb: var(--ion-primitives-teal-1000-rgb, 0, 81, 71);\n$ion-primitives-teal-1100: var(--ion-primitives-teal-1100, #003630);\n$ion-primitives-teal-1100-rgb: var(--ion-primitives-teal-1100-rgb, 0, 54, 48);\n$ion-primitives-teal-1200: var(--ion-primitives-teal-1200, #001c19);\n$ion-primitives-teal-1200-rgb: var(--ion-primitives-teal-1200-rgb, 0, 28, 25);\n$ion-primitives-aqua-100: var(--ion-primitives-aqua-100, #ebf9fe);\n$ion-primitives-aqua-100-rgb: var(--ion-primitives-aqua-100-rgb, 235, 249, 254);\n$ion-primitives-aqua-200: var(--ion-primitives-aqua-200, #dcf4fd);\n$ion-primitives-aqua-200-rgb: var(--ion-primitives-aqua-200-rgb, 220, 244, 253);\n$ion-primitives-aqua-300: var(--ion-primitives-aqua-300, #b3e9fc);\n$ion-primitives-aqua-300-rgb: var(--ion-primitives-aqua-300-rgb, 179, 233, 252);\n$ion-primitives-aqua-400: var(--ion-primitives-aqua-400, #80defa);\n$ion-primitives-aqua-400-rgb: var(--ion-primitives-aqua-400-rgb, 128, 222, 250);\n$ion-primitives-aqua-500: var(--ion-primitives-aqua-500, #27d3f9);\n$ion-primitives-aqua-500-rgb: var(--ion-primitives-aqua-500-rgb, 39, 211, 249);\n$ion-primitives-aqua-600: var(--ion-primitives-aqua-600, #22bbdc);\n$ion-primitives-aqua-600-rgb: var(--ion-primitives-aqua-600-rgb, 34, 187, 220);\n$ion-primitives-aqua-700: var(--ion-primitives-aqua-700, #1ea2bf);\n$ion-primitives-aqua-700-rgb: var(--ion-primitives-aqua-700-rgb, 30, 162, 191);\n$ion-primitives-aqua-800: var(--ion-primitives-aqua-800, #1988a0);\n$ion-primitives-aqua-800-rgb: var(--ion-primitives-aqua-800-rgb, 25, 136, 160);\n$ion-primitives-aqua-900: var(--ion-primitives-aqua-900, #146d81);\n$ion-primitives-aqua-900-rgb: var(--ion-primitives-aqua-900-rgb, 20, 109, 129);\n$ion-primitives-aqua-1000: var(--ion-primitives-aqua-1000, #0f5261);\n$ion-primitives-aqua-1000-rgb: var(--ion-primitives-aqua-1000-rgb, 15, 82, 97);\n$ion-primitives-aqua-1100: var(--ion-primitives-aqua-1100, #0a3741);\n$ion-primitives-aqua-1100-rgb: var(--ion-primitives-aqua-1100-rgb, 10, 55, 65);\n$ion-primitives-aqua-1200: var(--ion-primitives-aqua-1200, #051c21);\n$ion-primitives-aqua-1200-rgb: var(--ion-primitives-aqua-1200-rgb, 5, 28, 33);\n$ion-primitives-blue-100: var(--ion-primitives-blue-100, #f2f4fd);\n$ion-primitives-blue-100-rgb: var(--ion-primitives-blue-100-rgb, 242, 244, 253);\n$ion-primitives-blue-200: var(--ion-primitives-blue-200, #e9ecfc);\n$ion-primitives-blue-200-rgb: var(--ion-primitives-blue-200-rgb, 233, 236, 252);\n$ion-primitives-blue-300: var(--ion-primitives-blue-300, #d0d7fa);\n$ion-primitives-blue-300-rgb: var(--ion-primitives-blue-300-rgb, 208, 215, 250);\n$ion-primitives-blue-400: var(--ion-primitives-blue-400, #b5c0f7);\n$ion-primitives-blue-400-rgb: var(--ion-primitives-blue-400-rgb, 181, 192, 247);\n$ion-primitives-blue-500: var(--ion-primitives-blue-500, #94a5f4);\n$ion-primitives-blue-500-rgb: var(--ion-primitives-blue-500-rgb, 148, 165, 244);\n$ion-primitives-blue-600: var(--ion-primitives-blue-600, #6986f2);\n$ion-primitives-blue-600-rgb: var(--ion-primitives-blue-600-rgb, 105, 134, 242);\n$ion-primitives-blue-700: var(--ion-primitives-blue-700, #105cef);\n$ion-primitives-blue-700-rgb: var(--ion-primitives-blue-700-rgb, 16, 92, 239);\n$ion-primitives-blue-800: var(--ion-primitives-blue-800, #0f54da);\n$ion-primitives-blue-800-rgb: var(--ion-primitives-blue-800-rgb, 15, 84, 218);\n$ion-primitives-blue-900: var(--ion-primitives-blue-900, #0d4bc3);\n$ion-primitives-blue-900-rgb: var(--ion-primitives-blue-900-rgb, 13, 75, 195);\n$ion-primitives-blue-1000: var(--ion-primitives-blue-1000, #0b41a9);\n$ion-primitives-blue-1000-rgb: var(--ion-primitives-blue-1000-rgb, 11, 65, 169);\n$ion-primitives-blue-1100: var(--ion-primitives-blue-1100, #09358a);\n$ion-primitives-blue-1100-rgb: var(--ion-primitives-blue-1100-rgb, 9, 53, 138);\n$ion-primitives-blue-1200: var(--ion-primitives-blue-1200, #072561);\n$ion-primitives-blue-1200-rgb: var(--ion-primitives-blue-1200-rgb, 7, 37, 97);\n$ion-primitives-indigo-100: var(--ion-primitives-indigo-100, #f3f2fb);\n$ion-primitives-indigo-100-rgb: var(--ion-primitives-indigo-100-rgb, 243, 242, 251);\n$ion-primitives-indigo-200: var(--ion-primitives-indigo-200, #eae9f9);\n$ion-primitives-indigo-200-rgb: var(--ion-primitives-indigo-200-rgb, 234, 233, 249);\n$ion-primitives-indigo-300: var(--ion-primitives-indigo-300, #d3d1f2);\n$ion-primitives-indigo-300-rgb: var(--ion-primitives-indigo-300-rgb, 211, 209, 242);\n$ion-primitives-indigo-400: var(--ion-primitives-indigo-400, #bab5eb);\n$ion-primitives-indigo-400-rgb: var(--ion-primitives-indigo-400-rgb, 186, 181, 235);\n$ion-primitives-indigo-500: var(--ion-primitives-indigo-500, #9d95e4);\n$ion-primitives-indigo-500-rgb: var(--ion-primitives-indigo-500-rgb, 157, 149, 228);\n$ion-primitives-indigo-600: var(--ion-primitives-indigo-600, #786bdd);\n$ion-primitives-indigo-600-rgb: var(--ion-primitives-indigo-600-rgb, 120, 107, 221);\n$ion-primitives-indigo-700: var(--ion-primitives-indigo-700, #411bd5);\n$ion-primitives-indigo-700-rgb: var(--ion-primitives-indigo-700-rgb, 65, 27, 213);\n$ion-primitives-indigo-800: var(--ion-primitives-indigo-800, #3b19c3);\n$ion-primitives-indigo-800-rgb: var(--ion-primitives-indigo-800-rgb, 59, 25, 195);\n$ion-primitives-indigo-900: var(--ion-primitives-indigo-900, #3516ae);\n$ion-primitives-indigo-900-rgb: var(--ion-primitives-indigo-900-rgb, 53, 22, 174);\n$ion-primitives-indigo-1000: var(--ion-primitives-indigo-1000, #2e1397);\n$ion-primitives-indigo-1000-rgb: var(--ion-primitives-indigo-1000-rgb, 46, 19, 151);\n$ion-primitives-indigo-1100: var(--ion-primitives-indigo-1100, #26107b);\n$ion-primitives-indigo-1100-rgb: var(--ion-primitives-indigo-1100-rgb, 38, 16, 123);\n$ion-primitives-indigo-1200: var(--ion-primitives-indigo-1200, #1a0b57);\n$ion-primitives-indigo-1200-rgb: var(--ion-primitives-indigo-1200-rgb, 26, 11, 87);\n$ion-primitives-violet-100: var(--ion-primitives-violet-100, #f5f2fe);\n$ion-primitives-violet-100-rgb: var(--ion-primitives-violet-100-rgb, 245, 242, 254);\n$ion-primitives-violet-200: var(--ion-primitives-violet-200, #eee9fd);\n$ion-primitives-violet-200-rgb: var(--ion-primitives-violet-200-rgb, 238, 233, 253);\n$ion-primitives-violet-300: var(--ion-primitives-violet-300, #dcd1fb);\n$ion-primitives-violet-300-rgb: var(--ion-primitives-violet-300-rgb, 220, 209, 251);\n$ion-primitives-violet-400: var(--ion-primitives-violet-400, #c9b6f9);\n$ion-primitives-violet-400-rgb: var(--ion-primitives-violet-400-rgb, 201, 182, 249);\n$ion-primitives-violet-500: var(--ion-primitives-violet-500, #b396f6);\n$ion-primitives-violet-500-rgb: var(--ion-primitives-violet-500-rgb, 179, 150, 246);\n$ion-primitives-violet-600: var(--ion-primitives-violet-600, #9a6cf4);\n$ion-primitives-violet-600-rgb: var(--ion-primitives-violet-600-rgb, 154, 108, 244);\n$ion-primitives-violet-700: var(--ion-primitives-violet-700, #7c20f2);\n$ion-primitives-violet-700-rgb: var(--ion-primitives-violet-700-rgb, 124, 32, 242);\n$ion-primitives-violet-800: var(--ion-primitives-violet-800, #711ddd);\n$ion-primitives-violet-800-rgb: var(--ion-primitives-violet-800-rgb, 113, 29, 221);\n$ion-primitives-violet-900: var(--ion-primitives-violet-900, #651ac5);\n$ion-primitives-violet-900-rgb: var(--ion-primitives-violet-900-rgb, 101, 26, 197);\n$ion-primitives-violet-1000: var(--ion-primitives-violet-1000, #5817ab);\n$ion-primitives-violet-1000-rgb: var(--ion-primitives-violet-1000-rgb, 88, 23, 171);\n$ion-primitives-violet-1100: var(--ion-primitives-violet-1100, #48128c);\n$ion-primitives-violet-1100-rgb: var(--ion-primitives-violet-1100-rgb, 72, 18, 140);\n$ion-primitives-violet-1200: var(--ion-primitives-violet-1200, #330d63);\n$ion-primitives-violet-1200-rgb: var(--ion-primitives-violet-1200-rgb, 51, 13, 99);\n$ion-primitives-purple-100: var(--ion-primitives-purple-100, #f9f3fe);\n$ion-primitives-purple-100-rgb: var(--ion-primitives-purple-100-rgb, 249, 243, 254);\n$ion-primitives-purple-200: var(--ion-primitives-purple-200, #f5eafd);\n$ion-primitives-purple-200-rgb: var(--ion-primitives-purple-200-rgb, 245, 234, 253);\n$ion-primitives-purple-300: var(--ion-primitives-purple-300, #e9d3fa);\n$ion-primitives-purple-300-rgb: var(--ion-primitives-purple-300-rgb, 233, 211, 250);\n$ion-primitives-purple-400: var(--ion-primitives-purple-400, #deb9f8);\n$ion-primitives-purple-400-rgb: var(--ion-primitives-purple-400-rgb, 222, 185, 248);\n$ion-primitives-purple-500: var(--ion-primitives-purple-500, #d29bf6);\n$ion-primitives-purple-500-rgb: var(--ion-primitives-purple-500-rgb, 210, 155, 246);\n$ion-primitives-purple-600: var(--ion-primitives-purple-600, #c575f3);\n$ion-primitives-purple-600-rgb: var(--ion-primitives-purple-600-rgb, 197, 117, 243);\n$ion-primitives-purple-700: var(--ion-primitives-purple-700, #b73cf1);\n$ion-primitives-purple-700-rgb: var(--ion-primitives-purple-700-rgb, 183, 60, 241);\n$ion-primitives-purple-800: var(--ion-primitives-purple-800, #a737dc);\n$ion-primitives-purple-800-rgb: var(--ion-primitives-purple-800-rgb, 167, 55, 220);\n$ion-primitives-purple-900: var(--ion-primitives-purple-900, #9531c5);\n$ion-primitives-purple-900-rgb: var(--ion-primitives-purple-900-rgb, 149, 49, 197);\n$ion-primitives-purple-1000: var(--ion-primitives-purple-1000, #812aaa);\n$ion-primitives-purple-1000-rgb: var(--ion-primitives-purple-1000-rgb, 129, 42, 170);\n$ion-primitives-purple-1100: var(--ion-primitives-purple-1100, #6a238b);\n$ion-primitives-purple-1100-rgb: var(--ion-primitives-purple-1100-rgb, 106, 35, 139);\n$ion-primitives-purple-1200: var(--ion-primitives-purple-1200, #4b1862);\n$ion-primitives-purple-1200-rgb: var(--ion-primitives-purple-1200-rgb, 75, 24, 98);\n$ion-primitives-magenta-100: var(--ion-primitives-magenta-100, #fdf3fb);\n$ion-primitives-magenta-100-rgb: var(--ion-primitives-magenta-100-rgb, 253, 243, 251);\n$ion-primitives-magenta-200: var(--ion-primitives-magenta-200, #fcebf8);\n$ion-primitives-magenta-200-rgb: var(--ion-primitives-magenta-200-rgb, 252, 235, 248);\n$ion-primitives-magenta-300: var(--ion-primitives-magenta-300, #f9d4f1);\n$ion-primitives-magenta-300-rgb: var(--ion-primitives-magenta-300-rgb, 249, 212, 241);\n$ion-primitives-magenta-400: var(--ion-primitives-magenta-400, #f6bcea);\n$ion-primitives-magenta-400-rgb: var(--ion-primitives-magenta-400-rgb, 246, 188, 234);\n$ion-primitives-magenta-500: var(--ion-primitives-magenta-500, #f39fe3);\n$ion-primitives-magenta-500-rgb: var(--ion-primitives-magenta-500-rgb, 243, 159, 227);\n$ion-primitives-magenta-600: var(--ion-primitives-magenta-600, #f07cdb);\n$ion-primitives-magenta-600-rgb: var(--ion-primitives-magenta-600-rgb, 240, 124, 219);\n$ion-primitives-magenta-700: var(--ion-primitives-magenta-700, #ed4ad3);\n$ion-primitives-magenta-700-rgb: var(--ion-primitives-magenta-700-rgb, 237, 74, 211);\n$ion-primitives-magenta-800: var(--ion-primitives-magenta-800, #d844c1);\n$ion-primitives-magenta-800-rgb: var(--ion-primitives-magenta-800-rgb, 216, 68, 193);\n$ion-primitives-magenta-900: var(--ion-primitives-magenta-900, #c13cac);\n$ion-primitives-magenta-900-rgb: var(--ion-primitives-magenta-900-rgb, 193, 60, 172);\n$ion-primitives-magenta-1000: var(--ion-primitives-magenta-1000, #a83495);\n$ion-primitives-magenta-1000-rgb: var(--ion-primitives-magenta-1000-rgb, 168, 52, 149);\n$ion-primitives-magenta-1100: var(--ion-primitives-magenta-1100, #892b7a);\n$ion-primitives-magenta-1100-rgb: var(--ion-primitives-magenta-1100-rgb, 137, 43, 122);\n$ion-primitives-magenta-1200: var(--ion-primitives-magenta-1200, #611e56);\n$ion-primitives-magenta-1200-rgb: var(--ion-primitives-magenta-1200-rgb, 97, 30, 86);\n$ion-primitives-pink-100: var(--ion-primitives-pink-100, #fef3f5);\n$ion-primitives-pink-100-rgb: var(--ion-primitives-pink-100-rgb, 254, 243, 245);\n$ion-primitives-pink-200: var(--ion-primitives-pink-200, #fdeaee);\n$ion-primitives-pink-200-rgb: var(--ion-primitives-pink-200-rgb, 253, 234, 238);\n$ion-primitives-pink-300: var(--ion-primitives-pink-300, #fad3dc);\n$ion-primitives-pink-300-rgb: var(--ion-primitives-pink-300-rgb, 250, 211, 220);\n$ion-primitives-pink-400: var(--ion-primitives-pink-400, #f8b9c9);\n$ion-primitives-pink-400-rgb: var(--ion-primitives-pink-400-rgb, 248, 185, 201);\n$ion-primitives-pink-500: var(--ion-primitives-pink-500, #f69bb3);\n$ion-primitives-pink-500-rgb: var(--ion-primitives-pink-500-rgb, 246, 155, 179);\n$ion-primitives-pink-600: var(--ion-primitives-pink-600, #f3759a);\n$ion-primitives-pink-600-rgb: var(--ion-primitives-pink-600-rgb, 243, 117, 154);\n$ion-primitives-pink-700: var(--ion-primitives-pink-700, #f13b7d);\n$ion-primitives-pink-700-rgb: var(--ion-primitives-pink-700-rgb, 241, 59, 125);\n$ion-primitives-pink-800: var(--ion-primitives-pink-800, #dc3672);\n$ion-primitives-pink-800-rgb: var(--ion-primitives-pink-800-rgb, 220, 54, 114);\n$ion-primitives-pink-900: var(--ion-primitives-pink-900, #c53066);\n$ion-primitives-pink-900-rgb: var(--ion-primitives-pink-900-rgb, 197, 48, 102);\n$ion-primitives-pink-1000: var(--ion-primitives-pink-1000, #aa2a58);\n$ion-primitives-pink-1000-rgb: var(--ion-primitives-pink-1000-rgb, 170, 42, 88);\n$ion-primitives-pink-1100: var(--ion-primitives-pink-1100, #8b2248);\n$ion-primitives-pink-1100-rgb: var(--ion-primitives-pink-1100-rgb, 139, 34, 72);\n$ion-primitives-pink-1200: var(--ion-primitives-pink-1200, #621833);\n$ion-primitives-pink-1200-rgb: var(--ion-primitives-pink-1200-rgb, 98, 24, 51);\n$ion-shadow-1: var(--ion-shadow-1, rgba(0, 0, 0, 0.04));\n$ion-shadow-2: var(--ion-shadow-2, rgba(0, 0, 0, 0.05));\n$ion-shadow-3: var(--ion-shadow-3, rgba(0, 0, 0, 0.07));\n$ion-shadow-4: var(--ion-shadow-4, rgba(0, 0, 0, 0.08));\n$ion-shadow-5: var(--ion-shadow-5, rgba(0, 0, 0, 0.12));\n$ion-shadow-6: var(--ion-shadow-6, rgba(0, 0, 0, 0.16));\n$ion-shadow-7: var(--ion-shadow-7, rgba(0, 0, 0, 0.18));\n\n$ion-display-sm-regular: (\n font-size: $ion-font-size-800,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-display-sm-light: (\n font-size: $ion-font-size-800,\n font-style: normal,\n font-weight: $ion-font-weight-light,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-display-lg-regular: (\n font-size: $ion-font-size-900,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-display-lg-light: (\n font-size: $ion-font-size-900,\n font-style: normal,\n font-weight: $ion-font-weight-light,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-regular: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-medium: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-semi-bold: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-bold: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-regular: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-medium: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-semi-bold: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-bold: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-regular: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-medium: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-semi-bold: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-bold: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-regular: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-medium: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-semi-bold: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-bold: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-regular: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-medium: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-semi-bold: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-bold: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-regular: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-medium: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-semi-bold: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-bold: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-lg: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-md: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-sm: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-xs: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-regular: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-medium: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-semi-bold: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-bold: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-regular: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-medium: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-semi-bold: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-bold: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-regular: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-medium: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-semi-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-overline-regular: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ion-overline-medium: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ion-overline-semi-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ion-overline-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n","// Ionic Mixins\n// forward the global mixin to be used on component scope\n@forward \"../mixins\";\n// use global mixins on this ionic.mixin context\n@use \"../mixins\" as mixins;\n@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Pressed mixin to be used on pseudo elements for the Ionic Theme pressed state\n//\n// ex: :host(.ion-activated) .toggle-icon:after {\n// @include globals.pressed-state();\n// }\n//\n// --------------------------------------------------\n@mixin pressed-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-press;\n\n content: \"\";\n}\n\n// Disabled mixin to be used on pseudo elements for the Ionic Theme disabled state\n//\n// ex: :host(.checkbox-disabled) .native-wrapper:after {\n// @include globals.disable-state();\n// }\n//\n// --------------------------------------------------\n@mixin disabled-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-disabled;\n\n content: \"\";\n\n pointer-events: none;\n}\n\n// Focused mixin to be used on regular elements for the Ionic Theme focused state\n//\n// ex: :host(.ion-focused) .toggle-icon {\n// @include globals.focused-state();\n// }\n//\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: null, $color: null, $addOffset: true) {\n // Use default values if null is passed\n $width: if($width != null, $width, tokens.$ion-border-size-050);\n $style: if($style != null, $style, tokens.$ion-border-style-solid);\n $color: if($color != null, $color, tokens.$ion-border-focus-default);\n\n @if $addOffset {\n outline-offset: $width;\n }\n\n outline: $width $style $color;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ion-heading-h3-medium);\n//\n// --------------------------------------------------\n@mixin typography($properties) {\n font-family: map-get($properties, font-family);\n font-size: map-get($properties, font-size);\n font-weight: map-get($properties, font-weight);\n\n letter-spacing: map-get($properties, letter-spacing);\n line-height: map-get($properties, line-height);\n\n text-decoration: map-get($properties, text-decoration);\n text-transform: map-get($properties, text-transform);\n}\n"]}