@watermarkinsights/ripple 5.16.0-alpha.1 → 5.16.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 (380) hide show
  1. package/dist/{collection/global/global.js → ripple/app-globals-a0922f84.js} +60 -2
  2. package/dist/{esm/chartFunctions-6749593d.js → ripple/chartFunctions-021607da.js} +3 -3
  3. package/dist/{esm/functions-dabfd76f.js → ripple/functions-3eaaa7c4.js} +7766 -147
  4. package/dist/ripple/index-3d0f1864.js +3017 -0
  5. package/dist/ripple/index.esm.js +1 -0
  6. package/dist/{collection/global/interfaces.js → ripple/interfaces-382e0566.js} +6 -4
  7. package/dist/{esm/intl-43676e71.js → ripple/intl-14fae6dd.js} +1 -1
  8. package/dist/ripple/priv-calendar.entry.js +569 -0
  9. package/dist/ripple/{p-30236be3.system.entry.js → priv-chart-popover.entry.js} +140 -1
  10. package/dist/{esm-es5/priv-chart-popover.entry.js → ripple/priv-navigator-button.entry.js} +24 -1
  11. package/dist/ripple/{p-97ffaa7d.entry.js → priv-navigator-item.entry.js} +30 -1
  12. package/dist/ripple/{p-b01f9572.system.entry.js → priv-option-list.entry.js} +388 -1
  13. package/dist/ripple/ripple.esm.js +47 -1
  14. package/dist/ripple/shadow-css-7ad5caf8.js +332 -0
  15. package/dist/{cjs/wm-button.cjs.entry.js → ripple/wm-action-menu.entry.js} +162 -229
  16. package/dist/{esm-es5/priv-option-list.entry.js → ripple/wm-button.entry.js} +268 -1
  17. package/dist/{esm → ripple}/wm-chart-slice.entry.js +1 -1
  18. package/dist/{esm/wm-file.entry.js → ripple/wm-chart.entry.js} +137 -169
  19. package/dist/ripple/wm-date-range.entry.js +479 -0
  20. package/dist/ripple/wm-datepicker.entry.js +249 -0
  21. package/dist/ripple/{p-c53f5914.entry.js → wm-file-list.entry.js} +18 -1
  22. package/dist/ripple/{p-f9fa1506.system.entry.js → wm-file.entry.js} +189 -1
  23. package/dist/ripple/{p-89479d02.system.entry.js → wm-flyout.entry.js} +175 -1
  24. package/dist/{esm-es5/wm-flyout.entry.js → ripple/wm-input.entry.js} +120 -1
  25. package/dist/ripple/wm-line-chart.entry.js +456 -0
  26. package/dist/{esm/priv-chart-popover.entry.js → ripple/wm-menuitem.entry.js} +98 -114
  27. package/dist/{cjs/priv-navigator-button.cjs.entry.js → ripple/wm-modal-footer.entry.js} +35 -20
  28. package/dist/{esm/priv-navigator-button.entry.js → ripple/wm-modal-header.entry.js} +25 -14
  29. package/dist/ripple/{p-091fbc50.system.entry.js → wm-modal-pss-footer.entry.js} +40 -1
  30. package/dist/ripple/{p-92cb12d3.entry.js → wm-modal-pss-header.entry.js} +39 -1
  31. package/dist/ripple/wm-modal-pss.entry.js +136 -0
  32. package/dist/ripple/{p-1955c66a.system.entry.js → wm-modal.entry.js} +135 -1
  33. package/dist/ripple/wm-navigation-hamburger.entry.js +49 -0
  34. package/dist/ripple/{p-8f987f71.entry.js → wm-navigation-item.entry.js} +21 -1
  35. package/dist/ripple/wm-navigation.entry.js +116 -0
  36. package/dist/{esm/priv-navigator-item.entry.js → ripple/wm-navigator.entry.js} +351 -19
  37. package/dist/ripple/{p-fe93b6b9.system.entry.js → wm-nested-select.entry.js} +310 -1
  38. package/dist/ripple/wm-optgroup.entry.js +69 -0
  39. package/dist/{esm/priv-option-list.entry.js → ripple/wm-option.entry.js} +130 -347
  40. package/dist/ripple/wm-pagination.entry.js +223 -0
  41. package/dist/ripple/wm-progress-indicator.entry.js +112 -0
  42. package/dist/{esm-es5/priv-navigator-item.entry.js → ripple/wm-progress-monitor.entry.js} +74 -1
  43. package/dist/ripple/wm-progress-slice.entry.js +18 -0
  44. package/dist/{cjs/priv-option-list.cjs.entry.js → ripple/wm-search.entry.js} +162 -364
  45. package/dist/{esm/wm-nested-select.entry.js → ripple/wm-select.entry.js} +134 -194
  46. package/dist/ripple/wm-snackbar.entry.js +184 -0
  47. package/dist/{esm-es5/wm-file-list.entry.js → ripple/wm-tab-item.entry.js} +57 -1
  48. package/dist/ripple/wm-tab-list.entry.js +178 -0
  49. package/dist/ripple/wm-tab-panel.entry.js +26 -0
  50. package/dist/ripple/wm-tag-input.entry.js +947 -0
  51. package/dist/{esm → ripple}/wm-tag-option.entry.js +2 -2
  52. package/dist/{cjs/priv-chart-popover.cjs.entry.js → ripple/wm-textarea.entry.js} +60 -122
  53. package/dist/{esm/wm-button.entry.js → ripple/wm-timepicker.entry.js} +251 -218
  54. package/dist/{cjs/priv-navigator-item.cjs.entry.js → ripple/wm-toggletip.entry.js} +227 -25
  55. package/dist/ripple/wm-uploader.entry.js +320 -0
  56. package/dist/{esm → ripple}/wm-wrapper.entry.js +1 -1
  57. package/package.json +2 -2
  58. package/dist/cjs/app-globals-f56991b7.js +0 -92
  59. package/dist/cjs/chartFunctions-439c6fd4.js +0 -742
  60. package/dist/cjs/functions-dd27bda3.js +0 -10618
  61. package/dist/cjs/index-788526f5.js +0 -1863
  62. package/dist/cjs/index.cjs.js +0 -2
  63. package/dist/cjs/interfaces-85d78ae9.js +0 -37
  64. package/dist/cjs/intl-6d72b4a0.js +0 -283
  65. package/dist/cjs/loader.cjs.js +0 -15
  66. package/dist/cjs/priv-calendar.cjs.entry.js +0 -574
  67. package/dist/cjs/ripple.cjs.js +0 -25
  68. package/dist/cjs/wm-action-menu_2.cjs.entry.js +0 -335
  69. package/dist/cjs/wm-chart-slice.cjs.entry.js +0 -27
  70. package/dist/cjs/wm-chart.cjs.entry.js +0 -163
  71. package/dist/cjs/wm-date-range.cjs.entry.js +0 -484
  72. package/dist/cjs/wm-datepicker.cjs.entry.js +0 -254
  73. package/dist/cjs/wm-file-list.cjs.entry.js +0 -23
  74. package/dist/cjs/wm-file.cjs.entry.js +0 -194
  75. package/dist/cjs/wm-flyout.cjs.entry.js +0 -180
  76. package/dist/cjs/wm-input.cjs.entry.js +0 -125
  77. package/dist/cjs/wm-line-chart.cjs.entry.js +0 -461
  78. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +0 -217
  79. package/dist/cjs/wm-modal_3.cjs.entry.js +0 -217
  80. package/dist/cjs/wm-navigation_3.cjs.entry.js +0 -188
  81. package/dist/cjs/wm-navigator.cjs.entry.js +0 -327
  82. package/dist/cjs/wm-nested-select.cjs.entry.js +0 -315
  83. package/dist/cjs/wm-optgroup.cjs.entry.js +0 -74
  84. package/dist/cjs/wm-option_2.cjs.entry.js +0 -427
  85. package/dist/cjs/wm-pagination.cjs.entry.js +0 -228
  86. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +0 -204
  87. package/dist/cjs/wm-search.cjs.entry.js +0 -196
  88. package/dist/cjs/wm-snackbar.cjs.entry.js +0 -189
  89. package/dist/cjs/wm-tab-item_3.cjs.entry.js +0 -263
  90. package/dist/cjs/wm-tag-input.cjs.entry.js +0 -947
  91. package/dist/cjs/wm-tag-option.cjs.entry.js +0 -43
  92. package/dist/cjs/wm-textarea.cjs.entry.js +0 -88
  93. package/dist/cjs/wm-timepicker.cjs.entry.js +0 -307
  94. package/dist/cjs/wm-toggletip.cjs.entry.js +0 -242
  95. package/dist/cjs/wm-uploader.cjs.entry.js +0 -325
  96. package/dist/cjs/wm-wrapper.cjs.entry.js +0 -21
  97. package/dist/collection/collection-manifest.json +0 -197
  98. package/dist/collection/components/charts/chartFunctions.js +0 -675
  99. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +0 -948
  100. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +0 -262
  101. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +0 -125
  102. package/dist/collection/components/charts/wm-chart/wm-chart.css +0 -1314
  103. package/dist/collection/components/charts/wm-chart/wm-chart.js +0 -422
  104. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +0 -1106
  105. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +0 -723
  106. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +0 -1314
  107. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +0 -264
  108. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -948
  109. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +0 -151
  110. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +0 -121
  111. package/dist/collection/components/datepickers/datepicker.css +0 -1083
  112. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +0 -1318
  113. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +0 -840
  114. package/dist/collection/components/datepickers/wm-date-range.js +0 -849
  115. package/dist/collection/components/datepickers/wm-datepicker.js +0 -524
  116. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +0 -958
  117. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +0 -780
  118. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +0 -1229
  119. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +0 -620
  120. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +0 -869
  121. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +0 -258
  122. package/dist/collection/components/selects/wm-option/wm-option.css +0 -970
  123. package/dist/collection/components/selects/wm-option/wm-option.js +0 -530
  124. package/dist/collection/components/selects/wm-select/wm-select.css +0 -1143
  125. package/dist/collection/components/selects/wm-select/wm-select.js +0 -584
  126. package/dist/collection/components/wm-action-menu/wm-action-menu.css +0 -930
  127. package/dist/collection/components/wm-action-menu/wm-action-menu.js +0 -435
  128. package/dist/collection/components/wm-button/wm-button.css +0 -1580
  129. package/dist/collection/components/wm-button/wm-button.js +0 -555
  130. package/dist/collection/components/wm-file/wm-file.css +0 -966
  131. package/dist/collection/components/wm-file/wm-file.js +0 -412
  132. package/dist/collection/components/wm-file-list/wm-file-list.css +0 -859
  133. package/dist/collection/components/wm-file-list/wm-file-list.js +0 -45
  134. package/dist/collection/components/wm-flyout/wm-flyout.css +0 -1053
  135. package/dist/collection/components/wm-flyout/wm-flyout.js +0 -448
  136. package/dist/collection/components/wm-input/wm-input.css +0 -1043
  137. package/dist/collection/components/wm-input/wm-input.js +0 -471
  138. package/dist/collection/components/wm-menuitem/wm-menuitem.css +0 -930
  139. package/dist/collection/components/wm-menuitem/wm-menuitem.js +0 -419
  140. package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -884
  141. package/dist/collection/components/wm-modal/wm-modal-footer.js +0 -142
  142. package/dist/collection/components/wm-modal/wm-modal-header.css +0 -883
  143. package/dist/collection/components/wm-modal/wm-modal-header.js +0 -79
  144. package/dist/collection/components/wm-modal/wm-modal.css +0 -931
  145. package/dist/collection/components/wm-modal/wm-modal.js +0 -350
  146. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +0 -891
  147. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +0 -138
  148. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +0 -885
  149. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +0 -82
  150. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +0 -967
  151. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +0 -362
  152. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +0 -886
  153. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +0 -119
  154. package/dist/collection/components/wm-navigation/wm-navigation-item.css +0 -895
  155. package/dist/collection/components/wm-navigation/wm-navigation-item.js +0 -98
  156. package/dist/collection/components/wm-navigation/wm-navigation.css +0 -937
  157. package/dist/collection/components/wm-navigation/wm-navigation.js +0 -190
  158. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +0 -889
  159. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +0 -86
  160. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +0 -869
  161. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +0 -124
  162. package/dist/collection/components/wm-navigator/wm-navigator.css +0 -942
  163. package/dist/collection/components/wm-navigator/wm-navigator.js +0 -496
  164. package/dist/collection/components/wm-pagination/wm-pagination.css +0 -1010
  165. package/dist/collection/components/wm-pagination/wm-pagination.js +0 -363
  166. package/dist/collection/components/wm-search/wm-search.css +0 -935
  167. package/dist/collection/components/wm-search/wm-search.js +0 -429
  168. package/dist/collection/components/wm-snackbar/wm-snackbar.css +0 -1117
  169. package/dist/collection/components/wm-snackbar/wm-snackbar.js +0 -276
  170. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +0 -908
  171. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +0 -175
  172. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +0 -880
  173. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +0 -273
  174. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -864
  175. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +0 -87
  176. package/dist/collection/components/wm-tag-input/wm-tag-input.css +0 -1318
  177. package/dist/collection/components/wm-tag-input/wm-tag-input.js +0 -1282
  178. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +0 -243
  179. package/dist/collection/components/wm-textarea/wm-textarea.css +0 -1019
  180. package/dist/collection/components/wm-textarea/wm-textarea.js +0 -313
  181. package/dist/collection/components/wm-timepicker/wm-timepicker.css +0 -1133
  182. package/dist/collection/components/wm-timepicker/wm-timepicker.js +0 -547
  183. package/dist/collection/components/wm-toggletip/wm-toggletip.css +0 -1256
  184. package/dist/collection/components/wm-toggletip/wm-toggletip.js +0 -366
  185. package/dist/collection/components/wm-uploader/wm-uploader.css +0 -1882
  186. package/dist/collection/components/wm-uploader/wm-uploader.js +0 -603
  187. package/dist/collection/components/wm-wrapper/wm-wrapper.js +0 -28
  188. package/dist/collection/dev/action-menu.js +0 -0
  189. package/dist/collection/dev/button.js +0 -0
  190. package/dist/collection/dev/chart-small.js +0 -56
  191. package/dist/collection/dev/chart.js +0 -18
  192. package/dist/collection/dev/date-range.js +0 -6
  193. package/dist/collection/dev/datepicker.js +0 -46
  194. package/dist/collection/dev/file-list.js +0 -16
  195. package/dist/collection/dev/file.js +0 -0
  196. package/dist/collection/dev/flyout.js +0 -194
  197. package/dist/collection/dev/input.js +0 -6
  198. package/dist/collection/dev/line-chart.js +0 -0
  199. package/dist/collection/dev/modal.js +0 -48
  200. package/dist/collection/dev/navigation.js +0 -13
  201. package/dist/collection/dev/navigator.js +0 -34
  202. package/dist/collection/dev/nested-select.js +0 -36
  203. package/dist/collection/dev/pagination.js +0 -7
  204. package/dist/collection/dev/progress-monitor.js +0 -0
  205. package/dist/collection/dev/pss-modal.js +0 -8
  206. package/dist/collection/dev/scripts.js +0 -49
  207. package/dist/collection/dev/search.js +0 -72
  208. package/dist/collection/dev/select.js +0 -57
  209. package/dist/collection/dev/snackbar.js +0 -60
  210. package/dist/collection/dev/tabs.js +0 -44
  211. package/dist/collection/dev/tag-input.js +0 -32
  212. package/dist/collection/dev/textarea.js +0 -28
  213. package/dist/collection/dev/timepicker.js +0 -32
  214. package/dist/collection/dev/toggletip.js +0 -9
  215. package/dist/collection/dev/uploader.js +0 -139
  216. package/dist/collection/global/__mocks__/functions.js +0 -6
  217. package/dist/collection/global/functions.js +0 -927
  218. package/dist/collection/global/intl.js +0 -274
  219. package/dist/collection/global/services/__mocks__/http-service.js +0 -130
  220. package/dist/collection/global/services/http-service.js +0 -50
  221. package/dist/collection/lang/lang.js +0 -5
  222. package/dist/collection/lang/missing.js +0 -43
  223. package/dist/collection/lang/piglatin.js +0 -101
  224. package/dist/esm/app-globals-cc7a1bd5.js +0 -90
  225. package/dist/esm/index-130e07bb.js +0 -1832
  226. package/dist/esm/index.js +0 -1
  227. package/dist/esm/interfaces-cc5b177f.js +0 -34
  228. package/dist/esm/loader.js +0 -11
  229. package/dist/esm/polyfills/core-js.js +0 -11
  230. package/dist/esm/polyfills/dom.js +0 -79
  231. package/dist/esm/polyfills/es5-html-element.js +0 -1
  232. package/dist/esm/polyfills/index.js +0 -34
  233. package/dist/esm/polyfills/system.js +0 -6
  234. package/dist/esm/priv-calendar.entry.js +0 -570
  235. package/dist/esm/ripple.js +0 -20
  236. package/dist/esm/wm-action-menu_2.entry.js +0 -330
  237. package/dist/esm/wm-chart.entry.js +0 -159
  238. package/dist/esm/wm-date-range.entry.js +0 -480
  239. package/dist/esm/wm-datepicker.entry.js +0 -250
  240. package/dist/esm/wm-file-list.entry.js +0 -19
  241. package/dist/esm/wm-flyout.entry.js +0 -176
  242. package/dist/esm/wm-input.entry.js +0 -121
  243. package/dist/esm/wm-line-chart.entry.js +0 -457
  244. package/dist/esm/wm-modal-pss_3.entry.js +0 -211
  245. package/dist/esm/wm-modal_3.entry.js +0 -211
  246. package/dist/esm/wm-navigation_3.entry.js +0 -182
  247. package/dist/esm/wm-navigator.entry.js +0 -323
  248. package/dist/esm/wm-optgroup.entry.js +0 -70
  249. package/dist/esm/wm-option_2.entry.js +0 -422
  250. package/dist/esm/wm-pagination.entry.js +0 -224
  251. package/dist/esm/wm-progress-indicator_3.entry.js +0 -198
  252. package/dist/esm/wm-search.entry.js +0 -192
  253. package/dist/esm/wm-snackbar.entry.js +0 -185
  254. package/dist/esm/wm-tab-item_3.entry.js +0 -257
  255. package/dist/esm/wm-tag-input.entry.js +0 -943
  256. package/dist/esm/wm-textarea.entry.js +0 -84
  257. package/dist/esm/wm-timepicker.entry.js +0 -303
  258. package/dist/esm/wm-toggletip.entry.js +0 -238
  259. package/dist/esm/wm-uploader.entry.js +0 -321
  260. package/dist/esm-es5/app-globals-cc7a1bd5.js +0 -1
  261. package/dist/esm-es5/chartFunctions-6749593d.js +0 -1
  262. package/dist/esm-es5/functions-dabfd76f.js +0 -1
  263. package/dist/esm-es5/index-130e07bb.js +0 -1
  264. package/dist/esm-es5/index.js +0 -0
  265. package/dist/esm-es5/interfaces-cc5b177f.js +0 -1
  266. package/dist/esm-es5/intl-43676e71.js +0 -1
  267. package/dist/esm-es5/loader.js +0 -1
  268. package/dist/esm-es5/priv-calendar.entry.js +0 -1
  269. package/dist/esm-es5/priv-navigator-button.entry.js +0 -1
  270. package/dist/esm-es5/ripple.js +0 -1
  271. package/dist/esm-es5/wm-action-menu_2.entry.js +0 -1
  272. package/dist/esm-es5/wm-button.entry.js +0 -1
  273. package/dist/esm-es5/wm-chart-slice.entry.js +0 -1
  274. package/dist/esm-es5/wm-chart.entry.js +0 -1
  275. package/dist/esm-es5/wm-date-range.entry.js +0 -1
  276. package/dist/esm-es5/wm-datepicker.entry.js +0 -1
  277. package/dist/esm-es5/wm-file.entry.js +0 -1
  278. package/dist/esm-es5/wm-input.entry.js +0 -1
  279. package/dist/esm-es5/wm-line-chart.entry.js +0 -1
  280. package/dist/esm-es5/wm-modal-pss_3.entry.js +0 -1
  281. package/dist/esm-es5/wm-modal_3.entry.js +0 -1
  282. package/dist/esm-es5/wm-navigation_3.entry.js +0 -1
  283. package/dist/esm-es5/wm-navigator.entry.js +0 -1
  284. package/dist/esm-es5/wm-nested-select.entry.js +0 -1
  285. package/dist/esm-es5/wm-optgroup.entry.js +0 -1
  286. package/dist/esm-es5/wm-option_2.entry.js +0 -1
  287. package/dist/esm-es5/wm-pagination.entry.js +0 -1
  288. package/dist/esm-es5/wm-progress-indicator_3.entry.js +0 -1
  289. package/dist/esm-es5/wm-search.entry.js +0 -1
  290. package/dist/esm-es5/wm-snackbar.entry.js +0 -1
  291. package/dist/esm-es5/wm-tab-item_3.entry.js +0 -1
  292. package/dist/esm-es5/wm-tag-input.entry.js +0 -1
  293. package/dist/esm-es5/wm-tag-option.entry.js +0 -1
  294. package/dist/esm-es5/wm-textarea.entry.js +0 -1
  295. package/dist/esm-es5/wm-timepicker.entry.js +0 -1
  296. package/dist/esm-es5/wm-toggletip.entry.js +0 -1
  297. package/dist/esm-es5/wm-uploader.entry.js +0 -1
  298. package/dist/esm-es5/wm-wrapper.entry.js +0 -1
  299. package/dist/index.cjs.js +0 -1
  300. package/dist/index.js +0 -1
  301. package/dist/loader/cdn.js +0 -2
  302. package/dist/loader/index.cjs.js +0 -2
  303. package/dist/loader/index.d.ts +0 -24
  304. package/dist/loader/index.es2017.js +0 -2
  305. package/dist/loader/index.js +0 -3
  306. package/dist/loader/package.json +0 -11
  307. package/dist/ripple/p-0189929d.entry.js +0 -1
  308. package/dist/ripple/p-043901ab.system.entry.js +0 -1
  309. package/dist/ripple/p-0bb576c5.system.entry.js +0 -1
  310. package/dist/ripple/p-0c89b82c.entry.js +0 -1
  311. package/dist/ripple/p-12ac8f93.js +0 -1
  312. package/dist/ripple/p-12d6ab73.system.entry.js +0 -1
  313. package/dist/ripple/p-13b1d775.entry.js +0 -1
  314. package/dist/ripple/p-144ce232.entry.js +0 -1
  315. package/dist/ripple/p-1497ccfc.entry.js +0 -1
  316. package/dist/ripple/p-1a3037aa.entry.js +0 -1
  317. package/dist/ripple/p-22b55b6f.entry.js +0 -1
  318. package/dist/ripple/p-257d2d5c.entry.js +0 -1
  319. package/dist/ripple/p-2732bddd.js +0 -1
  320. package/dist/ripple/p-2823d02b.system.entry.js +0 -1
  321. package/dist/ripple/p-2f7ca1a7.system.entry.js +0 -1
  322. package/dist/ripple/p-30201dc9.entry.js +0 -1
  323. package/dist/ripple/p-36d2b888.entry.js +0 -1
  324. package/dist/ripple/p-36fd8aed.system.entry.js +0 -1
  325. package/dist/ripple/p-3f98056c.js +0 -1
  326. package/dist/ripple/p-41120a33.system.js +0 -1
  327. package/dist/ripple/p-42fa7a77.system.js +0 -1
  328. package/dist/ripple/p-492aa9fe.system.entry.js +0 -1
  329. package/dist/ripple/p-49a347e1.js +0 -1
  330. package/dist/ripple/p-4a29bb8c.entry.js +0 -1
  331. package/dist/ripple/p-4c2a044d.system.entry.js +0 -1
  332. package/dist/ripple/p-4cebf2d7.entry.js +0 -1
  333. package/dist/ripple/p-4e6b0a6e.system.entry.js +0 -1
  334. package/dist/ripple/p-4fb4deb9.entry.js +0 -1
  335. package/dist/ripple/p-50ea2036.system.js +0 -1
  336. package/dist/ripple/p-56d54fe6.system.entry.js +0 -1
  337. package/dist/ripple/p-57c25b63.entry.js +0 -1
  338. package/dist/ripple/p-59591401.entry.js +0 -1
  339. package/dist/ripple/p-5cff41e0.entry.js +0 -1
  340. package/dist/ripple/p-5ef786db.system.entry.js +0 -1
  341. package/dist/ripple/p-61f9987d.system.entry.js +0 -1
  342. package/dist/ripple/p-6a03a172.entry.js +0 -1
  343. package/dist/ripple/p-6a082957.entry.js +0 -1
  344. package/dist/ripple/p-6abc1227.entry.js +0 -1
  345. package/dist/ripple/p-6d12cfb7.system.entry.js +0 -1
  346. package/dist/ripple/p-72ed488e.system.entry.js +0 -1
  347. package/dist/ripple/p-74f103dd.entry.js +0 -1
  348. package/dist/ripple/p-81ce2697.entry.js +0 -1
  349. package/dist/ripple/p-823d7b4e.system.entry.js +0 -1
  350. package/dist/ripple/p-89316785.system.js +0 -1
  351. package/dist/ripple/p-8a569d3b.entry.js +0 -1
  352. package/dist/ripple/p-8ec2e944.system.entry.js +0 -1
  353. package/dist/ripple/p-92a50b38.system.entry.js +0 -1
  354. package/dist/ripple/p-9328023c.entry.js +0 -1
  355. package/dist/ripple/p-94f776eb.entry.js +0 -1
  356. package/dist/ripple/p-9b2281e2.system.entry.js +0 -1
  357. package/dist/ripple/p-a2c8937d.js +0 -1
  358. package/dist/ripple/p-a5fb4171.system.entry.js +0 -1
  359. package/dist/ripple/p-b23c6351.system.entry.js +0 -1
  360. package/dist/ripple/p-b34552b0.system.entry.js +0 -1
  361. package/dist/ripple/p-b39ab477.entry.js +0 -1
  362. package/dist/ripple/p-ba399879.system.js +0 -1
  363. package/dist/ripple/p-bb9f6920.entry.js +0 -1
  364. package/dist/ripple/p-bc4976e6.entry.js +0 -1
  365. package/dist/ripple/p-bd48c50a.entry.js +0 -1
  366. package/dist/ripple/p-c1aa877a.system.js +0 -1
  367. package/dist/ripple/p-c31e1379.entry.js +0 -1
  368. package/dist/ripple/p-c4896784.system.entry.js +0 -1
  369. package/dist/ripple/p-c699aec8.system.entry.js +0 -1
  370. package/dist/ripple/p-c7d71181.system.entry.js +0 -1
  371. package/dist/ripple/p-cd0cc88d.entry.js +0 -1
  372. package/dist/ripple/p-ceac4dea.system.entry.js +0 -1
  373. package/dist/ripple/p-cef8a45b.system.js +0 -2
  374. package/dist/ripple/p-d333d851.system.entry.js +0 -1
  375. package/dist/ripple/p-d9da0502.js +0 -2
  376. package/dist/ripple/p-e59a48a6.system.js +0 -1
  377. package/dist/ripple/p-f3df715f.entry.js +0 -1
  378. package/dist/ripple/p-f8995a5e.system.entry.js +0 -1
  379. package/dist/ripple/p-fe71ec64.system.entry.js +0 -1
  380. package/dist/ripple/ripple.js +0 -127
