@ionic/core 8.2.2 → 8.2.3-dev.11719301373.17616928

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 (1002) hide show
  1. package/components/action-sheet.js +13 -8
  2. package/components/alert.js +14 -10
  3. package/components/backdrop.js +10 -6
  4. package/components/button.js +41 -12
  5. package/components/buttons.js +11 -7
  6. package/components/checkbox.js +26 -13
  7. package/components/data.js +4 -4
  8. package/components/index2.js +1 -2
  9. package/components/index4.js +8 -7
  10. package/components/index6.js +27 -30
  11. package/components/index7.js +124 -27
  12. package/components/index8.js +150 -111
  13. package/components/input-shims.js +1 -1
  14. package/components/input.utils.js +1 -1
  15. package/components/ion-accordion-group.js +9 -6
  16. package/components/ion-accordion.js +15 -9
  17. package/components/ion-app.js +5 -6
  18. package/components/ion-avatar.js +52 -3
  19. package/components/ion-back-button.js +15 -11
  20. package/components/ion-badge.js +42 -6
  21. package/components/ion-breadcrumb.js +16 -10
  22. package/components/ion-breadcrumbs.js +9 -5
  23. package/components/ion-card-content.js +9 -5
  24. package/components/ion-card-header.js +9 -5
  25. package/components/ion-card-subtitle.js +9 -5
  26. package/components/ion-card-title.js +9 -5
  27. package/components/ion-card.js +17 -9
  28. package/components/ion-chip.js +45 -8
  29. package/components/ion-col.js +5 -5
  30. package/components/ion-content.js +11 -11
  31. package/components/ion-datetime-button.js +9 -6
  32. package/components/ion-datetime.js +47 -20
  33. package/components/ion-fab-button.js +15 -9
  34. package/components/ion-fab-list.js +5 -5
  35. package/components/ion-fab.js +6 -6
  36. package/components/ion-footer.js +15 -11
  37. package/components/ion-grid.js +5 -5
  38. package/components/ion-header.js +16 -12
  39. package/components/ion-img.js +5 -2
  40. package/components/ion-infinite-scroll-content.js +12 -8
  41. package/components/ion-infinite-scroll.js +5 -5
  42. package/components/ion-input-password-toggle.js +7 -8
  43. package/components/ion-input.js +101 -20
  44. package/components/ion-item-divider.js +9 -5
  45. package/components/ion-item-group.js +9 -5
  46. package/components/ion-item-option.js +28 -8
  47. package/components/ion-item-options.js +9 -5
  48. package/components/ion-item-sliding.js +5 -5
  49. package/components/ion-loading.js +12 -8
  50. package/components/ion-menu-button.js +13 -9
  51. package/components/ion-menu-toggle.js +5 -5
  52. package/components/ion-menu.js +11 -7
  53. package/components/ion-modal.js +14 -11
  54. package/components/ion-nav-link.js +1 -1
  55. package/components/ion-nav.js +7 -6
  56. package/components/ion-note.js +9 -5
  57. package/components/ion-picker-legacy.js +7 -8
  58. package/components/ion-progress-bar.js +10 -6
  59. package/components/ion-range.js +11 -8
  60. package/components/ion-refresher-content.js +9 -8
  61. package/components/ion-refresher.js +11 -7
  62. package/components/ion-reorder-group.js +5 -5
  63. package/components/ion-reorder.js +23 -5
  64. package/components/ion-router-link.js +6 -6
  65. package/components/ion-router-outlet.js +2 -2
  66. package/components/ion-row.js +5 -2
  67. package/components/ion-searchbar.js +62 -16
  68. package/components/ion-segment-button.js +12 -8
  69. package/components/ion-segment.js +9 -5
  70. package/components/ion-select-option.js +5 -2
  71. package/components/ion-select.js +67 -28
  72. package/components/ion-skeleton-text.js +5 -5
  73. package/components/ion-split-pane.js +12 -8
  74. package/components/ion-tab-bar.js +11 -7
  75. package/components/ion-tab-button.js +11 -7
  76. package/components/ion-tab.js +2 -2
  77. package/components/ion-tabs.js +2 -2
  78. package/components/ion-text.js +5 -5
  79. package/components/ion-textarea.js +13 -9
  80. package/components/ion-thumbnail.js +5 -2
  81. package/components/ion-title.js +11 -7
  82. package/components/ion-toast.js +13 -9
  83. package/components/ion-toggle.js +56 -18
  84. package/components/ion-toolbar.js +16 -8
  85. package/components/ionic-global.js +191 -14
  86. package/components/ios.transition.js +1 -0
  87. package/components/item.js +17 -11
  88. package/components/label.js +9 -5
  89. package/components/list-header.js +9 -5
  90. package/components/list.js +29 -6
  91. package/components/overlays.js +1 -2
  92. package/components/picker-column-option.js +9 -5
  93. package/components/picker-column.js +7 -7
  94. package/components/picker-column2.js +4 -4
  95. package/components/picker.js +8 -4
  96. package/components/popover.js +11 -8
  97. package/components/radio-group.js +5 -3
  98. package/components/radio.js +12 -8
  99. package/components/ripple-effect.js +5 -5
  100. package/components/select-popover.js +9 -2
  101. package/components/spinner.js +6 -6
  102. package/components/status-tap.js +1 -1
  103. package/css/core.css +1 -1
  104. package/css/core.css.map +1 -1
  105. package/css/display.css.map +1 -1
  106. package/css/flex-utils.css.map +1 -1
  107. package/css/float-elements.css.map +1 -1
  108. package/css/global.bundle.css.map +1 -1
  109. package/css/ionic/bundle.ionic.css +1 -0
  110. package/css/ionic/bundle.ionic.css.map +1 -0
  111. package/css/ionic/core.ionic.css +1 -0
  112. package/css/ionic/core.ionic.css.map +1 -0
  113. package/css/ionic/global.bundle.ionic.css +1 -0
  114. package/css/ionic/global.bundle.ionic.css.map +1 -0
  115. package/css/ionic/ionic-swiper.ionic.css +1 -0
  116. package/css/ionic/ionic-swiper.ionic.css.map +1 -0
  117. package/css/ionic/link.ionic.css +1 -0
  118. package/css/ionic/link.ionic.css.map +1 -0
  119. package/css/ionic/structure.ionic.css +1 -0
  120. package/css/ionic/structure.ionic.css.map +1 -0
  121. package/css/ionic/typography.ionic.css +1 -0
  122. package/css/ionic/typography.ionic.css.map +1 -0
  123. package/css/ionic/utils.bundle.ionic.css +1 -0
  124. package/css/ionic/utils.bundle.ionic.css.map +1 -0
  125. package/css/ionic-swiper.css +1 -1
  126. package/css/ionic-swiper.css.map +1 -1
  127. package/css/ionic.bundle.css +1 -1
  128. package/css/ionic.bundle.css.map +1 -1
  129. package/css/normalize.css.map +1 -1
  130. package/css/padding.css.map +1 -1
  131. package/css/palettes/dark.always.css.map +1 -1
  132. package/css/palettes/dark.class.css.map +1 -1
  133. package/css/palettes/dark.system.css.map +1 -1
  134. package/css/palettes/high-contrast-dark.always.css.map +1 -1
  135. package/css/palettes/high-contrast-dark.class.css.map +1 -1
  136. package/css/palettes/high-contrast-dark.system.css.map +1 -1
  137. package/css/palettes/high-contrast.always.css.map +1 -1
  138. package/css/palettes/high-contrast.class.css.map +1 -1
  139. package/css/palettes/high-contrast.system.css.map +1 -1
  140. package/css/structure.css.map +1 -1
  141. package/css/text-alignment.css.map +1 -1
  142. package/css/text-transformation.css.map +1 -1
  143. package/css/typography.css.map +1 -1
  144. package/css/utils.bundle.css.map +1 -1
  145. package/dist/cjs/{app-globals-64aa7919.js → app-globals-5b0a3f95.js} +1 -1
  146. package/dist/cjs/{data-21dc0f81.js → data-7d67d1e3.js} +6 -6
  147. package/dist/cjs/{hardware-back-button-9931602c.js → hardware-back-button-a90bf4cd.js} +1 -1
  148. package/dist/cjs/{index-63e64bb7.js → index-59095e03.js} +13 -12
  149. package/dist/cjs/{index-8a653282.js → index-71f7488c.js} +7 -8
  150. package/dist/cjs/{index-5b6a7459.js → index-ca6de37f.js} +2 -2
  151. package/dist/cjs/index.cjs.js +7 -8
  152. package/dist/cjs/{input-shims-9e59ef62.js → input-shims-58aadbb2.js} +3 -2
  153. package/dist/cjs/{input.utils-611cde0b.js → input.utils-d9907cfc.js} +2 -2
  154. package/dist/cjs/ion-accordion_2.cjs.entry.js +23 -14
  155. package/dist/cjs/ion-action-sheet.cjs.entry.js +15 -11
  156. package/dist/cjs/ion-alert.cjs.entry.js +16 -13
  157. package/dist/cjs/ion-app_8.cjs.entry.js +93 -71
  158. package/dist/cjs/ion-avatar_3.cjs.entry.js +90 -7
  159. package/dist/cjs/ion-back-button.cjs.entry.js +14 -10
  160. package/dist/cjs/ion-backdrop.cjs.entry.js +10 -6
  161. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +23 -13
  162. package/dist/cjs/ion-button_2.cjs.entry.js +44 -15
  163. package/dist/cjs/ion-card_5.cjs.entry.js +48 -25
  164. package/dist/cjs/ion-checkbox.cjs.entry.js +23 -12
  165. package/dist/cjs/ion-chip.cjs.entry.js +42 -7
  166. package/dist/cjs/ion-col_3.cjs.entry.js +13 -10
  167. package/dist/cjs/ion-datetime-button.cjs.entry.js +14 -11
  168. package/dist/cjs/ion-datetime_3.cjs.entry.js +135 -108
  169. package/dist/cjs/ion-fab_3.cjs.entry.js +23 -17
  170. package/dist/cjs/ion-img.cjs.entry.js +5 -2
  171. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +16 -13
  172. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +9 -10
  173. package/dist/cjs/ion-input.cjs.entry.js +99 -20
  174. package/dist/cjs/ion-item-option_3.cjs.entry.js +38 -16
  175. package/dist/cjs/ion-item_8.cjs.entry.js +87 -39
  176. package/dist/cjs/ion-loading.cjs.entry.js +14 -11
  177. package/dist/cjs/ion-menu_3.cjs.entry.js +29 -22
  178. package/dist/cjs/ion-modal.cjs.entry.js +22 -19
  179. package/dist/cjs/ion-nav_2.cjs.entry.js +9 -8
  180. package/dist/cjs/ion-picker-column-option.cjs.entry.js +9 -5
  181. package/dist/cjs/ion-picker-column.cjs.entry.js +7 -7
  182. package/dist/cjs/ion-picker.cjs.entry.js +8 -4
  183. package/dist/cjs/ion-popover.cjs.entry.js +17 -14
  184. package/dist/cjs/ion-progress-bar.cjs.entry.js +10 -6
  185. package/dist/cjs/ion-radio_2.cjs.entry.js +16 -10
  186. package/dist/cjs/ion-range.cjs.entry.js +16 -13
  187. package/dist/cjs/ion-refresher_2.cjs.entry.js +18 -14
  188. package/dist/cjs/ion-reorder_2.cjs.entry.js +26 -9
  189. package/dist/cjs/ion-ripple-effect.cjs.entry.js +5 -5
  190. package/dist/cjs/ion-route_4.cjs.entry.js +6 -6
  191. package/dist/cjs/ion-searchbar.cjs.entry.js +61 -15
  192. package/dist/cjs/ion-segment_2.cjs.entry.js +20 -12
  193. package/dist/cjs/ion-select_3.cjs.entry.js +80 -32
  194. package/dist/cjs/ion-spinner.cjs.entry.js +6 -6
  195. package/dist/cjs/ion-split-pane.cjs.entry.js +12 -8
  196. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +21 -13
  197. package/dist/cjs/ion-tab_2.cjs.entry.js +4 -4
  198. package/dist/cjs/ion-text.cjs.entry.js +5 -5
  199. package/dist/cjs/ion-textarea.cjs.entry.js +14 -11
  200. package/dist/cjs/ion-toast.cjs.entry.js +36 -32
  201. package/dist/cjs/ion-toggle.cjs.entry.js +55 -17
  202. package/dist/cjs/ionic-global-2bd379ad.js +418 -0
  203. package/dist/cjs/ionic.cjs.js +3 -3
  204. package/dist/cjs/{ios.transition-d94b6863.js → ios.transition-4a91b726.js} +3 -3
  205. package/dist/cjs/loader.cjs.js +3 -3
  206. package/dist/cjs/{md.transition-297be114.js → md.transition-1d783fa9.js} +2 -3
  207. package/dist/cjs/{overlays-569f7878.js → overlays-0c0d0193.js} +3 -4
  208. package/dist/cjs/{status-tap-607c6244.js → status-tap-87959a2f.js} +2 -2
  209. package/dist/collection/components/accordion/accordion.ios.css +12 -0
  210. package/dist/collection/components/accordion/accordion.js +19 -15
  211. package/dist/collection/components/accordion/accordion.md.css +6 -0
  212. package/dist/collection/components/accordion-group/accordion-group.ios.css +12 -0
  213. package/dist/collection/components/accordion-group/accordion-group.js +11 -8
  214. package/dist/collection/components/accordion-group/accordion-group.md.css +18 -0
  215. package/dist/collection/components/action-sheet/action-sheet.ios.css +18 -6
  216. package/dist/collection/components/action-sheet/action-sheet.js +14 -10
  217. package/dist/collection/components/action-sheet/action-sheet.md.css +17 -5
  218. package/dist/collection/components/alert/alert.ios.css +19 -1
  219. package/dist/collection/components/alert/alert.js +15 -12
  220. package/dist/collection/components/alert/alert.md.css +19 -1
  221. package/dist/collection/components/app/app.js +8 -4
  222. package/dist/collection/components/avatar/avatar.ionic.css +255 -0
  223. package/dist/collection/components/avatar/avatar.ios.css +12 -0
  224. package/dist/collection/components/avatar/avatar.js +92 -4
  225. package/dist/collection/components/avatar/avatar.md.css +12 -0
  226. package/dist/collection/components/avatar/test/shape/avatar.e2e.js +134 -0
  227. package/dist/collection/components/avatar/test/size/avatar.e2e.js +147 -0
  228. package/dist/collection/components/back-button/back-button.ios.css +60 -48
  229. package/dist/collection/components/back-button/back-button.js +14 -11
  230. package/dist/collection/components/back-button/back-button.md.css +60 -48
  231. package/dist/collection/components/backdrop/backdrop.ios.css +13 -1
  232. package/dist/collection/components/backdrop/backdrop.js +12 -6
  233. package/dist/collection/components/backdrop/backdrop.md.css +13 -1
  234. package/dist/collection/components/badge/badge.ionic.css +256 -0
  235. package/dist/collection/components/badge/badge.ios.css +12 -0
  236. package/dist/collection/components/badge/badge.js +75 -8
  237. package/dist/collection/components/badge/badge.md.css +12 -0
  238. package/dist/collection/components/badge/test/shape/badge.e2e.js +84 -0
  239. package/dist/collection/components/badge/test/size/badge.e2e.js +96 -0
  240. package/dist/collection/components/breadcrumb/breadcrumb.ios.css +20 -8
  241. package/dist/collection/components/breadcrumb/breadcrumb.js +16 -10
  242. package/dist/collection/components/breadcrumb/breadcrumb.md.css +20 -8
  243. package/dist/collection/components/breadcrumbs/breadcrumbs.ios.css +6 -0
  244. package/dist/collection/components/breadcrumbs/breadcrumbs.js +11 -9
  245. package/dist/collection/components/breadcrumbs/breadcrumbs.md.css +6 -0
  246. package/dist/collection/components/button/button.ionic.css +417 -0
  247. package/dist/collection/components/button/button.ios.css +42 -16
  248. package/dist/collection/components/button/button.js +46 -17
  249. package/dist/collection/components/button/button.md.css +33 -20
  250. package/dist/collection/components/button/test/clear/button.e2e.js +6 -3
  251. package/dist/collection/components/button/test/outline/button.e2e.js +1 -0
  252. package/dist/collection/components/button/test/shape/button.e2e.js +250 -0
  253. package/dist/collection/components/button/test/size/button.e2e.js +18 -1
  254. package/dist/collection/components/button/test/states/button.e2e.js +51 -0
  255. package/dist/collection/components/buttons/buttons.ionic.css +101 -0
  256. package/dist/collection/components/buttons/buttons.ios.css +59 -7
  257. package/dist/collection/components/buttons/buttons.js +14 -8
  258. package/dist/collection/components/buttons/buttons.md.css +55 -3
  259. package/dist/collection/components/card/card.ionic.css +88 -0
  260. package/dist/collection/components/card/card.ios.css +30 -4
  261. package/dist/collection/components/card/card.js +34 -10
  262. package/dist/collection/components/card/card.md.css +30 -4
  263. package/dist/collection/components/card/test/shape/card.e2e.js +40 -0
  264. package/dist/collection/components/card-content/card-content.ios.css +12 -0
  265. package/dist/collection/components/card-content/card-content.js +11 -8
  266. package/dist/collection/components/card-content/card-content.md.css +12 -0
  267. package/dist/collection/components/card-header/card-header.ios.css +12 -0
  268. package/dist/collection/components/card-header/card-header.js +12 -9
  269. package/dist/collection/components/card-header/card-header.md.css +12 -0
  270. package/dist/collection/components/card-subtitle/card-subtitle.ios.css +12 -0
  271. package/dist/collection/components/card-subtitle/card-subtitle.js +11 -8
  272. package/dist/collection/components/card-subtitle/card-subtitle.md.css +12 -0
  273. package/dist/collection/components/card-title/card-title.ios.css +12 -0
  274. package/dist/collection/components/card-title/card-title.js +11 -8
  275. package/dist/collection/components/card-title/card-title.md.css +12 -0
  276. package/dist/collection/components/checkbox/checkbox.ionic.css +391 -0
  277. package/dist/collection/components/checkbox/checkbox.ios.css +20 -2
  278. package/dist/collection/components/checkbox/checkbox.js +59 -14
  279. package/dist/collection/components/checkbox/checkbox.md.css +21 -3
  280. package/dist/collection/components/checkbox/test/basic/checkbox.e2e.js +66 -1
  281. package/dist/collection/components/checkbox/test/label/checkbox.e2e.js +1 -1
  282. package/dist/collection/components/checkbox/test/states/checkbox.e2e.js +32 -1
  283. package/dist/collection/components/chip/chip.ionic.css +141 -0
  284. package/dist/collection/components/chip/chip.ios.css +20 -1
  285. package/dist/collection/components/chip/chip.js +77 -8
  286. package/dist/collection/components/chip/chip.md.css +20 -1
  287. package/dist/collection/components/chip/test/shape/chip.e2e.js +39 -0
  288. package/dist/collection/components/chip/test/size/chip.e2e.js +26 -0
  289. package/dist/collection/components/chip/test/states/chip.e2e.js +16 -0
  290. package/dist/collection/components/col/col.css +12 -0
  291. package/dist/collection/components/col/col.js +9 -5
  292. package/dist/collection/components/content/content.css +8 -2
  293. package/dist/collection/components/content/content.js +13 -10
  294. package/dist/collection/components/datetime/datetime.ios.css +15 -3
  295. package/dist/collection/components/datetime/datetime.js +47 -19
  296. package/dist/collection/components/datetime/datetime.md.css +15 -3
  297. package/dist/collection/components/datetime/utils/data.js +3 -3
  298. package/dist/collection/components/datetime-button/datetime-button.ios.css +6 -0
  299. package/dist/collection/components/datetime-button/datetime-button.js +11 -8
  300. package/dist/collection/components/datetime-button/datetime-button.md.css +6 -0
  301. package/dist/collection/components/fab/fab.css +25 -1
  302. package/dist/collection/components/fab/fab.js +9 -5
  303. package/dist/collection/components/fab-button/fab-button.ios.css +18 -6
  304. package/dist/collection/components/fab-button/fab-button.js +19 -14
  305. package/dist/collection/components/fab-button/fab-button.md.css +20 -8
  306. package/dist/collection/components/fab-list/fab-list.css +12 -0
  307. package/dist/collection/components/fab-list/fab-list.js +9 -5
  308. package/dist/collection/components/footer/footer.ios.css +14 -2
  309. package/dist/collection/components/footer/footer.js +17 -14
  310. package/dist/collection/components/footer/footer.md.css +12 -0
  311. package/dist/collection/components/grid/grid.css +12 -0
  312. package/dist/collection/components/grid/grid.js +9 -5
  313. package/dist/collection/components/header/header.ionic.css +80 -0
  314. package/dist/collection/components/header/header.ios.css +25 -10
  315. package/dist/collection/components/header/header.js +17 -14
  316. package/dist/collection/components/header/header.md.css +23 -8
  317. package/dist/collection/components/header/test/basic/header.e2e.js +17 -8
  318. package/dist/collection/components/img/img.js +8 -2
  319. package/dist/collection/components/infinite-scroll/infinite-scroll.js +8 -4
  320. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +12 -0
  321. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +16 -10
  322. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +12 -0
  323. package/dist/collection/components/input/input.ionic.css +1031 -0
  324. package/dist/collection/components/input/input.ios.css +21 -2
  325. package/dist/collection/components/input/input.js +127 -29
  326. package/dist/collection/components/input/input.md.css +43 -4
  327. package/dist/collection/components/input/test/basic/input.e2e.js +66 -0
  328. package/dist/collection/components/input/test/bottom-content/input.e2e.js +24 -5
  329. package/dist/collection/components/input/test/fill/input.e2e.js +37 -39
  330. package/dist/collection/components/input/test/highlight/input.e2e.js +94 -0
  331. package/dist/collection/components/input/test/shape/input.e2e.js +165 -0
  332. package/dist/collection/components/input/test/size/input.e2e.js +164 -0
  333. package/dist/collection/components/input/test/slot/input.e2e.js +14 -0
  334. package/dist/collection/components/input/test/states/input.e2e.js +173 -0
  335. package/dist/collection/components/input-password-toggle/input-password-toggle.js +6 -5
  336. package/dist/collection/components/item/item.ionic.css +169 -0
  337. package/dist/collection/components/item/item.ios.css +20 -8
  338. package/dist/collection/components/item/item.js +21 -16
  339. package/dist/collection/components/item/item.md.css +31 -7
  340. package/dist/collection/components/item/test/disabled/item.e2e.js +1 -1
  341. package/dist/collection/components/item/test/states/item.e2e.js +1 -1
  342. package/dist/collection/components/item-divider/item-divider.ios.css +18 -0
  343. package/dist/collection/components/item-divider/item-divider.js +11 -8
  344. package/dist/collection/components/item-divider/item-divider.md.css +18 -0
  345. package/dist/collection/components/item-group/item-group.ios.css +12 -0
  346. package/dist/collection/components/item-group/item-group.js +13 -7
  347. package/dist/collection/components/item-group/item-group.md.css +12 -0
  348. package/dist/collection/components/item-option/item-option.ionic.css +325 -0
  349. package/dist/collection/components/item-option/item-option.ios.css +14 -2
  350. package/dist/collection/components/item-option/item-option.js +43 -8
  351. package/dist/collection/components/item-option/item-option.md.css +14 -2
  352. package/dist/collection/components/item-options/item-options.ionic.css +260 -0
  353. package/dist/collection/components/item-options/item-options.ios.css +18 -0
  354. package/dist/collection/components/item-options/item-options.js +13 -7
  355. package/dist/collection/components/item-options/item-options.md.css +18 -0
  356. package/dist/collection/components/item-sliding/item-sliding.css +6 -0
  357. package/dist/collection/components/item-sliding/item-sliding.js +8 -4
  358. package/dist/collection/components/item-sliding/test/icons/item-sliding.e2e.js +1 -1
  359. package/dist/collection/components/item-sliding/test/shapes/item-sliding.e2e.js +28 -0
  360. package/dist/collection/components/label/label.ios.css +18 -0
  361. package/dist/collection/components/label/label.js +11 -8
  362. package/dist/collection/components/label/label.md.css +18 -0
  363. package/dist/collection/components/list/list.ionic.css +174 -0
  364. package/dist/collection/components/list/list.ios.css +18 -0
  365. package/dist/collection/components/list/list.js +47 -9
  366. package/dist/collection/components/list/list.md.css +20 -2
  367. package/dist/collection/components/list/test/shape/list.e2e.js +204 -0
  368. package/dist/collection/components/list-header/list-header.ios.css +18 -0
  369. package/dist/collection/components/list-header/list-header.js +11 -8
  370. package/dist/collection/components/list-header/list-header.md.css +18 -0
  371. package/dist/collection/components/loading/loading.ios.css +13 -1
  372. package/dist/collection/components/loading/loading.js +13 -10
  373. package/dist/collection/components/loading/loading.md.css +13 -1
  374. package/dist/collection/components/menu/menu.ios.css +15 -3
  375. package/dist/collection/components/menu/menu.js +12 -7
  376. package/dist/collection/components/menu/menu.md.css +15 -3
  377. package/dist/collection/components/menu-button/menu-button.ionic.css +240 -0
  378. package/dist/collection/components/menu-button/menu-button.ios.css +48 -14
  379. package/dist/collection/components/menu-button/menu-button.js +12 -9
  380. package/dist/collection/components/menu-button/menu-button.md.css +49 -15
  381. package/dist/collection/components/menu-toggle/menu-toggle.js +8 -5
  382. package/dist/collection/components/modal/modal.ios.css +14 -2
  383. package/dist/collection/components/modal/modal.js +13 -10
  384. package/dist/collection/components/modal/modal.md.css +14 -2
  385. package/dist/collection/components/nav/nav.css +7 -1
  386. package/dist/collection/components/nav/nav.js +11 -5
  387. package/dist/collection/components/nav-link/nav-link.js +5 -1
  388. package/dist/collection/components/note/note.ios.css +12 -0
  389. package/dist/collection/components/note/note.js +11 -8
  390. package/dist/collection/components/note/note.md.css +12 -0
  391. package/dist/collection/components/picker/picker.ios.css +15 -3
  392. package/dist/collection/components/picker/picker.js +8 -5
  393. package/dist/collection/components/picker/picker.md.css +15 -3
  394. package/dist/collection/components/picker-column/picker-column.css +9 -2
  395. package/dist/collection/components/picker-column/picker-column.js +8 -7
  396. package/dist/collection/components/picker-column-option/picker-column-option.ios.css +6 -0
  397. package/dist/collection/components/picker-column-option/picker-column-option.js +13 -7
  398. package/dist/collection/components/picker-column-option/picker-column-option.md.css +6 -0
  399. package/dist/collection/components/picker-legacy/picker.ios.css +13 -1
  400. package/dist/collection/components/picker-legacy/picker.js +7 -6
  401. package/dist/collection/components/picker-legacy/picker.md.css +13 -1
  402. package/dist/collection/components/picker-legacy-column/picker-column.ios.css +12 -0
  403. package/dist/collection/components/picker-legacy-column/picker-column.js +4 -4
  404. package/dist/collection/components/picker-legacy-column/picker-column.md.css +12 -0
  405. package/dist/collection/components/popover/popover.ios.css +13 -1
  406. package/dist/collection/components/popover/popover.js +15 -12
  407. package/dist/collection/components/popover/popover.md.css +13 -1
  408. package/dist/collection/components/progress-bar/progress-bar.ios.css +8 -2
  409. package/dist/collection/components/progress-bar/progress-bar.js +10 -7
  410. package/dist/collection/components/progress-bar/progress-bar.md.css +8 -2
  411. package/dist/collection/components/radio/radio.ios.css +20 -2
  412. package/dist/collection/components/radio/radio.js +12 -9
  413. package/dist/collection/components/radio/radio.md.css +20 -2
  414. package/dist/collection/components/radio-group/radio-group.js +9 -3
  415. package/dist/collection/components/range/range.ios.css +12 -0
  416. package/dist/collection/components/range/range.js +12 -9
  417. package/dist/collection/components/range/range.md.css +12 -0
  418. package/dist/collection/components/refresher/refresher.ios.css +14 -1
  419. package/dist/collection/components/refresher/refresher.js +11 -8
  420. package/dist/collection/components/refresher/refresher.md.css +15 -2
  421. package/dist/collection/components/refresher-content/refresher-content.js +12 -7
  422. package/dist/collection/components/reorder/reorder.ios.css +6 -0
  423. package/dist/collection/components/reorder/reorder.js +26 -6
  424. package/dist/collection/components/reorder/reorder.md.css +6 -0
  425. package/dist/collection/components/reorder-group/reorder-group.css +6 -0
  426. package/dist/collection/components/reorder-group/reorder-group.js +8 -4
  427. package/dist/collection/components/ripple-effect/ripple-effect.css +7 -1
  428. package/dist/collection/components/ripple-effect/ripple-effect.js +8 -4
  429. package/dist/collection/components/route/route.js +4 -0
  430. package/dist/collection/components/router/router.js +4 -0
  431. package/dist/collection/components/router-link/router-link.css +8 -2
  432. package/dist/collection/components/router-link/router-link.js +9 -5
  433. package/dist/collection/components/router-outlet/router-outlet.css +7 -1
  434. package/dist/collection/components/router-outlet/router-outlet.js +5 -2
  435. package/dist/collection/components/row/row.css +12 -0
  436. package/dist/collection/components/row/row.js +9 -2
  437. package/dist/collection/components/searchbar/searchbar.ionic.css +269 -0
  438. package/dist/collection/components/searchbar/searchbar.ios.css +56 -18
  439. package/dist/collection/components/searchbar/searchbar.js +68 -24
  440. package/dist/collection/components/searchbar/searchbar.md.css +56 -18
  441. package/dist/collection/components/segment/segment.ios.css +18 -0
  442. package/dist/collection/components/segment/segment.js +11 -8
  443. package/dist/collection/components/segment/segment.md.css +18 -0
  444. package/dist/collection/components/segment-button/segment-button.ios.css +16 -4
  445. package/dist/collection/components/segment-button/segment-button.js +12 -9
  446. package/dist/collection/components/segment-button/segment-button.md.css +18 -6
  447. package/dist/collection/components/select/select.ios.css +22 -3
  448. package/dist/collection/components/select/select.js +70 -31
  449. package/dist/collection/components/select/select.md.css +38 -5
  450. package/dist/collection/components/select-option/select-option.js +9 -2
  451. package/dist/collection/components/select-popover/select-popover.ios.css +18 -0
  452. package/dist/collection/components/select-popover/select-popover.js +12 -4
  453. package/dist/collection/components/select-popover/select-popover.md.css +18 -0
  454. package/dist/collection/components/skeleton-text/skeleton-text.css +6 -0
  455. package/dist/collection/components/skeleton-text/skeleton-text.js +9 -5
  456. package/dist/collection/components/spinner/spinner.css +6 -0
  457. package/dist/collection/components/spinner/spinner.js +10 -6
  458. package/dist/collection/components/split-pane/split-pane.ios.css +20 -2
  459. package/dist/collection/components/split-pane/split-pane.js +14 -8
  460. package/dist/collection/components/split-pane/split-pane.md.css +20 -2
  461. package/dist/collection/components/tab/tab.js +6 -2
  462. package/dist/collection/components/tab-bar/tab-bar.ionic.css +200 -0
  463. package/dist/collection/components/tab-bar/tab-bar.ios.css +64 -43
  464. package/dist/collection/components/tab-bar/tab-bar.js +12 -9
  465. package/dist/collection/components/tab-bar/tab-bar.md.css +64 -43
  466. package/dist/collection/components/tab-bar/test/basic/tab-bar.e2e.js +34 -0
  467. package/dist/collection/components/tab-button/tab-button.ionic.css +264 -0
  468. package/dist/collection/components/tab-button/tab-button.ios.css +15 -3
  469. package/dist/collection/components/tab-button/tab-button.js +11 -8
  470. package/dist/collection/components/tab-button/tab-button.md.css +15 -3
  471. package/dist/collection/components/tabs/tabs.css +7 -1
  472. package/dist/collection/components/tabs/tabs.js +4 -1
  473. package/dist/collection/components/text/text.css +6 -0
  474. package/dist/collection/components/text/text.js +7 -6
  475. package/dist/collection/components/textarea/textarea.ios.css +26 -1
  476. package/dist/collection/components/textarea/textarea.js +15 -12
  477. package/dist/collection/components/textarea/textarea.md.css +39 -2
  478. package/dist/collection/components/thumbnail/thumbnail.css +6 -0
  479. package/dist/collection/components/thumbnail/thumbnail.js +9 -2
  480. package/dist/collection/components/title/test/theme-ionic/title.e2e.js +14 -0
  481. package/dist/collection/components/title/title.ionic.css +155 -0
  482. package/dist/collection/components/title/title.ios.css +32 -4
  483. package/dist/collection/components/title/title.js +13 -7
  484. package/dist/collection/components/title/title.md.css +32 -4
  485. package/dist/collection/components/toast/animations/utils.js +1 -1
  486. package/dist/collection/components/toast/toast.ios.css +12 -0
  487. package/dist/collection/components/toast/toast.js +15 -11
  488. package/dist/collection/components/toast/toast.md.css +12 -0
  489. package/dist/collection/components/toggle/toggle.ios.css +23 -2
  490. package/dist/collection/components/toggle/toggle.js +55 -18
  491. package/dist/collection/components/toggle/toggle.md.css +20 -2
  492. package/dist/collection/components/toolbar/toolbar.ionic.css +233 -0
  493. package/dist/collection/components/toolbar/toolbar.ios.css +90 -47
  494. package/dist/collection/components/toolbar/toolbar.js +34 -10
  495. package/dist/collection/components/toolbar/toolbar.md.css +90 -47
  496. package/dist/collection/css/test/link/basic/link.e2e.js +35 -0
  497. package/dist/collection/css/test/{a11y → typography/a11y}/typography.e2e.js +1 -1
  498. package/dist/collection/css/test/typography/basic/typography.e2e.js +14 -0
  499. package/dist/collection/global/ionic-global.js +161 -13
  500. package/dist/collection/global/test/ionic-global.spec.js +109 -0
  501. package/dist/collection/themes/{test → native/test}/colors/theme.e2e.js +1 -1
  502. package/dist/collection/utils/menu-controller/animations/overlay.js +3 -3
  503. package/dist/collection/utils/menu-controller/animations/push.js +2 -1
  504. package/dist/collection/utils/menu-controller/animations/reveal.js +2 -1
  505. package/dist/collection/utils/test/playwright/generator.js +48 -23
  506. package/dist/collection/utils/test/playwright/page/utils/goto.js +14 -5
  507. package/dist/collection/utils/test/playwright/page/utils/set-content.js +13 -1
  508. package/dist/collection/utils/transition/ios.transition.js +1 -0
  509. package/dist/docs.json +6412 -210
  510. package/dist/esm/{app-globals-232dc3ed.js → app-globals-1fabe499.js} +1 -1
  511. package/dist/esm/{button-active-f7898f4b.js → button-active-367a8e84.js} +1 -1
  512. package/dist/esm/{data-ae11fd43.js → data-63b889c5.js} +4 -4
  513. package/dist/esm/{hardware-back-button-7f93f261.js → hardware-back-button-2da817f5.js} +2 -2
  514. package/dist/esm/{index-5cc724f3.js → index-00b4cca5.js} +1 -1
  515. package/dist/esm/{index-c71c5417.js → index-3321c202.js} +1 -1
  516. package/dist/esm/{index-92f14156.js → index-33a3d901.js} +4 -5
  517. package/dist/esm/{index-c8c3afda.js → index-44013081.js} +9 -8
  518. package/dist/esm/index.js +8 -9
  519. package/dist/esm/{input-shims-0314bbe5.js → input-shims-c142630d.js} +3 -2
  520. package/dist/esm/{input.utils-09c71bc7.js → input.utils-68c66dbc.js} +1 -1
  521. package/dist/esm/ion-accordion_2.entry.js +23 -14
  522. package/dist/esm/ion-action-sheet.entry.js +17 -13
  523. package/dist/esm/ion-alert.entry.js +18 -15
  524. package/dist/esm/ion-app_8.entry.js +83 -61
  525. package/dist/esm/ion-avatar_3.entry.js +91 -8
  526. package/dist/esm/ion-back-button.entry.js +15 -11
  527. package/dist/esm/ion-backdrop.entry.js +11 -7
  528. package/dist/esm/ion-breadcrumb_2.entry.js +24 -14
  529. package/dist/esm/ion-button_2.entry.js +42 -13
  530. package/dist/esm/ion-card_5.entry.js +49 -26
  531. package/dist/esm/ion-checkbox.entry.js +24 -13
  532. package/dist/esm/ion-chip.entry.js +43 -8
  533. package/dist/esm/ion-col_3.entry.js +14 -11
  534. package/dist/esm/ion-datetime-button.entry.js +11 -8
  535. package/dist/esm/ion-datetime_3.entry.js +60 -33
  536. package/dist/esm/ion-fab_3.entry.js +24 -18
  537. package/dist/esm/ion-img.entry.js +6 -3
  538. package/dist/esm/ion-infinite-scroll_2.entry.js +17 -14
  539. package/dist/esm/ion-input-password-toggle.entry.js +7 -8
  540. package/dist/esm/ion-input.entry.js +100 -21
  541. package/dist/esm/ion-item-option_3.entry.js +39 -17
  542. package/dist/esm/ion-item_8.entry.js +88 -40
  543. package/dist/esm/ion-loading.entry.js +15 -12
  544. package/dist/esm/ion-menu_3.entry.js +30 -23
  545. package/dist/esm/ion-modal.entry.js +18 -15
  546. package/dist/esm/ion-nav_2.entry.js +10 -9
  547. package/dist/esm/ion-picker-column-option.entry.js +10 -6
  548. package/dist/esm/ion-picker-column.entry.js +8 -8
  549. package/dist/esm/ion-picker.entry.js +9 -5
  550. package/dist/esm/ion-popover.entry.js +15 -12
  551. package/dist/esm/ion-progress-bar.entry.js +11 -7
  552. package/dist/esm/ion-radio_2.entry.js +17 -11
  553. package/dist/esm/ion-range.entry.js +12 -9
  554. package/dist/esm/ion-refresher_2.entry.js +19 -15
  555. package/dist/esm/ion-reorder_2.entry.js +27 -10
  556. package/dist/esm/ion-ripple-effect.entry.js +6 -6
  557. package/dist/esm/ion-route_4.entry.js +7 -7
  558. package/dist/esm/ion-searchbar.entry.js +62 -16
  559. package/dist/esm/ion-segment_2.entry.js +21 -13
  560. package/dist/esm/ion-select_3.entry.js +81 -33
  561. package/dist/esm/ion-spinner.entry.js +7 -7
  562. package/dist/esm/ion-split-pane.entry.js +13 -9
  563. package/dist/esm/ion-tab-bar_2.entry.js +22 -14
  564. package/dist/esm/ion-tab_2.entry.js +5 -5
  565. package/dist/esm/ion-text.entry.js +6 -6
  566. package/dist/esm/ion-textarea.entry.js +15 -12
  567. package/dist/esm/ion-toast.entry.js +16 -12
  568. package/dist/esm/ion-toggle.entry.js +56 -18
  569. package/dist/esm/ionic-global-be8fa30a.js +408 -0
  570. package/dist/esm/ionic.js +5 -5
  571. package/dist/esm/{ios.transition-2f45f5c1.js → ios.transition-688eab99.js} +4 -4
  572. package/dist/esm/loader.js +5 -5
  573. package/dist/esm/{md.transition-6fcc955f.js → md.transition-0540d1d2.js} +3 -4
  574. package/dist/esm/{overlays-0d212972.js → overlays-a0e93007.js} +2 -3
  575. package/dist/esm/{status-tap-53150009.js → status-tap-8d02be66.js} +3 -3
  576. package/dist/esm-es5/app-globals-1fabe499.js +4 -0
  577. package/dist/esm-es5/{button-active-f7898f4b.js → button-active-367a8e84.js} +1 -1
  578. package/dist/esm-es5/data-63b889c5.js +4 -0
  579. package/dist/esm-es5/{hardware-back-button-7f93f261.js → hardware-back-button-2da817f5.js} +1 -1
  580. package/dist/esm-es5/index-00b4cca5.js +4 -0
  581. package/dist/esm-es5/{index-c71c5417.js → index-3321c202.js} +1 -1
  582. package/dist/esm-es5/index-33a3d901.js +4 -0
  583. package/dist/esm-es5/index-44013081.js +4 -0
  584. package/dist/esm-es5/index.js +1 -1
  585. package/dist/esm-es5/input-shims-c142630d.js +4 -0
  586. package/dist/esm-es5/input.utils-68c66dbc.js +4 -0
  587. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  588. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  589. package/dist/esm-es5/ion-alert.entry.js +1 -1
  590. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  591. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  592. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  593. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  594. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  595. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  596. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  597. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  598. package/dist/esm-es5/ion-chip.entry.js +1 -1
  599. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  600. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  601. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  602. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  603. package/dist/esm-es5/ion-img.entry.js +1 -1
  604. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  605. package/dist/esm-es5/ion-input-password-toggle.entry.js +1 -1
  606. package/dist/esm-es5/ion-input.entry.js +1 -1
  607. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  608. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  609. package/dist/esm-es5/ion-loading.entry.js +1 -1
  610. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  611. package/dist/esm-es5/ion-modal.entry.js +1 -1
  612. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  613. package/dist/esm-es5/ion-picker-column-option.entry.js +1 -1
  614. package/dist/esm-es5/ion-picker-column.entry.js +1 -1
  615. package/dist/esm-es5/ion-picker.entry.js +1 -1
  616. package/dist/esm-es5/ion-popover.entry.js +1 -1
  617. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  618. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  619. package/dist/esm-es5/ion-range.entry.js +1 -1
  620. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  621. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  622. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  623. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  624. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  625. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  626. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  627. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  628. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  629. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  630. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  631. package/dist/esm-es5/ion-text.entry.js +1 -1
  632. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  633. package/dist/esm-es5/ion-toast.entry.js +1 -1
  634. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  635. package/dist/esm-es5/ionic-global-be8fa30a.js +4 -0
  636. package/dist/esm-es5/ionic.js +1 -1
  637. package/dist/esm-es5/ios.transition-688eab99.js +4 -0
  638. package/dist/esm-es5/loader.js +1 -1
  639. package/dist/esm-es5/md.transition-0540d1d2.js +4 -0
  640. package/dist/esm-es5/overlays-a0e93007.js +4 -0
  641. package/dist/esm-es5/status-tap-8d02be66.js +4 -0
  642. package/dist/html.html-data.json +2102 -114
  643. package/dist/ionic/index.esm.js +1 -1
  644. package/dist/ionic/ionic.esm.js +1 -1
  645. package/dist/ionic/ionic.js +1 -1
  646. package/dist/ionic/p-01ae1aa0.entry.js +4 -0
  647. package/dist/ionic/p-021bee2f.system.entry.js +4 -0
  648. package/dist/ionic/p-036d86ec.system.entry.js +4 -0
  649. package/dist/ionic/p-0a93c048.system.js +4 -0
  650. package/dist/ionic/p-1219eea0.system.entry.js +4 -0
  651. package/dist/ionic/{p-bbc5329a.system.entry.js → p-128f0f15.system.entry.js} +2 -2
  652. package/dist/ionic/p-12a0de44.system.entry.js +4 -0
  653. package/dist/ionic/p-132e1004.entry.js +4 -0
  654. package/dist/ionic/{p-395a0dd7.js → p-15901e6c.js} +1 -1
  655. package/dist/ionic/{p-9ea607bd.system.js → p-1b75a2d2.system.js} +2 -2
  656. package/dist/ionic/p-1d548fea.system.entry.js +4 -0
  657. package/dist/ionic/p-1dbb7fa3.entry.js +4 -0
  658. package/dist/ionic/{p-a688052d.system.js → p-1ecfe64f.system.js} +1 -1
  659. package/dist/ionic/p-214631b2.system.entry.js +4 -0
  660. package/dist/ionic/p-224ad51a.entry.js +4 -0
  661. package/dist/ionic/p-22fef691.js +4 -0
  662. package/dist/ionic/p-24592a4d.system.entry.js +4 -0
  663. package/dist/ionic/p-27e42c9e.system.js +4 -0
  664. package/dist/ionic/p-28a10445.system.js +4 -0
  665. package/dist/ionic/{p-0c06e09b.system.js → p-2ac68c59.system.js} +1 -1
  666. package/dist/ionic/{p-c350c8f8.system.entry.js → p-2d618ba6.system.entry.js} +1 -1
  667. package/dist/ionic/{p-99a4d7c7.system.js → p-2df16673.system.js} +2 -2
  668. package/dist/ionic/{p-06e58c4e.js → p-2fa9c16c.js} +1 -1
  669. package/dist/ionic/p-302c9c7a.system.entry.js +4 -0
  670. package/dist/ionic/p-30b49657.system.entry.js +4 -0
  671. package/dist/ionic/p-359afeb0.system.entry.js +4 -0
  672. package/dist/ionic/{p-60eb4c0d.system.entry.js → p-3862d08b.system.entry.js} +1 -1
  673. package/dist/ionic/p-3b989be4.entry.js +4 -0
  674. package/dist/ionic/p-3c031826.system.entry.js +4 -0
  675. package/dist/ionic/p-3c18022f.entry.js +4 -0
  676. package/dist/ionic/p-3c6eae03.system.entry.js +4 -0
  677. package/dist/ionic/p-3cccd1c7.system.entry.js +4 -0
  678. package/dist/ionic/p-3d25c6d9.entry.js +4 -0
  679. package/dist/ionic/p-3e2568b9.system.js +4 -0
  680. package/dist/ionic/p-3e9a1680.js +4 -0
  681. package/dist/ionic/{p-ac34105e.entry.js → p-4058051c.entry.js} +1 -1
  682. package/dist/ionic/{p-266db4b6.entry.js → p-4079d071.entry.js} +1 -1
  683. package/dist/ionic/p-40c14f53.system.entry.js +4 -0
  684. package/dist/ionic/{p-f3ff1e58.entry.js → p-41c9fb60.entry.js} +1 -1
  685. package/dist/ionic/p-42452dc9.entry.js +4 -0
  686. package/dist/ionic/p-42816eab.entry.js +4 -0
  687. package/dist/ionic/p-42bb5ed7.system.entry.js +4 -0
  688. package/dist/ionic/p-44314b44.system.entry.js +4 -0
  689. package/dist/ionic/p-479bec54.entry.js +4 -0
  690. package/dist/ionic/{p-e6964b3a.js → p-493a4548.js} +1 -1
  691. package/dist/ionic/p-49fee3a3.entry.js +4 -0
  692. package/dist/ionic/p-4b9c6418.system.entry.js +4 -0
  693. package/dist/ionic/p-4d6c2031.system.entry.js +4 -0
  694. package/dist/ionic/p-4ec67d0a.entry.js +4 -0
  695. package/dist/ionic/p-546438d8.js +4 -0
  696. package/dist/ionic/p-563a8d3b.entry.js +4 -0
  697. package/dist/ionic/p-56c72f65.system.entry.js +4 -0
  698. package/dist/ionic/p-61ddbdb9.entry.js +4 -0
  699. package/dist/ionic/{p-44c6eb74.js → p-644c505f.js} +1 -1
  700. package/dist/ionic/p-645a7748.entry.js +4 -0
  701. package/dist/ionic/p-663d8429.system.entry.js +4 -0
  702. package/dist/ionic/{p-d60342e3.js → p-6649365e.js} +1 -1
  703. package/dist/ionic/p-6746c32a.entry.js +4 -0
  704. package/dist/ionic/{p-eb8098d5.system.entry.js → p-67f85d9a.system.entry.js} +1 -1
  705. package/dist/ionic/p-6c57ed08.js +4 -0
  706. package/dist/ionic/p-6daa3633.entry.js +4 -0
  707. package/dist/ionic/p-7141dfca.entry.js +4 -0
  708. package/dist/ionic/p-72e98815.system.js +4 -0
  709. package/dist/ionic/p-752e285d.entry.js +4 -0
  710. package/dist/ionic/p-79113968.js +4 -0
  711. package/dist/ionic/p-7b590e46.system.js +4 -0
  712. package/dist/ionic/p-7b914bfb.entry.js +4 -0
  713. package/dist/ionic/p-7bf2087e.entry.js +4 -0
  714. package/dist/ionic/p-7dad531c.system.entry.js +4 -0
  715. package/dist/ionic/p-7f5f8a14.entry.js +4 -0
  716. package/dist/ionic/p-8052f3ad.entry.js +4 -0
  717. package/dist/ionic/p-82297db9.system.entry.js +4 -0
  718. package/dist/ionic/p-82df3737.system.entry.js +4 -0
  719. package/dist/ionic/p-87e823ce.js +4 -0
  720. package/dist/ionic/p-8a04868b.system.entry.js +4 -0
  721. package/dist/ionic/p-8ac5efa9.entry.js +4 -0
  722. package/dist/ionic/p-8ed0cef4.system.entry.js +4 -0
  723. package/dist/ionic/p-90027267.system.js +4 -0
  724. package/dist/ionic/p-935801cc.entry.js +4 -0
  725. package/dist/ionic/p-96f109ca.entry.js +4 -0
  726. package/dist/ionic/p-9771abb4.entry.js +4 -0
  727. package/dist/ionic/p-9a52a085.entry.js +4 -0
  728. package/dist/ionic/p-9b925d37.system.entry.js +4 -0
  729. package/dist/ionic/p-9ead4417.js +4 -0
  730. package/dist/ionic/p-a06d7e6a.system.js +4 -0
  731. package/dist/ionic/{p-5d6e77bd.system.entry.js → p-a2b60239.system.entry.js} +1 -1
  732. package/dist/ionic/p-a3b856e6.system.entry.js +4 -0
  733. package/dist/ionic/{p-00333e13.js → p-a42e4adb.js} +1 -1
  734. package/dist/ionic/p-ada5e8bb.entry.js +4 -0
  735. package/dist/ionic/p-b14d56c8.system.entry.js +4 -0
  736. package/dist/ionic/{p-9286b16d.system.entry.js → p-b5cc6e57.system.entry.js} +2 -2
  737. package/dist/ionic/p-bab398d1.entry.js +4 -0
  738. package/dist/ionic/p-bb7162de.system.js +4 -0
  739. package/dist/ionic/p-bedf240b.entry.js +4 -0
  740. package/dist/ionic/p-bee73070.entry.js +4 -0
  741. package/dist/ionic/{p-13260c59.entry.js → p-c23822f8.entry.js} +1 -1
  742. package/dist/ionic/p-c24b81cc.entry.js +4 -0
  743. package/dist/ionic/p-c2eece5e.system.entry.js +4 -0
  744. package/dist/ionic/p-c374ab05.system.js +4 -0
  745. package/dist/ionic/{p-1de7f9e4.entry.js → p-c47b75e3.entry.js} +1 -1
  746. package/dist/ionic/p-c79decb5.system.entry.js +4 -0
  747. package/dist/ionic/p-ca5aaed3.system.entry.js +4 -0
  748. package/dist/ionic/p-cce8c245.entry.js +4 -0
  749. package/dist/ionic/{p-96cc4814.js → p-cd99310b.js} +1 -1
  750. package/dist/ionic/p-cd9a7c32.entry.js +4 -0
  751. package/dist/ionic/p-d281c150.system.entry.js +4 -0
  752. package/dist/ionic/p-d2a580db.entry.js +4 -0
  753. package/dist/ionic/p-d4f55a93.entry.js +4 -0
  754. package/dist/ionic/p-d718695f.entry.js +4 -0
  755. package/dist/ionic/{p-f687573e.system.js → p-d98a1d99.system.js} +1 -1
  756. package/dist/ionic/p-db08a2d0.system.entry.js +4 -0
  757. package/dist/ionic/p-db3f14c1.system.entry.js +4 -0
  758. package/dist/ionic/p-db8fac3d.system.entry.js +4 -0
  759. package/dist/ionic/p-dc60009b.system.entry.js +4 -0
  760. package/dist/ionic/p-dc8a3888.entry.js +4 -0
  761. package/dist/ionic/p-e2313846.entry.js +4 -0
  762. package/dist/ionic/{p-e6a47e94.entry.js → p-e59d16bd.entry.js} +1 -1
  763. package/dist/ionic/{p-8d3e57a0.system.entry.js → p-e7e3ba54.system.entry.js} +1 -1
  764. package/dist/ionic/p-e8aa220a.js +4 -0
  765. package/dist/ionic/p-e900eba2.system.entry.js +4 -0
  766. package/dist/ionic/p-ebc71ff5.system.entry.js +4 -0
  767. package/dist/ionic/p-f0fab903.system.entry.js +4 -0
  768. package/dist/ionic/p-f621b019.entry.js +4 -0
  769. package/dist/ionic/{p-6ad705f8.system.js → p-fa019443.system.js} +1 -1
  770. package/dist/ionic/p-fb17d462.entry.js +4 -0
  771. package/dist/ionic/p-fb8ecdb4.system.entry.js +4 -0
  772. package/dist/ionic/{p-7a43878b.system.js → p-fc9f9e4d.system.js} +1 -1
  773. package/dist/ionic/p-fcb1218a.system.entry.js +4 -0
  774. package/dist/types/components/accordion/accordion.d.ts +3 -2
  775. package/dist/types/components/accordion-group/accordion-group.d.ts +2 -1
  776. package/dist/types/components/action-sheet/action-sheet-interface.d.ts +3 -7
  777. package/dist/types/components/action-sheet/action-sheet.d.ts +3 -2
  778. package/dist/types/components/alert/alert-interface.d.ts +3 -7
  779. package/dist/types/components/alert/alert.d.ts +3 -2
  780. package/dist/types/components/app/app.d.ts +4 -0
  781. package/dist/types/components/avatar/avatar.d.ts +25 -0
  782. package/dist/types/components/back-button/back-button.d.ts +2 -1
  783. package/dist/types/components/backdrop/backdrop.d.ts +4 -0
  784. package/dist/types/components/badge/badge.d.ts +23 -1
  785. package/dist/types/components/breadcrumb/breadcrumb.d.ts +2 -1
  786. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +2 -2
  787. package/dist/types/components/button/button.d.ts +15 -4
  788. package/dist/types/components/buttons/buttons.d.ts +5 -1
  789. package/dist/types/components/card/card.d.ts +8 -1
  790. package/dist/types/components/card-content/card-content.d.ts +2 -1
  791. package/dist/types/components/card-header/card-header.d.ts +3 -2
  792. package/dist/types/components/card-subtitle/card-subtitle.d.ts +2 -1
  793. package/dist/types/components/card-title/card-title.d.ts +2 -1
  794. package/dist/types/components/checkbox/checkbox.d.ts +14 -4
  795. package/dist/types/components/chip/chip.d.ts +19 -1
  796. package/dist/types/components/col/col.d.ts +4 -0
  797. package/dist/types/components/content/content.d.ts +3 -0
  798. package/dist/types/components/datetime/datetime.d.ts +18 -1
  799. package/dist/types/components/datetime/utils/data.d.ts +3 -3
  800. package/dist/types/components/datetime-button/datetime-button.d.ts +2 -1
  801. package/dist/types/components/fab/fab.d.ts +4 -0
  802. package/dist/types/components/fab-button/fab-button.d.ts +4 -3
  803. package/dist/types/components/fab-list/fab-list.d.ts +4 -0
  804. package/dist/types/components/footer/footer.d.ts +4 -3
  805. package/dist/types/components/grid/grid.d.ts +4 -0
  806. package/dist/types/components/header/header.d.ts +4 -3
  807. package/dist/types/components/img/img.d.ts +3 -0
  808. package/dist/types/components/infinite-scroll/infinite-scroll.d.ts +4 -0
  809. package/dist/types/components/infinite-scroll-content/infinite-scroll-content.d.ts +4 -0
  810. package/dist/types/components/input/input.d.ts +31 -5
  811. package/dist/types/components/item/item.d.ts +5 -4
  812. package/dist/types/components/item-divider/item-divider.d.ts +2 -1
  813. package/dist/types/components/item-group/item-group.d.ts +4 -0
  814. package/dist/types/components/item-option/item-option.d.ts +11 -1
  815. package/dist/types/components/item-options/item-options.d.ts +4 -0
  816. package/dist/types/components/item-sliding/item-sliding.d.ts +4 -0
  817. package/dist/types/components/label/label.d.ts +2 -1
  818. package/dist/types/components/list/list.d.ts +15 -1
  819. package/dist/types/components/list-header/list-header.d.ts +2 -1
  820. package/dist/types/components/loading/loading-interface.d.ts +2 -7
  821. package/dist/types/components/loading/loading.d.ts +3 -2
  822. package/dist/types/components/menu/menu.d.ts +3 -0
  823. package/dist/types/components/menu-button/menu-button.d.ts +2 -1
  824. package/dist/types/components/menu-toggle/menu-toggle.d.ts +3 -0
  825. package/dist/types/components/modal/modal-interface.d.ts +3 -7
  826. package/dist/types/components/modal/modal.d.ts +2 -1
  827. package/dist/types/components/nav/nav-interface.d.ts +9 -1
  828. package/dist/types/components/nav/nav.d.ts +5 -1
  829. package/dist/types/components/nav-link/nav-link.d.ts +4 -0
  830. package/dist/types/components/note/note.d.ts +2 -1
  831. package/dist/types/components/picker/picker.d.ts +2 -1
  832. package/dist/types/components/picker-column/picker-column.d.ts +2 -1
  833. package/dist/types/components/picker-column-option/picker-column-option.d.ts +4 -0
  834. package/dist/types/components/picker-legacy/picker.d.ts +2 -1
  835. package/dist/types/components/popover/popover-interface.d.ts +3 -6
  836. package/dist/types/components/popover/popover.d.ts +6 -5
  837. package/dist/types/components/progress-bar/progress-bar.d.ts +2 -1
  838. package/dist/types/components/radio/radio.d.ts +2 -1
  839. package/dist/types/components/radio-group/radio-group.d.ts +4 -0
  840. package/dist/types/components/range/range.d.ts +2 -1
  841. package/dist/types/components/refresher/refresher.d.ts +2 -1
  842. package/dist/types/components/refresher-content/refresher-content.d.ts +4 -0
  843. package/dist/types/components/reorder/reorder.d.ts +11 -0
  844. package/dist/types/components/reorder-group/reorder-group.d.ts +4 -0
  845. package/dist/types/components/ripple-effect/ripple-effect.d.ts +4 -0
  846. package/dist/types/components/route/route.d.ts +4 -0
  847. package/dist/types/components/router/router.d.ts +4 -0
  848. package/dist/types/components/router-link/router-link.d.ts +4 -0
  849. package/dist/types/components/router-outlet/router-outlet.d.ts +4 -1
  850. package/dist/types/components/row/row.d.ts +4 -0
  851. package/dist/types/components/searchbar/searchbar.d.ts +27 -8
  852. package/dist/types/components/segment/segment.d.ts +2 -1
  853. package/dist/types/components/segment-button/segment-button.d.ts +2 -1
  854. package/dist/types/components/select/select.d.ts +24 -5
  855. package/dist/types/components/select-option/select-option.d.ts +4 -0
  856. package/dist/types/components/select-popover/select-popover.d.ts +3 -0
  857. package/dist/types/components/skeleton-text/skeleton-text.d.ts +4 -0
  858. package/dist/types/components/spinner/spinner.d.ts +4 -0
  859. package/dist/types/components/split-pane/split-pane.d.ts +4 -0
  860. package/dist/types/components/tab/tab.d.ts +4 -0
  861. package/dist/types/components/tab-bar/tab-bar.d.ts +3 -2
  862. package/dist/types/components/tab-button/tab-button.d.ts +2 -1
  863. package/dist/types/components/tabs/tabs.d.ts +3 -0
  864. package/dist/types/components/text/text.d.ts +2 -1
  865. package/dist/types/components/textarea/textarea.d.ts +3 -2
  866. package/dist/types/components/thumbnail/thumbnail.d.ts +4 -0
  867. package/dist/types/components/title/title.d.ts +4 -0
  868. package/dist/types/components/toast/animations/utils.d.ts +2 -2
  869. package/dist/types/components/toast/toast-interface.d.ts +3 -7
  870. package/dist/types/components/toast/toast.d.ts +3 -2
  871. package/dist/types/components/toggle/toggle.d.ts +19 -1
  872. package/dist/types/components/toolbar/toolbar.d.ts +9 -3
  873. package/dist/types/components.d.ts +1303 -175
  874. package/dist/types/global/ionic-global.d.ts +25 -2
  875. package/dist/types/interface.d.ts +3 -0
  876. package/dist/types/utils/config.d.ts +99 -2
  877. package/dist/types/utils/overlays-interface.d.ts +31 -1
  878. package/dist/types/utils/test/playwright/generator.d.ts +31 -2
  879. package/hydrate/index.js +1611 -623
  880. package/package.json +7 -4
  881. package/components/index9.js +0 -167
  882. package/dist/cjs/index-5915f9b3.js +0 -38
  883. package/dist/cjs/ionic-global-46459c38.js +0 -237
  884. package/dist/collection/components/button/test/round/button.e2e.js +0 -52
  885. package/dist/esm/index-9b0d46f4.js +0 -34
  886. package/dist/esm/ionic-global-b9c0d1da.js +0 -231
  887. package/dist/esm-es5/app-globals-232dc3ed.js +0 -4
  888. package/dist/esm-es5/data-ae11fd43.js +0 -4
  889. package/dist/esm-es5/index-5cc724f3.js +0 -4
  890. package/dist/esm-es5/index-92f14156.js +0 -4
  891. package/dist/esm-es5/index-9b0d46f4.js +0 -4
  892. package/dist/esm-es5/index-c8c3afda.js +0 -4
  893. package/dist/esm-es5/input-shims-0314bbe5.js +0 -4
  894. package/dist/esm-es5/input.utils-09c71bc7.js +0 -4
  895. package/dist/esm-es5/ionic-global-b9c0d1da.js +0 -4
  896. package/dist/esm-es5/ios.transition-2f45f5c1.js +0 -4
  897. package/dist/esm-es5/md.transition-6fcc955f.js +0 -4
  898. package/dist/esm-es5/overlays-0d212972.js +0 -4
  899. package/dist/esm-es5/status-tap-53150009.js +0 -4
  900. package/dist/ionic/p-05bbe79d.entry.js +0 -4
  901. package/dist/ionic/p-06fee233.js +0 -4
  902. package/dist/ionic/p-0769896d.system.entry.js +0 -4
  903. package/dist/ionic/p-13d3abce.system.entry.js +0 -4
  904. package/dist/ionic/p-1731ab58.system.entry.js +0 -4
  905. package/dist/ionic/p-17c10451.system.entry.js +0 -4
  906. package/dist/ionic/p-184fc032.system.js +0 -4
  907. package/dist/ionic/p-18fd2107.entry.js +0 -4
  908. package/dist/ionic/p-1a0848af.system.entry.js +0 -4
  909. package/dist/ionic/p-1cebad78.system.entry.js +0 -4
  910. package/dist/ionic/p-1e2b2b60.entry.js +0 -4
  911. package/dist/ionic/p-2690b1de.js +0 -4
  912. package/dist/ionic/p-26e469a2.system.entry.js +0 -4
  913. package/dist/ionic/p-2b13fb8c.entry.js +0 -4
  914. package/dist/ionic/p-2e7673a0.system.entry.js +0 -4
  915. package/dist/ionic/p-3886b5d0.entry.js +0 -4
  916. package/dist/ionic/p-38c67b66.system.entry.js +0 -4
  917. package/dist/ionic/p-3a0091c2.system.entry.js +0 -4
  918. package/dist/ionic/p-3b199ab6.entry.js +0 -4
  919. package/dist/ionic/p-3c1b674f.entry.js +0 -4
  920. package/dist/ionic/p-3dba7283.entry.js +0 -4
  921. package/dist/ionic/p-3ea44c31.system.entry.js +0 -4
  922. package/dist/ionic/p-418ad596.entry.js +0 -4
  923. package/dist/ionic/p-4c3d1c73.entry.js +0 -4
  924. package/dist/ionic/p-4d6b6aef.system.entry.js +0 -4
  925. package/dist/ionic/p-4d7ab66a.system.entry.js +0 -4
  926. package/dist/ionic/p-4f610234.entry.js +0 -4
  927. package/dist/ionic/p-52df00b5.entry.js +0 -4
  928. package/dist/ionic/p-56cb7d41.entry.js +0 -4
  929. package/dist/ionic/p-591528fc.entry.js +0 -4
  930. package/dist/ionic/p-5b121ea3.system.entry.js +0 -4
  931. package/dist/ionic/p-5bbd2b10.entry.js +0 -4
  932. package/dist/ionic/p-5c22c8fa.system.js +0 -4
  933. package/dist/ionic/p-5f2dc7f9.entry.js +0 -4
  934. package/dist/ionic/p-6017cbeb.system.js +0 -4
  935. package/dist/ionic/p-6167004c.system.entry.js +0 -4
  936. package/dist/ionic/p-617caf82.entry.js +0 -4
  937. package/dist/ionic/p-624e1ca6.system.js +0 -4
  938. package/dist/ionic/p-646d46b1.entry.js +0 -4
  939. package/dist/ionic/p-64e15640.system.entry.js +0 -4
  940. package/dist/ionic/p-65fd47cb.system.entry.js +0 -4
  941. package/dist/ionic/p-66621486.system.entry.js +0 -4
  942. package/dist/ionic/p-666583e1.system.entry.js +0 -4
  943. package/dist/ionic/p-68e5bec9.system.entry.js +0 -4
  944. package/dist/ionic/p-68f01c55.system.entry.js +0 -4
  945. package/dist/ionic/p-6c76eff8.system.entry.js +0 -4
  946. package/dist/ionic/p-6cf5d476.system.js +0 -4
  947. package/dist/ionic/p-6ee1e402.system.js +0 -4
  948. package/dist/ionic/p-705c21cb.system.entry.js +0 -4
  949. package/dist/ionic/p-72ee2cd6.entry.js +0 -4
  950. package/dist/ionic/p-733db888.entry.js +0 -4
  951. package/dist/ionic/p-738cb3bd.entry.js +0 -4
  952. package/dist/ionic/p-75cb6744.system.js +0 -4
  953. package/dist/ionic/p-796cfde4.entry.js +0 -4
  954. package/dist/ionic/p-7a86bd75.js +0 -4
  955. package/dist/ionic/p-7f84a4c8.system.entry.js +0 -4
  956. package/dist/ionic/p-8ee5c5bf.js +0 -4
  957. package/dist/ionic/p-943bc98f.system.entry.js +0 -4
  958. package/dist/ionic/p-94953ea1.system.entry.js +0 -4
  959. package/dist/ionic/p-94c6f6ab.system.entry.js +0 -4
  960. package/dist/ionic/p-9690c79d.system.entry.js +0 -4
  961. package/dist/ionic/p-98f199c6.system.entry.js +0 -4
  962. package/dist/ionic/p-9f5f3485.js +0 -4
  963. package/dist/ionic/p-a07f9cb7.system.entry.js +0 -4
  964. package/dist/ionic/p-a3aaeca8.system.entry.js +0 -4
  965. package/dist/ionic/p-ab27a195.system.entry.js +0 -4
  966. package/dist/ionic/p-af9d3f33.entry.js +0 -4
  967. package/dist/ionic/p-b1e856df.entry.js +0 -4
  968. package/dist/ionic/p-b6fe4a42.entry.js +0 -4
  969. package/dist/ionic/p-b7fa6074.js +0 -4
  970. package/dist/ionic/p-b9fcfe50.system.js +0 -4
  971. package/dist/ionic/p-c1859486.system.js +0 -4
  972. package/dist/ionic/p-c5477854.system.entry.js +0 -4
  973. package/dist/ionic/p-c91c13d2.js +0 -4
  974. package/dist/ionic/p-cb5d9dd4.entry.js +0 -4
  975. package/dist/ionic/p-ccab4d05.system.entry.js +0 -4
  976. package/dist/ionic/p-cdddc32e.entry.js +0 -4
  977. package/dist/ionic/p-d2293261.system.entry.js +0 -4
  978. package/dist/ionic/p-d2753e35.js +0 -4
  979. package/dist/ionic/p-d2db72d1.entry.js +0 -4
  980. package/dist/ionic/p-d529141b.entry.js +0 -4
  981. package/dist/ionic/p-d5f62e4e.entry.js +0 -4
  982. package/dist/ionic/p-d7b97091.entry.js +0 -4
  983. package/dist/ionic/p-d820d1f1.entry.js +0 -4
  984. package/dist/ionic/p-d9e26540.system.entry.js +0 -4
  985. package/dist/ionic/p-da0001cd.system.entry.js +0 -4
  986. package/dist/ionic/p-dbee9e95.system.entry.js +0 -4
  987. package/dist/ionic/p-df3ebee9.system.entry.js +0 -4
  988. package/dist/ionic/p-df4bdf05.entry.js +0 -4
  989. package/dist/ionic/p-dfb78785.system.js +0 -4
  990. package/dist/ionic/p-e08fb9c2.system.entry.js +0 -4
  991. package/dist/ionic/p-e12d7323.entry.js +0 -4
  992. package/dist/ionic/p-e4587da1.js +0 -4
  993. package/dist/ionic/p-ea4f2b31.entry.js +0 -4
  994. package/dist/ionic/p-eaed7394.entry.js +0 -4
  995. package/dist/ionic/p-ecf5f3e0.entry.js +0 -4
  996. package/dist/ionic/p-ed72bc6c.system.entry.js +0 -4
  997. package/dist/ionic/p-ef1c5743.entry.js +0 -4
  998. package/dist/ionic/p-f181073a.entry.js +0 -4
  999. package/dist/ionic/p-f52c2d9a.entry.js +0 -4
  1000. package/dist/ionic/p-f654e4df.entry.js +0 -4
  1001. package/dist/ionic/p-fa2abaef.entry.js +0 -4
  1002. package/dist/ionic/p-ff4b7e40.system.js +0 -4
