@cldemo/ui-kit 1.0.11 → 1.0.12

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 (486) hide show
  1. package/README.md +25 -34
  2. package/buildLibs/all/index-CC-QQbdN.js.map +1 -1
  3. package/buildLibs/all/index-DLU7C9Gr.cjs.map +1 -1
  4. package/buildLibs/common/globalTypes.d.ts +58 -0
  5. package/buildLibs/mobile/index-Cl1XiodI.cjs.map +1 -1
  6. package/buildLibs/mobile/index-CxaLVjRS.js.map +1 -1
  7. package/buildLibs/modules/actionBar.cjs +5 -0
  8. package/buildLibs/modules/actionBar.d.ts +3 -0
  9. package/buildLibs/modules/actionSheet.cjs +5 -0
  10. package/buildLibs/modules/actionSheet.d.ts +3 -0
  11. package/buildLibs/modules/anchorNav.cjs +5 -0
  12. package/buildLibs/modules/anchorNav.d.ts +3 -0
  13. package/buildLibs/modules/areaM.cjs +5 -0
  14. package/buildLibs/modules/areaM.d.ts +3 -0
  15. package/buildLibs/modules/backTop.cjs +5 -0
  16. package/buildLibs/modules/backTop.d.ts +3 -0
  17. package/buildLibs/modules/badge.cjs +5 -0
  18. package/buildLibs/modules/badge.d.ts +3 -0
  19. package/buildLibs/modules/banner.cjs +5 -0
  20. package/buildLibs/modules/banner.d.ts +3 -0
  21. package/buildLibs/modules/breadcrumb.cjs +5 -0
  22. package/buildLibs/modules/breadcrumb.d.ts +3 -0
  23. package/buildLibs/modules/button.cjs +5 -0
  24. package/buildLibs/modules/button.d.ts +3 -0
  25. package/buildLibs/modules/calendar.cjs +5 -0
  26. package/buildLibs/modules/calendar.d.ts +3 -0
  27. package/buildLibs/modules/calendarM.cjs +5 -0
  28. package/buildLibs/modules/calendarM.d.ts +3 -0
  29. package/buildLibs/modules/callout.cjs +5 -0
  30. package/buildLibs/modules/callout.d.ts +3 -0
  31. package/buildLibs/modules/card.cjs +5 -0
  32. package/buildLibs/modules/card.d.ts +3 -0
  33. package/buildLibs/modules/cardColor.cjs +5 -0
  34. package/buildLibs/modules/cardColor.d.ts +3 -0
  35. package/buildLibs/modules/cell.cjs +5 -0
  36. package/buildLibs/modules/cell.d.ts +3 -0
  37. package/buildLibs/modules/cellSwipe.cjs +5 -0
  38. package/buildLibs/modules/cellSwipe.d.ts +3 -0
  39. package/buildLibs/modules/checkbox.cjs +5 -0
  40. package/buildLibs/modules/checkbox.d.ts +3 -0
  41. package/buildLibs/modules/checkboxOne.cjs +5 -0
  42. package/buildLibs/modules/checkboxOne.d.ts +3 -0
  43. package/buildLibs/modules/clipboard.cjs +5 -0
  44. package/buildLibs/modules/clipboard.d.ts +3 -0
  45. package/buildLibs/modules/codeLegend.cjs +5 -0
  46. package/buildLibs/modules/codeLegend.d.ts +3 -0
  47. package/buildLibs/modules/codeLegendM.cjs +5 -0
  48. package/buildLibs/modules/codeLegendM.d.ts +3 -0
  49. package/buildLibs/modules/collapse.cjs +5 -0
  50. package/buildLibs/modules/collapse.d.ts +3 -0
  51. package/buildLibs/modules/colorpicker.cjs +5 -0
  52. package/buildLibs/modules/colorpicker.d.ts +3 -0
  53. package/buildLibs/modules/countDown.cjs +5 -0
  54. package/buildLibs/modules/countDown.d.ts +3 -0
  55. package/buildLibs/modules/countUp.cjs +5 -0
  56. package/buildLibs/modules/countUp.d.ts +3 -0
  57. package/buildLibs/modules/cropper.cjs +5 -0
  58. package/buildLibs/modules/cropper.d.ts +3 -0
  59. package/buildLibs/modules/cropperPreview.cjs +5 -0
  60. package/buildLibs/modules/cropperPreview.d.ts +3 -0
  61. package/buildLibs/modules/darg.cjs +5 -0
  62. package/buildLibs/modules/darg.d.ts +3 -0
  63. package/buildLibs/modules/datetime.cjs +5 -0
  64. package/buildLibs/modules/datetime.d.ts +3 -0
  65. package/buildLibs/modules/divider.cjs +5 -0
  66. package/buildLibs/modules/divider.d.ts +3 -0
  67. package/buildLibs/modules/dropdownMenu.cjs +5 -0
  68. package/buildLibs/modules/dropdownMenu.d.ts +3 -0
  69. package/buildLibs/modules/dropdownMenuItem.cjs +5 -0
  70. package/buildLibs/modules/dropdownMenuItem.d.ts +3 -0
  71. package/buildLibs/modules/dropdownMenuM.cjs +5 -0
  72. package/buildLibs/modules/dropdownMenuM.d.ts +3 -0
  73. package/buildLibs/modules/dropdownMenuMItem.cjs +5 -0
  74. package/buildLibs/modules/dropdownMenuMItem.d.ts +3 -0
  75. package/buildLibs/modules/dropdownPopup.cjs +5 -0
  76. package/buildLibs/modules/dropdownPopup.d.ts +3 -0
  77. package/buildLibs/modules/echarts.cjs +5 -0
  78. package/buildLibs/modules/echarts.d.ts +3 -0
  79. package/buildLibs/modules/echartsLineAxisTag.cjs +5 -0
  80. package/buildLibs/modules/echartsLineAxisTag.d.ts +3 -0
  81. package/buildLibs/modules/ellipsis.cjs +5 -0
  82. package/buildLibs/modules/ellipsis.d.ts +3 -0
  83. package/buildLibs/modules/empty.cjs +5 -0
  84. package/buildLibs/modules/empty.d.ts +3 -0
  85. package/buildLibs/modules/fileUpload.cjs +5 -0
  86. package/buildLibs/modules/fileUpload.d.ts +3 -0
  87. package/buildLibs/modules/floatingBubble.cjs +5 -0
  88. package/buildLibs/modules/floatingBubble.d.ts +3 -0
  89. package/buildLibs/modules/floatingPanel.cjs +5 -0
  90. package/buildLibs/modules/floatingPanel.d.ts +3 -0
  91. package/buildLibs/modules/form.cjs +5 -0
  92. package/buildLibs/modules/form.d.ts +3 -0
  93. package/buildLibs/modules/formGroup.cjs +5 -0
  94. package/buildLibs/modules/formGroup.d.ts +3 -0
  95. package/buildLibs/modules/formValidate.cjs +5 -0
  96. package/buildLibs/modules/formValidate.d.ts +3 -0
  97. package/buildLibs/modules/framePhone.cjs +5 -0
  98. package/buildLibs/modules/framePhone.d.ts +3 -0
  99. package/buildLibs/modules/grid.cjs +5 -0
  100. package/buildLibs/modules/grid.d.ts +3 -0
  101. package/buildLibs/modules/highlightM.cjs +5 -0
  102. package/buildLibs/modules/highlightM.d.ts +3 -0
  103. package/buildLibs/modules/iconFont.cjs +5 -0
  104. package/buildLibs/modules/iconFont.d.ts +3 -0
  105. package/buildLibs/modules/image.cjs +5 -0
  106. package/buildLibs/modules/image.d.ts +3 -0
  107. package/buildLibs/modules/indexBar.cjs +5 -0
  108. package/buildLibs/modules/indexBar.d.ts +3 -0
  109. package/buildLibs/modules/input.cjs +5 -0
  110. package/buildLibs/modules/input.d.ts +3 -0
  111. package/buildLibs/modules/inputCaptcha.cjs +5 -0
  112. package/buildLibs/modules/inputCaptcha.d.ts +3 -0
  113. package/buildLibs/modules/inputNumber.cjs +5 -0
  114. package/buildLibs/modules/inputNumber.d.ts +3 -0
  115. package/buildLibs/modules/inputNumberStepper.cjs +5 -0
  116. package/buildLibs/modules/inputNumberStepper.d.ts +3 -0
  117. package/buildLibs/modules/inputOtp.cjs +5 -0
  118. package/buildLibs/modules/inputOtp.d.ts +3 -0
  119. package/buildLibs/modules/inputPassword.cjs +5 -0
  120. package/buildLibs/modules/inputPassword.d.ts +3 -0
  121. package/buildLibs/modules/inputSearch.cjs +5 -0
  122. package/buildLibs/modules/inputSearch.d.ts +3 -0
  123. package/buildLibs/modules/inputTag.cjs +5 -0
  124. package/buildLibs/modules/inputTag.d.ts +3 -0
  125. package/buildLibs/modules/inputTextarea.cjs +5 -0
  126. package/buildLibs/modules/inputTextarea.d.ts +3 -0
  127. package/buildLibs/modules/link.cjs +5 -0
  128. package/buildLibs/modules/link.d.ts +3 -0
  129. package/buildLibs/modules/load.cjs +5 -0
  130. package/buildLibs/modules/load.d.ts +3 -0
  131. package/buildLibs/modules/loadFullCenter.cjs +5 -0
  132. package/buildLibs/modules/loadFullCenter.d.ts +3 -0
  133. package/buildLibs/modules/loadIng.cjs +5 -0
  134. package/buildLibs/modules/loadIng.d.ts +3 -0
  135. package/buildLibs/modules/loadScreen.cjs +5 -0
  136. package/buildLibs/modules/loadScreen.d.ts +3 -0
  137. package/buildLibs/modules/loadWarp.cjs +5 -0
  138. package/buildLibs/modules/loadWarp.d.ts +3 -0
  139. package/buildLibs/modules/modal.cjs +5 -0
  140. package/buildLibs/modules/modal.d.ts +3 -0
  141. package/buildLibs/modules/navBar.cjs +5 -0
  142. package/buildLibs/modules/navBar.d.ts +3 -0
  143. package/buildLibs/modules/noticeBar.cjs +5 -0
  144. package/buildLibs/modules/noticeBar.d.ts +3 -0
  145. package/buildLibs/modules/notifyM.cjs +5 -0
  146. package/buildLibs/modules/notifyM.d.ts +3 -0
  147. package/buildLibs/modules/numberKeyboard.cjs +5 -0
  148. package/buildLibs/modules/numberKeyboard.d.ts +3 -0
  149. package/buildLibs/modules/overlay.cjs +5 -0
  150. package/buildLibs/modules/overlay.d.ts +3 -0
  151. package/buildLibs/modules/paginate.cjs +5 -0
  152. package/buildLibs/modules/paginate.d.ts +3 -0
  153. package/buildLibs/modules/picker.cjs +5 -0
  154. package/buildLibs/modules/picker.d.ts +3 -0
  155. package/buildLibs/modules/pickerCascader.cjs +5 -0
  156. package/buildLibs/modules/pickerCascader.d.ts +3 -0
  157. package/buildLibs/modules/pickerDate.cjs +5 -0
  158. package/buildLibs/modules/pickerDate.d.ts +3 -0
  159. package/buildLibs/modules/pickerTime.cjs +5 -0
  160. package/buildLibs/modules/pickerTime.d.ts +3 -0
  161. package/buildLibs/modules/popup.cjs +5 -0
  162. package/buildLibs/modules/popup.d.ts +3 -0
  163. package/buildLibs/modules/portlet.cjs +5 -0
  164. package/buildLibs/modules/portlet.d.ts +3 -0
  165. package/buildLibs/modules/previewExample.cjs +5 -0
  166. package/buildLibs/modules/previewExample.d.ts +3 -0
  167. package/buildLibs/modules/progress.cjs +5 -0
  168. package/buildLibs/modules/progress.d.ts +3 -0
  169. package/buildLibs/modules/pullToRefresh.cjs +5 -0
  170. package/buildLibs/modules/pullToRefresh.d.ts +3 -0
  171. package/buildLibs/modules/radio.cjs +5 -0
  172. package/buildLibs/modules/radio.d.ts +3 -0
  173. package/buildLibs/modules/radioOne.cjs +5 -0
  174. package/buildLibs/modules/radioOne.d.ts +3 -0
  175. package/buildLibs/modules/rate.cjs +5 -0
  176. package/buildLibs/modules/rate.d.ts +3 -0
  177. package/buildLibs/modules/scrollCard.cjs +5 -0
  178. package/buildLibs/modules/scrollCard.d.ts +3 -0
  179. package/buildLibs/modules/scrollXFence.cjs +5 -0
  180. package/buildLibs/modules/scrollXFence.d.ts +3 -0
  181. package/buildLibs/modules/select.cjs +5 -0
  182. package/buildLibs/modules/select.d.ts +3 -0
  183. package/buildLibs/modules/selectCascade.cjs +5 -0
  184. package/buildLibs/modules/selectCascade.d.ts +3 -0
  185. package/buildLibs/modules/selectTag.cjs +5 -0
  186. package/buildLibs/modules/selectTag.d.ts +3 -0
  187. package/buildLibs/modules/selectTree.cjs +5 -0
  188. package/buildLibs/modules/selectTree.d.ts +3 -0
  189. package/buildLibs/modules/selectmove.cjs +5 -0
  190. package/buildLibs/modules/selectmove.d.ts +3 -0
  191. package/buildLibs/modules/shareSheet.cjs +5 -0
  192. package/buildLibs/modules/shareSheet.d.ts +3 -0
  193. package/buildLibs/modules/sidebar.cjs +5 -0
  194. package/buildLibs/modules/sidebar.d.ts +3 -0
  195. package/buildLibs/modules/sidebarSelect.cjs +5 -0
  196. package/buildLibs/modules/sidebarSelect.d.ts +3 -0
  197. package/buildLibs/modules/sidemenu.cjs +5 -0
  198. package/buildLibs/modules/sidemenu.d.ts +3 -0
  199. package/buildLibs/modules/signature.cjs +5 -0
  200. package/buildLibs/modules/signature.d.ts +3 -0
  201. package/buildLibs/modules/slider.cjs +5 -0
  202. package/buildLibs/modules/slider.d.ts +3 -0
  203. package/buildLibs/modules/steps.cjs +5 -0
  204. package/buildLibs/modules/steps.d.ts +3 -0
  205. package/buildLibs/modules/swipe.cjs +5 -0
  206. package/buildLibs/modules/swipe.d.ts +3 -0
  207. package/buildLibs/modules/switchery.cjs +5 -0
  208. package/buildLibs/modules/switchery.d.ts +3 -0
  209. package/buildLibs/modules/tabM.cjs +5 -0
  210. package/buildLibs/modules/tabM.d.ts +3 -0
  211. package/buildLibs/modules/tabbar.cjs +5 -0
  212. package/buildLibs/modules/tabbar.d.ts +3 -0
  213. package/buildLibs/modules/table.cjs +5 -0
  214. package/buildLibs/modules/table.d.ts +3 -0
  215. package/buildLibs/modules/tableEdit.cjs +5 -0
  216. package/buildLibs/modules/tableEdit.d.ts +3 -0
  217. package/buildLibs/modules/tableSimple.cjs +5 -0
  218. package/buildLibs/modules/tableSimple.d.ts +3 -0
  219. package/buildLibs/modules/tabs.cjs +5 -0
  220. package/buildLibs/modules/tabs.d.ts +3 -0
  221. package/buildLibs/modules/tags.cjs +5 -0
  222. package/buildLibs/modules/tags.d.ts +3 -0
  223. package/buildLibs/modules/toast.cjs +5 -0
  224. package/buildLibs/modules/toast.d.ts +3 -0
  225. package/buildLibs/modules/transitionSlideupdown.cjs +5 -0
  226. package/buildLibs/modules/transitionSlideupdown.d.ts +3 -0
  227. package/buildLibs/modules/tree.cjs +5 -0
  228. package/buildLibs/modules/tree.d.ts +3 -0
  229. package/buildLibs/modules/waterfall.cjs +5 -0
  230. package/buildLibs/modules/waterfall.d.ts +3 -0
  231. package/buildLibs/modules/waterfallImage.cjs +5 -0
  232. package/buildLibs/modules/waterfallImage.d.ts +3 -0
  233. package/buildLibs/modules/watermark.cjs +5 -0
  234. package/buildLibs/modules/watermark.d.ts +3 -0
  235. package/buildLibs/modules/weekhour.cjs +5 -0
  236. package/buildLibs/modules/weekhour.d.ts +3 -0
  237. package/buildLibs/modules/xeditable.cjs +5 -0
  238. package/buildLibs/modules/xeditable.d.ts +3 -0
  239. package/buildLibs/resolver/index.cjs +1 -1
  240. package/buildLibs/resolver/index.cjs.map +1 -1
  241. package/buildLibs/resolver/index.js +1 -1
  242. package/buildLibs/resolver/index.js.map +1 -1
  243. package/buildLibs/resolver/resolver.d.ts +2 -1
  244. package/buildLibs/styles/Element/ClBadge.css +58 -0
  245. package/buildLibs/styles/Element/ClBreadcrumb.css +55 -0
  246. package/buildLibs/styles/Element/ClButton.css +2453 -0
  247. package/buildLibs/styles/Element/ClCallout.css +33 -0
  248. package/buildLibs/styles/Element/ClCard.css +99 -0
  249. package/buildLibs/styles/Element/ClCardColor.css +16 -0
  250. package/buildLibs/styles/Element/ClCheckbox.css +441 -0
  251. package/buildLibs/styles/Element/ClCheckboxOne.css +441 -0
  252. package/buildLibs/styles/Element/ClClipboard.css +185 -0
  253. package/buildLibs/styles/Element/ClCollapse.css +226 -0
  254. package/buildLibs/styles/Element/ClCountDown.css +17 -0
  255. package/buildLibs/styles/Element/ClCountUp.css +0 -0
  256. package/buildLibs/styles/Element/ClCropper.css +3045 -0
  257. package/buildLibs/styles/Element/ClDarg.css +37 -0
  258. package/buildLibs/styles/Element/ClDivider.css +82 -0
  259. package/buildLibs/styles/Element/ClEllipsis.css +167 -0
  260. package/buildLibs/styles/Element/ClEmpty.css +34 -0
  261. package/buildLibs/styles/Element/ClForm.css +268 -0
  262. package/buildLibs/styles/Element/ClFormGroup.css +228 -0
  263. package/buildLibs/styles/Element/ClFormValidate.css +290 -0
  264. package/buildLibs/styles/Element/ClIconFont.css +155 -0
  265. package/buildLibs/styles/Element/ClImage.css +27 -0
  266. package/buildLibs/styles/Element/ClInput.css +443 -0
  267. package/buildLibs/styles/Element/ClInputCaptcha.css +556 -0
  268. package/buildLibs/styles/Element/ClInputNumber.css +443 -0
  269. package/buildLibs/styles/Element/ClInputNumberStepper.css +716 -0
  270. package/buildLibs/styles/Element/ClInputPassword.css +461 -0
  271. package/buildLibs/styles/Element/ClInputSearch.css +485 -0
  272. package/buildLibs/styles/Element/ClInputTextarea.css +217 -0
  273. package/buildLibs/styles/Element/ClLink.css +113 -0
  274. package/buildLibs/styles/Element/ClLoad.css +1830 -0
  275. package/buildLibs/styles/Element/ClLoadFullCenter.css +1872 -0
  276. package/buildLibs/styles/Element/ClLoadIng.css +1859 -0
  277. package/buildLibs/styles/Element/ClLoadScreen.css +1884 -0
  278. package/buildLibs/styles/Element/ClLoadWarp.css +1865 -0
  279. package/buildLibs/styles/Element/ClModal.css +2882 -0
  280. package/buildLibs/styles/Element/ClOverlay.css +32 -0
  281. package/buildLibs/styles/Element/ClProgress.css +145 -0
  282. package/buildLibs/styles/Element/ClRadio.css +437 -0
  283. package/buildLibs/styles/Element/ClRadioOne.css +437 -0
  284. package/buildLibs/styles/Element/ClSlider.css +400 -0
  285. package/buildLibs/styles/Element/ClSwitchery.css +1926 -0
  286. package/buildLibs/styles/Element/ClTags.css +297 -0
  287. package/buildLibs/styles/Element/ClTransitionSlideupdown.css +8 -0
  288. package/buildLibs/styles/Element/ClWaterfall.css +15 -0
  289. package/buildLibs/styles/Element/ClWaterfallImage.css +18 -0
  290. package/buildLibs/styles/Mobile/ClActionBar.css +64 -0
  291. package/buildLibs/styles/Mobile/ClActionSheet.css +2221 -0
  292. package/buildLibs/styles/Mobile/ClAreaM.css +100 -0
  293. package/buildLibs/styles/Mobile/ClBackTop.css +192 -0
  294. package/buildLibs/styles/Mobile/ClBanner.css +364 -0
  295. package/buildLibs/styles/Mobile/ClCalendarM.css +501 -0
  296. package/buildLibs/styles/Mobile/ClCell.css +230 -0
  297. package/buildLibs/styles/Mobile/ClCellSwipe.css +40 -0
  298. package/buildLibs/styles/Mobile/ClCodeLegendM.css +379 -0
  299. package/buildLibs/styles/Mobile/ClDropdownMenuM.css +162 -0
  300. package/buildLibs/styles/Mobile/ClDropdownMenuMItem.css +2145 -0
  301. package/buildLibs/styles/Mobile/ClFloatingBubble.css +18 -0
  302. package/buildLibs/styles/Mobile/ClFloatingPanel.css +86 -0
  303. package/buildLibs/styles/Mobile/ClGrid.css +84 -0
  304. package/buildLibs/styles/Mobile/ClHighlightM.css +15 -0
  305. package/buildLibs/styles/Mobile/ClIndexBar.css +49 -0
  306. package/buildLibs/styles/Mobile/ClInputOtp.css +86 -0
  307. package/buildLibs/styles/Mobile/ClNavBar.css +222 -0
  308. package/buildLibs/styles/Mobile/ClNoticeBar.css +216 -0
  309. package/buildLibs/styles/Mobile/ClNotifyM.css +55 -0
  310. package/buildLibs/styles/Mobile/ClNumberKeyboard.css +2676 -0
  311. package/buildLibs/styles/Mobile/ClPicker.css +1997 -0
  312. package/buildLibs/styles/Mobile/ClPickerCascader.css +250 -0
  313. package/buildLibs/styles/Mobile/ClPickerDate.css +2112 -0
  314. package/buildLibs/styles/Mobile/ClPickerTime.css +2112 -0
  315. package/buildLibs/styles/Mobile/ClPopup.css +115 -0
  316. package/buildLibs/styles/Mobile/ClPullToRefresh.css +1944 -0
  317. package/buildLibs/styles/Mobile/ClRate.css +232 -0
  318. package/buildLibs/styles/Mobile/ClScrollCard.css +2075 -0
  319. package/buildLibs/styles/Mobile/ClShareSheet.css +203 -0
  320. package/buildLibs/styles/Mobile/ClSidebar.css +60 -0
  321. package/buildLibs/styles/Mobile/ClSidebarSelect.css +61 -0
  322. package/buildLibs/styles/Mobile/ClSignature.css +51 -0
  323. package/buildLibs/styles/Mobile/ClSteps.css +117 -0
  324. package/buildLibs/styles/Mobile/ClSwipe.css +42 -0
  325. package/buildLibs/styles/Mobile/ClTabM.css +54 -0
  326. package/buildLibs/styles/Mobile/ClTabbar.css +275 -0
  327. package/buildLibs/styles/Mobile/ClToast.css +2072 -0
  328. package/buildLibs/styles/Mobile/ClWatermark.css +17 -0
  329. package/buildLibs/styles/Web/ClAnchorNav.css +388 -0
  330. package/buildLibs/styles/Web/ClCalendar.css +318 -0
  331. package/buildLibs/styles/Web/ClCodeLegend.css +368 -0
  332. package/buildLibs/styles/Web/ClColorpicker.css +1162 -0
  333. package/buildLibs/styles/Web/ClCropperPreview.css +3708 -0
  334. package/buildLibs/styles/Web/ClDatetime.css +4301 -0
  335. package/buildLibs/styles/Web/ClDropdownMenu.css +507 -0
  336. package/buildLibs/styles/Web/ClDropdownMenuItem.css +119 -0
  337. package/buildLibs/styles/Web/ClDropdownPopup.css +323 -0
  338. package/buildLibs/styles/Web/ClEcharts.css +1862 -0
  339. package/buildLibs/styles/Web/ClEchartsLineAxisTag.css +2515 -0
  340. package/buildLibs/styles/Web/ClFileUpload.css +3049 -0
  341. package/buildLibs/styles/Web/ClFramePhone.css +105 -0
  342. package/buildLibs/styles/Web/ClInputTag.css +3533 -0
  343. package/buildLibs/styles/Web/ClPaginate.css +1796 -0
  344. package/buildLibs/styles/Web/ClPortlet.css +20 -0
  345. package/buildLibs/styles/Web/ClPreviewExample.css +2196 -0
  346. package/buildLibs/styles/Web/ClScrollXFence.css +115 -0
  347. package/buildLibs/styles/Web/ClSelect.css +1664 -0
  348. package/buildLibs/styles/Web/ClSelectCascade.css +1680 -0
  349. package/buildLibs/styles/Web/ClSelectTag.css +104 -0
  350. package/buildLibs/styles/Web/ClSelectTree.css +1171 -0
  351. package/buildLibs/styles/Web/ClSelectmove.css +1522 -0
  352. package/buildLibs/styles/Web/ClSidemenu.css +455 -0
  353. package/buildLibs/styles/Web/ClTable.css +4783 -0
  354. package/buildLibs/styles/Web/ClTableEdit.css +120 -0
  355. package/buildLibs/styles/Web/ClTableSimple.css +33 -0
  356. package/buildLibs/styles/Web/ClTabs.css +298 -0
  357. package/buildLibs/styles/Web/ClTree.css +205 -0
  358. package/buildLibs/styles/Web/ClWeekhour.css +230 -0
  359. package/buildLibs/styles/Web/ClXeditable.css +6535 -0
  360. package/buildLibs/types/All/core.d.ts +1 -1
  361. package/buildLibs/types/All/index.d.ts +1 -0
  362. package/buildLibs/types/All/installs.d.ts +3 -1
  363. package/buildLibs/types/Common/globalTypes.d.ts +58 -0
  364. package/buildLibs/types/Element/core.d.ts +1 -1
  365. package/buildLibs/types/Element/installCommon.d.ts +4 -2
  366. package/buildLibs/types/Mobile/core.d.ts +1 -1
  367. package/buildLibs/types/Web/core.d.ts +1 -1
  368. package/buildLibs/utils/Element/ClBadge.js +1 -0
  369. package/buildLibs/utils/Element/ClBreadcrumb.js +1 -0
  370. package/buildLibs/utils/Element/ClButton.js +1 -0
  371. package/buildLibs/utils/Element/ClCallout.js +1 -0
  372. package/buildLibs/utils/Element/ClCard.js +1 -0
  373. package/buildLibs/utils/Element/ClCardColor.js +1 -0
  374. package/buildLibs/utils/Element/ClCheckbox.js +1 -0
  375. package/buildLibs/utils/Element/ClCheckboxOne.js +1 -0
  376. package/buildLibs/utils/Element/ClClipboard.js +1 -0
  377. package/buildLibs/utils/Element/ClCollapse.js +1 -0
  378. package/buildLibs/utils/Element/ClCountDown.js +1 -0
  379. package/buildLibs/utils/Element/ClCountUp.js +1 -0
  380. package/buildLibs/utils/Element/ClCropper.js +1 -0
  381. package/buildLibs/utils/Element/ClDarg.js +1 -0
  382. package/buildLibs/utils/Element/ClDivider.js +1 -0
  383. package/buildLibs/utils/Element/ClEllipsis.js +1 -0
  384. package/buildLibs/utils/Element/ClEmpty.js +1 -0
  385. package/buildLibs/utils/Element/ClForm.js +1 -0
  386. package/buildLibs/utils/Element/ClFormGroup.js +1 -0
  387. package/buildLibs/utils/Element/ClFormValidate.js +1 -0
  388. package/buildLibs/utils/Element/ClIconFont.js +1 -0
  389. package/buildLibs/utils/Element/ClImage.js +1 -0
  390. package/buildLibs/utils/Element/ClInput.js +1 -0
  391. package/buildLibs/utils/Element/ClInputCaptcha.js +1 -0
  392. package/buildLibs/utils/Element/ClInputNumber.js +1 -0
  393. package/buildLibs/utils/Element/ClInputNumberStepper.js +1 -0
  394. package/buildLibs/utils/Element/ClInputPassword.js +1 -0
  395. package/buildLibs/utils/Element/ClInputSearch.js +1 -0
  396. package/buildLibs/utils/Element/ClInputTextarea.js +1 -0
  397. package/buildLibs/utils/Element/ClLink.js +1 -0
  398. package/buildLibs/utils/Element/ClLoad.js +1 -0
  399. package/buildLibs/utils/Element/ClLoadFullCenter.js +1 -0
  400. package/buildLibs/utils/Element/ClLoadIng.js +1 -0
  401. package/buildLibs/utils/Element/ClLoadScreen.js +1 -0
  402. package/buildLibs/utils/Element/ClLoadWarp.js +1 -0
  403. package/buildLibs/utils/Element/ClModal.js +1 -0
  404. package/buildLibs/utils/Element/ClOverlay.js +1 -0
  405. package/buildLibs/utils/Element/ClProgress.js +1 -0
  406. package/buildLibs/utils/Element/ClRadio.js +1 -0
  407. package/buildLibs/utils/Element/ClRadioOne.js +1 -0
  408. package/buildLibs/utils/Element/ClSlider.js +1 -0
  409. package/buildLibs/utils/Element/ClSwitchery.js +1 -0
  410. package/buildLibs/utils/Element/ClTags.js +1 -0
  411. package/buildLibs/utils/Element/ClTransitionSlideupdown.js +1 -0
  412. package/buildLibs/utils/Element/ClWaterfall.js +1 -0
  413. package/buildLibs/utils/Element/ClWaterfallImage.js +1 -0
  414. package/buildLibs/utils/Mobile/ClActionBar.js +1 -0
  415. package/buildLibs/utils/Mobile/ClActionSheet.js +1 -0
  416. package/buildLibs/utils/Mobile/ClAreaM.js +1 -0
  417. package/buildLibs/utils/Mobile/ClBackTop.js +1 -0
  418. package/buildLibs/utils/Mobile/ClBanner.js +1 -0
  419. package/buildLibs/utils/Mobile/ClCalendarM.js +1 -0
  420. package/buildLibs/utils/Mobile/ClCell.js +1 -0
  421. package/buildLibs/utils/Mobile/ClCellSwipe.js +1 -0
  422. package/buildLibs/utils/Mobile/ClCodeLegendM.js +1 -0
  423. package/buildLibs/utils/Mobile/ClDropdownMenuM.js +1 -0
  424. package/buildLibs/utils/Mobile/ClDropdownMenuMItem.js +1 -0
  425. package/buildLibs/utils/Mobile/ClFloatingBubble.js +1 -0
  426. package/buildLibs/utils/Mobile/ClFloatingPanel.js +1 -0
  427. package/buildLibs/utils/Mobile/ClGrid.js +1 -0
  428. package/buildLibs/utils/Mobile/ClHighlightM.js +1 -0
  429. package/buildLibs/utils/Mobile/ClIndexBar.js +1 -0
  430. package/buildLibs/utils/Mobile/ClInputOtp.js +1 -0
  431. package/buildLibs/utils/Mobile/ClNavBar.js +1 -0
  432. package/buildLibs/utils/Mobile/ClNoticeBar.js +1 -0
  433. package/buildLibs/utils/Mobile/ClNotifyM.js +1 -0
  434. package/buildLibs/utils/Mobile/ClNumberKeyboard.js +1 -0
  435. package/buildLibs/utils/Mobile/ClPicker.js +1 -0
  436. package/buildLibs/utils/Mobile/ClPickerCascader.js +1 -0
  437. package/buildLibs/utils/Mobile/ClPickerDate.js +1 -0
  438. package/buildLibs/utils/Mobile/ClPickerTime.js +1 -0
  439. package/buildLibs/utils/Mobile/ClPopup.js +1 -0
  440. package/buildLibs/utils/Mobile/ClPullToRefresh.js +1 -0
  441. package/buildLibs/utils/Mobile/ClRate.js +1 -0
  442. package/buildLibs/utils/Mobile/ClScrollCard.js +1 -0
  443. package/buildLibs/utils/Mobile/ClShareSheet.js +1 -0
  444. package/buildLibs/utils/Mobile/ClSidebar.js +1 -0
  445. package/buildLibs/utils/Mobile/ClSidebarSelect.js +1 -0
  446. package/buildLibs/utils/Mobile/ClSignature.js +1 -0
  447. package/buildLibs/utils/Mobile/ClSteps.js +1 -0
  448. package/buildLibs/utils/Mobile/ClSwipe.js +1 -0
  449. package/buildLibs/utils/Mobile/ClTabM.js +1 -0
  450. package/buildLibs/utils/Mobile/ClTabbar.js +1 -0
  451. package/buildLibs/utils/Mobile/ClToast.js +1 -0
  452. package/buildLibs/utils/Mobile/ClWatermark.js +1 -0
  453. package/buildLibs/utils/Web/ClAnchorNav.js +1 -0
  454. package/buildLibs/utils/Web/ClCalendar.js +1 -0
  455. package/buildLibs/utils/Web/ClCodeLegend.js +1 -0
  456. package/buildLibs/utils/Web/ClColorpicker.js +1 -0
  457. package/buildLibs/utils/Web/ClCropperPreview.js +1 -0
  458. package/buildLibs/utils/Web/ClDatetime.js +1 -0
  459. package/buildLibs/utils/Web/ClDropdownMenu.js +1 -0
  460. package/buildLibs/utils/Web/ClDropdownMenuItem.js +1 -0
  461. package/buildLibs/utils/Web/ClDropdownPopup.js +1 -0
  462. package/buildLibs/utils/Web/ClEcharts.js +1 -0
  463. package/buildLibs/utils/Web/ClEchartsLineAxisTag.js +1 -0
  464. package/buildLibs/utils/Web/ClFileUpload.js +1 -0
  465. package/buildLibs/utils/Web/ClFramePhone.js +1 -0
  466. package/buildLibs/utils/Web/ClInputTag.js +1 -0
  467. package/buildLibs/utils/Web/ClPaginate.js +1 -0
  468. package/buildLibs/utils/Web/ClPortlet.js +1 -0
  469. package/buildLibs/utils/Web/ClPreviewExample.js +1 -0
  470. package/buildLibs/utils/Web/ClScrollXFence.js +1 -0
  471. package/buildLibs/utils/Web/ClSelect.js +1 -0
  472. package/buildLibs/utils/Web/ClSelectCascade.js +1 -0
  473. package/buildLibs/utils/Web/ClSelectTag.js +1 -0
  474. package/buildLibs/utils/Web/ClSelectTree.js +1 -0
  475. package/buildLibs/utils/Web/ClSelectmove.js +1 -0
  476. package/buildLibs/utils/Web/ClSidemenu.js +1 -0
  477. package/buildLibs/utils/Web/ClTable.js +1 -0
  478. package/buildLibs/utils/Web/ClTableEdit.js +1 -0
  479. package/buildLibs/utils/Web/ClTableSimple.js +1 -0
  480. package/buildLibs/utils/Web/ClTabs.js +1 -0
  481. package/buildLibs/utils/Web/ClTree.js +1 -0
  482. package/buildLibs/utils/Web/ClWeekhour.js +1 -0
  483. package/buildLibs/utils/Web/ClXeditable.js +1 -0
  484. package/buildLibs/web/index-BkXqb3g5.cjs.map +1 -1
  485. package/buildLibs/web/index-DIT7pSQI.js.map +1 -1
  486. package/package.json +10 -3
