smart-webcomponents-react 15.2.10 → 15.2.11

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 (401) hide show
  1. package/accordion/accordion.esm.js +2 -2
  2. package/accordion/accordion.umd.js +2 -2
  3. package/alertwindow/alertwindow.esm.js +1 -1
  4. package/alertwindow/alertwindow.umd.js +1 -1
  5. package/array/array.esm.js +1 -1
  6. package/array/array.umd.js +1 -1
  7. package/barcode/barcode.esm.js +1 -1
  8. package/barcode/barcode.umd.js +1 -1
  9. package/breadcrumb/breadcrumb.esm.js +1 -1
  10. package/breadcrumb/breadcrumb.umd.js +1 -1
  11. package/button/button.esm.js +4 -4
  12. package/button/button.umd.js +4 -4
  13. package/buttongroup/buttongroup.esm.js +1 -1
  14. package/buttongroup/buttongroup.umd.js +1 -1
  15. package/calendar/calendar.esm.js +1 -1
  16. package/calendar/calendar.umd.js +1 -1
  17. package/card/card.esm.js +1 -1
  18. package/card/card.umd.js +1 -1
  19. package/cardview/cardview.esm.js +1 -1
  20. package/cardview/cardview.umd.js +1 -1
  21. package/carousel/carousel.esm.js +1 -1
  22. package/carousel/carousel.umd.js +1 -1
  23. package/chart/chart.esm.js +1 -1
  24. package/chart/chart.umd.js +1 -1
  25. package/checkbox/checkbox.esm.js +1 -1
  26. package/checkbox/checkbox.umd.js +1 -1
  27. package/checkinput/checkinput.esm.js +1 -1
  28. package/checkinput/checkinput.umd.js +1 -1
  29. package/chip/chip.esm.js +1 -1
  30. package/chip/chip.umd.js +1 -1
  31. package/colorinput/colorinput.esm.js +1 -1
  32. package/colorinput/colorinput.umd.js +1 -1
  33. package/colorpanel/colorpanel.esm.js +1 -1
  34. package/colorpanel/colorpanel.umd.js +1 -1
  35. package/colorpicker/colorpicker.esm.js +1 -1
  36. package/colorpicker/colorpicker.umd.js +1 -1
  37. package/columnpanel/columnpanel.esm.js +1 -1
  38. package/columnpanel/columnpanel.umd.js +1 -1
  39. package/combobox/combobox.esm.js +3 -3
  40. package/combobox/combobox.umd.js +3 -3
  41. package/countryinput/countryinput.esm.js +1 -1
  42. package/countryinput/countryinput.umd.js +1 -1
  43. package/customizationdialog/customizationdialog.esm.js +1 -1
  44. package/customizationdialog/customizationdialog.umd.js +1 -1
  45. package/dateinput/dateinput.esm.js +1 -1
  46. package/dateinput/dateinput.umd.js +1 -1
  47. package/daterangeinput/daterangeinput.esm.js +1 -1
  48. package/daterangeinput/daterangeinput.umd.js +1 -1
  49. package/datetimepicker/datetimepicker.esm.js +1 -1
  50. package/datetimepicker/datetimepicker.umd.js +1 -1
  51. package/dialogwindow/dialogwindow.esm.js +1 -1
  52. package/dialogwindow/dialogwindow.umd.js +1 -1
  53. package/dockinglayout/dockinglayout.esm.js +1 -1
  54. package/dockinglayout/dockinglayout.umd.js +1 -1
  55. package/dropdownbutton/dropdownbutton.esm.js +1 -1
  56. package/dropdownbutton/dropdownbutton.umd.js +1 -1
  57. package/dropdownlist/dropdownlist.esm.js +3 -3
  58. package/dropdownlist/dropdownlist.umd.js +3 -3
  59. package/editor/editor.esm.js +1 -1
  60. package/editor/editor.umd.js +1 -1
  61. package/element/element.esm.js +1 -1
  62. package/element/element.umd.js +1 -1
  63. package/fileupload/fileupload.esm.js +1 -1
  64. package/fileupload/fileupload.umd.js +1 -1
  65. package/filterbuilder/filterbuilder.esm.js +1 -1
  66. package/filterbuilder/filterbuilder.umd.js +1 -1
  67. package/filterpanel/filterpanel.esm.js +1 -1
  68. package/filterpanel/filterpanel.umd.js +1 -1
  69. package/form/form.esm.js +3 -3
  70. package/form/form.umd.js +3 -3
  71. package/ganttchart/ganttchart.esm.js +1 -1
  72. package/ganttchart/ganttchart.umd.js +1 -1
  73. package/gauge/gauge.esm.js +1 -1
  74. package/gauge/gauge.umd.js +1 -1
  75. package/grid/grid.esm.js +1 -1
  76. package/grid/grid.umd.js +1 -1
  77. package/grouppanel/grouppanel.esm.js +1 -1
  78. package/grouppanel/grouppanel.umd.js +1 -1
  79. package/input/input.esm.js +1 -1
  80. package/input/input.umd.js +1 -1
  81. package/kanban/kanban.esm.js +1 -1
  82. package/kanban/kanban.umd.js +1 -1
  83. package/layout/layout.esm.js +5 -5
  84. package/layout/layout.umd.js +5 -5
  85. package/led/led.esm.js +1 -1
  86. package/led/led.umd.js +1 -1
  87. package/listbox/listbox.esm.js +3 -3
  88. package/listbox/listbox.umd.js +3 -3
  89. package/listmenu/listmenu.esm.js +3 -3
  90. package/listmenu/listmenu.umd.js +3 -3
  91. package/map/map.esm.js +1 -1
  92. package/map/map.umd.js +1 -1
  93. package/maskedtextbox/maskedtextbox.esm.js +1 -1
  94. package/maskedtextbox/maskedtextbox.umd.js +1 -1
  95. package/menu/menu.esm.js +3 -3
  96. package/menu/menu.umd.js +3 -3
  97. package/multicolumnfilterpanel/multicolumnfilterpanel.esm.js +1 -1
  98. package/multicolumnfilterpanel/multicolumnfilterpanel.umd.js +1 -1
  99. package/multicomboinput/multicomboinput.esm.js +1 -1
  100. package/multicomboinput/multicomboinput.umd.js +1 -1
  101. package/multiinput/multiinput.esm.js +1 -1
  102. package/multiinput/multiinput.umd.js +1 -1
  103. package/multilinetextbox/multilinetextbox.esm.js +3 -3
  104. package/multilinetextbox/multilinetextbox.umd.js +3 -3
  105. package/multilinewindow/multilinewindow.esm.js +1 -1
  106. package/multilinewindow/multilinewindow.umd.js +1 -1
  107. package/multisplitbutton/multisplitbutton.esm.js +3 -3
  108. package/multisplitbutton/multisplitbutton.umd.js +3 -3
  109. package/numberinput/numberinput.esm.js +1 -1
  110. package/numberinput/numberinput.umd.js +1 -1
  111. package/numerictextbox/numerictextbox.esm.js +1 -1
  112. package/numerictextbox/numerictextbox.umd.js +1 -1
  113. package/package.json +1 -1
  114. package/pager/pager.esm.js +1 -1
  115. package/pager/pager.umd.js +1 -1
  116. package/passwordinput/passwordinput.esm.js +1 -1
  117. package/passwordinput/passwordinput.umd.js +1 -1
  118. package/passwordtextbox/passwordtextbox.esm.js +1 -1
  119. package/passwordtextbox/passwordtextbox.umd.js +1 -1
  120. package/path/path.esm.js +1 -1
  121. package/path/path.umd.js +1 -1
  122. package/phoneinput/phoneinput.esm.js +1 -1
  123. package/phoneinput/phoneinput.umd.js +1 -1
  124. package/pivottable/pivottable.esm.js +1 -1
  125. package/pivottable/pivottable.umd.js +1 -1
  126. package/progressbar/progressbar.esm.js +2 -2
  127. package/progressbar/progressbar.umd.js +2 -2
  128. package/progresswindow/progresswindow.esm.js +1 -1
  129. package/progresswindow/progresswindow.umd.js +1 -1
  130. package/promptwindow/promptwindow.esm.js +1 -1
  131. package/promptwindow/promptwindow.umd.js +1 -1
  132. package/qrcode/qrcode.esm.js +1 -1
  133. package/qrcode/qrcode.umd.js +1 -1
  134. package/querybuilder/querybuilder.esm.js +1 -1
  135. package/querybuilder/querybuilder.umd.js +1 -1
  136. package/radiobutton/radiobutton.esm.js +1 -1
  137. package/radiobutton/radiobutton.umd.js +1 -1
  138. package/rating/rating.esm.js +1 -1
  139. package/rating/rating.umd.js +1 -1
  140. package/scheduler/scheduler.esm.js +1 -1
  141. package/scheduler/scheduler.umd.js +1 -1
  142. package/scrollbar/scrollbar.esm.js +1 -1
  143. package/scrollbar/scrollbar.umd.js +1 -1
  144. package/slider/slider.esm.js +1 -1
  145. package/slider/slider.umd.js +1 -1
  146. package/sortable/sortable.esm.js +1 -1
  147. package/sortable/sortable.umd.js +1 -1
  148. package/sortpanel/sortpanel.esm.js +1 -1
  149. package/sortpanel/sortpanel.umd.js +1 -1
  150. package/source/modules/smart.3dchart.js +2 -2
  151. package/source/modules/smart.accordion.js +1 -1
  152. package/source/modules/smart.array.js +2 -2
  153. package/source/modules/smart.barcode.js +1 -1
  154. package/source/modules/smart.breadcrumb.js +1 -1
  155. package/source/modules/smart.button.js +2 -2
  156. package/source/modules/smart.buttongroup.js +1 -1
  157. package/source/modules/smart.calendar.js +2 -2
  158. package/source/modules/smart.card.js +1 -1
  159. package/source/modules/smart.cardview.js +3 -3
  160. package/source/modules/smart.carousel.js +1 -1
  161. package/source/modules/smart.chart.js +1 -1
  162. package/source/modules/smart.checkbox.js +2 -2
  163. package/source/modules/smart.checkinput.js +2 -2
  164. package/source/modules/smart.chip.js +1 -1
  165. package/source/modules/smart.colorinput.js +2 -2
  166. package/source/modules/smart.colorpanel.js +2 -2
  167. package/source/modules/smart.colorpicker.js +3 -3
  168. package/source/modules/smart.combobox.js +2 -2
  169. package/source/modules/smart.common.js +1 -1
  170. package/source/modules/smart.countryinput.js +2 -2
  171. package/source/modules/smart.dateinput.js +2 -2
  172. package/source/modules/smart.daterangeinput.js +3 -3
  173. package/source/modules/smart.datetimepicker.js +3 -3
  174. package/source/modules/smart.dockinglayout.js +1 -1
  175. package/source/modules/smart.dropdownbutton.js +2 -2
  176. package/source/modules/smart.dropdownlist.js +2 -2
  177. package/source/modules/smart.editor.js +4 -4
  178. package/source/modules/smart.element.js +1 -1
  179. package/source/modules/smart.fileupload.js +3 -3
  180. package/source/modules/smart.form.js +2 -2
  181. package/source/modules/smart.formulaparser.js +1 -1
  182. package/source/modules/smart.ganttchart.js +4 -4
  183. package/source/modules/smart.gauge.js +1 -1
  184. package/source/modules/smart.grid.js +14 -14
  185. package/source/modules/smart.gridpanel.js +3 -3
  186. package/source/modules/smart.input.js +2 -2
  187. package/source/modules/smart.kanban.js +5 -5
  188. package/source/modules/smart.layout.js +1 -1
  189. package/source/modules/smart.led.js +1 -1
  190. package/source/modules/smart.listbox.js +2 -2
  191. package/source/modules/smart.listmenu.js +1 -1
  192. package/source/modules/smart.map.js +1 -1
  193. package/source/modules/smart.maskedtextbox.js +2 -2
  194. package/source/modules/smart.menu.js +1 -1
  195. package/source/modules/smart.multicomboinput.js +3 -3
  196. package/source/modules/smart.multiinput.js +2 -2
  197. package/source/modules/smart.multilinetextbox.js +2 -2
  198. package/source/modules/smart.multisplitbutton.js +2 -2
  199. package/source/modules/smart.numberinput.js +2 -2
  200. package/source/modules/smart.numerictextbox.js +2 -2
  201. package/source/modules/smart.pager.js +2 -2
  202. package/source/modules/smart.passwordinput.js +2 -2
  203. package/source/modules/smart.passwordtextbox.js +2 -2
  204. package/source/modules/smart.path.js +1 -1
  205. package/source/modules/smart.phoneinput.js +2 -2
  206. package/source/modules/smart.pivottable.js +3 -3
  207. package/source/modules/smart.progressbar.js +1 -1
  208. package/source/modules/smart.qrcode.js +1 -1
  209. package/source/modules/smart.querybuilder.js +3 -3
  210. package/source/modules/smart.radiobutton.js +2 -2
  211. package/source/modules/smart.rating.js +1 -1
  212. package/source/modules/smart.router.js +1 -1
  213. package/source/modules/smart.scheduler.js +3 -3
  214. package/source/modules/smart.scrollbar.js +1 -1
  215. package/source/modules/smart.slider.js +1 -1
  216. package/source/modules/smart.sortable.js +1 -1
  217. package/source/modules/smart.splitter.js +1 -1
  218. package/source/modules/smart.switchbutton.js +2 -2
  219. package/source/modules/smart.table.js +3 -3
  220. package/source/modules/smart.tabs.js +1 -1
  221. package/source/modules/smart.tank.js +1 -1
  222. package/source/modules/smart.textarea.js +2 -2
  223. package/source/modules/smart.textbox.js +2 -2
  224. package/source/modules/smart.timeinput.js +2 -2
  225. package/source/modules/smart.timepicker.js +1 -1
  226. package/source/modules/smart.toast.js +1 -1
  227. package/source/modules/smart.tooltip.js +1 -1
  228. package/source/modules/smart.tree.js +1 -1
  229. package/source/modules/smart.validator.js +1 -1
  230. package/source/modules/smart.window.js +2 -2
  231. package/source/smart.3dchart.js +1 -1
  232. package/source/smart.accordion.js +1 -1
  233. package/source/smart.ajax.js +1 -1
  234. package/source/smart.array.js +1 -1
  235. package/source/smart.barcode.js +1 -1
  236. package/source/smart.bootstrap.js +1 -1
  237. package/source/smart.breadcrumb.js +1 -1
  238. package/source/smart.button.js +1 -1
  239. package/source/smart.buttongroup.js +1 -1
  240. package/source/smart.calendar.js +1 -1
  241. package/source/smart.card.js +1 -1
  242. package/source/smart.cardview.js +1 -1
  243. package/source/smart.carousel.js +1 -1
  244. package/source/smart.chart.annotations.js +1 -1
  245. package/source/smart.chart.api.js +1 -1
  246. package/source/smart.chart.core.js +1 -1
  247. package/source/smart.chart.js +1 -1
  248. package/source/smart.chart.rangeselector.js +1 -1
  249. package/source/smart.chart.waterfall.js +1 -1
  250. package/source/smart.checkbox.js +1 -1
  251. package/source/smart.checkinput.js +1 -1
  252. package/source/smart.chip.js +1 -1
  253. package/source/smart.colorinput.js +1 -1
  254. package/source/smart.colorpanel.js +1 -1
  255. package/source/smart.colorpicker.js +1 -1
  256. package/source/smart.combobox.js +1 -1
  257. package/source/smart.complex.js +1 -1
  258. package/source/smart.core.js +1 -1
  259. package/source/smart.countryinput.js +1 -1
  260. package/source/smart.data.js +1 -1
  261. package/source/smart.date.js +1 -1
  262. package/source/smart.dateformatpanel.js +1 -1
  263. package/source/smart.dateinput.js +1 -1
  264. package/source/smart.daterangeinput.js +1 -1
  265. package/source/smart.datetimepicker.js +1 -1
  266. package/source/smart.dockinglayout.js +1 -1
  267. package/source/smart.draw.js +1 -1
  268. package/source/smart.dropdownbutton.js +2 -2
  269. package/source/smart.dropdownlist.js +1 -1
  270. package/source/smart.editor.js +1 -1
  271. package/source/smart.element.js +1 -1
  272. package/source/smart.elements.js +17 -17
  273. package/source/smart.export.js +1 -1
  274. package/source/smart.fileupload.js +2 -2
  275. package/source/smart.filter.js +1 -1
  276. package/source/smart.filterbuilder.js +1 -1
  277. package/source/smart.filterpanel.js +1 -1
  278. package/source/smart.form.js +1 -1
  279. package/source/smart.format.js +1 -1
  280. package/source/smart.formulaparser.js +1 -1
  281. package/source/smart.ganttchart.js +2 -2
  282. package/source/smart.gauge.js +1 -1
  283. package/source/smart.grid.cell.js +2 -2
  284. package/source/smart.grid.chart.js +1 -1
  285. package/source/smart.grid.column.js +2 -2
  286. package/source/smart.grid.core.js +2 -2
  287. package/source/smart.grid.dialog.js +2 -2
  288. package/source/smart.grid.edit.js +2 -2
  289. package/source/smart.grid.export.js +1 -1
  290. package/source/smart.grid.filter.js +1 -1
  291. package/source/smart.grid.group.js +1 -1
  292. package/source/smart.grid.js +1 -1
  293. package/source/smart.grid.menu.js +1 -1
  294. package/source/smart.grid.pager.js +1 -1
  295. package/source/smart.grid.reorder.js +1 -1
  296. package/source/smart.grid.resize.js +2 -2
  297. package/source/smart.grid.row.js +2 -2
  298. package/source/smart.grid.select.js +2 -2
  299. package/source/smart.grid.sort.js +1 -1
  300. package/source/smart.grid.toolbar.js +2 -2
  301. package/source/smart.grid.tree.js +1 -1
  302. package/source/smart.grid.view.js +2 -2
  303. package/source/smart.gridpanel.js +1 -1
  304. package/source/smart.input.js +2 -2
  305. package/source/smart.kanban.js +2 -2
  306. package/source/smart.layout.js +1 -1
  307. package/source/smart.led.js +1 -1
  308. package/source/smart.listbox.js +2 -2
  309. package/source/smart.listmenu.js +1 -1
  310. package/source/smart.map.js +1 -1
  311. package/source/smart.maskedtextbox.js +1 -1
  312. package/source/smart.math.js +1 -1
  313. package/source/smart.menu.js +1 -1
  314. package/source/smart.multicomboinput.js +2 -2
  315. package/source/smart.multiinput.js +1 -1
  316. package/source/smart.multilinetextbox.js +1 -1
  317. package/source/smart.multisplitbutton.js +1 -1
  318. package/source/smart.numberformatpanel.js +1 -1
  319. package/source/smart.numberinput.js +1 -1
  320. package/source/smart.numeric.js +1 -1
  321. package/source/smart.numerictextbox.js +1 -1
  322. package/source/smart.pager.js +1 -1
  323. package/source/smart.passwordinput.js +1 -1
  324. package/source/smart.passwordtextbox.js +1 -1
  325. package/source/smart.path.js +1 -1
  326. package/source/smart.phoneinput.js +1 -1
  327. package/source/smart.pivottable.js +1 -1
  328. package/source/smart.powerbutton.js +1 -1
  329. package/source/smart.progressbar.js +1 -1
  330. package/source/smart.qrcode.js +1 -1
  331. package/source/smart.radiobutton.js +1 -1
  332. package/source/smart.rating.js +1 -1
  333. package/source/smart.router.js +1 -1
  334. package/source/smart.scheduler.js +1 -1
  335. package/source/smart.scrollbar.js +1 -1
  336. package/source/smart.slider.js +1 -1
  337. package/source/smart.sortable.js +1 -1
  338. package/source/smart.splitter.js +1 -1
  339. package/source/smart.switchbutton.js +1 -1
  340. package/source/smart.table.js +1 -1
  341. package/source/smart.tabs.js +1 -1
  342. package/source/smart.tank.js +1 -1
  343. package/source/smart.textarea.js +1 -1
  344. package/source/smart.textbox.js +1 -1
  345. package/source/smart.tickintervalhandler.js +1 -1
  346. package/source/smart.timeinput.js +1 -1
  347. package/source/smart.timepicker.js +1 -1
  348. package/source/smart.toast.js +1 -1
  349. package/source/smart.tooltip.js +1 -1
  350. package/source/smart.tree.js +1 -1
  351. package/source/smart.validationpanel.js +1 -1
  352. package/source/smart.validator.js +1 -1
  353. package/source/smart.window.js +1 -1
  354. package/source/styles/components/smart.editor.css +1 -1
  355. package/source/styles/components/smart.fileupload.css +1 -1
  356. package/source/styles/components/smart.filterbuilder.css +1 -1
  357. package/source/styles/components/smart.grid.css +1 -1
  358. package/source/styles/components/smart.progressbar.css +1 -1
  359. package/source/styles/components/smart.window.css +1 -1
  360. package/source/styles/default/scss/_functions.scss +1 -4
  361. package/source/styles/default/scss/grid/_checkbox.scss +15 -0
  362. package/source/styles/default/scss/rtl/_progressbar.scss +0 -2
  363. package/source/styles/default/scss/smart.grid.scss +22 -13
  364. package/source/styles/default/scss/smart.progressbar.scss +4 -2
  365. package/source/styles/default/smart.grid.css +4282 -4277
  366. package/source/styles/default/smart.progressbar.css +502 -474
  367. package/source/styles/smart.default.css +2 -2
  368. package/splitter/splitter.esm.js +3 -3
  369. package/splitter/splitter.umd.js +3 -3
  370. package/switchbutton/switchbutton.esm.js +1 -1
  371. package/switchbutton/switchbutton.umd.js +1 -1
  372. package/table/table.esm.js +1 -1
  373. package/table/table.umd.js +1 -1
  374. package/tabs/tabs.esm.js +3 -3
  375. package/tabs/tabs.umd.js +3 -3
  376. package/tabswindow/tabswindow.esm.js +1 -1
  377. package/tabswindow/tabswindow.umd.js +1 -1
  378. package/tank/tank.esm.js +1 -1
  379. package/tank/tank.umd.js +1 -1
  380. package/textarea/textarea.esm.js +1 -1
  381. package/textarea/textarea.umd.js +1 -1
  382. package/textbox/textbox.esm.js +3 -3
  383. package/textbox/textbox.umd.js +3 -3
  384. package/threedchart/threedchart.esm.js +1 -1
  385. package/threedchart/threedchart.umd.js +1 -1
  386. package/timeinput/timeinput.esm.js +1 -1
  387. package/timeinput/timeinput.umd.js +1 -1
  388. package/timepicker/timepicker.esm.js +1 -1
  389. package/timepicker/timepicker.umd.js +1 -1
  390. package/toast/toast.esm.js +1 -1
  391. package/toast/toast.umd.js +1 -1
  392. package/tooltip/tooltip.esm.js +1 -1
  393. package/tooltip/tooltip.umd.js +1 -1
  394. package/tree/tree.esm.js +3 -3
  395. package/tree/tree.umd.js +3 -3
  396. package/validator/validator.esm.js +1 -1
  397. package/validator/validator.umd.js +1 -1
  398. package/waitwindow/waitwindow.esm.js +1 -1
  399. package/waitwindow/waitwindow.umd.js +1 -1
  400. package/window/window.esm.js +1 -1
  401. package/window/window.umd.js +1 -1