package/css/ionic/core.ionic.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/core.ionic.scss","../../src/foundations/ionic.vars.scss","../../src/themes/mixins.scss"],"names":[],"mappings":"AAKA,MACE,yEACA,mEAGF,KACE,yCAGF,KACE,gDACA,qCAGF,wBACE,gBAYF,+LAGE,YCgDgB,4BDxClB,qIAEE,eCsCgB,4BD9BlB,+BACE,0EACA,wEAOF,qCACE,4CACE,0BA+BJ,2DACE,sBACA,mBAaF,wCACE,4CAMF,UEiSM,MFhSyB,EEiSzB,KFjS+B,EEqTnC,IFrT0B,EEsT1B,OFtTgC,EAEhC,aACA,kBAEA,sBACA,8BAEA,0BACA,UAWF,oBACE,kBAEA,YAEA,qBAGF,8CACE,kBAGF,iRAeE,wBAGF,oBACE,UAGF,wCACE,cAMF,6CAEE,gDAGF,6BACE,KACE,mDAIJ,iDACE,KACE,8CACA,oDACA,gDACA,mDAOJ,mFAEE,cAMF,cACE,+BAGF,mBACE,eACA,0BAUA,oBAMA,kBAUF,+BACE,mBAGF,4CACE,gBAGF,qBACE,gHAGF,mBACE,gHAIF,6EACE,uBClKwB,oCDmKxB,wBCnKwB,oCDqK1B,4EACE,0BCtKwB,oCDuKxB,2BCvKwB,oCDyK1B,qEACE,kBAGF,0EACE,2DAGF,uCACE,yCAEE,4BASJ,qJAEE,yBAGF,2GACE,kBACA,wBAGF,uMAEE,aAMF,6CACE,iBASF,6BACE,qBACA,sBAUF,wDACE,YACA,iBAaF,oCACE","file":"core.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Ionic Font\n// --------------------------------------------------\n\n:root {\n --ionic-global-background-color: #{globals.$ionic-color-neutral-100};\n --ionic-global-text-color: #{globals.$ionic-color-neutral-900};\n}\n\nhtml {\n --ionic-dynamic-font: -apple-system-body;\n}\n\nbody {\n background: var(--ionic-global-background-color);\n color: var(--ionic-global-text-color);\n}\n\nbody.backdrop-no-scroll {\n overflow: hidden;\n}\n\n// Modal - Card Style\n// --------------------------------------------------\n/**\n * Card style modal needs additional padding on the\n * top of the header. We accomplish this by targeting\n * the first toolbar in the header.\n * Footer also needs this. We do not adjust the bottom\n * padding though because of the safe area.\n */\nhtml.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,\nhtml.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,\nhtml.ios ion-modal ion-footer ion-toolbar:first-of-type {\n padding-top: globals.$ionic-space-150;\n}\n\n/**\n* Card style modal needs additional padding on the\n* bottom of the header. We accomplish this by targeting\n* the last toolbar in the header.\n*/\nhtml.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,\nhtml.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {\n padding-bottom: globals.$ionic-space-150;\n}\n\n/**\n* Add padding on the left and right\n* of toolbars while accounting for\n* safe area values when in landscape.\n*/\nhtml.ios ion-modal ion-toolbar {\n padding-right: calc(var(--ion-safe-area-right) + globals.$ionic-space-200);\n padding-left: calc(var(--ion-safe-area-left) + globals.$ionic-space-200);\n}\n\n/**\n * Card style modal on iPadOS\n * should only have backdrop on first instance.\n */\n@media screen and (min-width: 768px) {\n html.ios ion-modal.modal-card:first-of-type {\n --backdrop-opacity: 0.18;\n }\n}\n\n/**\n * Subsequent modals should not have a backdrop/box shadow\n * as it will cause the screen to appear to get progressively\n * darker. With Ionic 6, declarative modals made it\n * possible to have multiple non-presented modals in the DOM,\n * so we could no longer rely on ion-modal:first-of-type.\n * Here we disable the opacity/box-shadow for every modal\n * that comes after the first presented modal.\n *\n * Note: ion-modal:not(.overlay-hidden):first-of-type\n * does not match the first modal to not have\n * the .overlay-hidden class, it will match the\n * first modal in general only if it does not\n * have the .overlay-hidden class.\n * The :nth-child() pseudo-class has support\n * for selectors which would help us here. At the\n * time of writing it does not have great cross browser\n * support.\n *\n * Note 2: This should only apply to non-card and\n * non-sheet modals. Card and sheet modals have their\n * own criteria for displaying backdrops/box shadows.\n *\n * Do not use :not(.overlay-hidden) in place of\n * .show-modal because that triggers a memory\n * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768\n */\nion-modal.modal-default.show-modal ~ ion-modal.modal-default {\n --backdrop-opacity: 0;\n --box-shadow: none;\n}\n\n/**\n * This works around a bug in WebKit where the\n * content will overflow outside of the bottom border\n * radius when re-painting. As long as a single\n * border radius value is set on .ion-page, this\n * issue does not happen. We set the top left radius\n * here because the top left corner will always have a\n * radius no matter the platform.\n * This behavior only applies to card modals.\n */\nhtml.ios ion-modal.modal-card .ion-page {\n border-top-left-radius: var(--border-radius);\n}\n\n// Page Container Structure\n// --------------------------------------------------\n\n.ion-page {\n @include globals.position(0, 0, 0, 0);\n\n display: flex;\n position: absolute;\n\n flex-direction: column;\n justify-content: space-between;\n\n contain: layout size style;\n z-index: 0;\n}\n\n/**\n * When making custom dialogs, using\n * ion-content is not required. As a result,\n * some developers may wish to have dialogs\n * that are automatically sized by the browser.\n * These changes allow certain dimension values\n * such as fit-content to work correctly.\n */\nion-modal > .ion-page {\n position: relative;\n\n height: 100%;\n\n contain: layout style;\n}\n\n.split-pane-visible > .ion-page.split-pane-main {\n position: relative;\n}\n\nion-route,\nion-route-redirect,\nion-router,\nion-select-option,\nion-nav-controller,\nion-menu-controller,\nion-action-sheet-controller,\nion-alert-controller,\nion-loading-controller,\nion-modal-controller,\nion-picker-controller,\nion-popover-controller,\nion-toast-controller,\n.ion-page-hidden {\n /* stylelint-disable-next-line declaration-no-important */\n display: none !important;\n}\n\n.ion-page-invisible {\n opacity: 0;\n}\n\n.can-go-back > ion-header ion-back-button {\n display: block;\n}\n\n// Ionic Safe Margins\n// --------------------------------------------------\n\nhtml.plt-ios.plt-hybrid,\nhtml.plt-ios.plt-pwa {\n --ion-statusbar-padding: globals.$ionic-space-m;\n}\n\n@supports (padding-top: 20px) {\n html {\n --ion-safe-area-top: var(--ion-statusbar-padding);\n }\n}\n\n@supports (padding-top: env(safe-area-inset-top)) {\n html {\n --ion-safe-area-top: env(safe-area-inset-top);\n --ion-safe-area-bottom: env(safe-area-inset-bottom);\n --ion-safe-area-left: env(safe-area-inset-left);\n --ion-safe-area-right: env(safe-area-inset-right);\n }\n}\n\n// Global Card Styles\n// --------------------------------------------------\n\nion-card.ion-color .ion-inherit-color,\nion-card-header.ion-color .ion-inherit-color {\n color: inherit;\n}\n\n// Menu Styles\n// --------------------------------------------------\n\n.menu-content {\n transform: translate3d(0, 0, 0);\n}\n\n.menu-content-open {\n cursor: pointer;\n touch-action: manipulation;\n\n /**\n * The containing element itself should be clickable but\n * everything inside of it should not clickable when menu is open\n *\n * Setting pointer-events after scrolling has already started\n * will not cancel scrolling which is why we also set\n * overflow-y below.\n */\n pointer-events: none;\n\n /**\n * This accounts for scenarios where the main content itself\n * is scrollable.\n */\n overflow-y: hidden;\n}\n\n/**\n * Setting overflow cancels any in-progress scrolling\n * when the menu opens. This prevents users from accidentally\n * scrolling the main content while also dragging the menu open.\n * The code below accounts for both ion-content and then custom\n * scroll containers within ion-content (such as virtual scroll)\n */\n.menu-content-open ion-content {\n --overflow: hidden;\n}\n\n.menu-content-open .ion-content-scroll-host {\n overflow: hidden;\n}\n\n.menu-content-reveal {\n box-shadow: #{globals.$ionic-elevation-100};\n}\n\n.menu-content-push {\n box-shadow: #{globals.$ionic-elevation-100};\n}\n\n// Accordion Styles\nion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {\n border-top-left-radius: globals.$ionic-border-radius-200;\n border-top-right-radius: globals.$ionic-border-radius-200;\n}\nion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {\n border-bottom-left-radius: globals.$ionic-border-radius-200;\n border-bottom-right-radius: globals.$ionic-border-radius-200;\n}\nion-accordion-group > ion-accordion:last-of-type ion-item[slot=\"header\"] {\n --border-width: 0;\n}\n\nion-accordion.accordion-animated > [slot=\"header\"] .ion-accordion-toggle-icon {\n transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n\n@media (prefers-reduced-motion: reduce) {\n ion-accordion .ion-accordion-toggle-icon {\n /* stylelint-disable declaration-no-important */\n transition: none !important;\n }\n}\n/**\n * The > [slot=\"header\"] selector ensures that we do\n * not modify toggle icons for any nested accordions. The state\n * of one accordion should not affect any accordions inside\n * of a nested accordion group.\n */\nion-accordion.accordion-expanding > [slot=\"header\"] .ion-accordion-toggle-icon,\nion-accordion.accordion-expanded > [slot=\"header\"] .ion-accordion-toggle-icon {\n transform: rotate(180deg);\n}\n\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=\"header\"] {\n --border-width: 0;\n --inner-border-width: 0;\n}\n\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {\n margin-top: 0;\n}\n\n// Safari/iOS 15 changes the appearance of input[type=\"date\"].\n// For backwards compatibility from Ionic 5/Safari 14 designs,\n// we override the appearance only when using within an ion-input.\nion-input input::-webkit-date-and-time-value {\n text-align: start;\n}\n\n/**\n * The .ion-datetime-button-overlay class contains\n * styles that allow any modal/popover to be\n * sized according to the dimensions of the datetime\n * when used with ion-datetime-button.\n */\n.ion-datetime-button-overlay {\n --width: fit-content;\n --height: fit-content;\n}\n\n/**\n * The grid variant can scale down when inline.\n * When used in a `fit-content` overlay, this causes\n * the overlay to shrink when the month/year picker is open.\n * Explicitly setting the dimensions lets us have a consistently\n * sized grid interface.\n */\n.ion-datetime-button-overlay ion-datetime.datetime-grid {\n width: 320px;\n min-height: 320px;\n}\n\n/**\n * If a popover has a child ion-content (or class equivalent) then the .popover-viewport element\n * should not be scrollable to ensure the inner content does scroll. However, if the popover\n * does not have a child ion-content (or class equivalent) then the .popover-viewport element\n * should remain scrollable. This code exists globally because popover targets\n * .popover-viewport using ::slotted which only supports simple selectors.\n *\n * Note that we do not need to account for .ion-content-scroll-host here because that\n * class should always be placed within ion-content even if ion-content is not scrollable.\n */\n.popover-viewport:has(> ion-content) {\n overflow: hidden;\n}\n","/**\n * This is an auto-generated file, please do not change it directly.\n * Ionic Design System\n */\n\n@use \"../themes/functions.sizes\" as font;\n\n$ionic-elevation-100: var(\n --ionic-elevation-100,\n 0px 3px 9px 0px rgba(0, 0, 0, 0.07),\n 0px 0px 4px 0px rgba(0, 0, 0, 0.04)\n);\n$ionic-elevation-200: var(\n --ionic-elevation-200,\n 0px 8px 25px 0px rgba(0, 0, 0, 0.08),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.05)\n);\n$ionic-elevation-300: var(\n --ionic-elevation-300,\n 0px 6px 32px 0px rgba(0, 0, 0, 0.16),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.05)\n);\n$ionic-elevation-400: var(\n --ionic-elevation-400,\n 0px 15px 48px 0px rgba(0, 0, 0, 0.18),\n 0px 3px 12px 0px rgba(0, 0, 0, 0.12)\n);\n$ionic-elevation-500: var(\n --ionic-elevation-500,\n 0px 3px 9px 0px rgba(6, 43, 99, 0.07),\n 0px 0px 4px 0px rgba(6, 43, 99, 0.04)\n);\n$ionic-elevation-600: var(\n --ionic-elevation-600,\n 0px 8px 25px 0px rgba(6, 43, 99, 0.08),\n 0px 1px 5px 0px rgba(6, 43, 99, 0.05)\n);\n$ionic-elevation-700: var(\n --ionic-elevation-700,\n 0px 15px 32px 0px rgba(6, 43, 99, 0.09),\n 0px 2px 7px 0px rgba(6, 43, 99, 0.05)\n);\n$ionic-elevation-800: var(\n --ionic-elevation-800,\n 0px 20px 48px 0px rgba(6, 43, 99, 0.12),\n 0px 3px 14px 0px rgba(6, 43, 99, 0.12)\n);\n$ionic-font-size-275: var(--ionic-font-size-275, font.px-to-rem(11));\n$ionic-font-size-300: var(--ionic-font-size-300, font.px-to-rem(12));\n$ionic-font-size-350: var(--ionic-font-size-350, font.px-to-rem(14));\n$ionic-font-size-400: var(--ionic-font-size-400, font.px-to-rem(16));\n$ionic-font-size-450: var(--ionic-font-size-450, font.px-to-rem(18));\n$ionic-font-size-500: var(--ionic-font-size-500, font.px-to-rem(20));\n$ionic-font-size-550: var(--ionic-font-size-550, font.px-to-rem(22));\n$ionic-font-size-600: var(--ionic-font-size-600, font.px-to-rem(24));\n$ionic-font-size-650: var(--ionic-font-size-650, font.px-to-rem(26));\n$ionic-font-size-700: var(--ionic-font-size-700, font.px-to-rem(28));\n$ionic-font-size-800: var(--ionic-font-size-800, font.px-to-rem(32));\n$ionic-font-size-900: var(--ionic-font-size-900, font.px-to-rem(36));\n$ionic-font-weight-thin: var(--ionic-font-weight-thin, 100);\n$ionic-font-weight-extra-light: var(--ionic-font-weight-extra-light, 200);\n$ionic-font-weight-light: var(--ionic-font-weight-light, 300);\n$ionic-font-weight-regular: var(--ionic-font-weight-regular, 400);\n$ionic-font-weight-medium: var(--ionic-font-weight-medium, 500);\n$ionic-font-weight-semi-bold: var(--ionic-font-weight-semi-bold, 600);\n$ionic-font-weight-bold: var(--ionic-font-weight-bold, 700);\n$ionic-font-weight-extra-bold: var(--ionic-font-weight-extra-bold, 800);\n$ionic-font-weight-black: var(--ionic-font-weight-black, 900);\n$ionic-letter-spacing-0: var(--ionic-letter-spacing-0, 0);\n$ionic-letter-spacing-1: var(--ionic-letter-spacing-1, 1%);\n$ionic-letter-spacing-2: var(--ionic-letter-spacing-2, 1.5%);\n$ionic-line-height-300: var(--ionic-line-height-300, 12px);\n$ionic-line-height-400: var(--ionic-line-height-400, 16px);\n$ionic-line-height-500: var(--ionic-line-height-500, 20px);\n$ionic-line-height-600: var(--ionic-line-height-600, 24px);\n$ionic-line-height-700: var(--ionic-line-height-700, 28px);\n$ionic-line-height-800: var(--ionic-line-height-800, 32px);\n$ionic-line-height-900: var(--ionic-line-height-900, 36px);\n$ionic-line-height-1100: var(--ionic-line-height-1100, 44px);\n$ionic-line-height-1200: var(--ionic-line-height-1200, 48px);\n$ionic-line-height-full: var(--ionic-line-height-full, 100%);\n$ionic-space-0: var(--ionic-space-0, 0px);\n$ionic-space-100: var(--ionic-space-100, 4px);\n$ionic-space-150: var(--ionic-space-150, 6px);\n$ionic-space-200: var(--ionic-space-200, 8px);\n$ionic-space-250: var(--ionic-space-250, 10px);\n$ionic-space-300: var(--ionic-space-300, 12px);\n$ionic-space-400: var(--ionic-space-400, 16px);\n$ionic-space-500: var(--ionic-space-500, 20px);\n$ionic-space-600: var(--ionic-space-600, 24px);\n$ionic-space-700: var(--ionic-space-700, 28px);\n$ionic-space-800: var(--ionic-space-800, 32px);\n$ionic-space-900: var(--ionic-space-900, 36px);\n$ionic-space-1000: var(--ionic-space-1000, 40px);\n$ionic-space-1200: var(--ionic-space-1200, 48px);\n$ionic-space-050: var(--ionic-space-050, 2px);\n$ionic-border-radius-0: var(--ionic-border-radius-0, 0px);\n$ionic-border-radius-100: var(--ionic-border-radius-100, 4px);\n$ionic-border-radius-200: var(--ionic-border-radius-200, 8px);\n$ionic-border-radius-300: var(--ionic-border-radius-300, 12px);\n$ionic-border-radius-400: var(--ionic-border-radius-400, 16px);\n$ionic-border-radius-800: var(--ionic-border-radius-800, 32px);\n$ionic-border-radius-1000: var(--ionic-border-radius-1000, 40px);\n$ionic-border-radius-050: var(--ionic-border-radius-050, 2px);\n$ionic-border-radius-full: var(--ionic-border-radius-full, 999px);\n$ionic-border-size-0: var(--ionic-border-size-0, 0px);\n$ionic-border-size-025: var(--ionic-border-size-025, 1px);\n$ionic-border-size-050: var(--ionic-border-size-050, 2px);\n$ionic-border-size-075: var(--ionic-border-size-075, 3px);\n$ionic-border-style-none: var(--ionic-border-style-none, none);\n$ionic-border-style-solid: var(--ionic-border-style-solid, solid);\n$ionic-border-style-dashed: var(--ionic-border-style-dashed, dashed);\n$ionic-border-style-dotted: var(--ionic-border-style-dotted, dotted);\n$ionic-color-base-white: var(--ionic-color-base-white, #ffffff);\n$ionic-color-base-white-rgb: var(--ionic-color-base-white-rgb, 255, 255, 255);\n$ionic-color-base-black: var(--ionic-color-base-black, #111111);\n$ionic-color-base-black-rgb: var(--ionic-color-base-black-rgb, 17, 17, 17);\n$ionic-color-neutral-100: var(--ionic-color-neutral-100, #f1f1f1);\n$ionic-color-neutral-100-rgb: var(--ionic-color-neutral-100-rgb, 241, 241, 241);\n$ionic-color-neutral-200: var(--ionic-color-neutral-200, #e7e7e7);\n$ionic-color-neutral-200-rgb: var(--ionic-color-neutral-200-rgb, 231, 231, 231);\n$ionic-color-neutral-300: var(--ionic-color-neutral-300, #cfcfcf);\n$ionic-color-neutral-300-rgb: var(--ionic-color-neutral-300-rgb, 207, 207, 207);\n$ionic-color-neutral-400: var(--ionic-color-neutral-400, #b9b9b9);\n$ionic-color-neutral-400-rgb: var(--ionic-color-neutral-400-rgb, 185, 185, 185);\n$ionic-color-neutral-500: var(--ionic-color-neutral-500, #a2a2a2);\n$ionic-color-neutral-500-rgb: var(--ionic-color-neutral-500-rgb, 162, 162, 162);\n$ionic-color-neutral-600: var(--ionic-color-neutral-600, #8c8c8c);\n$ionic-color-neutral-600-rgb: var(--ionic-color-neutral-600-rgb, 140, 140, 140);\n$ionic-color-neutral-700: var(--ionic-color-neutral-700, #777777);\n$ionic-color-neutral-700-rgb: var(--ionic-color-neutral-700-rgb, 119, 119, 119);\n$ionic-color-neutral-800: var(--ionic-color-neutral-800, #626262);\n$ionic-color-neutral-800-rgb: var(--ionic-color-neutral-800-rgb, 98, 98, 98);\n$ionic-color-neutral-900: var(--ionic-color-neutral-900, #4e4e4e);\n$ionic-color-neutral-900-rgb: var(--ionic-color-neutral-900-rgb, 78, 78, 78);\n$ionic-color-neutral-1000: var(--ionic-color-neutral-1000, #3b3b3b);\n$ionic-color-neutral-1000-rgb: var(--ionic-color-neutral-1000-rgb, 59, 59, 59);\n$ionic-color-neutral-1100: var(--ionic-color-neutral-1100, #292929);\n$ionic-color-neutral-1100-rgb: var(--ionic-color-neutral-1100-rgb, 41, 41, 41);\n$ionic-color-neutral-1200: var(--ionic-color-neutral-1200, #242424);\n$ionic-color-neutral-1200-rgb: var(--ionic-color-neutral-1200-rgb, 36, 36, 36);\n$ionic-color-red-100: var(--ionic-color-red-100, #feeded);\n$ionic-color-red-100-rgb: var(--ionic-color-red-100-rgb, 254, 237, 237);\n$ionic-color-red-200: var(--ionic-color-red-200, #fde1e1);\n$ionic-color-red-200-rgb: var(--ionic-color-red-200-rgb, 253, 225, 225);\n$ionic-color-red-300: var(--ionic-color-red-300, #fcc1c1);\n$ionic-color-red-300-rgb: var(--ionic-color-red-300-rgb, 252, 193, 193);\n$ionic-color-red-400: var(--ionic-color-red-400, #faa1a1);\n$ionic-color-red-400-rgb: var(--ionic-color-red-400-rgb, 250, 161, 161);\n$ionic-color-red-500: var(--ionic-color-red-500, #f97d7d);\n$ionic-color-red-500-rgb: var(--ionic-color-red-500-rgb, 249, 125, 125);\n$ionic-color-red-600: var(--ionic-color-red-600, #f85151);\n$ionic-color-red-600-rgb: var(--ionic-color-red-600-rgb, 248, 81, 81);\n$ionic-color-red-700: var(--ionic-color-red-700, #e52929);\n$ionic-color-red-700-rgb: var(--ionic-color-red-700-rgb, 229, 41, 41);\n$ionic-color-red-800: var(--ionic-color-red-800, #bf2222);\n$ionic-color-red-800-rgb: var(--ionic-color-red-800-rgb, 191, 34, 34);\n$ionic-color-red-900: var(--ionic-color-red-900, #991b1b);\n$ionic-color-red-900-rgb: var(--ionic-color-red-900-rgb, 153, 27, 27);\n$ionic-color-red-1000: var(--ionic-color-red-1000, #761515);\n$ionic-color-red-1000-rgb: var(--ionic-color-red-1000-rgb, 118, 21, 21);\n$ionic-color-red-1100: var(--ionic-color-red-1100, #540f0f);\n$ionic-color-red-1100-rgb: var(--ionic-color-red-1100-rgb, 84, 15, 15);\n$ionic-color-red-1200: var(--ionic-color-red-1200, #330909);\n$ionic-color-red-1200-rgb: var(--ionic-color-red-1200-rgb, 51, 9, 9);\n$ionic-color-pumpkin-100: var(--ionic-color-pumpkin-100, #feedea);\n$ionic-color-pumpkin-100-rgb: var(--ionic-color-pumpkin-100-rgb, 254, 237, 234);\n$ionic-color-pumpkin-200: var(--ionic-color-pumpkin-200, #fde0db);\n$ionic-color-pumpkin-200-rgb: var(--ionic-color-pumpkin-200-rgb, 253, 224, 219);\n$ionic-color-pumpkin-300: var(--ionic-color-pumpkin-300, #fbbdb1);\n$ionic-color-pumpkin-300-rgb: var(--ionic-color-pumpkin-300-rgb, 251, 189, 177);\n$ionic-color-pumpkin-400: var(--ionic-color-pumpkin-400, #f9947c);\n$ionic-color-pumpkin-400-rgb: var(--ionic-color-pumpkin-400-rgb, 249, 148, 124);\n$ionic-color-pumpkin-500: var(--ionic-color-pumpkin-500, #f75d07);\n$ionic-color-pumpkin-500-rgb: var(--ionic-color-pumpkin-500-rgb, 247, 93, 7);\n$ionic-color-pumpkin-600: var(--ionic-color-pumpkin-600, #da5206);\n$ionic-color-pumpkin-600-rgb: var(--ionic-color-pumpkin-600-rgb, 218, 82, 6);\n$ionic-color-pumpkin-700: var(--ionic-color-pumpkin-700, #bd4705);\n$ionic-color-pumpkin-700-rgb: var(--ionic-color-pumpkin-700-rgb, 189, 71, 5);\n$ionic-color-pumpkin-800: var(--ionic-color-pumpkin-800, #9f3c05);\n$ionic-color-pumpkin-800-rgb: var(--ionic-color-pumpkin-800-rgb, 159, 60, 5);\n$ionic-color-pumpkin-900: var(--ionic-color-pumpkin-900, #803004);\n$ionic-color-pumpkin-900-rgb: var(--ionic-color-pumpkin-900-rgb, 128, 48, 4);\n$ionic-color-pumpkin-1000: var(--ionic-color-pumpkin-1000, #602403);\n$ionic-color-pumpkin-1000-rgb: var(--ionic-color-pumpkin-1000-rgb, 96, 36, 3);\n$ionic-color-pumpkin-1100: var(--ionic-color-pumpkin-1100, #401802);\n$ionic-color-pumpkin-1100-rgb: var(--ionic-color-pumpkin-1100-rgb, 64, 24, 2);\n$ionic-color-pumpkin-1200: var(--ionic-color-pumpkin-1200, #210c01);\n$ionic-color-pumpkin-1200-rgb: var(--ionic-color-pumpkin-1200-rgb, 33, 12, 1);\n$ionic-color-orange-100: var(--ionic-color-orange-100, #fff1ea);\n$ionic-color-orange-100-rgb: var(--ionic-color-orange-100-rgb, 255, 241, 234);\n$ionic-color-orange-200: var(--ionic-color-orange-200, #ffe8db);\n$ionic-color-orange-200-rgb: var(--ionic-color-orange-200-rgb, 255, 232, 219);\n$ionic-color-orange-300: var(--ionic-color-orange-300, #ffcfb1);\n$ionic-color-orange-300-rgb: var(--ionic-color-orange-300-rgb, 255, 207, 177);\n$ionic-color-orange-400: var(--ionic-color-orange-400, #ffb37b);\n$ionic-color-orange-400-rgb: var(--ionic-color-orange-400-rgb, 255, 179, 123);\n$ionic-color-orange-500: var(--ionic-color-orange-500, #ff9400);\n$ionic-color-orange-500-rgb: var(--ionic-color-orange-500-rgb, 255, 148, 0);\n$ionic-color-orange-600: var(--ionic-color-orange-600, #e18300);\n$ionic-color-orange-600-rgb: var(--ionic-color-orange-600-rgb, 225, 131, 0);\n$ionic-color-orange-700: var(--ionic-color-orange-700, #c37100);\n$ionic-color-orange-700-rgb: var(--ionic-color-orange-700-rgb, 195, 113, 0);\n$ionic-color-orange-800: var(--ionic-color-orange-800, #a45f00);\n$ionic-color-orange-800-rgb: var(--ionic-color-orange-800-rgb, 164, 95, 0);\n$ionic-color-orange-900: var(--ionic-color-orange-900, #844d00);\n$ionic-color-orange-900-rgb: var(--ionic-color-orange-900-rgb, 132, 77, 0);\n$ionic-color-orange-1000: var(--ionic-color-orange-1000, #633a00);\n$ionic-color-orange-1000-rgb: var(--ionic-color-orange-1000-rgb, 99, 58, 0);\n$ionic-color-orange-1100: var(--ionic-color-orange-1100, #422700);\n$ionic-color-orange-1100-rgb: var(--ionic-color-orange-1100-rgb, 66, 39, 0);\n$ionic-color-orange-1200: var(--ionic-color-orange-1200, #221400);\n$ionic-color-orange-1200-rgb: var(--ionic-color-orange-1200-rgb, 34, 20, 0);\n$ionic-color-yellow-100: var(--ionic-color-yellow-100, #fff9ea);\n$ionic-color-yellow-100-rgb: var(--ionic-color-yellow-100-rgb, 255, 249, 234);\n$ionic-color-yellow-200: var(--ionic-color-yellow-200, #fff5db);\n$ionic-color-yellow-200-rgb: var(--ionic-color-yellow-200-rgb, 255, 245, 219);\n$ionic-color-yellow-300: var(--ionic-color-yellow-300, #ffebb1);\n$ionic-color-yellow-300-rgb: var(--ionic-color-yellow-300-rgb, 255, 235, 177);\n$ionic-color-yellow-400: var(--ionic-color-yellow-400, #ffe07b);\n$ionic-color-yellow-400-rgb: var(--ionic-color-yellow-400-rgb, 255, 224, 123);\n$ionic-color-yellow-500: var(--ionic-color-yellow-500, #ffd600);\n$ionic-color-yellow-500-rgb: var(--ionic-color-yellow-500-rgb, 255, 214, 0);\n$ionic-color-yellow-600: var(--ionic-color-yellow-600, #e1bd00);\n$ionic-color-yellow-600-rgb: var(--ionic-color-yellow-600-rgb, 225, 189, 0);\n$ionic-color-yellow-700: var(--ionic-color-yellow-700, #c3a400);\n$ionic-color-yellow-700-rgb: var(--ionic-color-yellow-700-rgb, 195, 164, 0);\n$ionic-color-yellow-800: var(--ionic-color-yellow-800, #a48a00);\n$ionic-color-yellow-800-rgb: var(--ionic-color-yellow-800-rgb, 164, 138, 0);\n$ionic-color-yellow-900: var(--ionic-color-yellow-900, #846f00);\n$ionic-color-yellow-900-rgb: var(--ionic-color-yellow-900-rgb, 132, 111, 0);\n$ionic-color-yellow-1000: var(--ionic-color-yellow-1000, #635300);\n$ionic-color-yellow-1000-rgb: var(--ionic-color-yellow-1000-rgb, 99, 83, 0);\n$ionic-color-yellow-1100: var(--ionic-color-yellow-1100, #423800);\n$ionic-color-yellow-1100-rgb: var(--ionic-color-yellow-1100-rgb, 66, 56, 0);\n$ionic-color-yellow-1200: var(--ionic-color-yellow-1200, #221d00);\n$ionic-color-yellow-1200-rgb: var(--ionic-color-yellow-1200-rgb, 34, 29, 0);\n$ionic-color-lime-100: var(--ionic-color-lime-100, #f3faea);\n$ionic-color-lime-100-rgb: var(--ionic-color-lime-100-rgb, 243, 250, 234);\n$ionic-color-lime-200: var(--ionic-color-lime-200, #eaf7db);\n$ionic-color-lime-200-rgb: var(--ionic-color-lime-200-rgb, 234, 247, 219);\n$ionic-color-lime-300: var(--ionic-color-lime-300, #d3efb2);\n$ionic-color-lime-300-rgb: var(--ionic-color-lime-300-rgb, 211, 239, 178);\n$ionic-color-lime-400: var(--ionic-color-lime-400, #bbe77d);\n$ionic-color-lime-400-rgb: var(--ionic-color-lime-400-rgb, 187, 231, 125);\n$ionic-color-lime-500: var(--ionic-color-lime-500, #a0df18);\n$ionic-color-lime-500-rgb: var(--ionic-color-lime-500-rgb, 160, 223, 24);\n$ionic-color-lime-600: var(--ionic-color-lime-600, #8dc515);\n$ionic-color-lime-600-rgb: var(--ionic-color-lime-600-rgb, 141, 197, 21);\n$ionic-color-lime-700: var(--ionic-color-lime-700, #7aab12);\n$ionic-color-lime-700-rgb: var(--ionic-color-lime-700-rgb, 122, 171, 18);\n$ionic-color-lime-800: var(--ionic-color-lime-800, #678f0f);\n$ionic-color-lime-800-rgb: var(--ionic-color-lime-800-rgb, 103, 143, 15);\n$ionic-color-lime-900: var(--ionic-color-lime-900, #53730c);\n$ionic-color-lime-900-rgb: var(--ionic-color-lime-900-rgb, 83, 115, 12);\n$ionic-color-lime-1000: var(--ionic-color-lime-1000, #3e5709);\n$ionic-color-lime-1000-rgb: var(--ionic-color-lime-1000-rgb, 62, 87, 9);\n$ionic-color-lime-1100: var(--ionic-color-lime-1100, #2a3a06);\n$ionic-color-lime-1100-rgb: var(--ionic-color-lime-1100-rgb, 42, 58, 6);\n$ionic-color-lime-1200: var(--ionic-color-lime-1200, #151e03);\n$ionic-color-lime-1200-rgb: var(--ionic-color-lime-1200-rgb, 21, 30, 3);\n$ionic-color-green-100: var(--ionic-color-green-100, #ebf9ec);\n$ionic-color-green-100-rgb: var(--ionic-color-green-100-rgb, 235, 249, 236);\n$ionic-color-green-200: var(--ionic-color-green-200, #dcf5de);\n$ionic-color-green-200-rgb: var(--ionic-color-green-200-rgb, 220, 245, 222);\n$ionic-color-green-300: var(--ionic-color-green-300, #b3ebb7);\n$ionic-color-green-300-rgb: var(--ionic-color-green-300-rgb, 179, 235, 183);\n$ionic-color-green-400: var(--ionic-color-green-400, #7fe089);\n$ionic-color-green-400-rgb: var(--ionic-color-green-400-rgb, 127, 224, 137);\n$ionic-color-green-500: var(--ionic-color-green-500, #23d643);\n$ionic-color-green-500-rgb: var(--ionic-color-green-500-rgb, 35, 214, 67);\n$ionic-color-green-600: var(--ionic-color-green-600, #1fbd3b);\n$ionic-color-green-600-rgb: var(--ionic-color-green-600-rgb, 31, 189, 59);\n$ionic-color-green-700: var(--ionic-color-green-700, #1ba433);\n$ionic-color-green-700-rgb: var(--ionic-color-green-700-rgb, 27, 164, 51);\n$ionic-color-green-800: var(--ionic-color-green-800, #178a2b);\n$ionic-color-green-800-rgb: var(--ionic-color-green-800-rgb, 23, 138, 43);\n$ionic-color-green-900: var(--ionic-color-green-900, #126f23);\n$ionic-color-green-900-rgb: var(--ionic-color-green-900-rgb, 18, 111, 35);\n$ionic-color-green-1000: var(--ionic-color-green-1000, #0e531a);\n$ionic-color-green-1000-rgb: var(--ionic-color-green-1000-rgb, 14, 83, 26);\n$ionic-color-green-1100: var(--ionic-color-green-1100, #093811);\n$ionic-color-green-1100-rgb: var(--ionic-color-green-1100-rgb, 9, 56, 17);\n$ionic-color-green-1200: var(--ionic-color-green-1200, #051d09);\n$ionic-color-green-1200-rgb: var(--ionic-color-green-1200-rgb, 5, 29, 9);\n$ionic-color-teal-100: var(--ionic-color-teal-100, #eaf8f5);\n$ionic-color-teal-100-rgb: var(--ionic-color-teal-100-rgb, 234, 248, 245);\n$ionic-color-teal-200: var(--ionic-color-teal-200, #dbf3ee);\n$ionic-color-teal-200-rgb: var(--ionic-color-teal-200-rgb, 219, 243, 238);\n$ionic-color-teal-300: var(--ionic-color-teal-300, #b1e7dd);\n$ionic-color-teal-300-rgb: var(--ionic-color-teal-300-rgb, 177, 231, 221);\n$ionic-color-teal-400: var(--ionic-color-teal-400, #7bdbca);\n$ionic-color-teal-400-rgb: var(--ionic-color-teal-400-rgb, 123, 219, 202);\n$ionic-color-teal-500: var(--ionic-color-teal-500, #00cfb7);\n$ionic-color-teal-500-rgb: var(--ionic-color-teal-500-rgb, 0, 207, 183);\n$ionic-color-teal-600: var(--ionic-color-teal-600, #00b7a2);\n$ionic-color-teal-600-rgb: var(--ionic-color-teal-600-rgb, 0, 183, 162);\n$ionic-color-teal-700: var(--ionic-color-teal-700, #009e8c);\n$ionic-color-teal-700-rgb: var(--ionic-color-teal-700-rgb, 0, 158, 140);\n$ionic-color-teal-800: var(--ionic-color-teal-800, #008576);\n$ionic-color-teal-800-rgb: var(--ionic-color-teal-800-rgb, 0, 133, 118);\n$ionic-color-teal-900: var(--ionic-color-teal-900, #006b5f);\n$ionic-color-teal-900-rgb: var(--ionic-color-teal-900-rgb, 0, 107, 95);\n$ionic-color-teal-1000: var(--ionic-color-teal-1000, #005147);\n$ionic-color-teal-1000-rgb: var(--ionic-color-teal-1000-rgb, 0, 81, 71);\n$ionic-color-teal-1100: var(--ionic-color-teal-1100, #003630);\n$ionic-color-teal-1100-rgb: var(--ionic-color-teal-1100-rgb, 0, 54, 48);\n$ionic-color-teal-1200: var(--ionic-color-teal-1200, #001c19);\n$ionic-color-teal-1200-rgb: var(--ionic-color-teal-1200-rgb, 0, 28, 25);\n$ionic-color-aqua-100: var(--ionic-color-aqua-100, #ebf9fe);\n$ionic-color-aqua-100-rgb: var(--ionic-color-aqua-100-rgb, 235, 249, 254);\n$ionic-color-aqua-200: var(--ionic-color-aqua-200, #dcf4fd);\n$ionic-color-aqua-200-rgb: var(--ionic-color-aqua-200-rgb, 220, 244, 253);\n$ionic-color-aqua-300: var(--ionic-color-aqua-300, #b3e9fc);\n$ionic-color-aqua-300-rgb: var(--ionic-color-aqua-300-rgb, 179, 233, 252);\n$ionic-color-aqua-400: var(--ionic-color-aqua-400, #80defa);\n$ionic-color-aqua-400-rgb: var(--ionic-color-aqua-400-rgb, 128, 222, 250);\n$ionic-color-aqua-500: var(--ionic-color-aqua-500, #27d3f9);\n$ionic-color-aqua-500-rgb: var(--ionic-color-aqua-500-rgb, 39, 211, 249);\n$ionic-color-aqua-600: var(--ionic-color-aqua-600, #22bbdc);\n$ionic-color-aqua-600-rgb: var(--ionic-color-aqua-600-rgb, 34, 187, 220);\n$ionic-color-aqua-700: var(--ionic-color-aqua-700, #1ea2bf);\n$ionic-color-aqua-700-rgb: var(--ionic-color-aqua-700-rgb, 30, 162, 191);\n$ionic-color-aqua-800: var(--ionic-color-aqua-800, #1988a0);\n$ionic-color-aqua-800-rgb: var(--ionic-color-aqua-800-rgb, 25, 136, 160);\n$ionic-color-aqua-900: var(--ionic-color-aqua-900, #146d81);\n$ionic-color-aqua-900-rgb: var(--ionic-color-aqua-900-rgb, 20, 109, 129);\n$ionic-color-aqua-1000: var(--ionic-color-aqua-1000, #0f5261);\n$ionic-color-aqua-1000-rgb: var(--ionic-color-aqua-1000-rgb, 15, 82, 97);\n$ionic-color-aqua-1100: var(--ionic-color-aqua-1100, #0a3741);\n$ionic-color-aqua-1100-rgb: var(--ionic-color-aqua-1100-rgb, 10, 55, 65);\n$ionic-color-aqua-1200: var(--ionic-color-aqua-1200, #051c21);\n$ionic-color-aqua-1200-rgb: var(--ionic-color-aqua-1200-rgb, 5, 28, 33);\n$ionic-color-blue-100: var(--ionic-color-blue-100, #f2f4fd);\n$ionic-color-blue-100-rgb: var(--ionic-color-blue-100-rgb, 242, 244, 253);\n$ionic-color-blue-200: var(--ionic-color-blue-200, #e9ecfc);\n$ionic-color-blue-200-rgb: var(--ionic-color-blue-200-rgb, 233, 236, 252);\n$ionic-color-blue-300: var(--ionic-color-blue-300, #d0d7fa);\n$ionic-color-blue-300-rgb: var(--ionic-color-blue-300-rgb, 208, 215, 250);\n$ionic-color-blue-400: var(--ionic-color-blue-400, #b5c0f7);\n$ionic-color-blue-400-rgb: var(--ionic-color-blue-400-rgb, 181, 192, 247);\n$ionic-color-blue-500: var(--ionic-color-blue-500, #94a5f4);\n$ionic-color-blue-500-rgb: var(--ionic-color-blue-500-rgb, 148, 165, 244);\n$ionic-color-blue-600: var(--ionic-color-blue-600, #6986f2);\n$ionic-color-blue-600-rgb: var(--ionic-color-blue-600-rgb, 105, 134, 242);\n$ionic-color-blue-700: var(--ionic-color-blue-700, #105cef);\n$ionic-color-blue-700-rgb: var(--ionic-color-blue-700-rgb, 16, 92, 239);\n$ionic-color-blue-800: var(--ionic-color-blue-800, #0f54da);\n$ionic-color-blue-800-rgb: var(--ionic-color-blue-800-rgb, 15, 84, 218);\n$ionic-color-blue-900: var(--ionic-color-blue-900, #0d4bc3);\n$ionic-color-blue-900-rgb: var(--ionic-color-blue-900-rgb, 13, 75, 195);\n$ionic-color-blue-1000: var(--ionic-color-blue-1000, #0b41a9);\n$ionic-color-blue-1000-rgb: var(--ionic-color-blue-1000-rgb, 11, 65, 169);\n$ionic-color-blue-1100: var(--ionic-color-blue-1100, #09358a);\n$ionic-color-blue-1100-rgb: var(--ionic-color-blue-1100-rgb, 9, 53, 138);\n$ionic-color-blue-1200: var(--ionic-color-blue-1200, #072561);\n$ionic-color-blue-1200-rgb: var(--ionic-color-blue-1200-rgb, 7, 37, 97);\n$ionic-color-indigo-100: var(--ionic-color-indigo-100, #f3f2fb);\n$ionic-color-indigo-100-rgb: var(--ionic-color-indigo-100-rgb, 243, 242, 251);\n$ionic-color-indigo-200: var(--ionic-color-indigo-200, #eae9f9);\n$ionic-color-indigo-200-rgb: var(--ionic-color-indigo-200-rgb, 234, 233, 249);\n$ionic-color-indigo-300: var(--ionic-color-indigo-300, #d3d1f2);\n$ionic-color-indigo-300-rgb: var(--ionic-color-indigo-300-rgb, 211, 209, 242);\n$ionic-color-indigo-400: var(--ionic-color-indigo-400, #bab5eb);\n$ionic-color-indigo-400-rgb: var(--ionic-color-indigo-400-rgb, 186, 181, 235);\n$ionic-color-indigo-500: var(--ionic-color-indigo-500, #9d95e4);\n$ionic-color-indigo-500-rgb: var(--ionic-color-indigo-500-rgb, 157, 149, 228);\n$ionic-color-indigo-600: var(--ionic-color-indigo-600, #786bdd);\n$ionic-color-indigo-600-rgb: var(--ionic-color-indigo-600-rgb, 120, 107, 221);\n$ionic-color-indigo-700: var(--ionic-color-indigo-700, #411bd5);\n$ionic-color-indigo-700-rgb: var(--ionic-color-indigo-700-rgb, 65, 27, 213);\n$ionic-color-indigo-800: var(--ionic-color-indigo-800, #3b19c3);\n$ionic-color-indigo-800-rgb: var(--ionic-color-indigo-800-rgb, 59, 25, 195);\n$ionic-color-indigo-900: var(--ionic-color-indigo-900, #3516ae);\n$ionic-color-indigo-900-rgb: var(--ionic-color-indigo-900-rgb, 53, 22, 174);\n$ionic-color-indigo-1000: var(--ionic-color-indigo-1000, #2e1397);\n$ionic-color-indigo-1000-rgb: var(--ionic-color-indigo-1000-rgb, 46, 19, 151);\n$ionic-color-indigo-1100: var(--ionic-color-indigo-1100, #26107b);\n$ionic-color-indigo-1100-rgb: var(--ionic-color-indigo-1100-rgb, 38, 16, 123);\n$ionic-color-indigo-1200: var(--ionic-color-indigo-1200, #1a0b57);\n$ionic-color-indigo-1200-rgb: var(--ionic-color-indigo-1200-rgb, 26, 11, 87);\n$ionic-color-violet-100: var(--ionic-color-violet-100, #f5f2fe);\n$ionic-color-violet-100-rgb: var(--ionic-color-violet-100-rgb, 245, 242, 254);\n$ionic-color-violet-200: var(--ionic-color-violet-200, #eee9fd);\n$ionic-color-violet-200-rgb: var(--ionic-color-violet-200-rgb, 238, 233, 253);\n$ionic-color-violet-300: var(--ionic-color-violet-300, #dcd1fb);\n$ionic-color-violet-300-rgb: var(--ionic-color-violet-300-rgb, 220, 209, 251);\n$ionic-color-violet-400: var(--ionic-color-violet-400, #c9b6f9);\n$ionic-color-violet-400-rgb: var(--ionic-color-violet-400-rgb, 201, 182, 249);\n$ionic-color-violet-500: var(--ionic-color-violet-500, #b396f6);\n$ionic-color-violet-500-rgb: var(--ionic-color-violet-500-rgb, 179, 150, 246);\n$ionic-color-violet-600: var(--ionic-color-violet-600, #9a6cf4);\n$ionic-color-violet-600-rgb: var(--ionic-color-violet-600-rgb, 154, 108, 244);\n$ionic-color-violet-700: var(--ionic-color-violet-700, #7c20f2);\n$ionic-color-violet-700-rgb: var(--ionic-color-violet-700-rgb, 124, 32, 242);\n$ionic-color-violet-800: var(--ionic-color-violet-800, #711ddd);\n$ionic-color-violet-800-rgb: var(--ionic-color-violet-800-rgb, 113, 29, 221);\n$ionic-color-violet-900: var(--ionic-color-violet-900, #651ac5);\n$ionic-color-violet-900-rgb: var(--ionic-color-violet-900-rgb, 101, 26, 197);\n$ionic-color-violet-1000: var(--ionic-color-violet-1000, #5817ab);\n$ionic-color-violet-1000-rgb: var(--ionic-color-violet-1000-rgb, 88, 23, 171);\n$ionic-color-violet-1100: var(--ionic-color-violet-1100, #48128c);\n$ionic-color-violet-1100-rgb: var(--ionic-color-violet-1100-rgb, 72, 18, 140);\n$ionic-color-violet-1200: var(--ionic-color-violet-1200, #330d63);\n$ionic-color-violet-1200-rgb: var(--ionic-color-violet-1200-rgb, 51, 13, 99);\n$ionic-color-purple-100: var(--ionic-color-purple-100, #f9f3fe);\n$ionic-color-purple-100-rgb: var(--ionic-color-purple-100-rgb, 249, 243, 254);\n$ionic-color-purple-200: var(--ionic-color-purple-200, #f5eafd);\n$ionic-color-purple-200-rgb: var(--ionic-color-purple-200-rgb, 245, 234, 253);\n$ionic-color-purple-300: var(--ionic-color-purple-300, #e9d3fa);\n$ionic-color-purple-300-rgb: var(--ionic-color-purple-300-rgb, 233, 211, 250);\n$ionic-color-purple-400: var(--ionic-color-purple-400, #deb9f8);\n$ionic-color-purple-400-rgb: var(--ionic-color-purple-400-rgb, 222, 185, 248);\n$ionic-color-purple-500: var(--ionic-color-purple-500, #d29bf6);\n$ionic-color-purple-500-rgb: var(--ionic-color-purple-500-rgb, 210, 155, 246);\n$ionic-color-purple-600: var(--ionic-color-purple-600, #c575f3);\n$ionic-color-purple-600-rgb: var(--ionic-color-purple-600-rgb, 197, 117, 243);\n$ionic-color-purple-700: var(--ionic-color-purple-700, #b73cf1);\n$ionic-color-purple-700-rgb: var(--ionic-color-purple-700-rgb, 183, 60, 241);\n$ionic-color-purple-800: var(--ionic-color-purple-800, #a737dc);\n$ionic-color-purple-800-rgb: var(--ionic-color-purple-800-rgb, 167, 55, 220);\n$ionic-color-purple-900: var(--ionic-color-purple-900, #9531c5);\n$ionic-color-purple-900-rgb: var(--ionic-color-purple-900-rgb, 149, 49, 197);\n$ionic-color-purple-1000: var(--ionic-color-purple-1000, #812aaa);\n$ionic-color-purple-1000-rgb: var(--ionic-color-purple-1000-rgb, 129, 42, 170);\n$ionic-color-purple-1100: var(--ionic-color-purple-1100, #6a238b);\n$ionic-color-purple-1100-rgb: var(--ionic-color-purple-1100-rgb, 106, 35, 139);\n$ionic-color-purple-1200: var(--ionic-color-purple-1200, #4b1862);\n$ionic-color-purple-1200-rgb: var(--ionic-color-purple-1200-rgb, 75, 24, 98);\n$ionic-color-magenta-100: var(--ionic-color-magenta-100, #fdf3fb);\n$ionic-color-magenta-100-rgb: var(--ionic-color-magenta-100-rgb, 253, 243, 251);\n$ionic-color-magenta-200: var(--ionic-color-magenta-200, #fcebf8);\n$ionic-color-magenta-200-rgb: var(--ionic-color-magenta-200-rgb, 252, 235, 248);\n$ionic-color-magenta-300: var(--ionic-color-magenta-300, #f9d4f1);\n$ionic-color-magenta-300-rgb: var(--ionic-color-magenta-300-rgb, 249, 212, 241);\n$ionic-color-magenta-400: var(--ionic-color-magenta-400, #f6bcea);\n$ionic-color-magenta-400-rgb: var(--ionic-color-magenta-400-rgb, 246, 188, 234);\n$ionic-color-magenta-500: var(--ionic-color-magenta-500, #f39fe3);\n$ionic-color-magenta-500-rgb: var(--ionic-color-magenta-500-rgb, 243, 159, 227);\n$ionic-color-magenta-600: var(--ionic-color-magenta-600, #f07cdb);\n$ionic-color-magenta-600-rgb: var(--ionic-color-magenta-600-rgb, 240, 124, 219);\n$ionic-color-magenta-700: var(--ionic-color-magenta-700, #ed4ad3);\n$ionic-color-magenta-700-rgb: var(--ionic-color-magenta-700-rgb, 237, 74, 211);\n$ionic-color-magenta-800: var(--ionic-color-magenta-800, #d844c1);\n$ionic-color-magenta-800-rgb: var(--ionic-color-magenta-800-rgb, 216, 68, 193);\n$ionic-color-magenta-900: var(--ionic-color-magenta-900, #c13cac);\n$ionic-color-magenta-900-rgb: var(--ionic-color-magenta-900-rgb, 193, 60, 172);\n$ionic-color-magenta-1000: var(--ionic-color-magenta-1000, #a83495);\n$ionic-color-magenta-1000-rgb: var(--ionic-color-magenta-1000-rgb, 168, 52, 149);\n$ionic-color-magenta-1100: var(--ionic-color-magenta-1100, #892b7a);\n$ionic-color-magenta-1100-rgb: var(--ionic-color-magenta-1100-rgb, 137, 43, 122);\n$ionic-color-magenta-1200: var(--ionic-color-magenta-1200, #611e56);\n$ionic-color-magenta-1200-rgb: var(--ionic-color-magenta-1200-rgb, 97, 30, 86);\n$ionic-color-pink-100: var(--ionic-color-pink-100, #fef3f5);\n$ionic-color-pink-100-rgb: var(--ionic-color-pink-100-rgb, 254, 243, 245);\n$ionic-color-pink-200: var(--ionic-color-pink-200, #fdeaee);\n$ionic-color-pink-200-rgb: var(--ionic-color-pink-200-rgb, 253, 234, 238);\n$ionic-color-pink-300: var(--ionic-color-pink-300, #fad3dc);\n$ionic-color-pink-300-rgb: var(--ionic-color-pink-300-rgb, 250, 211, 220);\n$ionic-color-pink-400: var(--ionic-color-pink-400, #f8b9c9);\n$ionic-color-pink-400-rgb: var(--ionic-color-pink-400-rgb, 248, 185, 201);\n$ionic-color-pink-500: var(--ionic-color-pink-500, #f69bb3);\n$ionic-color-pink-500-rgb: var(--ionic-color-pink-500-rgb, 246, 155, 179);\n$ionic-color-pink-600: var(--ionic-color-pink-600, #f3759a);\n$ionic-color-pink-600-rgb: var(--ionic-color-pink-600-rgb, 243, 117, 154);\n$ionic-color-pink-700: var(--ionic-color-pink-700, #f13b7d);\n$ionic-color-pink-700-rgb: var(--ionic-color-pink-700-rgb, 241, 59, 125);\n$ionic-color-pink-800: var(--ionic-color-pink-800, #dc3672);\n$ionic-color-pink-800-rgb: var(--ionic-color-pink-800-rgb, 220, 54, 114);\n$ionic-color-pink-900: var(--ionic-color-pink-900, #c53066);\n$ionic-color-pink-900-rgb: var(--ionic-color-pink-900-rgb, 197, 48, 102);\n$ionic-color-pink-1000: var(--ionic-color-pink-1000, #aa2a58);\n$ionic-color-pink-1000-rgb: var(--ionic-color-pink-1000-rgb, 170, 42, 88);\n$ionic-color-pink-1100: var(--ionic-color-pink-1100, #8b2248);\n$ionic-color-pink-1100-rgb: var(--ionic-color-pink-1100-rgb, 139, 34, 72);\n$ionic-color-pink-1200: var(--ionic-color-pink-1200, #621833);\n$ionic-color-pink-1200-rgb: var(--ionic-color-pink-1200-rgb, 98, 24, 51);\n$ionic-color-primary-100: var(--ionic-color-primary-100, #f2f4fd);\n$ionic-color-primary-100-rgb: var(--ionic-color-primary-100-rgb, 242, 244, 253);\n$ionic-color-primary-200: var(--ionic-color-primary-200, #e9ecfc);\n$ionic-color-primary-200-rgb: var(--ionic-color-primary-200-rgb, 233, 236, 252);\n$ionic-color-primary-300: var(--ionic-color-primary-300, #d0d7fa);\n$ionic-color-primary-300-rgb: var(--ionic-color-primary-300-rgb, 208, 215, 250);\n$ionic-color-primary-400: var(--ionic-color-primary-400, #b5c0f7);\n$ionic-color-primary-400-rgb: var(--ionic-color-primary-400-rgb, 181, 192, 247);\n$ionic-color-primary-500: var(--ionic-color-primary-500, #94a5f4);\n$ionic-color-primary-500-rgb: var(--ionic-color-primary-500-rgb, 148, 165, 244);\n$ionic-color-primary-600: var(--ionic-color-primary-600, #6986f2);\n$ionic-color-primary-600-rgb: var(--ionic-color-primary-600-rgb, 105, 134, 242);\n$ionic-color-primary-700: var(--ionic-color-primary-700, #105cef);\n$ionic-color-primary-700-rgb: var(--ionic-color-primary-700-rgb, 16, 92, 239);\n$ionic-color-primary-800: var(--ionic-color-primary-800, #0f54da);\n$ionic-color-primary-800-rgb: var(--ionic-color-primary-800-rgb, 15, 84, 218);\n$ionic-color-primary-900: var(--ionic-color-primary-900, #0d4bc3);\n$ionic-color-primary-900-rgb: var(--ionic-color-primary-900-rgb, 13, 75, 195);\n$ionic-color-primary-1000: var(--ionic-color-primary-1000, #0b41a9);\n$ionic-color-primary-1000-rgb: var(--ionic-color-primary-1000-rgb, 11, 65, 169);\n$ionic-color-primary-1100: var(--ionic-color-primary-1100, #09358a);\n$ionic-color-primary-1100-rgb: var(--ionic-color-primary-1100-rgb, 9, 53, 138);\n$ionic-color-primary-1200: var(--ionic-color-primary-1200, #072561);\n$ionic-color-primary-1200-rgb: var(--ionic-color-primary-1200-rgb, 7, 37, 97);\n$ionic-color-primary-base: var(--ionic-color-primary-base, #105cef);\n$ionic-color-primary-base-rgb: var(--ionic-color-primary-base-rgb, 16, 92, 239);\n$ionic-color-info-100: var(--ionic-color-info-100, #ebf9fe);\n$ionic-color-info-100-rgb: var(--ionic-color-info-100-rgb, 235, 249, 254);\n$ionic-color-info-200: var(--ionic-color-info-200, #dcf4fd);\n$ionic-color-info-200-rgb: var(--ionic-color-info-200-rgb, 220, 244, 253);\n$ionic-color-info-300: var(--ionic-color-info-300, #b3e9fc);\n$ionic-color-info-300-rgb: var(--ionic-color-info-300-rgb, 179, 233, 252);\n$ionic-color-info-400: var(--ionic-color-info-400, #80defa);\n$ionic-color-info-400-rgb: var(--ionic-color-info-400-rgb, 128, 222, 250);\n$ionic-color-info-500: var(--ionic-color-info-500, #27d3f9);\n$ionic-color-info-500-rgb: var(--ionic-color-info-500-rgb, 39, 211, 249);\n$ionic-color-info-600: var(--ionic-color-info-600, #22bbdc);\n$ionic-color-info-600-rgb: var(--ionic-color-info-600-rgb, 34, 187, 220);\n$ionic-color-info-700: var(--ionic-color-info-700, #1ea2bf);\n$ionic-color-info-700-rgb: var(--ionic-color-info-700-rgb, 30, 162, 191);\n$ionic-color-info-800: var(--ionic-color-info-800, #1988a0);\n$ionic-color-info-800-rgb: var(--ionic-color-info-800-rgb, 25, 136, 160);\n$ionic-color-info-900: var(--ionic-color-info-900, #146d81);\n$ionic-color-info-900-rgb: var(--ionic-color-info-900-rgb, 20, 109, 129);\n$ionic-color-info-1000: var(--ionic-color-info-1000, #0f5261);\n$ionic-color-info-1000-rgb: var(--ionic-color-info-1000-rgb, 15, 82, 97);\n$ionic-color-info-1100: var(--ionic-color-info-1100, #0a3741);\n$ionic-color-info-1100-rgb: var(--ionic-color-info-1100-rgb, 10, 55, 65);\n$ionic-color-info-1200: var(--ionic-color-info-1200, #051c21);\n$ionic-color-info-1200-rgb: var(--ionic-color-info-1200-rgb, 5, 28, 33);\n$ionic-color-info-base: var(--ionic-color-info-base, #1ea2bf);\n$ionic-color-info-base-rgb: var(--ionic-color-info-base-rgb, 30, 162, 191);\n$ionic-color-warning-100: var(--ionic-color-warning-100, #fff1ea);\n$ionic-color-warning-100-rgb: var(--ionic-color-warning-100-rgb, 255, 241, 234);\n$ionic-color-warning-200: var(--ionic-color-warning-200, #ffe8db);\n$ionic-color-warning-200-rgb: var(--ionic-color-warning-200-rgb, 255, 232, 219);\n$ionic-color-warning-300: var(--ionic-color-warning-300, #ffcfb1);\n$ionic-color-warning-300-rgb: var(--ionic-color-warning-300-rgb, 255, 207, 177);\n$ionic-color-warning-400: var(--ionic-color-warning-400, #ffb37b);\n$ionic-color-warning-400-rgb: var(--ionic-color-warning-400-rgb, 255, 179, 123);\n$ionic-color-warning-500: var(--ionic-color-warning-500, #ff9400);\n$ionic-color-warning-500-rgb: var(--ionic-color-warning-500-rgb, 255, 148, 0);\n$ionic-color-warning-600: var(--ionic-color-warning-600, #e18300);\n$ionic-color-warning-600-rgb: var(--ionic-color-warning-600-rgb, 225, 131, 0);\n$ionic-color-warning-700: var(--ionic-color-warning-700, #c37100);\n$ionic-color-warning-700-rgb: var(--ionic-color-warning-700-rgb, 195, 113, 0);\n$ionic-color-warning-800: var(--ionic-color-warning-800, #a45f00);\n$ionic-color-warning-800-rgb: var(--ionic-color-warning-800-rgb, 164, 95, 0);\n$ionic-color-warning-900: var(--ionic-color-warning-900, #844d00);\n$ionic-color-warning-900-rgb: var(--ionic-color-warning-900-rgb, 132, 77, 0);\n$ionic-color-warning-1000: var(--ionic-color-warning-1000, #633a00);\n$ionic-color-warning-1000-rgb: var(--ionic-color-warning-1000-rgb, 99, 58, 0);\n$ionic-color-warning-1100: var(--ionic-color-warning-1100, #422700);\n$ionic-color-warning-1100-rgb: var(--ionic-color-warning-1100-rgb, 66, 39, 0);\n$ionic-color-warning-1200: var(--ionic-color-warning-1200, #221400);\n$ionic-color-warning-1200-rgb: var(--ionic-color-warning-1200-rgb, 34, 20, 0);\n$ionic-color-warning-base: var(--ionic-color-warning-base, #c37100);\n$ionic-color-warning-base-rgb: var(--ionic-color-warning-base-rgb, 195, 113, 0);\n$ionic-color-danger-100: var(--ionic-color-danger-100, #feeded);\n$ionic-color-danger-100-rgb: var(--ionic-color-danger-100-rgb, 254, 237, 237);\n$ionic-color-danger-200: var(--ionic-color-danger-200, #fde1e1);\n$ionic-color-danger-200-rgb: var(--ionic-color-danger-200-rgb, 253, 225, 225);\n$ionic-color-danger-300: var(--ionic-color-danger-300, #fcc1c1);\n$ionic-color-danger-300-rgb: var(--ionic-color-danger-300-rgb, 252, 193, 193);\n$ionic-color-danger-400: var(--ionic-color-danger-400, #faa1a1);\n$ionic-color-danger-400-rgb: var(--ionic-color-danger-400-rgb, 250, 161, 161);\n$ionic-color-danger-500: var(--ionic-color-danger-500, #f97d7d);\n$ionic-color-danger-500-rgb: var(--ionic-color-danger-500-rgb, 249, 125, 125);\n$ionic-color-danger-600: var(--ionic-color-danger-600, #f85151);\n$ionic-color-danger-600-rgb: var(--ionic-color-danger-600-rgb, 248, 81, 81);\n$ionic-color-danger-700: var(--ionic-color-danger-700, #e52929);\n$ionic-color-danger-700-rgb: var(--ionic-color-danger-700-rgb, 229, 41, 41);\n$ionic-color-danger-800: var(--ionic-color-danger-800, #bf2222);\n$ionic-color-danger-800-rgb: var(--ionic-color-danger-800-rgb, 191, 34, 34);\n$ionic-color-danger-900: var(--ionic-color-danger-900, #991b1b);\n$ionic-color-danger-900-rgb: var(--ionic-color-danger-900-rgb, 153, 27, 27);\n$ionic-color-danger-1000: var(--ionic-color-danger-1000, #761515);\n$ionic-color-danger-1000-rgb: var(--ionic-color-danger-1000-rgb, 118, 21, 21);\n$ionic-color-danger-1100: var(--ionic-color-danger-1100, #540f0f);\n$ionic-color-danger-1100-rgb: var(--ionic-color-danger-1100-rgb, 84, 15, 15);\n$ionic-color-danger-1200: var(--ionic-color-danger-1200, #330909);\n$ionic-color-danger-1200-rgb: var(--ionic-color-danger-1200-rgb, 51, 9, 9);\n$ionic-color-danger-base: var(--ionic-color-danger-base, #e52929);\n$ionic-color-danger-base-rgb: var(--ionic-color-danger-base-rgb, 229, 41, 41);\n$ionic-color-success-100: var(--ionic-color-success-100, #ebf9ec);\n$ionic-color-success-100-rgb: var(--ionic-color-success-100-rgb, 235, 249, 236);\n$ionic-color-success-200: var(--ionic-color-success-200, #dcf5de);\n$ionic-color-success-200-rgb: var(--ionic-color-success-200-rgb, 220, 245, 222);\n$ionic-color-success-300: var(--ionic-color-success-300, #b3ebb7);\n$ionic-color-success-300-rgb: var(--ionic-color-success-300-rgb, 179, 235, 183);\n$ionic-color-success-400: var(--ionic-color-success-400, #7fe089);\n$ionic-color-success-400-rgb: var(--ionic-color-success-400-rgb, 127, 224, 137);\n$ionic-color-success-500: var(--ionic-color-success-500, #23d643);\n$ionic-color-success-500-rgb: var(--ionic-color-success-500-rgb, 35, 214, 67);\n$ionic-color-success-600: var(--ionic-color-success-600, #1fbd3b);\n$ionic-color-success-600-rgb: var(--ionic-color-success-600-rgb, 31, 189, 59);\n$ionic-color-success-700: var(--ionic-color-success-700, #1ba433);\n$ionic-color-success-700-rgb: var(--ionic-color-success-700-rgb, 27, 164, 51);\n$ionic-color-success-800: var(--ionic-color-success-800, #178a2b);\n$ionic-color-success-800-rgb: var(--ionic-color-success-800-rgb, 23, 138, 43);\n$ionic-color-success-900: var(--ionic-color-success-900, #126f23);\n$ionic-color-success-900-rgb: var(--ionic-color-success-900-rgb, 18, 111, 35);\n$ionic-color-success-1000: var(--ionic-color-success-1000, #0e531a);\n$ionic-color-success-1000-rgb: var(--ionic-color-success-1000-rgb, 14, 83, 26);\n$ionic-color-success-1100: var(--ionic-color-success-1100, #093811);\n$ionic-color-success-1100-rgb: var(--ionic-color-success-1100-rgb, 9, 56, 17);\n$ionic-color-success-1200: var(--ionic-color-success-1200, #051d09);\n$ionic-color-success-1200-rgb: var(--ionic-color-success-1200-rgb, 5, 29, 9);\n$ionic-color-success-base: var(--ionic-color-success-base, #1ba433);\n$ionic-color-success-base-rgb: var(--ionic-color-success-base-rgb, 27, 164, 51);\n$ionic-z-index-0: var(--ionic-z-index-0, 0);\n$ionic-z-index-1: var(--ionic-z-index-1, 100);\n$ionic-z-index-2: var(--ionic-z-index-2, 200);\n$ionic-z-index-3: var(--ionic-z-index-3, 300);\n$ionic-z-index-4: var(--ionic-z-index-4, 400);\n$ionic-z-index-500: var(--ionic-z-index-500, 500);\n$ionic-z-index-bottom: var(--ionic-z-index-bottom, -99999);\n$ionic-z-index-top: var(--ionic-z-index-top, 99999);\n$ionic-scale-0: var(--ionic-scale-0, 0px);\n$ionic-scale-100: var(--ionic-scale-100, 4px);\n$ionic-scale-150: var(--ionic-scale-150, 6px);\n$ionic-scale-200: var(--ionic-scale-200, 8px);\n$ionic-scale-250: var(--ionic-scale-250, 10px);\n$ionic-scale-300: var(--ionic-scale-300, 12px);\n$ionic-scale-400: var(--ionic-scale-400, 16px);\n$ionic-scale-500: var(--ionic-scale-500, 20px);\n$ionic-scale-600: var(--ionic-scale-600, 24px);\n$ionic-scale-700: var(--ionic-scale-700, 28px);\n$ionic-scale-800: var(--ionic-scale-800, 32px);\n$ionic-scale-900: var(--ionic-scale-900, 36px);\n$ionic-scale-1000: var(--ionic-scale-1000, 40px);\n$ionic-scale-1100: var(--ionic-scale-1100, 44px);\n$ionic-scale-1200: var(--ionic-scale-1200, 48px);\n$ionic-scale-1400: var(--ionic-scale-1400, 56px);\n$ionic-scale-1600: var(--ionic-scale-1600, 64px);\n$ionic-scale-1800: var(--ionic-scale-1800, 72px);\n$ionic-scale-2000: var(--ionic-scale-2000, 80px);\n$ionic-scale-2400: var(--ionic-scale-2400, 96px);\n$ionic-scale-3200: var(--ionic-scale-3200, 128px);\n$ionic-scale-4000: var(--ionic-scale-4000, 160px);\n$ionic-scale-5000: var(--ionic-scale-5000, 200px);\n$ionic-scale-6200: var(--ionic-scale-6200, 248px);\n$ionic-scale-7400: var(--ionic-scale-7400, 296px);\n$ionic-scale-9000: var(--ionic-scale-9000, 360px);\n$ionic-scale-025: var(--ionic-scale-025, 1px);\n$ionic-scale-050: var(--ionic-scale-050, 2px);\n$ionic-scale-075: var(--ionic-scale-075, 3px);\n$ionic-font-family: var(--ionic-font-family, \"Inter\", sans-serif);\n$ionic-state-focus-0: var(--ionic-state-focus-0, none);\n$ionic-state-focus-1: var(--ionic-state-focus-1, #9ec4fd);\n$ionic-state-focus-1-rgb: var(--ionic-state-focus-1-rgb, 158, 196, 253);\n$ionic-state-focus-2: var(--ionic-state-focus-2, #ffafaf);\n$ionic-state-focus-2-rgb: var(--ionic-state-focus-2-rgb, 255, 175, 175);\n$ionic-state-disabled: var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));\n$ionic-state-hover: var(--ionic-state-hover, rgba(36, 36, 36, 0.04));\n$ionic-state-pressed: var(--ionic-state-pressed, rgba(36, 36, 36, 0.08));\n\n$ionic-display-sm-regular: (\n font-size: $ionic-font-size-800,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-sm-light: (\n font-size: $ionic-font-size-800,\n font-style: normal,\n font-weight: $ionic-font-weight-light,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-lg-regular: (\n font-size: $ionic-font-size-900,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-lg-light: (\n font-size: $ionic-font-size-900,\n font-style: normal,\n font-weight: $ionic-font-weight-light,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-regular: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-medium: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-semi-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-bold: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-regular: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-medium: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-semi-bold: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-bold: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-regular: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-medium: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-semi-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-regular: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-medium: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-semi-bold: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-bold: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-regular: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-medium: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-semi-bold: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-bold: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-regular: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-medium: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-semi-bold: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-bold: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-regular: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-medium: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-semi-bold: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-bold: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-link: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-lg-italic: (\n font-size: $ionic-font-size-400,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-regular: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-medium: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-semi-bold: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-bold: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-link: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-md-italic: (\n font-size: $ionic-font-size-350,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-regular: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-medium: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-semi-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-link: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-sm-italic: (\n font-size: $ionic-font-size-300,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-xl: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-lg: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-md: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-sm: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-overline-regular: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-medium: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-semi-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n","/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n@mixin tablet-viewport() {\n @media screen and (min-width: 768px) {\n @content;\n }\n}\n\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n@mixin mobile-viewport() {\n @media screen and (max-width: 767px) {\n @content;\n }\n}\n\n@mixin input-cover() {\n @include position(0, null, null, 0);\n @include margin(0);\n\n position: absolute;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n\n outline: none;\n\n background: transparent;\n\n cursor: pointer;\n\n appearance: none;\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin visually-hidden() {\n position: absolute;\n\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n padding: 0;\n\n border: 0;\n\n outline: 0;\n\n opacity: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n color: inherit;\n\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n\n letter-spacing: inherit;\n\n text-align: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n\n white-space: inherit;\n}\n\n@mixin button-state() {\n @include position(0, 0, 0, 0);\n\n position: absolute;\n\n content: \"\";\n\n opacity: 0;\n}\n\n// Font smoothing\n// --------------------------------------------------\n\n@mixin font-smoothing() {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n// Get the key from a map based on the index\n@function index-to-key($map, $index) {\n $keys: map-keys($map);\n\n @return nth($keys, $index);\n}\n\n// Breakpoint Mixins\n// ---------------------------------------------------------------------------------\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$screen-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// ---------------------------------------------------------------------------------\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n\n @return if($max and $max > 0, $max - 0.02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n $flipped-url: str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n $flipped-url: str-replace($flipped-url, \"<polygon\", \"<polygon #{$transform}\");\n $flipped-url: url-encode($flipped-url);\n\n @include ltr() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n\n @include rtl() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$flipped-url}\");\n }\n }\n}\n\n// Add property horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin property-horizontal($prop, $start, $end: $start) {\n @if $start == 0 and $end == 0 {\n #{$prop}-left: $start;\n #{$prop}-right: $end;\n } @else {\n -webkit-#{$prop}-start: $start;\n #{$prop}-inline-start: $start;\n -webkit-#{$prop}-end: $end;\n #{$prop}-inline-end: $end;\n }\n}\n\n// Add property for all directions\n// @param {string} $prop\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// @param {boolean} $content include content or use default\n// ----------------------------------------------------------\n@mixin property($prop, $top, $end: $top, $bottom: $top, $start: $end) {\n @include property-horizontal($prop, $start, $end);\n #{$prop}-top: $top;\n #{$prop}-bottom: $bottom;\n}\n\n// Add padding horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin padding-horizontal($start, $end: $start) {\n @include property-horizontal(padding, $start, $end);\n}\n\n// Add padding for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin padding($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(padding, $top, $end, $bottom, $start);\n}\n\n// Add margin horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin margin-horizontal($start, $end: $start) {\n @include property-horizontal(margin, $start, $end);\n}\n\n// Add margin for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin margin($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(margin, $top, $end, $bottom, $start);\n}\n\n// Add position horizontal\n// @param {string} $start - amount to position start\n// @param {string} $end - amount to left: 0; end\n// ----------------------------------------------------------\n@mixin position-horizontal($start: null, $end: null) {\n @if $start == $end {\n @include multi-dir() {\n right: $end;\n left: $start;\n }\n } @else {\n @at-root {\n & {\n inset-inline-start: $start;\n inset-inline-end: $end;\n }\n }\n }\n}\n\n// Add position for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin position($top: null, $end: null, $bottom: null, $start: null) {\n @include position-horizontal($start, $end);\n top: $top;\n bottom: $bottom;\n}\n\n// Add border for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin border($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(border, $top, $end, $bottom, $start);\n}\n\n// Add border radius for all directions\n// @param {string} $top-start\n// @param {string} $top-end\n// @param {string} $bottom-end\n// @param {string} $bottom-start\n// ----------------------------------------------------------\n@mixin border-radius($top-start, $top-end: $top-start, $bottom-end: $top-start, $bottom-start: $top-end) {\n @if $top-start == $top-end and $top-start == $bottom-end and $top-start == $bottom-start {\n border-radius: $top-start;\n } @else {\n border-start-start-radius: $top-start;\n border-start-end-radius: $top-end;\n border-end-end-radius: $bottom-end;\n border-end-start-radius: $bottom-start;\n }\n}\n\n// Add direction for all directions\n// @param {string} $dir - Direction on LTR\n@mixin direction($dir) {\n $other-dir: null;\n\n @if $dir == ltr {\n $other-dir: rtl;\n } @else {\n $other-dir: ltr;\n }\n\n @include ltr() {\n direction: $dir;\n }\n\n @include rtl() {\n direction: $other-dir;\n }\n}\n\n// Add float for all directions\n// @param {string} $side\n// @param {string} $decorator - !important\n@mixin float($side, $decorator: null) {\n @if $side == start {\n @include ltr() {\n float: left $decorator;\n }\n\n @include rtl() {\n float: right $decorator;\n }\n } @else if $side == end {\n @include ltr() {\n float: right $decorator;\n }\n\n @include rtl() {\n float: left $decorator;\n }\n } @else {\n @include multi-dir() {\n float: $side $decorator;\n }\n }\n}\n\n@mixin background-position($horizontal, $horizontal-amount: null, $vertical: null, $vertical-amount: null) {\n @if $horizontal == start or $horizontal == end {\n $horizontal-ltr: null;\n $horizontal-rtl: null;\n\n @if $horizontal == start {\n $horizontal-ltr: left;\n $horizontal-rtl: right;\n } @else {\n $horizontal-ltr: right;\n $horizontal-rtl: left;\n }\n\n @include ltr() {\n background-position: $horizontal-ltr $horizontal-amount $vertical $vertical-amount;\n }\n\n @include rtl() {\n background-position: $horizontal-rtl $horizontal-amount $vertical $vertical-amount;\n }\n } @else {\n @include multi-dir() {\n background-position: $horizontal $horizontal-amount $vertical $vertical-amount;\n }\n }\n}\n\n@mixin transform-origin($x-axis, $y-axis: null) {\n @if $x-axis == start {\n @include ltr() {\n transform-origin: left $y-axis;\n }\n\n @include rtl() {\n transform-origin: right $y-axis;\n }\n } @else if $x-axis == end {\n @include ltr() {\n transform-origin: right $y-axis;\n }\n\n @include rtl() {\n transform-origin: left $y-axis;\n }\n } @else if $x-axis == left or $x-axis == right {\n @include multi-dir() {\n transform-origin: $x-axis $y-axis;\n }\n } @else {\n @include ltr() {\n transform-origin: $x-axis $y-axis;\n }\n\n @include rtl() {\n transform-origin: calc(100% - #{$x-axis}) $y-axis;\n }\n }\n}\n\n// Add transform for all directions\n// @param {string} $transforms - comma separated list of transforms\n@mixin transform($transforms...) {\n $extra: null;\n\n $x: null;\n $ltr-translate: null;\n $rtl-translate: null;\n\n @each $transform in $transforms {\n @if (str-index($transform, translate3d)) {\n $transform: str-replace($transform, \"translate3d(\");\n $transform: str-replace($transform, \")\");\n\n $coordinates: str-split($transform, \",\");\n\n $x: nth($coordinates, 1);\n $y: nth($coordinates, 2);\n $z: nth($coordinates, 3);\n\n $ltr-translate: translate3d($x, $y, $z);\n $rtl-translate: translate3d(calc(-1 * #{$x}), $y, $z);\n } @else {\n @if $extra == null {\n $extra: $transform;\n } @else {\n $extra: $extra $transform;\n }\n }\n }\n\n @if $x == \"0\" or $x == null {\n @include multi-dir() {\n transform: $ltr-translate $extra;\n }\n } @else {\n @include ltr() {\n transform: $ltr-translate $extra;\n }\n\n @include rtl() {\n transform: $rtl-translate $extra;\n }\n }\n}\n"]}
package/css/ionic/global.bundle.ionic.css ADDED
@@ -0,0 +1 @@
1
+ audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ionic-font-family, "Inter", sans-serif)}body{font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none}h1{font-size:var(--ionic-font-size-700, 1.75rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-900, 36px);text-decoration:none;text-transform:none}h2{font-size:var(--ionic-font-size-650, 1.625rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-900, 36px);text-decoration:none;text-transform:none}h3{font-size:var(--ionic-font-size-600, 1.5rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-800, 32px);text-decoration:none;text-transform:none}h4{font-size:var(--ionic-font-size-550, 1.375rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none}h5{font-size:var(--ionic-font-size-500, 1.25rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none}h6{font-size:var(--ionic-font-size-450, 1.125rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none}a.ionic-link,:not(a).ionic-link a{display:inline-flex;align-items:center;gap:var(--ionic-space-100, 4px);transition:color .2s ease-in-out;font-weight:var(--ionic-font-weight-regular, 400);text-decoration-color:inherit;text-underline-offset:2px;cursor:pointer;color:var(--ionic-color-info-400, #80defa);text-decoration:none}a.ionic-link:visited,:not(a).ionic-link a:visited{color:var(--ionic-color-info-500, #27d3f9)}@media(any-hover: hover){a.ionic-link:hover,:not(a).ionic-link a:hover{text-decoration:underline}}a.ionic-link:focus,a.ionic-link.ion-focused,:not(a).ionic-link a:focus,:not(a).ionic-link a.ion-focused{outline:2px solid var(--ionic-color-primary-100, #f2f4fd);outline-offset:2px;text-decoration:underline}a.ionic-link:active,a.ionic-link.ion-activated,:not(a).ionic-link a:active,:not(a).ionic-link a.ion-activated{color:var(--ionic-color-info-500, #27d3f9);text-decoration:underline}a.ionic-link-underline,:not(a).ionic-link-underline a{display:inline-flex;align-items:center;gap:var(--ionic-space-100, 4px);transition:color .2s ease-in-out;font-weight:var(--ionic-font-weight-regular, 400);text-decoration-color:inherit;text-underline-offset:2px;cursor:pointer;color:currentColor;text-decoration:underline}a.ionic-link-underline:visited,:not(a).ionic-link-underline a:visited{color:var(--ionic-color-info-500, #27d3f9)}@media(any-hover: hover){a.ionic-link-underline:hover,:not(a).ionic-link-underline a:hover{color:var(--ionic-color-info-400, #80defa)}}a.ionic-link-underline:focus,a.ionic-link-underline.ion-focused,:not(a).ionic-link-underline a:focus,:not(a).ionic-link-underline a.ion-focused{outline:2px solid var(--ionic-color-primary-100, #f2f4fd);outline-offset:2px;color:currentColor;text-decoration:none}a.ionic-link-underline:active,a.ionic-link-underline.ion-activated,:not(a).ionic-link-underline a:active,:not(a).ionic-link-underline a.ion-activated{color:var(--ionic-color-info-500, #27d3f9)}.swiper{--bullet-background: var(--ionic-color-neutral-800, #626262);--bullet-background-active: var(--ionic-color-primary-base, #105cef);--progress-bar-background: rgba(#010408, 0.25);--progress-bar-background-active: var(--ionic-color-primary-600, #6986f2);--scroll-bar-background: rgba(#010408, 0.1);--scroll-bar-background-active: rgba(#010408, 0.5);display:block;user-select:none}.swiper .swiper-pagination-bullet{background:var(--bullet-background)}.swiper .swiper-pagination-bullet-active{background:var(--bullet-background-active)}.swiper .swiper-pagination-progressbar{background:var(--progress-bar-background)}.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--progress-bar-background-active)}.swiper .swiper-scrollbar{background:var(--scroll-bar-background)}.swiper .swiper-scrollbar-drag{background:var(--scroll-bar-background-active)}.swiper .slide-zoom{display:block;width:100%;text-align:center}.swiper .swiper-slide{display:flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;text-align:center;box-sizing:border-box}.swiper .swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%}/*# sourceMappingURL=global.bundle.ionic.css.map */
package/css/ionic/global.bundle.ionic.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/css/normalize.scss","../../src/css/ionic/structure.ionic.scss","../../src/themes/mixins.scss","../../src/css/ionic/typography.ionic.scss","../../src/foundations/ionic.vars.scss","../../src/themes/ionic/ionic.mixins.scss","../../src/css/ionic/link.ionic.scss","../../src/css/ionic/ionic-swiper.ionic.scss"],"names":[],"mappings":"AAMA,4BAIE,wBAKF,sBACE,aAEA,SAOF,SAEE,iBAOF,IACE,eAMF,GACE,WAEA,eAEA,uBAIF,IACE,cAIF,kBAIE,gCACA,cAeF,4BAIE,oBACA,mBAGF,SACE,cAEA,YAEA,aACA,cAGF,sBACE,iBAGF,2BAIE,SAEA,aACA,cAQF,6DAGE,eAEA,0BAIF,qNAkBE,0BAGF,6BAEE,oBAGF,OACE,UACA,SACA,gBACA,oBACA,mBACA,qBACA,cACA,oBACA,eAEA,0BAGF,WACE,eAIF,kDAGE,eAIF,iDAEE,UAEA,SAMF,4FAEE,YAMF,+FAEE,wBAOF,MACE,yBACA,iBAGF,MAEE,UCxMF,EACE,sBAEA,0CACA,wCACA,2BAGF,KACE,WACA,YACA,8BAEA,sBAGF,yBACE,aAGF,iBACE,cAGF,aACE,aAGF,KCoFE,kCACA,mCA4NE,YD/SqB,ECgTrB,aDhTqB,ECmUvB,WDnUuB,ECoUvB,cDpUuB,EC+SrB,aD9SsB,EC+StB,cD/SsB,ECkUxB,YDlUwB,ECmUxB,eDnUwB,EAExB,eAEA,WACA,eACA,YACA,gBAsBA,wBAEA,kCAEA,gBAEA,0BAEA,uBAEA,yBAEA,qBAEA,2BACA,8BAEA,sBEhFF,KACE,YCgoBkB,8CD7nBpB,KEyBE,+CACA,kDAEA,gDACA,+CAEA,qBACA,oBF3BF,GEoBE,8CACA,kDAEA,gDACA,+CAEA,qBACA,oBFvBF,GEgBE,+CACA,kDAEA,gDACA,+CAEA,qBACA,oBFnBF,GEYE,6CACA,kDAEA,gDACA,+CAEA,qBACA,oBFfF,GEQE,+CACA,kDAEA,gDACA,+CAEA,qBACA,oBFXF,GEIE,8CACA,kDAEA,gDACA,+CAEA,qBACA,oBFPF,kDECE,kDAEA,gDACA,+CAEA,qBACA,oBC+BF,kCAjEE,oBAEA,mBAEA,IFyEgB,4BEvEhB,iCAEA,YFiD0B,sCE/C1B,8BAEA,0BAEA,eAyBA,MFidqB,qCE/crB,qBAtBA,kDACE,MFsemB,qCEzdrB,yBACE,8CACE,2BAWJ,wGAEE,0DACA,mBAEA,0BAMF,8GAEE,MF+bmB,qCE7bnB,0BAkDJ,sDA/GE,oBAEA,mBAEA,IFyEgB,4BEvEhB,iCAEA,YFiD0B,sCE/C1B,8BAEA,0BAEA,eAuEA,mBAEA,0BApEA,sEACE,MFsemB,qCE3arB,yBACE,kEACE,MFuaiB,sCE5ZrB,gJAEE,0DACA,mBAEA,mBAEA,qBAMF,sJAEE,MF+YmB,qCG1fvB,QACE,6DACA,qEACA,+CACA,0EACA,4CACA,mDAWA,cAEA,iBAMF,kCACE,oCAGF,yCACE,2CAMF,uCACE,0CAGF,2EACE,iDAMF,0BACE,wCAGF,+BACE,+CAMF,oBACE,cAEA,WAEA,kBAGF,sBAEE,aACA,kBAEA,cACA,mBACA,uBAEA,WACA,YAEA,eAEA,kBACA,sBAGF,0BACE,WACA,eACA,YACA","file":"global.bundle.ionic.css","sourcesContent":["// ! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css\n\n// HTML5 display definitions\n// ==========================================================================\n\n// 1. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\naudio,\ncanvas,\nprogress,\nvideo {\n vertical-align: baseline; // 1\n}\n\n// Prevent modern browsers from displaying `audio` without controls.\n// Remove excess height in iOS 5 devices.\naudio:not([controls]) {\n display: none;\n\n height: 0;\n}\n\n// Text-level semantics\n// ==========================================================================\n\n// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\nb,\nstrong {\n font-weight: bold;\n}\n\n// Embedded content\n// ==========================================================================\n\n// Makes it so the img does not flow outside container\nimg {\n max-width: 100%;\n}\n\n// Grouping content\n// ==========================================================================\n\nhr {\n height: 1px;\n\n border-width: 0;\n\n box-sizing: content-box;\n}\n\n// Contain overflow in all browsers.\npre {\n overflow: auto;\n}\n\n// Address odd `em`-unit font size rendering in all browsers.\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\n// Forms\n// ==========================================================================\n\n// Known limitation: by default, Chrome and Safari on OS X allow very limited\n// styling of `select`, unless a `border` property is set.\n\n// 1. Correct color not being inherited.\n// Known issue: affects color of disabled elements.\n// 2. Correct font properties not being inherited.\n// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n//\n\nlabel,\ninput,\nselect,\ntextarea {\n font-family: inherit;\n line-height: normal;\n}\n\ntextarea {\n overflow: auto;\n\n height: auto;\n\n font: inherit;\n color: inherit;\n}\n\ntextarea::placeholder {\n padding-left: 2px;\n}\n\nform,\ninput,\noptgroup,\nselect {\n margin: 0; // 3\n\n font: inherit; // 2\n color: inherit; // 1\n}\n\n// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n// and `video` controls.\n// 2. Correct inability to style clickable `input` types in iOS.\n// 3. Improve usability and consistency of cursor style between image-type\n// `input` and others.\nhtml input[type=\"button\"], // 1\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; // 3\n\n -webkit-appearance: button; // 2\n}\n\n// remove 300ms delay\na,\na div,\na span,\na ion-icon,\na ion-label,\nbutton,\nbutton div,\nbutton span,\nbutton ion-icon,\nbutton ion-label,\n.ion-tappable,\n[tappable],\n[tappable] div,\n[tappable] span,\n[tappable] ion-icon,\n[tappable] ion-label,\ninput,\ntextarea {\n touch-action: manipulation;\n}\n\na ion-label,\nbutton ion-label {\n pointer-events: none;\n}\n\nbutton {\n padding: 0;\n border: 0;\n border-radius: 0;\n font-family: inherit;\n font-style: inherit;\n font-variant: inherit;\n line-height: 1;\n text-transform: none;\n cursor: pointer;\n\n -webkit-appearance: button;\n}\n\n[tappable] {\n cursor: pointer;\n}\n\n// Re-set default cursor for disabled elements.\na[disabled],\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n// Remove inner padding and border in Firefox 4+.\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n\n border: 0;\n}\n\n// Fix the cursor style for Chrome's increment/decrement buttons. For certain\n// `font-size` values of the `input`, it causes the cursor style of the\n// decrement button to change from `default` to `text`.\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n// Remove inner padding and search cancel button in Safari and Chrome on OS X.\n// Safari (but not Chrome) clips the cancel button when the search input has\n// padding (and `textfield` appearance).\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n// Tables\n// ==========================================================================//\n\n// Remove most spacing between table cells.\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}\n","@use \"../../themes/mixins\" as mixins;\n\n// Structure\n// --------------------------------------------------\n// Adds structural css to the native html elements\n\n* {\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\nhtml {\n width: 100%;\n height: 100%;\n -webkit-text-size-adjust: 100%;\n\n text-size-adjust: 100%;\n}\n\nhtml:not(.hydrated) body {\n display: none;\n}\n\nhtml.ion-ce body {\n display: block;\n}\n\nhtml.plt-pwa {\n height: 100vh;\n}\n\nbody {\n @include mixins.font-smoothing();\n @include mixins.margin(0);\n @include mixins.padding(0);\n\n position: fixed;\n\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n\n /**\n * Because body has position: fixed,\n * it should be promoted to its own\n * layer.\n *\n * WebKit does not always promote\n * the body to its own layer on page\n * load in Ionic apps. Once scrolling on\n * ion-content starts, WebKit will promote\n * body. Unfortunately, this causes a re-paint\n * which results in scrolling being halted\n * until the next user gesture.\n *\n * This impacts the Custom Elements build.\n * The lazy loaded build causes the browser to\n * re-paint during hydration which causes WebKit\n * to promote body to its own layer.\n * In the CE Build, this hydration does not\n * happen, so the additional re-paint does not occur.\n */\n transform: translateZ(0);\n\n text-rendering: optimizeLegibility;\n\n overflow: hidden;\n\n touch-action: manipulation;\n\n -webkit-user-drag: none;\n\n -ms-content-zooming: none;\n\n word-wrap: break-word;\n\n overscroll-behavior-y: none;\n -webkit-text-size-adjust: none;\n\n text-size-adjust: none;\n}\n","/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n@mixin tablet-viewport() {\n @media screen and (min-width: 768px) {\n @content;\n }\n}\n\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n@mixin mobile-viewport() {\n @media screen and (max-width: 767px) {\n @content;\n }\n}\n\n@mixin input-cover() {\n @include position(0, null, null, 0);\n @include margin(0);\n\n position: absolute;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n\n outline: none;\n\n background: transparent;\n\n cursor: pointer;\n\n appearance: none;\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin visually-hidden() {\n position: absolute;\n\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n padding: 0;\n\n border: 0;\n\n outline: 0;\n\n opacity: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n color: inherit;\n\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n\n letter-spacing: inherit;\n\n text-align: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n\n white-space: inherit;\n}\n\n@mixin button-state() {\n @include position(0, 0, 0, 0);\n\n position: absolute;\n\n content: \"\";\n\n opacity: 0;\n}\n\n// Font smoothing\n// --------------------------------------------------\n\n@mixin font-smoothing() {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n// Get the key from a map based on the index\n@function index-to-key($map, $index) {\n $keys: map-keys($map);\n\n @return nth($keys, $index);\n}\n\n// Breakpoint Mixins\n// ---------------------------------------------------------------------------------\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$screen-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// ---------------------------------------------------------------------------------\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n\n @return if($max and $max > 0, $max - 0.02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n $flipped-url: str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n $flipped-url: str-replace($flipped-url, \"<polygon\", \"<polygon #{$transform}\");\n $flipped-url: url-encode($flipped-url);\n\n @include ltr() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n\n @include rtl() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$flipped-url}\");\n }\n }\n}\n\n// Add property horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin property-horizontal($prop, $start, $end: $start) {\n @if $start == 0 and $end == 0 {\n #{$prop}-left: $start;\n #{$prop}-right: $end;\n } @else {\n -webkit-#{$prop}-start: $start;\n #{$prop}-inline-start: $start;\n -webkit-#{$prop}-end: $end;\n #{$prop}-inline-end: $end;\n }\n}\n\n// Add property for all directions\n// @param {string} $prop\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// @param {boolean} $content include content or use default\n// ----------------------------------------------------------\n@mixin property($prop, $top, $end: $top, $bottom: $top, $start: $end) {\n @include property-horizontal($prop, $start, $end);\n #{$prop}-top: $top;\n #{$prop}-bottom: $bottom;\n}\n\n// Add padding horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin padding-horizontal($start, $end: $start) {\n @include property-horizontal(padding, $start, $end);\n}\n\n// Add padding for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin padding($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(padding, $top, $end, $bottom, $start);\n}\n\n// Add margin horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin margin-horizontal($start, $end: $start) {\n @include property-horizontal(margin, $start, $end);\n}\n\n// Add margin for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin margin($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(margin, $top, $end, $bottom, $start);\n}\n\n// Add position horizontal\n// @param {string} $start - amount to position start\n// @param {string} $end - amount to left: 0; end\n// ----------------------------------------------------------\n@mixin position-horizontal($start: null, $end: null) {\n @if $start == $end {\n @include multi-dir() {\n right: $end;\n left: $start;\n }\n } @else {\n @at-root {\n & {\n inset-inline-start: $start;\n inset-inline-end: $end;\n }\n }\n }\n}\n\n// Add position for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin position($top: null, $end: null, $bottom: null, $start: null) {\n @include position-horizontal($start, $end);\n top: $top;\n bottom: $bottom;\n}\n\n// Add border for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin border($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(border, $top, $end, $bottom, $start);\n}\n\n// Add border radius for all directions\n// @param {string} $top-start\n// @param {string} $top-end\n// @param {string} $bottom-end\n// @param {string} $bottom-start\n// ----------------------------------------------------------\n@mixin border-radius($top-start, $top-end: $top-start, $bottom-end: $top-start, $bottom-start: $top-end) {\n @if $top-start == $top-end and $top-start == $bottom-end and $top-start == $bottom-start {\n border-radius: $top-start;\n } @else {\n border-start-start-radius: $top-start;\n border-start-end-radius: $top-end;\n border-end-end-radius: $bottom-end;\n border-end-start-radius: $bottom-start;\n }\n}\n\n// Add direction for all directions\n// @param {string} $dir - Direction on LTR\n@mixin direction($dir) {\n $other-dir: null;\n\n @if $dir == ltr {\n $other-dir: rtl;\n } @else {\n $other-dir: ltr;\n }\n\n @include ltr() {\n direction: $dir;\n }\n\n @include rtl() {\n direction: $other-dir;\n }\n}\n\n// Add float for all directions\n// @param {string} $side\n// @param {string} $decorator - !important\n@mixin float($side, $decorator: null) {\n @if $side == start {\n @include ltr() {\n float: left $decorator;\n }\n\n @include rtl() {\n float: right $decorator;\n }\n } @else if $side == end {\n @include ltr() {\n float: right $decorator;\n }\n\n @include rtl() {\n float: left $decorator;\n }\n } @else {\n @include multi-dir() {\n float: $side $decorator;\n }\n }\n}\n\n@mixin background-position($horizontal, $horizontal-amount: null, $vertical: null, $vertical-amount: null) {\n @if $horizontal == start or $horizontal == end {\n $horizontal-ltr: null;\n $horizontal-rtl: null;\n\n @if $horizontal == start {\n $horizontal-ltr: left;\n $horizontal-rtl: right;\n } @else {\n $horizontal-ltr: right;\n $horizontal-rtl: left;\n }\n\n @include ltr() {\n background-position: $horizontal-ltr $horizontal-amount $vertical $vertical-amount;\n }\n\n @include rtl() {\n background-position: $horizontal-rtl $horizontal-amount $vertical $vertical-amount;\n }\n } @else {\n @include multi-dir() {\n background-position: $horizontal $horizontal-amount $vertical $vertical-amount;\n }\n }\n}\n\n@mixin transform-origin($x-axis, $y-axis: null) {\n @if $x-axis == start {\n @include ltr() {\n transform-origin: left $y-axis;\n }\n\n @include rtl() {\n transform-origin: right $y-axis;\n }\n } @else if $x-axis == end {\n @include ltr() {\n transform-origin: right $y-axis;\n }\n\n @include rtl() {\n transform-origin: left $y-axis;\n }\n } @else if $x-axis == left or $x-axis == right {\n @include multi-dir() {\n transform-origin: $x-axis $y-axis;\n }\n } @else {\n @include ltr() {\n transform-origin: $x-axis $y-axis;\n }\n\n @include rtl() {\n transform-origin: calc(100% - #{$x-axis}) $y-axis;\n }\n }\n}\n\n// Add transform for all directions\n// @param {string} $transforms - comma separated list of transforms\n@mixin transform($transforms...) {\n $extra: null;\n\n $x: null;\n $ltr-translate: null;\n $rtl-translate: null;\n\n @each $transform in $transforms {\n @if (str-index($transform, translate3d)) {\n $transform: str-replace($transform, \"translate3d(\");\n $transform: str-replace($transform, \")\");\n\n $coordinates: str-split($transform, \",\");\n\n $x: nth($coordinates, 1);\n $y: nth($coordinates, 2);\n $z: nth($coordinates, 3);\n\n $ltr-translate: translate3d($x, $y, $z);\n $rtl-translate: translate3d(calc(-1 * #{$x}), $y, $z);\n } @else {\n @if $extra == null {\n $extra: $transform;\n } @else {\n $extra: $extra $transform;\n }\n }\n }\n\n @if $x == \"0\" or $x == null {\n @include multi-dir() {\n transform: $ltr-translate $extra;\n }\n } @else {\n @include ltr() {\n transform: $ltr-translate $extra;\n }\n\n @include rtl() {\n transform: $rtl-translate $extra;\n }\n }\n}\n","@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.$ionic-font-family;\n}\n\nbody {\n @include globals.typography(globals.$ionic-body-md-regular);\n}\n\n/* Override html headings based on heading tokens */\nh1 {\n @include globals.typography(globals.$ionic-heading-h1-regular);\n}\n\nh2 {\n @include globals.typography(globals.$ionic-heading-h2-regular);\n}\n\nh3 {\n @include globals.typography(globals.$ionic-heading-h3-regular);\n}\n\nh4 {\n @include globals.typography(globals.$ionic-heading-h4-regular);\n}\n\nh5 {\n @include globals.typography(globals.$ionic-heading-h5-regular);\n}\n\nh6 {\n @include globals.typography(globals.$ionic-heading-h6-regular);\n}\n","/**\n * This is an auto-generated file, please do not change it directly.\n * Ionic Design System\n */\n\n@use \"../themes/functions.sizes\" as font;\n\n$ionic-elevation-100: var(\n --ionic-elevation-100,\n 0px 3px 9px 0px rgba(0, 0, 0, 0.07),\n 0px 0px 4px 0px rgba(0, 0, 0, 0.04)\n);\n$ionic-elevation-200: var(\n --ionic-elevation-200,\n 0px 8px 25px 0px rgba(0, 0, 0, 0.08),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.05)\n);\n$ionic-elevation-300: var(\n --ionic-elevation-300,\n 0px 6px 32px 0px rgba(0, 0, 0, 0.16),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.05)\n);\n$ionic-elevation-400: var(\n --ionic-elevation-400,\n 0px 15px 48px 0px rgba(0, 0, 0, 0.18),\n 0px 3px 12px 0px rgba(0, 0, 0, 0.12)\n);\n$ionic-elevation-500: var(\n --ionic-elevation-500,\n 0px 3px 9px 0px rgba(6, 43, 99, 0.07),\n 0px 0px 4px 0px rgba(6, 43, 99, 0.04)\n);\n$ionic-elevation-600: var(\n --ionic-elevation-600,\n 0px 8px 25px 0px rgba(6, 43, 99, 0.08),\n 0px 1px 5px 0px rgba(6, 43, 99, 0.05)\n);\n$ionic-elevation-700: var(\n --ionic-elevation-700,\n 0px 15px 32px 0px rgba(6, 43, 99, 0.09),\n 0px 2px 7px 0px rgba(6, 43, 99, 0.05)\n);\n$ionic-elevation-800: var(\n --ionic-elevation-800,\n 0px 20px 48px 0px rgba(6, 43, 99, 0.12),\n 0px 3px 14px 0px rgba(6, 43, 99, 0.12)\n);\n$ionic-font-size-275: var(--ionic-font-size-275, font.px-to-rem(11));\n$ionic-font-size-300: var(--ionic-font-size-300, font.px-to-rem(12));\n$ionic-font-size-350: var(--ionic-font-size-350, font.px-to-rem(14));\n$ionic-font-size-400: var(--ionic-font-size-400, font.px-to-rem(16));\n$ionic-font-size-450: var(--ionic-font-size-450, font.px-to-rem(18));\n$ionic-font-size-500: var(--ionic-font-size-500, font.px-to-rem(20));\n$ionic-font-size-550: var(--ionic-font-size-550, font.px-to-rem(22));\n$ionic-font-size-600: var(--ionic-font-size-600, font.px-to-rem(24));\n$ionic-font-size-650: var(--ionic-font-size-650, font.px-to-rem(26));\n$ionic-font-size-700: var(--ionic-font-size-700, font.px-to-rem(28));\n$ionic-font-size-800: var(--ionic-font-size-800, font.px-to-rem(32));\n$ionic-font-size-900: var(--ionic-font-size-900, font.px-to-rem(36));\n$ionic-font-weight-thin: var(--ionic-font-weight-thin, 100);\n$ionic-font-weight-extra-light: var(--ionic-font-weight-extra-light, 200);\n$ionic-font-weight-light: var(--ionic-font-weight-light, 300);\n$ionic-font-weight-regular: var(--ionic-font-weight-regular, 400);\n$ionic-font-weight-medium: var(--ionic-font-weight-medium, 500);\n$ionic-font-weight-semi-bold: var(--ionic-font-weight-semi-bold, 600);\n$ionic-font-weight-bold: var(--ionic-font-weight-bold, 700);\n$ionic-font-weight-extra-bold: var(--ionic-font-weight-extra-bold, 800);\n$ionic-font-weight-black: var(--ionic-font-weight-black, 900);\n$ionic-letter-spacing-0: var(--ionic-letter-spacing-0, 0);\n$ionic-letter-spacing-1: var(--ionic-letter-spacing-1, 1%);\n$ionic-letter-spacing-2: var(--ionic-letter-spacing-2, 1.5%);\n$ionic-line-height-300: var(--ionic-line-height-300, 12px);\n$ionic-line-height-400: var(--ionic-line-height-400, 16px);\n$ionic-line-height-500: var(--ionic-line-height-500, 20px);\n$ionic-line-height-600: var(--ionic-line-height-600, 24px);\n$ionic-line-height-700: var(--ionic-line-height-700, 28px);\n$ionic-line-height-800: var(--ionic-line-height-800, 32px);\n$ionic-line-height-900: var(--ionic-line-height-900, 36px);\n$ionic-line-height-1100: var(--ionic-line-height-1100, 44px);\n$ionic-line-height-1200: var(--ionic-line-height-1200, 48px);\n$ionic-line-height-full: var(--ionic-line-height-full, 100%);\n$ionic-space-0: var(--ionic-space-0, 0px);\n$ionic-space-100: var(--ionic-space-100, 4px);\n$ionic-space-150: var(--ionic-space-150, 6px);\n$ionic-space-200: var(--ionic-space-200, 8px);\n$ionic-space-250: var(--ionic-space-250, 10px);\n$ionic-space-300: var(--ionic-space-300, 12px);\n$ionic-space-400: var(--ionic-space-400, 16px);\n$ionic-space-500: var(--ionic-space-500, 20px);\n$ionic-space-600: var(--ionic-space-600, 24px);\n$ionic-space-700: var(--ionic-space-700, 28px);\n$ionic-space-800: var(--ionic-space-800, 32px);\n$ionic-space-900: var(--ionic-space-900, 36px);\n$ionic-space-1000: var(--ionic-space-1000, 40px);\n$ionic-space-1200: var(--ionic-space-1200, 48px);\n$ionic-space-050: var(--ionic-space-050, 2px);\n$ionic-border-radius-0: var(--ionic-border-radius-0, 0px);\n$ionic-border-radius-100: var(--ionic-border-radius-100, 4px);\n$ionic-border-radius-200: var(--ionic-border-radius-200, 8px);\n$ionic-border-radius-300: var(--ionic-border-radius-300, 12px);\n$ionic-border-radius-400: var(--ionic-border-radius-400, 16px);\n$ionic-border-radius-800: var(--ionic-border-radius-800, 32px);\n$ionic-border-radius-1000: var(--ionic-border-radius-1000, 40px);\n$ionic-border-radius-050: var(--ionic-border-radius-050, 2px);\n$ionic-border-radius-full: var(--ionic-border-radius-full, 999px);\n$ionic-border-size-0: var(--ionic-border-size-0, 0px);\n$ionic-border-size-025: var(--ionic-border-size-025, 1px);\n$ionic-border-size-050: var(--ionic-border-size-050, 2px);\n$ionic-border-size-075: var(--ionic-border-size-075, 3px);\n$ionic-border-style-none: var(--ionic-border-style-none, none);\n$ionic-border-style-solid: var(--ionic-border-style-solid, solid);\n$ionic-border-style-dashed: var(--ionic-border-style-dashed, dashed);\n$ionic-border-style-dotted: var(--ionic-border-style-dotted, dotted);\n$ionic-color-base-white: var(--ionic-color-base-white, #ffffff);\n$ionic-color-base-white-rgb: var(--ionic-color-base-white-rgb, 255, 255, 255);\n$ionic-color-base-black: var(--ionic-color-base-black, #111111);\n$ionic-color-base-black-rgb: var(--ionic-color-base-black-rgb, 17, 17, 17);\n$ionic-color-neutral-100: var(--ionic-color-neutral-100, #f1f1f1);\n$ionic-color-neutral-100-rgb: var(--ionic-color-neutral-100-rgb, 241, 241, 241);\n$ionic-color-neutral-200: var(--ionic-color-neutral-200, #e7e7e7);\n$ionic-color-neutral-200-rgb: var(--ionic-color-neutral-200-rgb, 231, 231, 231);\n$ionic-color-neutral-300: var(--ionic-color-neutral-300, #cfcfcf);\n$ionic-color-neutral-300-rgb: var(--ionic-color-neutral-300-rgb, 207, 207, 207);\n$ionic-color-neutral-400: var(--ionic-color-neutral-400, #b9b9b9);\n$ionic-color-neutral-400-rgb: var(--ionic-color-neutral-400-rgb, 185, 185, 185);\n$ionic-color-neutral-500: var(--ionic-color-neutral-500, #a2a2a2);\n$ionic-color-neutral-500-rgb: var(--ionic-color-neutral-500-rgb, 162, 162, 162);\n$ionic-color-neutral-600: var(--ionic-color-neutral-600, #8c8c8c);\n$ionic-color-neutral-600-rgb: var(--ionic-color-neutral-600-rgb, 140, 140, 140);\n$ionic-color-neutral-700: var(--ionic-color-neutral-700, #777777);\n$ionic-color-neutral-700-rgb: var(--ionic-color-neutral-700-rgb, 119, 119, 119);\n$ionic-color-neutral-800: var(--ionic-color-neutral-800, #626262);\n$ionic-color-neutral-800-rgb: var(--ionic-color-neutral-800-rgb, 98, 98, 98);\n$ionic-color-neutral-900: var(--ionic-color-neutral-900, #4e4e4e);\n$ionic-color-neutral-900-rgb: var(--ionic-color-neutral-900-rgb, 78, 78, 78);\n$ionic-color-neutral-1000: var(--ionic-color-neutral-1000, #3b3b3b);\n$ionic-color-neutral-1000-rgb: var(--ionic-color-neutral-1000-rgb, 59, 59, 59);\n$ionic-color-neutral-1100: var(--ionic-color-neutral-1100, #292929);\n$ionic-color-neutral-1100-rgb: var(--ionic-color-neutral-1100-rgb, 41, 41, 41);\n$ionic-color-neutral-1200: var(--ionic-color-neutral-1200, #242424);\n$ionic-color-neutral-1200-rgb: var(--ionic-color-neutral-1200-rgb, 36, 36, 36);\n$ionic-color-red-100: var(--ionic-color-red-100, #feeded);\n$ionic-color-red-100-rgb: var(--ionic-color-red-100-rgb, 254, 237, 237);\n$ionic-color-red-200: var(--ionic-color-red-200, #fde1e1);\n$ionic-color-red-200-rgb: var(--ionic-color-red-200-rgb, 253, 225, 225);\n$ionic-color-red-300: var(--ionic-color-red-300, #fcc1c1);\n$ionic-color-red-300-rgb: var(--ionic-color-red-300-rgb, 252, 193, 193);\n$ionic-color-red-400: var(--ionic-color-red-400, #faa1a1);\n$ionic-color-red-400-rgb: var(--ionic-color-red-400-rgb, 250, 161, 161);\n$ionic-color-red-500: var(--ionic-color-red-500, #f97d7d);\n$ionic-color-red-500-rgb: var(--ionic-color-red-500-rgb, 249, 125, 125);\n$ionic-color-red-600: var(--ionic-color-red-600, #f85151);\n$ionic-color-red-600-rgb: var(--ionic-color-red-600-rgb, 248, 81, 81);\n$ionic-color-red-700: var(--ionic-color-red-700, #e52929);\n$ionic-color-red-700-rgb: var(--ionic-color-red-700-rgb, 229, 41, 41);\n$ionic-color-red-800: var(--ionic-color-red-800, #bf2222);\n$ionic-color-red-800-rgb: var(--ionic-color-red-800-rgb, 191, 34, 34);\n$ionic-color-red-900: var(--ionic-color-red-900, #991b1b);\n$ionic-color-red-900-rgb: var(--ionic-color-red-900-rgb, 153, 27, 27);\n$ionic-color-red-1000: var(--ionic-color-red-1000, #761515);\n$ionic-color-red-1000-rgb: var(--ionic-color-red-1000-rgb, 118, 21, 21);\n$ionic-color-red-1100: var(--ionic-color-red-1100, #540f0f);\n$ionic-color-red-1100-rgb: var(--ionic-color-red-1100-rgb, 84, 15, 15);\n$ionic-color-red-1200: var(--ionic-color-red-1200, #330909);\n$ionic-color-red-1200-rgb: var(--ionic-color-red-1200-rgb, 51, 9, 9);\n$ionic-color-pumpkin-100: var(--ionic-color-pumpkin-100, #feedea);\n$ionic-color-pumpkin-100-rgb: var(--ionic-color-pumpkin-100-rgb, 254, 237, 234);\n$ionic-color-pumpkin-200: var(--ionic-color-pumpkin-200, #fde0db);\n$ionic-color-pumpkin-200-rgb: var(--ionic-color-pumpkin-200-rgb, 253, 224, 219);\n$ionic-color-pumpkin-300: var(--ionic-color-pumpkin-300, #fbbdb1);\n$ionic-color-pumpkin-300-rgb: var(--ionic-color-pumpkin-300-rgb, 251, 189, 177);\n$ionic-color-pumpkin-400: var(--ionic-color-pumpkin-400, #f9947c);\n$ionic-color-pumpkin-400-rgb: var(--ionic-color-pumpkin-400-rgb, 249, 148, 124);\n$ionic-color-pumpkin-500: var(--ionic-color-pumpkin-500, #f75d07);\n$ionic-color-pumpkin-500-rgb: var(--ionic-color-pumpkin-500-rgb, 247, 93, 7);\n$ionic-color-pumpkin-600: var(--ionic-color-pumpkin-600, #da5206);\n$ionic-color-pumpkin-600-rgb: var(--ionic-color-pumpkin-600-rgb, 218, 82, 6);\n$ionic-color-pumpkin-700: var(--ionic-color-pumpkin-700, #bd4705);\n$ionic-color-pumpkin-700-rgb: var(--ionic-color-pumpkin-700-rgb, 189, 71, 5);\n$ionic-color-pumpkin-800: var(--ionic-color-pumpkin-800, #9f3c05);\n$ionic-color-pumpkin-800-rgb: var(--ionic-color-pumpkin-800-rgb, 159, 60, 5);\n$ionic-color-pumpkin-900: var(--ionic-color-pumpkin-900, #803004);\n$ionic-color-pumpkin-900-rgb: var(--ionic-color-pumpkin-900-rgb, 128, 48, 4);\n$ionic-color-pumpkin-1000: var(--ionic-color-pumpkin-1000, #602403);\n$ionic-color-pumpkin-1000-rgb: var(--ionic-color-pumpkin-1000-rgb, 96, 36, 3);\n$ionic-color-pumpkin-1100: var(--ionic-color-pumpkin-1100, #401802);\n$ionic-color-pumpkin-1100-rgb: var(--ionic-color-pumpkin-1100-rgb, 64, 24, 2);\n$ionic-color-pumpkin-1200: var(--ionic-color-pumpkin-1200, #210c01);\n$ionic-color-pumpkin-1200-rgb: var(--ionic-color-pumpkin-1200-rgb, 33, 12, 1);\n$ionic-color-orange-100: var(--ionic-color-orange-100, #fff1ea);\n$ionic-color-orange-100-rgb: var(--ionic-color-orange-100-rgb, 255, 241, 234);\n$ionic-color-orange-200: var(--ionic-color-orange-200, #ffe8db);\n$ionic-color-orange-200-rgb: var(--ionic-color-orange-200-rgb, 255, 232, 219);\n$ionic-color-orange-300: var(--ionic-color-orange-300, #ffcfb1);\n$ionic-color-orange-300-rgb: var(--ionic-color-orange-300-rgb, 255, 207, 177);\n$ionic-color-orange-400: var(--ionic-color-orange-400, #ffb37b);\n$ionic-color-orange-400-rgb: var(--ionic-color-orange-400-rgb, 255, 179, 123);\n$ionic-color-orange-500: var(--ionic-color-orange-500, #ff9400);\n$ionic-color-orange-500-rgb: var(--ionic-color-orange-500-rgb, 255, 148, 0);\n$ionic-color-orange-600: var(--ionic-color-orange-600, #e18300);\n$ionic-color-orange-600-rgb: var(--ionic-color-orange-600-rgb, 225, 131, 0);\n$ionic-color-orange-700: var(--ionic-color-orange-700, #c37100);\n$ionic-color-orange-700-rgb: var(--ionic-color-orange-700-rgb, 195, 113, 0);\n$ionic-color-orange-800: var(--ionic-color-orange-800, #a45f00);\n$ionic-color-orange-800-rgb: var(--ionic-color-orange-800-rgb, 164, 95, 0);\n$ionic-color-orange-900: var(--ionic-color-orange-900, #844d00);\n$ionic-color-orange-900-rgb: var(--ionic-color-orange-900-rgb, 132, 77, 0);\n$ionic-color-orange-1000: var(--ionic-color-orange-1000, #633a00);\n$ionic-color-orange-1000-rgb: var(--ionic-color-orange-1000-rgb, 99, 58, 0);\n$ionic-color-orange-1100: var(--ionic-color-orange-1100, #422700);\n$ionic-color-orange-1100-rgb: var(--ionic-color-orange-1100-rgb, 66, 39, 0);\n$ionic-color-orange-1200: var(--ionic-color-orange-1200, #221400);\n$ionic-color-orange-1200-rgb: var(--ionic-color-orange-1200-rgb, 34, 20, 0);\n$ionic-color-yellow-100: var(--ionic-color-yellow-100, #fff9ea);\n$ionic-color-yellow-100-rgb: var(--ionic-color-yellow-100-rgb, 255, 249, 234);\n$ionic-color-yellow-200: var(--ionic-color-yellow-200, #fff5db);\n$ionic-color-yellow-200-rgb: var(--ionic-color-yellow-200-rgb, 255, 245, 219);\n$ionic-color-yellow-300: var(--ionic-color-yellow-300, #ffebb1);\n$ionic-color-yellow-300-rgb: var(--ionic-color-yellow-300-rgb, 255, 235, 177);\n$ionic-color-yellow-400: var(--ionic-color-yellow-400, #ffe07b);\n$ionic-color-yellow-400-rgb: var(--ionic-color-yellow-400-rgb, 255, 224, 123);\n$ionic-color-yellow-500: var(--ionic-color-yellow-500, #ffd600);\n$ionic-color-yellow-500-rgb: var(--ionic-color-yellow-500-rgb, 255, 214, 0);\n$ionic-color-yellow-600: var(--ionic-color-yellow-600, #e1bd00);\n$ionic-color-yellow-600-rgb: var(--ionic-color-yellow-600-rgb, 225, 189, 0);\n$ionic-color-yellow-700: var(--ionic-color-yellow-700, #c3a400);\n$ionic-color-yellow-700-rgb: var(--ionic-color-yellow-700-rgb, 195, 164, 0);\n$ionic-color-yellow-800: var(--ionic-color-yellow-800, #a48a00);\n$ionic-color-yellow-800-rgb: var(--ionic-color-yellow-800-rgb, 164, 138, 0);\n$ionic-color-yellow-900: var(--ionic-color-yellow-900, #846f00);\n$ionic-color-yellow-900-rgb: var(--ionic-color-yellow-900-rgb, 132, 111, 0);\n$ionic-color-yellow-1000: var(--ionic-color-yellow-1000, #635300);\n$ionic-color-yellow-1000-rgb: var(--ionic-color-yellow-1000-rgb, 99, 83, 0);\n$ionic-color-yellow-1100: var(--ionic-color-yellow-1100, #423800);\n$ionic-color-yellow-1100-rgb: var(--ionic-color-yellow-1100-rgb, 66, 56, 0);\n$ionic-color-yellow-1200: var(--ionic-color-yellow-1200, #221d00);\n$ionic-color-yellow-1200-rgb: var(--ionic-color-yellow-1200-rgb, 34, 29, 0);\n$ionic-color-lime-100: var(--ionic-color-lime-100, #f3faea);\n$ionic-color-lime-100-rgb: var(--ionic-color-lime-100-rgb, 243, 250, 234);\n$ionic-color-lime-200: var(--ionic-color-lime-200, #eaf7db);\n$ionic-color-lime-200-rgb: var(--ionic-color-lime-200-rgb, 234, 247, 219);\n$ionic-color-lime-300: var(--ionic-color-lime-300, #d3efb2);\n$ionic-color-lime-300-rgb: var(--ionic-color-lime-300-rgb, 211, 239, 178);\n$ionic-color-lime-400: var(--ionic-color-lime-400, #bbe77d);\n$ionic-color-lime-400-rgb: var(--ionic-color-lime-400-rgb, 187, 231, 125);\n$ionic-color-lime-500: var(--ionic-color-lime-500, #a0df18);\n$ionic-color-lime-500-rgb: var(--ionic-color-lime-500-rgb, 160, 223, 24);\n$ionic-color-lime-600: var(--ionic-color-lime-600, #8dc515);\n$ionic-color-lime-600-rgb: var(--ionic-color-lime-600-rgb, 141, 197, 21);\n$ionic-color-lime-700: var(--ionic-color-lime-700, #7aab12);\n$ionic-color-lime-700-rgb: var(--ionic-color-lime-700-rgb, 122, 171, 18);\n$ionic-color-lime-800: var(--ionic-color-lime-800, #678f0f);\n$ionic-color-lime-800-rgb: var(--ionic-color-lime-800-rgb, 103, 143, 15);\n$ionic-color-lime-900: var(--ionic-color-lime-900, #53730c);\n$ionic-color-lime-900-rgb: var(--ionic-color-lime-900-rgb, 83, 115, 12);\n$ionic-color-lime-1000: var(--ionic-color-lime-1000, #3e5709);\n$ionic-color-lime-1000-rgb: var(--ionic-color-lime-1000-rgb, 62, 87, 9);\n$ionic-color-lime-1100: var(--ionic-color-lime-1100, #2a3a06);\n$ionic-color-lime-1100-rgb: var(--ionic-color-lime-1100-rgb, 42, 58, 6);\n$ionic-color-lime-1200: var(--ionic-color-lime-1200, #151e03);\n$ionic-color-lime-1200-rgb: var(--ionic-color-lime-1200-rgb, 21, 30, 3);\n$ionic-color-green-100: var(--ionic-color-green-100, #ebf9ec);\n$ionic-color-green-100-rgb: var(--ionic-color-green-100-rgb, 235, 249, 236);\n$ionic-color-green-200: var(--ionic-color-green-200, #dcf5de);\n$ionic-color-green-200-rgb: var(--ionic-color-green-200-rgb, 220, 245, 222);\n$ionic-color-green-300: var(--ionic-color-green-300, #b3ebb7);\n$ionic-color-green-300-rgb: var(--ionic-color-green-300-rgb, 179, 235, 183);\n$ionic-color-green-400: var(--ionic-color-green-400, #7fe089);\n$ionic-color-green-400-rgb: var(--ionic-color-green-400-rgb, 127, 224, 137);\n$ionic-color-green-500: var(--ionic-color-green-500, #23d643);\n$ionic-color-green-500-rgb: var(--ionic-color-green-500-rgb, 35, 214, 67);\n$ionic-color-green-600: var(--ionic-color-green-600, #1fbd3b);\n$ionic-color-green-600-rgb: var(--ionic-color-green-600-rgb, 31, 189, 59);\n$ionic-color-green-700: var(--ionic-color-green-700, #1ba433);\n$ionic-color-green-700-rgb: var(--ionic-color-green-700-rgb, 27, 164, 51);\n$ionic-color-green-800: var(--ionic-color-green-800, #178a2b);\n$ionic-color-green-800-rgb: var(--ionic-color-green-800-rgb, 23, 138, 43);\n$ionic-color-green-900: var(--ionic-color-green-900, #126f23);\n$ionic-color-green-900-rgb: var(--ionic-color-green-900-rgb, 18, 111, 35);\n$ionic-color-green-1000: var(--ionic-color-green-1000, #0e531a);\n$ionic-color-green-1000-rgb: var(--ionic-color-green-1000-rgb, 14, 83, 26);\n$ionic-color-green-1100: var(--ionic-color-green-1100, #093811);\n$ionic-color-green-1100-rgb: var(--ionic-color-green-1100-rgb, 9, 56, 17);\n$ionic-color-green-1200: var(--ionic-color-green-1200, #051d09);\n$ionic-color-green-1200-rgb: var(--ionic-color-green-1200-rgb, 5, 29, 9);\n$ionic-color-teal-100: var(--ionic-color-teal-100, #eaf8f5);\n$ionic-color-teal-100-rgb: var(--ionic-color-teal-100-rgb, 234, 248, 245);\n$ionic-color-teal-200: var(--ionic-color-teal-200, #dbf3ee);\n$ionic-color-teal-200-rgb: var(--ionic-color-teal-200-rgb, 219, 243, 238);\n$ionic-color-teal-300: var(--ionic-color-teal-300, #b1e7dd);\n$ionic-color-teal-300-rgb: var(--ionic-color-teal-300-rgb, 177, 231, 221);\n$ionic-color-teal-400: var(--ionic-color-teal-400, #7bdbca);\n$ionic-color-teal-400-rgb: var(--ionic-color-teal-400-rgb, 123, 219, 202);\n$ionic-color-teal-500: var(--ionic-color-teal-500, #00cfb7);\n$ionic-color-teal-500-rgb: var(--ionic-color-teal-500-rgb, 0, 207, 183);\n$ionic-color-teal-600: var(--ionic-color-teal-600, #00b7a2);\n$ionic-color-teal-600-rgb: var(--ionic-color-teal-600-rgb, 0, 183, 162);\n$ionic-color-teal-700: var(--ionic-color-teal-700, #009e8c);\n$ionic-color-teal-700-rgb: var(--ionic-color-teal-700-rgb, 0, 158, 140);\n$ionic-color-teal-800: var(--ionic-color-teal-800, #008576);\n$ionic-color-teal-800-rgb: var(--ionic-color-teal-800-rgb, 0, 133, 118);\n$ionic-color-teal-900: var(--ionic-color-teal-900, #006b5f);\n$ionic-color-teal-900-rgb: var(--ionic-color-teal-900-rgb, 0, 107, 95);\n$ionic-color-teal-1000: var(--ionic-color-teal-1000, #005147);\n$ionic-color-teal-1000-rgb: var(--ionic-color-teal-1000-rgb, 0, 81, 71);\n$ionic-color-teal-1100: var(--ionic-color-teal-1100, #003630);\n$ionic-color-teal-1100-rgb: var(--ionic-color-teal-1100-rgb, 0, 54, 48);\n$ionic-color-teal-1200: var(--ionic-color-teal-1200, #001c19);\n$ionic-color-teal-1200-rgb: var(--ionic-color-teal-1200-rgb, 0, 28, 25);\n$ionic-color-aqua-100: var(--ionic-color-aqua-100, #ebf9fe);\n$ionic-color-aqua-100-rgb: var(--ionic-color-aqua-100-rgb, 235, 249, 254);\n$ionic-color-aqua-200: var(--ionic-color-aqua-200, #dcf4fd);\n$ionic-color-aqua-200-rgb: var(--ionic-color-aqua-200-rgb, 220, 244, 253);\n$ionic-color-aqua-300: var(--ionic-color-aqua-300, #b3e9fc);\n$ionic-color-aqua-300-rgb: var(--ionic-color-aqua-300-rgb, 179, 233, 252);\n$ionic-color-aqua-400: var(--ionic-color-aqua-400, #80defa);\n$ionic-color-aqua-400-rgb: var(--ionic-color-aqua-400-rgb, 128, 222, 250);\n$ionic-color-aqua-500: var(--ionic-color-aqua-500, #27d3f9);\n$ionic-color-aqua-500-rgb: var(--ionic-color-aqua-500-rgb, 39, 211, 249);\n$ionic-color-aqua-600: var(--ionic-color-aqua-600, #22bbdc);\n$ionic-color-aqua-600-rgb: var(--ionic-color-aqua-600-rgb, 34, 187, 220);\n$ionic-color-aqua-700: var(--ionic-color-aqua-700, #1ea2bf);\n$ionic-color-aqua-700-rgb: var(--ionic-color-aqua-700-rgb, 30, 162, 191);\n$ionic-color-aqua-800: var(--ionic-color-aqua-800, #1988a0);\n$ionic-color-aqua-800-rgb: var(--ionic-color-aqua-800-rgb, 25, 136, 160);\n$ionic-color-aqua-900: var(--ionic-color-aqua-900, #146d81);\n$ionic-color-aqua-900-rgb: var(--ionic-color-aqua-900-rgb, 20, 109, 129);\n$ionic-color-aqua-1000: var(--ionic-color-aqua-1000, #0f5261);\n$ionic-color-aqua-1000-rgb: var(--ionic-color-aqua-1000-rgb, 15, 82, 97);\n$ionic-color-aqua-1100: var(--ionic-color-aqua-1100, #0a3741);\n$ionic-color-aqua-1100-rgb: var(--ionic-color-aqua-1100-rgb, 10, 55, 65);\n$ionic-color-aqua-1200: var(--ionic-color-aqua-1200, #051c21);\n$ionic-color-aqua-1200-rgb: var(--ionic-color-aqua-1200-rgb, 5, 28, 33);\n$ionic-color-blue-100: var(--ionic-color-blue-100, #f2f4fd);\n$ionic-color-blue-100-rgb: var(--ionic-color-blue-100-rgb, 242, 244, 253);\n$ionic-color-blue-200: var(--ionic-color-blue-200, #e9ecfc);\n$ionic-color-blue-200-rgb: var(--ionic-color-blue-200-rgb, 233, 236, 252);\n$ionic-color-blue-300: var(--ionic-color-blue-300, #d0d7fa);\n$ionic-color-blue-300-rgb: var(--ionic-color-blue-300-rgb, 208, 215, 250);\n$ionic-color-blue-400: var(--ionic-color-blue-400, #b5c0f7);\n$ionic-color-blue-400-rgb: var(--ionic-color-blue-400-rgb, 181, 192, 247);\n$ionic-color-blue-500: var(--ionic-color-blue-500, #94a5f4);\n$ionic-color-blue-500-rgb: var(--ionic-color-blue-500-rgb, 148, 165, 244);\n$ionic-color-blue-600: var(--ionic-color-blue-600, #6986f2);\n$ionic-color-blue-600-rgb: var(--ionic-color-blue-600-rgb, 105, 134, 242);\n$ionic-color-blue-700: var(--ionic-color-blue-700, #105cef);\n$ionic-color-blue-700-rgb: var(--ionic-color-blue-700-rgb, 16, 92, 239);\n$ionic-color-blue-800: var(--ionic-color-blue-800, #0f54da);\n$ionic-color-blue-800-rgb: var(--ionic-color-blue-800-rgb, 15, 84, 218);\n$ionic-color-blue-900: var(--ionic-color-blue-900, #0d4bc3);\n$ionic-color-blue-900-rgb: var(--ionic-color-blue-900-rgb, 13, 75, 195);\n$ionic-color-blue-1000: var(--ionic-color-blue-1000, #0b41a9);\n$ionic-color-blue-1000-rgb: var(--ionic-color-blue-1000-rgb, 11, 65, 169);\n$ionic-color-blue-1100: var(--ionic-color-blue-1100, #09358a);\n$ionic-color-blue-1100-rgb: var(--ionic-color-blue-1100-rgb, 9, 53, 138);\n$ionic-color-blue-1200: var(--ionic-color-blue-1200, #072561);\n$ionic-color-blue-1200-rgb: var(--ionic-color-blue-1200-rgb, 7, 37, 97);\n$ionic-color-indigo-100: var(--ionic-color-indigo-100, #f3f2fb);\n$ionic-color-indigo-100-rgb: var(--ionic-color-indigo-100-rgb, 243, 242, 251);\n$ionic-color-indigo-200: var(--ionic-color-indigo-200, #eae9f9);\n$ionic-color-indigo-200-rgb: var(--ionic-color-indigo-200-rgb, 234, 233, 249);\n$ionic-color-indigo-300: var(--ionic-color-indigo-300, #d3d1f2);\n$ionic-color-indigo-300-rgb: var(--ionic-color-indigo-300-rgb, 211, 209, 242);\n$ionic-color-indigo-400: var(--ionic-color-indigo-400, #bab5eb);\n$ionic-color-indigo-400-rgb: var(--ionic-color-indigo-400-rgb, 186, 181, 235);\n$ionic-color-indigo-500: var(--ionic-color-indigo-500, #9d95e4);\n$ionic-color-indigo-500-rgb: var(--ionic-color-indigo-500-rgb, 157, 149, 228);\n$ionic-color-indigo-600: var(--ionic-color-indigo-600, #786bdd);\n$ionic-color-indigo-600-rgb: var(--ionic-color-indigo-600-rgb, 120, 107, 221);\n$ionic-color-indigo-700: var(--ionic-color-indigo-700, #411bd5);\n$ionic-color-indigo-700-rgb: var(--ionic-color-indigo-700-rgb, 65, 27, 213);\n$ionic-color-indigo-800: var(--ionic-color-indigo-800, #3b19c3);\n$ionic-color-indigo-800-rgb: var(--ionic-color-indigo-800-rgb, 59, 25, 195);\n$ionic-color-indigo-900: var(--ionic-color-indigo-900, #3516ae);\n$ionic-color-indigo-900-rgb: var(--ionic-color-indigo-900-rgb, 53, 22, 174);\n$ionic-color-indigo-1000: var(--ionic-color-indigo-1000, #2e1397);\n$ionic-color-indigo-1000-rgb: var(--ionic-color-indigo-1000-rgb, 46, 19, 151);\n$ionic-color-indigo-1100: var(--ionic-color-indigo-1100, #26107b);\n$ionic-color-indigo-1100-rgb: var(--ionic-color-indigo-1100-rgb, 38, 16, 123);\n$ionic-color-indigo-1200: var(--ionic-color-indigo-1200, #1a0b57);\n$ionic-color-indigo-1200-rgb: var(--ionic-color-indigo-1200-rgb, 26, 11, 87);\n$ionic-color-violet-100: var(--ionic-color-violet-100, #f5f2fe);\n$ionic-color-violet-100-rgb: var(--ionic-color-violet-100-rgb, 245, 242, 254);\n$ionic-color-violet-200: var(--ionic-color-violet-200, #eee9fd);\n$ionic-color-violet-200-rgb: var(--ionic-color-violet-200-rgb, 238, 233, 253);\n$ionic-color-violet-300: var(--ionic-color-violet-300, #dcd1fb);\n$ionic-color-violet-300-rgb: var(--ionic-color-violet-300-rgb, 220, 209, 251);\n$ionic-color-violet-400: var(--ionic-color-violet-400, #c9b6f9);\n$ionic-color-violet-400-rgb: var(--ionic-color-violet-400-rgb, 201, 182, 249);\n$ionic-color-violet-500: var(--ionic-color-violet-500, #b396f6);\n$ionic-color-violet-500-rgb: var(--ionic-color-violet-500-rgb, 179, 150, 246);\n$ionic-color-violet-600: var(--ionic-color-violet-600, #9a6cf4);\n$ionic-color-violet-600-rgb: var(--ionic-color-violet-600-rgb, 154, 108, 244);\n$ionic-color-violet-700: var(--ionic-color-violet-700, #7c20f2);\n$ionic-color-violet-700-rgb: var(--ionic-color-violet-700-rgb, 124, 32, 242);\n$ionic-color-violet-800: var(--ionic-color-violet-800, #711ddd);\n$ionic-color-violet-800-rgb: var(--ionic-color-violet-800-rgb, 113, 29, 221);\n$ionic-color-violet-900: var(--ionic-color-violet-900, #651ac5);\n$ionic-color-violet-900-rgb: var(--ionic-color-violet-900-rgb, 101, 26, 197);\n$ionic-color-violet-1000: var(--ionic-color-violet-1000, #5817ab);\n$ionic-color-violet-1000-rgb: var(--ionic-color-violet-1000-rgb, 88, 23, 171);\n$ionic-color-violet-1100: var(--ionic-color-violet-1100, #48128c);\n$ionic-color-violet-1100-rgb: var(--ionic-color-violet-1100-rgb, 72, 18, 140);\n$ionic-color-violet-1200: var(--ionic-color-violet-1200, #330d63);\n$ionic-color-violet-1200-rgb: var(--ionic-color-violet-1200-rgb, 51, 13, 99);\n$ionic-color-purple-100: var(--ionic-color-purple-100, #f9f3fe);\n$ionic-color-purple-100-rgb: var(--ionic-color-purple-100-rgb, 249, 243, 254);\n$ionic-color-purple-200: var(--ionic-color-purple-200, #f5eafd);\n$ionic-color-purple-200-rgb: var(--ionic-color-purple-200-rgb, 245, 234, 253);\n$ionic-color-purple-300: var(--ionic-color-purple-300, #e9d3fa);\n$ionic-color-purple-300-rgb: var(--ionic-color-purple-300-rgb, 233, 211, 250);\n$ionic-color-purple-400: var(--ionic-color-purple-400, #deb9f8);\n$ionic-color-purple-400-rgb: var(--ionic-color-purple-400-rgb, 222, 185, 248);\n$ionic-color-purple-500: var(--ionic-color-purple-500, #d29bf6);\n$ionic-color-purple-500-rgb: var(--ionic-color-purple-500-rgb, 210, 155, 246);\n$ionic-color-purple-600: var(--ionic-color-purple-600, #c575f3);\n$ionic-color-purple-600-rgb: var(--ionic-color-purple-600-rgb, 197, 117, 243);\n$ionic-color-purple-700: var(--ionic-color-purple-700, #b73cf1);\n$ionic-color-purple-700-rgb: var(--ionic-color-purple-700-rgb, 183, 60, 241);\n$ionic-color-purple-800: var(--ionic-color-purple-800, #a737dc);\n$ionic-color-purple-800-rgb: var(--ionic-color-purple-800-rgb, 167, 55, 220);\n$ionic-color-purple-900: var(--ionic-color-purple-900, #9531c5);\n$ionic-color-purple-900-rgb: var(--ionic-color-purple-900-rgb, 149, 49, 197);\n$ionic-color-purple-1000: var(--ionic-color-purple-1000, #812aaa);\n$ionic-color-purple-1000-rgb: var(--ionic-color-purple-1000-rgb, 129, 42, 170);\n$ionic-color-purple-1100: var(--ionic-color-purple-1100, #6a238b);\n$ionic-color-purple-1100-rgb: var(--ionic-color-purple-1100-rgb, 106, 35, 139);\n$ionic-color-purple-1200: var(--ionic-color-purple-1200, #4b1862);\n$ionic-color-purple-1200-rgb: var(--ionic-color-purple-1200-rgb, 75, 24, 98);\n$ionic-color-magenta-100: var(--ionic-color-magenta-100, #fdf3fb);\n$ionic-color-magenta-100-rgb: var(--ionic-color-magenta-100-rgb, 253, 243, 251);\n$ionic-color-magenta-200: var(--ionic-color-magenta-200, #fcebf8);\n$ionic-color-magenta-200-rgb: var(--ionic-color-magenta-200-rgb, 252, 235, 248);\n$ionic-color-magenta-300: var(--ionic-color-magenta-300, #f9d4f1);\n$ionic-color-magenta-300-rgb: var(--ionic-color-magenta-300-rgb, 249, 212, 241);\n$ionic-color-magenta-400: var(--ionic-color-magenta-400, #f6bcea);\n$ionic-color-magenta-400-rgb: var(--ionic-color-magenta-400-rgb, 246, 188, 234);\n$ionic-color-magenta-500: var(--ionic-color-magenta-500, #f39fe3);\n$ionic-color-magenta-500-rgb: var(--ionic-color-magenta-500-rgb, 243, 159, 227);\n$ionic-color-magenta-600: var(--ionic-color-magenta-600, #f07cdb);\n$ionic-color-magenta-600-rgb: var(--ionic-color-magenta-600-rgb, 240, 124, 219);\n$ionic-color-magenta-700: var(--ionic-color-magenta-700, #ed4ad3);\n$ionic-color-magenta-700-rgb: var(--ionic-color-magenta-700-rgb, 237, 74, 211);\n$ionic-color-magenta-800: var(--ionic-color-magenta-800, #d844c1);\n$ionic-color-magenta-800-rgb: var(--ionic-color-magenta-800-rgb, 216, 68, 193);\n$ionic-color-magenta-900: var(--ionic-color-magenta-900, #c13cac);\n$ionic-color-magenta-900-rgb: var(--ionic-color-magenta-900-rgb, 193, 60, 172);\n$ionic-color-magenta-1000: var(--ionic-color-magenta-1000, #a83495);\n$ionic-color-magenta-1000-rgb: var(--ionic-color-magenta-1000-rgb, 168, 52, 149);\n$ionic-color-magenta-1100: var(--ionic-color-magenta-1100, #892b7a);\n$ionic-color-magenta-1100-rgb: var(--ionic-color-magenta-1100-rgb, 137, 43, 122);\n$ionic-color-magenta-1200: var(--ionic-color-magenta-1200, #611e56);\n$ionic-color-magenta-1200-rgb: var(--ionic-color-magenta-1200-rgb, 97, 30, 86);\n$ionic-color-pink-100: var(--ionic-color-pink-100, #fef3f5);\n$ionic-color-pink-100-rgb: var(--ionic-color-pink-100-rgb, 254, 243, 245);\n$ionic-color-pink-200: var(--ionic-color-pink-200, #fdeaee);\n$ionic-color-pink-200-rgb: var(--ionic-color-pink-200-rgb, 253, 234, 238);\n$ionic-color-pink-300: var(--ionic-color-pink-300, #fad3dc);\n$ionic-color-pink-300-rgb: var(--ionic-color-pink-300-rgb, 250, 211, 220);\n$ionic-color-pink-400: var(--ionic-color-pink-400, #f8b9c9);\n$ionic-color-pink-400-rgb: var(--ionic-color-pink-400-rgb, 248, 185, 201);\n$ionic-color-pink-500: var(--ionic-color-pink-500, #f69bb3);\n$ionic-color-pink-500-rgb: var(--ionic-color-pink-500-rgb, 246, 155, 179);\n$ionic-color-pink-600: var(--ionic-color-pink-600, #f3759a);\n$ionic-color-pink-600-rgb: var(--ionic-color-pink-600-rgb, 243, 117, 154);\n$ionic-color-pink-700: var(--ionic-color-pink-700, #f13b7d);\n$ionic-color-pink-700-rgb: var(--ionic-color-pink-700-rgb, 241, 59, 125);\n$ionic-color-pink-800: var(--ionic-color-pink-800, #dc3672);\n$ionic-color-pink-800-rgb: var(--ionic-color-pink-800-rgb, 220, 54, 114);\n$ionic-color-pink-900: var(--ionic-color-pink-900, #c53066);\n$ionic-color-pink-900-rgb: var(--ionic-color-pink-900-rgb, 197, 48, 102);\n$ionic-color-pink-1000: var(--ionic-color-pink-1000, #aa2a58);\n$ionic-color-pink-1000-rgb: var(--ionic-color-pink-1000-rgb, 170, 42, 88);\n$ionic-color-pink-1100: var(--ionic-color-pink-1100, #8b2248);\n$ionic-color-pink-1100-rgb: var(--ionic-color-pink-1100-rgb, 139, 34, 72);\n$ionic-color-pink-1200: var(--ionic-color-pink-1200, #621833);\n$ionic-color-pink-1200-rgb: var(--ionic-color-pink-1200-rgb, 98, 24, 51);\n$ionic-color-primary-100: var(--ionic-color-primary-100, #f2f4fd);\n$ionic-color-primary-100-rgb: var(--ionic-color-primary-100-rgb, 242, 244, 253);\n$ionic-color-primary-200: var(--ionic-color-primary-200, #e9ecfc);\n$ionic-color-primary-200-rgb: var(--ionic-color-primary-200-rgb, 233, 236, 252);\n$ionic-color-primary-300: var(--ionic-color-primary-300, #d0d7fa);\n$ionic-color-primary-300-rgb: var(--ionic-color-primary-300-rgb, 208, 215, 250);\n$ionic-color-primary-400: var(--ionic-color-primary-400, #b5c0f7);\n$ionic-color-primary-400-rgb: var(--ionic-color-primary-400-rgb, 181, 192, 247);\n$ionic-color-primary-500: var(--ionic-color-primary-500, #94a5f4);\n$ionic-color-primary-500-rgb: var(--ionic-color-primary-500-rgb, 148, 165, 244);\n$ionic-color-primary-600: var(--ionic-color-primary-600, #6986f2);\n$ionic-color-primary-600-rgb: var(--ionic-color-primary-600-rgb, 105, 134, 242);\n$ionic-color-primary-700: var(--ionic-color-primary-700, #105cef);\n$ionic-color-primary-700-rgb: var(--ionic-color-primary-700-rgb, 16, 92, 239);\n$ionic-color-primary-800: var(--ionic-color-primary-800, #0f54da);\n$ionic-color-primary-800-rgb: var(--ionic-color-primary-800-rgb, 15, 84, 218);\n$ionic-color-primary-900: var(--ionic-color-primary-900, #0d4bc3);\n$ionic-color-primary-900-rgb: var(--ionic-color-primary-900-rgb, 13, 75, 195);\n$ionic-color-primary-1000: var(--ionic-color-primary-1000, #0b41a9);\n$ionic-color-primary-1000-rgb: var(--ionic-color-primary-1000-rgb, 11, 65, 169);\n$ionic-color-primary-1100: var(--ionic-color-primary-1100, #09358a);\n$ionic-color-primary-1100-rgb: var(--ionic-color-primary-1100-rgb, 9, 53, 138);\n$ionic-color-primary-1200: var(--ionic-color-primary-1200, #072561);\n$ionic-color-primary-1200-rgb: var(--ionic-color-primary-1200-rgb, 7, 37, 97);\n$ionic-color-primary-base: var(--ionic-color-primary-base, #105cef);\n$ionic-color-primary-base-rgb: var(--ionic-color-primary-base-rgb, 16, 92, 239);\n$ionic-color-info-100: var(--ionic-color-info-100, #ebf9fe);\n$ionic-color-info-100-rgb: var(--ionic-color-info-100-rgb, 235, 249, 254);\n$ionic-color-info-200: var(--ionic-color-info-200, #dcf4fd);\n$ionic-color-info-200-rgb: var(--ionic-color-info-200-rgb, 220, 244, 253);\n$ionic-color-info-300: var(--ionic-color-info-300, #b3e9fc);\n$ionic-color-info-300-rgb: var(--ionic-color-info-300-rgb, 179, 233, 252);\n$ionic-color-info-400: var(--ionic-color-info-400, #80defa);\n$ionic-color-info-400-rgb: var(--ionic-color-info-400-rgb, 128, 222, 250);\n$ionic-color-info-500: var(--ionic-color-info-500, #27d3f9);\n$ionic-color-info-500-rgb: var(--ionic-color-info-500-rgb, 39, 211, 249);\n$ionic-color-info-600: var(--ionic-color-info-600, #22bbdc);\n$ionic-color-info-600-rgb: var(--ionic-color-info-600-rgb, 34, 187, 220);\n$ionic-color-info-700: var(--ionic-color-info-700, #1ea2bf);\n$ionic-color-info-700-rgb: var(--ionic-color-info-700-rgb, 30, 162, 191);\n$ionic-color-info-800: var(--ionic-color-info-800, #1988a0);\n$ionic-color-info-800-rgb: var(--ionic-color-info-800-rgb, 25, 136, 160);\n$ionic-color-info-900: var(--ionic-color-info-900, #146d81);\n$ionic-color-info-900-rgb: var(--ionic-color-info-900-rgb, 20, 109, 129);\n$ionic-color-info-1000: var(--ionic-color-info-1000, #0f5261);\n$ionic-color-info-1000-rgb: var(--ionic-color-info-1000-rgb, 15, 82, 97);\n$ionic-color-info-1100: var(--ionic-color-info-1100, #0a3741);\n$ionic-color-info-1100-rgb: var(--ionic-color-info-1100-rgb, 10, 55, 65);\n$ionic-color-info-1200: var(--ionic-color-info-1200, #051c21);\n$ionic-color-info-1200-rgb: var(--ionic-color-info-1200-rgb, 5, 28, 33);\n$ionic-color-info-base: var(--ionic-color-info-base, #1ea2bf);\n$ionic-color-info-base-rgb: var(--ionic-color-info-base-rgb, 30, 162, 191);\n$ionic-color-warning-100: var(--ionic-color-warning-100, #fff1ea);\n$ionic-color-warning-100-rgb: var(--ionic-color-warning-100-rgb, 255, 241, 234);\n$ionic-color-warning-200: var(--ionic-color-warning-200, #ffe8db);\n$ionic-color-warning-200-rgb: var(--ionic-color-warning-200-rgb, 255, 232, 219);\n$ionic-color-warning-300: var(--ionic-color-warning-300, #ffcfb1);\n$ionic-color-warning-300-rgb: var(--ionic-color-warning-300-rgb, 255, 207, 177);\n$ionic-color-warning-400: var(--ionic-color-warning-400, #ffb37b);\n$ionic-color-warning-400-rgb: var(--ionic-color-warning-400-rgb, 255, 179, 123);\n$ionic-color-warning-500: var(--ionic-color-warning-500, #ff9400);\n$ionic-color-warning-500-rgb: var(--ionic-color-warning-500-rgb, 255, 148, 0);\n$ionic-color-warning-600: var(--ionic-color-warning-600, #e18300);\n$ionic-color-warning-600-rgb: var(--ionic-color-warning-600-rgb, 225, 131, 0);\n$ionic-color-warning-700: var(--ionic-color-warning-700, #c37100);\n$ionic-color-warning-700-rgb: var(--ionic-color-warning-700-rgb, 195, 113, 0);\n$ionic-color-warning-800: var(--ionic-color-warning-800, #a45f00);\n$ionic-color-warning-800-rgb: var(--ionic-color-warning-800-rgb, 164, 95, 0);\n$ionic-color-warning-900: var(--ionic-color-warning-900, #844d00);\n$ionic-color-warning-900-rgb: var(--ionic-color-warning-900-rgb, 132, 77, 0);\n$ionic-color-warning-1000: var(--ionic-color-warning-1000, #633a00);\n$ionic-color-warning-1000-rgb: var(--ionic-color-warning-1000-rgb, 99, 58, 0);\n$ionic-color-warning-1100: var(--ionic-color-warning-1100, #422700);\n$ionic-color-warning-1100-rgb: var(--ionic-color-warning-1100-rgb, 66, 39, 0);\n$ionic-color-warning-1200: var(--ionic-color-warning-1200, #221400);\n$ionic-color-warning-1200-rgb: var(--ionic-color-warning-1200-rgb, 34, 20, 0);\n$ionic-color-warning-base: var(--ionic-color-warning-base, #c37100);\n$ionic-color-warning-base-rgb: var(--ionic-color-warning-base-rgb, 195, 113, 0);\n$ionic-color-danger-100: var(--ionic-color-danger-100, #feeded);\n$ionic-color-danger-100-rgb: var(--ionic-color-danger-100-rgb, 254, 237, 237);\n$ionic-color-danger-200: var(--ionic-color-danger-200, #fde1e1);\n$ionic-color-danger-200-rgb: var(--ionic-color-danger-200-rgb, 253, 225, 225);\n$ionic-color-danger-300: var(--ionic-color-danger-300, #fcc1c1);\n$ionic-color-danger-300-rgb: var(--ionic-color-danger-300-rgb, 252, 193, 193);\n$ionic-color-danger-400: var(--ionic-color-danger-400, #faa1a1);\n$ionic-color-danger-400-rgb: var(--ionic-color-danger-400-rgb, 250, 161, 161);\n$ionic-color-danger-500: var(--ionic-color-danger-500, #f97d7d);\n$ionic-color-danger-500-rgb: var(--ionic-color-danger-500-rgb, 249, 125, 125);\n$ionic-color-danger-600: var(--ionic-color-danger-600, #f85151);\n$ionic-color-danger-600-rgb: var(--ionic-color-danger-600-rgb, 248, 81, 81);\n$ionic-color-danger-700: var(--ionic-color-danger-700, #e52929);\n$ionic-color-danger-700-rgb: var(--ionic-color-danger-700-rgb, 229, 41, 41);\n$ionic-color-danger-800: var(--ionic-color-danger-800, #bf2222);\n$ionic-color-danger-800-rgb: var(--ionic-color-danger-800-rgb, 191, 34, 34);\n$ionic-color-danger-900: var(--ionic-color-danger-900, #991b1b);\n$ionic-color-danger-900-rgb: var(--ionic-color-danger-900-rgb, 153, 27, 27);\n$ionic-color-danger-1000: var(--ionic-color-danger-1000, #761515);\n$ionic-color-danger-1000-rgb: var(--ionic-color-danger-1000-rgb, 118, 21, 21);\n$ionic-color-danger-1100: var(--ionic-color-danger-1100, #540f0f);\n$ionic-color-danger-1100-rgb: var(--ionic-color-danger-1100-rgb, 84, 15, 15);\n$ionic-color-danger-1200: var(--ionic-color-danger-1200, #330909);\n$ionic-color-danger-1200-rgb: var(--ionic-color-danger-1200-rgb, 51, 9, 9);\n$ionic-color-danger-base: var(--ionic-color-danger-base, #e52929);\n$ionic-color-danger-base-rgb: var(--ionic-color-danger-base-rgb, 229, 41, 41);\n$ionic-color-success-100: var(--ionic-color-success-100, #ebf9ec);\n$ionic-color-success-100-rgb: var(--ionic-color-success-100-rgb, 235, 249, 236);\n$ionic-color-success-200: var(--ionic-color-success-200, #dcf5de);\n$ionic-color-success-200-rgb: var(--ionic-color-success-200-rgb, 220, 245, 222);\n$ionic-color-success-300: var(--ionic-color-success-300, #b3ebb7);\n$ionic-color-success-300-rgb: var(--ionic-color-success-300-rgb, 179, 235, 183);\n$ionic-color-success-400: var(--ionic-color-success-400, #7fe089);\n$ionic-color-success-400-rgb: var(--ionic-color-success-400-rgb, 127, 224, 137);\n$ionic-color-success-500: var(--ionic-color-success-500, #23d643);\n$ionic-color-success-500-rgb: var(--ionic-color-success-500-rgb, 35, 214, 67);\n$ionic-color-success-600: var(--ionic-color-success-600, #1fbd3b);\n$ionic-color-success-600-rgb: var(--ionic-color-success-600-rgb, 31, 189, 59);\n$ionic-color-success-700: var(--ionic-color-success-700, #1ba433);\n$ionic-color-success-700-rgb: var(--ionic-color-success-700-rgb, 27, 164, 51);\n$ionic-color-success-800: var(--ionic-color-success-800, #178a2b);\n$ionic-color-success-800-rgb: var(--ionic-color-success-800-rgb, 23, 138, 43);\n$ionic-color-success-900: var(--ionic-color-success-900, #126f23);\n$ionic-color-success-900-rgb: var(--ionic-color-success-900-rgb, 18, 111, 35);\n$ionic-color-success-1000: var(--ionic-color-success-1000, #0e531a);\n$ionic-color-success-1000-rgb: var(--ionic-color-success-1000-rgb, 14, 83, 26);\n$ionic-color-success-1100: var(--ionic-color-success-1100, #093811);\n$ionic-color-success-1100-rgb: var(--ionic-color-success-1100-rgb, 9, 56, 17);\n$ionic-color-success-1200: var(--ionic-color-success-1200, #051d09);\n$ionic-color-success-1200-rgb: var(--ionic-color-success-1200-rgb, 5, 29, 9);\n$ionic-color-success-base: var(--ionic-color-success-base, #1ba433);\n$ionic-color-success-base-rgb: var(--ionic-color-success-base-rgb, 27, 164, 51);\n$ionic-z-index-0: var(--ionic-z-index-0, 0);\n$ionic-z-index-1: var(--ionic-z-index-1, 100);\n$ionic-z-index-2: var(--ionic-z-index-2, 200);\n$ionic-z-index-3: var(--ionic-z-index-3, 300);\n$ionic-z-index-4: var(--ionic-z-index-4, 400);\n$ionic-z-index-500: var(--ionic-z-index-500, 500);\n$ionic-z-index-bottom: var(--ionic-z-index-bottom, -99999);\n$ionic-z-index-top: var(--ionic-z-index-top, 99999);\n$ionic-scale-0: var(--ionic-scale-0, 0px);\n$ionic-scale-100: var(--ionic-scale-100, 4px);\n$ionic-scale-150: var(--ionic-scale-150, 6px);\n$ionic-scale-200: var(--ionic-scale-200, 8px);\n$ionic-scale-250: var(--ionic-scale-250, 10px);\n$ionic-scale-300: var(--ionic-scale-300, 12px);\n$ionic-scale-400: var(--ionic-scale-400, 16px);\n$ionic-scale-500: var(--ionic-scale-500, 20px);\n$ionic-scale-600: var(--ionic-scale-600, 24px);\n$ionic-scale-700: var(--ionic-scale-700, 28px);\n$ionic-scale-800: var(--ionic-scale-800, 32px);\n$ionic-scale-900: var(--ionic-scale-900, 36px);\n$ionic-scale-1000: var(--ionic-scale-1000, 40px);\n$ionic-scale-1100: var(--ionic-scale-1100, 44px);\n$ionic-scale-1200: var(--ionic-scale-1200, 48px);\n$ionic-scale-1400: var(--ionic-scale-1400, 56px);\n$ionic-scale-1600: var(--ionic-scale-1600, 64px);\n$ionic-scale-1800: var(--ionic-scale-1800, 72px);\n$ionic-scale-2000: var(--ionic-scale-2000, 80px);\n$ionic-scale-2400: var(--ionic-scale-2400, 96px);\n$ionic-scale-3200: var(--ionic-scale-3200, 128px);\n$ionic-scale-4000: var(--ionic-scale-4000, 160px);\n$ionic-scale-5000: var(--ionic-scale-5000, 200px);\n$ionic-scale-6200: var(--ionic-scale-6200, 248px);\n$ionic-scale-7400: var(--ionic-scale-7400, 296px);\n$ionic-scale-9000: var(--ionic-scale-9000, 360px);\n$ionic-scale-025: var(--ionic-scale-025, 1px);\n$ionic-scale-050: var(--ionic-scale-050, 2px);\n$ionic-scale-075: var(--ionic-scale-075, 3px);\n$ionic-font-family: var(--ionic-font-family, \"Inter\", sans-serif);\n$ionic-state-focus-0: var(--ionic-state-focus-0, none);\n$ionic-state-focus-1: var(--ionic-state-focus-1, #9ec4fd);\n$ionic-state-focus-1-rgb: var(--ionic-state-focus-1-rgb, 158, 196, 253);\n$ionic-state-focus-2: var(--ionic-state-focus-2, #ffafaf);\n$ionic-state-focus-2-rgb: var(--ionic-state-focus-2-rgb, 255, 175, 175);\n$ionic-state-disabled: var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));\n$ionic-state-hover: var(--ionic-state-hover, rgba(36, 36, 36, 0.04));\n$ionic-state-pressed: var(--ionic-state-pressed, rgba(36, 36, 36, 0.08));\n\n$ionic-display-sm-regular: (\n font-size: $ionic-font-size-800,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-sm-light: (\n font-size: $ionic-font-size-800,\n font-style: normal,\n font-weight: $ionic-font-weight-light,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-lg-regular: (\n font-size: $ionic-font-size-900,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-lg-light: (\n font-size: $ionic-font-size-900,\n font-style: normal,\n font-weight: $ionic-font-weight-light,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-regular: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-medium: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-semi-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-bold: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-regular: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-medium: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-semi-bold: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-bold: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-regular: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-medium: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-semi-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-regular: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-medium: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-semi-bold: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-bold: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-regular: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-medium: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-semi-bold: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-bold: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-regular: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-medium: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-semi-bold: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-bold: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-regular: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-medium: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-semi-bold: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-bold: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-link: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-lg-italic: (\n font-size: $ionic-font-size-400,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-regular: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-medium: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-semi-bold: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-bold: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-link: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-md-italic: (\n font-size: $ionic-font-size-350,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-regular: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-medium: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-semi-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-link: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-sm-italic: (\n font-size: $ionic-font-size-300,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-xl: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-lg: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-md: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-sm: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-overline-regular: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-medium: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-semi-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-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// 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 position: absolute;\n\n background-color: tokens.$ionic-state-disabled;\n\n content: \"\";\n\n pointer-events: none;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ionic-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","@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Link: Shared Styles (Standalone & Underline)\n// -------------------------------------------------------------------------------\n@mixin link-shared {\n display: inline-flex;\n\n align-items: center;\n\n gap: globals.$ionic-space-100;\n\n transition: color 0.2s ease-in-out;\n\n font-weight: globals.$ionic-font-weight-regular;\n\n text-decoration-color: inherit;\n\n text-underline-offset: 2px;\n\n cursor: pointer;\n\n // Link: Visited\n // -------------------------------------------------------------------------------\n\n &:visited {\n color: globals.$ionic-color-info-500;\n }\n}\n\n// Link: Standalone\n// -------------------------------------------------------------------------------\n\n@mixin ionic-link {\n @include link-shared;\n\n // Link: Standalone - Hover\n // -------------------------------------------------------------------------------\n\n @media (any-hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n color: globals.$ionic-color-info-400;\n\n text-decoration: none;\n\n // Link: Standalone - Focus\n // -------------------------------------------------------------------------------\n\n &:focus,\n &.ion-focused {\n outline: 2px solid globals.$ionic-color-primary-100;\n outline-offset: 2px;\n\n text-decoration: underline;\n }\n\n // Link: Standalone - Active\n // -------------------------------------------------------------------------------\n\n &:active,\n &.ion-activated {\n color: globals.$ionic-color-info-500;\n\n text-decoration: underline;\n }\n}\n\na.ionic-link,\n:not(a).ionic-link a {\n @include ionic-link;\n}\n\n// Link: Underline\n// -------------------------------------------------------------------------------\n\n@mixin ionic-link-underline {\n @include link-shared;\n\n // Link: Underline - Hover\n // -------------------------------------------------------------------------------\n\n @media (any-hover: hover) {\n &:hover {\n color: globals.$ionic-color-info-400;\n }\n }\n\n color: currentColor;\n\n text-decoration: underline;\n\n // Link: Underline - Focus\n // -------------------------------------------------------------------------------\n\n &:focus,\n &.ion-focused {\n outline: 2px solid globals.$ionic-color-primary-100;\n outline-offset: 2px;\n\n color: currentColor;\n\n text-decoration: none;\n }\n\n // Link: Underline - Active\n // -------------------------------------------------------------------------------\n\n &:active,\n &.ion-activated {\n color: globals.$ionic-color-info-500;\n }\n}\n\na.ionic-link-underline,\n:not(a).ionic-link-underline a {\n @include ionic-link-underline;\n}\n","@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Slides\n// --------------------------------------------------\n\n.swiper {\n --bullet-background: #{tokens.$ionic-color-neutral-800};\n --bullet-background-active: #{tokens.$ionic-color-primary-base};\n --progress-bar-background: rgba(#010408, 0.25);\n --progress-bar-background-active: #{tokens.$ionic-color-primary-600};\n --scroll-bar-background: rgba(#010408, 0.1);\n --scroll-bar-background-active: rgba(#010408, 0.5);\n /**\n * @prop --bullet-background: Background of the pagination bullets\n * @prop --bullet-background-active: Background of the active pagination bullet\n *\n * @prop --progress-bar-background: Background of the pagination progress-bar\n * @prop --progress-bar-background-active: Background of the active pagination progress-bar\n *\n * @prop --scroll-bar-background: Background of the pagination scroll-bar\n * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar\n */\n display: block;\n\n user-select: none;\n}\n\n// Pagination Bullets\n// --------------------------------------------------\n\n.swiper .swiper-pagination-bullet {\n background: var(--bullet-background);\n}\n\n.swiper .swiper-pagination-bullet-active {\n background: var(--bullet-background-active);\n}\n\n// Pagination Progress Bar\n// --------------------------------------------------\n\n.swiper .swiper-pagination-progressbar {\n background: var(--progress-bar-background);\n}\n\n.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--progress-bar-background-active);\n}\n\n// Scrollbar\n// --------------------------------------------------\n\n.swiper .swiper-scrollbar {\n background: var(--scroll-bar-background);\n}\n\n.swiper .swiper-scrollbar-drag {\n background: var(--scroll-bar-background-active);\n}\n\n// Slide\n// --------------------------------------------------\n\n.swiper .slide-zoom {\n display: block;\n\n width: 100%;\n\n text-align: center;\n}\n\n.swiper .swiper-slide {\n // Center slide text vertically\n display: flex;\n position: relative;\n\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 100%;\n\n font-size: 18px;\n\n text-align: center;\n box-sizing: border-box;\n}\n\n.swiper .swiper-slide img {\n width: auto;\n max-width: 100%;\n height: auto;\n max-height: 100%;\n}\n"]}
package/css/ionic/ionic-swiper.ionic.css ADDED
@@ -0,0 +1 @@
1
+ .swiper{--bullet-background: var(--ionic-color-neutral-800, #626262);--bullet-background-active: var(--ionic-color-primary-base, #105cef);--progress-bar-background: rgba(#010408, 0.25);--progress-bar-background-active: var(--ionic-color-primary-600, #6986f2);--scroll-bar-background: rgba(#010408, 0.1);--scroll-bar-background-active: rgba(#010408, 0.5);display:block;user-select:none}.swiper .swiper-pagination-bullet{background:var(--bullet-background)}.swiper .swiper-pagination-bullet-active{background:var(--bullet-background-active)}.swiper .swiper-pagination-progressbar{background:var(--progress-bar-background)}.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--progress-bar-background-active)}.swiper .swiper-scrollbar{background:var(--scroll-bar-background)}.swiper .swiper-scrollbar-drag{background:var(--scroll-bar-background-active)}.swiper .slide-zoom{display:block;width:100%;text-align:center}.swiper .swiper-slide{display:flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;text-align:center;box-sizing:border-box}.swiper .swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%}/*# sourceMappingURL=ionic-swiper.ionic.css.map */
package/css/ionic/ionic-swiper.ionic.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/ionic-swiper.ionic.scss"],"names":[],"mappings":"AAKA,QACE,6DACA,qEACA,+CACA,0EACA,4CACA,mDAWA,cAEA,iBAMF,kCACE,oCAGF,yCACE,2CAMF,uCACE,0CAGF,2EACE,iDAMF,0BACE,wCAGF,+BACE,+CAMF,oBACE,cAEA,WAEA,kBAGF,sBAEE,aACA,kBAEA,cACA,mBACA,uBAEA,WACA,YAEA,eAEA,kBACA,sBAGF,0BACE,WACA,eACA,YACA","file":"ionic-swiper.ionic.css","sourcesContent":["@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Slides\n// --------------------------------------------------\n\n.swiper {\n --bullet-background: #{tokens.$ionic-color-neutral-800};\n --bullet-background-active: #{tokens.$ionic-color-primary-base};\n --progress-bar-background: rgba(#010408, 0.25);\n --progress-bar-background-active: #{tokens.$ionic-color-primary-600};\n --scroll-bar-background: rgba(#010408, 0.1);\n --scroll-bar-background-active: rgba(#010408, 0.5);\n /**\n * @prop --bullet-background: Background of the pagination bullets\n * @prop --bullet-background-active: Background of the active pagination bullet\n *\n * @prop --progress-bar-background: Background of the pagination progress-bar\n * @prop --progress-bar-background-active: Background of the active pagination progress-bar\n *\n * @prop --scroll-bar-background: Background of the pagination scroll-bar\n * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar\n */\n display: block;\n\n user-select: none;\n}\n\n// Pagination Bullets\n// --------------------------------------------------\n\n.swiper .swiper-pagination-bullet {\n background: var(--bullet-background);\n}\n\n.swiper .swiper-pagination-bullet-active {\n background: var(--bullet-background-active);\n}\n\n// Pagination Progress Bar\n// --------------------------------------------------\n\n.swiper .swiper-pagination-progressbar {\n background: var(--progress-bar-background);\n}\n\n.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--progress-bar-background-active);\n}\n\n// Scrollbar\n// --------------------------------------------------\n\n.swiper .swiper-scrollbar {\n background: var(--scroll-bar-background);\n}\n\n.swiper .swiper-scrollbar-drag {\n background: var(--scroll-bar-background-active);\n}\n\n// Slide\n// --------------------------------------------------\n\n.swiper .slide-zoom {\n display: block;\n\n width: 100%;\n\n text-align: center;\n}\n\n.swiper .swiper-slide {\n // Center slide text vertically\n display: flex;\n position: relative;\n\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 100%;\n\n font-size: 18px;\n\n text-align: center;\n box-sizing: border-box;\n}\n\n.swiper .swiper-slide img {\n width: auto;\n max-width: 100%;\n height: auto;\n max-height: 100%;\n}\n"]}
package/css/ionic/link.ionic.css ADDED
@@ -0,0 +1 @@
1
+ a.ionic-link,:not(a).ionic-link a{display:inline-flex;align-items:center;gap:var(--ionic-space-100, 4px);transition:color .2s ease-in-out;font-weight:var(--ionic-font-weight-regular, 400);text-decoration-color:inherit;text-underline-offset:2px;cursor:pointer;color:var(--ionic-color-info-400, #80defa);text-decoration:none}a.ionic-link:visited,:not(a).ionic-link a:visited{color:var(--ionic-color-info-500, #27d3f9)}@media(any-hover: hover){a.ionic-link:hover,:not(a).ionic-link a:hover{text-decoration:underline}}a.ionic-link:focus,a.ionic-link.ion-focused,:not(a).ionic-link a:focus,:not(a).ionic-link a.ion-focused{outline:2px solid var(--ionic-color-primary-100, #f2f4fd);outline-offset:2px;text-decoration:underline}a.ionic-link:active,a.ionic-link.ion-activated,:not(a).ionic-link a:active,:not(a).ionic-link a.ion-activated{color:var(--ionic-color-info-500, #27d3f9);text-decoration:underline}a.ionic-link-underline,:not(a).ionic-link-underline a{display:inline-flex;align-items:center;gap:var(--ionic-space-100, 4px);transition:color .2s ease-in-out;font-weight:var(--ionic-font-weight-regular, 400);text-decoration-color:inherit;text-underline-offset:2px;cursor:pointer;color:currentColor;text-decoration:underline}a.ionic-link-underline:visited,:not(a).ionic-link-underline a:visited{color:var(--ionic-color-info-500, #27d3f9)}@media(any-hover: hover){a.ionic-link-underline:hover,:not(a).ionic-link-underline a:hover{color:var(--ionic-color-info-400, #80defa)}}a.ionic-link-underline:focus,a.ionic-link-underline.ion-focused,:not(a).ionic-link-underline a:focus,:not(a).ionic-link-underline a.ion-focused{outline:2px solid var(--ionic-color-primary-100, #f2f4fd);outline-offset:2px;color:currentColor;text-decoration:none}a.ionic-link-underline:active,a.ionic-link-underline.ion-activated,:not(a).ionic-link-underline a:active,:not(a).ionic-link-underline a.ion-activated{color:var(--ionic-color-info-500, #27d3f9)}/*# sourceMappingURL=link.ionic.css.map */