@@ -0,0 +1,3533 @@
1
+
2
+ .load-ballColor4 .loader[data-v-f4260593] {
3
+ position: relative;
4
+ width: 24px;
5
+ height: 24px;
6
+ transform: rotate(45deg);
7
+ animation: roll-f4260593 2.5s linear infinite;
8
+ }
9
+ .load-ballColor4 .loader span[data-v-f4260593] {
10
+ position: absolute;
11
+ width: 100%;
12
+ height: 100%;
13
+ transform: rotate(calc(90deg * var(--i)));
14
+ }
15
+ .load-ballColor4 .loader span[data-v-f4260593]::before {
16
+ content: '';
17
+ width: 9px;
18
+ height: 9px;
19
+ border-radius: 50%;
20
+ background-color: var(--c);
21
+ position: absolute;
22
+ left: 50%;
23
+ top: 50%;
24
+ transform: translate(-50%, -50%);
25
+ animation: move-f4260593 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
26
+ }
27
+ @keyframes move-f4260593 {
28
+ 0%,
29
+ 100% {
30
+ left: 50%;
31
+ }
32
+ 50% {
33
+ left: 0;
34
+ }
35
+ }
36
+ @keyframes roll-f4260593 {
37
+ to {
38
+ transform: rotate(405deg);
39
+ }
40
+ }
41
+
42
+
43
+ .load-barBounce[data-v-8e6f1e61] { width: 24px; height: 16px;
44
+ }
45
+ .loader[data-v-8e6f1e61] {
46
+ width: 24px;
47
+ height: 16px;
48
+ background:
49
+ var(--g) 0 100%,
50
+ var(--g) 50% 100%,
51
+ var(--g) 100% 100%;
52
+ background-size: 5px calc(100% - 2px);
53
+ position: relative;
54
+ }
55
+ .loader[data-v-8e6f1e61]::before {
56
+ content: "";
57
+ position: absolute;
58
+ width: 5px;
59
+ height: 5px;
60
+ border-radius: 50%;
61
+ background: var(--g);
62
+ left: 0;
63
+ top: 0;
64
+ animation:
65
+ barBounce-1-8e6f1e61 1.5s linear infinite alternate,barBounce-2-8e6f1e61 0.75s cubic-bezier(0, 200, .8, 200) infinite;
66
+ }
67
+ @keyframes barBounce-1-8e6f1e61 {
68
+ 100% { left: calc(100% - 5px);
69
+ }
70
+ }
71
+ @keyframes barBounce-2-8e6f1e61 {
72
+ 100% { top: -0.1px;
73
+ }
74
+ }
75
+
76
+
77
+ .load-barEqualizer[data-v-93ced557] { width: 27px; height: 27px;
78
+ }
79
+ .loader[data-v-93ced557] {
80
+ width: 27px;
81
+ aspect-ratio: 1;
82
+ background:
83
+ var(--g) 0% 50%,
84
+ var(--g) 50% 50%,
85
+ var(--g) 100% 50%;
86
+ background-size: 20% 100%;
87
+ animation: barEqualizer-93ced557 1s infinite linear;
88
+ }
89
+ @keyframes barEqualizer-93ced557 {
90
+ 0% { background-size: 20% 100%, 20% 100%, 20% 100%;
91
+ }
92
+ 33% { background-size: 20% 10%, 20% 100%, 20% 100%;
93
+ }
94
+ 50% { background-size: 20% 100%, 20% 10%, 20% 100%;
95
+ }
96
+ 66% { background-size: 20% 100%, 20% 100%, 20% 10%;
97
+ }
98
+ 100% { background-size: 20% 100%, 20% 100%, 20% 100%;
99
+ }
100
+ }
101
+
102
+
103
+ .load-barMeter[data-v-1e6ccd1d] { width: 24px; height: 24px;
104
+ }
105
+ .loader[data-v-1e6ccd1d] {
106
+ width: 24px;
107
+ aspect-ratio: 1;
108
+ background:
109
+ var(--g), var(--r1), var(--r2),
110
+ var(--g), var(--r1), var(--r2),
111
+ var(--g), var(--r1), var(--r2);
112
+ background-repeat: no-repeat;
113
+ animation: barMeter-1e6ccd1d 1s infinite alternate;
114
+ }
115
+ @keyframes barMeter-1e6ccd1d {
116
+ 0%, 25% {
117
+ background-size: 5px 0, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px;
118
+ background-position: 0 50%, 0 calc(50% - 1px), 0 calc(50% + 1px), 50% 50%, 50% calc(50% - 1px), 50% calc(50% + 1px), 100% 50%, 100% calc(50% - 1px), 100% calc(50% + 1px);
119
+ }
120
+ 50% {
121
+ background-size: 5px 100%, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px;
122
+ background-position: 0 50%, 0 calc(0% - 1px), 0 calc(100% + 1px), 50% 50%, 50% calc(50% - 1px), 50% calc(50% + 1px), 100% 50%, 100% calc(50% - 1px), 100% calc(50% + 1px);
123
+ }
124
+ 75% {
125
+ background-size: 5px 100%, 5px 2px, 5px 2px, 5px 100%, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px;
126
+ background-position: 0 50%, 0 calc(0% - 1px), 0 calc(100% + 1px), 50% 50%, 50% calc(0% - 1px), 50% calc(100% + 1px), 100% 50%, 100% calc(50% - 1px), 100% calc(50% + 1px);
127
+ }
128
+ 95%, 100% {
129
+ background-size: 5px 100%, 5px 2px, 5px 2px, 5px 100%, 5px 2px, 5px 2px, 5px 100%, 5px 2px, 5px 2px;
130
+ background-position: 0 50%, 0 calc(0% - 1px), 0 calc(100% + 1px), 50% 50%, 50% calc(0% - 1px), 50% calc(100% + 1px), 100% 50%, 100% calc(0% - 1px), 100% calc(100% + 1px);
131
+ }
132
+ }
133
+
134
+
135
+ .load-barPulse[data-v-10d72786] { width: 27px; height: 27px;
136
+ }
137
+ .loader[data-v-10d72786] {
138
+ width: 27px;
139
+ aspect-ratio: 1;
140
+ background:
141
+ var(--g) 0 0,
142
+ var(--g) 0 100%,
143
+ var(--g) 50% 0,
144
+ var(--g) 50% 100%,
145
+ var(--g) 100% 0,
146
+ var(--g) 100% 100%;
147
+ animation: barPulse-10d72786 1s infinite linear;
148
+ }
149
+ @keyframes barPulse-10d72786 {
150
+ 80% { background-size: 20% 30%;
151
+ }
152
+ 0%, 90%, 100% { background-size: 20% 50%;
153
+ }
154
+ }
155
+
156
+
157
+ .load-barRamp[data-v-0902404d] { width: 24px; height: 18px;
158
+ }
159
+ .loader[data-v-0902404d] {
160
+ width: 24px;
161
+ height: 18px;
162
+ background:
163
+ var(--g) 0 100%/5px 18px,
164
+ var(--g) 50% 100%/5px 12px,
165
+ var(--g) 100% 100%/5px 6px;
166
+ position: relative;
167
+ clip-path: inset(-100% 0);
168
+ }
169
+ .loader[data-v-0902404d]::before {
170
+ content: "";
171
+ position: absolute;
172
+ width: 5px;
173
+ height: 5px;
174
+ border-radius: 50%;
175
+ background: var(--g);
176
+ left: -10px;
177
+ top: 0;
178
+ animation:
179
+ barRamp-1-0902404d 2s linear infinite,barRamp-2-0902404d 0.5s cubic-bezier(0, 200, .8, 200) infinite;
180
+ }
181
+ @keyframes barRamp-1-0902404d {
182
+ 0% { left: -10px; transform: translateY(-5px);
183
+ }
184
+ 100% { left: calc(100% + 5px); transform: translateY(13px);
185
+ }
186
+ }
187
+ @keyframes barRamp-2-0902404d {
188
+ 100% { top: -0.1px;
189
+ }
190
+ }
191
+
192
+
193
+ .load-barStream[data-v-960e169b] {
194
+ display: flex;
195
+ align-items: center;
196
+ justify-content: center;
197
+ width: 100%;
198
+ height: 100%;
199
+ }
200
+ .loader[data-v-960e169b] {
201
+ width: 27px;
202
+ height: 24px;
203
+ background:
204
+ linear-gradient(#0000 calc(1 * 100% / 6), var(--v1c744c18) 0 calc(3 * 100% / 6), #0000 0),
205
+ linear-gradient(#0000 calc(2 * 100% / 6), var(--v1c744c18) 0 calc(4 * 100% / 6), #0000 0),
206
+ linear-gradient(#0000 calc(3 * 100% / 6), var(--v1c744c18) 0 calc(5 * 100% / 6), #0000 0);
207
+ background-size: 6px 400%;
208
+ background-repeat: no-repeat;
209
+ animation: barStream-matrix-960e169b 1s infinite linear;
210
+ }
211
+ @keyframes barStream-matrix-960e169b {
212
+ 0% {
213
+ background-position: 0% 100%, 50% 100%, 100% 100%;
214
+ }
215
+ 100% {
216
+ background-position: 0% 0%, 50% 0%, 100% 0%;
217
+ }
218
+ }
219
+
220
+
221
+ .load-barStretch[data-v-cd408a19] { width: 27px; height: 27px;
222
+ }
223
+ .loader[data-v-cd408a19] {
224
+ width: 27px;
225
+ aspect-ratio: 1;
226
+ background:
227
+ var(--g) 0 0,
228
+ var(--g) 0 100%,
229
+ var(--g) 50% 50%,
230
+ var(--g) 100% 0,
231
+ var(--g) 100% 100%;
232
+ animation: barStretch-cd408a19 1s infinite alternate;
233
+ }
234
+ @keyframes barStretch-cd408a19 {
235
+ 0%, 10% { background-size: 20% 100%;
236
+ }
237
+ 50% { background-size: 20% 20%;
238
+ }
239
+ 90%, 100% { background-size: 100% 20%;
240
+ }
241
+ }
242
+
243
+
244
+ .load-barWave[data-v-93f61946] { width: 27px; height: 27px;
245
+ }
246
+ .loader[data-v-93f61946] {
247
+ width: 27px;
248
+ aspect-ratio: 1;
249
+ background:
250
+ no-repeat linear-gradient(var(--c, #000) 0 0) 0% 100%,
251
+ no-repeat linear-gradient(var(--c, #000) 0 0) 50% 100%,
252
+ no-repeat linear-gradient(var(--c, #000) 0 0) 100% 100%;
253
+ animation: barWave-93f61946 1s infinite linear;
254
+ }
255
+ @keyframes barWave-93f61946 {
256
+ 0% { background-size: 20% 100%, 20% 100%, 20% 100%;
257
+ }
258
+ 20% { background-size: 20% 60%, 20% 100%, 20% 100%;
259
+ }
260
+ 40% { background-size: 20% 80%, 20% 60%, 20% 100%;
261
+ }
262
+ 60% { background-size: 20% 100%, 20% 80%, 20% 60%;
263
+ }
264
+ 80% { background-size: 20% 100%, 20% 100%, 20% 80%;
265
+ }
266
+ 100% { background-size: 20% 100%, 20% 100%, 20% 100%;
267
+ }
268
+ }
269
+
270
+
271
+ .load-circleBubble[data-v-524af90b] {
272
+ height: 30px;
273
+ width: 30px;
274
+ }
275
+ .load-circleBubble-container[data-v-524af90b] {
276
+ position: absolute;
277
+ left: 50%;
278
+ top: 50%;
279
+ height: 20px;
280
+ width: 20px;
281
+ margin-top: -10px;
282
+ margin-left: -10px;
283
+ }
284
+ .circleBubble-container[data-v-524af90b] {
285
+ position: absolute;
286
+ width: 100%;
287
+ height: 100%;
288
+ }
289
+ .circleBubble-container2[data-v-524af90b] {
290
+ transform: rotateZ(45deg);
291
+ }
292
+ .circleBubble-container3[data-v-524af90b] {
293
+ transform: rotateZ(90deg);
294
+ }
295
+ .circleBubble-item[data-v-524af90b] {
296
+ width: 5px;
297
+ height: 5px;
298
+ background-color: currentColor;
299
+ border-radius: 100%;
300
+ position: absolute;
301
+ animation: circleBubble-item-524af90b 1.2s infinite ease-in-out;
302
+ animation-fill-mode: both;
303
+ }
304
+ .circleBubble-item1[data-v-524af90b] {
305
+ top: 0;
306
+ left: 0;
307
+ }
308
+ .circleBubble-item2[data-v-524af90b] {
309
+ top: 0;
310
+ right: 0;
311
+ }
312
+ .circleBubble-item3[data-v-524af90b] {
313
+ right: 0;
314
+ bottom: 0;
315
+ }
316
+ .circleBubble-item4[data-v-524af90b] {
317
+ left: 0;
318
+ bottom: 0;
319
+ }
320
+ .circleBubble-container2 .circleBubble-item1[data-v-524af90b] {
321
+ animation-delay: -1.1s;
322
+ }
323
+ .circleBubble-container3 .circleBubble-item1[data-v-524af90b] {
324
+ animation-delay: -1s;
325
+ }
326
+ .circleBubble-container1 .circleBubble-item2[data-v-524af90b] {
327
+ animation-delay: -0.9s;
328
+ }
329
+ .circleBubble-container2 .circleBubble-item2[data-v-524af90b] {
330
+ animation-delay: -0.8s;
331
+ }
332
+ .circleBubble-container3 .circleBubble-item2[data-v-524af90b] {
333
+ animation-delay: -0.7s;
334
+ }
335
+ .circleBubble-container1 .circleBubble-item3[data-v-524af90b] {
336
+ animation-delay: -0.6s;
337
+ }
338
+ .circleBubble-container2 .circleBubble-item3[data-v-524af90b] {
339
+ animation-delay: -0.5s;
340
+ }
341
+ .circleBubble-container3 .circleBubble-item3[data-v-524af90b] {
342
+ animation-delay: -0.4s;
343
+ }
344
+ .circleBubble-container1 .circleBubble-item4[data-v-524af90b] {
345
+ animation-delay: -0.3s;
346
+ }
347
+ .circleBubble-container2 .circleBubble-item4[data-v-524af90b] {
348
+ animation-delay: -0.2s;
349
+ }
350
+ .circleBubble-container3 .circleBubble-item4[data-v-524af90b] {
351
+ animation-delay: -0.1s;
352
+ }
353
+ @keyframes circleBubble-item-524af90b {
354
+ 0%,
355
+ 80%,
356
+ 100% {
357
+ transform: scale(0);
358
+ }
359
+ 40% {
360
+ transform: scale(1);
361
+ }
362
+ }
363
+
364
+
365
+ .load-circleNotch[data-v-5f36cd6e] {
366
+ width: 14px;
367
+ height: 14px;
368
+ }
369
+ .load-circleNotch-container[data-v-5f36cd6e] {
370
+ width: 13px;
371
+ height: 13px;
372
+ border-radius: 50%;
373
+ --mask: radial-gradient(closest-side, transparent 75%, black 76%);
374
+ -webkit-mask-image: var(--mask);
375
+ mask-image: var(--mask);
376
+ animation: bcRotate-5f36cd6e 1s linear infinite;
377
+ }
378
+ @keyframes bcRotate-5f36cd6e {
379
+ from {
380
+ transform: rotate(0deg);
381
+ }
382
+ to {
383
+ transform: rotate(360deg);
384
+ }
385
+ }
386
+
387
+
388
+ .load-circleSpinner[data-v-b2fbd6b8] { width: 14px; height: 14px;
389
+ }
390
+ .loader[data-v-b2fbd6b8] {
391
+ width: 14px;
392
+ height: 14px;
393
+ border: 1px solid #c3c3c3;
394
+ border-top-color: currentColor;
395
+ border-radius: 50%;
396
+ animation: circleSpinner-b2fbd6b8 0.8s linear infinite;
397
+ }
398
+ @keyframes circleSpinner-b2fbd6b8 {
399
+ to { transform: rotate(360deg);
400
+ }
401
+ }
402
+
403
+
404
+ .load-crossMove[data-v-4257c622] { width: 21px; height: 21px;
405
+ }
406
+ .loader[data-v-4257c622] {
407
+ width: 21px;
408
+ aspect-ratio: 1;
409
+ background: var(--c1), var(--c2), var(--c1), var(--c2);
410
+ background-size: 300% 2px, 2px 300%;
411
+ background-repeat: no-repeat;
412
+ animation: crossMove-4257c622 1s infinite linear;
413
+ }
414
+ @keyframes crossMove-4257c622 {
415
+ 0% { background-position: 50% 0, 100% 100%, 0 100%, 0 0;
416
+ }
417
+ 25% { background-position: 0 0, 100% 50%, 0 100%, 0 0;
418
+ }
419
+ 50% { background-position: 0 0, 100% 0, 50% 100%, 0 0;
420
+ }
421
+ 75% { background-position: 0 0, 100% 0, 100% 100%, 0 50%;
422
+ }
423
+ 75.01% { background-position: 100% 0, 100% 0, 100% 100%, 0 50%;
424
+ }
425
+ 100% { background-position: 50% 0, 100% 0, 100% 100%, 0 100%;
426
+ }
427
+ }
428
+
429
+
430
+ .load-diamondShuttle[data-v-247000d3] {
431
+ display: flex;
432
+ align-items: center;
433
+ justify-content: center;
434
+ width: 100%;
435
+ height: 100%;
436
+ }
437
+ .loader[data-v-247000d3] {
438
+ position: relative;
439
+ width: 2.5em;
440
+ height: 2.5em;
441
+ transform: rotate(165deg);
442
+ }
443
+ .loader[data-v-247000d3]:before,
444
+ .loader[data-v-247000d3]:after {
445
+ content: '';
446
+ position: absolute;
447
+ top: 50%;
448
+ left: 50%;
449
+ display: block;
450
+ width: 0.5em;
451
+ height: 0.5em;
452
+ border-radius: 0.25em;
453
+ transform: translate(-50%, -50%);
454
+ }
455
+ .loader[data-v-247000d3]:before {
456
+ animation: diamondShuttle-before-247000d3 2s infinite;
457
+ }
458
+ .loader[data-v-247000d3]:after {
459
+ animation: diamondShuttle-after-247000d3 2s infinite;
460
+ }
461
+ @keyframes diamondShuttle-before-247000d3 {
462
+ 0% {
463
+ width: 0.5em;
464
+ box-shadow: 1em -0.5em var(--v66563c8e), -1em 0.5em var(--v66563c8f);
465
+ }
466
+ 35% {
467
+ width: 2.5em;
468
+ box-shadow: 0 -0.5em var(--v66563c8e), 0 0.5em var(--v66563c8f);
469
+ }
470
+ 70% {
471
+ width: 0.5em;
472
+ box-shadow: -1em -0.5em var(--v66563c8e), 1em 0.5em var(--v66563c8f);
473
+ }
474
+ 100% {
475
+ box-shadow: 1em -0.5em var(--v66563c8e), -1em 0.5em var(--v66563c8f);
476
+ }
477
+ }
478
+ @keyframes diamondShuttle-after-247000d3 {
479
+ 0% {
480
+ height: 0.5em;
481
+ box-shadow: 0.5em 1em var(--v66563c90), -0.5em -1em var(--v66563c91);
482
+ }
483
+ 35% {
484
+ height: 2.5em;
485
+ box-shadow: 0.5em 0 var(--v66563c90), -0.5em 0 var(--v66563c91);
486
+ }
487
+ 70% {
488
+ height: 0.5em;
489
+ box-shadow: 0.5em -1em var(--v66563c90), -0.5em 1em var(--v66563c91);
490
+ }
491
+ 100% {
492
+ box-shadow: 0.5em 1em var(--v66563c90), -0.5em -1em var(--v66563c91);
493
+ }
494
+ }
495
+
496
+
497
+ .load-dotBounce[data-v-80a5768e] {
498
+ width: 36px;
499
+ height: 9px;
500
+ }
501
+ .loader[data-v-80a5768e] {
502
+ width: 36px;
503
+ aspect-ratio: 4;
504
+ --_g: no-repeat radial-gradient(circle closest-side, currentColor 90%, #0000);
505
+ background:
506
+ var(--_g) 0% 50%,
507
+ var(--_g) 50% 50%,
508
+ var(--_g) 100% 50%;
509
+ background-size: calc(100% / 3) 100%;
510
+ animation: dotBounce-80a5768e 1s infinite linear;
511
+ }
512
+ @keyframes dotBounce-80a5768e {
513
+ 33% { background-size: calc(100% / 3) 0%, calc(100% / 3) 100%, calc(100% / 3) 100%;
514
+ }
515
+ 50% { background-size: calc(100% / 3) 100%, calc(100% / 3) 0%, calc(100% / 3) 100%;
516
+ }
517
+ 66% { background-size: calc(100% / 3) 100%, calc(100% / 3) 100%, calc(100% / 3) 0%;
518
+ }
519
+ }
520
+
521
+
522
+ .load-dotFlow[data-v-d0121947] { width: 36px; height: 18px;
523
+ }
524
+ .loader[data-v-d0121947] {
525
+ width: 36px;
526
+ aspect-ratio: 2;
527
+ --_g: no-repeat radial-gradient(farthest-side, currentColor 90%, #0000);
528
+ background:
529
+ var(--_g) 0 50%,
530
+ var(--_g) 50% 50%,
531
+ var(--_g) 50% 50%,
532
+ var(--_g) 100% 50%;
533
+ background-size: 25% 50%;
534
+ animation: dotFlow-d0121947 1s infinite linear;
535
+ }
536
+ @keyframes dotFlow-d0121947 {
537
+ 33% { background-position: 0 0 , 50% 100%, 50% 100%, 100% 0;
538
+ }
539
+ 66% { background-position: 50% 0 , 0 100%, 100% 100%, 50% 0;
540
+ }
541
+ 100% { background-position: 50% 50%, 0 50% , 100% 50%, 50% 50%;
542
+ }
543
+ }
544
+
545
+
546
+ .load-dotFold[data-v-81d5bf5b] {
547
+ --s: 9px;
548
+ width: calc(var(--s) * 2.33);
549
+ aspect-ratio: 1;
550
+ }
551
+ .loader[data-v-81d5bf5b] {
552
+ --s: 9px;
553
+ width: calc(var(--s) * 2.33);
554
+ aspect-ratio: 1;
555
+ display: flex;
556
+ justify-content: space-between;
557
+ animation: dotFold-0-81d5bf5b 1s infinite;
558
+ }
559
+ .loader[data-v-81d5bf5b]::before,
560
+ .loader[data-v-81d5bf5b]::after {
561
+ content: "";
562
+ width: var(--s);
563
+ --_g: no-repeat radial-gradient(farthest-side, currentColor 94%, #0000);
564
+ background:
565
+ var(--_g) top,
566
+ var(--_g) bottom;
567
+ background-size: 100% var(--s);
568
+ transform-origin: 50% calc(100% - var(--s) / 2);
569
+ animation: inherit;
570
+ animation-name: dotFold-1-81d5bf5b;
571
+ }
572
+ .loader[data-v-81d5bf5b]::after { --_s: -1;
573
+ }
574
+ @keyframes dotFold-0-81d5bf5b {
575
+ 100% { transform: translateY(calc(var(--s) - 100%));
576
+ }
577
+ }
578
+ @keyframes dotFold-1-81d5bf5b {
579
+ 100% { transform: rotate(calc(var(--_s, 1) * -180deg));
580
+ }
581
+ }
582
+
583
+
584
+ .load-dotOrbit[data-v-d984c27f] { width: 15px; height: 15px;
585
+ }
586
+ .loader[data-v-d984c27f] {
587
+ width: 9px;
588
+ aspect-ratio: 1;
589
+ position: relative;
590
+ }
591
+ .loader[data-v-d984c27f]::before,
592
+ .loader[data-v-d984c27f]::after {
593
+ content: "";
594
+ position: absolute;
595
+ inset: 0;
596
+ border-radius: 50%;
597
+ background: currentColor;
598
+ }
599
+ .loader[data-v-d984c27f]::before {
600
+ box-shadow: -25px 0;
601
+ animation: dotOrbit-1-d984c27f 1s infinite linear;
602
+ }
603
+ .loader[data-v-d984c27f]::after {
604
+ transform: rotate(0deg) translateX(15px);
605
+ animation: dotOrbit-2-d984c27f 1s infinite linear;
606
+ }
607
+ @keyframes dotOrbit-1-d984c27f {
608
+ 100% { transform: translateX(15px);
609
+ }
610
+ }
611
+ @keyframes dotOrbit-2-d984c27f {
612
+ 100% { transform: rotate(-180deg) translateX(15px);
613
+ }
614
+ }
615
+
616
+
617
+ .load-dotPulse[data-v-da279337] {
618
+ width: 15px;
619
+ height: 9px;
620
+ }
621
+ .loader[data-v-da279337] {
622
+ width: 9px;
623
+ aspect-ratio: 1;
624
+ background: currentColor;
625
+ border-radius: 50%;
626
+ animation: dotPulse-da279337 0.5s infinite linear alternate;
627
+ }
628
+ @keyframes dotPulse-da279337 {
629
+ 0% { box-shadow: 9px 0, -15px 0;
630
+ }
631
+ 50% { box-shadow: 9px 0, -9px 0;
632
+ }
633
+ 100% { box-shadow: 15px 0, -9px 0;
634
+ }
635
+ }
636
+
637
+
638
+ .load-dotPulse5[data-v-5e58936e] {
639
+ display: flex;
640
+ align-items: center;
641
+ justify-content: center;
642
+ width: 100%;
643
+ height: 100%;
644
+ }
645
+ .dots-container[data-v-5e58936e] {
646
+ display: flex;
647
+ align-items: center;
648
+ justify-content: center;
649
+ height: 100%;
650
+ width: 100%;
651
+ }
652
+ .dot[data-v-5e58936e] {
653
+ height: 12px;
654
+ width: 12px;
655
+ margin-right: 6px;
656
+ border-radius: 10px;
657
+ background-color: var(--fcdaa242);
658
+ animation: pulse-5e58936e 1.5s infinite ease-in-out;
659
+ }
660
+ .dot[data-v-5e58936e]:last-child {
661
+ margin-right: 0;
662
+ }
663
+ .dot[data-v-5e58936e]:nth-child(1) {
664
+ animation-delay: -0.3s;
665
+ }
666
+ .dot[data-v-5e58936e]:nth-child(2) {
667
+ animation-delay: -0.1s;
668
+ }
669
+ .dot[data-v-5e58936e]:nth-child(3) {
670
+ animation-delay: 0.1s;
671
+ }
672
+ @keyframes pulse-5e58936e {
673
+ 0% {
674
+ transform: scale(0.8);
675
+ background-color: var(--fcdaa242);
676
+ box-shadow: 0 0 0 0 var(--v0aecf216);
677
+ }
678
+ 50% {
679
+ transform: scale(1.2);
680
+ background-color: var(--v743887a0);
681
+ box-shadow: 0 0 0 10px transparent;
682
+ }
683
+ 100% {
684
+ transform: scale(0.8);
685
+ background-color: var(--fcdaa242);
686
+ box-shadow: 0 0 0 0 var(--v0aecf216);
687
+ }
688
+ }
689
+
690
+
691
+ .load-dotRipple[data-v-de8c4bdd] { width: 12px; height: 12px;
692
+ }
693
+ .loader[data-v-de8c4bdd] {
694
+ width: 12px;
695
+ aspect-ratio: 1;
696
+ border-radius: 50%;
697
+ background: currentColor;
698
+ box-shadow: 0 0 0 0 #0004;
699
+ animation: dotRipple-de8c4bdd 1s infinite;
700
+ }
701
+ @keyframes dotRipple-de8c4bdd {
702
+ 100% { box-shadow: 0 0 0 18px #0000;
703
+ }
704
+ }
705
+
706
+
707
+ .load-dotRipple3[data-v-b1b85727] { width: 12px; height: 12px;
708
+ }
709
+ .loader[data-v-b1b85727] {
710
+ width: 12px;
711
+ aspect-ratio: 1;
712
+ border-radius: 50%;
713
+ background: currentColor;
714
+ box-shadow: 0 0 0 0 #0004;
715
+ animation: dotRipple3-b1b85727 1.5s infinite linear;
716
+ position: relative;
717
+ }
718
+ .loader[data-v-b1b85727]::before,
719
+ .loader[data-v-b1b85727]::after {
720
+ content: "";
721
+ position: absolute;
722
+ inset: 0;
723
+ border-radius: inherit;
724
+ box-shadow: 0 0 0 0 #0004;
725
+ animation: inherit;
726
+ animation-delay: -0.5s;
727
+ }
728
+ .loader[data-v-b1b85727]::after {
729
+ animation-delay: -1s;
730
+ }
731
+ @keyframes dotRipple3-b1b85727 {
732
+ 100% { box-shadow: 0 0 0 24px #0000;
733
+ }
734
+ }
735
+
736
+
737
+ .load-dotSlide[data-v-73437e98] { width: 23px; height: 9px;
738
+ }
739
+ .loader[data-v-73437e98] {
740
+ color: currentColor;
741
+ width: 2px;
742
+ aspect-ratio: 1;
743
+ border-radius: 50%;
744
+ box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
745
+ transform: translateX(-23px);
746
+ animation: dotSlide-73437e98 .5s infinite alternate linear;
747
+ }
748
+ @keyframes dotSlide-73437e98 {
749
+ 50% { box-shadow: 11px 0 0 2px, 23px 0 0 4px, 34px 0 0 2px;
750
+ }
751
+ 100% { box-shadow: 11px 0 0 0, 23px 0 0 2px, 34px 0 0 4px;
752
+ }
753
+ }
754
+
755
+
756
+ .load-dotSlider[data-v-f36e8268] { width: 53px; height: 7px;
757
+ }
758
+ .loader[data-v-f36e8268] {
759
+ width: 53px;
760
+ height: 7px;
761
+ --_g: no-repeat radial-gradient(farthest-side, currentColor 94%, #0000);
762
+ background:
763
+ var(--_g) 25% 0,
764
+ var(--_g) 75% 0;
765
+ background-size: 7px 7px;
766
+ position: relative;
767
+ animation: dotSlider-0-f36e8268 1s linear infinite;
768
+ }
769
+ .loader[data-v-f36e8268]::before {
770
+ content: "";
771
+ position: absolute;
772
+ height: 7px;
773
+ aspect-ratio: 1;
774
+ border-radius: 50%;
775
+ background: currentColor;
776
+ inset: 0;
777
+ margin: auto;
778
+ animation: dotSlider-1-f36e8268 1s cubic-bezier(0.5, 300, 0.5, -300) infinite;
779
+ }
780
+ @keyframes dotSlider-0-f36e8268 {
781
+ 0%, 24% { background-position: 25% 0, 75% 0;
782
+ }
783
+ 40% { background-position: 25% 0, 85% 0;
784
+ }
785
+ 50%, 72% { background-position: 25% 0, 75% 0;
786
+ }
787
+ 90% { background-position: 15% 0, 75% 0;
788
+ }
789
+ 100% { background-position: 25% 0, 75% 0;
790
+ }
791
+ }
792
+ @keyframes dotSlider-1-f36e8268 {
793
+ 100% { transform: translate(0.1px);
794
+ }
795
+ }
796
+
797
+
798
+ .load-dotSpin[data-v-4da82a52] {
799
+ display: flex;
800
+ align-items: center;
801
+ justify-content: center;
802
+ width: 100%;
803
+ height: 100%;
804
+ }
805
+ .lds-roller[data-v-4da82a52] {
806
+ display: inline-block;
807
+ position: relative;
808
+ width: 48px;
809
+ height: 48px;
810
+ }
811
+ .lds-roller div[data-v-4da82a52] {
812
+ animation: dotSpin-roller-4da82a52 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
813
+ transform-origin: 24px 24px;
814
+ }
815
+ .lds-roller div[data-v-4da82a52]:after {
816
+ content: ' ';
817
+ display: block;
818
+ position: absolute;
819
+ width: 4px;
820
+ height: 4px;
821
+ border-radius: 50%;
822
+ background: var(--v69e62627);
823
+ margin: -2px 0 0 -2px;
824
+ }
825
+ .lds-roller div[data-v-4da82a52]:nth-child(1) {
826
+ animation-delay: -0.036s;
827
+ }
828
+ .lds-roller div[data-v-4da82a52]:nth-child(1):after {
829
+ top: 38px;
830
+ left: 38px;
831
+ }
832
+ .lds-roller div[data-v-4da82a52]:nth-child(2) {
833
+ animation-delay: -0.072s;
834
+ }
835
+ .lds-roller div[data-v-4da82a52]:nth-child(2):after {
836
+ top: 41px;
837
+ left: 34px;
838
+ }
839
+ .lds-roller div[data-v-4da82a52]:nth-child(3) {
840
+ animation-delay: -0.108s;
841
+ }
842
+ .lds-roller div[data-v-4da82a52]:nth-child(3):after {
843
+ top: 43px;
844
+ left: 29px;
845
+ }
846
+ .lds-roller div[data-v-4da82a52]:nth-child(4) {
847
+ animation-delay: -0.144s;
848
+ }
849
+ .lds-roller div[data-v-4da82a52]:nth-child(4):after {
850
+ top: 43px;
851
+ left: 24px;
852
+ }
853
+ .lds-roller div[data-v-4da82a52]:nth-child(5) {
854
+ animation-delay: -0.18s;
855
+ }
856
+ .lds-roller div[data-v-4da82a52]:nth-child(5):after {
857
+ top: 43px;
858
+ left: 19px;
859
+ }
860
+ .lds-roller div[data-v-4da82a52]:nth-child(6) {
861
+ animation-delay: -0.216s;
862
+ }
863
+ .lds-roller div[data-v-4da82a52]:nth-child(6):after {
864
+ top: 41px;
865
+ left: 14px;
866
+ }
867
+ .lds-roller div[data-v-4da82a52]:nth-child(7) {
868
+ animation-delay: -0.252s;
869
+ }
870
+ .lds-roller div[data-v-4da82a52]:nth-child(7):after {
871
+ top: 38px;
872
+ left: 10px;
873
+ }
874
+ .lds-roller div[data-v-4da82a52]:nth-child(8) {
875
+ animation-delay: -0.288s;
876
+ }
877
+ .lds-roller div[data-v-4da82a52]:nth-child(8):after {
878
+ top: 34px;
879
+ left: 7px;
880
+ }
881
+ @keyframes dotSpin-roller-4da82a52 {
882
+ 0% {
883
+ transform: rotate(0deg);
884
+ }
885
+ 100% {
886
+ transform: rotate(360deg);
887
+ }
888
+ }
889
+
890
+
891
+ .load-dotSquare[data-v-47964dfb] { width: 19px; height: 19px;
892
+ }
893
+ .loader[data-v-47964dfb] {
894
+ width: 19px;
895
+ aspect-ratio: 1;
896
+ --_g: no-repeat radial-gradient(farthest-side, currentColor 90%, #0000);
897
+ background: var(--_g), var(--_g), var(--_g), var(--_g);
898
+ background-size: 40% 40%;
899
+ animation: dotSquare-47964dfb 1s infinite;
900
+ }
901
+ @keyframes dotSquare-47964dfb {
902
+ 0% { background-position: 0 0, 100% 0, 100% 100%, 0 100%;
903
+ }
904
+ 40%,
905
+ 50% { background-position: 100% 100%, 100% 0, 0 0, 0 100%;
906
+ }
907
+ 90%,
908
+ 100% { background-position: 100% 100%, 0 100%, 0 0, 100% 0;
909
+ }
910
+ }
911
+
912
+
913
+ .load-dotTyping[data-v-8b8723cf] {
914
+ width: 36px;
915
+ height: 9px;
916
+ }
917
+ .loader[data-v-8b8723cf] {
918
+ width: 36px;
919
+ aspect-ratio: 4;
920
+ background: radial-gradient(circle closest-side, currentColor 90%, #0000) 0 / calc(100% / 3) 100% space;
921
+ clip-path: inset(0 100% 0 0);
922
+ animation: dotTyping-8b8723cf 1s steps(4) infinite;
923
+ }
924
+ @keyframes dotTyping-8b8723cf {
925
+ to { clip-path: inset(0 -34% 0 0);
926
+ }
927
+ }
928
+
929
+
930
+ .load-dotWave[data-v-9ca9c815] {
931
+ width: 36px;
932
+ height: 18px;
933
+ }
934
+ .loader[data-v-9ca9c815] {
935
+ width: 36px;
936
+ aspect-ratio: 2;
937
+ --_g: no-repeat radial-gradient(circle closest-side, currentColor 90%, #0000);
938
+ background:
939
+ var(--_g) 0% 50%,
940
+ var(--_g) 50% 50%,
941
+ var(--_g) 100% 50%;
942
+ background-size: calc(100% / 3) 50%;
943
+ animation: dotWave-9ca9c815 1s infinite linear;
944
+ }
945
+ @keyframes dotWave-9ca9c815 {
946
+ 20% { background-position: 0% 0%, 50% 50%, 100% 50%;
947
+ }
948
+ 40% { background-position: 0% 100%, 50% 0%, 100% 50%;
949
+ }
950
+ 60% { background-position: 0% 50%, 50% 100%, 100% 0%;
951
+ }
952
+ 80% { background-position: 0% 50%, 50% 50%, 100% 100%;
953
+ }
954
+ }
955
+
956
+ .panel-dropdownlayer {
957
+ position: relative;
958
+ color: #314659;
959
+ font-size: 14px;
960
+ }
961
+
962
+ .dropdownLayer-dropdown {
963
+ background-color: white;
964
+ border: 1px solid transparent;
965
+ border-radius: 4px;
966
+ box-sizing: border-box;
967
+ position: absolute;
968
+ width: 100%;
969
+ z-index: 4000;
970
+ }
971
+
972
+ .dropdownLayer-dropdown-opacity0 {
973
+ opacity: 0;
974
+ }
975
+
976
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-open {
977
+ overflow-x: hidden;
978
+ }
979
+
980
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-down {
981
+ border-top-width: 0;
982
+ border-top-left-radius: 0;
983
+ border-top-right-radius: 0;
984
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
985
+ overflow-y: hidden;
986
+ }
987
+
988
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-up {
989
+ border-bottom-width: 0;
990
+ border-bottom-right-radius: 0;
991
+ border-bottom-left-radius: 0;
992
+ box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
993
+ }
994
+
995
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-left {
996
+ left: 0;
997
+ right: auto;
998
+ }
999
+
1000
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-right {
1001
+ left: auto;
1002
+ right: 0;
1003
+ }
1004
+
1005
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-center {
1006
+ left: 0;
1007
+ right: auto;
1008
+ }
1009
+
1010
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-center {
1011
+ left: 0;
1012
+ right: auto;
1013
+ }
1014
+
1015
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-top {
1016
+ top: 0;
1017
+ bottom: auto;
1018
+ }
1019
+
1020
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-left.dropdownLayer-dropdown-arrow-center {
1021
+ top: 0;
1022
+ bottom: auto;
1023
+ }
1024
+
1025
+ .dropdownLayer-dropdown.dropdownLayer-dropdown-right.dropdownLayer-dropdown-arrow-center {
1026
+ top: 0;
1027
+ bottom: auto;
1028
+ }
1029
+
1030
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown {
1031
+ border-radius: 4px;
1032
+ }
1033
+
1034
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down {
1035
+ border-top-width: 1px;
1036
+ }
1037
+
1038
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up {
1039
+ border-bottom-width: 1px;
1040
+ }
1041
+
1042
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown {
1043
+ overflow: visible;
1044
+ }
1045
+
1046
+ /* arrow */
1047
+ .dropdownLayer-dropdown > .arrow {
1048
+ display: none;
1049
+ }
1050
+
1051
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown > .arrow {
1052
+ position: absolute;
1053
+ display: block;
1054
+ width: 0;
1055
+ height: 0;
1056
+ border-color: transparent;
1057
+ border-style: solid;
1058
+ border-width: 9px;
1059
+ }
1060
+
1061
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown > .arrow:after {
1062
+ position: absolute;
1063
+ display: block;
1064
+ width: 0;
1065
+ height: 0;
1066
+ border-color: transparent;
1067
+ border-style: solid;
1068
+ border-width: 8px;
1069
+ margin-left: -8px;
1070
+ content: ' ';
1071
+ }
1072
+
1073
+ /* direction=left/right 的水平定位仅适用于面板上下弹出(down/up);
1074
+ left/right 弹出时箭头贴面板左/右边缘指向触发文本,由面板方向规则控制 */
1075
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-left
1076
+ > .arrow,
1077
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-left
1078
+ > .arrow {
1079
+ left: 5px;
1080
+ }
1081
+
1082
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-right
1083
+ > .arrow,
1084
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-right
1085
+ > .arrow {
1086
+ right: 5px;
1087
+ }
1088
+
1089
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-down
1090
+ > .arrow {
1091
+ left: 5px;
1092
+ }
1093
+
1094
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-up
1095
+ > .arrow {
1096
+ left: 5px;
1097
+ }
1098
+
1099
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-top > .arrow {
1100
+ top: 2px;
1101
+ }
1102
+
1103
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-bottom > .arrow {
1104
+ bottom: 2px;
1105
+ }
1106
+
1107
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up > .arrow {
1108
+ border-bottom-width: 0;
1109
+ bottom: -9px;
1110
+ }
1111
+
1112
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up > .arrow:after {
1113
+ border-top-color: #ffffff;
1114
+ border-bottom-width: 0;
1115
+ bottom: 2px;
1116
+ }
1117
+
1118
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down > .arrow {
1119
+ border-top-width: 0;
1120
+ top: -9px;
1121
+ }
1122
+
1123
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down > .arrow:after {
1124
+ border-bottom-color: #ffffff;
1125
+ border-top-width: 0;
1126
+ top: 2px;
1127
+ }
1128
+
1129
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-left > .arrow {
1130
+ border-right-width: 0;
1131
+ right: -9px;
1132
+ }
1133
+
1134
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-left > .arrow:after {
1135
+ border-left-color: #ffffff;
1136
+ border-right-width: 0;
1137
+ right: 2px;
1138
+ top: -8px;
1139
+ }
1140
+
1141
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-right > .arrow {
1142
+ border-left-width: 0;
1143
+ left: -9px;
1144
+ }
1145
+
1146
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-right > .arrow:after {
1147
+ border-right-color: #ffffff;
1148
+ border-left-width: 0;
1149
+ left: 10px;
1150
+ bottom: -8px;
1151
+ }
1152
+
1153
+ /* keyframes */
1154
+ @keyframes zoomInTop {
1155
+ from {
1156
+ opacity: 0;
1157
+ transform: scaleY(0);
1158
+ }
1159
+ 50% {
1160
+ opacity: 1;
1161
+ }
1162
+ }
1163
+
1164
+ .zoomInTop {
1165
+ animation-name: zoomInTop;
1166
+ animation-duration: 0.5s;
1167
+ animation-fill-mode: both;
1168
+ transform-origin: center top;
1169
+ animation-timing-function: ease-in;
1170
+ }
1171
+
1172
+ .dropdownLayer-dropdown-up.zoomInTop {
1173
+ transform-origin: center bottom;
1174
+ }
1175
+
1176
+ @keyframes zoomOutTop {
1177
+ from {
1178
+ opacity: 1;
1179
+ }
1180
+ 80% {
1181
+ opacity: 0;
1182
+ }
1183
+ to {
1184
+ opacity: 0;
1185
+ transform: scaleY(0);
1186
+ }
1187
+ }
1188
+
1189
+ .zoomOutTop {
1190
+ animation-name: zoomOutTop;
1191
+ animation-duration: 0.5s;
1192
+ animation-fill-mode: both;
1193
+ transform-origin: center top;
1194
+ animation-timing-function: ease-in;
1195
+ }
1196
+
1197
+ .dropdownLayer-dropdown-up.zoomOutTop {
1198
+ transform-origin: center bottom !important;
1199
+ }
1200
+
1201
+ /* 无动画关闭:传为 transitionLeave 时面板瞬消,不播缩放/淡出 */
1202
+ .dropdownLayer-close-no-anim {
1203
+ animation: none !important;
1204
+ transition: none !important;
1205
+ }
1206
+
1207
+ .clIconFont {
1208
+ display: inline-block;
1209
+ font-style: normal;
1210
+ vertical-align: middle;
1211
+ line-height: 1;
1212
+ }
1213
+ @font-face {
1214
+ font-family: "clIconFont"; /* Project id 3531654 */
1215
+ src:
1216
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
1217
+ url('iconfont.woff?t=1787800149963') format('woff'),
1218
+ url('iconfont.ttf?t=1787800149963') format('truetype');
1219
+ }
1220
+
1221
+ .clIconFont {
1222
+ font-family: "clIconFont" !important;
1223
+ font-size: 16px;
1224
+ font-style: normal;
1225
+ -webkit-font-smoothing: antialiased;
1226
+ -moz-osx-font-smoothing: grayscale;
1227
+ }
1228
+
1229
+ .clIcon-angle-double-left:before {
1230
+ content: "\e6e4";
1231
+ }
1232
+ .clIcon-angle-double-right:before {
1233
+ content: "\e6e3";
1234
+ }
1235
+ .clIcon-angle-down:before {
1236
+ content: "\e6dd";
1237
+ }
1238
+ .clIcon-angle-left:before {
1239
+ content: "\e6e0";
1240
+ }
1241
+ .clIcon-angle-right:before {
1242
+ content: "\e6df";
1243
+ }
1244
+ .clIcon-angle-up:before {
1245
+ content: "\e6de";
1246
+ }
1247
+ .clIcon-calendar:before {
1248
+ content: "\e60d";
1249
+ }
1250
+ .clIcon-caret-down:before {
1251
+ content: "\e8ec";
1252
+ }
1253
+ .clIcon-caret-left:before {
1254
+ content: "\e8ef";
1255
+ }
1256
+ .clIcon-caret-right:before {
1257
+ content: "\e8ee";
1258
+ }
1259
+ .clIcon-caret-up:before {
1260
+ content: "\e8ed";
1261
+ }
1262
+ .clIcon-check:before {
1263
+ content: "\e639";
1264
+ }
1265
+ .clIcon-check1:before {
1266
+ content: "\e655";
1267
+ }
1268
+ .clIcon-clear:before {
1269
+ content: "\e900";
1270
+ }
1271
+ .clIcon-clock:before {
1272
+ content: "\e74b";
1273
+ }
1274
+ .clIcon-close:before {
1275
+ content: "\e646";
1276
+ }
1277
+ .clIcon-close-circle-fill:before {
1278
+ content: "\e6a6";
1279
+ }
1280
+ .clIcon-close1:before {
1281
+ content: "\e61a";
1282
+ }
1283
+ .clIcon-copy:before {
1284
+ content: "\e6ae";
1285
+ }
1286
+ .clIcon-cropper:before {
1287
+ content: "\e6dc";
1288
+ }
1289
+ .clIcon-download:before {
1290
+ content: "\e66f";
1291
+ }
1292
+ .clIcon-edit:before {
1293
+ content: "\e6cc";
1294
+ }
1295
+ .clIcon-exclamation-circle-fill:before {
1296
+ content: "\e618";
1297
+ }
1298
+ .clIcon-eye:before {
1299
+ content: "\e65f";
1300
+ }
1301
+ .clIcon-eye-no:before {
1302
+ content: "\e6ad";
1303
+ }
1304
+ .clIcon-minus:before {
1305
+ content: "\e7fd";
1306
+ }
1307
+ .clIcon-play:before {
1308
+ content: "\e66e";
1309
+ }
1310
+ .clIcon-question-circle:before {
1311
+ content: "\e782";
1312
+ }
1313
+ .clIcon-remove:before {
1314
+ content: "\e60c";
1315
+ }
1316
+ .clIcon-reply:before {
1317
+ content: "\e65d";
1318
+ }
1319
+ .clIcon-restore:before {
1320
+ content: "\e654";
1321
+ }
1322
+ .clIcon-rotate-left:before {
1323
+ content: "\e6a8";
1324
+ }
1325
+ .clIcon-rotate-right:before {
1326
+ content: "\e650";
1327
+ }
1328
+ .clIcon-save:before {
1329
+ content: "\e7ef";
1330
+ }
1331
+ .clIcon-search:before {
1332
+ content: "\e67d";
1333
+ }
1334
+ .clIcon-search-minus:before {
1335
+ content: "\e7ec";
1336
+ }
1337
+ .clIcon-search-plus:before {
1338
+ content: "\e7eb";
1339
+ }
1340
+ .clIcon-sort-down:before {
1341
+ content: "\eb9d";
1342
+ }
1343
+ .clIcon-sort-up:before {
1344
+ content: "\eb9f";
1345
+ }
1346
+ .clIcon-sorting:before {
1347
+ content: "\e68d";
1348
+ }
1349
+ .clIcon-time:before {
1350
+ content: "\e680";
1351
+ }
1352
+ .clIcon-upload:before {
1353
+ content: "\e696";
1354
+ }
1355
+ .clIcon-upload-cloud:before {
1356
+ content: "\e7e2";
1357
+ }
1358
+ .clIcon-xing-fill:before {
1359
+ content: "\e62a";
1360
+ }
1361
+ /* ---- List theme ---- */
1362
+ .dropdownLayer-theme-list {
1363
+ color: #314659;
1364
+ font-size: 14px;
1365
+ }
1366
+
1367
+ .dropdownLayer-dropdown-theme-list.dropdownLayer-dropdown {
1368
+ border-color: #888787;
1369
+ }
1370
+
1371
+ .dropdownLayer-theme-list .dropdownLayer-text {
1372
+ height: 36px;
1373
+ box-sizing: border-box;
1374
+ display: inline-block;
1375
+ margin: 0;
1376
+ position: relative;
1377
+ vertical-align: middle;
1378
+ width: 100%;
1379
+ }
1380
+
1381
+ .dropdownLayer-text.dropdownLayer-text-down > .dropdownLayer-text-container {
1382
+ border-bottom-right-radius: 0 !important;
1383
+ border-bottom-left-radius: 0 !important;
1384
+ }
1385
+
1386
+ .dropdownLayer-text.dropdownLayer-text-up > .dropdownLayer-text-container {
1387
+ border-top-right-radius: 0 !important;
1388
+ border-top-left-radius: 0 !important;
1389
+ }
1390
+
1391
+ .dropdownLayer-text > .dropdownLayer-text-container {
1392
+ height: 36px;
1393
+ border: 1px solid #cfcfcf;
1394
+ background-color: transparent !important;
1395
+ box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075);
1396
+ padding: 6px 0 6px 12px;
1397
+ border-radius: 4px;
1398
+ font-size: 14px;
1399
+ color: #555;
1400
+ box-sizing: border-box;
1401
+ cursor: pointer;
1402
+ transition: all 300ms linear;
1403
+ display: flex;
1404
+ flex-direction: row;
1405
+ align-items: center;
1406
+ }
1407
+
1408
+ .dropdownLayer-disabled > .dropdownLayer-text > .dropdownLayer-text-container {
1409
+ background-color: #f0f2f5 !important;
1410
+ cursor: no-drop;
1411
+ }
1412
+
1413
+ .dropdownLayer-disabled > .dropdownLayer-text > .dropdownLayer-text-container > .datetime-icon {
1414
+ opacity: 0.5;
1415
+ }
1416
+
1417
+ .dropdownLayer-text > .dropdownLayer-text-container.arrow-pos-left {
1418
+ padding-left: 1px;
1419
+ padding-right: 5px;
1420
+ }
1421
+
1422
+ .dropdownLayer-text > .dropdownLayer-text-container:hover,
1423
+ .dropdownLayer-text.dropdownLayer-text-open > .dropdownLayer-text-container {
1424
+ transition:
1425
+ border-color ease-in-out 0.15s,
1426
+ box-shadow ease-in-out 0.15s;
1427
+ border-color: #aaaaaa;
1428
+ }
1429
+
1430
+ .dropdownLayer-text-container > .dropdownLayer-text-render {
1431
+ flex: 1;
1432
+ overflow: hidden;
1433
+ text-overflow: ellipsis;
1434
+ white-space: nowrap;
1435
+ }
1436
+
1437
+ .dropdownLayer-text-container > .dropdownLayer-text-render > .dropdownLayer-placeholder {
1438
+ color: #6d767e;
1439
+ }
1440
+
1441
+ .panel-dropdownlayer.dropdownLayer-disabled
1442
+ > .dropdownLayer-text
1443
+ > .dropdownLayer-text-container
1444
+ > .dropdownLayer-text-render {
1445
+ opacity: 0.4;
1446
+ }
1447
+
1448
+ .dropdownLayer-text-container > .dropdownLayer-text-arrow {
1449
+ padding-left: 4px;
1450
+ padding-right: 4px;
1451
+ color: #999;
1452
+ height: 16px;
1453
+ display: flex;
1454
+ align-items: center;
1455
+ }
1456
+
1457
+ .dropdownLayer-text-container > .dropdownLayer-text-arrow > i {
1458
+ transition: all 0.2s ease-in-out;
1459
+ }
1460
+
1461
+ .dropdownLayer-text.dropdownLayer-text-open .dropdownLayer-text-arrow > i {
1462
+ transform: rotate(-180deg);
1463
+ }
1464
+
1465
+ .dropdownLayer-text-container > .dropdownLayer-text-clear {
1466
+ color: #999999;
1467
+ opacity: 0.5;
1468
+ transition: all 300ms linear;
1469
+ }
1470
+
1471
+ .dropdownLayer-text-container > .dropdownLayer-text-clear:hover {
1472
+ opacity: 1;
1473
+ }
1474
+
1475
+ .dropdownLayer-arrow > .dropdownLayer-text > .dropdownLayer-text-container {
1476
+ border-radius: 4px !important;
1477
+ }
1478
+
1479
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-list.dropdownLayer-dropdown.dropdownLayer-dropdown-up
1480
+ > .arrow {
1481
+ border-top-color: #888787;
1482
+ }
1483
+
1484
+ .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-list.dropdownLayer-dropdown.dropdownLayer-dropdown-down
1485
+ > .arrow {
1486
+ border-bottom-color: #888787;
1487
+ }
1488
+ .badge {
1489
+ display: inline-block;
1490
+ padding: 0 2px;
1491
+ text-align: center;
1492
+ white-space: nowrap;
1493
+ vertical-align: baseline;
1494
+ text-transform: none;
1495
+ font-weight: 500;
1496
+ font-size: 12px;
1497
+ color: #ffffff;
1498
+ border-radius: 8px;
1499
+ min-width: 16px;
1500
+ min-height: 16px;
1501
+ line-height: normal;
1502
+ cursor: default;
1503
+ }
1504
+
1505
+ /* 空内容时隐藏(isHideZero 隐藏 0、num 为空/非法时),不依赖 Bootstrap 的同名规则;badge-dot 模式由下方规则覆盖恢复显示 */
1506
+ .badge:empty {
1507
+ display: none;
1508
+ }
1509
+
1510
+ /* 颜色主题 */
1511
+ .bg-default {
1512
+ background-color: #1088F0 !important;
1513
+ }
1514
+
1515
+ .bg-green {
1516
+ background-color: #4bb748 !important;
1517
+ }
1518
+
1519
+ .bg-red {
1520
+ background-color: #ee3c24 !important;
1521
+ }
1522
+
1523
+ .bg-yellow {
1524
+ background-color: #fbe300 !important;
1525
+ }
1526
+
1527
+ .bg-black {
1528
+ background-color: #000000 !important;
1529
+ }
1530
+
1531
+ .bg-gray {
1532
+ background-color: #848D98 !important;
1533
+ }
1534
+
1535
+ .badge-dot {
1536
+ padding: 0;
1537
+ margin: 0;
1538
+ min-width: 7px;
1539
+ min-height: 7px;
1540
+ border-radius: 50%;
1541
+ }
1542
+
1543
+ .badge.badge-dot:empty {
1544
+ display: inline-block;
1545
+ }.panel-inputtextarea {
1546
+ position: relative;
1547
+ }
1548
+ .panel-inputtextarea textarea.text-area {
1549
+ height: 100%;
1550
+ display: block;
1551
+ width: 100%;
1552
+ padding: 6px 12px;
1553
+ font-size: 16px;
1554
+ line-height: 1.5;
1555
+ color: #495057;
1556
+ background-color: #fff;
1557
+ background-clip: padding-box;
1558
+ border: 1px solid #ced4da;
1559
+ border-radius: 4px;
1560
+ transition:
1561
+ border-color 0.15s ease-in-out,
1562
+ box-shadow 0.15s ease-in-out;
1563
+ }
1564
+ .panel-inputtextarea textarea.text-area:focus {
1565
+ border-color: #aaaaaa;
1566
+ outline: 0;
1567
+ box-shadow: none;
1568
+ }
1569
+ .panel-inputtextarea textarea.text-area:disabled {
1570
+ background-color: #e9ecef;
1571
+ opacity: 1;
1572
+ }
1573
+ .panel-inputtextarea textarea.text-area::placeholder {
1574
+ color: #6c757d;
1575
+ opacity: 1;
1576
+ }
1577
+ textarea.text-area {
1578
+ resize: none;
1579
+ height: auto;
1580
+ line-height: 1.42857143;
1581
+ }
1582
+
1583
+ .panel-inputtextarea.textarea-clean > .form-control {
1584
+ padding-right: 24px;
1585
+ }
1586
+ .textarea-clean .textarea-clear-icon {
1587
+ position: absolute;
1588
+ right: 5px;
1589
+ top: 5px;
1590
+ color: #999999;
1591
+ opacity: 0.35;
1592
+ cursor: pointer;
1593
+ transition: opacity 300ms linear;
1594
+ }
1595
+
1596
+ .text-area + .textarea-clear-icon {
1597
+ opacity: 0;
1598
+ }
1599
+ .panel-inputtextarea:hover > .textarea-clear-icon,
1600
+ .text-area:hover + .textarea-clear-icon,
1601
+ .text-area:focus + .textarea-clear-icon {
1602
+ opacity: 0.35;
1603
+ }
1604
+ .textarea-clean > .textarea-clear-icon:hover {
1605
+ opacity: 1;
1606
+ }
1607
+ .panel-tags {
1608
+ position: relative;
1609
+ }
1610
+
1611
+ .panel-tags .tag {
1612
+ display: inline-flex;
1613
+ align-items: center;
1614
+ position: relative;
1615
+ margin-bottom: 5px;
1616
+ margin-right: 5px;
1617
+ padding: 4px 8px;
1618
+ background-color: transparent;
1619
+ color: #797979;
1620
+ font-size: 13px;
1621
+ font-weight: 400;
1622
+ cursor: default;
1623
+ border-radius: 4px;
1624
+ border: 1px solid #cfcfcf;
1625
+ word-break: break-all;
1626
+ }
1627
+
1628
+ .panel-tags .tag:hover {
1629
+ background-color: #e6f7ff;
1630
+ border-color: #b1b2b3;
1631
+ color: #555555;
1632
+ }
1633
+
1634
+ .panel-tags .tag:last-child {
1635
+ margin-right: 0;
1636
+ }
1637
+
1638
+ .panel-tags .tag.tag-remove {
1639
+ padding-right: 8px;
1640
+ }
1641
+
1642
+ .panel-tags .tag .tag-close {
1643
+ margin-left: 4px;
1644
+ flex-shrink: 0;
1645
+ color: #cfcfcf;
1646
+ cursor: pointer;
1647
+ font-size: 14px;
1648
+ transition: all 0.3s linear;
1649
+ }
1650
+
1651
+ .panel-tags .tag .tag-close:hover {
1652
+ color: #ff0000;
1653
+ opacity: 1;
1654
+ }
1655
+
1656
+ .panel-tags .tag .tag-close:focus {
1657
+ outline: 0;
1658
+ }
1659
+
1660
+ .panel-tags .tag.tag-disabled {
1661
+ background-color: #f0f2f5 !important;
1662
+ opacity: 0.7;
1663
+ cursor: no-drop;
1664
+ }
1665
+
1666
+ .panel-tags .tag.tag-disabled:hover {
1667
+ background-color: #f0f2f5 !important;
1668
+ border-color: #cfcfcf;
1669
+ color: #797979;
1670
+ }
1671
+
1672
+ .panel-tags .tag.tag-disabled .tag-close:hover {
1673
+ cursor: no-drop;
1674
+ color: #cfcfcf;
1675
+ }
1676
+
1677
+ .tag.tag-hlight {
1678
+ transition: background-color 1400ms ease-out;
1679
+ }
1680
+
1681
+ .panel-tags.tags-region {
1682
+ padding: 10px 15px 5px 10px;
1683
+ margin-bottom: 5px;
1684
+ border: 1px dashed rgb(188 188 188 / 50%);
1685
+ border-radius: 4px;
1686
+ }
1687
+
1688
+ .panel-tags.tags-region:hover {
1689
+ border-color: rgb(188 188 188);
1690
+ }
1691
+
1692
+ .panel-tags.tags-region > .tag-closeAll {
1693
+ position: absolute;
1694
+ right: 3px;
1695
+ top: 6px;
1696
+ color: #cfcfcf;
1697
+ cursor: pointer;
1698
+ font-size: 14px;
1699
+ opacity: 1;
1700
+ transition: all 0.3s linear;
1701
+ }
1702
+
1703
+ .panel-tags.tags-region:hover > .tag-closeAll {
1704
+ color: rgb(188 188 188 / 50%);
1705
+ opacity: 1;
1706
+ }
1707
+
1708
+ .panel-tags.tags-region:hover > .tag-closeAll:hover {
1709
+ color: #ff0000;
1710
+ }
1711
+
1712
+ /* code theme */
1713
+ .tags-code {
1714
+ display: flex;
1715
+ flex-direction: row;
1716
+ align-items: center;
1717
+ flex-wrap: wrap;
1718
+ }
1719
+
1720
+ .tags-code .tag-code {
1721
+ display: inline-flex;
1722
+ align-items: center;
1723
+ color: #5e6d82;
1724
+ background-color: #f0f0f0;
1725
+ margin: 0 4px 2px 0;
1726
+ padding: 3px 6px;
1727
+ border-radius: 4px;
1728
+ font-size: 12px;
1729
+ word-break: break-word;
1730
+ cursor: default;
1731
+ }
1732
+
1733
+ .tags-code .tag-code:first-child {
1734
+ margin-left: 0;
1735
+ }
1736
+
1737
+ .tags-code .tag-code .tag-close {
1738
+ margin-left: 4px;
1739
+ flex-shrink: 0;
1740
+ color: #8c8c8c;
1741
+ cursor: pointer;
1742
+ font-size: 12px;
1743
+ transition: all 0.3s linear;
1744
+ }
1745
+
1746
+ .tags-code .tag-code .tag-close:hover {
1747
+ color: #ff0000;
1748
+ }
1749
+ .panel-input {
1750
+ position: relative;
1751
+ }
1752
+ .panel-input .form-control {
1753
+ display: block;
1754
+ width: 100%;
1755
+ height: 36px;
1756
+ line-height: 36px;
1757
+ }
1758
+ .input-group {
1759
+ position: relative;
1760
+ display: flex;
1761
+ flex-wrap: wrap;
1762
+ align-items: stretch;
1763
+ width: 100%;
1764
+ }
1765
+ .input-group-prepend,
1766
+ .input-group-append {
1767
+ display: flex;
1768
+ }
1769
+ .input-group-prepend {
1770
+ margin-right: -1px;
1771
+ }
1772
+ .input-group-append {
1773
+ margin-left: -1px;
1774
+ }
1775
+ .input-group-text {
1776
+ display: flex;
1777
+ align-items: center;
1778
+ padding: 6px 12px;
1779
+ margin-bottom: 0;
1780
+ line-height: 1.5;
1781
+ text-align: center;
1782
+ white-space: nowrap;
1783
+ border: 1px solid #ced4da;
1784
+ border-radius: 4px;
1785
+ background-color: #eeeeee;
1786
+ font-size: 14px;
1787
+ color: #555;
1788
+ }
1789
+ .input-group > .input-group-prepend > .input-group-text {
1790
+ border-top-right-radius: 0;
1791
+ border-bottom-right-radius: 0;
1792
+ }
1793
+ .input-group > .input-group-append > .input-group-text {
1794
+ border-top-left-radius: 0;
1795
+ border-bottom-left-radius: 0;
1796
+ }
1797
+ .input-container {
1798
+ position: relative;
1799
+ }
1800
+ .input-group > .input-container {
1801
+ position: relative;
1802
+ flex: 1 1 auto;
1803
+ width: 1%;
1804
+ margin-bottom: 0;
1805
+ }
1806
+ .input-group > .input-container:not(:first-child) > .form-control {
1807
+ border-top-left-radius: 0;
1808
+ border-bottom-left-radius: 0;
1809
+ }
1810
+ .input-group > .input-container:not(:last-child) > .form-control {
1811
+ border-top-right-radius: 0;
1812
+ border-bottom-right-radius: 0;
1813
+ }
1814
+ .input-container.input-clean > .form-control {
1815
+ padding-right: 24px;
1816
+ }
1817
+ .input-clean .input-clear-icon {
1818
+ position: absolute;
1819
+ right: 6px;
1820
+ top: 50%;
1821
+ transform: translateY(-50%);
1822
+ color: #999999;
1823
+ opacity: 0.35;
1824
+ cursor: pointer;
1825
+ transition: opacity 300ms linear;
1826
+ line-height: 1;
1827
+ }
1828
+ .form-control + .input-clear-icon {
1829
+ opacity: 0;
1830
+ }
1831
+ .input-container:hover > .input-clear-icon,
1832
+ .form-control:hover + .input-clear-icon,
1833
+ .form-control:focus + .input-clear-icon {
1834
+ opacity: 0.25;
1835
+ }
1836
+ .input-clean .input-clear-icon:hover,
1837
+ .input-clean .input-clear-icon:focus {
1838
+ opacity: 1;
1839
+ }
1840
+
1841
+ .input-container.input-suffix > .form-control {
1842
+ padding-right: 20px;
1843
+ }
1844
+ .input-container > .input-suffix {
1845
+ position: absolute;
1846
+ right: 6px;
1847
+ top: 50%;
1848
+ transform: translateY(-50%);
1849
+ display: flex;
1850
+ align-items: center;
1851
+ line-height: normal;
1852
+ }
1853
+ .input-container.input-clean.input-suffix > .form-control {
1854
+ padding-right: 42px;
1855
+ }
1856
+ .input-container.input-clean.input-suffix .input-clear-icon {
1857
+ right: 26px;
1858
+ }
1859
+ .panel-input.input-readonly .form-control[readonly] {
1860
+ cursor: default;
1861
+ }
1862
+ .panel-input.input-icon > div {
1863
+ border-radius: 4px;
1864
+ border: 1px solid #cfcfcf;
1865
+ transition:
1866
+ border 300ms linear,
1867
+ background-color 300ms linear;
1868
+ align-items: center;
1869
+ }
1870
+ .panel-input.input-icon > div:hover,
1871
+ .panel-input.input-icon > div.input-group-focus {
1872
+ border-color: #aaaaaa;
1873
+ }
1874
+ .panel-input.input-disabled.input-icon > div {
1875
+ background-color: #f0f2f5 !important;
1876
+ cursor: default;
1877
+ }
1878
+ .panel-input.input-icon .input-group-prepend,
1879
+ .panel-input.input-icon .input-group-append {
1880
+ padding: 0 12px;
1881
+ }
1882
+ .panel-input.input-icon .input-group-text {
1883
+ margin: 0;
1884
+ padding: 0;
1885
+ border-width: 0;
1886
+ background-color: transparent;
1887
+ }
1888
+ .panel-input.input-icon .form-control {
1889
+ border-width: 0;
1890
+ border-radius: 0;
1891
+ }
1892
+ /* icon 有 prepend 前缀时收紧 input 左侧留白(prepend 右间距已提供间隔,避免双重间距) */
1893
+ .panel-input.input-icon
1894
+ > .input-group:has(.input-group-prepend)
1895
+ > .input-container
1896
+ > .form-control {
1897
+ padding-left: 5px;
1898
+ }
1899
+
1900
+ .panel-input.input-bottomLine > div {
1901
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08);
1902
+ transition: border 300ms linear;
1903
+ align-items: center;
1904
+ }
1905
+ .panel-input.input-bottomLine > div.input-group-focus {
1906
+ border-bottom-color: #aaaaaa;
1907
+ }
1908
+ .panel-input.input-bottomLine .input-group-prepend,
1909
+ .panel-input.input-bottomLine .input-group-append {
1910
+ padding: 0 14px;
1911
+ height: 20px;
1912
+ }
1913
+ .panel-input.input-bottomLine .input-group-prepend {
1914
+ border-right: 1px solid rgba(0, 0, 0, 0.05);
1915
+ }
1916
+ .panel-input.input-bottomLine .input-group-append {
1917
+ border-left: 1px solid rgba(0, 0, 0, 0.05);
1918
+ }
1919
+ .panel-input.input-bottomLine .input-group-text {
1920
+ margin: 0;
1921
+ padding: 0;
1922
+ border-width: 0;
1923
+ background-color: transparent;
1924
+ }
1925
+ .panel-input.input-bottomLine .form-control {
1926
+ border-width: 0;
1927
+ border-radius: 0;
1928
+ }
1929
+ /* bottomLine 无前后缀插槽时收紧左侧留白(无边框无需缩进) */
1930
+ .panel-input.input-bottomLine > .input-container > .form-control {
1931
+ padding-left: 5px;
1932
+ }
1933
+ /* bottomLine 无前(prepend/append)后(suffix)缀插槽时贴底 1px;有插槽时保持 7px 对齐 */
1934
+ .panel-input.input-bottomLine > .input-container:not(.input-suffix) > .form-control {
1935
+ padding-bottom: 1px;
1936
+ }
1937
+ /* bottomLine 仅 append 无 prepend 时收紧左侧留白(有后缀插槽,底部保持 7px 对齐) */
1938
+ .panel-input.input-bottomLine
1939
+ > .input-group:not(:has(.input-group-prepend))
1940
+ > .input-container
1941
+ > .form-control {
1942
+ padding-left: 5px;
1943
+ }
1944
+
1945
+ /* floating 浮动标签:label 上移成小标签(与 placeholder 同色);padding 继承 CommonCss(对称 7px 12px),bottomLine 的 5px/1px 规则保持生效 */
1946
+ .panel-input .input-container.input-floating .form-control {
1947
+ height: 42px;
1948
+ line-height: 42px;
1949
+ }
1950
+ /* bottomLine + floating:加高至 44px、顶部留白 12px(与 label 贴顶协调) */
1951
+ .panel-input.input-bottomLine .input-container.input-floating .form-control {
1952
+ height: 44px;
1953
+ line-height: 44px;
1954
+ padding-top: 12px;
1955
+ }
1956
+ .input-container.input-floating .input-floating-label {
1957
+ position: absolute;
1958
+ left: 13px;
1959
+ top: 50%;
1960
+ translate: 0 -50%;
1961
+ scale: 1;
1962
+ opacity: 0;
1963
+ color: #999999;
1964
+ pointer-events: none;
1965
+ white-space: nowrap;
1966
+ line-height: 1;
1967
+ /* 下落方向:位移 400ms 缓慢回落;放大延迟至下落 90% 处(360ms 后)100ms 快速完成 */
1968
+ transition:
1969
+ translate 400ms cubic-bezier(0.4, 0, 0.2, 1),
1970
+ scale 100ms cubic-bezier(0.4, 0, 0.2, 1) 360ms,
1971
+ opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
1972
+ }
1973
+ .input-container.input-floating .form-control:focus ~ .input-floating-label,
1974
+ .input-container.input-floating .form-control:not(:placeholder-shown) ~ .input-floating-label {
1975
+ opacity: 1;
1976
+ translate: 0 -200%;
1977
+ scale: 0.8;
1978
+ background-color: #ffffff;
1979
+ padding: 0 4px;
1980
+ border-radius: 2px;
1981
+ /* 上移方向:300ms 同步位移+缩小 */
1982
+ transition:
1983
+ translate 300ms cubic-bezier(0.4, 0, 0.2, 1),
1984
+ scale 300ms cubic-bezier(0.4, 0, 0.2, 1),
1985
+ opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
1986
+ }
1987
+ .input-container.input-floating .form-control:focus::placeholder,
1988
+ .input-container.input-floating .form-control:not(:placeholder-shown)::placeholder {
1989
+ opacity: 0;
1990
+ }
1991
+ /* bottomLine 无边框:label 上移贴顶即可(无边框可骑,无需越出);文字与 input 文字(padding-left 5px)左对齐:
1992
+ 去除聚焦态 padding 留白 + scale 以左缘为中心,保证缩放后文字左缘仍对齐 input 文字 */
1993
+ .panel-input.input-bottomLine .input-floating-label {
1994
+ left: 5px;
1995
+ transform-origin: left center;
1996
+ }
1997
+ .panel-input.input-bottomLine .input-group:has(.input-group-prepend) .input-floating-label {
1998
+ left: 12px;
1999
+ }
2000
+ .panel-input.input-bottomLine
2001
+ .input-container.input-floating
2002
+ .form-control:focus
2003
+ ~ .input-floating-label,
2004
+ .panel-input.input-bottomLine
2005
+ .input-container.input-floating
2006
+ .form-control:not(:placeholder-shown)
2007
+ ~ .input-floating-label {
2008
+ translate: 0 -150%;
2009
+ padding-left: 0;
2010
+ }
2011
+ .form-control {
2012
+ background-color: transparent !important;
2013
+ border: 1px solid #cfcfcf;
2014
+ border-radius: 4px;
2015
+ color: #565656;
2016
+ padding: 0.4375rem 0.75rem;
2017
+ max-width: 100%;
2018
+ height: 2.375rem;
2019
+ line-height: 2.375rem;
2020
+ font-size: 0.875rem;
2021
+ box-shadow: none;
2022
+ transition: all 300ms linear;
2023
+ }
2024
+
2025
+ .form-control:hover,
2026
+ .form-control:focus {
2027
+ border: 1px solid #AAAAAA;
2028
+ box-shadow: none;
2029
+ color: #333333;
2030
+ }
2031
+
2032
+ .form-control[disabled] {
2033
+ background-color: #f0f2f5 !important;
2034
+ cursor: no-drop;
2035
+ border-color: #cfcfcf !important;
2036
+ }
2037
+ /* Clipboard 组件样式 */
2038
+
2039
+ .panel-clipboard {
2040
+ position: relative;
2041
+ display: flex;
2042
+ flex-direction: row;
2043
+ align-items: center;
2044
+ justify-content: center;
2045
+ }
2046
+
2047
+ .clipboard-btn {
2048
+ color: #ffffff;
2049
+ cursor: pointer;
2050
+ }
2051
+
2052
+ .clipboard-operate-result {
2053
+ position: absolute;
2054
+ left: 0;
2055
+ top: 0;
2056
+ width: 100%;
2057
+ height: 100%;
2058
+ z-index: 1;
2059
+ background-color: rgba(79, 79, 79, 0.15);
2060
+ display: flex;
2061
+ flex-direction: row;
2062
+ align-items: center;
2063
+ justify-content: center;
2064
+ color: #52c41a;
2065
+ transition: opacity 0.2s ease;
2066
+ }
2067
+ .panel-input-search {
2068
+ position: relative;
2069
+ display: inline-block;
2070
+ }
2071
+ .panel-input-search .input-clean .input-clear-icon {
2072
+ right: 5px;
2073
+ }
2074
+ .panel-input-search.input-search-icon .panel-input.input-icon .input-group-prepend,
2075
+ .panel-input-search.input-search-icon .panel-input.input-icon .input-group-append,
2076
+ .panel-input-search.input-search-text .panel-input.input-icon .input-group-prepend,
2077
+ .panel-input-search.input-search-text .panel-input.input-icon .input-group-append {
2078
+ padding: 0 8px 0 5px;
2079
+ height: 20px;
2080
+ cursor: pointer;
2081
+ opacity: 0.5;
2082
+ color: #999999;
2083
+ transition: opacity 300ms linear;
2084
+ }
2085
+ .panel-input-search.input-search-icon .panel-input.input-icon .input-group-prepend:hover,
2086
+ .panel-input-search.input-search-icon .panel-input.input-icon .input-group-append:hover,
2087
+ .panel-input-search.input-search-text .panel-input.input-icon .input-group-prepend:hover,
2088
+ .panel-input-search.input-search-text .panel-input.input-icon .input-group-append:hover {
2089
+ opacity: 1;
2090
+ }
2091
+ .panel-input-search.input-search-icon.input-search-disabled
2092
+ .panel-input.input-icon
2093
+ .input-group-prepend:hover,
2094
+ .panel-input-search.input-search-icon.input-search-disabled
2095
+ .panel-input.input-icon
2096
+ .input-group-append:hover,
2097
+ .panel-input-search.input-search-text.input-search-disabled
2098
+ .panel-input.input-icon
2099
+ .input-group-prepend:hover,
2100
+ .panel-input-search.input-search-text.input-search-disabled
2101
+ .panel-input.input-icon
2102
+ .input-group-append:hover {
2103
+ opacity: 0.5;
2104
+ cursor: default;
2105
+ }
2106
+ .panel-input-search .panel-input.input-icon .input-group-prepend + .input-container .form-control {
2107
+ padding-left: 5px;
2108
+ }
2109
+ .panel-checkbox {
2110
+ position: relative;
2111
+ }
2112
+
2113
+ .checkbox {
2114
+ position: relative;
2115
+ vertical-align: middle;
2116
+ margin-bottom: 0;
2117
+ margin-right: 0
2118
+ }
2119
+
2120
+ .checkbox.checkbox-inline {
2121
+ display: inline-block;
2122
+ }
2123
+
2124
+ .panel-checkbox .checkbox {
2125
+ margin-bottom: 5px;
2126
+ }
2127
+
2128
+ .panel-checkbox .checkbox.checkbox-inline {
2129
+ margin-right: 10px;
2130
+ margin-bottom: 0;
2131
+ }
2132
+
2133
+ .checkbox>span {
2134
+ display: flex;
2135
+ flex-direction: row;
2136
+ align-items: center;
2137
+ }
2138
+
2139
+ .checkbox>span>span {
2140
+ display: flex;
2141
+ flex-direction: row;
2142
+ align-items: center;
2143
+ }
2144
+
2145
+ .checkbox label {
2146
+ display: inline-block;
2147
+ padding-left: 0;
2148
+ position: relative;
2149
+ min-height: 20px;
2150
+ margin-bottom: 0;
2151
+ font-weight: 400;
2152
+ cursor: pointer;
2153
+ }
2154
+
2155
+ .checkbox label:before {
2156
+ background-color: transparent;
2157
+ border-radius: 3px;
2158
+ border: 1px solid #cfcfcf;
2159
+ content: "";
2160
+ display: inline-block;
2161
+ height: 17px;
2162
+ left: 0;
2163
+ margin-left: -20px;
2164
+ position: absolute;
2165
+ top: 1px;
2166
+ transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
2167
+ width: 17px;
2168
+ outline: none !important;
2169
+ }
2170
+
2171
+ .checkbox>span:hover label:before {
2172
+ border-color: #aaaaaa;
2173
+ }
2174
+
2175
+ .checkbox input[type="checkbox"]:disabled+label:before {
2176
+ border-color: #cccccc !important;
2177
+ }
2178
+
2179
+ .checkbox input[type="checkbox"]:checked:disabled+label:before {
2180
+ border-color: #1088f0 !important;
2181
+ }
2182
+
2183
+ .checkbox label:after {
2184
+ color: #555555;
2185
+ display: inline-block;
2186
+ font-size: 12px;
2187
+ height: 17px;
2188
+ left: 0;
2189
+ margin-left: -20px;
2190
+ position: absolute;
2191
+ top: 1px;
2192
+ width: 17px;
2193
+ text-align: center;
2194
+ }
2195
+
2196
+ .checkbox label>i {
2197
+ margin-left: 2px;
2198
+ font-size: 20px;
2199
+ }
2200
+
2201
+ .checkbox input[type="checkbox"] {
2202
+ position: relative;
2203
+ margin: 0;
2204
+ width: 20px;
2205
+ height: 20px;
2206
+ vertical-align: middle;
2207
+ cursor: pointer;
2208
+ opacity: 0;
2209
+ z-index: 1;
2210
+ outline: none !important;
2211
+ }
2212
+
2213
+ .checkbox input[type="checkbox"]:disabled+label {
2214
+ opacity: 0.5;
2215
+ }
2216
+
2217
+ .checkbox input[type="checkbox"]:focus+label:before {
2218
+ outline-offset: -2px;
2219
+ outline: none;
2220
+ outline: thin dotted;
2221
+ }
2222
+
2223
+ .checkbox input[type="checkbox"]:checked+label:after {
2224
+ content: "\e655";
2225
+ font-family: "clIconFont";
2226
+ }
2227
+
2228
+ .checkbox input[type="checkbox"].indeterminate+label:after {
2229
+ content: "\e7fd";
2230
+ font-family: "clIconFont";
2231
+ padding-left: 0;
2232
+ }
2233
+
2234
+ .checkbox.checkbox-circle label:before {
2235
+ border-radius: 50%;
2236
+ }
2237
+
2238
+
2239
+ .checkbox-default input[type="checkbox"].indeterminate+label:before,
2240
+ .checkbox-default input[type="checkbox"]:checked+label:before {
2241
+ background-color: #1088f0;
2242
+ border-color: #1088f0;
2243
+ }
2244
+
2245
+ .checkbox-default input[type="checkbox"].indeterminate+label:after,
2246
+ .checkbox-default input[type="checkbox"]:checked+label:after {
2247
+ color: #ffffff;
2248
+ }
2249
+
2250
+ .checkbox input[type="checkbox"]:disabled,
2251
+ .checkbox input[type="checkbox"]:disabled+label,
2252
+ .checkbox input[type="checkbox"]:disabled+label:before,
2253
+ .checkbox input[type="checkbox"]:disabled+label:after {
2254
+ cursor: no-drop;
2255
+ }
2256
+
2257
+ .checkbox i.checkbox-icon-tip {
2258
+ color: #bbbbbb;
2259
+ margin-left: 2px;
2260
+ }.tooltip {
2261
+ padding: 0 !important;
2262
+ z-index: 3999;
2263
+ }
2264
+
2265
+ .tooltip-inner {
2266
+ text-align: left;
2267
+ max-width: 300px;
2268
+ word-wrap: break-word;
2269
+ word-break: break-all;
2270
+ color: #2c3343;
2271
+ background-color: #ffffff;
2272
+ box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
2273
+ border-radius: 4px;
2274
+ font-size: 14px;
2275
+ }
2276
+ .tooltip > .arrow,
2277
+ .tooltip > .arrow::before {
2278
+ position: absolute;
2279
+ background: inherit;
2280
+ }
2281
+
2282
+ .tooltip > .arrow {
2283
+ visibility: hidden;
2284
+ width: 16px;
2285
+ height: 8px;
2286
+ }
2287
+
2288
+ .tooltip > .arrow::before {
2289
+ visibility: visible;
2290
+ content: '';
2291
+ width: 0;
2292
+ height: 0;
2293
+ }
2294
+
2295
+ .tooltip[data-popper-placement^='top'] > .arrow {
2296
+ bottom: -7px;
2297
+ }
2298
+
2299
+ .tooltip[data-popper-placement^='top'] > .arrow::before {
2300
+ border-width: 8px 8px 0 8px;
2301
+ }
2302
+
2303
+ .tooltip[data-popper-placement^='right'] .tooltip-inner {
2304
+ box-shadow: -3px 2px 10px 0 rgba(0, 0, 0, 0.2);
2305
+ }
2306
+
2307
+ .tooltip[data-popper-placement^='right'] > .arrow {
2308
+ left: -7px;
2309
+ width: 8px;
2310
+ height: 16px;
2311
+ }
2312
+
2313
+ .tooltip[data-popper-placement^='right'] > .arrow::before {
2314
+ border-width: 8px 8px 8px 0;
2315
+ }
2316
+
2317
+ .tooltip[data-popper-placement^='bottom'] .tooltip-inner {
2318
+ box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);
2319
+ }
2320
+
2321
+ .tooltip[data-popper-placement^='bottom'] > .arrow {
2322
+ top: -7px;
2323
+ }
2324
+
2325
+ .tooltip[data-popper-placement^='bottom'] > .arrow::before {
2326
+ border-width: 0 8px 8px 8px;
2327
+ }
2328
+
2329
+ .tooltip[data-popper-placement^='left'] .tooltip-inner {
2330
+ box-shadow: 3px 2px 10px 0 rgba(0, 0, 0, 0.2);
2331
+ }
2332
+
2333
+ .tooltip[data-popper-placement^='left'] > .arrow {
2334
+ right: -7px;
2335
+ width: 8px;
2336
+ height: 16px;
2337
+ }
2338
+
2339
+ .tooltip[data-popper-placement^='left'] > .arrow::before {
2340
+ border-width: 8px 0 8px 8px;
2341
+ }
2342
+
2343
+ .tooltip.tooltip-white[data-popper-placement^='top'] > .arrow::before {
2344
+ border-top-color: #ffffff;
2345
+ }
2346
+ .tooltip.tooltip-white[data-popper-placement^='right'] > .arrow::before {
2347
+ border-right-color: #ffffff;
2348
+ }
2349
+ .tooltip.tooltip-white[data-popper-placement^='bottom'] > .arrow::before {
2350
+ border-bottom-color: #ffffff;
2351
+ }
2352
+ .tooltip.tooltip-white[data-popper-placement^='left'] > .arrow::before {
2353
+ border-left-color: #ffffff;
2354
+ }
2355
+
2356
+ .tooltip.tooltip-black .tooltip-inner {
2357
+ color: #ffffff;
2358
+ background-color: #000000;
2359
+ }
2360
+ .tooltip.tooltip-black[data-popper-placement^='top'] > .arrow::before {
2361
+ border-top-color: #000000;
2362
+ }
2363
+ .tooltip.tooltip-black[data-popper-placement^='right'] > .arrow::before {
2364
+ border-right-color: #000000;
2365
+ }
2366
+ .tooltip.tooltip-black[data-popper-placement^='bottom'] > .arrow::before {
2367
+ border-bottom-color: #000000;
2368
+ }
2369
+
2370
+ /* ---- 箭头对齐:-start → 靠左/上,-end → 靠右/下;水平 14px,垂直 5px ---- */
2371
+ .tooltip[data-popper-placement='top-start'] > .arrow,
2372
+ .tooltip[data-popper-placement='bottom-start'] > .arrow {
2373
+ left: 14px !important;
2374
+ right: auto !important;
2375
+ transform: none !important;
2376
+ }
2377
+ .tooltip[data-popper-placement='top-end'] > .arrow,
2378
+ .tooltip[data-popper-placement='bottom-end'] > .arrow {
2379
+ left: auto !important;
2380
+ right: 14px !important;
2381
+ transform: none !important;
2382
+ }
2383
+ .tooltip[data-popper-placement='right-start'] > .arrow,
2384
+ .tooltip[data-popper-placement='left-start'] > .arrow {
2385
+ top: 5px !important;
2386
+ bottom: auto !important;
2387
+ transform: none !important;
2388
+ }
2389
+ .tooltip[data-popper-placement='right-end'] > .arrow,
2390
+ .tooltip[data-popper-placement='left-end'] > .arrow {
2391
+ top: auto !important;
2392
+ bottom: 5px !important;
2393
+ transform: none !important;
2394
+ }
2395
+ /* Load 组件主容器样式 */
2396
+ .panel-load {
2397
+ position: relative;
2398
+ display: inline-block;
2399
+ }
2400
+ .panel-load.size-large {
2401
+ transform: scale(1.67);
2402
+ transform-origin: center center;
2403
+ }
2404
+ .panel-load.size-xl {
2405
+ transform: scale(2);
2406
+ transform-origin: center center;
2407
+ }
2408
+ .panel-load.size-xxl {
2409
+ transform: scale(3);
2410
+ transform-origin: center center;
2411
+ }
2412
+ .panel-load.size-xs {
2413
+ transform: scale(0.75);
2414
+ transform-origin: center center;
2415
+ }
2416
+ /* Ing 加载中/空数据状态样式 */
2417
+ .panel-loading {
2418
+ position: absolute;
2419
+ top: 0;
2420
+ right: 0;
2421
+ bottom: 0;
2422
+ left: 0;
2423
+ display: flex;
2424
+ align-items: center;
2425
+ justify-content: center;
2426
+ background-color: rgba(255, 255, 255, 0.7);
2427
+ }
2428
+
2429
+ .loading-content {
2430
+ display: flex;
2431
+ align-items: center;
2432
+ justify-content: center;
2433
+ }
2434
+
2435
+ .loading-nothing {
2436
+ display: flex;
2437
+ flex-direction: row;
2438
+ align-items: center;
2439
+ justify-content: center;
2440
+ height: 100%;
2441
+ font-size: 20px;
2442
+ color: #c0c0c0;
2443
+ cursor: default;
2444
+ }
2445
+ .panel-inputtag {
2446
+ position: relative;
2447
+ }
2448
+
2449
+ .panel-inputtag.dropdownLayer-theme-list .dropdownLayer-text {
2450
+ height: auto;
2451
+ }
2452
+
2453
+ .panel-inputtag .inputTag-container {
2454
+ padding: 0 !important;
2455
+ cursor: text;
2456
+ height: auto;
2457
+ display: block;
2458
+ }
2459
+
2460
+ .panel-inputtag .inputTag-container.inputTag-multiple {
2461
+ padding: 7px 20px 7px 7px !important;
2462
+ border: 1px solid #cfcfcf;
2463
+ background-color: transparent !important;
2464
+ box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075);
2465
+ border-radius: 4px;
2466
+ font-size: 14px;
2467
+ color: #555;
2468
+ box-sizing: border-box;
2469
+ transition: all 300ms linear;
2470
+ }
2471
+
2472
+ .panel-inputtag .inputTag-container.inputTag-multiple .inputTag-tags {
2473
+ max-height: none;
2474
+ overflow-y: auto;
2475
+ }
2476
+
2477
+ .panel-inputtag .inputTag-container .panel-input .form-control {
2478
+ border-width: 0;
2479
+ padding: 7px 20px 7px 12px;
2480
+ }
2481
+
2482
+ .inputTag-container:hover,
2483
+ .inputTag-container.inputTag-focus {
2484
+ border-color: #aaaaaa;
2485
+ }
2486
+
2487
+ .inputTag-container .panel-inputtextarea.box-width {
2488
+ width: auto !important;
2489
+ }
2490
+
2491
+ .inputTag-container .panel-inputtextarea textarea.text-area {
2492
+ padding: 0;
2493
+ border-width: 0;
2494
+ /* 初始高度 24px 与内容单行行高一致:初始 20px 时输入后 scrollHeight 量到 26px 导致整体框跳变;多选模式内容超出靠 isAutoHeight 撑高,内部无需滚动 */
2495
+ overflow-y: hidden;
2496
+ }
2497
+
2498
+ .inputTag-container .inputTag-operate {
2499
+ position: absolute;
2500
+ right: 5px;
2501
+ top: 10px;
2502
+ color: #999999;
2503
+ display: flex;
2504
+ flex-direction: column;
2505
+ align-items: center;
2506
+ }
2507
+
2508
+ .inputTag-container .inputTag-operate-btn {
2509
+ opacity: 0;
2510
+ cursor: pointer;
2511
+ transition: opacity 300ms linear;
2512
+ }
2513
+
2514
+ .inputTag-container .inputTag-operate .badge {
2515
+ background-color: #cfcfcf !important;
2516
+ min-width: 12px;
2517
+ min-height: 12px;
2518
+ font-size: 10px;
2519
+ }
2520
+
2521
+ .inputTag-container:hover .inputTag-operate-btn,
2522
+ .inputTag-container.inputTag-focus .inputTag-operate-btn {
2523
+ opacity: 0.35;
2524
+ }
2525
+
2526
+ .inputTag-container .inputTag-operate-btn:hover {
2527
+ opacity: 1;
2528
+ }
2529
+
2530
+ .inputTag-container .inputTag-operate .panel-clipboard > .clipboard-btn {
2531
+ color: #999999;
2532
+ }
2533
+
2534
+ .inputTag-operate .panel-clipboard > .clipboard-btn > i,
2535
+ .inputTag-operate .panel-clipboard .clipboard-operate-result > i {
2536
+ font-size: 14px;
2537
+ }
2538
+
2539
+ .inputTag-operate .panel-clipboard .clipboard-operate-result {
2540
+ border-radius: 4px;
2541
+ }
2542
+
2543
+ .panel-inputtag.inputTag-disabled .inputTag-container {
2544
+ cursor: no-drop;
2545
+ }
2546
+
2547
+ .panel-inputtag.inputTag-disabled
2548
+ .inputTag-container
2549
+ .panel-inputtextarea
2550
+ textarea.text-area:disabled {
2551
+ background-color: transparent !important;
2552
+ }
2553
+
2554
+ .inputTag-dropdown.inputTag-dropdown-nodata {
2555
+ display: none;
2556
+ }
2557
+
2558
+ /* 无匹配关闭:关闭动画 0s 直接消失——搜索清空内容先于关闭动画触发,渐隐会让空面板边框(底线)残留 500ms 与内容消失不同步 */
2559
+ .inputTag-dropdown-leave {
2560
+ animation-duration: 0s !important;
2561
+ }
2562
+
2563
+ /* Dropdown list */
2564
+ .dropdownLayer-list-search {
2565
+ padding: 4px;
2566
+ position: relative;
2567
+ width: 100%;
2568
+ }
2569
+
2570
+ .dropdownLayer-list-search > .panel-input-search {
2571
+ width: 100%;
2572
+ }
2573
+
2574
+ .dropdownLayer-list-search > .panel-input-search .panel-input {
2575
+ width: auto;
2576
+ }
2577
+
2578
+ .dropdownLayer-list-search .form-control {
2579
+ width: 100%;
2580
+ height: 30px;
2581
+ line-height: 30px;
2582
+ padding: 4px 22px 4px 4px;
2583
+ }
2584
+
2585
+ .dropdownLayer-list-checkboxAll {
2586
+ border-bottom: 1px solid #cccccc;
2587
+ padding: 7px 0 5px 7px;
2588
+ text-align: left;
2589
+ height: 36px;
2590
+ }
2591
+
2592
+ .dropdownLayer-list-body {
2593
+ position: relative;
2594
+ max-height: 210px;
2595
+ overflow-y: auto;
2596
+ overflow-x: hidden;
2597
+ }
2598
+
2599
+ .dropdownLayer-list-body > ul {
2600
+ position: relative;
2601
+ list-style: none;
2602
+ margin: 0;
2603
+ padding: 0;
2604
+ word-wrap: break-word;
2605
+ }
2606
+
2607
+ .dropdownLayer-list-body > ul > li {
2608
+ padding: 0 0 1px 0;
2609
+ word-break: break-all;
2610
+ user-select: none;
2611
+ cursor: pointer;
2612
+ margin: 0;
2613
+ }
2614
+
2615
+ .dropdownLayer-list-body > ul > li > div {
2616
+ display: flex;
2617
+ flex-direction: row;
2618
+ align-items: flex-start;
2619
+ padding: 6px 6px 6px 7px;
2620
+ }
2621
+
2622
+ .dropdownLayer-list-body > ul > li:hover > div,
2623
+ .dropdownLayer-list-body > ul > li.option-hoverKeydown > div,
2624
+ .dropdownLayer-list-body > ul > li.option-selected > div,
2625
+ .dropdownLayer-list-body > ul > li.option-disabled.option-selected:hover > div {
2626
+ background-color: #e6f7ff;
2627
+ }
2628
+
2629
+ .dropdownLayer-list-body > ul > li .dropdownLayer-list-checkbox {
2630
+ width: 20px;
2631
+ height: 20px;
2632
+ }
2633
+
2634
+ .dropdownLayer-list-body .dropdownLayer-list-title {
2635
+ flex: 1;
2636
+ }
2637
+
2638
+ .dropdownLayer-list-body > ul > li .dropdownLayer-list-checkbox .checkbox label:before,
2639
+ .dropdownLayer-list-body > ul > li .dropdownLayer-list-checkbox .checkbox label:after {
2640
+ top: -3px;
2641
+ }
2642
+
2643
+ .dropdownLayer-list-body > ul > li.option-disabled {
2644
+ cursor: no-drop;
2645
+ opacity: 0.5;
2646
+ }
2647
+
2648
+ .dropdownLayer-list-body > ul > li.option-disabled:hover {
2649
+ background-color: #ffffff;
2650
+ }
2651
+
2652
+ /* 级联子级缩进 */
2653
+ .dropdownLayer-list-body > ul > li.inputTag-dropdown-item-child > div {
2654
+ background-color: #fafafa;
2655
+ }
2656
+
2657
+ .dropdownLayer-list-body > ul > li.inputTag-dropdown-item-child:hover > div,
2658
+ .dropdownLayer-list-body > ul > li.inputTag-dropdown-item-child.option-hoverKeydown > div,
2659
+ .dropdownLayer-list-body > ul > li.inputTag-dropdown-item-child.option-selected > div {
2660
+ background-color: #e6f7ff;
2661
+ }
2662
+
2663
+ .dropdownLayer-list-body > ul > li.inputTag-dropdown-item-child.option-disabled:hover > div {
2664
+ background-color: #fafafa;
2665
+ }
2666
+
2667
+ .dropdownLayer-list-body .dropdownLayer-list-empty {
2668
+ padding: 6px;
2669
+ word-break: break-all;
2670
+ user-select: none;
2671
+ }
2672
+
2673
+ .inputTag-load {
2674
+ height: 100px;
2675
+ }
2676
+
2677
+ .inputTag-load .loading-wrapper {
2678
+ background-color: #ffffff;
2679
+ }
2680
+
2681
+
2682
+ .load-newtonCradle[data-v-05c04027] {
2683
+ display: flex;
2684
+ align-items: center;
2685
+ justify-content: center;
2686
+ width: 100%;
2687
+ height: 100%;
2688
+ }
2689
+ .newtons-cradle[data-v-05c04027] {
2690
+ --uib-size: 30px;
2691
+ --uib-speed: 1.2s;
2692
+ position: relative;
2693
+ display: flex;
2694
+ align-items: center;
2695
+ justify-content: center;
2696
+ width: var(--uib-size);
2697
+ height: var(--uib-size);
2698
+ }
2699
+ .newtons-cradle__dot[data-v-05c04027] {
2700
+ position: relative;
2701
+ display: flex;
2702
+ align-items: center;
2703
+ height: 100%;
2704
+ width: 25%;
2705
+ transform-origin: center top;
2706
+ }
2707
+ .newtons-cradle__dot[data-v-05c04027]::after {
2708
+ content: '';
2709
+ display: block;
2710
+ width: 100%;
2711
+ height: 25%;
2712
+ border-radius: 50%;
2713
+ background-color: var(--v4c107767);
2714
+ }
2715
+ .newtons-cradle__dot[data-v-05c04027]:first-child {
2716
+ animation: newtonCradle-swing-05c04027 var(--uib-speed) linear infinite;
2717
+ }
2718
+ .newtons-cradle__dot[data-v-05c04027]:last-child {
2719
+ animation: newtonCradle-swing2-05c04027 var(--uib-speed) linear infinite;
2720
+ }
2721
+ @keyframes newtonCradle-swing-05c04027 {
2722
+ 0% {
2723
+ transform: rotate(0deg);
2724
+ animation-timing-function: ease-out;
2725
+ }
2726
+ 25% {
2727
+ transform: rotate(70deg);
2728
+ animation-timing-function: ease-in;
2729
+ }
2730
+ 50% {
2731
+ transform: rotate(0deg);
2732
+ animation-timing-function: linear;
2733
+ }
2734
+ }
2735
+ @keyframes newtonCradle-swing2-05c04027 {
2736
+ 0% {
2737
+ transform: rotate(0deg);
2738
+ animation-timing-function: linear;
2739
+ }
2740
+ 50% {
2741
+ transform: rotate(0deg);
2742
+ animation-timing-function: ease-out;
2743
+ }
2744
+ 75% {
2745
+ transform: rotate(-70deg);
2746
+ animation-timing-function: ease-in;
2747
+ }
2748
+ }
2749
+
2750
+
2751
+ .load-orbitSwap[data-v-b9f931bc] {
2752
+ display: flex;
2753
+ align-items: center;
2754
+ justify-content: center;
2755
+ width: 100%;
2756
+ height: 100%;
2757
+ }
2758
+ .loader[data-v-b9f931bc] {
2759
+ height: 9px;
2760
+ aspect-ratio: 4;
2761
+ --_g: no-repeat radial-gradient(farthest-side, var(--caa75624) 90%, var(--caa75624));
2762
+ background:
2763
+ var(--_g) left,
2764
+ var(--_g) right;
2765
+ background-size: 25% 100%;
2766
+ display: grid;
2767
+ }
2768
+ .loader[data-v-b9f931bc]:before,
2769
+ .loader[data-v-b9f931bc]:after {
2770
+ content: "";
2771
+ height: inherit;
2772
+ aspect-ratio: 1;
2773
+ grid-area: 1/1;
2774
+ margin: auto;
2775
+ border-radius: 50%;
2776
+ transform-origin: -100% 50%;
2777
+ background: var(--caa75626);
2778
+ animation: orbitSwap-l49-b9f931bc 1s infinite linear;
2779
+ }
2780
+ .loader[data-v-b9f931bc]:after {
2781
+ transform-origin: 200% 50%;
2782
+ --s: -1;
2783
+ animation-delay: -0.5s;
2784
+ }
2785
+ @keyframes orbitSwap-l49-b9f931bc {
2786
+ 58%,
2787
+ 100% {
2788
+ transform: rotate(calc(var(--s, 1) * 1turn));
2789
+ }
2790
+ }
2791
+
2792
+
2793
+ .load-ringClip[data-v-cf0dcd20] { width: 30px; height: 30px;
2794
+ }
2795
+ .loader[data-v-cf0dcd20] {
2796
+ width: 30px;
2797
+ aspect-ratio: 1;
2798
+ border-radius: 50%;
2799
+ border: 5px solid currentColor;
2800
+ animation:
2801
+ ringClip-1-cf0dcd20 0.8s infinite linear alternate,ringClip-2-cf0dcd20 1.6s infinite linear;
2802
+ }
2803
+ @keyframes ringClip-1-cf0dcd20 {
2804
+ 0% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
2805
+ }
2806
+ 12.5% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
2807
+ }
2808
+ 25% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
2809
+ }
2810
+ 50% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
2811
+ }
2812
+ 62.5% { clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
2813
+ }
2814
+ 75% { clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
2815
+ }
2816
+ 100% { clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
2817
+ }
2818
+ }
2819
+ @keyframes ringClip-2-cf0dcd20 {
2820
+ 0% { transform: scaleY(1) rotate(0deg);
2821
+ }
2822
+ 49.99% { transform: scaleY(1) rotate(135deg);
2823
+ }
2824
+ 50% { transform: scaleY(-1) rotate(0deg);
2825
+ }
2826
+ 100% { transform: scaleY(-1) rotate(-135deg);
2827
+ }
2828
+ }
2829
+
2830
+
2831
+ .load-ringCross[data-v-cfeca7b8] { width: 36px; height: 15px;
2832
+ }
2833
+ .loader[data-v-cfeca7b8] {
2834
+ width: 36px;
2835
+ height: 15px;
2836
+ border: 1px solid;
2837
+ box-sizing: border-box;
2838
+ border-radius: 50%;
2839
+ display: grid;
2840
+ animation: ringCross-cfeca7b8 2s infinite linear;
2841
+ }
2842
+ .loader[data-v-cfeca7b8]::before,
2843
+ .loader[data-v-cfeca7b8]::after {
2844
+ content: "";
2845
+ grid-area: 1/1;
2846
+ border: inherit;
2847
+ border-radius: 50%;
2848
+ animation: inherit;
2849
+ animation-duration: 3s;
2850
+ }
2851
+ .loader[data-v-cfeca7b8]::after { --s: -1;
2852
+ }
2853
+ @keyframes ringCross-cfeca7b8 {
2854
+ 100% { transform: rotate(calc(var(--s, 1) * 1turn));
2855
+ }
2856
+ }
2857
+
2858
+
2859
+ .load-ringDot[data-v-5d72896a] { width: 30px; height: 30px;
2860
+ }
2861
+ .loader[data-v-5d72896a] {
2862
+ width: 30px;
2863
+ aspect-ratio: 1;
2864
+ border-radius: 50%;
2865
+ padding: 2px;
2866
+ background:
2867
+ radial-gradient(farthest-side, currentColor 95%, #0000) 50% 0/7px 7px no-repeat,
2868
+ radial-gradient(farthest-side, #0000 calc(100% - 3px), currentColor calc(100% - 2px)) content-box;
2869
+ animation: ringDot-5d72896a 2s infinite;
2870
+ }
2871
+ @keyframes ringDot-5d72896a {
2872
+ to { transform: rotate(1turn);
2873
+ }
2874
+ }
2875
+
2876
+
2877
+ .load-ringFan[data-v-201232ed] { width: 24px; height: 24px;
2878
+ }
2879
+ .loader[data-v-201232ed] {
2880
+ width: 24px;
2881
+ aspect-ratio: 1;
2882
+ color: currentColor;
2883
+ background: conic-gradient(currentColor 0 270deg, #0000 0);
2884
+ border-radius: 50%;
2885
+ animation: ringFan-0-201232ed 4s infinite linear;
2886
+ }
2887
+ .loader[data-v-201232ed]::before {
2888
+ content: "";
2889
+ display: block;
2890
+ height: 50%;
2891
+ width: 50%;
2892
+ border-top-left-radius: 60px;
2893
+ background: currentColor;
2894
+ animation: ringFan-1-201232ed 0.5s infinite alternate;
2895
+ }
2896
+ @keyframes ringFan-0-201232ed {
2897
+ 0%, 24.99% { transform: rotate(0deg);
2898
+ }
2899
+ 25%, 49.99% { transform: rotate(90deg);
2900
+ }
2901
+ 50%, 74.99% { transform: rotate(180deg);
2902
+ }
2903
+ 75%, 100% { transform: rotate(270deg);
2904
+ }
2905
+ }
2906
+ @keyframes ringFan-1-201232ed {
2907
+ 100% { transform: translate(-6px, -6px);
2908
+ }
2909
+ }
2910
+
2911
+
2912
+ .load-ringGlow[data-v-a2c4d6d9] {
2913
+ display: flex;
2914
+ align-items: center;
2915
+ justify-content: center;
2916
+ width: 100%;
2917
+ height: 100%;
2918
+ }
2919
+ .loader[data-v-a2c4d6d9] {
2920
+ width: 6em;
2921
+ height: 6em;
2922
+ font-size: 10px;
2923
+ position: relative;
2924
+ display: flex;
2925
+ align-items: center;
2926
+ justify-content: center;
2927
+ }
2928
+ .loader .face[data-v-a2c4d6d9] {
2929
+ position: absolute;
2930
+ border-radius: 50%;
2931
+ border-style: solid;
2932
+ animation: ringGlow-rotate-a2c4d6d9 3s linear infinite;
2933
+ }
2934
+ .loader .face[data-v-a2c4d6d9]:nth-child(1) {
2935
+ width: 100%;
2936
+ height: 100%;
2937
+ color: var(--c1);
2938
+ border-color: currentColor transparent transparent currentColor;
2939
+ border-width: 0.2em 0.2em 0em 0em;
2940
+ --deg: -45deg;
2941
+ animation-direction: normal;
2942
+ }
2943
+ .loader .face[data-v-a2c4d6d9]:nth-child(2) {
2944
+ width: 70%;
2945
+ height: 70%;
2946
+ color: var(--c2);
2947
+ border-color: currentColor currentColor transparent transparent;
2948
+ border-width: 0.2em 0em 0em 0.2em;
2949
+ --deg: -135deg;
2950
+ animation-direction: reverse;
2951
+ }
2952
+ .loader .face .circle[data-v-a2c4d6d9] {
2953
+ position: absolute;
2954
+ width: 50%;
2955
+ height: 0.1em;
2956
+ top: 50%;
2957
+ left: 50%;
2958
+ background-color: transparent;
2959
+ transform: rotate(var(--deg));
2960
+ transform-origin: left;
2961
+ }
2962
+ .loader .face .circle[data-v-a2c4d6d9]::before {
2963
+ position: absolute;
2964
+ top: -0.5em;
2965
+ right: -0.5em;
2966
+ content: '';
2967
+ width: 1em;
2968
+ height: 1em;
2969
+ background-color: currentColor;
2970
+ border-radius: 50%;
2971
+ box-shadow: 0 0 2em,
2972
+ 0 0 4em,
2973
+ 0 0 6em,
2974
+ 0 0 8em,
2975
+ 0 0 10em,
2976
+ 0 0 0 0.5em rgba(255, 255, 0, 0.1);
2977
+ }
2978
+ @keyframes ringGlow-rotate-a2c4d6d9 {
2979
+ to {
2980
+ transform: rotate(1turn);
2981
+ }
2982
+ }
2983
+
2984
+
2985
+ .load-ringPulse[data-v-bb664511] { width: 30px; height: 30px;
2986
+ }
2987
+ .loader[data-v-bb664511] {
2988
+ width: 30px;
2989
+ aspect-ratio: 1;
2990
+ border-radius: 50%;
2991
+ background:
2992
+ radial-gradient(farthest-side, currentColor 95%, #0000) 50% 1px/7px 7px no-repeat,
2993
+ radial-gradient(farthest-side, #0000 calc(100% - 8px), #ccc 0);
2994
+ animation: ringPulse-bb664511 2s infinite linear;
2995
+ }
2996
+ @keyframes ringPulse-bb664511 {
2997
+ to { transform: rotate(1turn);
2998
+ }
2999
+ }
3000
+
3001
+
3002
+ .load-ringRotate[data-v-982fe9b4] { width: 30px; height: 30px;
3003
+ }
3004
+ .loader[data-v-982fe9b4] {
3005
+ width: 30px;
3006
+ aspect-ratio: 1;
3007
+ border-radius: 50%;
3008
+ background:
3009
+ radial-gradient(farthest-side, currentColor 94%, #0000) top/5px 5px no-repeat,
3010
+ conic-gradient(#0000 30%, currentColor);
3011
+ -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 5px), currentColor 0);
3012
+ animation: ringRotate-982fe9b4 1s infinite linear;
3013
+ }
3014
+ @keyframes ringRotate-982fe9b4 {
3015
+ 100% { transform: rotate(1turn);
3016
+ }
3017
+ }
3018
+
3019
+
3020
+ .load-rotaryLine[data-v-97144063] {
3021
+ width: 18px;
3022
+ height: 18px;
3023
+ }
3024
+ .load-rotaryLine > .load-rotaryLine-container[data-v-97144063] {
3025
+ position: absolute;
3026
+ left: 50%;
3027
+ top: 50%;
3028
+ width: 0;
3029
+ }
3030
+ .rotary-line[data-v-97144063] {
3031
+ position: absolute;
3032
+ top: -1px;
3033
+ opacity: 0.25;
3034
+ animation-duration: 1s;
3035
+ animation-timing-function: linear;
3036
+ animation-iteration-count: infinite;
3037
+ }
3038
+ .rotary-line > div[data-v-97144063] {
3039
+ position: absolute;
3040
+ width: 5px;
3041
+ height: 1px;
3042
+ background: currentColor;
3043
+ box-shadow: rgba(0, 0, 0, 0.1) 0 0 1px;
3044
+ transform-origin: left center 0;
3045
+ border-radius: 1px;
3046
+ }
3047
+ @keyframes rotaryline1-97144063 {
3048
+ 0% {
3049
+ opacity: 0.25;
3050
+ }
3051
+ 0.01% {
3052
+ opacity: 0.25;
3053
+ }
3054
+ 0.02% {
3055
+ opacity: 1;
3056
+ }
3057
+ 100% {
3058
+ opacity: 0.25;
3059
+ }
3060
+ }
3061
+ @keyframes rotaryline2-97144063 {
3062
+ 0% {
3063
+ opacity: 0.313;
3064
+ }
3065
+ 8.34333% {
3066
+ opacity: 0.25;
3067
+ }
3068
+ 8.35333% {
3069
+ opacity: 1;
3070
+ }
3071
+ 100% {
3072
+ opacity: 0.313;
3073
+ }
3074
+ }
3075
+ @keyframes rotaryline3-97144063 {
3076
+ 0% {
3077
+ opacity: 0.375;
3078
+ }
3079
+ 16.6767% {
3080
+ opacity: 0.25;
3081
+ }
3082
+ 16.6867% {
3083
+ opacity: 1;
3084
+ }
3085
+ 100% {
3086
+ opacity: 0.375;
3087
+ }
3088
+ }
3089
+ @keyframes rotaryline4-97144063 {
3090
+ 0% {
3091
+ opacity: 0.438;
3092
+ }
3093
+ 25.01% {
3094
+ opacity: 0.25;
3095
+ }
3096
+ 25.02% {
3097
+ opacity: 1;
3098
+ }
3099
+ 100% {
3100
+ opacity: 0.438;
3101
+ }
3102
+ }
3103
+ @keyframes rotaryline5-97144063 {
3104
+ 0% {
3105
+ opacity: 0.5;
3106
+ }
3107
+ 33.3433% {
3108
+ opacity: 0.25;
3109
+ }
3110
+ 33.3533% {
3111
+ opacity: 1;
3112
+ }
3113
+ 100% {
3114
+ opacity: 0.5;
3115
+ }
3116
+ }
3117
+ @keyframes rotaryline6-97144063 {
3118
+ 0% {
3119
+ opacity: 0.563;
3120
+ }
3121
+ 41.6767% {
3122
+ opacity: 0.25;
3123
+ }
3124
+ 41.6867% {
3125
+ opacity: 1;
3126
+ }
3127
+ 100% {
3128
+ opacity: 0.563;
3129
+ }
3130
+ }
3131
+ @keyframes rotaryline7-97144063 {
3132
+ 0% {
3133
+ opacity: 0.625;
3134
+ }
3135
+ 50.01% {
3136
+ opacity: 0.25;
3137
+ }
3138
+ 50.02% {
3139
+ opacity: 1;
3140
+ }
3141
+ 100% {
3142
+ opacity: 0.625;
3143
+ }
3144
+ }
3145
+ @keyframes rotaryline8-97144063 {
3146
+ 0% {
3147
+ opacity: 0.688;
3148
+ }
3149
+ 58.3433% {
3150
+ opacity: 0.25;
3151
+ }
3152
+ 58.3533% {
3153
+ opacity: 1;
3154
+ }
3155
+ 100% {
3156
+ opacity: 0.688;
3157
+ }
3158
+ }
3159
+ @keyframes rotaryline9-97144063 {
3160
+ 0% {
3161
+ opacity: 0.75;
3162
+ }
3163
+ 66.6767% {
3164
+ opacity: 0.25;
3165
+ }
3166
+ 66.6867% {
3167
+ opacity: 1;
3168
+ }
3169
+ 100% {
3170
+ opacity: 0.75;
3171
+ }
3172
+ }
3173
+ @keyframes rotaryline10-97144063 {
3174
+ 0% {
3175
+ opacity: 0.813;
3176
+ }
3177
+ 75.01% {
3178
+ opacity: 0.25;
3179
+ }
3180
+ 75.02% {
3181
+ opacity: 1;
3182
+ }
3183
+ 100% {
3184
+ opacity: 0.813;
3185
+ }
3186
+ }
3187
+ @keyframes rotaryline11-97144063 {
3188
+ 0% {
3189
+ opacity: 0.875;
3190
+ }
3191
+ 83.3433% {
3192
+ opacity: 0.25;
3193
+ }
3194
+ 83.3533% {
3195
+ opacity: 1;
3196
+ }
3197
+ 100% {
3198
+ opacity: 0.875;
3199
+ }
3200
+ }
3201
+ @keyframes rotaryline12-97144063 {
3202
+ 0% {
3203
+ opacity: 0.938;
3204
+ }
3205
+ 91.6767% {
3206
+ opacity: 0.25;
3207
+ }
3208
+ 91.6867% {
3209
+ opacity: 1;
3210
+ }
3211
+ 100% {
3212
+ opacity: 0.938;
3213
+ }
3214
+ }
3215
+ .rotary-line-1[data-v-97144063] {
3216
+ animation-name: rotaryline1-97144063;
3217
+ }
3218
+ .rotary-line-2[data-v-97144063] {
3219
+ animation-name: rotaryline2-97144063;
3220
+ }
3221
+ .rotary-line-3[data-v-97144063] {
3222
+ animation-name: rotaryline3-97144063;
3223
+ }
3224
+ .rotary-line-4[data-v-97144063] {
3225
+ animation-name: rotaryline4-97144063;
3226
+ }
3227
+ .rotary-line-5[data-v-97144063] {
3228
+ animation-name: rotaryline5-97144063;
3229
+ }
3230
+ .rotary-line-6[data-v-97144063] {
3231
+ animation-name: rotaryline6-97144063;
3232
+ }
3233
+ .rotary-line-7[data-v-97144063] {
3234
+ animation-name: rotaryline7-97144063;
3235
+ }
3236
+ .rotary-line-8[data-v-97144063] {
3237
+ animation-name: rotaryline8-97144063;
3238
+ }
3239
+ .rotary-line-9[data-v-97144063] {
3240
+ animation-name: rotaryline9-97144063;
3241
+ }
3242
+ .rotary-line-10[data-v-97144063] {
3243
+ animation-name: rotaryline10-97144063;
3244
+ }
3245
+ .rotary-line-11[data-v-97144063] {
3246
+ animation-name: rotaryline11-97144063;
3247
+ }
3248
+ .rotary-line-12[data-v-97144063] {
3249
+ animation-name: rotaryline12-97144063;
3250
+ }
3251
+ .rotary-line-1 > div[data-v-97144063] {
3252
+ transform: rotate(0deg) translate(4px, 0px);
3253
+ }
3254
+ .rotary-line-2 > div[data-v-97144063] {
3255
+ transform: rotate(30deg) translate(4px, 0px);
3256
+ }
3257
+ .rotary-line-3 > div[data-v-97144063] {
3258
+ transform: rotate(60deg) translate(4px, 0px);
3259
+ }
3260
+ .rotary-line-4 > div[data-v-97144063] {
3261
+ transform: rotate(90deg) translate(4px, 0px);
3262
+ }
3263
+ .rotary-line-5 > div[data-v-97144063] {
3264
+ transform: rotate(120deg) translate(4px, 0px);
3265
+ }
3266
+ .rotary-line-6 > div[data-v-97144063] {
3267
+ transform: rotate(150deg) translate(4px, 0px);
3268
+ }
3269
+ .rotary-line-7 > div[data-v-97144063] {
3270
+ transform: rotate(180deg) translate(4px, 0px);
3271
+ }
3272
+ .rotary-line-8 > div[data-v-97144063] {
3273
+ transform: rotate(210deg) translate(4px, 0px);
3274
+ }
3275
+ .rotary-line-9 > div[data-v-97144063] {
3276
+ transform: rotate(240deg) translate(4px, 0px);
3277
+ }
3278
+ .rotary-line-10 > div[data-v-97144063] {
3279
+ transform: rotate(270deg) translate(4px, 0px);
3280
+ }
3281
+ .rotary-line-11 > div[data-v-97144063] {
3282
+ transform: rotate(300deg) translate(4px, 0px);
3283
+ }
3284
+ .rotary-line-12 > div[data-v-97144063] {
3285
+ transform: rotate(330deg) translate(4px, 0px);
3286
+ }
3287
+
3288
+
3289
+ .load-snakePath[data-v-028a6f86] { width: 48px; height: 24px;
3290
+ }
3291
+ .loader[data-v-028a6f86] {
3292
+ width: 48px;
3293
+ aspect-ratio: 2;
3294
+ background: var(--g), var(--g), var(--g), var(--g), var(--g), var(--g), var(--g);
3295
+ animation:
3296
+ snakePath-1-028a6f86 1.5s infinite,snakePath-2-028a6f86 1.5s infinite;
3297
+ }
3298
+ @keyframes snakePath-1-028a6f86 {
3299
+ 0% { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 0, 0 2px;
3300
+ }
3301
+ 7.14% { background-size: 25% 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 0, 0 2px;
3302
+ }
3303
+ 14.29% { background-size: 25% 2px, 2px 50%, 0 2px, 2px 0, 0 2px, 2px 0, 0 2px;
3304
+ }
3305
+ 21.43% { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 0, 0 2px, 2px 0, 0 2px;
3306
+ }
3307
+ 28.57% { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 100%, 0 2px, 2px 0, 0 2px;
3308
+ }
3309
+ 35.71% { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 100%, 25% 2px, 2px 0, 0 2px;
3310
+ }
3311
+ 42.86% { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 100%, 25% 2px, 2px 50%, 0 2px;
3312
+ }
3313
+ 49%, 51% { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 100%, 25% 2px, 2px 50%, 25% 2px;
3314
+ }
3315
+ 57.14% { background-size: 0 2px, 2px 50%, 25% 2px, 2px 100%, 25% 2px, 2px 50%, 25% 2px;
3316
+ }
3317
+ 64.29% { background-size: 0 2px, 2px 0, 25% 2px, 2px 100%, 25% 2px, 2px 50%, 25% 2px;
3318
+ }
3319
+ 71.43% { background-size: 0 2px, 2px 0, 0 2px, 2px 100%, 25% 2px, 2px 50%, 25% 2px;
3320
+ }
3321
+ 78.57% { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 25% 2px, 2px 50%, 25% 2px;
3322
+ }
3323
+ 85.71% { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 50%, 25% 2px;
3324
+ }
3325
+ 92.86% { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 0, 25% 2px;
3326
+ }
3327
+ 100% { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 0, 0 2px;
3328
+ }
3329
+ }
3330
+ @keyframes snakePath-2-028a6f86 {
3331
+ 0%, 49.9% { background-position: 0 50%, bottom 12px left 10px, 12px 0, 50% 0, 24px 100%, bottom 0 right 10px, 36px 50%;
3332
+ }
3333
+ 50%, 100% { background-position: right 36px top 50%, 10px 0, right 24px top 0, 50% 100%, right 12px bottom 0, right 10px top 12px, 100% 50%;
3334
+ }
3335
+ }
3336
+
3337
+
3338
+ .load-squareMirror[data-v-b4e1eba5] { width: 48px; height: 24px;
3339
+ }
3340
+ .loader[data-v-b4e1eba5] {
3341
+ width: 48px;
3342
+ height: 24px;
3343
+ display: flex;
3344
+ }
3345
+ .loader[data-v-b4e1eba5]::before,
3346
+ .loader[data-v-b4e1eba5]::after {
3347
+ content: "";
3348
+ margin: 0 -1px 0 0;
3349
+ flex: 1;
3350
+ background: var(--g), var(--g), var(--g), var(--g);
3351
+ animation: squareMirror-1-b4e1eba5 1s infinite linear,squareMirror-2-b4e1eba5 1s infinite linear;
3352
+ }
3353
+ .loader[data-v-b4e1eba5]::after {
3354
+ transform: scale(-1);
3355
+ margin: 0 0 0 -1px;
3356
+ }
3357
+ @keyframes squareMirror-1-b4e1eba5 {
3358
+ 0%, 3% { background-size: 0 2px, 2px 0, 0 2px, 2px 0;
3359
+ }
3360
+ 12.5% { background-size: 50% 2px, 2px 0, 0 2px, 2px 0;
3361
+ }
3362
+ 25% { background-size: 50% 2px, 2px 50%, 0 2px, 2px 0;
3363
+ }
3364
+ 37.5% { background-size: 50% 2px, 2px 50%, 50% 2px, 2px 0;
3365
+ }
3366
+ 46%, 54% { background-size: 50% 2px, 2px 50%, 50% 2px, 2px 50%;
3367
+ }
3368
+ 62.5% { background-size: 0 2px, 2px 50%, 50% 2px, 2px 50%;
3369
+ }
3370
+ 75% { background-size: 0 2px, 2px 0, 50% 2px, 2px 50%;
3371
+ }
3372
+ 87.5% { background-size: 0 2px, 2px 0, 0 2px, 2px 50%;
3373
+ }
3374
+ 96%, 100%{ background-size: 0 2px, 2px 0, 0 2px, 2px 0;
3375
+ }
3376
+ }
3377
+ @keyframes squareMirror-2-b4e1eba5 {
3378
+ 0%, 49.9% { background-position: 0 12px, 50% 12px, 12px 100%, 100% 100%;
3379
+ }
3380
+ 50%, 100% { background-position: right 12px top 12px, 50% 100%, 100% 100%, 100% 12px;
3381
+ }
3382
+ }
3383
+
3384
+
3385
+ .load-squareTrace[data-v-7adc0c69] { width: 21px; height: 21px;
3386
+ }
3387
+ .loader[data-v-7adc0c69] {
3388
+ width: 21px;
3389
+ aspect-ratio: 1;
3390
+ background:
3391
+ var(--g) 0 0,
3392
+ var(--g) 100% 0,
3393
+ var(--g) 100% 100%,
3394
+ var(--g) 0 100%;
3395
+ animation: squareTrace-7adc0c69 1s infinite alternate;
3396
+ }
3397
+ @keyframes squareTrace-7adc0c69 {
3398
+ 0% { background-size: 0 2px, 2px 0, 0 2px, 2px 0;
3399
+ }
3400
+ 25% { background-size: 100% 2px, 2px 0, 0 2px, 2px 0;
3401
+ }
3402
+ 50% { background-size: 100% 2px, 2px 100%, 0 2px, 2px 0;
3403
+ }
3404
+ 75% { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 0;
3405
+ }
3406
+ 90%, 100% { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
3407
+ }
3408
+ }
3409
+
3410
+
3411
+ .load-squareTrace2[data-v-8b45dc10] { width: 21px; height: 21px;
3412
+ }
3413
+ .loader[data-v-8b45dc10] {
3414
+ width: 21px;
3415
+ aspect-ratio: 1;
3416
+ background:
3417
+ var(--g) 0 0,
3418
+ var(--g) 100% 0,
3419
+ var(--g) 100% 100%,
3420
+ var(--g) 0 100%;
3421
+ animation:
3422
+ squareTrace2-1-8b45dc10 2s infinite,squareTrace2-2-8b45dc10 2s infinite;
3423
+ }
3424
+ @keyframes squareTrace2-1-8b45dc10 {
3425
+ 0% { background-size: 0 2px, 2px 0, 0 2px, 2px 0;
3426
+ }
3427
+ 12.5%{ background-size: 100% 2px, 2px 0, 0 2px, 2px 0;
3428
+ }
3429
+ 25% { background-size: 100% 2px, 2px 100%, 0 2px, 2px 0;
3430
+ }
3431
+ 37.5%{ background-size: 100% 2px, 2px 100%, 100% 2px, 2px 0;
3432
+ }
3433
+ 45%, 55% { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
3434
+ }
3435
+ 62.5%{ background-size: 0 2px, 2px 100%, 100% 2px, 2px 100%;
3436
+ }
3437
+ 75% { background-size: 0 2px, 2px 0, 100% 2px, 2px 100%;
3438
+ }
3439
+ 87.5%{ background-size: 0 2px, 2px 0, 0 2px, 2px 100%;
3440
+ }
3441
+ 100% { background-size: 0 2px, 2px 0, 0 2px, 2px 0;
3442
+ }
3443
+ }
3444
+ @keyframes squareTrace2-2-8b45dc10 {
3445
+ 0%, 49.9% { background-position: 0 0, 100% 0, 100% 100%, 0 100%;
3446
+ }
3447
+ 50%, 100% { background-position: 100% 0, 100% 100%, 0 100%, 0 0;
3448
+ }
3449
+ }
3450
+
3451
+
3452
+ .load-typingBounce[data-v-4d2b0672] {
3453
+ display: flex;
3454
+ align-items: center;
3455
+ justify-content: center;
3456
+ width: 100%;
3457
+ height: 100%;
3458
+ }
3459
+ .typingBounce-wrapper[data-v-4d2b0672] {
3460
+ width: 60px;
3461
+ height: 36px;
3462
+ position: relative;
3463
+ z-index: 1;
3464
+ }
3465
+ .typingBounce-circle[data-v-4d2b0672] {
3466
+ width: 12px;
3467
+ height: 12px;
3468
+ position: absolute;
3469
+ border-radius: 50%;
3470
+ background-color: #000;
3471
+ left: 15%;
3472
+ transform-origin: 50%;
3473
+ animation: circle7124-4d2b0672 .5s alternate infinite ease;
3474
+ }
3475
+ @keyframes circle7124-4d2b0672 {
3476
+ 0% {
3477
+ top: 36px;
3478
+ height: 3px;
3479
+ border-radius: 50px 50px 25px 25px;
3480
+ transform: scaleX(1.7);
3481
+ }
3482
+ 40% {
3483
+ height: 12px;
3484
+ border-radius: 50%;
3485
+ transform: scaleX(1);
3486
+ }
3487
+ 100% {
3488
+ top: 0%;
3489
+ }
3490
+ }
3491
+ .typingBounce-circle[data-v-4d2b0672]:nth-child(2) {
3492
+ left: 45%;
3493
+ animation-delay: .2s;
3494
+ }
3495
+ .typingBounce-circle[data-v-4d2b0672]:nth-child(3) {
3496
+ left: 75%;
3497
+ animation-delay: .3s;
3498
+ }
3499
+ .typingBounce-shadow[data-v-4d2b0672] {
3500
+ width: 12px;
3501
+ height: 2px;
3502
+ border-radius: 50%;
3503
+ background-color: rgba(0,0,0,0.9);
3504
+ position: absolute;
3505
+ top: 37px;
3506
+ transform-origin: 50%;
3507
+ z-index: -1;
3508
+ left: 15%;
3509
+ filter: blur(1px);
3510
+ animation: shadow046-4d2b0672 .5s alternate infinite ease;
3511
+ }
3512
+ @keyframes shadow046-4d2b0672 {
3513
+ 0% {
3514
+ transform: scaleX(1.5);
3515
+ }
3516
+ 40% {
3517
+ transform: scaleX(1);
3518
+ opacity: .7;
3519
+ }
3520
+ 100% {
3521
+ transform: scaleX(.2);
3522
+ opacity: .4;
3523
+ }
3524
+ }
3525
+ .typingBounce-shadow[data-v-4d2b0672]:nth-child(4) {
3526
+ left: 45%;
3527
+ animation-delay: .2s
3528
+ }
3529
+ .typingBounce-shadow[data-v-4d2b0672]:nth-child(5) {
3530
+ left: 75%;
3531
+ animation-delay: .3s;
3532
+ }
3533
+