package/source/styles/components/smart.editor.css CHANGED
@@ -1,6 +1,6 @@
1
1
  smart-button,smart-repeat-button,smart-toggle-button{--smart-button-flat-color:var(--smart-background-color);text-align:center;display:inline-flex;vertical-align:middle;cursor:pointer;text-transform:var(--smart-button-text-transform);letter-spacing:.08929em;overflow:hidden;border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid;visibility:hidden;font-weight:500}smart-button.smart-element,smart-repeat-button.smart-element,smart-toggle-button.smart-element{display:inline-flex;visibility:inherit}smart-button button::-moz-focus-inner,smart-repeat-button button::-moz-focus-inner,smart-toggle-button button::-moz-focus-inner{border:0}smart-button.primary,smart-repeat-button.primary,smart-toggle-button.primary{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-primary);--smart-border:var(--smart-primary);--smart-border-rgb:var(--smart-primary-rgb);--smart-background-color:var(--smart-primary-color);--smart-ui-state-hover:var(--smart-primary);--smart-ui-state-border-hover:var(--smart-primary);--smart-ui-state-color-hover:var(--smart-primary-color);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-focus:var(--smart-primary);--smart-ui-state-border-focus:var(--smart-primary);--smart-ui-state-color-focus:var(--smart-primary-color);--smart-button-flat-color:var(--smart-primary);--smart-button-outlined-color:var(--smart-primary);--smart-button-outlined-border:var(--smart-primary)}smart-button.secondary,smart-repeat-button.secondary,smart-toggle-button.secondary{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-secondary);--smart-border:var(--smart-secondary);--smart-border-rgb:var(--smart-secondary-rgb);--smart-background-color:var(--smart-secondary-color);--smart-ui-state-hover:var(--smart-secondary);--smart-ui-state-border-hover:var(--smart-secondary);--smart-ui-state-color-hover:var(--smart-secondary-color);--smart-ui-state-active:var(--smart-secondary);--smart-ui-state-border-active:var(--smart-secondary);--smart-ui-state-color-active:var(--smart-secondary-color);--smart-ui-state-focus:var(--smart-secondary);--smart-ui-state-border-focus:var(--smart-secondary);--smart-ui-state-color-focus:var(--smart-secondary-color);--smart-button-flat-color:var(--smart-secondary);--smart-button-outlined-color:var(--smart-secondary);--smart-button-outlined-border:var(--smart-secondary)}smart-button.success,smart-repeat-button.success,smart-toggle-button.success{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-success);--smart-border:var(--smart-success);--smart-border-rgb:var(--smart-success-rgb);--smart-background-color:var(--smart-success-color);--smart-ui-state-hover:var(--smart-success);--smart-ui-state-border-hover:var(--smart-success);--smart-ui-state-color-hover:var(--smart-success-color);--smart-ui-state-active:var(--smart-success);--smart-ui-state-border-active:var(--smart-success);--smart-ui-state-color-active:var(--smart-success-color);--smart-ui-state-focus:var(--smart-success);--smart-ui-state-border-focus:var(--smart-success);--smart-ui-state-color-focus:var(--smart-success-color);--smart-button-flat-color:var(--smart-success);--smart-button-outlined-color:var(--smart-success);--smart-button-outlined-border:var(--smart-success)}smart-button.error,smart-repeat-button.error,smart-toggle-button.error{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-error);--smart-border:var(--smart-error);--smart-border-rgb:var(--smart-error-rgb);--smart-background-color:var(--smart-error-color);--smart-ui-state-hover:var(--smart-error);--smart-ui-state-border-hover:var(--smart-error);--smart-ui-state-color-hover:var(--smart-error-color);--smart-ui-state-active:var(--smart-error);--smart-ui-state-border-active:var(--smart-error);--smart-ui-state-color-active:var(--smart-error-color);--smart-ui-state-focus:var(--smart-error);--smart-ui-state-border-focus:var(--smart-error);--smart-ui-state-color-focus:var(--smart-error-color);--smart-button-flat-color:var(--smart-error);--smart-button-outlined-color:var(--smart-error);--smart-button-outlined-border:var(--smart-error)}smart-button.info,smart-repeat-button.info,smart-toggle-button.info{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-info);--smart-border:var(--smart-info);--smart-border-rgb:var(--smart-info-rgb);--smart-background-color:var(--smart-info-color);--smart-ui-state-hover:var(--smart-info);--smart-ui-state-border-hover:var(--smart-info);--smart-ui-state-color-hover:var(--smart-info-color);--smart-ui-state-active:var(--smart-info);--smart-ui-state-border-active:var(--smart-info);--smart-ui-state-color-active:var(--smart-info-color);--smart-ui-state-focus:var(--smart-info);--smart-ui-state-border-focus:var(--smart-info);--smart-ui-state-color-focus:var(--smart-info-color);--smart-button-flat-color:var(--smart-info);--smart-button-outlined-color:var(--smart-info);--smart-button-outlined-border:var(--smart-info)}smart-button.warning,smart-repeat-button.warning,smart-toggle-button.warning{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-warning);--smart-border:var(--smart-warning);--smart-border-rgb:var(--smart-warning-rgb);--smart-background-color:var(--smart-warning-color);--smart-ui-state-hover:var(--smart-warning);--smart-ui-state-border-hover:var(--smart-warning);--smart-ui-state-color-hover:var(--smart-warning-color);--smart-ui-state-active:var(--smart-warning);--smart-ui-state-border-active:var(--smart-warning);--smart-ui-state-color-active:var(--smart-warning-color);--smart-ui-state-focus:var(--smart-warning);--smart-ui-state-border-focus:var(--smart-warning);--smart-ui-state-color-focus:var(--smart-warning-color);--smart-button-flat-color:var(--smart-warning);--smart-button-outlined-color:var(--smart-warning);--smart-button-outlined-border:var(--smart-warning)}smart-button.light,smart-repeat-button.light,smart-toggle-button.light{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-light);--smart-border:var(--smart-light);--smart-border-rgb:var(--smart-light-rgb);--smart-background-color:var(--smart-light-color);--smart-ui-state-hover:var(--smart-light);--smart-ui-state-border-hover:var(--smart-light);--smart-ui-state-color-hover:var(--smart-light-color);--smart-ui-state-active:var(--smart-light);--smart-ui-state-border-active:var(--smart-light);--smart-ui-state-color-active:var(--smart-light-color);--smart-ui-state-focus:var(--smart-light);--smart-ui-state-border-focus:var(--smart-light);--smart-ui-state-color-focus:var(--smart-light-color);--smart-button-flat-color:var(--smart-light);--smart-button-outlined-color:var(--smart-light);--smart-button-outlined-border:var(--smart-light)}smart-button.dark,smart-repeat-button.dark,smart-toggle-button.dark{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-dark);--smart-border:var(--smart-dark);--smart-border-rgb:var(--smart-dark-rgb);--smart-background-color:var(--smart-dark-color);--smart-ui-state-hover:var(--smart-dark);--smart-ui-state-border-hover:var(--smart-dark);--smart-ui-state-color-hover:var(--smart-dark-color);--smart-ui-state-active:var(--smart-dark);--smart-ui-state-border-active:var(--smart-dark);--smart-ui-state-color-active:var(--smart-dark-color);--smart-ui-state-focus:var(--smart-dark);--smart-ui-state-border-focus:var(--smart-dark);--smart-ui-state-color-focus:var(--smart-dark-color);--smart-button-flat-color:var(--smart-dark);--smart-button-outlined-color:var(--smart-dark);--smart-button-outlined-border:var(--smart-dark)}smart-button[hover],smart-repeat-button[hover],smart-toggle-button[hover]{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover);transition:background-color .1s linear,box-shadow 280ms ease-in-out;opacity:var(--smart-button-opacity-hover)}smart-button[focus],smart-repeat-button[focus],smart-toggle-button[focus]{color:var(--smart-ui-state-color-focus);border-color:var(--smart-ui-state-border-focus);background-color:var(--smart-ui-state-focus);opacity:var(--smart-button-opacity-focus)}smart-button[active],smart-repeat-button[active],smart-toggle-button[active]{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);transition:background-color .1s linear,box-shadow 280ms ease-in-out;opacity:var(--smart-button-opacity-active)}smart-button[disabled],smart-repeat-button[disabled],smart-toggle-button[disabled]{color:var(--smart-disabled-color);border-color:var(--smart-disabled);background-color:var(--smart-disabled);cursor:default;--smart-background:var(--smart-disabled);--smart-border:var(--smart-disabled);--smart-background-color:var(--smart-disabled-color)}smart-button.large button,smart-repeat-button.large button,smart-toggle-button.large button{padding:var(--smart-button-large-padding);font-size:var(--smart-button-large-font-size)}smart-button.small button,smart-repeat-button.small button,smart-toggle-button.small button{padding:var(--smart-button-small-padding);font-size:var(--smart-button-small-font-size)}smart-button.very-small button,smart-repeat-button.very-small button,smart-toggle-button.very-small button{padding:var(--smart-button-very-small-padding);font-size:var(--smart-button-very-small-font-size)}smart-button.rounded,smart-repeat-button.rounded,smart-toggle-button.rounded{--smart-border-top-left-radius:50px;--smart-border-top-right-radius:50px;--smart-border-bottom-left-radius:50px;--smart-border-bottom-right-radius:50px;border-radius:var(--smart-border-bottom-left-radius)!important}smart-button.squared,smart-repeat-button.squared,smart-toggle-button.squared{--smart-border-top-left-radius:0;--smart-border-top-right-radius:0;--smart-border-bottom-left-radius:0;--smart-border-bottom-right-radius:0}smart-button.flat,smart-button.flat[active],smart-button.flat[hover],smart-repeat-button.flat,smart-repeat-button.flat[active],smart-repeat-button.flat[hover],smart-toggle-button.flat,smart-toggle-button.flat[active],smart-toggle-button.flat[hover]{color:var(--smart-button-flat-color);background:0 0;border-color:transparent}smart-button.outlined,smart-button.outlined[active],smart-button.outlined[hover],smart-repeat-button.outlined,smart-repeat-button.outlined[active],smart-repeat-button.outlined[hover],smart-toggle-button.outlined,smart-toggle-button.outlined[active],smart-toggle-button.outlined[hover]{color:var(--smart-button-outlined-color);border-color:var(--smart-button-outlined-border);background:0 0}smart-button.flat[focus],smart-repeat-button.flat[focus],smart-toggle-button.flat[focus]{border-color:var(--smart-ui-state-focus)}smart-button.flat[checked],smart-repeat-button.flat[checked],smart-toggle-button.flat[checked]{text-decoration:underline;background:var(--smart-ui-state-active)}smart-button.flat .smart-ripple,smart-repeat-button.flat .smart-ripple,smart-toggle-button.flat .smart-ripple{background-color:var(--smart-button-flat-color)}smart-button.outlined,smart-repeat-button.outlined,smart-toggle-button.outlined{border-width:calc(2 * var(--smart-border-width))}smart-button.outlined[focus],smart-repeat-button.outlined[focus],smart-toggle-button.outlined[focus]{color:var(--smart-button-outlined-color);border-color:var(--smart-ui-state-focus);background:0 0}smart-button.outlined[checked],smart-repeat-button.outlined[checked],smart-toggle-button.outlined[checked]{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-active);background:var(--smart-ui-state-active)}smart-button.outlined .smart-ripple,smart-repeat-button.outlined .smart-ripple,smart-toggle-button.outlined .smart-ripple{background-color:var(--smart-button-outlined-color)}smart-button.outlined button.smart-button,smart-repeat-button.outlined button.smart-button,smart-toggle-button.outlined button.smart-button{border-radius:initial}smart-button.raised,smart-repeat-button.raised,smart-toggle-button.raised{box-shadow:var(--smart-elevation-2);transition:background-color .1s linear,box-shadow 280ms ease-in-out}smart-button.raised[hover],smart-repeat-button.raised[hover],smart-toggle-button.raised[hover]{box-shadow:var(--smart-elevation-4)}smart-button.raised button[active],smart-button.raised[active],smart-button.raised[checked],smart-repeat-button.raised button[active],smart-repeat-button.raised[active],smart-repeat-button.raised[checked],smart-toggle-button.raised button[active],smart-toggle-button.raised[active],smart-toggle-button.raised[checked]{box-shadow:var(--smart-elevation-8)}smart-button.raised[focus],smart-button.raised[focus]:not([checked]),smart-repeat-button.raised[focus],smart-repeat-button.raised[focus]:not([checked]),smart-toggle-button.raised[focus],smart-toggle-button.raised[focus]:not([checked]){box-shadow:var(--smart-elevation-6)}smart-button.floating,smart-repeat-button.floating,smart-toggle-button.floating{border-radius:50%;width:48px;height:48px;box-shadow:var(--smart-elevation-4);transition:background-color .1s linear,box-shadow 280ms ease-in-out}smart-button.floating[hover],smart-repeat-button.floating[hover],smart-toggle-button.floating[hover]{box-shadow:var(--smart-elevation-6)}smart-button.floating[active],smart-button.floating[checked],smart-repeat-button.floating[active],smart-repeat-button.floating[checked],smart-toggle-button.floating[active],smart-toggle-button.floating[checked]{box-shadow:var(--smart-elevation-12)}smart-button.floating[focus],smart-button.floating[focus]:not([checked]),smart-repeat-button.floating[focus],smart-repeat-button.floating[focus]:not([checked]),smart-toggle-button.floating[focus],smart-toggle-button.floating[focus]:not([checked]){box-shadow:var(--smart-elevation-6)}button.smart-button{position:relative;padding:var(--smart-button-padding);text-align:inherit;vertical-align:inherit;cursor:inherit;text-transform:inherit;font-weight:inherit;letter-spacing:inherit;background:inherit;color:inherit;border:none;-webkit-font-smoothing:antialiased;opacity:var(--smart-button-opacity);white-space:nowrap;border-radius:inherit}.smart-button .smart-ripple{background:var(--smart-background-color)}[smart-toggle-button] .smart-container,smart-toggle-button .smart-container{font-weight:inherit;font-style:inherit}[smart-toggle-button][checked],smart-toggle-button[checked]{color:var(--smart-ui-state-color-selected);border-color:var(--smart-ui-state-border-selected);background-color:var(--smart-ui-state-selected)}.smart-scroll-button .smart-button{padding:0}:host(.smart-button.flat) .smart-ripple{background-color:var(--smart-button-flat-color)}:host(.smart-button.outlined) .smart-ripple{background-color:var(--smart-button-outlined-color)}button.smart-button[type]:not(.smart-container){border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid;text-align:center;vertical-align:middle;cursor:pointer;text-transform:var(--smart-button-text-transform);font-weight:500;letter-spacing:.08929em;overflow:hidden;font-style:var(--smart-font-style);font-size:var(--smart-font-size);background:var(--smart-background);outline:0}button.smart-button[type]:hover{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover)}button.smart-button[type]:not([disabled]):active{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active)}smart-button[right-to-left],smart-repeat-button[right-to-left],smart-toggle-button[right-to-left]{direction:rtl}