@@ -1,1882 +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
- :host .wm-button {
33
- --wmcolor-button-background-delete: var(--wmcolor-interactive-delete);
34
- --wmcolor-button-background-delete-disabled: var(--wmcolor-interactive-disabled);
35
- --wmcolor-button-background-delete-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
36
- --wmcolor-button-background-delete-hover: var(--wmcolor-interactive-delete-hover);
37
- --wmcolor-button-background-icononly: var(--wmcolor-background);
38
- --wmcolor-button-background-icononly-hover: var(--wmcolor-interactive-hover);
39
- --wmcolor-button-background-icononly-hover-ondark: var(--wmcolor-interactive-ondark);
40
- --wmcolor-button-background-icononly-ondark: var(--wmcolor-background-transparent);
41
- --wmcolor-button-background-navigational: var(--wmcolor-background-transparent);
42
- --wmcolor-button-background-navigational-hover: var(--wmcolor-interactive-hover-ondark);
43
- --wmcolor-button-background-navigational-hover-ondark: var(--wmcolor-interactive-ondark);
44
- --wmcolor-button-background-navigational-ondark: var(--wmcolor-background-transparent);
45
- --wmcolor-button-background-negative: var(--wmcolor-interactive-negative);
46
- --wmcolor-button-background-negative-disabled: var(--wmcolor-interactive-disabled);
47
- --wmcolor-button-background-negative-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
48
- --wmcolor-button-background-negative-hover: var(--wmcolor-interactive-negative-hover);
49
- --wmcolor-button-background-positive: var(--wmcolor-interactive-positive);
50
- --wmcolor-button-background-positive-disabled: var(--wmcolor-interactive-disabled);
51
- --wmcolor-button-background-positive-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
52
- --wmcolor-button-background-positive-hover: var(--wmcolor-interactive-positive-hover);
53
- --wmcolor-button-background-primary: var(--wmcolor-interactive);
54
- --wmcolor-button-background-primary-disabled: var(--wmcolor-interactive-disabled);
55
- --wmcolor-button-background-primary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
56
- --wmcolor-button-background-primary-hover: var(--wmcolor-interactive-hover);
57
- --wmcolor-button-background-primary-hover-ondark: var(--wmcolor-interactive-hover-ondark);
58
- --wmcolor-button-background-primary-ondark: var(--wmcolor-interactive-ondark);
59
- --wmcolor-button-background-secondary: var(--wmcolor-background);
60
- --wmcolor-button-background-secondary-hover: var(--wmcolor-interactive-hover);
61
- --wmcolor-button-background-secondary-hover-ondark: var(--wmcolor-interactive-hover-ondark);
62
- --wmcolor-button-background-secondary-ondark: var(--wmcolor-background-transparent);
63
- --wmcolor-button-border-icononly: var(--wmcolor-interactive);
64
- --wmcolor-button-border-icononly-disabled: var(--wmcolor-interactive-disabled);
65
- --wmcolor-button-border-icononly-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
66
- --wmcolor-button-border-icononly-ondark: var(--wmcolor-interactive-ondark);
67
- --wmcolor-button-border-secondary: var(--wmcolor-interactive);
68
- --wmcolor-button-border-secondary-disabled: var(--wmcolor-interactive-disabled);
69
- --wmcolor-button-border-secondary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
70
- --wmcolor-button-border-secondary-ondark: var(--wmcolor-interactive-ondark);
71
- --wmcolor-button-icon-icononly: var(--wmcolor-interactive);
72
- --wmcolor-button-icon-icononly-disabled: var(--wmcolor-interactive-disabled);
73
- --wmcolor-button-icon-icononly-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
74
- --wmcolor-button-icon-icononly-hover: var(--wmcolor-interactive-ondark);
75
- --wmcolor-button-icon-icononly-hover-ondark: var(--wmcolor-interactive);
76
- --wmcolor-button-icon-icononly-ondark: var(--wmcolor-interactive-ondark);
77
- --wmcolor-button-icon-navigational: var(--wmcolor-interactive);
78
- --wmcolor-button-icon-navigational-disabled: var(--wmcolor-interactive-disabled);
79
- --wmcolor-button-icon-navigational-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
80
- --wmcolor-button-icon-navigational-hover: var(--wmcolor-interactive);
81
- --wmcolor-button-icon-navigational-hover-ondark: var(--wmcolor-interactive);
82
- --wmcolor-button-icon-navigational-ondark: var(--wmcolor-interactive-ondark);
83
- --wmcolor-button-text-delete: var(--wmcolor-interactive-text);
84
- --wmcolor-button-text-delete-disabled: var(--wmcolor-interactive-text);
85
- --wmcolor-button-text-delete-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
86
- --wmcolor-button-text-negative: var(--wmcolor-interactive-text);
87
- --wmcolor-button-text-negative-disabled: var(--wmcolor-interactive-text);
88
- --wmcolor-button-text-negative-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
89
- --wmcolor-button-text-positive: var(--wmcolor-interactive-text);
90
- --wmcolor-button-text-positive-disabled: var(--wmcolor-interactive-text);
91
- --wmcolor-button-text-positive-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
92
- --wmcolor-button-text-primary: var(--wmcolor-interactive-text);
93
- --wmcolor-button-text-primary-disabled: var(--wmcolor-interactive-text);
94
- --wmcolor-button-text-primary-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
95
- --wmcolor-button-text-primary-ondark: var(--wmcolor-interactive-text-ondark);
96
- --wmcolor-button-text-secondary: var(--wmcolor-interactive);
97
- --wmcolor-button-text-secondary-disabled: var(--wmcolor-interactive-disabled);
98
- --wmcolor-button-text-secondary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
99
- --wmcolor-button-text-secondary-hover: var(--wmcolor-interactive-ondark);
100
- --wmcolor-button-text-secondary-hover-ondark: var(--wmcolor-interactive);
101
- --wmcolor-button-text-secondary-ondark: var(--wmcolor-interactive-ondark);
102
- --wmcolor-button-text-textonly: var(--wmcolor-interactive);
103
- --wmcolor-button-text-textonly-disabled: var(--wmcolor-interactive-disabled);
104
- --wmcolor-button-text-textonly-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
105
- --wmcolor-button-text-textonly-ondark: var(--wmcolor-interactive-ondark);
106
- --wmcolor-button-background-selector: var(--wmcolor-background);
107
- --wmcolor-button-background-selector-hover: var(--wmcolor-interactive-hover);
108
- --wmcolor-button-background-selector-hover-ondark: var(--wmcolor-interactive-hover-ondark);
109
- --wmcolor-button-background-selector-ondark: var(--wmcolor-background-transparent);
110
- --wmcolor-button-background-selectorprimary: var(--wmcolor-interactive);
111
- --wmcolor-button-background-selectorprimary-disabled: var(--wmcolor-interactive-disabled);
112
- --wmcolor-button-background-selectorprimary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
113
- --wmcolor-button-background-selectorprimary-hover: var(--wmcolor-interactive-hover);
114
- --wmcolor-button-background-selectorprimary-hover-ondark: var(--wmcolor-interactive-hover-ondark);
115
- --wmcolor-button-background-selectorprimary-ondark: var(--wmcolor-interactive-ondark);
116
- --wmcolor-button-border-selector: var(--wmcolor-interactive);
117
- --wmcolor-button-border-selector-disabled: var(--wmcolor-interactive-disabled);
118
- --wmcolor-button-border-selector-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
119
- --wmcolor-button-border-selector-ondark: var(--wmcolor-interactive-ondark);
120
- --wmcolor-button-text-selector: var(--wmcolor-interactive);
121
- --wmcolor-button-text-selector-disabled: var(--wmcolor-interactive-disabled);
122
- --wmcolor-button-text-selector-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
123
- --wmcolor-button-text-selector-hover: var(--wmcolor-interactive-ondark);
124
- --wmcolor-button-text-selector-hover-ondark: var(--wmcolor-interactive);
125
- --wmcolor-button-text-selector-ondark: var(--wmcolor-interactive-ondark);
126
- --wmcolor-button-text-selectorprimary: var(--wmcolor-interactive-text);
127
- --wmcolor-button-text-selectorprimary-disabled: var(--wmcolor-interactive-text);
128
- --wmcolor-button-text-selectorprimary-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
129
- --wmcolor-button-text-selectorprimary-ondark: var(--wmcolor-interactive-text-ondark);
130
- -ms-transition: background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);
131
- -webkit-transition: background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);
132
- -moz-transition: background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);
133
- transition: background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);
134
- -webkit-border-radius: 5px;
135
- -moz-border-radius: 5px;
136
- -ms-border-radius: 5px;
137
- border-radius: 5px;
138
- width: 100%;
139
- border: 2px solid transparent;
140
- font-family: inherit;
141
- font-size: 0.75rem;
142
- font-weight: 700;
143
- min-height: 2.75rem;
144
- padding: 12px 1.3333333333em;
145
- cursor: pointer;
146
- position: relative;
147
- display: flex;
148
- justify-content: center;
149
- align-items: center;
150
- text-decoration: none;
151
- text-transform: uppercase;
152
- letter-spacing: 0.01875rem;
153
- overflow-wrap: break-word;
154
- box-shadow: none;
155
- }
156
- @media screen and (min-width: 48rem) {
157
- :host .wm-button {
158
- min-height: 3.3333333333em;
159
- }
160
- }
161
- :host .wm-button.nowrap {
162
- display: inline-block;
163
- width: 100%;
164
- overflow: hidden;
165
- white-space: nowrap;
166
- text-overflow: ellipsis;
167
- }
168
- :host .wm-button:focus, :host .wm-button:focus-visible {
169
- outline: none;
170
- box-shadow: none;
171
- }
172
- :host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) {
173
- outline: 3px solid var(--wmcolor-interactive-focus);
174
- outline-offset: 2px;
175
- }
176
- :host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption) {
177
- -ms-transform: scale(0.9, 0.9);
178
- -webkit-transform: scale(0.9, 0.9);
179
- -moz-transform: scale(0.9, 0.9);
180
- transform: scale(0.9, 0.9);
181
- }
182
- :host .wm-button .mdi {
183
- display: inline-block;
184
- font: normal normal normal 24px/1 "Material Design Icons";
185
- font-size: inherit;
186
- text-rendering: auto;
187
- line-height: 1;
188
- -webkit-font-smoothing: antialiased;
189
- -moz-osx-font-smoothing: grayscale;
190
- }
191
- :host .wm-button:not(.-icononly):not(.-navigational) .mdi,
192
- :host .wm-button:not(.-icononly):not(.-navigational) .svg-icon {
193
- display: inline-block;
194
- margin-inline-end: 0.3125rem;
195
- font-size: var(--icon-size, 14px);
196
- height: var(--icon-size, 14px);
197
- }
198
- :host .wm-button.-primary:not(.-textonly) {
199
- background: var(--wmcolor-button-background-primary);
200
- color: var(--wmcolor-button-text-primary);
201
- }
202
- :host .wm-button.-primary:not(.-textonly):not(:focus) {
203
- box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
204
- }
205
- :host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled):not(.ai) {
206
- background: var(--wmcolor-button-background-primary-hover);
207
- }
208
- :host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled) {
209
- color: var(--wmcolor-button-text-primary-ondark);
210
- background: var(--wmcolor-button-background-primary-ondark);
211
- }
212
- :host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover {
213
- background: var(--wmcolor-button-background-primary-hover-ondark);
214
- }
215
- :host .wm-button.-secondary {
216
- color: var(--wmcolor-button-text-secondary);
217
- border: 2px solid var(--wmcolor-button-border-secondary);
218
- background: var(--wmcolor-button-background-secondary);
219
- }
220
- :host .wm-button.-secondary:hover:not(:disabled):not(.disabled):not(.ai) {
221
- background: var(--wmcolor-button-background-secondary-hover);
222
- color: var(--wmcolor-button-text-secondary-hover);
223
- border-color: transparent;
224
- }
225
- :host .wm-button.-secondary.dark:not(:disabled):not(.disabled) {
226
- color: var(--wmcolor-button-text-secondary-ondark);
227
- background: var(--wmcolor-button-background-secondary-ondark);
228
- border-color: var(--wmcolor-button-border-secondary-ondark);
229
- }
230
- :host .wm-button.-secondary.dark:not(:disabled):not(.disabled):hover {
231
- color: var(--wmcolor-button-text-secondary-hover-ondark);
232
- background: var(--wmcolor-button-background-secondary-hover-ondark);
233
- border-color: transparent;
234
- }
235
- :host .wm-button.-textonly {
236
- color: var(--wmcolor-button-text-textonly);
237
- box-shadow: none;
238
- display: inline-block;
239
- letter-spacing: 0;
240
- text-transform: none;
241
- text-align: initial;
242
- font-size: 0.875rem;
243
- border: none;
244
- background: transparent;
245
- padding: 0;
246
- height: auto;
247
- min-height: unset;
248
- line-height: 1;
249
- overflow-wrap: anywhere;
250
- border-radius: 2px;
251
- }
252
- :host .wm-button.-textonly.small {
253
- font-size: 0.625rem;
254
- }
255
- :host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete) {
256
- text-decoration: underline;
257
- }
258
- :host .wm-button.-textonly.dark {
259
- color: var(--wmcolor-button-text-textonly-ondark);
260
- }
261
- :host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled) {
262
- text-decoration: underline;
263
- }
264
- :host .wm-button.-textonly.-permanentlydelete {
265
- color: var(--wmcolor-button-background-delete);
266
- }
267
- :host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark) {
268
- text-decoration: underline;
269
- }
270
- :host .wm-button.-textonly.-permanentlydelete.dark:not(:disabled):not(.disabled) {
271
- color: var(--wmcolor-button-text-textonly-ondark);
272
- }
273
- :host .wm-button.-icononly, :host .wm-button.-navigational {
274
- -webkit-border-radius: 50%;
275
- -moz-border-radius: 50%;
276
- -ms-border-radius: 50%;
277
- border-radius: 50%;
278
- font-size: 1rem;
279
- padding: 0;
280
- height: auto;
281
- line-height: 1;
282
- min-width: 2.75rem;
283
- min-height: 2.75rem;
284
- text-align: center;
285
- letter-spacing: normal;
286
- }
287
- :host .wm-button.-icononly:not(:focus), :host .wm-button.-navigational:not(:focus) {
288
- box-shadow: none;
289
- }
290
- @media screen and (min-width: 48rem) {
291
- :host .wm-button.-icononly, :host .wm-button.-navigational {
292
- min-width: 2.5rem;
293
- min-height: 2.5rem;
294
- }
295
- }
296
- :host .wm-button.-icononly .mdi, :host .wm-button.-navigational .mdi {
297
- font-size: 1.12rem;
298
- }
299
- :host .wm-button.-icononly {
300
- border-width: 1px !important;
301
- color: var(--wmcolor-button-icon-icononly);
302
- border-color: var(--wmcolor-button-border-icononly);
303
- background-color: var(--wmcolor-button-background-icononly);
304
- }
305
- :host .wm-button.-icononly:before {
306
- display: inline-block;
307
- font: normal normal normal 24px/1 "Material Design Icons";
308
- font-size: inherit;
309
- text-rendering: auto;
310
- line-height: 1;
311
- -webkit-font-smoothing: antialiased;
312
- -moz-osx-font-smoothing: grayscale;
313
- }
314
- :host .wm-button.-icononly:hover:not(:disabled):not(.disabled):not(.ai) {
315
- background: var(--wmcolor-button-background-icononly-hover);
316
- color: var(--wmcolor-button-icon-icononly-hover);
317
- border-color: transparent;
318
- }
319
- :host .wm-button.-icononly.dark:not(:disabled):not(.disabled) {
320
- color: var(--wmcolor-button-icon-icononly-ondark);
321
- background: var(--wmcolor-button-background-icononly-ondark);
322
- border-color: var(--wmcolor-button-border-icononly-ondark);
323
- }
324
- :host .wm-button.-icononly.dark:not(:disabled):not(.disabled):hover {
325
- color: var(--wmcolor-button-icon-icononly-hover-ondark);
326
- background: var(--wmcolor-button-background-icononly-hover-ondark);
327
- border-color: transparent;
328
- }
329
- :host .wm-button.-navigational {
330
- border: none !important;
331
- background-color: var(--wmcolor-button-background-navigational);
332
- color: var(--wmcolor-button-icon-navigational);
333
- }
334
- :host .wm-button.-navigational:hover, :host .wm-button.-navigational.selected {
335
- background-color: var(--wmcolor-button-background-navigational-hover);
336
- }
337
- :host .wm-button.-navigational:before {
338
- display: inline-block;
339
- font: normal normal normal 24px/1 "Material Design Icons";
340
- font-size: inherit;
341
- text-rendering: auto;
342
- line-height: 1;
343
- -webkit-font-smoothing: antialiased;
344
- -moz-osx-font-smoothing: grayscale;
345
- }
346
- :host .wm-button.-navigational.dark {
347
- color: var(--wmcolor-button-icon-navigational-ondark);
348
- background: var(--wmcolor-button-background-navigational-ondark);
349
- }
350
- :host .wm-button.-navigational.dark:hover {
351
- color: var(--wmcolor-button-icon-navigational-hover-ondark);
352
- background: var(--wmcolor-button-background-navigational-hover-ondark);
353
- }
354
- :host .wm-button.-navigational:disabled:hover, :host .wm-button.-navigational.disabled:hover {
355
- background-color: var(--wmcolor-button-background-navigational) !important;
356
- color: var(--wmcolor-button-icon-navigational) !important;
357
- }
358
- :host .wm-button.-permanentlydelete:not(.-textonly) {
359
- background: var(--wmcolor-button-background-delete);
360
- border-color: var(--wmcolor-button-background-delete);
361
- color: var(--wmcolor-button-text-delete);
362
- }
363
- :host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark) {
364
- background: var(--wmcolor-button-background-delete-hover);
365
- border-color: var(--wmcolor-button-background-delete-hover);
366
- }
367
- :host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled) {
368
- background: var(--wmcolor-button-background-delete);
369
- border-color: var(--wmcolor-button-background-delete);
370
- color: var(--wmcolor-button-text-delete);
371
- }
372
- :host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled):hover {
373
- background: var(--wmcolor-button-background-delete-hover);
374
- border-color: var(--wmcolor-button-background-delete-hover);
375
- }
376
- :host .wm-button.-pairnegative {
377
- background: var(--wmcolor-button-background-negative);
378
- border-color: var(--wmcolor-button-background-negative);
379
- color: var(--wmcolor-button-text-negative);
380
- }
381
- :host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled) {
382
- background: var(--wmcolor-button-background-negative-hover);
383
- border-color: var(--wmcolor-button-background-negative-hover);
384
- }
385
- :host .wm-button.-pairpositive {
386
- background: var(--wmcolor-button-background-positive);
387
- border-color: var(--wmcolor-button-background-positive);
388
- color: var(--wmcolor-button-text-positive);
389
- }
390
- :host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled) {
391
- background: var(--wmcolor-button-background-positive-hover);
392
- border-color: var(--wmcolor-button-background-positive-hover);
393
- }
394
- :host .wm-button.-selector, :host .wm-button.-selector-primary {
395
- display: block;
396
- font-family: inherit;
397
- font-weight: 700;
398
- font-size: 0.75rem;
399
- text-transform: uppercase;
400
- text-align: start;
401
- padding-inline-end: 2.75rem;
402
- }
403
- :host .wm-button.-selector .selector-icon, :host .wm-button.-selector-primary .selector-icon {
404
- --icon-size: 1.25rem;
405
- position: absolute;
406
- transform: translateY(-50%);
407
- inset-inline-end: 0.25rem;
408
- inset-block-start: 50%;
409
- }
410
- :host .wm-button.-selector:active, :host .wm-button.-selector-primary:active {
411
- -ms-transform: scale(1, 1) !important;
412
- transform: scale(1, 1) !important;
413
- }
414
- :host .wm-button.-selector::-moz-focus-inner, :host .wm-button.-selector-primary::-moz-focus-inner {
415
- border: 0;
416
- }
417
- :host .wm-button.-selector .overflowcontrol, :host .wm-button.-selector-primary .overflowcontrol {
418
- display: block;
419
- white-space: nowrap;
420
- text-overflow: ellipsis;
421
- overflow: visible;
422
- }
423
- :host .wm-button.-selector {
424
- background: var(--wmcolor-button-background-selector);
425
- color: var(--wmcolor-button-text-selector);
426
- border-color: var(--wmcolor-button-border-selector);
427
- }
428
- :host .wm-button.-selector:hover:not(:disabled):not(.disabled) {
429
- background: var(--wmcolor-button-background-selector-hover);
430
- color: var(--wmcolor-button-text-selector-hover);
431
- border-color: transparent;
432
- }
433
- :host .wm-button.-selector.dark:not(:disabled):not(.disabled) {
434
- color: var(--wmcolor-button-text-selector-ondark);
435
- border-color: var(--wmcolor-button-border-selector-ondark);
436
- background: var(--wmcolor-button-background-selector-ondark);
437
- }
438
- :host .wm-button.-selector.dark:not(:disabled):not(.disabled):hover {
439
- color: var(--wmcolor-button-text-selector-hover-ondark);
440
- background: var(--wmcolor-button-background-selector-hover-ondark);
441
- border-color: transparent;
442
- }
443
- :host .wm-button.-selector-primary {
444
- background: var(--wmcolor-button-background-selectorprimary);
445
- color: var(--wmcolor-button-text-selectorprimary);
446
- }
447
- :host .wm-button.-selector-primary:hover:not(:disabled):not(.disabled):not(.ai) {
448
- background: var(--wmcolor-button-background-selectorprimary-hover);
449
- }
450
- :host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled) {
451
- color: var(--wmcolor-button-text-selectorprimary-ondark);
452
- background: var(--wmcolor-button-background-selectorprimary-ondark);
453
- }
454
- :host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled):hover {
455
- color: var(--wmcolor-button-text-selectorprimary-hover-ondark);
456
- background: var(--wmcolor-button-background-selectorprimary-hover-ondark);
457
- }
458
- :host .wm-button:disabled, :host .wm-button.disabled {
459
- cursor: default;
460
- pointer-events: none;
461
- }
462
- :host .wm-button:disabled.-secondary:not(.-permanentlydelete), :host .wm-button.disabled.-secondary:not(.-permanentlydelete) {
463
- box-shadow: none;
464
- border-color: var(--wmcolor-button-border-secondary-disabled);
465
- color: var(--wmcolor-button-text-secondary-disabled);
466
- }
467
- :host .wm-button:disabled.-primary, :host .wm-button.disabled.-primary {
468
- background: var(--wmcolor-button-background-primary-disabled);
469
- color: var(--wmcolor-button-text-primary-disabled);
470
- }
471
- :host .wm-button:disabled.-permanentlydelete, :host .wm-button.disabled.-permanentlydelete {
472
- background: var(--wmcolor-button-background-delete-disabled);
473
- color: var(--wmcolor-button-text-delete-disabled);
474
- border-color: var(--wmcolor-button-background-delete-disabled);
475
- }
476
- :host .wm-button:disabled.-pairnegative, :host .wm-button.disabled.-pairnegative {
477
- background: var(--wmcolor-button-background-negative-disabled);
478
- border-color: var(--wmcolor-button-background-negative-disabled);
479
- color: var(--wmcolor-button-text-negative-disabled);
480
- }
481
- :host .wm-button:disabled.-pairpositive, :host .wm-button.disabled.-pairpositive {
482
- background: var(--wmcolor-button-background-positive-disabled);
483
- border-color: var(--wmcolor-button-background-positive-disabled);
484
- color: var(--wmcolor-button-text-positive-disabled);
485
- }
486
- :host .wm-button:disabled.-selector, :host .wm-button.disabled.-selector {
487
- color: var(--wmcolor-button-text-selector-disabled);
488
- border-color: var(--wmcolor-button-border-selector-disabled);
489
- }
490
- :host .wm-button:disabled.-selector-primary, :host .wm-button.disabled.-selector-primary {
491
- background: var(--wmcolor-button-background-selectorprimary-disabled);
492
- color: var(--wmcolor-button-text-selectorprimary-disabled);
493
- }
494
- :host .wm-button:disabled.-navigational, :host .wm-button.disabled.-navigational {
495
- color: var(--wmcolor-button-icon-navigational-disabled);
496
- }
497
- :host .wm-button:disabled.-icononly, :host .wm-button.disabled.-icononly {
498
- color: var(--wmcolor-button-icon-icononly-disabled);
499
- border-color: var(--wmcolor-button-border-icononly-disabled);
500
- }
501
- :host .wm-button:disabled.-textonly, :host .wm-button.disabled.-textonly {
502
- color: var(--wmcolor-button-text-textonly-disabled);
503
- background: transparent;
504
- }
505
- :host .wm-button:disabled.dark.-icononly, :host .wm-button.disabled.dark.-icononly {
506
- background: transparent;
507
- color: var(--wmcolor-button-icon-icononly-disabled-ondark);
508
- border-color: var(--wmcolor-button-border-icononly-disabled-ondark);
509
- }
510
- :host .wm-button:disabled.dark.-navigational, :host .wm-button.disabled.dark.-navigational {
511
- color: var(--wmcolor-button-icon-navigational-disabled-ondark);
512
- }
513
- :host .wm-button:disabled.dark.-textonly, :host .wm-button.disabled.dark.-textonly {
514
- color: var(--wmcolor-button-text-textonly-disabled-ondark);
515
- }
516
- :host .wm-button:disabled.dark.-primary, :host .wm-button.disabled.dark.-primary {
517
- color: var(--wmcolor-button-text-primary-disabled-ondark);
518
- background: var(--wmcolor-button-background-primary-disabled-ondark);
519
- }
520
- :host .wm-button:disabled.dark.-secondary, :host .wm-button.disabled.dark.-secondary {
521
- background: transparent;
522
- color: var(--wmcolor-button-text-secondary-disabled-ondark);
523
- border-color: var(--wmcolor-button-border-secondary-disabled-ondark);
524
- }
525
- :host .wm-button:disabled.dark.-selector, :host .wm-button.disabled.dark.-selector {
526
- color: var(--wmcolor-button-text-selector-disabled-ondark);
527
- border-color: var(--wmcolor-button-border-selector-disabled-ondark);
528
- background: var(--wmcolor-button-background-selector-disabled-ondark);
529
- }
530
- :host .wm-button:disabled.dark.-selector-primary, :host .wm-button.disabled.dark.-selector-primary {
531
- color: var(--wmcolor-button-text-selectorprimary-disabled-ondark);
532
- background: var(--wmcolor-button-background-selectorprimary-disabled-ondark);
533
- }
534
- :host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly), :host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly) {
535
- background: var(--wmcolor-button-background-delete-disabled-ondark);
536
- color: var(--wmcolor-button-text-delete-disabled-ondark);
537
- }
538
- :host .wm-button .svg-ai-sparkles {
539
- --icon-size: 0.875rem;
540
- }
541
- :host .wm-button .svg-ai-sparkles::before {
542
- background: var(--icon-fill, currentColor);
543
- }
544
- :host .wm-button.-primary.ai {
545
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart);
546
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend);
547
- --wmbutton-percent-1: 0%;
548
- --wmbutton-percent-2: 70.19%;
549
- --wmbutton-percent-3: 180%;
550
- color: #fff;
551
- background-image: linear-gradient(-225deg, var(--ai-gradient-start) var(--wmbutton-percent-1), var(--ai-gradient-end) var(--wmbutton-percent-2), var(--ai-gradient-start) var(--wmbutton-percent-3));
552
- background-origin: border-box;
553
- background-clip: border-box;
554
- border: 2px solid transparent;
555
- transition: --ai-gradient-start, --ai-gradient-end, --wmbutton-percent-1, --wmbutton-percent-2, --wmbutton-percent-3;
556
- transition-timing-function: ease-out;
557
- }
558
- :host .wm-button.-primary.ai:hover {
559
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart-hover);
560
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend-hover);
561
- --wmbutton-percent-1: -50%;
562
- --wmbutton-percent-2: 0%;
563
- --wmbutton-percent-3: 89.81%;
564
- }
565
- :host .wm-button.-secondary.ai, :host .wm-button.-icononly.ai {
566
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart);
567
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend);
568
- --wmbutton-percent-1: 0%;
569
- --wmbutton-percent-2: 70.19%;
570
- --wmbutton-percent-3: 180%;
571
- --secondary-button-fill: #ffffff;
572
- border: 2px solid transparent;
573
- transition: --secondary-button-fill, --ai-gradient-start, --ai-gradient-end;
574
- transition-timing-function: ease-out;
575
- transition-duration: 100ms;
576
- background: linear-gradient(var(--secondary-button-fill) 0 0) padding-box, linear-gradient(-225deg, var(--ai-gradient-start) var(--wmbutton-percent-1), var(--ai-gradient-end) var(--wmbutton-percent-2), var(--ai-gradient-start) var(--wmbutton-percent-3)) border-box;
577
- }
578
- :host .wm-button.-secondary.ai .button-text, :host .wm-button.-icononly.ai .button-text {
579
- --icon-fill: linear-gradient(
580
- 135deg,
581
- var(--ai-gradient-start) var(--wmbutton-percent-1),
582
- var(--ai-gradient-end) var(--wmbutton-percent-2)
583
- );
584
- display: flex;
585
- color: transparent;
586
- transition: color 100ms;
587
- background: linear-gradient(135deg, var(--ai-gradient-start) var(--wmbutton-percent-1), var(--ai-gradient-end) var(--wmbutton-percent-2));
588
- background-clip: text;
589
- -webkit-background-clip: text;
590
- align-items: center;
591
- }
592
- :host .wm-button.-secondary.ai .svg-ai-sparkles::before, :host .wm-button.-icononly.ai .svg-ai-sparkles::before {
593
- --icon-fill: linear-gradient(
594
- 135deg,
595
- var(--ai-gradient-start) var(--wmbutton-percent-1),
596
- var(--ai-gradient-end) var(--wmbutton-percent-2)
597
- );
598
- }
599
- :host .wm-button.-secondary.ai:hover, :host .wm-button.-icononly.ai:hover {
600
- --secondary-button-fill: transparent;
601
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart-hover);
602
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend-hover);
603
- transition-timing-function: ease-in;
604
- transition-duration: 100ms;
605
- }
606
- :host .wm-button.-secondary.ai:hover .button-text, :host .wm-button.-icononly.ai:hover .button-text {
607
- --icon-fill: #fff;
608
- color: #fff;
609
- }
610
- :host .wm-button.-secondary.ai:hover .svg-ai-sparkles::before, :host .wm-button.-icononly.ai:hover .svg-ai-sparkles::before {
611
- --icon-fill: #fff;
612
- }
613
- :host .wm-button.-navigational.ai {
614
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart);
615
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend);
616
- --wmbutton-percent-1: 0%;
617
- --wmbutton-percent-2: 70.19%;
618
- --wmbutton-percent-3: 180%;
619
- --icon-fill: linear-gradient(
620
- -225deg,
621
- var(--ai-gradient-start) var(--wmbutton-percent-1),
622
- var(--ai-gradient-end) var(--wmbutton-percent-2),
623
- var(--ai-gradient-start) var(--wmbutton-percent-3)
624
- );
625
- color: #fff;
626
- transition: --ai-gradient-start, --ai-gradient-end, --wmbutton-percent-1, --wmbutton-percent-2, --wmbutton-percent-3;
627
- transition-timing-function: ease-in;
628
- transition-delay: 0ms, 0ms, 150ms, 150ms, 150ms;
629
- transition-duration: 150ms;
630
- }
631
- :host .wm-button.-navigational.ai:hover {
632
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart-hover);
633
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend-hover);
634
- --wmbutton-percent-1: -50%;
635
- --wmbutton-percent-2: 0%;
636
- --wmbutton-percent-3: 89.81%;
637
- transition-timing-function: ease-in;
638
- transition-duration: 100ms;
639
- }
640
- :host .wm-button.-icononly.ai {
641
- border-width: 1px;
642
- }
643
- :host .wm-button.-navigational.ai .svg-ai-sparkles, :host .wm-button.-icononly.ai .svg-ai-sparkles {
644
- --icon-size: 1.125rem;
645
- }
646
- :host .wm-button.-textonly.ai {
647
- --secondary-button-fill: transparent;
648
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart);
649
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend);
650
- --wmbutton-percent-1: 0%;
651
- --wmbutton-percent-2: 70.19%;
652
- --wmbutton-percent-3: 180%;
653
- --icon-fill: linear-gradient(
654
- 135deg,
655
- var(--ai-gradient-start) var(--wmbutton-percent-1),
656
- var(--ai-gradient-end) var(--wmbutton-percent-2)
657
- );
658
- display: flex;
659
- color: transparent;
660
- transition: --ai-gradient-start, --ai-gradient-end, --wmbutton-percent-1, --wmbutton-percent-2, --wmbutton-percent-3, --secondary-button-fill;
661
- transition-timing-function: ease-out;
662
- transition-delay: 0ms, 100ms, 100ms, 100ms, 200ms, 0ms;
663
- transition-duration: 150ms;
664
- background: linear-gradient(-225deg, var(--ai-gradient-start) var(--wmbutton-percent-1), var(--ai-gradient-end) var(--wmbutton-percent-2), var(--ai-gradient-start) var(--wmbutton-percent-3));
665
- background-clip: text;
666
- -webkit-background-clip: text;
667
- border: none;
668
- border-bottom: 1px solid;
669
- border-image: linear-gradient(var(--secondary-button-fill) 0 0) 1;
670
- }
671
- :host .wm-button.-textonly.ai:hover {
672
- --secondary-button-fill: var(--wmcolor-azurite-70);
673
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart-hover);
674
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend-hover);
675
- transition-duration: 100ms;
676
- }
677
- @media (prefers-reduced-motion: no-preference) {
678
- :host .wm-button.-primary.ai {
679
- transition-timing-function: ease-in;
680
- transition-delay: 0ms, 0ms, 150ms, 150ms, 150ms;
681
- transition-duration: 150ms;
682
- }
683
- :host .wm-button.-primary.ai:hover {
684
- transition-timing-function: ease-in;
685
- transition-duration: 100ms;
686
- }
687
- :host .wm-button.-secondary.ai, :host .wm-button.-icononly.ai {
688
- transition: --secondary-button-fill, --ai-gradient-start, --ai-gradient-end, --wmbutton-percent-1, --wmbutton-percent-2, --wmbutton-percent-3;
689
- transition-timing-function: ease-out;
690
- transition-delay: 200ms, 0ms, 0ms, 100ms, 100ms, 100ms;
691
- transition-duration: 150ms;
692
- }
693
- :host .wm-button.-secondary.ai:hover, :host .wm-button.-icononly.ai:hover {
694
- --secondary-button-fill: transparent;
695
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart-hover);
696
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend-hover);
697
- --wmbutton-percent-1: -50%;
698
- --wmbutton-percent-2: 0%;
699
- --wmbutton-percent-3: 89.81%;
700
- transition-delay: 0ms, 100ms, 100ms, 200ms, 200ms, 200ms;
701
- transition-duration: 200ms, 200ms, 200ms, 200ms, 200ms, 200ms;
702
- }
703
- :host .wm-button.-textonly.ai {
704
- transition: --ai-gradient-start, --ai-gradient-end, --wmbutton-percent-1, --wmbutton-percent-2, --wmbutton-percent-3, --secondary-button-fill;
705
- transition-timing-function: ease-out;
706
- transition-delay: 0ms, 100ms, 100ms, 100ms, 200ms, 0ms;
707
- transition-duration: 150ms;
708
- border-image: linear-gradient(var(--secondary-button-fill) 0 0) 1;
709
- }
710
- :host .wm-button.-textonly.ai:hover {
711
- --secondary-button-fill: var(--wmcolor-azurite-70);
712
- --ai-gradient-start: var(--wmcolor-ai-interactive-gradientstart-hover);
713
- --ai-gradient-end: var(--wmcolor-ai-interactive-gradientend-hover);
714
- --wmbutton-percent-1: -50%;
715
- --wmbutton-percent-2: 0%;
716
- --wmbutton-percent-3: 89.81%;
717
- transition-delay: 100ms, 100ms, 200ms, 200ms, 200ms, 0s;
718
- transition-duration: 200ms, 200ms, 200ms, 200ms, 200ms, 1s;
719
- }
720
- }
721
- :host a.wm-button,
722
- :host label.wm-button {
723
- height: auto;
724
- padding-block-start: 0.75rem;
725
- padding-block-end: 0.75rem;
726
- }
727
-
728
- .svg-icon {
729
- display: block;
730
- width: var(--icon-size, 0.875rem);
731
- height: var(--icon-size, 0.875rem);
732
- }
733
- .svg-icon.horizontal {
734
- transform: scaleX(-1);
735
- }
736
- .svg-icon.vertical {
737
- transform: scaleY(-1);
738
- }
739
- .svg-icon.svg-add:before {
740
- content: "";
741
- display: block;
742
- background-color: var(--icon-fill, currentColor);
743
- width: var(--icon-size, 0.875rem);
744
- height: var(--icon-size, 0.875rem);
745
- -webkit-mask-size: 100%;
746
- mask-size: 100%;
747
- }
748
- .svg-icon.svg-add:before {
749
- -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");
750
- 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");
751
- }
752
- .svg-icon.svg-archive:before {
753
- content: "";
754
- display: block;
755
- background-color: var(--icon-fill, currentColor);
756
- width: var(--icon-size, 0.875rem);
757
- height: var(--icon-size, 0.875rem);
758
- -webkit-mask-size: 100%;
759
- mask-size: 100%;
760
- }
761
- .svg-icon.svg-archive:before {
762
- -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.54 5.23L19.15 3.55C18.88 3.21 18.47 3 18 3H6C5.53 3 5.12 3.21 4.84 3.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V6.5C21 6.02 20.83 5.57 20.54 5.23ZM12 17.5L6.5 12H10V10H14V12H17.5L12 17.5ZM5.12 5L5.93 4H17.93L18.87 5H5.12Z'/%3E%3C/svg%3E%0A");
763
- 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.54 5.23L19.15 3.55C18.88 3.21 18.47 3 18 3H6C5.53 3 5.12 3.21 4.84 3.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V6.5C21 6.02 20.83 5.57 20.54 5.23ZM12 17.5L6.5 12H10V10H14V12H17.5L12 17.5ZM5.12 5L5.93 4H17.93L18.87 5H5.12Z'/%3E%3C/svg%3E%0A");
764
- }
765
- .svg-icon.svg-add-person:before {
766
- content: "";
767
- display: block;
768
- background-color: var(--icon-fill, currentColor);
769
- width: var(--icon-size, 0.875rem);
770
- height: var(--icon-size, 0.875rem);
771
- -webkit-mask-size: 100%;
772
- mask-size: 100%;
773
- }
774
- .svg-icon.svg-add-person:before {
775
- -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");
776
- 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");
777
- }
778
- .svg-icon.svg-add-outline:before {
779
- content: "";
780
- display: block;
781
- background-color: var(--icon-fill, currentColor);
782
- width: var(--icon-size, 0.875rem);
783
- height: var(--icon-size, 0.875rem);
784
- -webkit-mask-size: 100%;
785
- mask-size: 100%;
786
- }
787
- .svg-icon.svg-add-outline:before {
788
- -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");
789
- 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");
790
- }
791
- .svg-icon.svg-ai:before {
792
- content: "";
793
- display: block;
794
- background-color: var(--icon-fill, currentColor);
795
- width: var(--icon-size, 0.875rem);
796
- height: var(--icon-size, 0.875rem);
797
- -webkit-mask-size: 100%;
798
- mask-size: 100%;
799
- }
800
- .svg-icon.svg-ai:before {
801
- -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");
802
- 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");
803
- }
804
- .svg-icon.svg-ai-sparkles:before {
805
- content: "";
806
- display: block;
807
- background-color: var(--icon-fill, currentColor);
808
- width: var(--icon-size, 0.875rem);
809
- height: var(--icon-size, 0.875rem);
810
- -webkit-mask-size: 100%;
811
- mask-size: 100%;
812
- }
813
- .svg-icon.svg-ai-sparkles:before {
814
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.0834 0.583328L10.3484 2.18749L8.75004 2.91666L10.3484 3.65166L11.0834 5.25L11.8125 3.65166L13.4167 2.91666L11.8125 2.18749M5.25004 2.33333L3.79171 5.54166L0.583374 7L3.79171 8.45833L5.25004 11.6667L6.70837 8.45833L9.91671 7L6.70837 5.54166M11.0834 8.75L10.3484 10.3483L8.75004 11.0833L10.3484 11.8125L11.0834 13.4167L11.8125 11.8125L13.4167 11.0833L11.8125 10.3483'/%3E%3C/svg%3E%0A");
815
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.0834 0.583328L10.3484 2.18749L8.75004 2.91666L10.3484 3.65166L11.0834 5.25L11.8125 3.65166L13.4167 2.91666L11.8125 2.18749M5.25004 2.33333L3.79171 5.54166L0.583374 7L3.79171 8.45833L5.25004 11.6667L6.70837 8.45833L9.91671 7L6.70837 5.54166M11.0834 8.75L10.3484 10.3483L8.75004 11.0833L10.3484 11.8125L11.0834 13.4167L11.8125 11.8125L13.4167 11.0833L11.8125 10.3483'/%3E%3C/svg%3E%0A");
816
- }
817
- .svg-icon.svg-ai-chat:before {
818
- content: "";
819
- display: block;
820
- background-color: var(--icon-fill, currentColor);
821
- width: var(--icon-size, 0.875rem);
822
- height: var(--icon-size, 0.875rem);
823
- -webkit-mask-size: 100%;
824
- mask-size: 100%;
825
- }
826
- .svg-icon.svg-ai-chat:before {
827
- -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 1.5H5C3.9 1.5 3 2.4 3 3.5V17.5C3 18.6 3.9 19.5 5 19.5H9L12 22.5L15 19.5H19C20.1 19.5 21 18.6 21 17.5V3.5C21 2.4 20.1 1.5 19 1.5ZM19 17.5H14.17L12 19.67L9.83 17.5H5V3.5H19V17.5ZM12 16.5L13.88 12.38L18 10.5L13.88 8.62L12 4.5L10.12 8.62L6 10.5L10.12 12.38L12 16.5Z'/%3E%3C/svg%3E%0A");
828
- 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 1.5H5C3.9 1.5 3 2.4 3 3.5V17.5C3 18.6 3.9 19.5 5 19.5H9L12 22.5L15 19.5H19C20.1 19.5 21 18.6 21 17.5V3.5C21 2.4 20.1 1.5 19 1.5ZM19 17.5H14.17L12 19.67L9.83 17.5H5V3.5H19V17.5ZM12 16.5L13.88 12.38L18 10.5L13.88 8.62L12 4.5L10.12 8.62L6 10.5L10.12 12.38L12 16.5Z'/%3E%3C/svg%3E%0A");
829
- }
830
- .svg-icon.svg-api-connected:before {
831
- content: "";
832
- display: block;
833
- background-color: var(--icon-fill, currentColor);
834
- width: var(--icon-size, 0.875rem);
835
- height: var(--icon-size, 0.875rem);
836
- -webkit-mask-size: 100%;
837
- mask-size: 100%;
838
- }
839
- .svg-icon.svg-api-connected:before {
840
- -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");
841
- 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");
842
- }
843
- .svg-icon.svg-api-disconnected:before {
844
- content: "";
845
- display: block;
846
- background-color: var(--icon-fill, currentColor);
847
- width: var(--icon-size, 0.875rem);
848
- height: var(--icon-size, 0.875rem);
849
- -webkit-mask-size: 100%;
850
- mask-size: 100%;
851
- }
852
- .svg-icon.svg-api-disconnected:before {
853
- -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");
854
- 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");
855
- }
856
- .svg-icon.svg-attach:before {
857
- content: "";
858
- display: block;
859
- background-color: var(--icon-fill, currentColor);
860
- width: var(--icon-size, 0.875rem);
861
- height: var(--icon-size, 0.875rem);
862
- -webkit-mask-size: 100%;
863
- mask-size: 100%;
864
- }
865
- .svg-icon.svg-attach:before {
866
- -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");
867
- 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");
868
- }
869
- .svg-icon.svg-back:before {
870
- content: "";
871
- display: block;
872
- background-color: var(--icon-fill, currentColor);
873
- width: var(--icon-size, 0.875rem);
874
- height: var(--icon-size, 0.875rem);
875
- -webkit-mask-size: 100%;
876
- mask-size: 100%;
877
- }
878
- .svg-icon.svg-back:before {
879
- -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");
880
- 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");
881
- }
882
- .svg-icon.svg-close:before {
883
- content: "";
884
- display: block;
885
- background-color: var(--icon-fill, currentColor);
886
- width: var(--icon-size, 0.875rem);
887
- height: var(--icon-size, 0.875rem);
888
- -webkit-mask-size: 100%;
889
- mask-size: 100%;
890
- }
891
- .svg-icon.svg-close:before {
892
- -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");
893
- 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");
894
- }
895
- .svg-icon.svg-checkbox-selected:before {
896
- content: "";
897
- display: block;
898
- background-color: var(--icon-fill, currentColor);
899
- width: var(--icon-size, 0.875rem);
900
- height: var(--icon-size, 0.875rem);
901
- -webkit-mask-size: 100%;
902
- mask-size: 100%;
903
- }
904
- .svg-icon.svg-checkbox-selected:before {
905
- -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");
906
- 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");
907
- }
908
- .svg-icon.svg-checkbox-blank:before {
909
- content: "";
910
- display: block;
911
- background-color: var(--icon-fill, currentColor);
912
- width: var(--icon-size, 0.875rem);
913
- height: var(--icon-size, 0.875rem);
914
- -webkit-mask-size: 100%;
915
- mask-size: 100%;
916
- }
917
- .svg-icon.svg-checkbox-blank:before {
918
- -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");
919
- 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");
920
- }
921
- .svg-icon.svg-collapsed:before {
922
- content: "";
923
- display: block;
924
- background-color: var(--icon-fill, currentColor);
925
- width: var(--icon-size, 0.875rem);
926
- height: var(--icon-size, 0.875rem);
927
- -webkit-mask-size: 100%;
928
- mask-size: 100%;
929
- }
930
- .svg-icon.svg-collapsed:before {
931
- -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");
932
- 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");
933
- }
934
- .svg-icon.svg-date:before {
935
- content: "";
936
- display: block;
937
- background-color: var(--icon-fill, currentColor);
938
- width: var(--icon-size, 0.875rem);
939
- height: var(--icon-size, 0.875rem);
940
- -webkit-mask-size: 100%;
941
- mask-size: 100%;
942
- }
943
- .svg-icon.svg-date:before {
944
- -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");
945
- 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");
946
- }
947
- .svg-icon.svg-delete:before {
948
- content: "";
949
- display: block;
950
- background-color: var(--icon-fill, currentColor);
951
- width: var(--icon-size, 0.875rem);
952
- height: var(--icon-size, 0.875rem);
953
- -webkit-mask-size: 100%;
954
- mask-size: 100%;
955
- }
956
- .svg-icon.svg-delete:before {
957
- -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");
958
- 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");
959
- }
960
- .svg-icon.svg-download:before {
961
- content: "";
962
- display: block;
963
- background-color: var(--icon-fill, currentColor);
964
- width: var(--icon-size, 0.875rem);
965
- height: var(--icon-size, 0.875rem);
966
- -webkit-mask-size: 100%;
967
- mask-size: 100%;
968
- }
969
- .svg-icon.svg-download:before {
970
- -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");
971
- 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");
972
- }
973
- .svg-icon.svg-drilldown:before {
974
- content: "";
975
- display: block;
976
- background-color: var(--icon-fill, currentColor);
977
- width: var(--icon-size, 0.875rem);
978
- height: var(--icon-size, 0.875rem);
979
- -webkit-mask-size: 100%;
980
- mask-size: 100%;
981
- }
982
- .svg-icon.svg-drilldown:before {
983
- -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");
984
- 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");
985
- }
986
- .svg-icon.svg-edit:before {
987
- content: "";
988
- display: block;
989
- background-color: var(--icon-fill, currentColor);
990
- width: var(--icon-size, 0.875rem);
991
- height: var(--icon-size, 0.875rem);
992
- -webkit-mask-size: 100%;
993
- mask-size: 100%;
994
- }
995
- .svg-icon.svg-edit:before {
996
- -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");
997
- 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");
998
- }
999
- .svg-icon.svg-error:before {
1000
- content: "";
1001
- display: block;
1002
- background-color: var(--icon-fill, currentColor);
1003
- width: var(--icon-size, 0.875rem);
1004
- height: var(--icon-size, 0.875rem);
1005
- -webkit-mask-size: 100%;
1006
- mask-size: 100%;
1007
- }
1008
- .svg-icon.svg-error:before {
1009
- -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");
1010
- 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");
1011
- }
1012
- .svg-icon.svg-expand-less:before {
1013
- content: "";
1014
- display: block;
1015
- background-color: var(--icon-fill, currentColor);
1016
- width: var(--icon-size, 0.875rem);
1017
- height: var(--icon-size, 0.875rem);
1018
- -webkit-mask-size: 100%;
1019
- mask-size: 100%;
1020
- }
1021
- .svg-icon.svg-expand-less:before {
1022
- -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");
1023
- 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");
1024
- }
1025
- .svg-icon.svg-expand-more:before {
1026
- content: "";
1027
- display: block;
1028
- background-color: var(--icon-fill, currentColor);
1029
- width: var(--icon-size, 0.875rem);
1030
- height: var(--icon-size, 0.875rem);
1031
- -webkit-mask-size: 100%;
1032
- mask-size: 100%;
1033
- }
1034
- .svg-icon.svg-expand-more:before {
1035
- -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");
1036
- 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");
1037
- }
1038
- .svg-icon.svg-expanded:before {
1039
- content: "";
1040
- display: block;
1041
- background-color: var(--icon-fill, currentColor);
1042
- width: var(--icon-size, 0.875rem);
1043
- height: var(--icon-size, 0.875rem);
1044
- -webkit-mask-size: 100%;
1045
- mask-size: 100%;
1046
- }
1047
- .svg-icon.svg-expanded:before {
1048
- -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");
1049
- 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");
1050
- }
1051
- .svg-icon.svg-filter:before {
1052
- content: "";
1053
- display: block;
1054
- background-color: var(--icon-fill, currentColor);
1055
- width: var(--icon-size, 0.875rem);
1056
- height: var(--icon-size, 0.875rem);
1057
- -webkit-mask-size: 100%;
1058
- mask-size: 100%;
1059
- }
1060
- .svg-icon.svg-filter:before {
1061
- -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");
1062
- 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");
1063
- }
1064
- .svg-icon.svg-forward:before {
1065
- content: "";
1066
- display: block;
1067
- background-color: var(--icon-fill, currentColor);
1068
- width: var(--icon-size, 0.875rem);
1069
- height: var(--icon-size, 0.875rem);
1070
- -webkit-mask-size: 100%;
1071
- mask-size: 100%;
1072
- }
1073
- .svg-icon.svg-forward:before {
1074
- -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");
1075
- 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");
1076
- }
1077
- .svg-icon.svg-help-center:before {
1078
- content: "";
1079
- display: block;
1080
- background-color: var(--icon-fill, currentColor);
1081
- width: var(--icon-size, 0.875rem);
1082
- height: var(--icon-size, 0.875rem);
1083
- -webkit-mask-size: 100%;
1084
- mask-size: 100%;
1085
- }
1086
- .svg-icon.svg-help-center:before {
1087
- -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");
1088
- 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");
1089
- }
1090
- .svg-icon.svg-hide:before {
1091
- content: "";
1092
- display: block;
1093
- background-color: var(--icon-fill, currentColor);
1094
- width: var(--icon-size, 0.875rem);
1095
- height: var(--icon-size, 0.875rem);
1096
- -webkit-mask-size: 100%;
1097
- mask-size: 100%;
1098
- }
1099
- .svg-icon.svg-hide:before {
1100
- -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");
1101
- 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");
1102
- }
1103
- .svg-icon.svg-info:before {
1104
- content: "";
1105
- display: block;
1106
- background-color: var(--icon-fill, currentColor);
1107
- width: var(--icon-size, 0.875rem);
1108
- height: var(--icon-size, 0.875rem);
1109
- -webkit-mask-size: 100%;
1110
- mask-size: 100%;
1111
- }
1112
- .svg-icon.svg-info:before {
1113
- -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");
1114
- 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");
1115
- }
1116
- .svg-icon.svg-locked:before {
1117
- content: "";
1118
- display: block;
1119
- background-color: var(--icon-fill, currentColor);
1120
- width: var(--icon-size, 0.875rem);
1121
- height: var(--icon-size, 0.875rem);
1122
- -webkit-mask-size: 100%;
1123
- mask-size: 100%;
1124
- }
1125
- .svg-icon.svg-locked:before {
1126
- -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");
1127
- 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");
1128
- }
1129
- .svg-icon.svg-menu:before {
1130
- content: "";
1131
- display: block;
1132
- background-color: var(--icon-fill, currentColor);
1133
- width: var(--icon-size, 0.875rem);
1134
- height: var(--icon-size, 0.875rem);
1135
- -webkit-mask-size: 100%;
1136
- mask-size: 100%;
1137
- }
1138
- .svg-icon.svg-menu:before {
1139
- -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");
1140
- 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");
1141
- }
1142
- .svg-icon.svg-more-options:before {
1143
- content: "";
1144
- display: block;
1145
- background-color: var(--icon-fill, currentColor);
1146
- width: var(--icon-size, 0.875rem);
1147
- height: var(--icon-size, 0.875rem);
1148
- -webkit-mask-size: 100%;
1149
- mask-size: 100%;
1150
- }
1151
- .svg-icon.svg-more-options:before {
1152
- -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");
1153
- 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");
1154
- }
1155
- .svg-icon.svg-move-down:before {
1156
- content: "";
1157
- display: block;
1158
- background-color: var(--icon-fill, currentColor);
1159
- width: var(--icon-size, 0.875rem);
1160
- height: var(--icon-size, 0.875rem);
1161
- -webkit-mask-size: 100%;
1162
- mask-size: 100%;
1163
- }
1164
- .svg-icon.svg-move-down:before {
1165
- -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");
1166
- 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");
1167
- }
1168
- .svg-icon.svg-move-up:before {
1169
- content: "";
1170
- display: block;
1171
- background-color: var(--icon-fill, currentColor);
1172
- width: var(--icon-size, 0.875rem);
1173
- height: var(--icon-size, 0.875rem);
1174
- -webkit-mask-size: 100%;
1175
- mask-size: 100%;
1176
- }
1177
- .svg-icon.svg-move-up:before {
1178
- -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");
1179
- 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");
1180
- }
1181
- .svg-icon.svg-navigator-icon:before {
1182
- content: "";
1183
- display: block;
1184
- background-color: var(--icon-fill, currentColor);
1185
- width: var(--icon-size, 0.875rem);
1186
- height: var(--icon-size, 0.875rem);
1187
- -webkit-mask-size: 100%;
1188
- mask-size: 100%;
1189
- }
1190
- .svg-icon.svg-navigator-icon:before {
1191
- -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");
1192
- 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");
1193
- }
1194
- .svg-icon.svg-next:before {
1195
- content: "";
1196
- display: block;
1197
- background-color: var(--icon-fill, currentColor);
1198
- width: var(--icon-size, 0.875rem);
1199
- height: var(--icon-size, 0.875rem);
1200
- -webkit-mask-size: 100%;
1201
- mask-size: 100%;
1202
- }
1203
- .svg-icon.svg-next:before {
1204
- -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");
1205
- 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");
1206
- }
1207
- .svg-icon.svg-notifications:before {
1208
- content: "";
1209
- display: block;
1210
- background-color: var(--icon-fill, currentColor);
1211
- width: var(--icon-size, 0.875rem);
1212
- height: var(--icon-size, 0.875rem);
1213
- -webkit-mask-size: 100%;
1214
- mask-size: 100%;
1215
- }
1216
- .svg-icon.svg-notifications:before {
1217
- -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");
1218
- 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");
1219
- }
1220
- .svg-icon.svg-open-in-new:before {
1221
- content: "";
1222
- display: block;
1223
- background-color: var(--icon-fill, currentColor);
1224
- width: var(--icon-size, 0.875rem);
1225
- height: var(--icon-size, 0.875rem);
1226
- -webkit-mask-size: 100%;
1227
- mask-size: 100%;
1228
- }
1229
- .svg-icon.svg-open-in-new:before {
1230
- -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");
1231
- 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");
1232
- }
1233
- .svg-icon.svg-pending:before {
1234
- content: "";
1235
- display: block;
1236
- background-color: var(--icon-fill, currentColor);
1237
- width: var(--icon-size, 0.875rem);
1238
- height: var(--icon-size, 0.875rem);
1239
- -webkit-mask-size: 100%;
1240
- mask-size: 100%;
1241
- }
1242
- .svg-icon.svg-pending:before {
1243
- -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");
1244
- 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");
1245
- }
1246
- .svg-icon.svg-previous:before {
1247
- content: "";
1248
- display: block;
1249
- background-color: var(--icon-fill, currentColor);
1250
- width: var(--icon-size, 0.875rem);
1251
- height: var(--icon-size, 0.875rem);
1252
- -webkit-mask-size: 100%;
1253
- mask-size: 100%;
1254
- }
1255
- .svg-icon.svg-previous:before {
1256
- -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");
1257
- 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");
1258
- }
1259
- .svg-icon.svg-remove:before {
1260
- content: "";
1261
- display: block;
1262
- background-color: var(--icon-fill, currentColor);
1263
- width: var(--icon-size, 0.875rem);
1264
- height: var(--icon-size, 0.875rem);
1265
- -webkit-mask-size: 100%;
1266
- mask-size: 100%;
1267
- }
1268
- .svg-icon.svg-remove:before {
1269
- -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");
1270
- 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");
1271
- }
1272
- .svg-icon.svg-remove-tag:before {
1273
- content: "";
1274
- display: block;
1275
- background-color: var(--icon-fill, currentColor);
1276
- width: var(--icon-size, 0.875rem);
1277
- height: var(--icon-size, 0.875rem);
1278
- -webkit-mask-size: 100%;
1279
- mask-size: 100%;
1280
- }
1281
- .svg-icon.svg-remove-tag:before {
1282
- -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");
1283
- 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");
1284
- }
1285
- .svg-icon.svg-reset:before {
1286
- content: "";
1287
- display: block;
1288
- background-color: var(--icon-fill, currentColor);
1289
- width: var(--icon-size, 0.875rem);
1290
- height: var(--icon-size, 0.875rem);
1291
- -webkit-mask-size: 100%;
1292
- mask-size: 100%;
1293
- }
1294
- .svg-icon.svg-reset:before {
1295
- -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");
1296
- 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");
1297
- }
1298
- .svg-icon.svg-restore:before {
1299
- content: "";
1300
- display: block;
1301
- background-color: var(--icon-fill, currentColor);
1302
- width: var(--icon-size, 0.875rem);
1303
- height: var(--icon-size, 0.875rem);
1304
- -webkit-mask-size: 100%;
1305
- mask-size: 100%;
1306
- }
1307
- .svg-icon.svg-restore:before {
1308
- -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");
1309
- 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");
1310
- }
1311
- .svg-icon.svg-rotate-right:before {
1312
- content: "";
1313
- display: block;
1314
- background-color: var(--icon-fill, currentColor);
1315
- width: var(--icon-size, 0.875rem);
1316
- height: var(--icon-size, 0.875rem);
1317
- -webkit-mask-size: 100%;
1318
- mask-size: 100%;
1319
- }
1320
- .svg-icon.svg-rotate-right:before {
1321
- -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");
1322
- 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");
1323
- }
1324
- .svg-icon.svg-save:before {
1325
- content: "";
1326
- display: block;
1327
- background-color: var(--icon-fill, currentColor);
1328
- width: var(--icon-size, 0.875rem);
1329
- height: var(--icon-size, 0.875rem);
1330
- -webkit-mask-size: 100%;
1331
- mask-size: 100%;
1332
- }
1333
- .svg-icon.svg-save:before {
1334
- -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");
1335
- 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");
1336
- }
1337
- .svg-icon.svg-search:before {
1338
- content: "";
1339
- display: block;
1340
- background-color: var(--icon-fill, currentColor);
1341
- width: var(--icon-size, 0.875rem);
1342
- height: var(--icon-size, 0.875rem);
1343
- -webkit-mask-size: 100%;
1344
- mask-size: 100%;
1345
- }
1346
- .svg-icon.svg-search:before {
1347
- -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");
1348
- 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");
1349
- }
1350
- .svg-icon.svg-shape-circle:before {
1351
- content: "";
1352
- display: block;
1353
- background-color: var(--icon-fill, currentColor);
1354
- width: var(--icon-size, 0.875rem);
1355
- height: var(--icon-size, 0.875rem);
1356
- -webkit-mask-size: 100%;
1357
- mask-size: 100%;
1358
- }
1359
- .svg-icon.svg-shape-circle:before {
1360
- -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");
1361
- 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");
1362
- }
1363
- .svg-icon.svg-shape-pentagon:before {
1364
- content: "";
1365
- display: block;
1366
- background-color: var(--icon-fill, currentColor);
1367
- width: var(--icon-size, 0.875rem);
1368
- height: var(--icon-size, 0.875rem);
1369
- -webkit-mask-size: 100%;
1370
- mask-size: 100%;
1371
- }
1372
- .svg-icon.svg-shape-pentagon:before {
1373
- -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");
1374
- 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");
1375
- }
1376
- .svg-icon.svg-shape-rhombus:before {
1377
- content: "";
1378
- display: block;
1379
- background-color: var(--icon-fill, currentColor);
1380
- width: var(--icon-size, 0.875rem);
1381
- height: var(--icon-size, 0.875rem);
1382
- -webkit-mask-size: 100%;
1383
- mask-size: 100%;
1384
- }
1385
- .svg-icon.svg-shape-rhombus:before {
1386
- -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");
1387
- 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");
1388
- }
1389
- .svg-icon.svg-shape-star:before {
1390
- content: "";
1391
- display: block;
1392
- background-color: var(--icon-fill, currentColor);
1393
- width: var(--icon-size, 0.875rem);
1394
- height: var(--icon-size, 0.875rem);
1395
- -webkit-mask-size: 100%;
1396
- mask-size: 100%;
1397
- }
1398
- .svg-icon.svg-shape-star:before {
1399
- -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");
1400
- 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");
1401
- }
1402
- .svg-icon.svg-shape-square:before {
1403
- content: "";
1404
- display: block;
1405
- background-color: var(--icon-fill, currentColor);
1406
- width: var(--icon-size, 0.875rem);
1407
- height: var(--icon-size, 0.875rem);
1408
- -webkit-mask-size: 100%;
1409
- mask-size: 100%;
1410
- }
1411
- .svg-icon.svg-shape-square:before {
1412
- -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");
1413
- 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");
1414
- }
1415
- .svg-icon.svg-shape-triangle:before {
1416
- content: "";
1417
- display: block;
1418
- background-color: var(--icon-fill, currentColor);
1419
- width: var(--icon-size, 0.875rem);
1420
- height: var(--icon-size, 0.875rem);
1421
- -webkit-mask-size: 100%;
1422
- mask-size: 100%;
1423
- }
1424
- .svg-icon.svg-shape-triangle:before {
1425
- -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");
1426
- 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");
1427
- }
1428
- .svg-icon.svg-shape-triangle-inverted:before {
1429
- content: "";
1430
- display: block;
1431
- background-color: var(--icon-fill, currentColor);
1432
- width: var(--icon-size, 0.875rem);
1433
- height: var(--icon-size, 0.875rem);
1434
- -webkit-mask-size: 100%;
1435
- mask-size: 100%;
1436
- }
1437
- .svg-icon.svg-shape-triangle-inverted:before {
1438
- -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");
1439
- 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");
1440
- }
1441
- .svg-icon.svg-show:before {
1442
- content: "";
1443
- display: block;
1444
- background-color: var(--icon-fill, currentColor);
1445
- width: var(--icon-size, 0.875rem);
1446
- height: var(--icon-size, 0.875rem);
1447
- -webkit-mask-size: 100%;
1448
- mask-size: 100%;
1449
- }
1450
- .svg-icon.svg-show:before {
1451
- -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");
1452
- 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");
1453
- }
1454
- .svg-icon.svg-sort-a-to-z:before {
1455
- content: "";
1456
- display: block;
1457
- background-color: var(--icon-fill, currentColor);
1458
- width: var(--icon-size, 0.875rem);
1459
- height: var(--icon-size, 0.875rem);
1460
- -webkit-mask-size: 100%;
1461
- mask-size: 100%;
1462
- }
1463
- .svg-icon.svg-sort-a-to-z:before {
1464
- -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");
1465
- 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");
1466
- }
1467
- .svg-icon.svg-sort-z-to-a:before {
1468
- content: "";
1469
- display: block;
1470
- background-color: var(--icon-fill, currentColor);
1471
- width: var(--icon-size, 0.875rem);
1472
- height: var(--icon-size, 0.875rem);
1473
- -webkit-mask-size: 100%;
1474
- mask-size: 100%;
1475
- }
1476
- .svg-icon.svg-sort-z-to-a:before {
1477
- -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");
1478
- 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");
1479
- }
1480
- .svg-icon.svg-success:before {
1481
- content: "";
1482
- display: block;
1483
- background-color: var(--icon-fill, currentColor);
1484
- width: var(--icon-size, 0.875rem);
1485
- height: var(--icon-size, 0.875rem);
1486
- -webkit-mask-size: 100%;
1487
- mask-size: 100%;
1488
- }
1489
- .svg-icon.svg-success:before {
1490
- -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");
1491
- 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");
1492
- }
1493
- .svg-icon.svg-time:before {
1494
- content: "";
1495
- display: block;
1496
- background-color: var(--icon-fill, currentColor);
1497
- width: var(--icon-size, 0.875rem);
1498
- height: var(--icon-size, 0.875rem);
1499
- -webkit-mask-size: 100%;
1500
- mask-size: 100%;
1501
- }
1502
- .svg-icon.svg-time:before {
1503
- -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");
1504
- 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");
1505
- }
1506
- .svg-icon.svg-undo:before {
1507
- content: "";
1508
- display: block;
1509
- background-color: var(--icon-fill, currentColor);
1510
- width: var(--icon-size, 0.875rem);
1511
- height: var(--icon-size, 0.875rem);
1512
- -webkit-mask-size: 100%;
1513
- mask-size: 100%;
1514
- }
1515
- .svg-icon.svg-undo:before {
1516
- -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");
1517
- 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");
1518
- }
1519
- .svg-icon.svg-upload:before {
1520
- content: "";
1521
- display: block;
1522
- background-color: var(--icon-fill, currentColor);
1523
- width: var(--icon-size, 0.875rem);
1524
- height: var(--icon-size, 0.875rem);
1525
- -webkit-mask-size: 100%;
1526
- mask-size: 100%;
1527
- }
1528
- .svg-icon.svg-upload:before {
1529
- -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");
1530
- 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");
1531
- }
1532
- .svg-icon.svg-wrong:before {
1533
- content: "";
1534
- display: block;
1535
- background-color: var(--icon-fill, currentColor);
1536
- width: var(--icon-size, 0.875rem);
1537
- height: var(--icon-size, 0.875rem);
1538
- -webkit-mask-size: 100%;
1539
- mask-size: 100%;
1540
- }
1541
- .svg-icon.svg-wrong:before {
1542
- -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");
1543
- 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");
1544
- }
1545
-
1546
- :host {
1547
- display: block;
1548
- position: relative;
1549
- max-inline-size: min(1140px, 100%);
1550
- }
1551
- :host[dir=RTL] .mdi {
1552
- margin-inline-start: 0.3125rem;
1553
- margin-inline-end: 0;
1554
- }
1555
- :host input:focus-visible + label {
1556
- outline: 3px solid var(--wmcolor-interactive-focus);
1557
- outline-offset: 2px;
1558
- }
1559
-
1560
- :host * {
1561
- box-sizing: border-box;
1562
- }
1563
-
1564
- .upload-arrow {
1565
- display: inline-block;
1566
- block-size: 20px;
1567
- inline-size: 20px;
1568
- }
1569
- .upload-arrow:before {
1570
- content: "";
1571
- display: inline-block;
1572
- background-color: var(--icon-fill, currentColor);
1573
- inline-size: 100%;
1574
- block-size: 100%;
1575
- -webkit-mask-size: 100%;
1576
- mask-size: 100%;
1577
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14 11V14H2V11H0V14C0 15.1 0.9 16 2 16H14C15.1 16 16 15.1 16 14V11H14ZM3 5L4.41 6.41L7 3.83V12H9V3.83L11.59 6.41L13 5L8 0L3 5Z'/%3E%3C/svg%3E%0A");
1578
- mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14 11V14H2V11H0V14C0 15.1 0.9 16 2 16H14C15.1 16 16 15.1 16 14V11H14ZM3 5L4.41 6.41L7 3.83V12H9V3.83L11.59 6.41L13 5L8 0L3 5Z'/%3E%3C/svg%3E%0A");
1579
- }
1580
-
1581
- .drop-area {
1582
- position: absolute;
1583
- block-size: 100%;
1584
- inline-size: 100%;
1585
- z-index: 100;
1586
- pointer-events: none;
1587
- }
1588
- .drop-area.listening {
1589
- pointer-events: unset;
1590
- }
1591
- .drop-area.listening .drop-overlay {
1592
- display: flex;
1593
- }
1594
- .drop-area.-page {
1595
- position: fixed;
1596
- inset-block-start: 0;
1597
- inset-inline-start: 0;
1598
- z-index: 1000;
1599
- }
1600
- .drop-area .drop-overlay {
1601
- display: none;
1602
- flex-direction: column;
1603
- font-size: 1rem;
1604
- font-weight: 600;
1605
- gap: 0.75rem;
1606
- block-size: 100%;
1607
- inline-size: 100%;
1608
- background-color: rgba(221, 241, 250, 0.8);
1609
- backdrop-filter: brightness(105%) blur(3px);
1610
- border: 3px solid var(--wmcolor-border-focus);
1611
- align-items: center;
1612
- justify-content: center;
1613
- max-block-size: 100vb;
1614
- max-inline-size: 100vi;
1615
- outline: none;
1616
- }
1617
- .drop-area .drop-overlay .upload-arrow {
1618
- block-size: 2rem;
1619
- inline-size: 2rem;
1620
- color: var(--wmcolor-interactive-positive);
1621
- }
1622
-
1623
- .wm-button {
1624
- inline-size: fit-content !important;
1625
- }
1626
- .wm-button:disabled {
1627
- pointer-events: initial !important;
1628
- }
1629
-
1630
- .wrapper {
1631
- display: -webkit-box;
1632
- display: -webkit-flex;
1633
- display: -ms-flexbox;
1634
- display: flex;
1635
- flex-direction: column;
1636
- font-size: 0.875rem;
1637
- }
1638
- .wrapper .label {
1639
- display: block;
1640
- line-height: normal;
1641
- font-weight: 600;
1642
- white-space: nowrap;
1643
- margin-bottom: 0.25rem;
1644
- }
1645
- .wrapper .label .required {
1646
- color: var(--wmcolor-text-required);
1647
- }
1648
- .wrapper.label-left {
1649
- flex-direction: row;
1650
- }
1651
- .wrapper.label-left .label-wrapper {
1652
- line-height: 2.5rem;
1653
- }
1654
- .wrapper.label-left .label-wrapper .label {
1655
- display: flex;
1656
- align-items: center;
1657
- min-height: 2.5rem;
1658
- white-space: normal;
1659
- margin-bottom: 0;
1660
- margin-right: 0.75rem;
1661
- }
1662
- .wrapper.label-none label {
1663
- position: absolute !important;
1664
- width: 1px !important;
1665
- height: 1px !important;
1666
- padding: 0 !important;
1667
- border: 0 !important;
1668
- overflow: hidden !important;
1669
- clip: rect(0, 0, 0, 0) !important;
1670
- clip-path: inset(50%) !important;
1671
- white-space: nowrap !important;
1672
- margin: -1px !important;
1673
- }
1674
- .wrapper.invalid .label {
1675
- color: var(--wmcolor-text-error);
1676
- position: relative;
1677
- }
1678
- .wrapper.invalid .label:after {
1679
- content: "";
1680
- display: block;
1681
- background-color: var(--icon-fill, currentColor);
1682
- width: var(--icon-size, 0.875rem);
1683
- height: var(--icon-size, 0.875rem);
1684
- -webkit-mask-size: 100%;
1685
- mask-size: 100%;
1686
- }
1687
- .wrapper.invalid .label:after {
1688
- -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");
1689
- 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");
1690
- }
1691
- .wrapper.invalid .label:after {
1692
- display: inline-block;
1693
- margin-inline-start: 0.25rem;
1694
- vertical-align: middle;
1695
- flex-shrink: 0;
1696
- transform: translateY(-1px);
1697
- }
1698
- .wrapper.rtl.label-left .label {
1699
- margin-right: 0;
1700
- margin-left: 0.75rem;
1701
- }
1702
-
1703
- #label {
1704
- margin-block-end: 0.5rem;
1705
- }
1706
-
1707
- .button-wrapper {
1708
- display: flex;
1709
- align-items: center;
1710
- gap: 1rem;
1711
- }
1712
-
1713
- .-drop label {
1714
- block-size: 6.25rem;
1715
- border-radius: 8px;
1716
- border: 2px dashed var(--wmcolor-border-dark);
1717
- background: var(--wmcolor-background);
1718
- min-inline-size: 21.375rem;
1719
- inline-size: 100%;
1720
- display: flex;
1721
- flex-direction: column;
1722
- justify-content: center;
1723
- align-items: center;
1724
- gap: 0.25rem;
1725
- transition: border ease-out 200ms, background-color ease-out 200ms;
1726
- }
1727
- .-drop label:hover:not(:has(.disabled)) {
1728
- cursor: pointer;
1729
- }
1730
- .-drop label:hover:not(:has(.disabled)) .wm-button {
1731
- text-decoration: underline;
1732
- }
1733
- .-drop .prompt {
1734
- display: flex;
1735
- align-items: center;
1736
- gap: 0.5rem;
1737
- }
1738
- .-drop .prompt .upload-arrow {
1739
- inline-size: 1rem;
1740
- block-size: 1rem;
1741
- color: var(--wmcolor-interactive);
1742
- }
1743
- .-drop .prompt .wm-button {
1744
- font-weight: 700;
1745
- font-size: 0.875rem;
1746
- transition: none;
1747
- inline-size: fit-content;
1748
- }
1749
- .-drop .prompt .default-text {
1750
- display: unset;
1751
- }
1752
- .-drop .prompt .dragging-text {
1753
- display: none;
1754
- }
1755
-
1756
- .-drop:has(.disabled) label {
1757
- background: var(--wmcolor-interactive-background-disabled);
1758
- border-color: var(--wmcolor-border);
1759
- }
1760
- .-drop:has(.disabled) .upload-arrow {
1761
- color: var(--wmcolor-interactive-disabled);
1762
- }
1763
-
1764
- :host(.dragging) *:not(.drop-area, .drop-overlay) {
1765
- pointer-events: none;
1766
- }
1767
- :host(.dragging) .default-text {
1768
- display: none;
1769
- }
1770
- :host(.dragging) .dragging-text {
1771
- display: unset;
1772
- }
1773
-
1774
- :host(.dragging:not(.-page)) .-drop label {
1775
- background-color: var(--wmcolor-interactive-background-highlight);
1776
- border: 2px solid var(--wmcolor-border-focus);
1777
- pointer-events: none;
1778
- }
1779
- :host(.dragging:not(.-page)) .-drop label .wm-button {
1780
- color: var(--wmcolor-text);
1781
- font-size: 1rem;
1782
- font-weight: 600;
1783
- }
1784
- :host(.dragging:not(.-page)) .-drop label .upload-arrow {
1785
- color: var(--wmcolor-interactive-positive);
1786
- }
1787
- :host(.dragging:not(.-page)) .-drop label #file-count {
1788
- display: none;
1789
- }
1790
-
1791
- .accepted-types {
1792
- font-size: 0.875rem;
1793
- }
1794
-
1795
- .notif-wrapper {
1796
- display: flex;
1797
- flex-direction: column;
1798
- position: relative;
1799
- margin-block-end: 0.75rem;
1800
- gap: 0.5rem;
1801
- }
1802
-
1803
- .requirements {
1804
- font-size: 0.875rem;
1805
- }
1806
- .requirements summary {
1807
- inline-size: fit-content;
1808
- list-style-position: outside;
1809
- margin-inline-start: 1rem;
1810
- font-weight: 700;
1811
- color: var(--wmcolor-interactive);
1812
- }
1813
- .requirements summary:focus-visible {
1814
- outline: 3px solid var(--wmcolor-interactive-focus);
1815
- outline-offset: 2px;
1816
- }
1817
- .requirements summary::marker {
1818
- font-size: 0.75rem;
1819
- }
1820
- .requirements .requirements-wrapper {
1821
- display: flex;
1822
- flex-direction: column;
1823
- gap: 0.25rem;
1824
- margin-block-start: 0.25rem;
1825
- margin-inline-start: 1rem;
1826
- }
1827
-
1828
- #file-count {
1829
- display: block;
1830
- flex-shrink: 0;
1831
- font-size: 0.875rem;
1832
- font-style: italic;
1833
- }
1834
-
1835
- .notif,
1836
- #error {
1837
- font-size: 0.875rem;
1838
- font-style: italic;
1839
- }
1840
- .notif#error,
1841
- #error#error {
1842
- display: block;
1843
- font-style: italic;
1844
- color: var(--wmcolor-text-error);
1845
- font-size: 0.875rem;
1846
- }
1847
- .notif#error:not(:empty),
1848
- #error#error:not(:empty) {
1849
- margin-top: 0.25rem;
1850
- }
1851
-
1852
- .list-container {
1853
- overflow-y: unset;
1854
- }
1855
- .list-container.checkmark-spacer {
1856
- margin-inline-end: 2.75rem;
1857
- }
1858
- .list-container .file-list {
1859
- display: flex;
1860
- flex-direction: column;
1861
- gap: 0.5rem;
1862
- padding: 0;
1863
- inline-size: 100%;
1864
- margin: 0;
1865
- }
1866
-
1867
- .sr-only {
1868
- position: absolute !important;
1869
- width: 1px !important;
1870
- height: 1px !important;
1871
- padding: 0 !important;
1872
- border: 0 !important;
1873
- overflow: hidden !important;
1874
- clip: rect(0, 0, 0, 0) !important;
1875
- clip-path: inset(50%) !important;
1876
- white-space: nowrap !important;
1877
- margin: -1px !important;
1878
- }
1879
-
1880
- ::slotted(wm-file:nth-of-type(1)) {
1881
- margin-block-start: 1rem;
1882
- }