@watermarkinsights/ripple 5.12.0 → 5.13.0-alpha.2

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 (461) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +1 -1
  3. package/dist/components/index.d.ts +33 -0
  4. package/dist/components/priv-calendar.d.ts +11 -0
  5. package/dist/components/priv-chart-popover.d.ts +11 -0
  6. package/dist/components/priv-navigator-button.d.ts +11 -0
  7. package/dist/components/priv-navigator-item.d.ts +11 -0
  8. package/dist/components/priv-option-list.d.ts +11 -0
  9. package/dist/components/wm-action-menu.d.ts +11 -0
  10. package/dist/components/wm-button.d.ts +11 -0
  11. package/dist/components/wm-chart-slice.d.ts +11 -0
  12. package/dist/components/wm-chart.d.ts +11 -0
  13. package/dist/components/wm-date-range.d.ts +11 -0
  14. package/dist/components/wm-datepicker.d.ts +11 -0
  15. package/dist/components/wm-file-list.d.ts +11 -0
  16. package/dist/components/wm-file.d.ts +11 -0
  17. package/dist/components/wm-input.d.ts +11 -0
  18. package/dist/components/wm-line-chart.d.ts +11 -0
  19. package/dist/components/wm-menuitem.d.ts +11 -0
  20. package/dist/components/wm-modal-footer.d.ts +11 -0
  21. package/dist/components/wm-modal-header.d.ts +11 -0
  22. package/dist/components/wm-modal-pss-footer.d.ts +11 -0
  23. package/dist/components/wm-modal-pss-header.d.ts +11 -0
  24. package/dist/components/wm-modal-pss.d.ts +11 -0
  25. package/dist/components/wm-modal.d.ts +11 -0
  26. package/dist/components/wm-navigation-hamburger.d.ts +11 -0
  27. package/dist/components/wm-navigation-item.d.ts +11 -0
  28. package/dist/components/wm-navigation.d.ts +11 -0
  29. package/dist/components/wm-navigator.d.ts +11 -0
  30. package/dist/components/wm-nested-select.d.ts +11 -0
  31. package/dist/components/wm-optgroup.d.ts +11 -0
  32. package/dist/components/wm-option.d.ts +11 -0
  33. package/dist/components/wm-pagination.d.ts +11 -0
  34. package/dist/components/wm-progress-indicator.d.ts +11 -0
  35. package/dist/components/wm-progress-monitor.d.ts +11 -0
  36. package/dist/components/wm-progress-slice.d.ts +11 -0
  37. package/dist/components/wm-search.d.ts +11 -0
  38. package/dist/components/wm-select.d.ts +11 -0
  39. package/dist/components/wm-snackbar.d.ts +11 -0
  40. package/dist/components/wm-tab-item.d.ts +11 -0
  41. package/dist/components/wm-tab-list.d.ts +11 -0
  42. package/dist/components/wm-tab-panel.d.ts +11 -0
  43. package/dist/components/wm-tag-input.d.ts +11 -0
  44. package/dist/components/wm-tag-option.d.ts +11 -0
  45. package/dist/components/wm-textarea.d.ts +11 -0
  46. package/dist/components/wm-timepicker.d.ts +11 -0
  47. package/dist/components/wm-toggletip.d.ts +11 -0
  48. package/dist/components/wm-uploader.d.ts +11 -0
  49. package/dist/components/wm-wrapper.d.ts +11 -0
  50. package/dist/types/stencil-public-runtime.d.ts +31 -10
  51. package/package.json +4 -8
  52. package/dist/cjs/chartFunctions-a1981e06.js +0 -732
  53. package/dist/cjs/functions-4b187487.js +0 -9679
  54. package/dist/cjs/global-4e034486.js +0 -85
  55. package/dist/cjs/index-e86c28b6.js +0 -2649
  56. package/dist/cjs/index.cjs.js +0 -2
  57. package/dist/cjs/interfaces-85d78ae9.js +0 -37
  58. package/dist/cjs/intl-7fd0760e.js +0 -283
  59. package/dist/cjs/loader.cjs.js +0 -14
  60. package/dist/cjs/priv-calendar.cjs.entry.js +0 -573
  61. package/dist/cjs/priv-chart-popover.cjs.entry.js +0 -139
  62. package/dist/cjs/priv-navigator-button.cjs.entry.js +0 -28
  63. package/dist/cjs/priv-navigator-item.cjs.entry.js +0 -34
  64. package/dist/cjs/priv-option-list.cjs.entry.js +0 -392
  65. package/dist/cjs/ripple.cjs.js +0 -24
  66. package/dist/cjs/wm-action-menu_2.cjs.entry.js +0 -333
  67. package/dist/cjs/wm-button.cjs.entry.js +0 -206
  68. package/dist/cjs/wm-chart-slice.cjs.entry.js +0 -27
  69. package/dist/cjs/wm-chart.cjs.entry.js +0 -162
  70. package/dist/cjs/wm-date-range.cjs.entry.js +0 -483
  71. package/dist/cjs/wm-datepicker.cjs.entry.js +0 -253
  72. package/dist/cjs/wm-file-list.cjs.entry.js +0 -22
  73. package/dist/cjs/wm-file.cjs.entry.js +0 -193
  74. package/dist/cjs/wm-input.cjs.entry.js +0 -124
  75. package/dist/cjs/wm-line-chart.cjs.entry.js +0 -460
  76. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +0 -214
  77. package/dist/cjs/wm-modal_3.cjs.entry.js +0 -212
  78. package/dist/cjs/wm-navigation_3.cjs.entry.js +0 -185
  79. package/dist/cjs/wm-navigator.cjs.entry.js +0 -326
  80. package/dist/cjs/wm-nested-select.cjs.entry.js +0 -314
  81. package/dist/cjs/wm-optgroup.cjs.entry.js +0 -73
  82. package/dist/cjs/wm-option_2.cjs.entry.js +0 -425
  83. package/dist/cjs/wm-pagination.cjs.entry.js +0 -227
  84. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +0 -202
  85. package/dist/cjs/wm-search.cjs.entry.js +0 -193
  86. package/dist/cjs/wm-snackbar.cjs.entry.js +0 -181
  87. package/dist/cjs/wm-tab-item_3.cjs.entry.js +0 -260
  88. package/dist/cjs/wm-tag-input.cjs.entry.js +0 -891
  89. package/dist/cjs/wm-tag-option.cjs.entry.js +0 -43
  90. package/dist/cjs/wm-textarea.cjs.entry.js +0 -87
  91. package/dist/cjs/wm-timepicker.cjs.entry.js +0 -306
  92. package/dist/cjs/wm-toggletip.cjs.entry.js +0 -182
  93. package/dist/cjs/wm-uploader.cjs.entry.js +0 -324
  94. package/dist/cjs/wm-wrapper.cjs.entry.js +0 -21
  95. package/dist/collection/collection-manifest.json +0 -191
  96. package/dist/collection/components/charts/chartFunctions.js +0 -665
  97. package/dist/collection/components/charts/chartFunctions.spec.js +0 -16
  98. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +0 -908
  99. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.e2e.js +0 -81
  100. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +0 -257
  101. package/dist/collection/components/charts/screenshots.e2e.js +0 -96
  102. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +0 -125
  103. package/dist/collection/components/charts/wm-chart/wm-chart.css +0 -1274
  104. package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js +0 -213
  105. package/dist/collection/components/charts/wm-chart/wm-chart.js +0 -422
  106. package/dist/collection/components/charts/wm-chart/wm-chart.spec.js +0 -37
  107. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +0 -1067
  108. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.e2e.js +0 -176
  109. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +0 -723
  110. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js +0 -163
  111. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +0 -1274
  112. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +0 -264
  113. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -909
  114. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js +0 -69
  115. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +0 -151
  116. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js +0 -79
  117. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +0 -121
  118. package/dist/collection/components/datepickers/datepicker.css +0 -1043
  119. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +0 -1279
  120. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +0 -840
  121. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.spec.js +0 -89
  122. package/dist/collection/components/datepickers/wm-date-range.e2e.js +0 -443
  123. package/dist/collection/components/datepickers/wm-date-range.js +0 -845
  124. package/dist/collection/components/datepickers/wm-date-range.spec.js +0 -22
  125. package/dist/collection/components/datepickers/wm-datepicker.e2e.js +0 -382
  126. package/dist/collection/components/datepickers/wm-datepicker.js +0 -520
  127. package/dist/collection/components/datepickers/wm-datepicker.spec.js +0 -21
  128. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +0 -918
  129. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +0 -778
  130. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +0 -1181
  131. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +0 -620
  132. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +0 -830
  133. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +0 -258
  134. package/dist/collection/components/selects/wm-option/wm-option.css +0 -931
  135. package/dist/collection/components/selects/wm-option/wm-option.e2e.js +0 -22
  136. package/dist/collection/components/selects/wm-option/wm-option.js +0 -530
  137. package/dist/collection/components/selects/wm-option/wm-option.spec.js +0 -63
  138. package/dist/collection/components/selects/wm-select/wm-select.css +0 -1104
  139. package/dist/collection/components/selects/wm-select/wm-select.e2e.js +0 -521
  140. package/dist/collection/components/selects/wm-select/wm-select.js +0 -584
  141. package/dist/collection/components/selects/wm-select/wm-select.spec.js +0 -271
  142. package/dist/collection/components/wm-action-menu/wm-action-menu.css +0 -891
  143. package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js +0 -200
  144. package/dist/collection/components/wm-action-menu/wm-action-menu.js +0 -435
  145. package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js +0 -48
  146. package/dist/collection/components/wm-button/wm-button.css +0 -1261
  147. package/dist/collection/components/wm-button/wm-button.e2e.js +0 -55
  148. package/dist/collection/components/wm-button/wm-button.js +0 -489
  149. package/dist/collection/components/wm-button/wm-button.spec.js +0 -74
  150. package/dist/collection/components/wm-file/wm-file.css +0 -927
  151. package/dist/collection/components/wm-file/wm-file.js +0 -412
  152. package/dist/collection/components/wm-file/wm-file.spec.js +0 -194
  153. package/dist/collection/components/wm-file-list/wm-file-list.css +0 -820
  154. package/dist/collection/components/wm-file-list/wm-file-list.js +0 -45
  155. package/dist/collection/components/wm-file-list/wm-file-list.spec.js +0 -69
  156. package/dist/collection/components/wm-input/wm-input.css +0 -992
  157. package/dist/collection/components/wm-input/wm-input.e2e.js +0 -32
  158. package/dist/collection/components/wm-input/wm-input.js +0 -471
  159. package/dist/collection/components/wm-input/wm-input.spec.js +0 -173
  160. package/dist/collection/components/wm-menuitem/wm-menuitem.css +0 -891
  161. package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js +0 -23
  162. package/dist/collection/components/wm-menuitem/wm-menuitem.js +0 -419
  163. package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js +0 -54
  164. package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -845
  165. package/dist/collection/components/wm-modal/wm-modal-footer.js +0 -141
  166. package/dist/collection/components/wm-modal/wm-modal-footer.spec.js +0 -11
  167. package/dist/collection/components/wm-modal/wm-modal-header.css +0 -844
  168. package/dist/collection/components/wm-modal/wm-modal-header.js +0 -78
  169. package/dist/collection/components/wm-modal/wm-modal-header.spec.js +0 -8
  170. package/dist/collection/components/wm-modal/wm-modal.css +0 -891
  171. package/dist/collection/components/wm-modal/wm-modal.e2e.js +0 -104
  172. package/dist/collection/components/wm-modal/wm-modal.js +0 -350
  173. package/dist/collection/components/wm-modal/wm-modal.spec.js +0 -30
  174. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +0 -852
  175. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +0 -138
  176. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +0 -846
  177. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +0 -82
  178. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +0 -927
  179. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +0 -362
  180. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +0 -847
  181. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +0 -119
  182. package/dist/collection/components/wm-navigation/wm-navigation-item.css +0 -856
  183. package/dist/collection/components/wm-navigation/wm-navigation-item.js +0 -98
  184. package/dist/collection/components/wm-navigation/wm-navigation.css +0 -898
  185. package/dist/collection/components/wm-navigation/wm-navigation.e2e.js +0 -102
  186. package/dist/collection/components/wm-navigation/wm-navigation.js +0 -190
  187. package/dist/collection/components/wm-navigation/wm-navigation.spec.js +0 -91
  188. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +0 -849
  189. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.e2e.js +0 -50
  190. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +0 -86
  191. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +0 -830
  192. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +0 -124
  193. package/dist/collection/components/wm-navigator/wm-navigator.css +0 -903
  194. package/dist/collection/components/wm-navigator/wm-navigator.e2e.js +0 -209
  195. package/dist/collection/components/wm-navigator/wm-navigator.js +0 -496
  196. package/dist/collection/components/wm-navigator/wm-navigator.spec.js +0 -177
  197. package/dist/collection/components/wm-pagination/wm-pagination.css +0 -971
  198. package/dist/collection/components/wm-pagination/wm-pagination.e2e.js +0 -312
  199. package/dist/collection/components/wm-pagination/wm-pagination.js +0 -363
  200. package/dist/collection/components/wm-search/wm-search.css +0 -895
  201. package/dist/collection/components/wm-search/wm-search.e2e.js +0 -76
  202. package/dist/collection/components/wm-search/wm-search.js +0 -426
  203. package/dist/collection/components/wm-search/wm-search.spec.js +0 -71
  204. package/dist/collection/components/wm-snackbar/wm-snackbar.css +0 -1077
  205. package/dist/collection/components/wm-snackbar/wm-snackbar.e2e.js +0 -112
  206. package/dist/collection/components/wm-snackbar/wm-snackbar.js +0 -269
  207. package/dist/collection/components/wm-snackbar/wm-snackbar.spec.js +0 -9
  208. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +0 -868
  209. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +0 -175
  210. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +0 -840
  211. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +0 -273
  212. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -825
  213. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +0 -87
  214. package/dist/collection/components/wm-tabs/wm-tabs.e2e.js +0 -91
  215. package/dist/collection/components/wm-tabs/wm-tabs.spec.js +0 -12
  216. package/dist/collection/components/wm-tag-input/wm-tag-input.css +0 -1275
  217. package/dist/collection/components/wm-tag-input/wm-tag-input.e2e.js +0 -204
  218. package/dist/collection/components/wm-tag-input/wm-tag-input.js +0 -1227
  219. package/dist/collection/components/wm-tag-input/wm-tag-input.spec.js +0 -195
  220. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +0 -243
  221. package/dist/collection/components/wm-textarea/wm-textarea.css +0 -979
  222. package/dist/collection/components/wm-textarea/wm-textarea.e2e.js +0 -41
  223. package/dist/collection/components/wm-textarea/wm-textarea.js +0 -313
  224. package/dist/collection/components/wm-textarea/wm-textarea.spec.js +0 -79
  225. package/dist/collection/components/wm-timepicker/wm-timepicker.css +0 -1093
  226. package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js +0 -163
  227. package/dist/collection/components/wm-timepicker/wm-timepicker.js +0 -544
  228. package/dist/collection/components/wm-timepicker/wm-timepicker.spec.js +0 -147
  229. package/dist/collection/components/wm-toggletip/wm-toggletip.css +0 -1152
  230. package/dist/collection/components/wm-toggletip/wm-toggletip.e2e.js +0 -69
  231. package/dist/collection/components/wm-toggletip/wm-toggletip.js +0 -289
  232. package/dist/collection/components/wm-toggletip/wm-toggletip.spec.js +0 -21
  233. package/dist/collection/components/wm-uploader/wm-uploader.css +0 -1563
  234. package/dist/collection/components/wm-uploader/wm-uploader.e2e.js +0 -70
  235. package/dist/collection/components/wm-uploader/wm-uploader.js +0 -603
  236. package/dist/collection/components/wm-uploader/wm-uploader.spec.js +0 -234
  237. package/dist/collection/components/wm-wrapper/wm-wrapper.js +0 -28
  238. package/dist/collection/dev/button.js +0 -0
  239. package/dist/collection/dev/chart-small.js +0 -56
  240. package/dist/collection/dev/chart.js +0 -18
  241. package/dist/collection/dev/date-range.js +0 -6
  242. package/dist/collection/dev/datepicker.js +0 -46
  243. package/dist/collection/dev/file-list.js +0 -16
  244. package/dist/collection/dev/file.js +0 -0
  245. package/dist/collection/dev/input.js +0 -6
  246. package/dist/collection/dev/line-chart.js +0 -0
  247. package/dist/collection/dev/modal.js +0 -48
  248. package/dist/collection/dev/navigation.js +0 -13
  249. package/dist/collection/dev/navigator.js +0 -34
  250. package/dist/collection/dev/nested-select.js +0 -36
  251. package/dist/collection/dev/pagination.js +0 -7
  252. package/dist/collection/dev/progress-monitor.js +0 -0
  253. package/dist/collection/dev/pss-modal.js +0 -8
  254. package/dist/collection/dev/scripts.js +0 -49
  255. package/dist/collection/dev/search.js +0 -72
  256. package/dist/collection/dev/select.js +0 -57
  257. package/dist/collection/dev/snackbar.js +0 -54
  258. package/dist/collection/dev/tabs.js +0 -44
  259. package/dist/collection/dev/tag-input.js +0 -32
  260. package/dist/collection/dev/textarea.js +0 -28
  261. package/dist/collection/dev/timepicker.js +0 -32
  262. package/dist/collection/dev/toggletip.js +0 -9
  263. package/dist/collection/dev/uploader.js +0 -139
  264. package/dist/collection/global/__mocks__/functions.js +0 -6
  265. package/dist/collection/global/functions.js +0 -825
  266. package/dist/collection/global/functions.spec.js +0 -126
  267. package/dist/collection/global/global.js +0 -88
  268. package/dist/collection/global/interfaces.js +0 -51
  269. package/dist/collection/global/intl.js +0 -274
  270. package/dist/collection/global/services/__mocks__/http-service.js +0 -130
  271. package/dist/collection/global/services/http-service.js +0 -50
  272. package/dist/collection/lang/lang.js +0 -5
  273. package/dist/collection/lang/lang.spec.js +0 -20
  274. package/dist/collection/lang/missing.js +0 -43
  275. package/dist/collection/lang/piglatin.js +0 -101
  276. package/dist/esm/chartFunctions-9099c7e9.js +0 -715
  277. package/dist/esm/functions-00e1916b.js +0 -9639
  278. package/dist/esm/global-c76064cb.js +0 -83
  279. package/dist/esm/index-558b5a82.js +0 -2618
  280. package/dist/esm/index.js +0 -1
  281. package/dist/esm/interfaces-cc5b177f.js +0 -34
  282. package/dist/esm/intl-a6f16883.js +0 -277
  283. package/dist/esm/loader.js +0 -10
  284. package/dist/esm/polyfills/core-js.js +0 -11
  285. package/dist/esm/polyfills/dom.js +0 -79
  286. package/dist/esm/polyfills/es5-html-element.js +0 -1
  287. package/dist/esm/polyfills/index.js +0 -34
  288. package/dist/esm/polyfills/system.js +0 -6
  289. package/dist/esm/priv-calendar.entry.js +0 -569
  290. package/dist/esm/priv-chart-popover.entry.js +0 -135
  291. package/dist/esm/priv-navigator-button.entry.js +0 -24
  292. package/dist/esm/priv-navigator-item.entry.js +0 -30
  293. package/dist/esm/priv-option-list.entry.js +0 -388
  294. package/dist/esm/ripple.js +0 -19
  295. package/dist/esm/wm-action-menu_2.entry.js +0 -328
  296. package/dist/esm/wm-button.entry.js +0 -202
  297. package/dist/esm/wm-chart-slice.entry.js +0 -23
  298. package/dist/esm/wm-chart.entry.js +0 -158
  299. package/dist/esm/wm-date-range.entry.js +0 -479
  300. package/dist/esm/wm-datepicker.entry.js +0 -249
  301. package/dist/esm/wm-file-list.entry.js +0 -18
  302. package/dist/esm/wm-file.entry.js +0 -189
  303. package/dist/esm/wm-input.entry.js +0 -120
  304. package/dist/esm/wm-line-chart.entry.js +0 -456
  305. package/dist/esm/wm-modal-pss_3.entry.js +0 -208
  306. package/dist/esm/wm-modal_3.entry.js +0 -206
  307. package/dist/esm/wm-navigation_3.entry.js +0 -179
  308. package/dist/esm/wm-navigator.entry.js +0 -322
  309. package/dist/esm/wm-nested-select.entry.js +0 -310
  310. package/dist/esm/wm-optgroup.entry.js +0 -69
  311. package/dist/esm/wm-option_2.entry.js +0 -420
  312. package/dist/esm/wm-pagination.entry.js +0 -223
  313. package/dist/esm/wm-progress-indicator_3.entry.js +0 -196
  314. package/dist/esm/wm-search.entry.js +0 -189
  315. package/dist/esm/wm-snackbar.entry.js +0 -177
  316. package/dist/esm/wm-tab-item_3.entry.js +0 -254
  317. package/dist/esm/wm-tag-input.entry.js +0 -887
  318. package/dist/esm/wm-tag-option.entry.js +0 -39
  319. package/dist/esm/wm-textarea.entry.js +0 -83
  320. package/dist/esm/wm-timepicker.entry.js +0 -302
  321. package/dist/esm/wm-toggletip.entry.js +0 -178
  322. package/dist/esm/wm-uploader.entry.js +0 -320
  323. package/dist/esm/wm-wrapper.entry.js +0 -17
  324. package/dist/esm-es5/chartFunctions-9099c7e9.js +0 -1
  325. package/dist/esm-es5/functions-00e1916b.js +0 -1
  326. package/dist/esm-es5/global-c76064cb.js +0 -1
  327. package/dist/esm-es5/index-558b5a82.js +0 -1
  328. package/dist/esm-es5/index.js +0 -0
  329. package/dist/esm-es5/interfaces-cc5b177f.js +0 -1
  330. package/dist/esm-es5/intl-a6f16883.js +0 -1
  331. package/dist/esm-es5/loader.js +0 -1
  332. package/dist/esm-es5/priv-calendar.entry.js +0 -1
  333. package/dist/esm-es5/priv-chart-popover.entry.js +0 -1
  334. package/dist/esm-es5/priv-navigator-button.entry.js +0 -1
  335. package/dist/esm-es5/priv-navigator-item.entry.js +0 -1
  336. package/dist/esm-es5/priv-option-list.entry.js +0 -1
  337. package/dist/esm-es5/ripple.js +0 -1
  338. package/dist/esm-es5/wm-action-menu_2.entry.js +0 -1
  339. package/dist/esm-es5/wm-button.entry.js +0 -1
  340. package/dist/esm-es5/wm-chart-slice.entry.js +0 -1
  341. package/dist/esm-es5/wm-chart.entry.js +0 -1
  342. package/dist/esm-es5/wm-date-range.entry.js +0 -1
  343. package/dist/esm-es5/wm-datepicker.entry.js +0 -1
  344. package/dist/esm-es5/wm-file-list.entry.js +0 -1
  345. package/dist/esm-es5/wm-file.entry.js +0 -1
  346. package/dist/esm-es5/wm-input.entry.js +0 -1
  347. package/dist/esm-es5/wm-line-chart.entry.js +0 -1
  348. package/dist/esm-es5/wm-modal-pss_3.entry.js +0 -1
  349. package/dist/esm-es5/wm-modal_3.entry.js +0 -1
  350. package/dist/esm-es5/wm-navigation_3.entry.js +0 -1
  351. package/dist/esm-es5/wm-navigator.entry.js +0 -1
  352. package/dist/esm-es5/wm-nested-select.entry.js +0 -1
  353. package/dist/esm-es5/wm-optgroup.entry.js +0 -1
  354. package/dist/esm-es5/wm-option_2.entry.js +0 -1
  355. package/dist/esm-es5/wm-pagination.entry.js +0 -1
  356. package/dist/esm-es5/wm-progress-indicator_3.entry.js +0 -1
  357. package/dist/esm-es5/wm-search.entry.js +0 -1
  358. package/dist/esm-es5/wm-snackbar.entry.js +0 -1
  359. package/dist/esm-es5/wm-tab-item_3.entry.js +0 -1
  360. package/dist/esm-es5/wm-tag-input.entry.js +0 -1
  361. package/dist/esm-es5/wm-tag-option.entry.js +0 -1
  362. package/dist/esm-es5/wm-textarea.entry.js +0 -1
  363. package/dist/esm-es5/wm-timepicker.entry.js +0 -1
  364. package/dist/esm-es5/wm-toggletip.entry.js +0 -1
  365. package/dist/esm-es5/wm-uploader.entry.js +0 -1
  366. package/dist/esm-es5/wm-wrapper.entry.js +0 -1
  367. package/dist/index.cjs.js +0 -1
  368. package/dist/index.js +0 -1
  369. package/dist/loader/cdn.js +0 -3
  370. package/dist/loader/index.cjs.js +0 -3
  371. package/dist/loader/index.d.ts +0 -21
  372. package/dist/loader/index.es2017.js +0 -3
  373. package/dist/loader/index.js +0 -4
  374. package/dist/loader/package.json +0 -11
  375. package/dist/ripple/index.esm.js +0 -0
  376. package/dist/ripple/p-05ae54d7.entry.js +0 -1
  377. package/dist/ripple/p-0d89d63c.system.entry.js +0 -1
  378. package/dist/ripple/p-118c47eb.system.entry.js +0 -1
  379. package/dist/ripple/p-1a4b6b02.system.entry.js +0 -1
  380. package/dist/ripple/p-1a4b7504.system.entry.js +0 -1
  381. package/dist/ripple/p-1a71d867.system.entry.js +0 -1
  382. package/dist/ripple/p-1a951dfb.entry.js +0 -1
  383. package/dist/ripple/p-1c8f550f.system.entry.js +0 -1
  384. package/dist/ripple/p-1f751b87.js +0 -1
  385. package/dist/ripple/p-1fac5bf9.js +0 -1
  386. package/dist/ripple/p-20a8f732.system.entry.js +0 -1
  387. package/dist/ripple/p-249b56fb.entry.js +0 -1
  388. package/dist/ripple/p-249d13a1.system.entry.js +0 -1
  389. package/dist/ripple/p-26906899.entry.js +0 -1
  390. package/dist/ripple/p-2732bddd.js +0 -1
  391. package/dist/ripple/p-28119645.system.entry.js +0 -1
  392. package/dist/ripple/p-2f37f3ee.system.js +0 -1
  393. package/dist/ripple/p-32bf3f5b.system.entry.js +0 -1
  394. package/dist/ripple/p-335c03d3.system.entry.js +0 -1
  395. package/dist/ripple/p-363b534b.entry.js +0 -1
  396. package/dist/ripple/p-393e4636.js +0 -1
  397. package/dist/ripple/p-39f79d71.system.entry.js +0 -1
  398. package/dist/ripple/p-3a231f4b.system.entry.js +0 -1
  399. package/dist/ripple/p-3d4bb85f.entry.js +0 -1
  400. package/dist/ripple/p-4228de00.entry.js +0 -1
  401. package/dist/ripple/p-42fa7a77.system.js +0 -1
  402. package/dist/ripple/p-48e09589.entry.js +0 -1
  403. package/dist/ripple/p-4f8fe1d1.system.js +0 -1
  404. package/dist/ripple/p-50ea2036.system.js +0 -1
  405. package/dist/ripple/p-522ecb7d.system.entry.js +0 -1
  406. package/dist/ripple/p-54d6f0f9.entry.js +0 -1
  407. package/dist/ripple/p-568c595f.js +0 -2
  408. package/dist/ripple/p-56aeee6e.system.entry.js +0 -1
  409. package/dist/ripple/p-5e6a4f70.system.js +0 -1
  410. package/dist/ripple/p-5f082360.system.entry.js +0 -1
  411. package/dist/ripple/p-5f5fe905.js +0 -1
  412. package/dist/ripple/p-617c2c75.entry.js +0 -1
  413. package/dist/ripple/p-6524c53e.system.entry.js +0 -1
  414. package/dist/ripple/p-65d26233.system.entry.js +0 -1
  415. package/dist/ripple/p-6834a6d3.entry.js +0 -1
  416. package/dist/ripple/p-68e04222.entry.js +0 -1
  417. package/dist/ripple/p-68fddfaa.system.entry.js +0 -1
  418. package/dist/ripple/p-694903e6.system.entry.js +0 -1
  419. package/dist/ripple/p-73ca2f26.system.js +0 -1
  420. package/dist/ripple/p-7b6a65f8.system.entry.js +0 -1
  421. package/dist/ripple/p-7b7e1eb5.system.entry.js +0 -1
  422. package/dist/ripple/p-88ebddd7.entry.js +0 -1
  423. package/dist/ripple/p-8c1d27a7.entry.js +0 -1
  424. package/dist/ripple/p-8e9c24f3.entry.js +0 -1
  425. package/dist/ripple/p-8f836507.system.entry.js +0 -1
  426. package/dist/ripple/p-94495341.entry.js +0 -1
  427. package/dist/ripple/p-958331bf.entry.js +0 -1
  428. package/dist/ripple/p-9872623b.entry.js +0 -1
  429. package/dist/ripple/p-9ab3c088.system.entry.js +0 -1
  430. package/dist/ripple/p-9aedd599.entry.js +0 -1
  431. package/dist/ripple/p-9b848151.entry.js +0 -1
  432. package/dist/ripple/p-a04ef164.system.entry.js +0 -1
  433. package/dist/ripple/p-a78bb423.system.entry.js +0 -1
  434. package/dist/ripple/p-a880d9a0.system.entry.js +0 -1
  435. package/dist/ripple/p-ab8d78cc.system.js +0 -2
  436. package/dist/ripple/p-adc254e6.entry.js +0 -1
  437. package/dist/ripple/p-b165d61a.entry.js +0 -1
  438. package/dist/ripple/p-b39377c7.entry.js +0 -1
  439. package/dist/ripple/p-b9bca547.entry.js +0 -1
  440. package/dist/ripple/p-bae2c236.entry.js +0 -1
  441. package/dist/ripple/p-c53f3704.system.entry.js +0 -1
  442. package/dist/ripple/p-c56ff16f.entry.js +0 -1
  443. package/dist/ripple/p-c8cf09a2.system.entry.js +0 -1
  444. package/dist/ripple/p-cbdceb6e.entry.js +0 -1
  445. package/dist/ripple/p-cc813406.system.js +0 -1
  446. package/dist/ripple/p-d20a0f0c.system.entry.js +0 -1
  447. package/dist/ripple/p-d6111226.entry.js +0 -1
  448. package/dist/ripple/p-da68c87c.entry.js +0 -1
  449. package/dist/ripple/p-ddef82fa.system.entry.js +0 -1
  450. package/dist/ripple/p-dee6d5a3.entry.js +0 -1
  451. package/dist/ripple/p-e55d5371.entry.js +0 -1
  452. package/dist/ripple/p-e8c22f01.system.entry.js +0 -1
  453. package/dist/ripple/p-f555831b.entry.js +0 -1
  454. package/dist/ripple/p-f5c40e9e.system.entry.js +0 -1
  455. package/dist/ripple/p-f9cade98.entry.js +0 -1
  456. package/dist/ripple/p-fa09191b.system.entry.js +0 -1
  457. package/dist/ripple/p-fdfca58b.entry.js +0 -1
  458. package/dist/ripple/ripple.css +0 -1
  459. package/dist/ripple/ripple.esm.js +0 -1
  460. package/dist/ripple/ripple.js +0 -127
  461. /package/dist/{collection/dev/action-menu.js → types/test-setup.d.ts} +0 -0