2
2
  smart-scroll-bar{display:block;touch-action:none;width:var(--smart-scroll-bar-default-width);height:var(--smart-scroll-bar-default-height)}smart-scroll-bar .smart-thumb{position:absolute;width:40px;background-clip:content-box;padding:var(--smart-scroll-bar-thumb-padding) 0;height:var(--smart-scroll-bar-thumb-size);cursor:default;box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--smart-scroll-bar-thumb-border);background-color:var(--smart-scroll-bar-thumb-background);border-top-left-radius:var(--smart-scroll-bar-thumb-border-top-left-radius);border-top-right-radius:var(--smart-scroll-bar-thumb-border-top-right-radius);border-bottom-left-radius:var(--smart-scroll-bar-thumb-border-bottom-left-radius);border-bottom-right-radius:var(--smart-scroll-bar-thumb-border-bottom-right-radius)}smart-scroll-bar .smart-thumb:hover{border-color:var(--smart-scroll-bar-thumb-border-hover);background-color:var(--smart-scroll-bar-thumb-background-hover)}smart-scroll-bar .smart-thumb:active{border-color:var(--smart-scroll-bar-thumb-border-active);background-color:var(--smart-scroll-bar-thumb-background-active)}smart-scroll-bar .smart-track{position:relative;float:left;height:100%;background-color:var(--smart-scroll-bar-track-background);width:100%}smart-scroll-bar .smart-scroll-button{display:none;float:left;width:var(--smart-scroll-button-size);height:100%;cursor:default;background-color:var(--smart-scroll-bar-button-background);color:var(--smart-scroll-bar-button-color);border:1px solid var(--smart-scroll-bar-button-border);min-height:0;padding:0;border-radius:0}smart-scroll-bar .smart-scroll-button:hover{background-color:var(--smart-scroll-bar-button-background-hover);color:var(--smart-scroll-bar-button-color-hover);border-color:var(--smart-scroll-bar-button-border-hover)}smart-scroll-bar .smart-scroll-button:active{background-color:var(--smart-scroll-bar-button-background-active);color:var(--smart-scroll-bar-button-color-active);border-color:var(--smart-scroll-bar-button-border-active)}smart-scroll-bar[show-buttons] .smart-track{width:calc(calc(100% - var(--smart-scroll-button-size) * 2))}smart-scroll-bar[show-buttons] .smart-scroll-button{display:block}smart-scroll-bar[spinner][show-buttons] .smart-track{display:none}smart-scroll-bar[spinner][show-buttons] .smart-scroll-button{width:50%}smart-scroll-bar[discrete]{--smart-scroll-button-size:0px;--smart-scroll-bar-size:15px;--smart-scroll-bar-thumb-border-top-right-radius:6px;--smart-scroll-bar-thumb-border-top-left-radius:6px;--smart-scroll-bar-thumb-border-bottom-left-radius:6px;--smart-scroll-bar-thumb-border-bottom-right-radius:6px;--smart-scroll-bar-thumb-size:100%;--smart-scroll-bar-thumb-padding:3px;--smart-scroll-bar-default-width:var(--smart-editor-width);--smart-scroll-bar-default-height:var(--smart-scroll-bar-size);--smart-scroll-bar-background:#fafafa;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#F1F1F1;--smart-scroll-bar-thumb-background:#C1C1C1;--smart-scroll-bar-thumb-border:transparent}smart-scroll-bar[orientation=vertical]{height:var(--smart-scroll-bar-default-width);width:var(--smart-scroll-bar-default-height)}smart-scroll-bar[orientation=vertical] .smart-thumb{width:var(--smart-scroll-bar-thumb-size);padding:0 var(--smart-scroll-bar-thumb-padding);height:40px;top:0}smart-scroll-bar[orientation=vertical] .smart-track{float:none;width:100%;height:100%}smart-scroll-bar[orientation=vertical] .smart-scroll-button{float:none;height:var(--smart-scroll-button-size);width:100%}smart-scroll-bar[orientation=vertical][show-buttons] .smart-track{height:calc(calc(100% - var(--smart-scroll-button-size) * 2))}smart-scroll-bar[orientation=vertical][spinner] .smart-scroll-button{height:50%;width:100%;float:none}
3
- smart-circular-progress-bar.smart-element,smart-progress-bar.smart-element{border:none}smart-circular-progress-bar.smart-element:focus>.smart-container,smart-progress-bar.smart-element:focus>.smart-container{border-color:var(--smart-outline)}smart-circular-progress-bar.smart-container,smart-circular-progress-bar>.smart-container,smart-progress-bar.smart-container,smart-progress-bar>.smart-container{border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);overflow:hidden;position:relative;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);color:var(--smart-background-color)}smart-circular-progress-bar .smart-label,smart-progress-bar .smart-label{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;text-align:center;color:var(--smart-background-color)}smart-progress-bar{width:var(--smart-progress-bar-default-width);height:var(--smart-progress-bar-default-height)}smart-progress-bar .smart-label{width:auto;color:var(--smart-outline)}smart-progress-bar .smart-value{outline:0;height:100%;width:100%;box-sizing:border-box;position:absolute;border:1px solid var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);transform-origin:left}smart-progress-bar .smart-value.smart-value-animation{animation:indeterminate 3s infinite linear}smart-progress-bar.primary .smart-value{border:1px solid var(--smart-primary);background-color:var(--smart-primary)}smart-progress-bar.secondary .smart-value{border:1px solid var(--smart-secondary);background-color:var(--smart-secondary)}smart-progress-bar.success .smart-value{border:1px solid var(--smart-success);background-color:var(--smart-success)}smart-progress-bar.info .smart-value{border:1px solid var(--smart-info);background-color:var(--smart-info)}smart-progress-bar.warning .smart-value{border:1px solid var(--smart-warning);background-color:var(--smart-warning)}smart-progress-bar.error .smart-value{border:1px solid var(--smart-error);background-color:var(--smart-error)}smart-progress-bar.light .smart-value{border:1px solid var(--smart-light);background-color:var(--smart-light)}smart-progress-bar.dark .smart-value{border:1px solid var(--smart-dark);background-color:var(--smart-dark)}smart-progress-bar:not([animation=none]) .smart-value{transition:.2s ease-in-out}smart-progress-bar[inverted] .smart-value,smart-progress-bar[orientation][inverted] .smart-value{transform-origin:right}smart-progress-bar[inverted] .smart-value.smart-value-animation{animation:indeterminate-inverted 3s infinite linear}smart-progress-bar[orientation] .smart-value{transform-origin:left}smart-progress-bar[orientation=vertical]{width:var(--smart-progress-bar-default-height);height:var(--smart-progress-bar-default-width)}smart-progress-bar[orientation=vertical][inverted] .smart-value{transform-origin:left bottom}smart-progress-bar[orientation=vertical] .smart-value{transform-origin:left top}smart-progress-bar[orientation=vertical] .smart-value.smart-value-animation{animation:indeterminate-vertical 3s infinite linear}smart-progress-bar[orientation=vertical] .smart-label{width:100%}smart-progress-bar[inverted][orientation=vertical] .smart-value.smart-value-animation{animation:indeterminate-vertical-inverted 3s infinite linear}smart-circular-progress-bar{width:var(--smart-circular-progress-bar-default-size);height:var(--smart-circular-progress-bar-default-size)}smart-circular-progress-bar.smart-container,smart-circular-progress-bar>.smart-container{border-radius:50%}smart-circular-progress-bar .smart-value-animation-ms{stroke-dashoffset:114}smart-circular-progress-bar svg:first-of-type{position:absolute;border-radius:50%;pointer-events:none}smart-circular-progress-bar svg:first-of-type .smart-value.smart-value-animation{animation:circle 2s infinite linear}smart-circular-progress-bar .smart-label-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;box-sizing:content-box;border-radius:50%;background-color:transparent;border-style:solid;border-width:var(--smart-border-width);border-color:var(--smart-border);width:calc(100% - var(--smart-circular-progress-bar-fill-size));height:calc(100% - var(--smart-circular-progress-bar-fill-size))}smart-circular-progress-bar .smart-value,smart-circular-progress-bar .smart-value-path{stroke-width:var(--smart-circular-progress-bar-fill-size);fill:transparent;stroke-dasharray:314.159}smart-circular-progress-bar .smart-value{stroke:var(--smart-ui-state-active)}smart-circular-progress-bar .smart-value-path{stroke-dashoffset:0;stroke:transparent}smart-circular-progress-bar.primary .smart-value{stroke:var(--smart-primary)}smart-circular-progress-bar.secondary .smart-value{stroke:var(--smart-secondary)}smart-circular-progress-bar.success .smart-value{stroke:var(--smart-success)}smart-circular-progress-bar.info .smart-value{stroke:var(--smart-info)}smart-circular-progress-bar.warning .smart-value{stroke:var(--smart-warning)}smart-circular-progress-bar.error .smart-value{stroke:var(--smart-error)}smart-circular-progress-bar.light .smart-value{stroke:var(--smart-light)}smart-circular-progress-bar.dark .smart-value{stroke:var(--smart-dark)}smart-circular-progress-bar:not([animation=none]) .smart-value{transition:stroke-dashoffset 1s linear}smart-circular-progress-bar[inverted] svg:first-of-type .smart-value.smart-value-animation{animation:circle-inverted 2s infinite linear}smart-circular-progress-bar[indeterminate][inverted] svg:first-of-type,smart-circular-progress-bar[value=null][inverted] svg:first-of-type{animation:rotate-circle-inverted 1s infinite linear}smart-circular-progress-bar[indeterminate] svg:first-of-type,smart-circular-progress-bar[value=null] svg:first-of-type{animation:rotate-circle 1s infinite linear}.barber-shop-effect .smart-value{background-image:linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,transparent 75%,transparent);background-size:5rem 5rem;background-position:0 -244rem;animation:stripes 10s linear infinite;animation-direction:normal}.barber-shop-effect[inverted] .smart-value,.barber-shop-effect[orientation=vertical] .smart-value{animation-direction:reverse}@keyframes stripes{0%{background-position:0 0}100%{background-position:60rem 0}}@keyframes indeterminate{0%{left:-100%;transform:scaleX(.4);transform-origin:left}20%{left:-40%;transform:scaleX(.3);transform-origin:left}35%{left:35%;transform:scaleX(.4);transform-origin:left}50%{left:75%;transform:scaleX(.6);transform-origin:left}55%{left:100%;transform:scaleX(.7);transform-origin:left}55.99%{left:100%;transform:scaleX(0);transform-origin:left}56%{left:-100%;transform:scaleX(0);transform-origin:left}56.99%{left:-100%;transform:scaleX(.6);transform-origin:left}75%{left:-5%;transform:scaleX(.6);transform-origin:left}80%{left:30%;transform:scaleX(.5);transform-origin:left}85%{left:50%;transform:scaleX(.4);transform-origin:left}90%{left:75%;transform:scaleX(.3);transform-origin:left}95%{left:95%;transform:scaleX(.2);transform-origin:left}98%{left:100%;transform:scaleX(.2);transform-origin:left}99.99%{left:100%;transform:scaleX(0);transform-origin:left}100%{left:-100%;transform:scaleX(0);transform-origin:left}}@keyframes indeterminate-vertical{0%{bottom:-100%;transform:scaleY(.4);transform-origin:bottom}20%{bottom:-40%;transform:scaleY(.3);transform-origin:bottom}35%{bottom:35%;transform:scaleY(.4);transform-origin:bottom}50%{bottom:75%;transform:scaleY(.6);transform-origin:bottom}55%{bottom:100%;transform:scaleY(.7);transform-origin:bottom}55.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}56%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}56.99%{bottom:-100%;transform:scaleY(.6);transform-origin:bottom}75%{bottom:-5%;transform:scaleY(.6);transform-origin:bottom}80%{bottom:30%;transform:scaleY(.5);transform-origin:bottom}85%{bottom:50%;transform:scaleY(.4);transform-origin:bottom}90%{bottom:75%;transform:scaleY(.3);transform-origin:bottom}95%{bottom:95%;transform:scaleY(.2);transform-origin:bottom}98%{bottom:100%;transform:scaleY(.2);transform-origin:bottom}99.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}100%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}}@keyframes circle{0%{stroke-dashoffset:314}5%{stroke-dashoffset:164}25%{stroke-dashoffset:104}}@keyframes circle-inverted{0%{stroke-dashoffset:-314}5%{stroke-dashoffset:-164}25%{stroke-dashoffset:-104}}@keyframes rotate-circle{50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes rotate-circle-inverted{50%{transform:rotate(-180deg)}75%{transform:rotate(-270deg)}100%{transform:rotate(-360deg)}}smart-circular-progress-bar[right-to-left] .smart-label,smart-progress-bar[right-to-left] .smart-label{direction:rtl}smart-progress-bar[right-to-left]:not([orientation=vertical]) .smart-value,smart-progress-bar[right-to-left][orientation=horizontal] .smart-value{transform-origin:right}smart-progress-bar[right-to-left]:not([orientation=vertical])[inverted] .smart-value,smart-progress-bar[right-to-left][orientation=horizontal][inverted] .smart-value{transform-origin:left}smart-progress-bar[right-to-left]:not([orientation=vertical]) .smart-value.smart-value-animation,smart-progress-bar[right-to-left][orientation=horizontal] .smart-value.smart-value-animation{animation:indeterminate-inverted 3s infinite linear}smart-progress-bar[right-to-left][inverted]:not([orientation=vertical]) .smart-value.smart-value-animation,smart-progress-bar[right-to-left][inverted][orientation=horizontal] .smart-value.smart-value-animation{animation:indeterminate 3s infinite linear}smart-circular-progress-bar[right-to-left][inverted] svg:first-of-type .smart-value.smart-value-animation{animation:circle 2s infinite linear}smart-circular-progress-bar[right-to-left] svg:first-of-type .smart-value.smart-value-animation{animation:circle-inverted 2s infinite linear}smart-circular-progress-bar[right-to-left][indeterminate] svg:first-of-type,smart-circular-progress-bar[right-to-left][value=null] svg:first-of-type{animation:rotate-circle-inverted 1s infinite linear}smart-circular-progress-bar[right-to-left][indeterminate][inverted] svg:first-of-type,smart-circular-progress-bar[right-to-left][value=null][inverted] svg:first-of-type{animation:rotate-circle 1s infinite linear}.barber-shop-effect[right-to-left] .smart-value{animation-direction:reverse}.barber-shop-effect[right-to-left][inverted] .smart-value{animation-direction:normal}
3
+ .smart-circular-progress-bar.smart-element,smart-circular-progress-bar.smart-element,smart-progress-bar.smart-element{border:none}.smart-circular-progress-bar.smart-element:focus>.smart-container,smart-circular-progress-bar.smart-element:focus>.smart-container,smart-progress-bar.smart-element:focus>.smart-container{border-color:var(--smart-outline)}.smart-circular-progress-bar.smart-container,.smart-circular-progress-bar>.smart-container,smart-circular-progress-bar.smart-container,smart-circular-progress-bar>.smart-container,smart-progress-bar.smart-container,smart-progress-bar>.smart-container{border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);overflow:hidden;position:relative;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);color:var(--smart-background-color)}.smart-circular-progress-bar .smart-label,smart-circular-progress-bar .smart-label,smart-progress-bar .smart-label{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;text-align:center;color:var(--smart-background-color)}smart-progress-bar{width:var(--smart-progress-bar-default-width);height:var(--smart-progress-bar-default-height)}smart-progress-bar .smart-label{width:auto;color:var(--smart-outline)}smart-progress-bar .smart-value{outline:0;height:100%;width:100%;box-sizing:border-box;position:absolute;border:1px solid var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);transform-origin:left}smart-progress-bar .smart-value.smart-value-animation{animation:indeterminate 3s infinite linear}smart-progress-bar.primary .smart-value{border:1px solid var(--smart-primary);background-color:var(--smart-primary)}smart-progress-bar.secondary .smart-value{border:1px solid var(--smart-secondary);background-color:var(--smart-secondary)}smart-progress-bar.success .smart-value{border:1px solid var(--smart-success);background-color:var(--smart-success)}smart-progress-bar.info .smart-value{border:1px solid var(--smart-info);background-color:var(--smart-info)}smart-progress-bar.warning .smart-value{border:1px solid var(--smart-warning);background-color:var(--smart-warning)}smart-progress-bar.error .smart-value{border:1px solid var(--smart-error);background-color:var(--smart-error)}smart-progress-bar.light .smart-value{border:1px solid var(--smart-light);background-color:var(--smart-light)}smart-progress-bar.dark .smart-value{border:1px solid var(--smart-dark);background-color:var(--smart-dark)}smart-progress-bar:not([animation=none]) .smart-value{transition:.2s ease-in-out}smart-progress-bar[inverted] .smart-value,smart-progress-bar[orientation][inverted] .smart-value{transform-origin:right}smart-progress-bar[inverted] .smart-value.smart-value-animation{animation:indeterminate-inverted 3s infinite linear}smart-progress-bar[orientation] .smart-value{transform-origin:left}smart-progress-bar[orientation=vertical]{width:var(--smart-progress-bar-default-height);height:var(--smart-progress-bar-default-width)}smart-progress-bar[orientation=vertical][inverted] .smart-value{transform-origin:left bottom}smart-progress-bar[orientation=vertical] .smart-value{transform-origin:left top}smart-progress-bar[orientation=vertical] .smart-value.smart-value-animation{animation:indeterminate-vertical 3s infinite linear}smart-progress-bar[orientation=vertical] .smart-label{width:100%}smart-progress-bar[inverted][orientation=vertical] .smart-value.smart-value-animation{animation:indeterminate-vertical-inverted 3s infinite linear}.smart-circular-progress-bar,smart-circular-progress-bar{width:var(--smart-circular-progress-bar-default-size);height:var(--smart-circular-progress-bar-default-size)}.smart-circular-progress-bar.smart-container,.smart-circular-progress-bar>.smart-container,smart-circular-progress-bar.smart-container,smart-circular-progress-bar>.smart-container{border-radius:50%}.smart-circular-progress-bar .smart-value-animation-ms,smart-circular-progress-bar .smart-value-animation-ms{stroke-dashoffset:114}.smart-circular-progress-bar svg:first-of-type,smart-circular-progress-bar svg:first-of-type{position:absolute;border-radius:50%;pointer-events:none}.smart-circular-progress-bar svg:first-of-type .smart-value.smart-value-animation,smart-circular-progress-bar svg:first-of-type .smart-value.smart-value-animation{animation:circle 2s infinite linear}.smart-circular-progress-bar .smart-label-container,smart-circular-progress-bar .smart-label-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;box-sizing:content-box;border-radius:50%;background-color:transparent;border-style:solid;border-width:var(--smart-border-width);border-color:var(--smart-border);width:calc(100% - var(--smart-circular-progress-bar-fill-size));height:calc(100% - var(--smart-circular-progress-bar-fill-size))}.smart-circular-progress-bar .smart-value,.smart-circular-progress-bar .smart-value-path,smart-circular-progress-bar .smart-value,smart-circular-progress-bar .smart-value-path{stroke-width:var(--smart-circular-progress-bar-fill-size);fill:transparent;stroke-dasharray:314.159}.smart-circular-progress-bar .smart-value,smart-circular-progress-bar .smart-value{stroke:var(--smart-ui-state-active)}.smart-circular-progress-bar .smart-value-path,smart-circular-progress-bar .smart-value-path{stroke-dashoffset:0;stroke:transparent}.smart-circular-progress-bar.primary .smart-value,smart-circular-progress-bar.primary .smart-value{stroke:var(--smart-primary)}.smart-circular-progress-bar.secondary .smart-value,smart-circular-progress-bar.secondary .smart-value{stroke:var(--smart-secondary)}.smart-circular-progress-bar.success .smart-value,smart-circular-progress-bar.success .smart-value{stroke:var(--smart-success)}.smart-circular-progress-bar.info .smart-value,smart-circular-progress-bar.info .smart-value{stroke:var(--smart-info)}.smart-circular-progress-bar.warning .smart-value,smart-circular-progress-bar.warning .smart-value{stroke:var(--smart-warning)}.smart-circular-progress-bar.error .smart-value,smart-circular-progress-bar.error .smart-value{stroke:var(--smart-error)}.smart-circular-progress-bar.light .smart-value,smart-circular-progress-bar.light .smart-value{stroke:var(--smart-light)}.smart-circular-progress-bar.dark .smart-value,smart-circular-progress-bar.dark .smart-value{stroke:var(--smart-dark)}.smart-circular-progress-bar:not([animation=none]) .smart-value,smart-circular-progress-bar:not([animation=none]) .smart-value{transition:stroke-dashoffset 1s linear}.smart-circular-progress-bar[inverted] svg:first-of-type .smart-value.smart-value-animation,smart-circular-progress-bar[inverted] svg:first-of-type .smart-value.smart-value-animation{animation:circle-inverted 2s infinite linear}.smart-circular-progress-bar[indeterminate][inverted] svg:first-of-type,.smart-circular-progress-bar[value=null][inverted] svg:first-of-type,smart-circular-progress-bar[indeterminate][inverted] svg:first-of-type,smart-circular-progress-bar[value=null][inverted] svg:first-of-type{animation:rotate-circle-inverted 1s infinite linear}.smart-circular-progress-bar[indeterminate] svg:first-of-type,.smart-circular-progress-bar[value=null] svg:first-of-type,smart-circular-progress-bar[indeterminate] svg:first-of-type,smart-circular-progress-bar[value=null] svg:first-of-type{animation:rotate-circle 1s infinite linear}.barber-shop-effect .smart-value{background-image:linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,transparent 75%,transparent);background-size:5rem 5rem;background-position:0 -244rem;animation:stripes 10s linear infinite;animation-direction:normal}.barber-shop-effect[inverted] .smart-value,.barber-shop-effect[orientation=vertical] .smart-value{animation-direction:reverse}@keyframes stripes{0%{background-position:0 0}100%{background-position:60rem 0}}@keyframes indeterminate{0%{left:-100%;transform:scaleX(.4);transform-origin:left}20%{left:-40%;transform:scaleX(.3);transform-origin:left}35%{left:35%;transform:scaleX(.4);transform-origin:left}50%{left:75%;transform:scaleX(.6);transform-origin:left}55%{left:100%;transform:scaleX(.7);transform-origin:left}55.99%{left:100%;transform:scaleX(0);transform-origin:left}56%{left:-100%;transform:scaleX(0);transform-origin:left}56.99%{left:-100%;transform:scaleX(.6);transform-origin:left}75%{left:-5%;transform:scaleX(.6);transform-origin:left}80%{left:30%;transform:scaleX(.5);transform-origin:left}85%{left:50%;transform:scaleX(.4);transform-origin:left}90%{left:75%;transform:scaleX(.3);transform-origin:left}95%{left:95%;transform:scaleX(.2);transform-origin:left}98%{left:100%;transform:scaleX(.2);transform-origin:left}99.99%{left:100%;transform:scaleX(0);transform-origin:left}100%{left:-100%;transform:scaleX(0);transform-origin:left}}@keyframes indeterminate-vertical{0%{bottom:-100%;transform:scaleY(.4);transform-origin:bottom}20%{bottom:-40%;transform:scaleY(.3);transform-origin:bottom}35%{bottom:35%;transform:scaleY(.4);transform-origin:bottom}50%{bottom:75%;transform:scaleY(.6);transform-origin:bottom}55%{bottom:100%;transform:scaleY(.7);transform-origin:bottom}55.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}56%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}56.99%{bottom:-100%;transform:scaleY(.6);transform-origin:bottom}75%{bottom:-5%;transform:scaleY(.6);transform-origin:bottom}80%{bottom:30%;transform:scaleY(.5);transform-origin:bottom}85%{bottom:50%;transform:scaleY(.4);transform-origin:bottom}90%{bottom:75%;transform:scaleY(.3);transform-origin:bottom}95%{bottom:95%;transform:scaleY(.2);transform-origin:bottom}98%{bottom:100%;transform:scaleY(.2);transform-origin:bottom}99.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}100%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}}@keyframes circle{0%{stroke-dashoffset:314}5%{stroke-dashoffset:164}25%{stroke-dashoffset:104}}@keyframes circle-inverted{0%{stroke-dashoffset:-314}5%{stroke-dashoffset:-164}25%{stroke-dashoffset:-104}}@keyframes rotate-circle{50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes rotate-circle-inverted{50%{transform:rotate(-180deg)}75%{transform:rotate(-270deg)}100%{transform:rotate(-360deg)}}smart-circular-progress-bar[right-to-left] .smart-label,smart-progress-bar[right-to-left] .smart-label{direction:rtl}smart-progress-bar[right-to-left]:not([orientation=vertical]) .smart-value,smart-progress-bar[right-to-left][orientation=horizontal] .smart-value{transform-origin:right}smart-progress-bar[right-to-left]:not([orientation=vertical])[inverted] .smart-value,smart-progress-bar[right-to-left][orientation=horizontal][inverted] .smart-value{transform-origin:left}smart-progress-bar[right-to-left]:not([orientation=vertical]) .smart-value.smart-value-animation,smart-progress-bar[right-to-left][orientation=horizontal] .smart-value.smart-value-animation{animation:indeterminate-inverted 3s infinite linear}smart-progress-bar[right-to-left][inverted]:not([orientation=vertical]) .smart-value.smart-value-animation,smart-progress-bar[right-to-left][inverted][orientation=horizontal] .smart-value.smart-value-animation{animation:indeterminate 3s infinite linear}smart-circular-progress-bar[right-to-left][inverted] svg:first-of-type .smart-value.smart-value-animation{animation:circle 2s infinite linear}smart-circular-progress-bar[right-to-left] svg:first-of-type .smart-value.smart-value-animation{animation:circle-inverted 2s infinite linear}smart-circular-progress-bar[right-to-left][indeterminate] svg:first-of-type,smart-circular-progress-bar[right-to-left][value=null] svg:first-of-type{animation:rotate-circle-inverted 1s infinite linear}smart-circular-progress-bar[right-to-left][indeterminate][inverted] svg:first-of-type,smart-circular-progress-bar[right-to-left][value=null][inverted] svg:first-of-type{animation:rotate-circle 1s infinite linear}.barber-shop-effect[right-to-left] .smart-value{animation-direction:reverse}.barber-shop-effect[right-to-left][inverted] .smart-value{animation-direction:normal}
4
4
  smart-file-upload{display:inline-block;width:var(--smart-file-upload-default-width);font-size:var(--smart-file-upload-font-size);font-family:var(--smart-file-upload-font-family);color:var(--smart-file-upload-color);overflow:hidden;box-sizing:border-box;border:var(--smart-file-upload-border-width) dashed var(--smart-file-upload-border);background-color:var(--smart-file-upload-background);min-width:200px;min-height:100px}smart-file-upload .smart-selected-files .smart-file.smart-hidden,smart-file-upload .smart-total-files.smart-hidden,smart-file-upload[show-progress] .smart-file smart-progress-bar{display:none}smart-file-upload[disabled]{opacity:.55;cursor:default}smart-file-upload[show-progress] .smart-file smart-progress-bar[value]{display:block}.smart-file.smart-uploading-start:before{width:100%;height:100%;position:absolute;left:0;top:0;font-family:arial;content:var(--smart-file-upload-text-content-uploading-start);background-color:#c1c1c169;opacity:1;display:flex;justify-content:flex-end;flex-direction:column;box-sizing:border-box;font-size:11px;color:#737373;padding:0 0 2px 5px;pointer-events:none;z-index:1;animation:connecting 1s linear infinite}.smart-file.smart-pause:before,.smart-file.smart-uploading:before{justify-content:flex-end;height:100%;display:flex;font-size:11px;padding:0 0 2px 5px;z-index:1;position:absolute;left:0;font-family:arial;pointer-events:none;box-sizing:border-box;top:0}.smart-file.smart-uploading:before{content:var(--smart-file-upload-text-content-uploading);width:100%;background-color:#c1c1c169;opacity:1;flex-direction:column;color:var(--smart-ui-state)}.smart-file.smart-uploading .smart-item-upload-button{pointer-events:none}.smart-file.smart-uploading .smart-item-name{opacity:.2;user-select:none}.smart-file.smart-pause:before{content:var(--smart-file-upload-text-content-pause);width:100%;background-color:#f0030;border-radius:3px;opacity:.8;flex-direction:column;color:#8a0000}.smart-file.smart-error:before{font-family:arial;position:absolute;left:0;top:0;content:var(--smart-file-upload-text-content-error);width:100%;height:100%;background-color:var(--smart-error);border-radius:var(--smart-error-border-radius);opacity:0;display:flex;justify-content:flex-end;flex-direction:column;box-sizing:border-box;font-size:11px;color:var(--smart-on-error);padding:0 0 2px 5px;pointer-events:none;z-index:1;animation:error 6s linear 1}.smart-file.smart-error smart-progress-bar,.smart-selected-files .smart-uploading .smart-item-upload-button{opacity:.3}.smart-file smart-progress-bar{display:none;width:100%;height:4px;position:absolute;bottom:0;left:0}.smart-file smart-progress-bar .smart-container{border-style:none}.smart-file smart-progress-bar .smart-value{background-color:orange}.smart-file-upload .smart-file-upload-container,.smart-file-upload .smart-file-upload-footer,.smart-file-upload .smart-file-upload-header{padding:5px;width:100%;box-sizing:border-box}.smart-file-upload .smart-browse-button{display:block;margin:4px;width:var(--smart-file-upload-browse-button-width);height:var(--smart-file-upload-browse-button-height)}.smart-file-upload .smart-cancel-all-button,.smart-file-upload .smart-pause-all-button,.smart-file-upload .smart-upload-all-button{width:var(--smart-file-upload-footer-button-width);height:var(--smart-file-upload-footer-button-height);margin:4px}.smart-file-upload .smart-browse-input{display:none}.smart-file-upload .smart-drop-zone{display:none;width:100%;height:100px}.smart-file-upload .smart-total-files{font-family:arial;font-size:12px;color:gray;display:block;box-sizing:border-box;padding:0 0 2px 5px}.smart-file-upload .smart-total-files:empty,.smart-file-upload[hide-footer] .smart-file-upload-footer{display:none}.smart-file-upload[disabled] .smart-file-upload-container{pointer-events:none;user-select:none}.smart-file-upload[drop-zone] .smart-drop-zone{display:block}.smart-file-upload[drop-zone] .smart-overflow .smart-drop-zone{display:none}.smart-drop-zone{width:100%;height:100%;background-color:var(--smart-background);position:relative;box-sizing:border-box;border:1px dotted #d3d3d3}.smart-drop-zone:after{font-family:var(--smart-font-family-icon);overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;flex-direction:column;height:100%;width:100%;text-align:center;content:var(--smart-file-upload-text-content-drop-zone);color:var(--smart-ui-state);box-sizing:border-box;border:5px dashed transparent;transition:border .5s ease-out}.smart-drop-zone.smart-drag-over:after,[data-theme=modern] .smart-drop-zone.smart-drag-over:after{content:var(--smart-file-upload-text-content-drop-zone-over);transition:border .5s ease-out;animation:drop-zone 1s ease-in infinite}.smart-drop-zone.smart-drag-over:after{font-size:50px;border:3px dashed var(--smart-background-border)}[data-theme=modern]{--smart-file-upload-text-content-drop-zone-over:"Drop here"}[data-theme=modern] .smart-drop-zone{border:2px dashed var(--smart-surface);width:100%;background-size:contain;background-repeat:no-repeat;background-position:bottom center;padding:10px;display:flex;justify-content:center;align-items:center}[data-theme=modern] .smart-drop-zone:after{font-family:Verdana;font-size:.875rem;font-weight:400;line-height:1.5}[data-theme=modern] .smart-drop-zone:hover{border-color:var(--smart-primary);background-color:rgba(var(--smart-primary-rgb),.1)}[data-theme=modern] .smart-drop-zone.smart-drag-over:after{border-color:transparent;font-size:2.5rem}.smart-selected-files .smart-item-cancel-button:after,.smart-selected-files .smart-item-pause-button:after,.smart-selected-files .smart-item-upload-button:after{font-family:var(--smart-font-family-icon);font-size:16px;text-shadow:2px 2px 2px #d3d3d3;left:0}.smart-selected-files{width:100%;height:100%;display:block;box-sizing:border-box;padding:2px}.smart-selected-files .smart-file{height:auto;position:relative;display:block;box-sizing:border-box;border:1px solid #d3d3d3;padding:10px;border-radius:3px;margin-bottom:1px;background-color:#fafafa;transition:border-color .5s ease}.smart-selected-files .smart-file:hover{transition:border-color .5s ease;border-color:gray}.smart-selected-files .smart-item-pause-button{pointer-events:none;box-sizing:border-box;height:16px;position:relative;width:16px;color:#999;transition:color .5s ease;display:none}.smart-selected-files .smart-item-pause-button:after{position:absolute;top:0;content:var(--smart-icon-close)}.smart-selected-files .smart-item-cancel-button{display:inline-block;box-sizing:border-box;height:16px;position:relative;width:16px;color:#999;transition:color .5s ease}.smart-selected-files .smart-item-cancel-button:after{position:absolute;top:0;content:var(--smart-icon-close)}.smart-selected-files .smart-item-cancel-button:hover{cursor:pointer;transition:color .5s ease;color:orange}.smart-selected-files .smart-item-upload-button{display:inline-block;box-sizing:border-box;height:16px;position:relative;width:16px;color:#999;transition:color .5s ease}.smart-selected-files .smart-item-upload-button:after{content:var(--smart-icon-up);position:absolute;top:0}.smart-selected-files .smart-item-upload-button:hover{cursor:pointer;color:var(--smart-success);transition:color .5s ease}.smart-selected-files .smart-item-name{display:inline-block;box-sizing:border-box;position:relative;width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;height:auto}.smart-selected-files .smart-uploading .smart-item-name{width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;height:auto}.smart-selected-files .smart-uploading .smart-item-pause-button{display:inline-block;cursor:pointer;pointer-events:all;transition:color .5s,opacity .5s ease;color:#dc1919;opacity:.5}.smart-selected-files .smart-uploading .smart-item-pause-button:hover{transition:color .5s,opacity .5s ease;color:red;opacity:1}.smart-selected-files .smart-uploading .smart-item-cancel-button{display:inline-block;cursor:pointer;pointer-events:all;transition:color .5s,opacity .5s ease;opacity:.5;color:#ff8c00}.smart-selected-files .smart-uploading .smart-item-cancel-button:hover{transition:color .5s,opacity .5s ease;color:orange;opacity:1}.smart-drop-zone-square{position:relative}.smart-drop-zone-square:before{content:"";display:block;padding-bottom:100%}.smart-drop-zone-square .smart-drop-zone{position:absolute;top:0;bottom:0;left:0;right:0}.smart-drop-zone-square.smart-drop-zone-small{min-width:115px}.smart-drop-zone-small{position:relative;width:auto;display:inline-block}.smart-drop-zone-small .smart-drop-zone.smart-drag-over:after{font-size:1.25rem}.smart-drop-zone-images-only .smart-drop-zone{display:flex;align-items:center;flex-flow:column;justify-content:space-evenly}.smart-drop-zone-images-only .smart-drop-zone:after{height:auto}.smart-drop-zone-images-only .smart-drop-zone:before{display:block;content:'';background-image:url(../images/dropable_zone_image.svg);width:70px;height:55px;background-size:contain;background-position:center center}@-webkit-keyframes connecting{0%,100%{color:#73737350}50%{color:#73737399}}@-webkit-keyframes drop-zone{0%,100%{color:#b1b1b100}50%{color:#b1b1b199}}@-webkit-keyframes rotating{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes error{0%{opacity:.8;background-color:#f0015}3%,9%{background-color:#f0040}12%,6%{background-color:#f0015}80%{opacity:.8}100%{opacity:0}}.smart-drop-zone[right-to-left],.smart-file[right-to-left],smart-file-upload[right-to-left]>.smart-container{direction:rtl}
5
5
  smart-color-panel{width:var(--smart-color-panel-default-width);height:var(--smart-color-panel-default-height);user-select:none}smart-color-panel .no-touch{touch-action:none}smart-color-panel.smart-element{display:inline-block;overflow:initial;border:none;background:var(--smart-background);color:var(--smart-background-color)}smart-color-panel[disabled]{opacity:.55;pointer-events:none;user-select:none}.smart-color-panel .smart-content{position:relative;cursor:pointer;display:flex;width:100%;height:100%}.smart-color-panel label{display:inline-block;user-select:none}.smart-color-panel smart-tooltip .smart-tooltip-content{box-shadow:0 0 20px 0 #8b8b8b}.smart-color-panel input[type=number]::-webkit-inner-spin-button,.smart-color-panel input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.smart-color-panel input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfied}.smart-color-panel .color-input{width:70px;height:var(--smart-editor-height);margin:5px;padding:5px;border:var(--smart-border-width) solid var(--smart-border);border-radius:var(--smart-border-radius);background:var(--smart-background);color:var(--smart-color);outline:0}.smart-color-panel .color-input:focus{border-color:var(--smart-outline)}.smart-color-panel .color-input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}.smart-color-panel .grid-mode-container,.smart-color-panel .palette-mode-container{width:100%;max-height:100%;position:relative}.smart-color-panel .custom-color-selection .buttons-container{display:flex;align-items:center;justify-content:flex-end}.smart-color-panel .custom-colors-box,.smart-color-panel .gray-shades-box,.smart-color-panel .grid-samples-container,.smart-color-panel .spectrum-box{display:grid;grid-template-columns:repeat(var(--smart-color-panel-grid-mode-column-count),auto)}.smart-color-panel .hue-scale{display:block;max-width:100px;height:var(--smart-color-panel-palette-size);background-image:linear-gradient(red,#f0f,#00f,#0ff,#0f0,#ff0,red);width:20px;margin-left:15px;margin-right:15px;position:relative;padding:1px;border:var(--smart-border-width) solid var(--smart-border);background-clip:content-box;-webkit-background-clip:content-box}.smart-color-panel .hue-scale-thumb{width:100%;height:10px;box-sizing:content-box;border:3px solid #fff;border-left-width:10px;border-right-width:10px;position:absolute;left:-10px;top:-3px;box-shadow:0 0 5px #666,inset 0 0 2px 0 #999,inset 0 0 2px 0 #999;opacity:.8;cursor:pointer}.smart-color-panel .color-palette-thumb{width:0;height:0;top:0;position:absolute;z-index:10;pointer-events:none}.smart-color-panel .color-palette-thumb:after{content:" ";position:absolute;left:-14px;top:-14px;width:16px;height:16px;border:5px solid #fff;border-radius:50%;box-shadow:var(--smart-elevation-2)}.smart-color-panel .color-palette{width:var(--smart-color-panel-palette-size);height:var(--smart-color-panel-palette-size);background-color:red;display:block;position:relative;overflow:hidden;cursor:crosshair;padding:1px;border:1px solid #d3d3d3;background-clip:content-box;-webkit-background-clip:content-box}.smart-color-panel .color-palette:after,.smart-color-panel .color-palette:before{width:100%;height:100%;content:" ";display:block;position:absolute;left:0;top:0;z-index:0}.smart-color-panel .color-palette:before{background-image:linear-gradient(90deg,#fff,transparent)}.smart-color-panel .color-palette:after{background-image:linear-gradient(transparent,#000)}.smart-color-panel .color-controls-container{display:block;max-width:100px;overflow:hidden}.smart-color-panel .color-palette-container{width:100%;height:var(--smart-color-panel-palette-size);display:flex;flex-direction:row}.smart-color-panel .preview-container{width:100%;min-width:100px;height:100px;background-color:#fff;margin-bottom:20px;position:relative;padding:1px;border:var(--smart-border-width) solid var(--smart-border);background-clip:content-box;-webkit-background-clip:content-box}.smart-color-panel .preview-container-bottom,.smart-color-panel .preview-container-top{width:100%;height:50%;display:block;background-color:#fff}.smart-color-panel .alpha-channel-container{flex-direction:row;width:100%;align-items:center;align-content:space-around;margin-top:5px;display:none}.smart-color-panel .alpha-channel-container label{width:48px}.smart-color-panel .alpha-channel-scale{width:var(--smart-color-panel-palette-size);height:20px;margin-top:15px;margin-bottom:15px;position:relative;border:var(--smart-border-width) solid var(--smart-border);margin-right:20px}.smart-color-panel .alpha-channel-scale:after,.smart-color-panel .alpha-channel-scale:before{position:absolute;left:0;top:0;display:block;width:100%;height:100%;content:" "}.smart-color-panel .alpha-channel-scale:before{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc);background-position:0 6px,8px 14px;background-size:16px 16px}.smart-color-panel .alpha-channel-scale:after{background-image:linear-gradient(90deg,var(--smart-color-panel-alpha-channel-color),transparent);box-shadow:inset 1px -1px 0 0 #fff,inset -1px 1px 0 0 #fff}.smart-color-panel .alpha-channel-thumb{width:10px;height:100%;box-sizing:content-box;border:3px solid #fff;border-top-width:10px;border-bottom-width:10px;position:absolute;left:-3px;top:-10px;opacity:.8;box-shadow:0 0 5px #666,inset 0 0 2px 0 #999,inset 0 0 2px 0 #999;cursor:pointer;z-index:1}.smart-color-panel .buttons-container{display:none;flex-direction:row;justify-content:flex-end;padding:10px 0 0}.smart-color-panel .buttons-container smart-button{width:100px}.smart-color-panel .color-sample,.smart-color-panel .user-color-container{width:var(--smart-color-panel-grid-mode-item-size);height:var(--smart-color-panel-grid-mode-item-size)}.smart-color-panel .buttons-container smart-button:last-of-type{margin-left:20px}.smart-color-panel .gradient-background{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc);background-position:0 6px,8px 14px;background-size:16px 16px}.smart-color-panel .color-sample.user-color:before,.smart-color-panel .user-color-container{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc);background-position:0 5px,5px 10px;background-size:10px 10px}.smart-color-panel .material-grid-samples-container{display:grid;grid-template-columns:80px repeat(14,auto)}.smart-color-panel .button-custom-color{margin:5px 0}.smart-color-panel .color-sample{margin:var(--smart-color-panel-grid-mode-columns-gap);box-sizing:border-box;cursor:pointer;border:var(--smart-border-width) solid rgba(0,0,0,.1);background-clip:content-box;-webkit-background-clip:content-box;text-overflow:ellipsis}.smart-color-panel .color-sample.user-color{position:relative;background-clip:padding-box;-webkit-background-clip:padding-box}.smart-color-panel .color-sample.user-color:before{position:absolute;content:'';width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.smart-color-panel .color-sample.selected{border:2px solid var(--smart-ui-state-color-selected);padding:1px}.smart-color-panel .color-sample.empty{visibility:hidden}.smart-color-panel .color-sample.header,.smart-color-panel .color-sample.label-column{display:flex;align-items:center;justify-content:center;font-size:11px;border-width:0;pointer-events:none;user-select:none}.smart-color-panel .color-sample.label-column{width:100%;justify-content:flex-start}.smart-color-panel .color-sample.color-sample-column,.smart-color-panel .color-sample.color-sample-row{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);padding:1px;background:repeating-linear-gradient(-55deg,#fff,#fff 10px,#eee 10px,#eee 20px)}.smart-color-panel .color-sample[transparent]{position:relative}.smart-color-panel .color-sample[transparent]:after{content:'';border:1px solid red;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);position:absolute;width:150%;border-radius:5px}.smart-color-panel .user-color.empty{background:repeating-linear-gradient(-55deg,#fff,#fff 10px,#eee 10px,#eee 20px);background-origin:content-box;border-color:#d3d3d3}.smart-color-panel .default-samples-container div{display:grid;grid-template-columns:repeat(10,auto);justify-items:center}.smart-color-panel .default-samples-container .theme-shades-box{margin-top:var(--smart-color-panel-default-mode-sections-gap);margin-bottom:var(--smart-color-panel-default-mode-sections-gap)}.smart-color-panel .default-samples-container .standard-colors-label,.smart-color-panel .default-samples-container .theme-colors-label{display:block;font-weight:600;margin-left:2px;margin-top:var(--smart-color-panel-default-mode-sections-gap);margin-bottom:calc(var(--smart-color-panel-default-mode-sections-gap)/ 2)}.smart-color-panel .hex-mode-resize-trigger{visibility:hidden;position:absolute;left:0;top:0}.smart-color-panel[edit-alpha-channel] .alpha-channel-container{display:flex}.smart-color-panel[enable-custom-colors] .button-custom-color,.smart-color-panel[enable-custom-colors] .user-samples-container{width:100%;display:flex;align-items:center}.smart-color-panel[enable-custom-colors]:not([display-mode=palette]):not([display-mdoe=radial]) .custom-color-selection .palette-mode-container{display:block}.smart-color-panel:not([display-mode=radial]) .canvas-radial{display:none}.smart-color-panel[display-mode=radial] .brightness-scale,.smart-color-panel[display-mode=hexagonal] .brightness-scale{display:block;max-width:100px;height:var(--smart-color-panel-palette-size);background-image:linear-gradient(red,#f0f,#00f,#0ff,#0f0,#ff0,red);width:20px;margin-left:15px;margin-right:15px;position:relative;padding:1px;border:var(--smart-border-width) solid var(--smart-border);background-clip:content-box;-webkit-background-clip:content-box}.smart-color-panel[display-mode=radial] .brightness-scale-thumb,.smart-color-panel[display-mode=hexagonal] .brightness-scale-thumb{width:100%;height:10px;box-sizing:content-box;border:3px solid #fff;border-left-width:10px;border-right-width:10px;position:absolute;left:-10px;top:-3px;box-shadow:0 0 5px #666,inset 0 0 2px 0 #999,inset 0 0 2px 0 #999;opacity:.8;cursor:pointer}.smart-color-panel[display-mode=hexagonal] .alpha-channel-scale{width:var(--smart-color-panel-palette-width)}.smart-color-panel[display-mode=hexagonal] .brightness-scale{display:block;height:var(--smart-color-panel-palette-height);background-image:linear-gradient(white,#000)}.smart-color-panel[display-mode=hexagonal] .selected{stroke:#fff;stroke-width:4px}.smart-color-panel[display-mode=hexagonal] .color-palette-container{height:var(--smart-color-panel-palette-height)}.smart-color-panel[display-mode=hexagonal] .color-palette-hexagonal,.smart-color-panel[display-mode=hexagonal] .palette-mode-container{display:block}.smart-color-panel[display-mode=radial] .hue-scale{display:none}.smart-color-panel[display-mode=radial] .brightness-scale{background-image:linear-gradient(white,#000)}.smart-color-panel[display-mode=radial] .color-palette-radial{width:var(--smart-color-panel-palette-size);height:var(--smart-color-panel-palette-size);display:block;position:relative;overflow:hidden;cursor:crosshair;padding:1px;border:1px solid #d3d3d3;background-clip:content-box;-webkit-background-clip:content-box;background:conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#ff00ff,red) #ff005a;border-radius:50%}.smart-color-panel[display-mode=radial] .color-palette-radial:after{width:100%;height:100%;content:" ";display:block;position:absolute;left:0;top:0;z-index:0;background:#000;opacity:var(--smart-color-panel-brightness);border-radius:50%}.smart-color-panel[display-mode=radial] .color-palette-radial-thumb{width:0;height:0;position:absolute;z-index:10;pointer-events:none;left:50%;top:50%}.smart-color-panel[display-mode=radial] .color-palette-radial-thumb:after{content:" ";position:absolute;left:-14px;top:-14px;width:16px;height:16px;border:5px solid #fff;border-radius:50%;box-shadow:var(--smart-elevation-2)}.smart-color-panel[display-mode=radial] .white-radial-gradient{z-index:2;width:var(--smart-color-panel-palette-size);height:var(--smart-color-panel-palette-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-image:radial-gradient(circle,#fff,transparent)}.smart-color-panel[display-mode=radial] .palette-mode-container{display:block}.smart-color-panel[display-mode=radial] canvas{transform:rotate(-180deg);transform-origin:center}.smart-color-panel[display-mode=radial][inverted] .color-palette-radial:after{background:#fff}.smart-color-panel[display-mode=radial][inverted] .white-radial-gradient{background:radial-gradient(black,transparent)}.smart-color-panel[display-mode=palette] .color-palette,.smart-color-panel[display-mode=palette] .palette-mode-container,.smart-color-panel[display-mode=spectrumGrid] .spectrum-grid-samples-container,.smart-color-panel[display-mode=default] .default-samples-container,.smart-color-panel[display-mode=materialGrid] .color-palette{display:block}.smart-color-panel[apply-value-mode=useButtons] .buttons-container{display:flex;align-items:center;justify-content:flex-end}.smart-color-panel .button-custom-color,.smart-color-panel .color-palette-hexagonal,.smart-color-panel .custom-color-selection .grid-mode-container,.smart-color-panel .palette-mode-container,.smart-color-panel .spectrum-grid-samples-container,.smart-color-panel .user-samples-container,.smart-color-panel[display-mode=palette] .color-palette-radial,.smart-color-panel[display-mode=palette] .grid-mode-container,.smart-color-panel[display-mode=radial] .color-palette,.smart-color-panel[display-mode=radial] .grid-mode-container,.smart-color-panel[display-mode=hexagonal] .color-palette,.smart-color-panel[display-mode=hexagonal] .default-samples-container,.smart-color-panel[display-mode=hexagonal] .grid-samples-container,.smart-color-panel[display-mode=hexagonal] .hue-scale,.smart-color-panel[display-mode=hexagonal] .spectrum-grid-samples-container,.smart-color-panel[display-mode=spectrumGrid] .default-samples-container,.smart-color-panel[display-mode=spectrumGrid] .grid-samples-container,.smart-color-panel[display-mode=spectrumGrid] .material-grid-samples-container,.smart-color-panel[display-mode=spectrumGrid] .palette-mode-container,.smart-color-panel[display-mode=default] .grid-samples-container,.smart-color-panel[display-mode=default] .material-grid-samples-container,.smart-color-panel[display-mode=default] .palette-mode-container,.smart-color-panel[display-mode=materialGrid] .default-samples-container,.smart-color-panel[display-mode=materialGrid] .grid-samples-container,.smart-color-panel[display-mode=materialGrid] .palette-mode-container,.smart-color-panel[display-mode=grid] .default-samples-container,.smart-color-panel[display-mode=grid] .material-grid-samples-container,.smart-color-panel[display-mode=grid] .palette-mode-container,.smart-color-panel[enable-custom-colors][display-mode=hexagonal] .button-custom-color,.smart-color-panel[enable-custom-colors][display-mode=hexagonal] .user-samples-container,.smart-color-panel[hide-alpha-editor] .a-channel,.smart-color-panel[hide-h-e-x-editor] .hex,.smart-color-panel[hide-preview-container] .preview-container,.smart-color-panel[hide-r-g-b-editor] .b-channel,.smart-color-panel[hide-r-g-b-editor] .g-channel,.smart-color-panel[hide-r-g-b-editor] .r-channel{display:none}smart-color-panel[right-to-left] .alpha-channel-container,smart-color-panel[right-to-left] .color-palette-container,smart-color-panel[right-to-left] .grid-mode-container{direction:rtl}smart-color-panel[right-to-left] .alpha-channel-scale{margin:0 0 0 20px}smart-color-panel[right-to-left] .alpha-channel-scale:after{background-image:linear-gradient(90deg,transparent,var(--smart-color-panel-alpha-channel-color))}smart-color-panel[right-to-left] .buttons-container{flex-direction:row-reverse}smart-color-panel[right-to-left] .buttons-container smart-button:last-of-type{margin:0 0 0 20px}
6
6
  .smart-toggle-box{display:inline-block;outline:0;height:var(--smart-editor-height);cursor:pointer}.smart-toggle-box.smart-element{border:none;background:0 0}.smart-toggle-box .smart-container,.smart-toggle-box.smart-container{position:relative;display:flex;align-items:center}.smart-toggle-box .smart-ripple{background:var(--smart-primary)}.smart-toggle-box .smart-overlay{top:0;height:100%;background:var(--smart-primary);width:var(--smart-editor-height);position:absolute;left:2px;border-radius:100%;padding:0;opacity:0;box-sizing:content-box;transition:opacity 280ms ease-in-out;margin:0}.smart-toggle-box .smart-label{color:var(--smart-background-color);background:inherit;font-size:inherit;font-family:inherit;margin:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto}.smart-toggle-box.smart-check-box .smart-input{width:var(--smart-check-box-default-size);min-width:var(--smart-check-box-default-size);height:var(--smart-check-box-default-size);min-height:var(--smart-check-box-default-size);background-color:var(--smart-background);box-sizing:initial;border:var(--smart-border-width) solid var(--smart-border);display:inline-block;color:var(--smart-background-color);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);margin:0 0 0 8px;transition:background linear .2s;position:relative}.smart-toggle-box.smart-check-box .smart-input:after{font-family:var(--smart-font-family-icon);display:flex;justify-content:center;align-content:center;height:100%;align-items:center}.smart-toggle-box.smart-check-box[checked] .smart-input:after{font-weight:100;content:var(--smart-icon-check);pointer-events:none}.smart-toggle-box.smart-check-box[checked=null] .smart-input:after{content:'-';margin-top:-1px}.smart-toggle-box.smart-radio-button .smart-input{width:var(--smart-radio-button-default-size);min-width:var(--smart-radio-button-default-size);height:var(--smart-radio-button-default-size);min-height:var(--smart-radio-button-default-size);background-color:var(--smart-background);box-sizing:initial;border-style:solid;border-width:var(--smart-border-width);border-color:var(--smart-border);display:inline-block;border-radius:100%;color:var(--smart-background-color);margin:0 0 0 8px;position:relative}.smart-toggle-box.smart-radio-button .smart-input:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;font-style:normal;text-decoration:inherit;font-variant:normal;text-transform:none;color:inherit;border-radius:50%;line-height:100%}.smart-toggle-box.smart-radio-button[checked] .smart-input:after{font-size:15px;font-weight:100;background:var(--smart-primary-color)}.smart-toggle-box.smart-radio-button[checked][hover]:not([focus]) .smart-input::after{background:var(--smart-ui-state-color-hover)}.smart-toggle-box[active] .smart-input,.smart-toggle-box[checked] .smart-input{border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}.smart-toggle-box[active]:focus .smart-overlay,.smart-toggle-box[active][focus] .smart-overlay{opacity:.4}.smart-toggle-box[hover] .smart-input{border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-toggle-box:focus .smart-input,.smart-toggle-box[focus] .smart-input{outline:0;overflow:visible;border-color:var(--smart-primary);background-color:var(--smart-primary);color:var(--smart-primary-color)}.smart-toggle-box:focus .smart-overlay,.smart-toggle-box[focus] .smart-overlay{opacity:.3}.smart-toggle-box[readonly],.smart-toggle-box[readonly] .smart-input,.smart-toggle-box[readonly] .smart-label{cursor:initial}.smart-toggle-box[check-mode=input]{cursor:default}.smart-toggle-box[check-mode=input] .smart-input,.smart-toggle-box[check-mode=label] .smart-label{cursor:pointer}.smart-toggle-box[right-to-left] .smart-container,.smart-toggle-box[right-to-left] .smart-hidden-input{direction:rtl}.smart-toggle-box[right-to-left] .smart-overlay{left:initial;right:2px}.smart-toggle-box[right-to-left] .smart-input{margin:0 8px 0 0}
package/source/styles/components/smart.fileupload.css CHANGED
@@ -1,2 +1,2 @@
1
- smart-circular-progress-bar.smart-element,smart-progress-bar.smart-element{border:none}smart-circular-progress-bar.smart-element:focus>.smart-container,smart-progress-bar.smart-element:focus>.smart-container{border-color:var(--smart-outline)}smart-circular-progress-bar.smart-container,smart-circular-progress-bar>.smart-container,smart-progress-bar.smart-container,smart-progress-bar>.smart-container{border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);overflow:hidden;position:relative;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);color:var(--smart-background-color)}smart-circular-progress-bar .smart-label,smart-progress-bar .smart-label{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;text-align:center;color:var(--smart-background-color)}smart-progress-bar{width:var(--smart-progress-bar-default-width);height:var(--smart-progress-bar-default-height)}smart-progress-bar .smart-label{width:auto;color:var(--smart-outline)}smart-progress-bar .smart-value{outline:0;height:100%;width:100%;box-sizing:border-box;position:absolute;border:1px solid var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);transform-origin:left}smart-progress-bar .smart-value.smart-value-animation{animation:indeterminate 3s infinite linear}smart-progress-bar.primary .smart-value{border:1px solid var(--smart-primary);background-color:var(--smart-primary)}smart-progress-bar.secondary .smart-value{border:1px solid var(--smart-secondary);background-color:var(--smart-secondary)}smart-progress-bar.success .smart-value{border:1px solid var(--smart-success);background-color:var(--smart-success)}smart-progress-bar.info .smart-value{border:1px solid var(--smart-info);background-color:var(--smart-info)}smart-progress-bar.warning .smart-value{border:1px solid var(--smart-warning);background-color:var(--smart-warning)}smart-progress-bar.error .smart-value{border:1px solid var(--smart-error);background-color:var(--smart-error)}smart-progress-bar.light .smart-value{border:1px solid var(--smart-light);background-color:var(--smart-light)}smart-progress-bar.dark .smart-value{border:1px solid var(--smart-dark);background-color:var(--smart-dark)}smart-progress-bar:not([animation=none]) .smart-value{transition:.2s ease-in-out}smart-progress-bar[inverted] .smart-value,smart-progress-bar[orientation][inverted] .smart-value{transform-origin:right}smart-progress-bar[inverted] .smart-value.smart-value-animation{animation:indeterminate-inverted 3s infinite linear}smart-progress-bar[orientation] .smart-value{transform-origin:left}smart-progress-bar[orientation=vertical]{width:var(--smart-progress-bar-default-height);height:var(--smart-progress-bar-default-width)}smart-progress-bar[orientation=vertical][inverted] .smart-value{transform-origin:left bottom}smart-progress-bar[orientation=vertical] .smart-value{transform-origin:left top}smart-progress-bar[orientation=vertical] .smart-value.smart-value-animation{animation:indeterminate-vertical 3s infinite linear}smart-progress-bar[orientation=vertical] .smart-label{width:100%}smart-progress-bar[inverted][orientation=vertical] .smart-value.smart-value-animation{animation:indeterminate-vertical-inverted 3s infinite linear}smart-circular-progress-bar{width:var(--smart-circular-progress-bar-default-size);height:var(--smart-circular-progress-bar-default-size)}smart-circular-progress-bar.smart-container,smart-circular-progress-bar>.smart-container{border-radius:50%}smart-circular-progress-bar .smart-value-animation-ms{stroke-dashoffset:114}smart-circular-progress-bar svg:first-of-type{position:absolute;border-radius:50%;pointer-events:none}smart-circular-progress-bar svg:first-of-type .smart-value.smart-value-animation{animation:circle 2s infinite linear}smart-circular-progress-bar .smart-label-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;box-sizing:content-box;border-radius:50%;background-color:transparent;border-style:solid;border-width:var(--smart-border-width);border-color:var(--smart-border);width:calc(100% - var(--smart-circular-progress-bar-fill-size));height:calc(100% - var(--smart-circular-progress-bar-fill-size))}smart-circular-progress-bar .smart-value,smart-circular-progress-bar .smart-value-path{stroke-width:var(--smart-circular-progress-bar-fill-size);fill:transparent;stroke-dasharray:314.159}smart-circular-progress-bar .smart-value{stroke:var(--smart-ui-state-active)}smart-circular-progress-bar .smart-value-path{stroke-dashoffset:0;stroke:transparent}smart-circular-progress-bar.primary .smart-value{stroke:var(--smart-primary)}smart-circular-progress-bar.secondary .smart-value{stroke:var(--smart-secondary)}smart-circular-progress-bar.success .smart-value{stroke:var(--smart-success)}smart-circular-progress-bar.info .smart-value{stroke:var(--smart-info)}smart-circular-progress-bar.warning .smart-value{stroke:var(--smart-warning)}smart-circular-progress-bar.error .smart-value{stroke:var(--smart-error)}smart-circular-progress-bar.light .smart-value{stroke:var(--smart-light)}smart-circular-progress-bar.dark .smart-value{stroke:var(--smart-dark)}smart-circular-progress-bar:not([animation=none]) .smart-value{transition:stroke-dashoffset 1s linear}smart-circular-progress-bar[inverted] svg:first-of-type .smart-value.smart-value-animation{animation:circle-inverted 2s infinite linear}smart-circular-progress-bar[indeterminate][inverted] svg:first-of-type,smart-circular-progress-bar[value=null][inverted] svg:first-of-type{animation:rotate-circle-inverted 1s infinite linear}smart-circular-progress-bar[indeterminate] svg:first-of-type,smart-circular-progress-bar[value=null] svg:first-of-type{animation:rotate-circle 1s infinite linear}.barber-shop-effect .smart-value{background-image:linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,transparent 75%,transparent);background-size:5rem 5rem;background-position:0 -244rem;animation:stripes 10s linear infinite;animation-direction:normal}.barber-shop-effect[inverted] .smart-value,.barber-shop-effect[orientation=vertical] .smart-value{animation-direction:reverse}@keyframes stripes{0%{background-position:0 0}100%{background-position:60rem 0}}@keyframes indeterminate{0%{left:-100%;transform:scaleX(.4);transform-origin:left}20%{left:-40%;transform:scaleX(.3);transform-origin:left}35%{left:35%;transform:scaleX(.4);transform-origin:left}50%{left:75%;transform:scaleX(.6);transform-origin:left}55%{left:100%;transform:scaleX(.7);transform-origin:left}55.99%{left:100%;transform:scaleX(0);transform-origin:left}56%{left:-100%;transform:scaleX(0);transform-origin:left}56.99%{left:-100%;transform:scaleX(.6);transform-origin:left}75%{left:-5%;transform:scaleX(.6);transform-origin:left}80%{left:30%;transform:scaleX(.5);transform-origin:left}85%{left:50%;transform:scaleX(.4);transform-origin:left}90%{left:75%;transform:scaleX(.3);transform-origin:left}95%{left:95%;transform:scaleX(.2);transform-origin:left}98%{left:100%;transform:scaleX(.2);transform-origin:left}99.99%{left:100%;transform:scaleX(0);transform-origin:left}100%{left:-100%;transform:scaleX(0);transform-origin:left}}@keyframes indeterminate-vertical{0%{bottom:-100%;transform:scaleY(.4);transform-origin:bottom}20%{bottom:-40%;transform:scaleY(.3);transform-origin:bottom}35%{bottom:35%;transform:scaleY(.4);transform-origin:bottom}50%{bottom:75%;transform:scaleY(.6);transform-origin:bottom}55%{bottom:100%;transform:scaleY(.7);transform-origin:bottom}55.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}56%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}56.99%{bottom:-100%;transform:scaleY(.6);transform-origin:bottom}75%{bottom:-5%;transform:scaleY(.6);transform-origin:bottom}80%{bottom:30%;transform:scaleY(.5);transform-origin:bottom}85%{bottom:50%;transform:scaleY(.4);transform-origin:bottom}90%{bottom:75%;transform:scaleY(.3);transform-origin:bottom}95%{bottom:95%;transform:scaleY(.2);transform-origin:bottom}98%{bottom:100%;transform:scaleY(.2);transform-origin:bottom}99.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}100%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}}@keyframes circle{0%{stroke-dashoffset:314}5%{stroke-dashoffset:164}25%{stroke-dashoffset:104}}@keyframes circle-inverted{0%{stroke-dashoffset:-314}5%{stroke-dashoffset:-164}25%{stroke-dashoffset:-104}}@keyframes rotate-circle{50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes rotate-circle-inverted{50%{transform:rotate(-180deg)}75%{transform:rotate(-270deg)}100%{transform:rotate(-360deg)}}smart-circular-progress-bar[right-to-left] .smart-label,smart-progress-bar[right-to-left] .smart-label{direction:rtl}smart-progress-bar[right-to-left]:not([orientation=vertical]) .smart-value,smart-progress-bar[right-to-left][orientation=horizontal] .smart-value{transform-origin:right}smart-progress-bar[right-to-left]:not([orientation=vertical])[inverted] .smart-value,smart-progress-bar[right-to-left][orientation=horizontal][inverted] .smart-value{transform-origin:left}smart-progress-bar[right-to-left]:not([orientation=vertical]) .smart-value.smart-value-animation,smart-progress-bar[right-to-left][orientation=horizontal] .smart-value.smart-value-animation{animation:indeterminate-inverted 3s infinite linear}smart-progress-bar[right-to-left][inverted]:not([orientation=vertical]) .smart-value.smart-value-animation,smart-progress-bar[right-to-left][inverted][orientation=horizontal] .smart-value.smart-value-animation{animation:indeterminate 3s infinite linear}smart-circular-progress-bar[right-to-left][inverted] svg:first-of-type .smart-value.smart-value-animation{animation:circle 2s infinite linear}smart-circular-progress-bar[right-to-left] svg:first-of-type .smart-value.smart-value-animation{animation:circle-inverted 2s infinite linear}smart-circular-progress-bar[right-to-left][indeterminate] svg:first-of-type,smart-circular-progress-bar[right-to-left][value=null] svg:first-of-type{animation:rotate-circle-inverted 1s infinite linear}smart-circular-progress-bar[right-to-left][indeterminate][inverted] svg:first-of-type,smart-circular-progress-bar[right-to-left][value=null][inverted] svg:first-of-type{animation:rotate-circle 1s infinite linear}.barber-shop-effect[right-to-left] .smart-value{animation-direction:reverse}.barber-shop-effect[right-to-left][inverted] .smart-value{animation-direction:normal}
1
+ .smart-circular-progress-bar.smart-element,smart-circular-progress-bar.smart-element,smart-progress-bar.smart-element{border:none}.smart-circular-progress-bar.smart-element:focus>.smart-container,smart-circular-progress-bar.smart-element:focus>.smart-container,smart-progress-bar.smart-element:focus>.smart-container{border-color:var(--smart-outline)}.smart-circular-progress-bar.smart-container,.smart-circular-progress-bar>.smart-container,smart-circular-progress-bar.smart-container,smart-circular-progress-bar>.smart-container,smart-progress-bar.smart-container,smart-progress-bar>.smart-container{border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);overflow:hidden;position:relative;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);color:var(--smart-background-color)}.smart-circular-progress-bar .smart-label,smart-circular-progress-bar .smart-label,smart-progress-bar .smart-label{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;text-align:center;color:var(--smart-background-color)}smart-progress-bar{width:var(--smart-progress-bar-default-width);height:var(--smart-progress-bar-default-height)}smart-progress-bar .smart-label{width:auto;color:var(--smart-outline)}smart-progress-bar .smart-value{outline:0;height:100%;width:100%;box-sizing:border-box;position:absolute;border:1px solid var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);transform-origin:left}smart-progress-bar .smart-value.smart-value-animation{animation:indeterminate 3s infinite linear}smart-progress-bar.primary .smart-value{border:1px solid var(--smart-primary);background-color:var(--smart-primary)}smart-progress-bar.secondary .smart-value{border:1px solid var(--smart-secondary);background-color:var(--smart-secondary)}smart-progress-bar.success .smart-value{border:1px solid var(--smart-success);background-color:var(--smart-success)}smart-progress-bar.info .smart-value{border:1px solid var(--smart-info);background-color:var(--smart-info)}smart-progress-bar.warning .smart-value{border:1px solid var(--smart-warning);background-color:var(--smart-warning)}smart-progress-bar.error .smart-value{border:1px solid var(--smart-error);background-color:var(--smart-error)}smart-progress-bar.light .smart-value{border:1px solid var(--smart-light);background-color:var(--smart-light)}smart-progress-bar.dark .smart-value{border:1px solid var(--smart-dark);background-color:var(--smart-dark)}smart-progress-bar:not([animation=none]) .smart-value{transition:.2s ease-in-out}smart-progress-bar[inverted] .smart-value,smart-progress-bar[orientation][inverted] .smart-value{transform-origin:right}smart-progress-bar[inverted] .smart-value.smart-value-animation{animation:indeterminate-inverted 3s infinite linear}smart-progress-bar[orientation] .smart-value{transform-origin:left}smart-progress-bar[orientation=vertical]{width:var(--smart-progress-bar-default-height);height:var(--smart-progress-bar-default-width)}smart-progress-bar[orientation=vertical][inverted] .smart-value{transform-origin:left bottom}smart-progress-bar[orientation=vertical] .smart-value{transform-origin:left top}smart-progress-bar[orientation=vertical] .smart-value.smart-value-animation{animation:indeterminate-vertical 3s infinite linear}smart-progress-bar[orientation=vertical] .smart-label{width:100%}smart-progress-bar[inverted][orientation=vertical] .smart-value.smart-value-animation{animation:indeterminate-vertical-inverted 3s infinite linear}.smart-circular-progress-bar,smart-circular-progress-bar{width:var(--smart-circular-progress-bar-default-size);height:var(--smart-circular-progress-bar-default-size)}.smart-circular-progress-bar.smart-container,.smart-circular-progress-bar>.smart-container,smart-circular-progress-bar.smart-container,smart-circular-progress-bar>.smart-container{border-radius:50%}.smart-circular-progress-bar .smart-value-animation-ms,smart-circular-progress-bar .smart-value-animation-ms{stroke-dashoffset:114}.smart-circular-progress-bar svg:first-of-type,smart-circular-progress-bar svg:first-of-type{position:absolute;border-radius:50%;pointer-events:none}.smart-circular-progress-bar svg:first-of-type .smart-value.smart-value-animation,smart-circular-progress-bar svg:first-of-type .smart-value.smart-value-animation{animation:circle 2s infinite linear}.smart-circular-progress-bar .smart-label-container,smart-circular-progress-bar .smart-label-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;box-sizing:content-box;border-radius:50%;background-color:transparent;border-style:solid;border-width:var(--smart-border-width);border-color:var(--smart-border);width:calc(100% - var(--smart-circular-progress-bar-fill-size));height:calc(100% - var(--smart-circular-progress-bar-fill-size))}.smart-circular-progress-bar .smart-value,.smart-circular-progress-bar .smart-value-path,smart-circular-progress-bar .smart-value,smart-circular-progress-bar .smart-value-path{stroke-width:var(--smart-circular-progress-bar-fill-size);fill:transparent;stroke-dasharray:314.159}.smart-circular-progress-bar .smart-value,smart-circular-progress-bar .smart-value{stroke:var(--smart-ui-state-active)}.smart-circular-progress-bar .smart-value-path,smart-circular-progress-bar .smart-value-path{stroke-dashoffset:0;stroke:transparent}.smart-circular-progress-bar.primary .smart-value,smart-circular-progress-bar.primary .smart-value{stroke:var(--smart-primary)}.smart-circular-progress-bar.secondary .smart-value,smart-circular-progress-bar.secondary .smart-value{stroke:var(--smart-secondary)}.smart-circular-progress-bar.success .smart-value,smart-circular-progress-bar.success .smart-value{stroke:var(--smart-success)}.smart-circular-progress-bar.info .smart-value,smart-circular-progress-bar.info .smart-value{stroke:var(--smart-info)}.smart-circular-progress-bar.warning .smart-value,smart-circular-progress-bar.warning .smart-value{stroke:var(--smart-warning)}.smart-circular-progress-bar.error .smart-value,smart-circular-progress-bar.error .smart-value{stroke:var(--smart-error)}.smart-circular-progress-bar.light .smart-value,smart-circular-progress-bar.light .smart-value{stroke:var(--smart-light)}.smart-circular-progress-bar.dark .smart-value,smart-circular-progress-bar.dark .smart-value{stroke:var(--smart-dark)}.smart-circular-progress-bar:not([animation=none]) .smart-value,smart-circular-progress-bar:not([animation=none]) .smart-value{transition:stroke-dashoffset 1s linear}.smart-circular-progress-bar[inverted] svg:first-of-type .smart-value.smart-value-animation,smart-circular-progress-bar[inverted] svg:first-of-type .smart-value.smart-value-animation{animation:circle-inverted 2s infinite linear}.smart-circular-progress-bar[indeterminate][inverted] svg:first-of-type,.smart-circular-progress-bar[value=null][inverted] svg:first-of-type,smart-circular-progress-bar[indeterminate][inverted] svg:first-of-type,smart-circular-progress-bar[value=null][inverted] svg:first-of-type{animation:rotate-circle-inverted 1s infinite linear}.smart-circular-progress-bar[indeterminate] svg:first-of-type,.smart-circular-progress-bar[value=null] svg:first-of-type,smart-circular-progress-bar[indeterminate] svg:first-of-type,smart-circular-progress-bar[value=null] svg:first-of-type{animation:rotate-circle 1s infinite linear}.barber-shop-effect .smart-value{background-image:linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,transparent 75%,transparent);background-size:5rem 5rem;background-position:0 -244rem;animation:stripes 10s linear infinite;animation-direction:normal}.barber-shop-effect[inverted] .smart-value,.barber-shop-effect[orientation=vertical] .smart-value{animation-direction:reverse}@keyframes stripes{0%{background-position:0 0}100%{background-position:60rem 0}}@keyframes indeterminate{0%{left:-100%;transform:scaleX(.4);transform-origin:left}20%{left:-40%;transform:scaleX(.3);transform-origin:left}35%{left:35%;transform:scaleX(.4);transform-origin:left}50%{left:75%;transform:scaleX(.6);transform-origin:left}55%{left:100%;transform:scaleX(.7);transform-origin:left}55.99%{left:100%;transform:scaleX(0);transform-origin:left}56%{left:-100%;transform:scaleX(0);transform-origin:left}56.99%{left:-100%;transform:scaleX(.6);transform-origin:left}75%{left:-5%;transform:scaleX(.6);transform-origin:left}80%{left:30%;transform:scaleX(.5);transform-origin:left}85%{left:50%;transform:scaleX(.4);transform-origin:left}90%{left:75%;transform:scaleX(.3);transform-origin:left}95%{left:95%;transform:scaleX(.2);transform-origin:left}98%{left:100%;transform:scaleX(.2);transform-origin:left}99.99%{left:100%;transform:scaleX(0);transform-origin:left}100%{left:-100%;transform:scaleX(0);transform-origin:left}}@keyframes indeterminate-vertical{0%{bottom:-100%;transform:scaleY(.4);transform-origin:bottom}20%{bottom:-40%;transform:scaleY(.3);transform-origin:bottom}35%{bottom:35%;transform:scaleY(.4);transform-origin:bottom}50%{bottom:75%;transform:scaleY(.6);transform-origin:bottom}55%{bottom:100%;transform:scaleY(.7);transform-origin:bottom}55.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}56%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}56.99%{bottom:-100%;transform:scaleY(.6);transform-origin:bottom}75%{bottom:-5%;transform:scaleY(.6);transform-origin:bottom}80%{bottom:30%;transform:scaleY(.5);transform-origin:bottom}85%{bottom:50%;transform:scaleY(.4);transform-origin:bottom}90%{bottom:75%;transform:scaleY(.3);transform-origin:bottom}95%{bottom:95%;transform:scaleY(.2);transform-origin:bottom}98%{bottom:100%;transform:scaleY(.2);transform-origin:bottom}99.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}100%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}}@keyframes circle{0%{stroke-dashoffset:314}5%{stroke-dashoffset:164}25%{stroke-dashoffset:104}}@keyframes circle-inverted{0%{stroke-dashoffset:-314}5%{stroke-dashoffset:-164}25%{stroke-dashoffset:-104}}@keyframes rotate-circle{50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes rotate-circle-inverted{50%{transform:rotate(-180deg)}75%{transform:rotate(-270deg)}100%{transform:rotate(-360deg)}}smart-circular-progress-bar[right-to-left] .smart-label,smart-progress-bar[right-to-left] .smart-label{direction:rtl}smart-progress-bar[right-to-left]:not([orientation=vertical]) .smart-value,smart-progress-bar[right-to-left][orientation=horizontal] .smart-value{transform-origin:right}smart-progress-bar[right-to-left]:not([orientation=vertical])[inverted] .smart-value,smart-progress-bar[right-to-left][orientation=horizontal][inverted] .smart-value{transform-origin:left}smart-progress-bar[right-to-left]:not([orientation=vertical]) .smart-value.smart-value-animation,smart-progress-bar[right-to-left][orientation=horizontal] .smart-value.smart-value-animation{animation:indeterminate-inverted 3s infinite linear}smart-progress-bar[right-to-left][inverted]:not([orientation=vertical]) .smart-value.smart-value-animation,smart-progress-bar[right-to-left][inverted][orientation=horizontal] .smart-value.smart-value-animation{animation:indeterminate 3s infinite linear}smart-circular-progress-bar[right-to-left][inverted] svg:first-of-type .smart-value.smart-value-animation{animation:circle 2s infinite linear}smart-circular-progress-bar[right-to-left] svg:first-of-type .smart-value.smart-value-animation{animation:circle-inverted 2s infinite linear}smart-circular-progress-bar[right-to-left][indeterminate] svg:first-of-type,smart-circular-progress-bar[right-to-left][value=null] svg:first-of-type{animation:rotate-circle-inverted 1s infinite linear}smart-circular-progress-bar[right-to-left][indeterminate][inverted] svg:first-of-type,smart-circular-progress-bar[right-to-left][value=null][inverted] svg:first-of-type{animation:rotate-circle 1s infinite linear}.barber-shop-effect[right-to-left] .smart-value{animation-direction:reverse}.barber-shop-effect[right-to-left][inverted] .smart-value{animation-direction:normal}
2
2
  smart-file-upload{display:inline-block;width:var(--smart-file-upload-default-width);font-size:var(--smart-file-upload-font-size);font-family:var(--smart-file-upload-font-family);color:var(--smart-file-upload-color);overflow:hidden;box-sizing:border-box;border:var(--smart-file-upload-border-width) dashed var(--smart-file-upload-border);background-color:var(--smart-file-upload-background);min-width:200px;min-height:100px}smart-file-upload .smart-selected-files .smart-file.smart-hidden,smart-file-upload .smart-total-files.smart-hidden,smart-file-upload[show-progress] .smart-file smart-progress-bar{display:none}smart-file-upload[disabled]{opacity:.55;cursor:default}smart-file-upload[show-progress] .smart-file smart-progress-bar[value]{display:block}.smart-file.smart-uploading-start:before{width:100%;height:100%;position:absolute;left:0;top:0;font-family:arial;content:var(--smart-file-upload-text-content-uploading-start);background-color:#c1c1c169;opacity:1;display:flex;justify-content:flex-end;flex-direction:column;box-sizing:border-box;font-size:11px;color:#737373;padding:0 0 2px 5px;pointer-events:none;z-index:1;animation:connecting 1s linear infinite}.smart-file.smart-pause:before,.smart-file.smart-uploading:before{justify-content:flex-end;height:100%;display:flex;font-size:11px;padding:0 0 2px 5px;z-index:1;position:absolute;left:0;font-family:arial;pointer-events:none;box-sizing:border-box;top:0}.smart-file.smart-uploading:before{content:var(--smart-file-upload-text-content-uploading);width:100%;background-color:#c1c1c169;opacity:1;flex-direction:column;color:var(--smart-ui-state)}.smart-file.smart-uploading .smart-item-upload-button{pointer-events:none}.smart-file.smart-uploading .smart-item-name{opacity:.2;user-select:none}.smart-file.smart-pause:before{content:var(--smart-file-upload-text-content-pause);width:100%;background-color:#f0030;border-radius:3px;opacity:.8;flex-direction:column;color:#8a0000}.smart-file.smart-error:before{font-family:arial;position:absolute;left:0;top:0;content:var(--smart-file-upload-text-content-error);width:100%;height:100%;background-color:var(--smart-error);border-radius:var(--smart-error-border-radius);opacity:0;display:flex;justify-content:flex-end;flex-direction:column;box-sizing:border-box;font-size:11px;color:var(--smart-on-error);padding:0 0 2px 5px;pointer-events:none;z-index:1;animation:error 6s linear 1}.smart-file.smart-error smart-progress-bar,.smart-selected-files .smart-uploading .smart-item-upload-button{opacity:.3}.smart-file smart-progress-bar{display:none;width:100%;height:4px;position:absolute;bottom:0;left:0}.smart-file smart-progress-bar .smart-container{border-style:none}.smart-file smart-progress-bar .smart-value{background-color:orange}.smart-file-upload .smart-file-upload-container,.smart-file-upload .smart-file-upload-footer,.smart-file-upload .smart-file-upload-header{padding:5px;width:100%;box-sizing:border-box}.smart-file-upload .smart-browse-button{display:block;margin:4px;width:var(--smart-file-upload-browse-button-width);height:var(--smart-file-upload-browse-button-height)}.smart-file-upload .smart-cancel-all-button,.smart-file-upload .smart-pause-all-button,.smart-file-upload .smart-upload-all-button{width:var(--smart-file-upload-footer-button-width);height:var(--smart-file-upload-footer-button-height);margin:4px}.smart-file-upload .smart-browse-input{display:none}.smart-file-upload .smart-drop-zone{display:none;width:100%;height:100px}.smart-file-upload .smart-total-files{font-family:arial;font-size:12px;color:gray;display:block;box-sizing:border-box;padding:0 0 2px 5px}.smart-file-upload .smart-total-files:empty,.smart-file-upload[hide-footer] .smart-file-upload-footer{display:none}.smart-file-upload[disabled] .smart-file-upload-container{pointer-events:none;user-select:none}.smart-file-upload[drop-zone] .smart-drop-zone{display:block}.smart-file-upload[drop-zone] .smart-overflow .smart-drop-zone{display:none}.smart-drop-zone{width:100%;height:100%;background-color:var(--smart-background);position:relative;box-sizing:border-box;border:1px dotted #d3d3d3}.smart-drop-zone:after{font-family:var(--smart-font-family-icon);overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;flex-direction:column;height:100%;width:100%;text-align:center;content:var(--smart-file-upload-text-content-drop-zone);color:var(--smart-ui-state);box-sizing:border-box;border:5px dashed transparent;transition:border .5s ease-out}.smart-drop-zone.smart-drag-over:after,[data-theme=modern] .smart-drop-zone.smart-drag-over:after{content:var(--smart-file-upload-text-content-drop-zone-over);transition:border .5s ease-out;animation:drop-zone 1s ease-in infinite}.smart-drop-zone.smart-drag-over:after{font-size:50px;border:3px dashed var(--smart-background-border)}[data-theme=modern]{--smart-file-upload-text-content-drop-zone-over:"Drop here"}[data-theme=modern] .smart-drop-zone{border:2px dashed var(--smart-surface);width:100%;background-size:contain;background-repeat:no-repeat;background-position:bottom center;padding:10px;display:flex;justify-content:center;align-items:center}[data-theme=modern] .smart-drop-zone:after{font-family:Verdana;font-size:.875rem;font-weight:400;line-height:1.5}[data-theme=modern] .smart-drop-zone:hover{border-color:var(--smart-primary);background-color:rgba(var(--smart-primary-rgb),.1)}[data-theme=modern] .smart-drop-zone.smart-drag-over:after{border-color:transparent;font-size:2.5rem}.smart-selected-files .smart-item-cancel-button:after,.smart-selected-files .smart-item-pause-button:after,.smart-selected-files .smart-item-upload-button:after{font-family:var(--smart-font-family-icon);font-size:16px;text-shadow:2px 2px 2px #d3d3d3;left:0}.smart-selected-files{width:100%;height:100%;display:block;box-sizing:border-box;padding:2px}.smart-selected-files .smart-file{height:auto;position:relative;display:block;box-sizing:border-box;border:1px solid #d3d3d3;padding:10px;border-radius:3px;margin-bottom:1px;background-color:#fafafa;transition:border-color .5s ease}.smart-selected-files .smart-file:hover{transition:border-color .5s ease;border-color:gray}.smart-selected-files .smart-item-pause-button{pointer-events:none;box-sizing:border-box;height:16px;position:relative;width:16px;color:#999;transition:color .5s ease;display:none}.smart-selected-files .smart-item-pause-button:after{position:absolute;top:0;content:var(--smart-icon-close)}.smart-selected-files .smart-item-cancel-button{display:inline-block;box-sizing:border-box;height:16px;position:relative;width:16px;color:#999;transition:color .5s ease}.smart-selected-files .smart-item-cancel-button:after{position:absolute;top:0;content:var(--smart-icon-close)}.smart-selected-files .smart-item-cancel-button:hover{cursor:pointer;transition:color .5s ease;color:orange}.smart-selected-files .smart-item-upload-button{display:inline-block;box-sizing:border-box;height:16px;position:relative;width:16px;color:#999;transition:color .5s ease}.smart-selected-files .smart-item-upload-button:after{content:var(--smart-icon-up);position:absolute;top:0}.smart-selected-files .smart-item-upload-button:hover{cursor:pointer;color:var(--smart-success);transition:color .5s ease}.smart-selected-files .smart-item-name{display:inline-block;box-sizing:border-box;position:relative;width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;height:auto}.smart-selected-files .smart-uploading .smart-item-name{width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;height:auto}.smart-selected-files .smart-uploading .smart-item-pause-button{display:inline-block;cursor:pointer;pointer-events:all;transition:color .5s,opacity .5s ease;color:#dc1919;opacity:.5}.smart-selected-files .smart-uploading .smart-item-pause-button:hover{transition:color .5s,opacity .5s ease;color:red;opacity:1}.smart-selected-files .smart-uploading .smart-item-cancel-button{display:inline-block;cursor:pointer;pointer-events:all;transition:color .5s,opacity .5s ease;opacity:.5;color:#ff8c00}.smart-selected-files .smart-uploading .smart-item-cancel-button:hover{transition:color .5s,opacity .5s ease;color:orange;opacity:1}.smart-drop-zone-square{position:relative}.smart-drop-zone-square:before{content:"";display:block;padding-bottom:100%}.smart-drop-zone-square .smart-drop-zone{position:absolute;top:0;bottom:0;left:0;right:0}.smart-drop-zone-square.smart-drop-zone-small{min-width:115px}.smart-drop-zone-small{position:relative;width:auto;display:inline-block}.smart-drop-zone-small .smart-drop-zone.smart-drag-over:after{font-size:1.25rem}.smart-drop-zone-images-only .smart-drop-zone{display:flex;align-items:center;flex-flow:column;justify-content:space-evenly}.smart-drop-zone-images-only .smart-drop-zone:after{height:auto}.smart-drop-zone-images-only .smart-drop-zone:before{display:block;content:'';background-image:url(../images/dropable_zone_image.svg);width:70px;height:55px;background-size:contain;background-position:center center}@-webkit-keyframes connecting{0%,100%{color:#73737350}50%{color:#73737399}}@-webkit-keyframes drop-zone{0%,100%{color:#b1b1b100}50%{color:#b1b1b199}}@-webkit-keyframes rotating{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes error{0%{opacity:.8;background-color:#f0015}3%,9%{background-color:#f0040}12%,6%{background-color:#f0015}80%{opacity:.8}100%{opacity:0}}.smart-drop-zone[right-to-left],.smart-file[right-to-left],smart-file-upload[right-to-left]>.smart-container{direction:rtl}