@@ -1,1279 +0,0 @@
1
- /* --------------------------------------
2
- 1. Box-shadow
3
- -------------------------------------- */
4
- /* --------------------------------------
5
- 2. Border-radius
6
- -------------------------------------- */
7
- /* --------------------------------------
8
- 3. Transforms
9
- -------------------------------------- */
10
- /* --------------------------------------
11
- 4. Button Focus
12
- -------------------------------------- */
13
- /* --------------------------------------
14
- 5. Flex
15
- -------------------------------------- */
16
- /* --------------------------------------
17
- 7. Screen Reader Only
18
- -------------------------------------- */
19
- /* --------------------------------------
20
- 8. Label styles
21
- this mixin includes all the styles for the label
22
- + flex rules on the parent container to switch between top and left position
23
- + srOnly when label is hidden
24
- Assumes the following markup:
25
- div.wrapper[.label-left.invalid] > div.label-wrapper > label.label > span.required
26
- .wrapper is for the flex rules
27
- .label-wrapper is to set the height of the label when positioned left so it's the same height as
28
- the input. It can't be done directly on .label because of possible line wrapping.
29
- When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
30
- (they can't be aligned on the baseline because of possible description text and error message)
31
- -------------------------------------- */
32
- .svg-icon {
33
- display: block;
34
- width: var(--icon-size, 0.875rem);
35
- height: var(--icon-size, 0.875rem);
36
- }
37
- .svg-icon.horizontal {
38
- transform: scaleX(-1);
39
- }
40
- .svg-icon.vertical {
41
- transform: scaleY(-1);
42
- }
43
- .svg-icon.svg-add:before {
44
- content: "";
45
- display: block;
46
- background-color: var(--icon-fill, currentColor);
47
- width: var(--icon-size, 0.875rem);
48
- height: var(--icon-size, 0.875rem);
49
- -webkit-mask-size: 100%;
50
- mask-size: 100%;
51
- }
52
- .svg-icon.svg-add:before {
53
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A");
54
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A");
55
- }
56
- .svg-icon.svg-add-person:before {
57
- content: "";
58
- display: block;
59
- background-color: var(--icon-fill, currentColor);
60
- width: var(--icon-size, 0.875rem);
61
- height: var(--icon-size, 0.875rem);
62
- -webkit-mask-size: 100%;
63
- mask-size: 100%;
64
- }
65
- .svg-icon.svg-add-person:before {
66
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A");
67
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A");
68
- }
69
- .svg-icon.svg-add-outline:before {
70
- content: "";
71
- display: block;
72
- background-color: var(--icon-fill, currentColor);
73
- width: var(--icon-size, 0.875rem);
74
- height: var(--icon-size, 0.875rem);
75
- -webkit-mask-size: 100%;
76
- mask-size: 100%;
77
- }
78
- .svg-icon.svg-add-outline:before {
79
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A");
80
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A");
81
- }
82
- .svg-icon.svg-ai:before {
83
- content: "";
84
- display: block;
85
- background-color: var(--icon-fill, currentColor);
86
- width: var(--icon-size, 0.875rem);
87
- height: var(--icon-size, 0.875rem);
88
- -webkit-mask-size: 100%;
89
- mask-size: 100%;
90
- }
91
- .svg-icon.svg-ai:before {
92
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A");
93
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A");
94
- }
95
- .svg-icon.svg-api-connected:before {
96
- content: "";
97
- display: block;
98
- background-color: var(--icon-fill, currentColor);
99
- width: var(--icon-size, 0.875rem);
100
- height: var(--icon-size, 0.875rem);
101
- -webkit-mask-size: 100%;
102
- mask-size: 100%;
103
- }
104
- .svg-icon.svg-api-connected:before {
105
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A");
106
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A");
107
- }
108
- .svg-icon.svg-api-disconnected:before {
109
- content: "";
110
- display: block;
111
- background-color: var(--icon-fill, currentColor);
112
- width: var(--icon-size, 0.875rem);
113
- height: var(--icon-size, 0.875rem);
114
- -webkit-mask-size: 100%;
115
- mask-size: 100%;
116
- }
117
- .svg-icon.svg-api-disconnected:before {
118
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A");
119
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A");
120
- }
121
- .svg-icon.svg-attach:before {
122
- content: "";
123
- display: block;
124
- background-color: var(--icon-fill, currentColor);
125
- width: var(--icon-size, 0.875rem);
126
- height: var(--icon-size, 0.875rem);
127
- -webkit-mask-size: 100%;
128
- mask-size: 100%;
129
- }
130
- .svg-icon.svg-attach:before {
131
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A");
132
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A");
133
- }
134
- .svg-icon.svg-back:before {
135
- content: "";
136
- display: block;
137
- background-color: var(--icon-fill, currentColor);
138
- width: var(--icon-size, 0.875rem);
139
- height: var(--icon-size, 0.875rem);
140
- -webkit-mask-size: 100%;
141
- mask-size: 100%;
142
- }
143
- .svg-icon.svg-back:before {
144
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A");
145
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A");
146
- }
147
- .svg-icon.svg-close:before {
148
- content: "";
149
- display: block;
150
- background-color: var(--icon-fill, currentColor);
151
- width: var(--icon-size, 0.875rem);
152
- height: var(--icon-size, 0.875rem);
153
- -webkit-mask-size: 100%;
154
- mask-size: 100%;
155
- }
156
- .svg-icon.svg-close:before {
157
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A");
158
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A");
159
- }
160
- .svg-icon.svg-checkbox-selected:before {
161
- content: "";
162
- display: block;
163
- background-color: var(--icon-fill, currentColor);
164
- width: var(--icon-size, 0.875rem);
165
- height: var(--icon-size, 0.875rem);
166
- -webkit-mask-size: 100%;
167
- mask-size: 100%;
168
- }
169
- .svg-icon.svg-checkbox-selected:before {
170
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A");
171
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A");
172
- }
173
- .svg-icon.svg-checkbox-blank:before {
174
- content: "";
175
- display: block;
176
- background-color: var(--icon-fill, currentColor);
177
- width: var(--icon-size, 0.875rem);
178
- height: var(--icon-size, 0.875rem);
179
- -webkit-mask-size: 100%;
180
- mask-size: 100%;
181
- }
182
- .svg-icon.svg-checkbox-blank:before {
183
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A");
184
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A");
185
- }
186
- .svg-icon.svg-collapsed:before {
187
- content: "";
188
- display: block;
189
- background-color: var(--icon-fill, currentColor);
190
- width: var(--icon-size, 0.875rem);
191
- height: var(--icon-size, 0.875rem);
192
- -webkit-mask-size: 100%;
193
- mask-size: 100%;
194
- }
195
- .svg-icon.svg-collapsed:before {
196
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A");
197
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A");
198
- }
199
- .svg-icon.svg-date:before {
200
- content: "";
201
- display: block;
202
- background-color: var(--icon-fill, currentColor);
203
- width: var(--icon-size, 0.875rem);
204
- height: var(--icon-size, 0.875rem);
205
- -webkit-mask-size: 100%;
206
- mask-size: 100%;
207
- }
208
- .svg-icon.svg-date:before {
209
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A");
210
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A");
211
- }
212
- .svg-icon.svg-delete:before {
213
- content: "";
214
- display: block;
215
- background-color: var(--icon-fill, currentColor);
216
- width: var(--icon-size, 0.875rem);
217
- height: var(--icon-size, 0.875rem);
218
- -webkit-mask-size: 100%;
219
- mask-size: 100%;
220
- }
221
- .svg-icon.svg-delete:before {
222
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A");
223
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A");
224
- }
225
- .svg-icon.svg-download:before {
226
- content: "";
227
- display: block;
228
- background-color: var(--icon-fill, currentColor);
229
- width: var(--icon-size, 0.875rem);
230
- height: var(--icon-size, 0.875rem);
231
- -webkit-mask-size: 100%;
232
- mask-size: 100%;
233
- }
234
- .svg-icon.svg-download:before {
235
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A");
236
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A");
237
- }
238
- .svg-icon.svg-drilldown:before {
239
- content: "";
240
- display: block;
241
- background-color: var(--icon-fill, currentColor);
242
- width: var(--icon-size, 0.875rem);
243
- height: var(--icon-size, 0.875rem);
244
- -webkit-mask-size: 100%;
245
- mask-size: 100%;
246
- }
247
- .svg-icon.svg-drilldown:before {
248
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A");
249
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A");
250
- }
251
- .svg-icon.svg-edit:before {
252
- content: "";
253
- display: block;
254
- background-color: var(--icon-fill, currentColor);
255
- width: var(--icon-size, 0.875rem);
256
- height: var(--icon-size, 0.875rem);
257
- -webkit-mask-size: 100%;
258
- mask-size: 100%;
259
- }
260
- .svg-icon.svg-edit:before {
261
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
262
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A");
263
- }
264
- .svg-icon.svg-error:before {
265
- content: "";
266
- display: block;
267
- background-color: var(--icon-fill, currentColor);
268
- width: var(--icon-size, 0.875rem);
269
- height: var(--icon-size, 0.875rem);
270
- -webkit-mask-size: 100%;
271
- mask-size: 100%;
272
- }
273
- .svg-icon.svg-error:before {
274
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A");
275
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A");
276
- }
277
- .svg-icon.svg-expand-less:before {
278
- content: "";
279
- display: block;
280
- background-color: var(--icon-fill, currentColor);
281
- width: var(--icon-size, 0.875rem);
282
- height: var(--icon-size, 0.875rem);
283
- -webkit-mask-size: 100%;
284
- mask-size: 100%;
285
- }
286
- .svg-icon.svg-expand-less:before {
287
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A");
288
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A");
289
- }
290
- .svg-icon.svg-expand-more:before {
291
- content: "";
292
- display: block;
293
- background-color: var(--icon-fill, currentColor);
294
- width: var(--icon-size, 0.875rem);
295
- height: var(--icon-size, 0.875rem);
296
- -webkit-mask-size: 100%;
297
- mask-size: 100%;
298
- }
299
- .svg-icon.svg-expand-more:before {
300
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A");
301
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A");
302
- }
303
- .svg-icon.svg-expanded:before {
304
- content: "";
305
- display: block;
306
- background-color: var(--icon-fill, currentColor);
307
- width: var(--icon-size, 0.875rem);
308
- height: var(--icon-size, 0.875rem);
309
- -webkit-mask-size: 100%;
310
- mask-size: 100%;
311
- }
312
- .svg-icon.svg-expanded:before {
313
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A");
314
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A");
315
- }
316
- .svg-icon.svg-filter:before {
317
- content: "";
318
- display: block;
319
- background-color: var(--icon-fill, currentColor);
320
- width: var(--icon-size, 0.875rem);
321
- height: var(--icon-size, 0.875rem);
322
- -webkit-mask-size: 100%;
323
- mask-size: 100%;
324
- }
325
- .svg-icon.svg-filter:before {
326
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A");
327
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A");
328
- }
329
- .svg-icon.svg-forward:before {
330
- content: "";
331
- display: block;
332
- background-color: var(--icon-fill, currentColor);
333
- width: var(--icon-size, 0.875rem);
334
- height: var(--icon-size, 0.875rem);
335
- -webkit-mask-size: 100%;
336
- mask-size: 100%;
337
- }
338
- .svg-icon.svg-forward:before {
339
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A");
340
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A");
341
- }
342
- .svg-icon.svg-help-center:before {
343
- content: "";
344
- display: block;
345
- background-color: var(--icon-fill, currentColor);
346
- width: var(--icon-size, 0.875rem);
347
- height: var(--icon-size, 0.875rem);
348
- -webkit-mask-size: 100%;
349
- mask-size: 100%;
350
- }
351
- .svg-icon.svg-help-center:before {
352
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A");
353
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A");
354
- }
355
- .svg-icon.svg-hide:before {
356
- content: "";
357
- display: block;
358
- background-color: var(--icon-fill, currentColor);
359
- width: var(--icon-size, 0.875rem);
360
- height: var(--icon-size, 0.875rem);
361
- -webkit-mask-size: 100%;
362
- mask-size: 100%;
363
- }
364
- .svg-icon.svg-hide:before {
365
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A");
366
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A");
367
- }
368
- .svg-icon.svg-info:before {
369
- content: "";
370
- display: block;
371
- background-color: var(--icon-fill, currentColor);
372
- width: var(--icon-size, 0.875rem);
373
- height: var(--icon-size, 0.875rem);
374
- -webkit-mask-size: 100%;
375
- mask-size: 100%;
376
- }
377
- .svg-icon.svg-info:before {
378
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A");
379
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A");
380
- }
381
- .svg-icon.svg-locked:before {
382
- content: "";
383
- display: block;
384
- background-color: var(--icon-fill, currentColor);
385
- width: var(--icon-size, 0.875rem);
386
- height: var(--icon-size, 0.875rem);
387
- -webkit-mask-size: 100%;
388
- mask-size: 100%;
389
- }
390
- .svg-icon.svg-locked:before {
391
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A");
392
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A");
393
- }
394
- .svg-icon.svg-menu:before {
395
- content: "";
396
- display: block;
397
- background-color: var(--icon-fill, currentColor);
398
- width: var(--icon-size, 0.875rem);
399
- height: var(--icon-size, 0.875rem);
400
- -webkit-mask-size: 100%;
401
- mask-size: 100%;
402
- }
403
- .svg-icon.svg-menu:before {
404
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A");
405
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A");
406
- }
407
- .svg-icon.svg-more-options:before {
408
- content: "";
409
- display: block;
410
- background-color: var(--icon-fill, currentColor);
411
- width: var(--icon-size, 0.875rem);
412
- height: var(--icon-size, 0.875rem);
413
- -webkit-mask-size: 100%;
414
- mask-size: 100%;
415
- }
416
- .svg-icon.svg-more-options:before {
417
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A");
418
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A");
419
- }
420
- .svg-icon.svg-move-down:before {
421
- content: "";
422
- display: block;
423
- background-color: var(--icon-fill, currentColor);
424
- width: var(--icon-size, 0.875rem);
425
- height: var(--icon-size, 0.875rem);
426
- -webkit-mask-size: 100%;
427
- mask-size: 100%;
428
- }
429
- .svg-icon.svg-move-down:before {
430
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A");
431
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A");
432
- }
433
- .svg-icon.svg-move-up:before {
434
- content: "";
435
- display: block;
436
- background-color: var(--icon-fill, currentColor);
437
- width: var(--icon-size, 0.875rem);
438
- height: var(--icon-size, 0.875rem);
439
- -webkit-mask-size: 100%;
440
- mask-size: 100%;
441
- }
442
- .svg-icon.svg-move-up:before {
443
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A");
444
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A");
445
- }
446
- .svg-icon.svg-navigator-icon:before {
447
- content: "";
448
- display: block;
449
- background-color: var(--icon-fill, currentColor);
450
- width: var(--icon-size, 0.875rem);
451
- height: var(--icon-size, 0.875rem);
452
- -webkit-mask-size: 100%;
453
- mask-size: 100%;
454
- }
455
- .svg-icon.svg-navigator-icon:before {
456
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A");
457
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A");
458
- }
459
- .svg-icon.svg-next:before {
460
- content: "";
461
- display: block;
462
- background-color: var(--icon-fill, currentColor);
463
- width: var(--icon-size, 0.875rem);
464
- height: var(--icon-size, 0.875rem);
465
- -webkit-mask-size: 100%;
466
- mask-size: 100%;
467
- }
468
- .svg-icon.svg-next:before {
469
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A");
470
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A");
471
- }
472
- .svg-icon.svg-notifications:before {
473
- content: "";
474
- display: block;
475
- background-color: var(--icon-fill, currentColor);
476
- width: var(--icon-size, 0.875rem);
477
- height: var(--icon-size, 0.875rem);
478
- -webkit-mask-size: 100%;
479
- mask-size: 100%;
480
- }
481
- .svg-icon.svg-notifications:before {
482
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A");
483
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A");
484
- }
485
- .svg-icon.svg-open-in-new:before {
486
- content: "";
487
- display: block;
488
- background-color: var(--icon-fill, currentColor);
489
- width: var(--icon-size, 0.875rem);
490
- height: var(--icon-size, 0.875rem);
491
- -webkit-mask-size: 100%;
492
- mask-size: 100%;
493
- }
494
- .svg-icon.svg-open-in-new:before {
495
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A");
496
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A");
497
- }
498
- .svg-icon.svg-pending:before {
499
- content: "";
500
- display: block;
501
- background-color: var(--icon-fill, currentColor);
502
- width: var(--icon-size, 0.875rem);
503
- height: var(--icon-size, 0.875rem);
504
- -webkit-mask-size: 100%;
505
- mask-size: 100%;
506
- }
507
- .svg-icon.svg-pending:before {
508
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A");
509
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A");
510
- }
511
- .svg-icon.svg-previous:before {
512
- content: "";
513
- display: block;
514
- background-color: var(--icon-fill, currentColor);
515
- width: var(--icon-size, 0.875rem);
516
- height: var(--icon-size, 0.875rem);
517
- -webkit-mask-size: 100%;
518
- mask-size: 100%;
519
- }
520
- .svg-icon.svg-previous:before {
521
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A");
522
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A");
523
- }
524
- .svg-icon.svg-remove:before {
525
- content: "";
526
- display: block;
527
- background-color: var(--icon-fill, currentColor);
528
- width: var(--icon-size, 0.875rem);
529
- height: var(--icon-size, 0.875rem);
530
- -webkit-mask-size: 100%;
531
- mask-size: 100%;
532
- }
533
- .svg-icon.svg-remove:before {
534
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A");
535
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A");
536
- }
537
- .svg-icon.svg-remove-tag:before {
538
- content: "";
539
- display: block;
540
- background-color: var(--icon-fill, currentColor);
541
- width: var(--icon-size, 0.875rem);
542
- height: var(--icon-size, 0.875rem);
543
- -webkit-mask-size: 100%;
544
- mask-size: 100%;
545
- }
546
- .svg-icon.svg-remove-tag:before {
547
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A");
548
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A");
549
- }
550
- .svg-icon.svg-reset:before {
551
- content: "";
552
- display: block;
553
- background-color: var(--icon-fill, currentColor);
554
- width: var(--icon-size, 0.875rem);
555
- height: var(--icon-size, 0.875rem);
556
- -webkit-mask-size: 100%;
557
- mask-size: 100%;
558
- }
559
- .svg-icon.svg-reset:before {
560
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A");
561
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A");
562
- }
563
- .svg-icon.svg-restore:before {
564
- content: "";
565
- display: block;
566
- background-color: var(--icon-fill, currentColor);
567
- width: var(--icon-size, 0.875rem);
568
- height: var(--icon-size, 0.875rem);
569
- -webkit-mask-size: 100%;
570
- mask-size: 100%;
571
- }
572
- .svg-icon.svg-restore:before {
573
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A");
574
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A");
575
- }
576
- .svg-icon.svg-rotate-right:before {
577
- content: "";
578
- display: block;
579
- background-color: var(--icon-fill, currentColor);
580
- width: var(--icon-size, 0.875rem);
581
- height: var(--icon-size, 0.875rem);
582
- -webkit-mask-size: 100%;
583
- mask-size: 100%;
584
- }
585
- .svg-icon.svg-rotate-right:before {
586
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
587
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A");
588
- }
589
- .svg-icon.svg-save:before {
590
- content: "";
591
- display: block;
592
- background-color: var(--icon-fill, currentColor);
593
- width: var(--icon-size, 0.875rem);
594
- height: var(--icon-size, 0.875rem);
595
- -webkit-mask-size: 100%;
596
- mask-size: 100%;
597
- }
598
- .svg-icon.svg-save:before {
599
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A");
600
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A");
601
- }
602
- .svg-icon.svg-search:before {
603
- content: "";
604
- display: block;
605
- background-color: var(--icon-fill, currentColor);
606
- width: var(--icon-size, 0.875rem);
607
- height: var(--icon-size, 0.875rem);
608
- -webkit-mask-size: 100%;
609
- mask-size: 100%;
610
- }
611
- .svg-icon.svg-search:before {
612
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A");
613
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A");
614
- }
615
- .svg-icon.svg-shape-circle:before {
616
- content: "";
617
- display: block;
618
- background-color: var(--icon-fill, currentColor);
619
- width: var(--icon-size, 0.875rem);
620
- height: var(--icon-size, 0.875rem);
621
- -webkit-mask-size: 100%;
622
- mask-size: 100%;
623
- }
624
- .svg-icon.svg-shape-circle:before {
625
- -webkit-mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A");
626
- mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A");
627
- }
628
- .svg-icon.svg-shape-pentagon:before {
629
- content: "";
630
- display: block;
631
- background-color: var(--icon-fill, currentColor);
632
- width: var(--icon-size, 0.875rem);
633
- height: var(--icon-size, 0.875rem);
634
- -webkit-mask-size: 100%;
635
- mask-size: 100%;
636
- }
637
- .svg-icon.svg-shape-pentagon:before {
638
- -webkit-mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A");
639
- mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A");
640
- }
641
- .svg-icon.svg-shape-rhombus:before {
642
- content: "";
643
- display: block;
644
- background-color: var(--icon-fill, currentColor);
645
- width: var(--icon-size, 0.875rem);
646
- height: var(--icon-size, 0.875rem);
647
- -webkit-mask-size: 100%;
648
- mask-size: 100%;
649
- }
650
- .svg-icon.svg-shape-rhombus:before {
651
- -webkit-mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A");
652
- mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A");
653
- }
654
- .svg-icon.svg-shape-star:before {
655
- content: "";
656
- display: block;
657
- background-color: var(--icon-fill, currentColor);
658
- width: var(--icon-size, 0.875rem);
659
- height: var(--icon-size, 0.875rem);
660
- -webkit-mask-size: 100%;
661
- mask-size: 100%;
662
- }
663
- .svg-icon.svg-shape-star:before {
664
- -webkit-mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A");
665
- mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A");
666
- }
667
- .svg-icon.svg-shape-square:before {
668
- content: "";
669
- display: block;
670
- background-color: var(--icon-fill, currentColor);
671
- width: var(--icon-size, 0.875rem);
672
- height: var(--icon-size, 0.875rem);
673
- -webkit-mask-size: 100%;
674
- mask-size: 100%;
675
- }
676
- .svg-icon.svg-shape-square:before {
677
- -webkit-mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A");
678
- mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A");
679
- }
680
- .svg-icon.svg-shape-triangle:before {
681
- content: "";
682
- display: block;
683
- background-color: var(--icon-fill, currentColor);
684
- width: var(--icon-size, 0.875rem);
685
- height: var(--icon-size, 0.875rem);
686
- -webkit-mask-size: 100%;
687
- mask-size: 100%;
688
- }
689
- .svg-icon.svg-shape-triangle:before {
690
- -webkit-mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A");
691
- mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A");
692
- }
693
- .svg-icon.svg-shape-triangle-inverted:before {
694
- content: "";
695
- display: block;
696
- background-color: var(--icon-fill, currentColor);
697
- width: var(--icon-size, 0.875rem);
698
- height: var(--icon-size, 0.875rem);
699
- -webkit-mask-size: 100%;
700
- mask-size: 100%;
701
- }
702
- .svg-icon.svg-shape-triangle-inverted:before {
703
- -webkit-mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A");
704
- mask-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A");
705
- }
706
- .svg-icon.svg-show:before {
707
- content: "";
708
- display: block;
709
- background-color: var(--icon-fill, currentColor);
710
- width: var(--icon-size, 0.875rem);
711
- height: var(--icon-size, 0.875rem);
712
- -webkit-mask-size: 100%;
713
- mask-size: 100%;
714
- }
715
- .svg-icon.svg-show:before {
716
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A");
717
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A");
718
- }
719
- .svg-icon.svg-sort-a-to-z:before {
720
- content: "";
721
- display: block;
722
- background-color: var(--icon-fill, currentColor);
723
- width: var(--icon-size, 0.875rem);
724
- height: var(--icon-size, 0.875rem);
725
- -webkit-mask-size: 100%;
726
- mask-size: 100%;
727
- }
728
- .svg-icon.svg-sort-a-to-z:before {
729
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
730
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A");
731
- }
732
- .svg-icon.svg-sort-z-to-a:before {
733
- content: "";
734
- display: block;
735
- background-color: var(--icon-fill, currentColor);
736
- width: var(--icon-size, 0.875rem);
737
- height: var(--icon-size, 0.875rem);
738
- -webkit-mask-size: 100%;
739
- mask-size: 100%;
740
- }
741
- .svg-icon.svg-sort-z-to-a:before {
742
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A");
743
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A");
744
- }
745
- .svg-icon.svg-success:before {
746
- content: "";
747
- display: block;
748
- background-color: var(--icon-fill, currentColor);
749
- width: var(--icon-size, 0.875rem);
750
- height: var(--icon-size, 0.875rem);
751
- -webkit-mask-size: 100%;
752
- mask-size: 100%;
753
- }
754
- .svg-icon.svg-success:before {
755
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A");
756
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A");
757
- }
758
- .svg-icon.svg-time:before {
759
- content: "";
760
- display: block;
761
- background-color: var(--icon-fill, currentColor);
762
- width: var(--icon-size, 0.875rem);
763
- height: var(--icon-size, 0.875rem);
764
- -webkit-mask-size: 100%;
765
- mask-size: 100%;
766
- }
767
- .svg-icon.svg-time:before {
768
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A");
769
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A");
770
- }
771
- .svg-icon.svg-undo:before {
772
- content: "";
773
- display: block;
774
- background-color: var(--icon-fill, currentColor);
775
- width: var(--icon-size, 0.875rem);
776
- height: var(--icon-size, 0.875rem);
777
- -webkit-mask-size: 100%;
778
- mask-size: 100%;
779
- }
780
- .svg-icon.svg-undo:before {
781
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A");
782
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A");
783
- }
784
- .svg-icon.svg-upload:before {
785
- content: "";
786
- display: block;
787
- background-color: var(--icon-fill, currentColor);
788
- width: var(--icon-size, 0.875rem);
789
- height: var(--icon-size, 0.875rem);
790
- -webkit-mask-size: 100%;
791
- mask-size: 100%;
792
- }
793
- .svg-icon.svg-upload:before {
794
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A");
795
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A");
796
- }
797
- .svg-icon.svg-wrong:before {
798
- content: "";
799
- display: block;
800
- background-color: var(--icon-fill, currentColor);
801
- width: var(--icon-size, 0.875rem);
802
- height: var(--icon-size, 0.875rem);
803
- -webkit-mask-size: 100%;
804
- mask-size: 100%;
805
- }
806
- .svg-icon.svg-wrong:before {
807
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A");
808
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A");
809
- }
810
-
811
- :host {
812
- --wmcolor-calendar-border: var(--wmcolor-border);
813
- --wmcolor-calendar-day-border-hover: var(--wmcolor-border-focus);
814
- --wmcolor-calendar-range-background: var(--wmcolor-interactive-background-hover);
815
- --wmcolor-datepicker-range-background-hover: var(--wmcolor-datepicker-day-background-hover);
816
- --wmcolor-datepicker-range-background-selected: var(--wmcolor-background-selected);
817
- --range-start-svg: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6C0 2.68629 2.68629 0 6 0H28.8457C31.0777 0 33.1251 1.23886 34.1607 3.21596L42.5417 19.216C43.455 20.9596 43.455 23.0404 42.5417 24.784L34.1607 40.784C33.1251 42.7611 31.0777 44 28.8458 44H6C2.68629 44 0 41.3137 0 38V6Z" fill="%23575195"/></svg>');
818
- --range-end-svg: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44 6C44 2.68629 41.3137 0 38 0H15.1543C12.9223 0 10.8749 1.23886 9.83926 3.21596L1.45831 19.216C0.544956 20.9596 0.54496 23.0404 1.45831 24.784L9.83926 40.784C10.8749 42.7611 12.9223 44 15.1542 44H38C41.3137 44 44 41.3137 44 38V6Z" fill="%23575195"/></svg>');
819
- --range-background-selected: linear-gradient(
820
- transparent,
821
- transparent 5px,
822
- var(--wmcolor-datepicker-range-background-selected) 5px,
823
- var(--wmcolor-datepicker-range-background-selected) 39px,
824
- transparent 39px
825
- );
826
- --range-background-hover: linear-gradient(
827
- transparent,
828
- transparent 5px,
829
- var(--wmcolor-datepicker-range-background-hover) 5px,
830
- var(--wmcolor-datepicker-range-background-hover) 39px,
831
- transparent 39px
832
- );
833
- }
834
- :host priv-calendar + priv-calendar {
835
- border-inline-start: 1px solid var(--wmcolor-calendar-border);
836
- }
837
-
838
- #wm-container {
839
- height: 100%;
840
- }
841
-
842
- .toggle {
843
- all: unset;
844
- cursor: pointer;
845
- padding: 0 0.375rem;
846
- height: 100%;
847
- background-color: var(--wmcolor-datepicker-toggle-background);
848
- border: none;
849
- border-radius: 3px;
850
- }
851
- .toggle .svg-date {
852
- --icon-size: 1.5rem;
853
- color: var(--wmcolor-datepicker-toggle-icon);
854
- }
855
- .toggle:hover {
856
- box-shadow: none;
857
- background: var(--wmcolor-datepicker-toggle-background-hover);
858
- }
859
- .toggle:disabled {
860
- pointer-events: none;
861
- box-shadow: none;
862
- background-color: var(--wmcolor-datepicker-toggle-background-disabled);
863
- }
864
- .toggle:disabled .calendar::after {
865
- color: var(--wmcolor-datepicker-toggle-icon-disabled);
866
- }
867
- [dir=RTL] .toggle {
868
- right: auto;
869
- left: 0;
870
- }
871
- .toggle::-moz-focus-inner {
872
- border: 0;
873
- }
874
-
875
- .toggle:focus-visible {
876
- outline: 3px solid var(--wmcolor-interactive-focus);
877
- outline-offset: 0;
878
- }
879
- .toggle:focus-visible:not(:active) {
880
- border: none;
881
- z-index: 11;
882
- }
883
-
884
- .inside .toggle {
885
- border-top-left-radius: 0;
886
- border-bottom-left-radius: 0;
887
- border-start-start-radius: 0;
888
- border-end-start-radius: 0;
889
- }
890
-
891
- .popup-wrapper {
892
- visibility: hidden;
893
- font-family: inherit;
894
- -webkit-border-radius: 3px;
895
- -moz-border-radius: 3px;
896
- -ms-border-radius: 3px;
897
- border-radius: 3px;
898
- box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
899
- z-index: 10;
900
- position: absolute;
901
- left: 0;
902
- top: calc(100% + 2px);
903
- min-height: 21.0625rem;
904
- transition: transform 0.25s ease;
905
- transform-origin: center top;
906
- transform: scale(1, 0);
907
- background-color: var(--wmcolor-datepicker-background);
908
- }
909
- .popup-wrapper.start {
910
- border: 2px solid cyan;
911
- }
912
- .popup-wrapper.end {
913
- left: 247px !important;
914
- border: 2px solid teal;
915
- }
916
- .popup-wrapper.open {
917
- transform: scale(1, 1);
918
- }
919
- .popup-wrapper.expand-upwards {
920
- top: auto;
921
- bottom: 2.375rem;
922
- transform-origin: center bottom;
923
- }
924
- .popup-wrapper .calendar-header {
925
- display: -webkit-box;
926
- display: -webkit-flex;
927
- display: -ms-flexbox;
928
- display: flex;
929
- -webkit-box-pack: justify;
930
- -ms-flex-pack: justify;
931
- -webkit-justify-content: space-between;
932
- justify-content: space-between;
933
- position: relative;
934
- padding: 0.9375rem 0.25rem;
935
- }
936
- .popup-wrapper .calendar-header .title-box {
937
- height: 2.625rem;
938
- -webkit-border-radius: 3px;
939
- -moz-border-radius: 3px;
940
- -ms-border-radius: 3px;
941
- border-radius: 3px;
942
- border: 1px solid;
943
- font-weight: 500;
944
- font-size: 0.875rem;
945
- background: var(--wmcolor-datepicker-selector-background);
946
- cursor: pointer;
947
- display: flex;
948
- justify-content: space-between;
949
- align-items: center;
950
- padding: 0 0.375rem 0 0.75rem;
951
- border-color: var(--wmcolor-datepicker-selector-border);
952
- color: var(--wmcolor-datepicker-selector-text);
953
- }
954
- .popup-wrapper .calendar-header .title-box .svg-expand-more,
955
- .popup-wrapper .calendar-header .title-box .svg-expand-less {
956
- --icon-size: 1.125rem;
957
- margin-inline-start: 0.75rem;
958
- }
959
- .popup-wrapper .calendar-header .title-box::-moz-focus-inner {
960
- border: 0;
961
- }
962
- .popup-wrapper .calendar-header .arw-btn {
963
- cursor: pointer;
964
- -webkit-border-radius: 50%;
965
- -moz-border-radius: 50%;
966
- -ms-border-radius: 50%;
967
- border-radius: 50%;
968
- width: 2.75rem;
969
- height: 2.75rem;
970
- border: none;
971
- color: var(--wmcolor-datepicker-navigation-text);
972
- background: var(--wmcolor-datepicker-navigation-background);
973
- padding: 0;
974
- box-shadow: none;
975
- line-height: 2.75rem;
976
- display: flex;
977
- align-items: center;
978
- justify-content: center;
979
- }
980
- .popup-wrapper .calendar-header .arw-btn .svg-previous,
981
- .popup-wrapper .calendar-header .arw-btn .svg-next {
982
- --icon-size: 1.5rem;
983
- }
984
- .popup-wrapper .calendar-header .arw-btn:hover {
985
- background-color: var(--wmcolor-datepicker-navigation-background-hover);
986
- }
987
- .popup-wrapper .calendar-header .arw-btn:active {
988
- -ms-transform: scale(0.9, 0.9);
989
- -webkit-transform: scale(0.9, 0.9);
990
- -moz-transform: scale(0.9, 0.9);
991
- transform: scale(0.9, 0.9);
992
- }
993
- .popup-wrapper .separator {
994
- min-width: 1px;
995
- background: var(--wm-color-border);
996
- }
997
- .popup-wrapper .day-view {
998
- min-width: 21rem;
999
- }
1000
- .popup-wrapper .day-view .date-grid {
1001
- width: 100%;
1002
- text-align: center;
1003
- border-collapse: collapse;
1004
- margin-bottom: 0.4375rem;
1005
- color: var(--wmcolor-datepicker-day-text);
1006
- }
1007
- .popup-wrapper .day-view .date-grid div[role=row] {
1008
- display: flex;
1009
- justify-content: space-around;
1010
- padding-inline: 0.875rem;
1011
- }
1012
- .popup-wrapper .day-view .date-grid div[role=row]:not(.header-row) {
1013
- height: 2.75rem;
1014
- }
1015
- .popup-wrapper .day-view .date-grid .date-header {
1016
- background-color: var(--wmcolor-datepicker-weekdays-background);
1017
- }
1018
- .popup-wrapper .day-view .date-grid .header-cell {
1019
- height: 2.0625rem;
1020
- line-height: 2.0625rem;
1021
- width: 2.75rem;
1022
- margin: 0 calc((14.28% - 44px) / 2);
1023
- padding: 0;
1024
- display: inline-block;
1025
- font-size: 0.8125rem;
1026
- font-weight: bold;
1027
- color: var(--wmcolor-datepicker-weekdays-text);
1028
- border: none;
1029
- }
1030
- .popup-wrapper .day-view .date-grid [role=gridcell] {
1031
- padding: 0;
1032
- -webkit-border-radius: 50%;
1033
- -moz-border-radius: 50%;
1034
- -ms-border-radius: 50%;
1035
- border-radius: 50%;
1036
- aspect-ratio: 1;
1037
- font-size: 0.875rem;
1038
- font-weight: 500;
1039
- position: relative;
1040
- display: flex;
1041
- flex: 1 0 2.75rem;
1042
- align-items: center;
1043
- justify-content: center;
1044
- }
1045
- .popup-wrapper .day-view .date-grid .date-cell {
1046
- cursor: pointer;
1047
- }
1048
- .popup-wrapper .day-view .date-grid .date-cell:hover {
1049
- background-color: var(--wmcolor-datepicker-day-background-hover);
1050
- }
1051
- .popup-wrapper .day-view .date-grid .date-cell[aria-selected=true] {
1052
- background-color: var(--wmcolor-datepicker-day-background-selected);
1053
- color: var(--wmcolor-datepicker-day-text-selected);
1054
- }
1055
- .popup-wrapper .day-view .date-grid .date-cell.in-range {
1056
- background: var(--range-background-selected);
1057
- border-radius: 0;
1058
- }
1059
- .popup-wrapper .day-view .date-grid .date-cell.in-range.range-start:not(.preview):hover {
1060
- background-repeat: no-repeat;
1061
- background-position: center, center left 17px;
1062
- }
1063
- .popup-wrapper .day-view .date-grid .date-cell.in-range.range-end:not(.preview):hover {
1064
- background-position: center, center right 17px;
1065
- background-repeat: no-repeat;
1066
- }
1067
- .popup-wrapper .day-view .date-grid .date-cell.in-range:not(.preview):hover {
1068
- background-image: radial-gradient(#dbd9ef 20px, transparent 21px), var(--range-background-selected);
1069
- color: var(--wmcolor-datepicker-day-text);
1070
- }
1071
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview {
1072
- position: relative;
1073
- background-image: var(--range-background-hover);
1074
- }
1075
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview:last-child:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.preview:last-of-type:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.preview:first-child:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.preview:first-of-type:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.preview.last-of-month:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.preview.first-of-month:not(.preview-start, .preview-end, .range-start, .range-end) {
1076
- background-image: radial-gradient(var(--wmcolor-datepicker-range-background-hover) 16px, transparent 17px), var(--range-background-hover);
1077
- background-repeat: no-repeat;
1078
- }
1079
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview:first-child:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.preview:first-of-type:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.preview.first-of-month:not(.preview-start, .preview-end, .range-start, .range-end) {
1080
- background-position: center left -5px, center left 17px;
1081
- }
1082
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview:last-child:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.preview:last-of-type:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.preview.last-of-month:not(.preview-start, .preview-end, .range-start, .range-end) {
1083
- background-position: center right -5px, center right 17px;
1084
- }
1085
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview.last-of-month:first-child:not(.preview-start, .preview-end) {
1086
- background-image: radial-gradient(var(--wmcolor-datepicker-range-background-hover) 16px, transparent 17px), radial-gradient(var(--wmcolor-datepicker-range-background-hover) 16px, transparent 17px), linear-gradient(transparent, transparent 15px, var(--wmcolor-datepicker-range-background-hover) 15px, var(--wmcolor-datepicker-range-background-hover) 29px, transparent 29px);
1087
- background-position: center left -5px, center right -5px, center;
1088
- background-size: auto, auto, 9px;
1089
- }
1090
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-start:last-child, .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-end:first-child {
1091
- background-image: radial-gradient(var(--wmcolor-datepicker-range-background-hover) 17px, var(--wmcolor-calendar-day-border-hover) 18px, var(--wmcolor-calendar-day-border-hover) 20px, transparent 21px);
1092
- }
1093
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-start {
1094
- background-position: center, center left 17px;
1095
- background-repeat: no-repeat;
1096
- }
1097
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-start:first-child {
1098
- background-position: center, center left 17px;
1099
- background-repeat: no-repeat;
1100
- }
1101
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-end {
1102
- background-position: center, center right 17px;
1103
- background-repeat: no-repeat;
1104
- }
1105
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-end:last-child {
1106
- background-position: center, center right 17px;
1107
- background-repeat: no-repeat;
1108
- }
1109
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-end, .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-start {
1110
- background-image: radial-gradient(var(--wmcolor-datepicker-range-background-hover) 17px, var(--wmcolor-calendar-day-border-hover) 18px, var(--wmcolor-calendar-day-border-hover) 20px, transparent 21px), var(--range-background-hover);
1111
- }
1112
- .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-end:focus-visible, .popup-wrapper .day-view .date-grid .date-cell.in-range.preview-start:focus-visible {
1113
- outline: none;
1114
- border: none;
1115
- }
1116
- .popup-wrapper .day-view .date-grid .date-cell.in-range:first-of-type:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range:first-child:not(.preview-start, .preview-end, .range-start, .range-end), .popup-wrapper .day-view .date-grid .date-cell.in-range.first-of-month:not(.preview-start, .preview-end, .range-start, .range-end) {
1117
- background-image: radial-gradient(var(--wmcolor-datepicker-range-background-selected) 16px, transparent 17px), var(--range-background-selected);
1118
- background-position: -5px center, center left 17px;
1119
- background-repeat: no-repeat;
1120
- }
1121
- .popup-wrapper .day-view .date-grid .date-cell.in-range:first-of-type:not(.preview-start, .preview-end, .range-start, .range-end):hover, .popup-wrapper .day-view .date-grid .date-cell.in-range:first-child:not(.preview-start, .preview-end, .range-start, .range-end):hover, .popup-wrapper .day-view .date-grid .date-cell.in-range.first-of-month:not(.preview-start, .preview-end, .range-start, .range-end):hover {
1122
- background-image: radial-gradient(#dbd9ef 20px, transparent 21px), radial-gradient(var(--wmcolor-datepicker-range-background-selected) 16px, transparent 17px), var(--range-background-selected);
1123
- background-position: center, -5px center, center left 17px;
1124
- background-repeat: no-repeat;
1125
- }
1126
- .popup-wrapper .day-view .date-grid .date-cell.in-range.range-start:last-child:hover, .popup-wrapper .day-view .date-grid .date-cell.in-range.range-end:first-child:hover {
1127
- background: radial-gradient(#dbd9ef 20px, transparent 21px);
1128
- background-position: center;
1129
- }
1130
- .popup-wrapper .day-view .date-grid .date-cell.in-range:last-of-type:not(.range-start, .range-end, .preview), .popup-wrapper .day-view .date-grid .date-cell.in-range:last-child:not(.range-start, .range-end, .preview), .popup-wrapper .day-view .date-grid .date-cell.in-range.last-of-month:not(.range-start, .range-end, .preview) {
1131
- background: radial-gradient(var(--wmcolor-datepicker-range-background-selected) 16px, transparent 17px), var(--range-background-selected);
1132
- background-position: 5px center, center right 17px;
1133
- background-repeat: no-repeat;
1134
- }
1135
- .popup-wrapper .day-view .date-grid .date-cell.in-range:last-of-type:not(.range-start, .range-end, .preview-start, .preview-end):hover, .popup-wrapper .day-view .date-grid .date-cell.in-range:last-child:not(.range-start, .range-end, .preview-start, .preview-end):hover, .popup-wrapper .day-view .date-grid .date-cell.in-range.last-of-month:not(.range-start, .range-end, .preview-start, .preview-end):hover {
1136
- background-image: radial-gradient(#dbd9ef 20px, transparent 21px), radial-gradient(var(--wmcolor-datepicker-range-background-selected) 16px, transparent 17px), var(--range-background-selected);
1137
- background-position: center, 5px center, center right 17px;
1138
- background-repeat: no-repeat;
1139
- }
1140
- .popup-wrapper .day-view .date-grid .date-cell.today:after {
1141
- content: "";
1142
- display: block;
1143
- position: absolute;
1144
- inset: auto 0 6px 0;
1145
- width: 6px;
1146
- aspect-ratio: 1;
1147
- border-radius: 50%;
1148
- justify-self: center;
1149
- background-color: var(--wmcolor-datepicker-day-background-selected);
1150
- margin: auto;
1151
- }
1152
- .popup-wrapper .day-view .date-grid .date-cell.range-start, .popup-wrapper .day-view .date-grid .date-cell.range-end {
1153
- border-radius: 0;
1154
- margin: 0;
1155
- outline: none;
1156
- font-weight: 600;
1157
- color: var(--wmcolor-datepicker-day-text-selected);
1158
- }
1159
- .popup-wrapper .day-view .date-grid .date-cell.range-start:focus-visible, .popup-wrapper .day-view .date-grid .date-cell.range-end:focus-visible {
1160
- outline: 3px solid var(--wmcolor-interactive-focus);
1161
- outline-offset: -2px;
1162
- border: none;
1163
- z-index: 11;
1164
- }
1165
- .popup-wrapper .day-view .date-grid .date-cell.range-start:focus-visible[aria-selected=true], .popup-wrapper .day-view .date-grid .date-cell.range-end:focus-visible[aria-selected=true] {
1166
- outline-offset: 2px;
1167
- }
1168
- .popup-wrapper .day-view .date-grid .date-cell.range-start {
1169
- background-image: var(--range-start-svg);
1170
- padding-inline-end: 2px;
1171
- background-color: transparent;
1172
- }
1173
- .popup-wrapper .day-view .date-grid .date-cell.range-start.in-range:not(:hover, :last-of-type, :last-child) {
1174
- background-image: var(--range-start-svg), var(--range-background-selected);
1175
- border-radius: 0;
1176
- }
1177
- .popup-wrapper .day-view .date-grid .date-cell.range-start.in-range.preview:not(:last-of-type, :last-child) {
1178
- background-image: var(--range-start-svg), var(--range-background-hover);
1179
- }
1180
- .popup-wrapper .day-view .date-grid .date-cell.range-end {
1181
- background-image: var(--range-end-svg);
1182
- padding-inline-start: 2px;
1183
- background-color: transparent;
1184
- }
1185
- .popup-wrapper .day-view .date-grid .date-cell.range-end.in-range:not(:hover, :first-of-type, :first-child) {
1186
- background-image: var(--range-end-svg), var(--range-background-selected);
1187
- border-radius: 0;
1188
- }
1189
- .popup-wrapper .day-view .date-grid .date-cell.range-end.in-range.preview:not(:first-of-type, :first-child) {
1190
- background-image: var(--range-end-svg), var(--range-background-hover);
1191
- }
1192
- .popup-wrapper .day-view .date-grid .date-cell.range-start.range-end {
1193
- background: var(--wmcolor-datepicker-day-background-selected);
1194
- border-radius: 50%;
1195
- padding-inline: 0;
1196
- margin: 1px;
1197
- flex-basis: 42px;
1198
- }
1199
- .popup-wrapper .month-view .months {
1200
- border-top: 2px solid;
1201
- border-top-color: var(--wmcolor-datepicker-month-border);
1202
- display: -webkit-box;
1203
- display: -webkit-flex;
1204
- display: -ms-flexbox;
1205
- display: flex;
1206
- flex-wrap: wrap;
1207
- }
1208
- .popup-wrapper .month-view .month-row {
1209
- display: -webkit-box;
1210
- display: -webkit-flex;
1211
- display: -ms-flexbox;
1212
- display: flex;
1213
- -webkit-box-pack: justify;
1214
- -ms-flex-pack: justify;
1215
- -webkit-justify-content: space-between;
1216
- justify-content: space-between;
1217
- width: 100%;
1218
- border-bottom: 2px solid;
1219
- border-bottom-color: var(--wmcolor-datepicker-month-border);
1220
- }
1221
- .popup-wrapper .month-view .month {
1222
- border: none;
1223
- background: white;
1224
- cursor: pointer;
1225
- width: 7rem;
1226
- height: 4rem;
1227
- line-height: 4rem;
1228
- font-family: inherit;
1229
- font-weight: 500;
1230
- color: var(--wmcolor-datepicker-month-text);
1231
- }
1232
- .popup-wrapper .month-view .month:not(:last-child) {
1233
- border-right: 2px solid;
1234
- border-right-color: var(--wmcolor-datepicker-month-border);
1235
- }
1236
- .popup-wrapper .month-view .month:hover {
1237
- border-right-color: transparent;
1238
- background-color: var(--wmcolor-datepicker-month-background-hover);
1239
- }
1240
- .popup-wrapper .month-view .month:active, .popup-wrapper .month-view .month.selected {
1241
- background-color: var(--wmcolor-datepicker-month-background-selected);
1242
- color: var(--wmcolor-datepicker-month-text-selected);
1243
- }
1244
- .popup-wrapper button:focus-visible:not(.preview-start, .preview-end),
1245
- .popup-wrapper .title-box:focus-visible:not(.preview-start, .preview-end),
1246
- .popup-wrapper .month.focused:focus-visible:not(.preview-start, .preview-end),
1247
- .popup-wrapper .date-cell:focus-visible:not(.preview-start, .preview-end) {
1248
- outline: 3px solid var(--wmcolor-interactive-focus);
1249
- outline-offset: -2px;
1250
- border: none;
1251
- z-index: 11;
1252
- }
1253
- .popup-wrapper button:focus-visible:not(.preview-start, .preview-end)[aria-selected=true],
1254
- .popup-wrapper .title-box:focus-visible:not(.preview-start, .preview-end)[aria-selected=true],
1255
- .popup-wrapper .month.focused:focus-visible:not(.preview-start, .preview-end)[aria-selected=true],
1256
- .popup-wrapper .date-cell:focus-visible:not(.preview-start, .preview-end)[aria-selected=true] {
1257
- outline-offset: 2px;
1258
- }
1259
-
1260
- .popup-range {
1261
- display: flex;
1262
- }
1263
-
1264
- .popup {
1265
- width: 21rem;
1266
- }
1267
-
1268
- .sr-only {
1269
- position: absolute !important;
1270
- width: 1px !important;
1271
- height: 1px !important;
1272
- padding: 0 !important;
1273
- border: 0 !important;
1274
- overflow: hidden !important;
1275
- clip: rect(0, 0, 0, 0) !important;
1276
- clip-path: inset(50%) !important;
1277
- white-space: nowrap !important;
1278
- margin: -1px !important;
1279
- }