@uploadcare/file-uploader 1.28.0-alpha.111 → 1.28.0-alpha.667

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 (525) hide show
  1. package/dist/abstract/loadFileUploaderFrom.d.ts +4 -4
  2. package/dist/abstract/loadFileUploaderFrom.js +7 -1
  3. package/dist/env.d.ts +4 -3
  4. package/dist/env.js +7 -1
  5. package/dist/index.css +4 -2010
  6. package/dist/index.d.ts +3111 -45
  7. package/dist/index.js +8 -7
  8. package/dist/index.layered.css +3 -1956
  9. package/dist/index.ssr.js +320 -1
  10. package/dist/locales/file-uploader/ar.d.ts +2 -2
  11. package/dist/locales/file-uploader/ar.js +7 -1
  12. package/dist/locales/file-uploader/az.d.ts +2 -2
  13. package/dist/locales/file-uploader/az.js +7 -1
  14. package/dist/locales/file-uploader/ca.d.ts +2 -2
  15. package/dist/locales/file-uploader/ca.js +7 -1
  16. package/dist/locales/file-uploader/cs.d.ts +2 -2
  17. package/dist/locales/file-uploader/cs.js +7 -1
  18. package/dist/locales/file-uploader/da.d.ts +2 -2
  19. package/dist/locales/file-uploader/da.js +7 -1
  20. package/dist/locales/file-uploader/de.d.ts +2 -2
  21. package/dist/locales/file-uploader/de.js +7 -1
  22. package/dist/locales/file-uploader/el.d.ts +2 -2
  23. package/dist/locales/file-uploader/el.js +7 -1
  24. package/dist/locales/file-uploader/en.d.ts +2 -2
  25. package/dist/locales/file-uploader/en.js +7 -1
  26. package/dist/locales/file-uploader/es.d.ts +2 -2
  27. package/dist/locales/file-uploader/es.js +7 -1
  28. package/dist/locales/file-uploader/et.d.ts +2 -2
  29. package/dist/locales/file-uploader/et.js +7 -1
  30. package/dist/locales/file-uploader/fi.d.ts +2 -2
  31. package/dist/locales/file-uploader/fi.js +7 -1
  32. package/dist/locales/file-uploader/fr.d.ts +2 -2
  33. package/dist/locales/file-uploader/fr.js +7 -1
  34. package/dist/locales/file-uploader/he.d.ts +2 -2
  35. package/dist/locales/file-uploader/he.js +7 -1
  36. package/dist/locales/file-uploader/hy.d.ts +2 -2
  37. package/dist/locales/file-uploader/hy.js +7 -1
  38. package/dist/locales/file-uploader/is.d.ts +2 -2
  39. package/dist/locales/file-uploader/is.js +7 -1
  40. package/dist/locales/file-uploader/it.d.ts +2 -2
  41. package/dist/locales/file-uploader/it.js +7 -1
  42. package/dist/locales/file-uploader/ja.d.ts +2 -2
  43. package/dist/locales/file-uploader/ja.js +7 -1
  44. package/dist/locales/file-uploader/ka.d.ts +2 -2
  45. package/dist/locales/file-uploader/ka.js +7 -1
  46. package/dist/locales/file-uploader/kk.d.ts +2 -2
  47. package/dist/locales/file-uploader/kk.js +7 -1
  48. package/dist/locales/file-uploader/ko.d.ts +2 -2
  49. package/dist/locales/file-uploader/ko.js +7 -1
  50. package/dist/locales/file-uploader/lv.d.ts +2 -2
  51. package/dist/locales/file-uploader/lv.js +7 -1
  52. package/dist/locales/file-uploader/nb.d.ts +2 -2
  53. package/dist/locales/file-uploader/nb.js +7 -1
  54. package/dist/locales/file-uploader/nl.d.ts +2 -2
  55. package/dist/locales/file-uploader/nl.js +7 -1
  56. package/dist/locales/file-uploader/pl.d.ts +2 -2
  57. package/dist/locales/file-uploader/pl.js +7 -1
  58. package/dist/locales/file-uploader/pt.d.ts +2 -2
  59. package/dist/locales/file-uploader/pt.js +7 -1
  60. package/dist/locales/file-uploader/ro.d.ts +2 -2
  61. package/dist/locales/file-uploader/ro.js +7 -1
  62. package/dist/locales/file-uploader/ru.d.ts +2 -2
  63. package/dist/locales/file-uploader/ru.js +7 -1
  64. package/dist/locales/file-uploader/sk.d.ts +2 -2
  65. package/dist/locales/file-uploader/sk.js +7 -1
  66. package/dist/locales/file-uploader/sr.d.ts +2 -2
  67. package/dist/locales/file-uploader/sr.js +7 -1
  68. package/dist/locales/file-uploader/sv.d.ts +2 -2
  69. package/dist/locales/file-uploader/sv.js +7 -1
  70. package/dist/locales/file-uploader/tr.d.ts +2 -2
  71. package/dist/locales/file-uploader/tr.js +7 -1
  72. package/dist/locales/file-uploader/uk.d.ts +2 -2
  73. package/dist/locales/file-uploader/uk.js +7 -1
  74. package/dist/locales/file-uploader/vi.d.ts +2 -2
  75. package/dist/locales/file-uploader/vi.js +7 -1
  76. package/dist/locales/file-uploader/zh-TW.d.ts +2 -2
  77. package/dist/locales/file-uploader/zh-TW.js +7 -1
  78. package/dist/locales/file-uploader/zh.d.ts +2 -2
  79. package/dist/locales/file-uploader/zh.js +7 -1
  80. package/package.json +33 -37
  81. package/web/file-uploader.iife.min.d.ts +3253 -0
  82. package/web/file-uploader.iife.min.js +8 -8
  83. package/web/file-uploader.iife.min.js.LEGAL.txt +71 -0
  84. package/web/file-uploader.min.d.ts +3253 -0
  85. package/web/file-uploader.min.js +8 -8
  86. package/web/file-uploader.min.js.LEGAL.txt +71 -0
  87. package/web/uc-basic.layered.min.css +3 -3239
  88. package/web/uc-basic.min.css +4 -3559
  89. package/web/uc-cloud-image-editor.layered.min.css +3 -1905
  90. package/web/uc-cloud-image-editor.min.css +3 -1856
  91. package/web/uc-cloud-image-editor.min.d.ts +3210 -0
  92. package/web/uc-cloud-image-editor.min.js +8 -8
  93. package/web/uc-cloud-image-editor.min.js.LEGAL.txt +70 -0
  94. package/web/uc-file-uploader-inline.layered.min.css +3 -3239
  95. package/web/uc-file-uploader-inline.min.css +4 -3559
  96. package/web/uc-file-uploader-inline.min.d.ts +3253 -0
  97. package/web/uc-file-uploader-inline.min.js +8 -8
  98. package/web/uc-file-uploader-inline.min.js.LEGAL.txt +71 -0
  99. package/web/uc-file-uploader-minimal.layered.min.css +3 -3239
  100. package/web/uc-file-uploader-minimal.min.css +4 -3559
  101. package/web/uc-file-uploader-minimal.min.d.ts +3253 -0
  102. package/web/uc-file-uploader-minimal.min.js +8 -8
  103. package/web/uc-file-uploader-minimal.min.js.LEGAL.txt +71 -0
  104. package/web/uc-file-uploader-regular.layered.min.css +3 -3239
  105. package/web/uc-file-uploader-regular.min.css +4 -3559
  106. package/web/uc-file-uploader-regular.min.d.ts +3253 -0
  107. package/web/uc-file-uploader-regular.min.js +8 -8
  108. package/web/uc-file-uploader-regular.min.js.LEGAL.txt +71 -0
  109. package/web/uc-img.min.d.ts +75 -0
  110. package/web/uc-img.min.js +8 -5
  111. package/web/uc-img.min.js.LEGAL.txt +24 -0
  112. package/dist/abstract/CTX.d.ts +0 -42
  113. package/dist/abstract/CTX.d.ts.map +0 -1
  114. package/dist/abstract/TypedCollection.d.ts +0 -48
  115. package/dist/abstract/TypedCollection.d.ts.map +0 -1
  116. package/dist/abstract/TypedData.d.ts +0 -13
  117. package/dist/abstract/TypedData.d.ts.map +0 -1
  118. package/dist/abstract/UploaderPublicApi.d.ts +0 -42
  119. package/dist/abstract/UploaderPublicApi.d.ts.map +0 -1
  120. package/dist/abstract/buildOutputCollectionState.d.ts +0 -4
  121. package/dist/abstract/buildOutputCollectionState.d.ts.map +0 -1
  122. package/dist/abstract/customConfigOptions.d.ts +0 -66
  123. package/dist/abstract/customConfigOptions.d.ts.map +0 -1
  124. package/dist/abstract/defineComponents.d.ts +0 -2
  125. package/dist/abstract/defineComponents.d.ts.map +0 -1
  126. package/dist/abstract/features/ClipboardLayer.d.ts +0 -13
  127. package/dist/abstract/features/ClipboardLayer.d.ts.map +0 -1
  128. package/dist/abstract/loadFileUploaderFrom.d.ts.map +0 -1
  129. package/dist/abstract/localeRegistry.d.ts +0 -6
  130. package/dist/abstract/localeRegistry.d.ts.map +0 -1
  131. package/dist/abstract/managers/LocaleManager.d.ts +0 -11
  132. package/dist/abstract/managers/LocaleManager.d.ts.map +0 -1
  133. package/dist/abstract/managers/ModalManager.d.ts +0 -54
  134. package/dist/abstract/managers/ModalManager.d.ts.map +0 -1
  135. package/dist/abstract/managers/SecureUploadsManager.d.ts +0 -8
  136. package/dist/abstract/managers/SecureUploadsManager.d.ts.map +0 -1
  137. package/dist/abstract/managers/TelemetryManager.d.ts +0 -42
  138. package/dist/abstract/managers/TelemetryManager.d.ts.map +0 -1
  139. package/dist/abstract/managers/ValidationManager.d.ts +0 -35
  140. package/dist/abstract/managers/ValidationManager.d.ts.map +0 -1
  141. package/dist/abstract/managers/a11y.d.ts +0 -10
  142. package/dist/abstract/managers/a11y.d.ts.map +0 -1
  143. package/dist/abstract/managers/plugin/PluginManager.d.ts +0 -26
  144. package/dist/abstract/managers/plugin/PluginManager.d.ts.map +0 -1
  145. package/dist/abstract/managers/plugin/PluginTypes.d.ts +0 -147
  146. package/dist/abstract/managers/plugin/PluginTypes.d.ts.map +0 -1
  147. package/dist/abstract/managers/plugin/index.d.ts +0 -3
  148. package/dist/abstract/managers/plugin/index.d.ts.map +0 -1
  149. package/dist/abstract/sharedConfigKey.d.ts +0 -3
  150. package/dist/abstract/sharedConfigKey.d.ts.map +0 -1
  151. package/dist/abstract/uploadEntrySchema.d.ts +0 -35
  152. package/dist/abstract/uploadEntrySchema.d.ts.map +0 -1
  153. package/dist/blocks/ActivityHeader/ActivityHeader.d.ts +0 -10
  154. package/dist/blocks/ActivityHeader/ActivityHeader.d.ts.map +0 -1
  155. package/dist/blocks/CameraSource/CameraSource.d.ts +0 -126
  156. package/dist/blocks/CameraSource/CameraSource.d.ts.map +0 -1
  157. package/dist/blocks/CameraSource/calcCameraModes.d.ts +0 -6
  158. package/dist/blocks/CameraSource/calcCameraModes.d.ts.map +0 -1
  159. package/dist/blocks/CameraSource/constants.d.ts +0 -16
  160. package/dist/blocks/CameraSource/constants.d.ts.map +0 -1
  161. package/dist/blocks/CloudImageEditor/index.d.ts +0 -3
  162. package/dist/blocks/CloudImageEditor/index.d.ts.map +0 -1
  163. package/dist/blocks/CloudImageEditor/src/CloudImageEditorBlock.d.ts +0 -68
  164. package/dist/blocks/CloudImageEditor/src/CloudImageEditorBlock.d.ts.map +0 -1
  165. package/dist/blocks/CloudImageEditor/src/CropFrame.d.ts +0 -57
  166. package/dist/blocks/CloudImageEditor/src/CropFrame.d.ts.map +0 -1
  167. package/dist/blocks/CloudImageEditor/src/EditorAspectRatioButtonControl.d.ts +0 -26
  168. package/dist/blocks/CloudImageEditor/src/EditorAspectRatioButtonControl.d.ts.map +0 -1
  169. package/dist/blocks/CloudImageEditor/src/EditorButtonControl.d.ts +0 -16
  170. package/dist/blocks/CloudImageEditor/src/EditorButtonControl.d.ts.map +0 -1
  171. package/dist/blocks/CloudImageEditor/src/EditorCropButtonControl.d.ts +0 -14
  172. package/dist/blocks/CloudImageEditor/src/EditorCropButtonControl.d.ts.map +0 -1
  173. package/dist/blocks/CloudImageEditor/src/EditorFilterControl.d.ts +0 -37
  174. package/dist/blocks/CloudImageEditor/src/EditorFilterControl.d.ts.map +0 -1
  175. package/dist/blocks/CloudImageEditor/src/EditorImageCropper.d.ts +0 -58
  176. package/dist/blocks/CloudImageEditor/src/EditorImageCropper.d.ts.map +0 -1
  177. package/dist/blocks/CloudImageEditor/src/EditorImageFader.d.ts +0 -64
  178. package/dist/blocks/CloudImageEditor/src/EditorImageFader.d.ts.map +0 -1
  179. package/dist/blocks/CloudImageEditor/src/EditorOperationControl.d.ts +0 -16
  180. package/dist/blocks/CloudImageEditor/src/EditorOperationControl.d.ts.map +0 -1
  181. package/dist/blocks/CloudImageEditor/src/EditorScroller.d.ts +0 -16
  182. package/dist/blocks/CloudImageEditor/src/EditorScroller.d.ts.map +0 -1
  183. package/dist/blocks/CloudImageEditor/src/EditorSlider.d.ts +0 -35
  184. package/dist/blocks/CloudImageEditor/src/EditorSlider.d.ts.map +0 -1
  185. package/dist/blocks/CloudImageEditor/src/EditorToolbar.d.ts +0 -78
  186. package/dist/blocks/CloudImageEditor/src/EditorToolbar.d.ts.map +0 -1
  187. package/dist/blocks/CloudImageEditor/src/crop-utils.d.ts +0 -37
  188. package/dist/blocks/CloudImageEditor/src/crop-utils.d.ts.map +0 -1
  189. package/dist/blocks/CloudImageEditor/src/cropper-constants.d.ts +0 -11
  190. package/dist/blocks/CloudImageEditor/src/cropper-constants.d.ts.map +0 -1
  191. package/dist/blocks/CloudImageEditor/src/elements/button/BtnUi.d.ts +0 -33
  192. package/dist/blocks/CloudImageEditor/src/elements/button/BtnUi.d.ts.map +0 -1
  193. package/dist/blocks/CloudImageEditor/src/elements/line-loader/LineLoaderUi.d.ts +0 -20
  194. package/dist/blocks/CloudImageEditor/src/elements/line-loader/LineLoaderUi.d.ts.map +0 -1
  195. package/dist/blocks/CloudImageEditor/src/elements/presence-toggle/PresenceToggle.d.ts +0 -28
  196. package/dist/blocks/CloudImageEditor/src/elements/presence-toggle/PresenceToggle.d.ts.map +0 -1
  197. package/dist/blocks/CloudImageEditor/src/elements/slider/SliderUi.d.ts +0 -39
  198. package/dist/blocks/CloudImageEditor/src/elements/slider/SliderUi.d.ts.map +0 -1
  199. package/dist/blocks/CloudImageEditor/src/index.d.ts +0 -16
  200. package/dist/blocks/CloudImageEditor/src/index.d.ts.map +0 -1
  201. package/dist/blocks/CloudImageEditor/src/lib/classNames.d.ts +0 -6
  202. package/dist/blocks/CloudImageEditor/src/lib/classNames.d.ts.map +0 -1
  203. package/dist/blocks/CloudImageEditor/src/lib/linspace.d.ts +0 -2
  204. package/dist/blocks/CloudImageEditor/src/lib/linspace.d.ts.map +0 -1
  205. package/dist/blocks/CloudImageEditor/src/lib/parseCropPreset.d.ts +0 -5
  206. package/dist/blocks/CloudImageEditor/src/lib/parseCropPreset.d.ts.map +0 -1
  207. package/dist/blocks/CloudImageEditor/src/lib/parseTabs.d.ts +0 -3
  208. package/dist/blocks/CloudImageEditor/src/lib/parseTabs.d.ts.map +0 -1
  209. package/dist/blocks/CloudImageEditor/src/lib/pick.d.ts +0 -2
  210. package/dist/blocks/CloudImageEditor/src/lib/pick.d.ts.map +0 -1
  211. package/dist/blocks/CloudImageEditor/src/lib/transformationUtils.d.ts +0 -8
  212. package/dist/blocks/CloudImageEditor/src/lib/transformationUtils.d.ts.map +0 -1
  213. package/dist/blocks/CloudImageEditor/src/state.d.ts +0 -21
  214. package/dist/blocks/CloudImageEditor/src/state.d.ts.map +0 -1
  215. package/dist/blocks/CloudImageEditor/src/svg-sprite.d.ts +0 -3
  216. package/dist/blocks/CloudImageEditor/src/svg-sprite.d.ts.map +0 -1
  217. package/dist/blocks/CloudImageEditor/src/toolbar-constants.d.ts +0 -62
  218. package/dist/blocks/CloudImageEditor/src/toolbar-constants.d.ts.map +0 -1
  219. package/dist/blocks/CloudImageEditor/src/types.d.ts +0 -61
  220. package/dist/blocks/CloudImageEditor/src/types.d.ts.map +0 -1
  221. package/dist/blocks/CloudImageEditor/src/util.d.ts +0 -3
  222. package/dist/blocks/CloudImageEditor/src/util.d.ts.map +0 -1
  223. package/dist/blocks/CloudImageEditor/src/utils/parseFilterValue.d.ts +0 -8
  224. package/dist/blocks/CloudImageEditor/src/utils/parseFilterValue.d.ts.map +0 -1
  225. package/dist/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts +0 -28
  226. package/dist/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts.map +0 -1
  227. package/dist/blocks/Config/Config.d.ts +0 -62
  228. package/dist/blocks/Config/Config.d.ts.map +0 -1
  229. package/dist/blocks/Config/assertions.d.ts +0 -6
  230. package/dist/blocks/Config/assertions.d.ts.map +0 -1
  231. package/dist/blocks/Config/computed-properties.d.ts +0 -25
  232. package/dist/blocks/Config/computed-properties.d.ts.map +0 -1
  233. package/dist/blocks/Config/initialConfig.d.ts +0 -7
  234. package/dist/blocks/Config/initialConfig.d.ts.map +0 -1
  235. package/dist/blocks/Config/normalizeConfigValue.d.ts +0 -3
  236. package/dist/blocks/Config/normalizeConfigValue.d.ts.map +0 -1
  237. package/dist/blocks/Config/validatorsType.d.ts +0 -19
  238. package/dist/blocks/Config/validatorsType.d.ts.map +0 -1
  239. package/dist/blocks/Copyright/Copyright.d.ts +0 -12
  240. package/dist/blocks/Copyright/Copyright.d.ts.map +0 -1
  241. package/dist/blocks/DropArea/DropArea.d.ts +0 -50
  242. package/dist/blocks/DropArea/DropArea.d.ts.map +0 -1
  243. package/dist/blocks/DropArea/addDropzone.d.ts +0 -18
  244. package/dist/blocks/DropArea/addDropzone.d.ts.map +0 -1
  245. package/dist/blocks/DropArea/getDropItems.d.ts +0 -13
  246. package/dist/blocks/DropArea/getDropItems.d.ts.map +0 -1
  247. package/dist/blocks/ExternalSource/ExternalSource.d.ts +0 -50
  248. package/dist/blocks/ExternalSource/ExternalSource.d.ts.map +0 -1
  249. package/dist/blocks/ExternalSource/MessageBridge.d.ts +0 -12
  250. package/dist/blocks/ExternalSource/MessageBridge.d.ts.map +0 -1
  251. package/dist/blocks/ExternalSource/buildThemeDefinition.d.ts +0 -5
  252. package/dist/blocks/ExternalSource/buildThemeDefinition.d.ts.map +0 -1
  253. package/dist/blocks/ExternalSource/query-string.d.ts +0 -2
  254. package/dist/blocks/ExternalSource/query-string.d.ts.map +0 -1
  255. package/dist/blocks/ExternalSource/types.d.ts +0 -106
  256. package/dist/blocks/ExternalSource/types.d.ts.map +0 -1
  257. package/dist/blocks/FileItem/FileItem.d.ts +0 -55
  258. package/dist/blocks/FileItem/FileItem.d.ts.map +0 -1
  259. package/dist/blocks/FileItem/FileItemConfig.d.ts +0 -11
  260. package/dist/blocks/FileItem/FileItemConfig.d.ts.map +0 -1
  261. package/dist/blocks/FormInput/FormInput.d.ts +0 -19
  262. package/dist/blocks/FormInput/FormInput.d.ts.map +0 -1
  263. package/dist/blocks/Icon/Icon.d.ts +0 -21
  264. package/dist/blocks/Icon/Icon.d.ts.map +0 -1
  265. package/dist/blocks/Img/Img.d.ts +0 -15
  266. package/dist/blocks/Img/Img.d.ts.map +0 -1
  267. package/dist/blocks/Img/ImgBase.d.ts +0 -30
  268. package/dist/blocks/Img/ImgBase.d.ts.map +0 -1
  269. package/dist/blocks/Img/ImgConfig.d.ts +0 -29
  270. package/dist/blocks/Img/ImgConfig.d.ts.map +0 -1
  271. package/dist/blocks/Img/configurations.d.ts +0 -12
  272. package/dist/blocks/Img/configurations.d.ts.map +0 -1
  273. package/dist/blocks/Img/props-map.d.ts +0 -29
  274. package/dist/blocks/Img/props-map.d.ts.map +0 -1
  275. package/dist/blocks/Img/utils/parseObjectToString.d.ts +0 -3
  276. package/dist/blocks/Img/utils/parseObjectToString.d.ts.map +0 -1
  277. package/dist/blocks/Modal/Modal.d.ts +0 -36
  278. package/dist/blocks/Modal/Modal.d.ts.map +0 -1
  279. package/dist/blocks/PluginActivityRenderer/PluginActivityRenderer.d.ts +0 -35
  280. package/dist/blocks/PluginActivityRenderer/PluginActivityRenderer.d.ts.map +0 -1
  281. package/dist/blocks/PluginActivityRenderer/index.d.ts +0 -2
  282. package/dist/blocks/PluginActivityRenderer/index.d.ts.map +0 -1
  283. package/dist/blocks/ProgressBar/ProgressBar.d.ts +0 -23
  284. package/dist/blocks/ProgressBar/ProgressBar.d.ts.map +0 -1
  285. package/dist/blocks/ProgressBarCommon/ProgressBarCommon.d.ts +0 -20
  286. package/dist/blocks/ProgressBarCommon/ProgressBarCommon.d.ts.map +0 -1
  287. package/dist/blocks/Select/Select.d.ts +0 -20
  288. package/dist/blocks/Select/Select.d.ts.map +0 -1
  289. package/dist/blocks/SimpleBtn/SimpleBtn.d.ts +0 -19
  290. package/dist/blocks/SimpleBtn/SimpleBtn.d.ts.map +0 -1
  291. package/dist/blocks/SourceBtn/SourceBtn.d.ts +0 -26
  292. package/dist/blocks/SourceBtn/SourceBtn.d.ts.map +0 -1
  293. package/dist/blocks/SourceList/SourceList.d.ts +0 -26
  294. package/dist/blocks/SourceList/SourceList.d.ts.map +0 -1
  295. package/dist/blocks/Spinner/Spinner.d.ts +0 -11
  296. package/dist/blocks/Spinner/Spinner.d.ts.map +0 -1
  297. package/dist/blocks/StartFrom/StartFrom.d.ts +0 -14
  298. package/dist/blocks/StartFrom/StartFrom.d.ts.map +0 -1
  299. package/dist/blocks/Thumb/Thumb.d.ts +0 -38
  300. package/dist/blocks/Thumb/Thumb.d.ts.map +0 -1
  301. package/dist/blocks/UploadCtxProvider/EventEmitter.d.ts +0 -71
  302. package/dist/blocks/UploadCtxProvider/EventEmitter.d.ts.map +0 -1
  303. package/dist/blocks/UploadCtxProvider/UploadCtxProvider.d.ts +0 -45
  304. package/dist/blocks/UploadCtxProvider/UploadCtxProvider.d.ts.map +0 -1
  305. package/dist/blocks/UploadList/UploadList.d.ts +0 -45
  306. package/dist/blocks/UploadList/UploadList.d.ts.map +0 -1
  307. package/dist/blocks/UrlSource/UrlSource.d.ts +0 -18
  308. package/dist/blocks/UrlSource/UrlSource.d.ts.map +0 -1
  309. package/dist/blocks/svg-backgrounds/svg-backgrounds.d.ts +0 -4
  310. package/dist/blocks/svg-backgrounds/svg-backgrounds.d.ts.map +0 -1
  311. package/dist/blocks/themes/uc-basic/svg-sprite.d.ts +0 -3
  312. package/dist/blocks/themes/uc-basic/svg-sprite.d.ts.map +0 -1
  313. package/dist/cameraPlugin.js +0 -1
  314. package/dist/cloudImageEditorPlugin.css +0 -1282
  315. package/dist/cloudImageEditorPlugin.js +0 -1
  316. package/dist/cloudImageEditorPlugin.layered.css +0 -1289
  317. package/dist/core.d.ts +0 -45
  318. package/dist/core.d.ts.map +0 -1
  319. package/dist/env.d.ts.map +0 -1
  320. package/dist/externalSourcesPlugin.js +0 -1
  321. package/dist/imageShrinkPlugin.js +0 -1
  322. package/dist/index.d.ts.map +0 -1
  323. package/dist/instagramPlugin.js +0 -1
  324. package/dist/lit/BaseComponent.d.ts +0 -13
  325. package/dist/lit/BaseComponent.d.ts.map +0 -1
  326. package/dist/lit/Constructor.d.ts +0 -2
  327. package/dist/lit/Constructor.d.ts.map +0 -1
  328. package/dist/lit/CssDataMixin.d.ts +0 -8
  329. package/dist/lit/CssDataMixin.d.ts.map +0 -1
  330. package/dist/lit/LightDomMixin.d.ts +0 -9
  331. package/dist/lit/LightDomMixin.d.ts.map +0 -1
  332. package/dist/lit/LitActivityBlock.d.ts +0 -54
  333. package/dist/lit/LitActivityBlock.d.ts.map +0 -1
  334. package/dist/lit/LitBlock.d.ts +0 -84
  335. package/dist/lit/LitBlock.d.ts.map +0 -1
  336. package/dist/lit/LitSolutionBlock.d.ts +0 -22
  337. package/dist/lit/LitSolutionBlock.d.ts.map +0 -1
  338. package/dist/lit/LitUploaderBlock.d.ts +0 -54
  339. package/dist/lit/LitUploaderBlock.d.ts.map +0 -1
  340. package/dist/lit/PubSubCompat.d.ts +0 -19
  341. package/dist/lit/PubSubCompat.d.ts.map +0 -1
  342. package/dist/lit/RegisterableElementMixin.d.ts +0 -8
  343. package/dist/lit/RegisterableElementMixin.d.ts.map +0 -1
  344. package/dist/lit/SharedState.d.ts +0 -120
  345. package/dist/lit/SharedState.d.ts.map +0 -1
  346. package/dist/lit/SymbioteCompatMixin.d.ts +0 -41
  347. package/dist/lit/SymbioteCompatMixin.d.ts.map +0 -1
  348. package/dist/lit/TestModeController.d.ts +0 -17
  349. package/dist/lit/TestModeController.d.ts.map +0 -1
  350. package/dist/lit/Uid.d.ts +0 -4
  351. package/dist/lit/Uid.d.ts.map +0 -1
  352. package/dist/lit/activity-constants.d.ts +0 -12
  353. package/dist/lit/activity-constants.d.ts.map +0 -1
  354. package/dist/lit/createDebugPrinter.d.ts +0 -4
  355. package/dist/lit/createDebugPrinter.d.ts.map +0 -1
  356. package/dist/lit/findBlockInCtx.d.ts +0 -4
  357. package/dist/lit/findBlockInCtx.d.ts.map +0 -1
  358. package/dist/lit/getOutputData.d.ts +0 -3
  359. package/dist/lit/getOutputData.d.ts.map +0 -1
  360. package/dist/lit/hasBlockInCtx.d.ts +0 -4
  361. package/dist/lit/hasBlockInCtx.d.ts.map +0 -1
  362. package/dist/lit/l10n.d.ts +0 -6
  363. package/dist/lit/l10n.d.ts.map +0 -1
  364. package/dist/lit/parseCssPropertyValue.d.ts +0 -2
  365. package/dist/lit/parseCssPropertyValue.d.ts.map +0 -1
  366. package/dist/lit/shared-instances.d.ts +0 -66
  367. package/dist/lit/shared-instances.d.ts.map +0 -1
  368. package/dist/locales/file-uploader/ar.d.ts.map +0 -1
  369. package/dist/locales/file-uploader/az.d.ts.map +0 -1
  370. package/dist/locales/file-uploader/ca.d.ts.map +0 -1
  371. package/dist/locales/file-uploader/cs.d.ts.map +0 -1
  372. package/dist/locales/file-uploader/da.d.ts.map +0 -1
  373. package/dist/locales/file-uploader/de.d.ts.map +0 -1
  374. package/dist/locales/file-uploader/el.d.ts.map +0 -1
  375. package/dist/locales/file-uploader/en.d.ts.map +0 -1
  376. package/dist/locales/file-uploader/es.d.ts.map +0 -1
  377. package/dist/locales/file-uploader/et.d.ts.map +0 -1
  378. package/dist/locales/file-uploader/fi.d.ts.map +0 -1
  379. package/dist/locales/file-uploader/fr.d.ts.map +0 -1
  380. package/dist/locales/file-uploader/he.d.ts.map +0 -1
  381. package/dist/locales/file-uploader/hy.d.ts.map +0 -1
  382. package/dist/locales/file-uploader/is.d.ts.map +0 -1
  383. package/dist/locales/file-uploader/it.d.ts.map +0 -1
  384. package/dist/locales/file-uploader/ja.d.ts.map +0 -1
  385. package/dist/locales/file-uploader/ka.d.ts.map +0 -1
  386. package/dist/locales/file-uploader/kk.d.ts.map +0 -1
  387. package/dist/locales/file-uploader/ko.d.ts.map +0 -1
  388. package/dist/locales/file-uploader/lv.d.ts.map +0 -1
  389. package/dist/locales/file-uploader/nb.d.ts.map +0 -1
  390. package/dist/locales/file-uploader/nl.d.ts.map +0 -1
  391. package/dist/locales/file-uploader/pl.d.ts.map +0 -1
  392. package/dist/locales/file-uploader/pt.d.ts.map +0 -1
  393. package/dist/locales/file-uploader/ro.d.ts.map +0 -1
  394. package/dist/locales/file-uploader/ru.d.ts.map +0 -1
  395. package/dist/locales/file-uploader/sk.d.ts.map +0 -1
  396. package/dist/locales/file-uploader/sr.d.ts.map +0 -1
  397. package/dist/locales/file-uploader/sv.d.ts.map +0 -1
  398. package/dist/locales/file-uploader/tr.d.ts.map +0 -1
  399. package/dist/locales/file-uploader/uk.d.ts.map +0 -1
  400. package/dist/locales/file-uploader/vi.d.ts.map +0 -1
  401. package/dist/locales/file-uploader/zh-TW.d.ts.map +0 -1
  402. package/dist/locales/file-uploader/zh.d.ts.map +0 -1
  403. package/dist/plugins/cameraPlugin.d.ts +0 -3
  404. package/dist/plugins/cameraPlugin.d.ts.map +0 -1
  405. package/dist/plugins/cloudImageEditorPlugin.d.ts +0 -3
  406. package/dist/plugins/cloudImageEditorPlugin.d.ts.map +0 -1
  407. package/dist/plugins/externalSourcesPlugin.d.ts +0 -3
  408. package/dist/plugins/externalSourcesPlugin.d.ts.map +0 -1
  409. package/dist/plugins/imageShrinkPlugin.d.ts +0 -3
  410. package/dist/plugins/imageShrinkPlugin.d.ts.map +0 -1
  411. package/dist/plugins/instagramPlugin.d.ts +0 -3
  412. package/dist/plugins/instagramPlugin.d.ts.map +0 -1
  413. package/dist/plugins/unsplashPlugin.d.ts +0 -17
  414. package/dist/plugins/unsplashPlugin.d.ts.map +0 -1
  415. package/dist/plugins/urlSourcePlugin.d.ts +0 -3
  416. package/dist/plugins/urlSourcePlugin.d.ts.map +0 -1
  417. package/dist/solutions/adaptive-image/index.d.ts +0 -3
  418. package/dist/solutions/adaptive-image/index.d.ts.map +0 -1
  419. package/dist/solutions/cloud-image-editor/CloudImageEditor.d.ts +0 -12
  420. package/dist/solutions/cloud-image-editor/CloudImageEditor.d.ts.map +0 -1
  421. package/dist/solutions/cloud-image-editor/index.d.ts +0 -7
  422. package/dist/solutions/cloud-image-editor/index.d.ts.map +0 -1
  423. package/dist/solutions/file-uploader/inline/FileUploaderInline.d.ts +0 -29
  424. package/dist/solutions/file-uploader/inline/FileUploaderInline.d.ts.map +0 -1
  425. package/dist/solutions/file-uploader/inline/index.d.ts +0 -2
  426. package/dist/solutions/file-uploader/inline/index.d.ts.map +0 -1
  427. package/dist/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts +0 -33
  428. package/dist/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts.map +0 -1
  429. package/dist/solutions/file-uploader/minimal/index.d.ts +0 -2
  430. package/dist/solutions/file-uploader/minimal/index.d.ts.map +0 -1
  431. package/dist/solutions/file-uploader/regular/FileUploaderRegular.d.ts +0 -28
  432. package/dist/solutions/file-uploader/regular/FileUploaderRegular.d.ts.map +0 -1
  433. package/dist/solutions/file-uploader/regular/index.d.ts +0 -2
  434. package/dist/solutions/file-uploader/regular/index.d.ts.map +0 -1
  435. package/dist/types/dom.d.ts +0 -2
  436. package/dist/types/dom.d.ts.map +0 -1
  437. package/dist/types/events.d.ts +0 -5
  438. package/dist/types/events.d.ts.map +0 -1
  439. package/dist/types/exported.d.ts +0 -493
  440. package/dist/types/exported.d.ts.map +0 -1
  441. package/dist/types/index.d.ts +0 -6
  442. package/dist/types/index.d.ts.map +0 -1
  443. package/dist/urlSourcePlugin.js +0 -1
  444. package/dist/utils/UID.d.ts +0 -6
  445. package/dist/utils/UID.d.ts.map +0 -1
  446. package/dist/utils/UploadSource.d.ts +0 -38
  447. package/dist/utils/UploadSource.d.ts.map +0 -1
  448. package/dist/utils/WindowHeightTracker.d.ts +0 -10
  449. package/dist/utils/WindowHeightTracker.d.ts.map +0 -1
  450. package/dist/utils/abilities.d.ts +0 -2
  451. package/dist/utils/abilities.d.ts.map +0 -1
  452. package/dist/utils/applyStyles.d.ts +0 -2
  453. package/dist/utils/applyStyles.d.ts.map +0 -1
  454. package/dist/utils/browser-info.d.ts +0 -13
  455. package/dist/utils/browser-info.d.ts.map +0 -1
  456. package/dist/utils/cdn-utils.d.ts +0 -54
  457. package/dist/utils/cdn-utils.d.ts.map +0 -1
  458. package/dist/utils/comma-separated.d.ts +0 -3
  459. package/dist/utils/comma-separated.d.ts.map +0 -1
  460. package/dist/utils/debounce.d.ts +0 -4
  461. package/dist/utils/debounce.d.ts.map +0 -1
  462. package/dist/utils/delay.d.ts +0 -2
  463. package/dist/utils/delay.d.ts.map +0 -1
  464. package/dist/utils/fileTypes.d.ts +0 -12
  465. package/dist/utils/fileTypes.d.ts.map +0 -1
  466. package/dist/utils/get-top-level-origin.d.ts +0 -2
  467. package/dist/utils/get-top-level-origin.d.ts.map +0 -1
  468. package/dist/utils/getLocaleDirection.d.ts +0 -2
  469. package/dist/utils/getLocaleDirection.d.ts.map +0 -1
  470. package/dist/utils/getPluralForm.d.ts +0 -2
  471. package/dist/utils/getPluralForm.d.ts.map +0 -1
  472. package/dist/utils/isPromiseLike.d.ts +0 -2
  473. package/dist/utils/isPromiseLike.d.ts.map +0 -1
  474. package/dist/utils/isSecureTokenExpired.d.ts +0 -9
  475. package/dist/utils/isSecureTokenExpired.d.ts.map +0 -1
  476. package/dist/utils/memoize.d.ts +0 -2
  477. package/dist/utils/memoize.d.ts.map +0 -1
  478. package/dist/utils/mixinClass.d.ts +0 -9
  479. package/dist/utils/mixinClass.d.ts.map +0 -1
  480. package/dist/utils/parseCdnUrl.d.ts +0 -12
  481. package/dist/utils/parseCdnUrl.d.ts.map +0 -1
  482. package/dist/utils/parseShrink.d.ts +0 -8
  483. package/dist/utils/parseShrink.d.ts.map +0 -1
  484. package/dist/utils/preloadImage.d.ts +0 -11
  485. package/dist/utils/preloadImage.d.ts.map +0 -1
  486. package/dist/utils/prettyBytes.d.ts +0 -12
  487. package/dist/utils/prettyBytes.d.ts.map +0 -1
  488. package/dist/utils/resizeImage.d.ts +0 -2
  489. package/dist/utils/resizeImage.d.ts.map +0 -1
  490. package/dist/utils/stringToArray.d.ts +0 -2
  491. package/dist/utils/stringToArray.d.ts.map +0 -1
  492. package/dist/utils/template-utils.d.ts +0 -17
  493. package/dist/utils/template-utils.d.ts.map +0 -1
  494. package/dist/utils/throttle.d.ts +0 -4
  495. package/dist/utils/throttle.d.ts.map +0 -1
  496. package/dist/utils/toKebabCase.d.ts +0 -3
  497. package/dist/utils/toKebabCase.d.ts.map +0 -1
  498. package/dist/utils/transparentPixelSrc.d.ts +0 -2
  499. package/dist/utils/transparentPixelSrc.d.ts.map +0 -1
  500. package/dist/utils/uniqueArray.d.ts +0 -2
  501. package/dist/utils/uniqueArray.d.ts.map +0 -1
  502. package/dist/utils/userAgent.d.ts +0 -3
  503. package/dist/utils/userAgent.d.ts.map +0 -1
  504. package/dist/utils/validators/collection/index.d.ts +0 -3
  505. package/dist/utils/validators/collection/index.d.ts.map +0 -1
  506. package/dist/utils/validators/collection/validateCollectionUploadError.d.ts +0 -3
  507. package/dist/utils/validators/collection/validateCollectionUploadError.d.ts.map +0 -1
  508. package/dist/utils/validators/collection/validateMultiple.d.ts +0 -3
  509. package/dist/utils/validators/collection/validateMultiple.d.ts.map +0 -1
  510. package/dist/utils/validators/file/index.d.ts +0 -5
  511. package/dist/utils/validators/file/index.d.ts.map +0 -1
  512. package/dist/utils/validators/file/validateFileType.d.ts +0 -3
  513. package/dist/utils/validators/file/validateFileType.d.ts.map +0 -1
  514. package/dist/utils/validators/file/validateIsImage.d.ts +0 -3
  515. package/dist/utils/validators/file/validateIsImage.d.ts.map +0 -1
  516. package/dist/utils/validators/file/validateMaxSizeLimit.d.ts +0 -3
  517. package/dist/utils/validators/file/validateMaxSizeLimit.d.ts.map +0 -1
  518. package/dist/utils/validators/file/validateUploadError.d.ts +0 -3
  519. package/dist/utils/validators/file/validateUploadError.d.ts.map +0 -1
  520. package/dist/utils/warnOnce.d.ts +0 -2
  521. package/dist/utils/warnOnce.d.ts.map +0 -1
  522. package/dist/utils/wildcardRegexp.d.ts +0 -2
  523. package/dist/utils/wildcardRegexp.d.ts.map +0 -1
  524. package/dist/utils/withResolvers.d.ts +0 -6
  525. package/dist/utils/withResolvers.d.ts.map +0 -1
@@ -1,1859 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Package: @uploadcare/file-uploader@1.28.0-alpha.111 (MIT)
3
+ * Package: @uploadcare/file-uploader@1.28.0-alpha.667 (MIT)
4
4
  * License: https://github.com/uploadcare/blob/main/LICENSE
5
- * Built: 2026-03-03T12:19:32.556Z
6
- */
7
-
8
- /* TODO: we should use basic theme there */:where([uc-wgt-common]) {
9
- /* Font */
10
- --uc-font-family: system-ui;
11
- --uc-font-size: 14px;
12
- --uc-line-height: normal;
13
- --uc-simple-btn-font-family: system-ui;
14
- --uc-simple-btn-font-size: 14px;
15
-
16
- /* Sizes */
17
- --uc-button-size: 32px;
18
- --uc-preview-size: 32px;
19
- --uc-padding: 10px;
20
- --uc-radius: 8px;
21
- --uc-transition: 0.2s ease;
22
- --uc-dialog-width: 430px;
23
- --uc-dialog-max-width: 920px;
24
- --uc-dialog-max-height: 675px;
25
- --uc-simple-btn-padding: 7px 14px;
26
-
27
- --uc-grid-col: 3;
28
- --uc-grid-preview-image-height: auto;
29
- --uc-grid-gap: calc(var(--uc-padding) / 2);
30
- --uc-grid-aspect-ratio: 1 / 1;
31
-
32
- /* Default colors, in case of media query failure */
33
- --uc-background: var(--uc-background-light);
34
- --uc-foreground: var(--uc-foreground-light);
35
- --uc-primary: var(--uc-primary-light);
36
- --uc-primary-hover: var(--uc-primary-hover-light);
37
- --uc-primary-transparent: var(--uc-primary-transparent-light);
38
- --uc-primary-foreground: var(--uc-primary-foreground-light);
39
- --uc-secondary: var(--uc-secondary-light);
40
- --uc-secondary-hover: var(--uc-secondary-hover-light);
41
- --uc-secondary-foreground: var(--uc-secondary-foreground-light);
42
- --uc-muted: var(--uc-muted-light);
43
- --uc-muted-foreground: var(--uc-muted-foreground-light);
44
- --uc-destructive: var(--uc-destructive-light);
45
- --uc-destructive-foreground: var(--uc-destructive-foreground-light);
46
- --uc-border: var(--uc-border-light);
47
- --uc-dialog-shadow: var(--uc-dialog-shadow-light);
48
- --uc-simple-btn: var(--uc-simple-btn-light);
49
- --uc-simple-btn-hover: var(--uc-simple-btn-hover-light);
50
- --uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light);
51
- }@supports not (color: oklch(0% 0 0)) {
52
- :where([uc-wgt-common]) {
53
- /* Light colors RGB fallback */
54
- --uc-primary-rgb-light: 23 75 215;
55
- --uc-primary-light: rgb(var(--uc-primary-rgb-light));
56
- --uc-primary-hover-light: rgb(var(--uc-primary-rgb-light) / 90%);
57
- --uc-primary-transparent-light: rgb(var(--uc-primary-rgb-light) / 10%);
58
- --uc-background-light: rgb(255 255 255);
59
- --uc-foreground-light: rgb(24 24 24);
60
- --uc-primary-foreground-light: #fff;
61
- --uc-secondary-light: rgb(24 24 24 / 5%);
62
- --uc-secondary-hover-light: rgb(24 24 24 / 8%);
63
- --uc-secondary-foreground-light: rgb(24 24 24);
64
- --uc-muted-light: rgb(245 245 245);
65
- --uc-muted-foreground-light: rgb(113 113 113);
66
- --uc-destructive-light: rgb(232 19 20 / 5%);
67
- --uc-destructive-foreground-light: rgb(232 19 20);
68
- --uc-border-light: rgb(228 228 232);
69
- --uc-dialog-shadow-light: 0px 6px 20px rgb(0 0 0 / 10%);
70
- --uc-simple-btn-light: rgb(235 235 235);
71
- --uc-simple-btn-hover-light: rgb(228 228 228);
72
- --uc-simple-btn-foreground-light: rgb(24 24 24);
73
-
74
- /* Dark colors RGB fallback */
75
- --uc-primary-rgb-dark: 87 154 255;
76
- --uc-primary-dark: rgb(var(--uc-primary-rgb-dark));
77
- --uc-primary-hover-dark: rgb(var(--uc-primary-rgb-dark) / 90%);
78
- --uc-primary-transparent-dark: rgb(var(--uc-primary-rgb-dark) / 7%);
79
- --uc-background-dark: rgb(27 27 27);
80
- --uc-foreground-dark: rgb(225 225 225);
81
- --uc-primary-foreground-dark: rgb(0 0 0);
82
- --uc-secondary-dark: rgb(225 225 225 / 7%);
83
- --uc-secondary-hover-dark: rgb(225 225 225 / 10%);
84
- --uc-secondary-foreground-dark: rgb(225 225 225);
85
- --uc-muted-dark: rgb(36 36 36);
86
- --uc-muted-foreground-dark: rgb(152 152 152);
87
- --uc-destructive-dark: rgb(244 90 79 / 10%);
88
- --uc-destructive-foreground-dark: rgb(244 90 79);
89
- --uc-border-dark: rgb(61 61 61);
90
- --uc-dialog-shadow-dark: 0px 6px 20px rgb(0 0 0 / 25%);
91
- --uc-simple-btn-dark: rgb(36 36 36);
92
- --uc-simple-btn-hover-dark: rgb(43 43 43);
93
- --uc-simple-btn-foreground-dark: rgb(255 255 255);
94
- }
95
- }@supports (color: oklch(0% 0 0)) {
96
- :where([uc-wgt-common]) {
97
- /* Light colors OKLCH */
98
- --uc-primary-oklch-light: 47% 0.22 264; /* Quick customization: change this value to your brand color */
99
- --uc-primary-light: oklch(var(--uc-primary-oklch-light));
100
- --uc-primary-hover-light: oklch(var(--uc-primary-oklch-light) / 90%);
101
- --uc-primary-transparent-light: oklch(var(--uc-primary-oklch-light) / 7%);
102
- --uc-background-light: oklch(100% 0 0);
103
- --uc-foreground-light: oklch(21% 0 0);
104
- --uc-primary-foreground-light: oklch(100% 0 0);
105
- --uc-secondary-light: oklch(21% 0 0 / 0.05);
106
- --uc-secondary-hover-light: oklch(21% 0 0 / 0.08);
107
- --uc-secondary-foreground-light: oklch(21% 0 0);
108
- --uc-muted-light: oklch(97% 0 0);
109
- --uc-muted-foreground-light: oklch(40% 0 0);
110
- --uc-destructive-light: oklch(59% 0.235 28.5 / 0.05);
111
- --uc-destructive-foreground-light: oklch(59% 0.235 28.5);
112
- --uc-border-light: oklch(92% 0 0);
113
- --uc-dialog-shadow-light: 0px 6px 20px oklch(0% 0 0 / 0.1);
114
- --uc-simple-btn-light: oklch(94% 0 0);
115
- --uc-simple-btn-hover-light: oklch(92% 0 0);
116
- --uc-simple-btn-foreground-light: oklch(20% 0 0);
117
-
118
- /* Dark colors OKLCH */
119
- --uc-primary-oklch-dark: 69% 0.1768 258.4; /* Quick customization: change this value to your brand color */
120
- --uc-primary-dark: oklch(var(--uc-primary-oklch-dark));
121
- --uc-primary-hover-dark: oklch(var(--uc-primary-oklch-dark) / 90%);
122
- --uc-primary-transparent-dark: oklch(var(--uc-primary-oklch-dark) / 7%);
123
- --uc-background-dark: oklch(22% 0 0);
124
- --uc-foreground-dark: oklch(91% 0 0);
125
- --uc-primary-foreground-dark: oklch(0% 0 0);
126
- --uc-secondary-dark: oklch(91% 0 0 / 0.07);
127
- --uc-secondary-hover-dark: oklch(91% 0 0 / 0.1);
128
- --uc-secondary-foreground-dark: oklch(91% 0 0);
129
- --uc-muted-dark: oklch(26% 0 0);
130
- --uc-muted-foreground-dark: oklch(68% 0 0);
131
- --uc-destructive-dark: oklch(67% 0.191 27.5 / 0.1);
132
- --uc-destructive-foreground-dark: oklch(67% 0.191 27.5);
133
- --uc-border-dark: oklch(36% 0 0);
134
- --uc-dialog-shadow-dark: 0px 6px 20px oklch(0% 0 0 / 0.25);
135
- --uc-simple-btn-dark: oklch(26% 0 0);
136
- --uc-simple-btn-hover-dark: oklch(29% 0 0);
137
- --uc-simple-btn-foreground-dark: oklch(100% 0 0);
138
- }
139
- }@media only screen and (max-height: 600px) {
140
- :where([uc-wgt-common]) {
141
- --uc-dialog-max-height: 100%;
142
- }
143
- }@media only screen and (max-width: 680px) {
144
- :where([uc-wgt-common]) {
145
- --uc-grid-col: 2;
146
- }
147
- }@media only screen and (max-width: 430px) {
148
- :where([uc-wgt-common]) {
149
- --uc-dialog-max-width: 100vw;
150
- --uc-dialog-max-height: var(--uploadcare-blocks-window-height);
151
- --uc-grid-col: 1;
152
- }
153
- }@media (prefers-color-scheme: light) {
154
- :where([uc-wgt-common]) {
155
- --uc-background: var(--uc-background-light);
156
- --uc-foreground: var(--uc-foreground-light);
157
- --uc-primary: var(--uc-primary-light);
158
- --uc-primary-hover: var(--uc-primary-hover-light);
159
- --uc-primary-transparent: var(--uc-primary-transparent-light);
160
- --uc-primary-foreground: var(--uc-primary-foreground-light);
161
- --uc-secondary: var(--uc-secondary-light);
162
- --uc-secondary-hover: var(--uc-secondary-hover-light);
163
- --uc-secondary-foreground: var(--uc-secondary-foreground-light);
164
- --uc-muted: var(--uc-muted-light);
165
- --uc-muted-foreground: var(--uc-muted-foreground-light);
166
- --uc-destructive: var(--uc-destructive-light);
167
- --uc-destructive-foreground: var(--uc-destructive-foreground-light);
168
- --uc-border: var(--uc-border-light);
169
- --uc-dialog-shadow: var(--uc-dialog-shadow-light);
170
- --uc-simple-btn: var(--uc-simple-btn-light);
171
- --uc-simple-btn-hover: var(--uc-simple-btn-hover-light);
172
- --uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light);
173
- }
174
- }@media (prefers-color-scheme: dark) {
175
- :where([uc-wgt-common]) {
176
- --uc-background: var(--uc-background-dark);
177
- --uc-foreground: var(--uc-foreground-dark);
178
- --uc-primary: var(--uc-primary-dark);
179
- --uc-primary-hover: var(--uc-primary-hover-dark);
180
- --uc-primary-transparent: var(--uc-primary-transparent-dark);
181
- --uc-primary-foreground: var(--uc-primary-foreground-dark);
182
- --uc-secondary: var(--uc-secondary-dark);
183
- --uc-secondary-hover: var(--uc-secondary-hover-dark);
184
- --uc-secondary-foreground: var(--uc-secondary-foreground-dark);
185
- --uc-muted: var(--uc-muted-dark);
186
- --uc-muted-foreground: var(--uc-muted-foreground-dark);
187
- --uc-destructive: var(--uc-destructive-dark);
188
- --uc-destructive-foreground: var(--uc-destructive-foreground-dark);
189
- --uc-border: var(--uc-border-dark);
190
- --uc-dialog-shadow: var(--uc-dialog-shadow-dark);
191
- --uc-simple-btn: var(--uc-simple-btn-dark);
192
- --uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);
193
- --uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark);
194
- }
195
- }:where(.uc-light) {
196
- --uc-background: var(--uc-background-light);
197
- --uc-foreground: var(--uc-foreground-light);
198
- --uc-primary: var(--uc-primary-light);
199
- --uc-primary-hover: var(--uc-primary-hover-light);
200
- --uc-primary-transparent: var(--uc-primary-transparent-light);
201
- --uc-primary-foreground: var(--uc-primary-foreground-light);
202
- --uc-secondary: var(--uc-secondary-light);
203
- --uc-secondary-hover: var(--uc-secondary-hover-light);
204
- --uc-secondary-foreground: var(--uc-secondary-foreground-light);
205
- --uc-muted: var(--uc-muted-light);
206
- --uc-muted-foreground: var(--uc-muted-foreground-light);
207
- --uc-destructive: var(--uc-destructive-light);
208
- --uc-destructive-foreground: var(--uc-destructive-foreground-light);
209
- --uc-border: var(--uc-border-light);
210
- --uc-dialog-shadow: var(--uc-dialog-shadow-light);
211
- --uc-simple-btn: var(--uc-simple-btn-light);
212
- --uc-simple-btn-hover: var(--uc-simple-btn-hover-light);
213
- --uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light);
214
- }:where(.uc-dark) {
215
- --uc-background: var(--uc-background-dark);
216
- --uc-foreground: var(--uc-foreground-dark);
217
- --uc-primary: var(--uc-primary-dark);
218
- --uc-primary-hover: var(--uc-primary-hover-dark);
219
- --uc-primary-transparent: var(--uc-primary-transparent-dark);
220
- --uc-primary-foreground: var(--uc-primary-foreground-dark);
221
- --uc-secondary: var(--uc-secondary-dark);
222
- --uc-secondary-hover: var(--uc-secondary-hover-dark);
223
- --uc-secondary-foreground: var(--uc-secondary-foreground-dark);
224
- --uc-muted: var(--uc-muted-dark);
225
- --uc-muted-foreground: var(--uc-muted-foreground-dark);
226
- --uc-destructive: var(--uc-destructive-dark);
227
- --uc-destructive-foreground: var(--uc-destructive-foreground-dark);
228
- --uc-border: var(--uc-border-dark);
229
- --uc-dialog-shadow: var(--uc-dialog-shadow-dark);
230
- --uc-simple-btn: var(--uc-simple-btn-dark);
231
- --uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);
232
- --uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark);
233
- }:where(.uc-purple) {
234
- --uc-primary-oklch-light: 47% 0.22 300;
235
- --uc-primary-oklch-dark: 69% 0.1768 300;
236
- }:where(.uc-red) {
237
- --uc-primary-oklch-light: 47% 0.21 21;
238
- --uc-primary-oklch-dark: 71% 0.1768 21;
239
- }:where(.uc-orange) {
240
- --uc-primary-oklch-light: 47% 0.1376 51.88;
241
- --uc-primary-oklch-dark: 69% 0.1768 51.88;
242
- }:where(.uc-green) {
243
- --uc-primary-oklch-light: 45% 0.14 130;
244
- --uc-primary-oklch-dark: 69% 0.1768 130;
245
- }:where(.uc-turquoise) {
246
- --uc-primary-oklch-light: 45% 0.0854 174;
247
- --uc-primary-oklch-dark: 69% 0.1768 174;
248
- }:where(.uc-gray) {
249
- --uc-primary-oklch-light: 10% 0 0;
250
- --uc-primary-oklch-dark: 97% 0 0;
251
- }:where(.uc-contrast) {
252
- --uc-border-light: oklch(50% 0 0);
253
- --uc-border-dark: oklch(50% 0 0);
254
-
255
- --uc-muted-light: oklch(98% 0 0);
256
- --uc-muted-dark: oklch(16% 0 0);
257
-
258
- --uc-muted-foreground-light: oklch(20% 0 0);
259
- --uc-muted-foreground-dark: oklch(80% 0 0);
260
-
261
- --uc-background-light: oklch(100% 0 0);
262
- --uc-foreground-light: oklch(0% 0 0);
263
-
264
- --uc-background-dark: oklch(10% 0 0);
265
- --uc-foreground-dark: oklch(100% 0 0);
266
- }
267
-
268
- /** biome-ignore-all lint/complexity/noImportantStyles: TODO: Refactor styles to get rid of !important rules */
269
-
270
- /* TODO: we should use basic theme there */
271
-
272
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) {
273
- --color-primary-accent: var(--uc-primary);
274
- --color-text-base: var(--uc-foreground);
275
- --color-text-accent-contrast: var(--uc-background);
276
- --color-fill-contrast: var(--uc-background);
277
- --color-modal-backdrop: oklch(0% 0 0 / 0.1);
278
- --color-image-background: var(--uc-muted);
279
- --color-focus-ring: var(--color-primary-accent);
280
- --color-crop-guides: var(--uc-foreground);
281
-
282
- --font-size-ui: var(--uc-font-size);
283
-
284
- --size-touch-area: var(--uc-button-size);
285
- --size-panel-heading: calc(var(--uc-button-size) + var(--uc-padding) * 2);
286
- --size-ui-min-width: 130px;
287
- --size-line-width: 1px;
288
- --size-modal-width: 650px;
289
- --size-icon: calc(var(--uc-button-size) / 2);
290
-
291
- /* TODO: remove icon size overrides */
292
-
293
- --border-radius-editor: var(--uc-radius);
294
- --border-radius-thumb: var(--uc-radius);
295
- --border-radius-ui: var(--uc-radius);
296
- --border-radius-base: var(--uc-radius);
297
-
298
- --cldtr-gap-min: 5px;
299
- --cldtr-gap-mid-1: 10px;
300
- --cldtr-gap-mid-2: 15px;
301
- --cldtr-gap-max: 20px;
302
-
303
- --transition-duration-2: var(--transition-duration-all, 0.2s);
304
- --transition-duration-3: var(--transition-duration-all, 0.3s);
305
- --transition-duration-4: var(--transition-duration-all, 0.4s);
306
- --transition-duration-5: var(--transition-duration-all, 0.5s);
307
-
308
- --modal-header-opacity: 1;
309
- --modal-header-height: var(--size-panel-heading);
310
- --modal-toolbar-height: var(--size-panel-heading);
311
-
312
- --transparent-pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
313
-
314
- display: block;
315
- width: 100%;
316
- height: 100%;
317
- max-height: 100%;
318
- }
319
-
320
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([can-handle-paste]:hover, [can-handle-paste]:focus) {
321
- --can-handle-paste: "true";
322
- }
323
-
324
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)
325
- :is([tabindex]:focus-visible, [tabindex]:hover, [with-effects]:focus-visible, [with-effects]:hover) {
326
- --filter-effect: var(--hover-filter) !important;
327
- --opacity-effect: var(--hover-opacity) !important;
328
- --color-effect: var(--hover-color-rgb) !important;
329
- --background-effect: var(--hover-background) !important;
330
- }
331
-
332
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex]:active, [with-effects]:active) {
333
- --filter-effect: var(--down-filter) !important;
334
- --opacity-effect: var(--down-opacity) !important;
335
- --color-effect: var(--down-color-rgb) !important;
336
- --background-effect: var(--down-background) !important;
337
- }
338
-
339
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex][active], [with-effects][active]) {
340
- --filter-effect: var(--active-filter) !important;
341
- --opacity-effect: var(--active-opacity) !important;
342
- --color-effect: var(--active-color-rgb) !important;
343
- --background-effect: var(--active-background) !important;
344
- }
345
-
346
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [hidden-scrollbar]::-webkit-scrollbar {
347
- display: none;
348
- }
349
-
350
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [hidden-scrollbar] {
351
- -ms-overflow-style: none;
352
- scrollbar-width: none;
353
- }
354
-
355
- [uc-cloud-image-editor].uc-editor_ON:not(#\#):not(#\#):not(#\#) {
356
- --modal-header-opacity: 0;
357
- --modal-header-height: 0px;
358
- --modal-toolbar-height: calc(var(--size-panel-heading) * 2);
359
- }
360
-
361
- [uc-cloud-image-editor].uc-editor_OFF:not(#\#):not(#\#):not(#\#) {
362
- --modal-header-opacity: 1;
363
- --modal-header-height: var(--size-panel-heading);
364
- --modal-toolbar-height: var(--size-panel-heading);
365
- }
366
-
367
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper {
368
- --l-min-img-height: var(--modal-toolbar-height);
369
- --l-max-img-height: 100%;
370
- --l-edit-button-width: 120px;
371
- --l-toolbar-horizontal-padding: var(--cldtr-gap-mid-1);
372
-
373
- position: relative;
374
- display: grid;
375
- grid-template-rows: minmax(var(--l-min-img-height), var(--l-max-img-height)) minmax(
376
- var(--modal-toolbar-height),
377
- auto
378
- );
379
- height: 100%;
380
- overflow: hidden;
381
- overflow-y: auto;
382
- }
383
-
384
- @media only screen and (max-width: 800px) {
385
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper {
386
- --l-edit-button-width: 70px;
387
- --l-toolbar-horizontal-padding: var(--cldtr-gap-min);
388
- }
389
- }
390
-
391
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport {
392
- display: flex;
393
- align-items: center;
394
- justify-content: center;
395
- overflow: hidden;
396
- }
397
-
398
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image {
399
- --viewer-image-opacity: 1;
400
-
401
- position: absolute;
402
- top: 0px;
403
- left: 0px;
404
- z-index: 10;
405
- display: block;
406
- box-sizing: border-box;
407
- width: 100%;
408
- height: 100%;
409
- object-fit: scale-down;
410
- background-color: var(--color-image-background);
411
- transform: scale(1);
412
- opacity: var(--viewer-image-opacity);
413
- user-select: none;
414
- pointer-events: auto;
415
- }
416
-
417
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_visible_viewer {
418
- transition:
419
- opacity var(--transition-duration-3) ease-in-out,
420
- transform var(--transition-duration-4);
421
- }
422
-
423
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_hidden_to_cropper {
424
- --viewer-image-opacity: 0;
425
-
426
- background-image: var(--transparent-pixel);
427
- transform: scale(1);
428
- transition:
429
- transform var(--transition-duration-4),
430
- opacity var(--transition-duration-3) steps(1, jump-end);
431
- pointer-events: none;
432
- }
433
-
434
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_hidden_effects {
435
- --viewer-image-opacity: 0;
436
-
437
- transform: scale(1);
438
- transition:
439
- opacity var(--transition-duration-3) cubic-bezier(0.5, 0, 1, 1),
440
- transform var(--transition-duration-4);
441
- pointer-events: none;
442
- }
443
-
444
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container {
445
- position: relative;
446
- display: block;
447
- width: 100%;
448
- height: 100%;
449
- background-color: var(--color-image-background);
450
- transition: var(--transition-duration-3);
451
- }
452
-
453
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar {
454
- position: relative;
455
- transition: 0.3s;
456
- }
457
-
458
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar > .uc-toolbar_content {
459
- position: absolute;
460
- bottom: 0px;
461
- left: 0px;
462
- box-sizing: border-box;
463
- width: 100%;
464
- height: var(--modal-toolbar-height);
465
- min-height: var(--size-panel-heading);
466
- background-color: var(--color-fill-contrast);
467
- }
468
-
469
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar > .uc-toolbar_content.uc-toolbar_content__viewer {
470
- display: flex;
471
- align-items: center;
472
- justify-content: space-between;
473
- height: var(--size-panel-heading);
474
- padding-right: var(--l-toolbar-horizontal-padding);
475
- padding-left: var(--l-toolbar-horizontal-padding);
476
- }
477
-
478
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar > .uc-toolbar_content.uc-toolbar_content__editor {
479
- display: flex;
480
- }
481
-
482
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-info_pan {
483
- position: absolute;
484
- user-select: none;
485
- }
486
-
487
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-file_type_outer {
488
- position: absolute;
489
- z-index: 2;
490
- display: flex;
491
- max-width: 120px;
492
- transform: translateX(-40px);
493
- user-select: none;
494
- }
495
-
496
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-file_type_outer > .uc-file_type {
497
- padding: 4px 0.8em;
498
- }
499
-
500
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash {
501
- position: absolute;
502
- z-index: 999;
503
- display: flex;
504
- flex-direction: column;
505
- width: 100%;
506
- height: 100%;
507
- background-color: var(--color-fill-contrast);
508
- }
509
-
510
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content {
511
- display: flex;
512
- flex: 1;
513
- flex-direction: column;
514
- align-items: center;
515
- justify-content: center;
516
- }
517
-
518
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)
519
- > .uc-wrapper
520
- > .uc-network_problems_splash
521
- > .uc-network_problems_content
522
- > .uc-network_problems_icon {
523
- display: flex;
524
- align-items: center;
525
- justify-content: center;
526
- width: 40px;
527
- height: 40px;
528
- color: var(--uc-foreground);
529
- background-color: var(--uc-muted);
530
- border-radius: 50%;
531
- }
532
-
533
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)
534
- > .uc-wrapper
535
- > .uc-network_problems_splash
536
- > .uc-network_problems_content
537
- > .uc-network_problems_text {
538
- margin-top: var(--cldtr-gap-max);
539
- font-size: var(--font-size-ui);
540
- color: var(--uc-foreground);
541
- }
542
-
543
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_footer {
544
- display: flex;
545
- align-items: center;
546
- justify-content: center;
547
- height: var(--size-panel-heading);
548
- }
549
-
550
- uc-crop-frame:not(#\#):not(#\#):not(#\#) > .uc-svg {
551
- position: absolute;
552
- top: 0px;
553
- left: 0px;
554
- z-index: 2;
555
- width: 100%;
556
- height: 100%;
557
- border-top-left-radius: var(--border-radius-base);
558
- border-top-right-radius: var(--border-radius-base);
559
- opacity: inherit;
560
- transition: var(--transition-duration-3);
561
- }
562
-
563
- uc-crop-frame:not(#\#):not(#\#):not(#\#) > .uc-thumb {
564
- --idle-color-rgb: var(--color-text-base);
565
- --hover-color-rgb: var(--color-primary-accent);
566
- --focus-color-rgb: var(--color-primary-accent);
567
- --down-color-rgb: var(--color-primary-accent);
568
- --color-effect: var(--idle-color-rgb);
569
-
570
- color: var(--color-effect);
571
- transition:
572
- color var(--transition-duration-3),
573
- opacity var(--transition-duration-3);
574
- }
575
-
576
- uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-thumb--visible {
577
- opacity: 1;
578
- pointer-events: auto;
579
- }
580
-
581
- uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-thumb--hidden {
582
- opacity: 0;
583
- pointer-events: none;
584
- }
585
-
586
- uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides {
587
- transition: var(--transition-duration-3);
588
- }
589
-
590
- uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--hidden {
591
- opacity: 0;
592
- }
593
-
594
- uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--semi-hidden {
595
- opacity: 0.2;
596
- }
597
-
598
- uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--visible {
599
- opacity: 1;
600
- }
601
-
602
- uc-editor-button-control:not(#\#):not(#\#):not(#\#),
603
- uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#),
604
- uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#),
605
- uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#),
606
- uc-editor-filter-control:not(#\#):not(#\#):not(#\#),
607
- uc-editor-operation-control:not(#\#):not(#\#):not(#\#) {
608
- --l-base-min-width: var(--uc-button-size);
609
- --l-base-height: var(--uc-button-size);
610
- --opacity-effect: var(--idle-opacity);
611
- --color-effect: var(--idle-color-rgb);
612
- --background-effect: var(--idle-background);
613
- --filter-effect: var(--idle-filter);
614
-
615
- --idle-color-rgb: var(--uc-secondary-foreground);
616
- --idle-opacity: 1;
617
- --idle-filter: 1;
618
- --idle-background: var(--uc-secondary);
619
- --hover-color-rgb: var(--uc-secondary-foreground);
620
- --hover-opacity: 1;
621
- --hover-filter: 0.8;
622
- --hover-background: var(--uc-secondary-hover);
623
- --down-color-rgb: var(--hover-color-rgb);
624
- --down-opacity: 1;
625
- --down-filter: 0.6;
626
- --down-background: var(--uc-secondary);
627
-
628
- border-radius: var(--uc-radius);
629
- }
630
-
631
- uc-editor-button-control:not(#\#):not(#\#):not(#\#) > button,
632
- uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#) > button,
633
- uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#) > button,
634
- uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button,
635
- uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button,
636
- uc-editor-operation-control:not(#\#):not(#\#):not(#\#) > button {
637
- all: unset;
638
- position: relative;
639
- display: grid;
640
- grid-template-columns: var(--l-base-min-width) auto;
641
- grid-template-rows: 100%;
642
- align-items: center;
643
- height: var(--l-base-height);
644
- color: var(--color-effect);
645
- opacity: var(--opacity-effect);
646
- cursor: pointer;
647
- transition: var(--l-width-transition);
648
- }
649
-
650
- uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button {
651
- grid-template-columns: auto var(--l-base-min-width);
652
- }
653
-
654
- uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button > uc-icon {
655
- margin-left: var(--cldtr-gap-mid-1);
656
- width: 10px;
657
- }
658
-
659
- :where(
660
- uc-editor-button-control,
661
- uc-editor-crop-button-control,
662
- uc-editor-aspect-ratio-button-control,
663
- uc-editor-freeform-button-control,
664
- uc-editor-filter-control,
665
- uc-editor-operation-control
666
- ):not(#\#):not(#\#):not(#\#)
667
- > uc-icon
668
- > svg {
669
- width: var(--size-icon);
670
- height: var(--size-icon);
671
- }
672
-
673
- uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > uc-icon.uc-original-icon > svg {
674
- width: 100%;
675
- height: 100%;
676
- }
677
-
678
- uc-editor-button-control.uc-active:not(#\#):not(#\#):not(#\#),
679
- uc-editor-operation-control.uc-active:not(#\#):not(#\#):not(#\#),
680
- uc-editor-crop-button-control.uc-active:not(#\#):not(#\#):not(#\#),
681
- uc-editor-aspect-ratio-button-control.uc-active:not(#\#):not(#\#):not(#\#),
682
- uc-editor-freeform-button-control.uc-active:not(#\#):not(#\#):not(#\#),
683
- uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#) {
684
- --idle-color-rgb: var(--uc-primary-foreground);
685
- --idle-background: var(--uc-primary);
686
- --idle-opacity: 1;
687
- --hover-color-rgb: var(--uc-primary-foreground);
688
- --hover-background: var(--uc-primary);
689
- --hover-opacity: 1;
690
- }
691
-
692
- uc-editor-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),
693
- uc-editor-operation-control.uc-not_active:not(#\#):not(#\#):not(#\#),
694
- uc-editor-crop-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),
695
- uc-editor-aspect-ratio-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),
696
- uc-editor-freeform-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),
697
- uc-editor-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#) {
698
- --idle-color-rgb: var(--uc-secondary-foreground);
699
- }
700
-
701
- :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-button-control.uc-not_active,
702
- :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-operation-control.uc-not_active,
703
- :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-crop-button-control.uc-not_active,
704
- :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-freeform-button-control.uc-not_active,
705
- :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-aspect-ratio-button-control.uc-not_active,
706
- :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-filter-control.uc-not_active {
707
- --idle-background: transparent;
708
- --hover-background: var(--uc-secondary);
709
-
710
- outline: 1px solid var(--uc-border);
711
- outline-offset: -1px;
712
- }
713
-
714
- uc-editor-button-control:not(#\#):not(#\#):not(#\#) > button::before,
715
- uc-editor-operation-control:not(#\#):not(#\#):not(#\#) > button::before,
716
- uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#) > button::before,
717
- uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button::before,
718
- uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#) > button::before,
719
- uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button::before {
720
- position: absolute;
721
- content: "";
722
- right: 0;
723
- left: 0;
724
- z-index: -1;
725
- width: 100%;
726
- height: 100%;
727
- background-color: var(--background-effect);
728
- border-radius: var(--border-radius-editor);
729
- transition: var(--transition-duration-3);
730
- }
731
-
732
- uc-editor-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
733
- uc-editor-operation-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
734
- uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
735
- uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
736
- uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
737
- uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button .uc-title {
738
- padding-right: var(--cldtr-gap-mid-1);
739
- font-size: 0.7em;
740
- letter-spacing: 1.004px;
741
- text-transform: uppercase;
742
- }
743
-
744
- uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title {
745
- padding-left: var(--cldtr-gap-mid-1);
746
- padding-right: 0;
747
- }
748
-
749
- uc-editor-button-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
750
- uc-editor-operation-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
751
- uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
752
- uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
753
- uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
754
- uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button uc-icon {
755
- pointer-events: none;
756
- }
757
-
758
- uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button .uc-preview {
759
- position: absolute;
760
- right: 0;
761
- left: 0;
762
- z-index: -1;
763
- width: 100%;
764
- height: var(--l-base-height);
765
- background-repeat: no-repeat;
766
- background-size: contain;
767
- border-radius: var(--border-radius-editor);
768
- opacity: 0;
769
- filter: brightness(var(--filter-effect));
770
- transition: var(--transition-duration-3);
771
- }
772
-
773
- uc-editor-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#) .uc-preview[data-loaded] {
774
- opacity: 1;
775
- }
776
-
777
- uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#) .uc-preview {
778
- opacity: 0;
779
- }
780
-
781
- uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > .uc-original-icon {
782
- color: var(--color-effect);
783
- opacity: 0.3;
784
- }
785
-
786
- uc-editor-image-cropper:not(#\#):not(#\#):not(#\#) {
787
- position: absolute;
788
- top: 0px;
789
- left: 0px;
790
- z-index: 10;
791
- display: block;
792
- width: 100%;
793
- height: 100%;
794
- opacity: 0;
795
- pointer-events: none;
796
- touch-action: none;
797
- color: var(--color-crop-guides);
798
- }
799
-
800
- uc-editor-image-cropper.uc-active_from_editor:not(#\#):not(#\#):not(#\#) {
801
- transform: scale(1) translate(0px, 0px);
802
- opacity: 1;
803
- transition:
804
- transform var(--transition-duration-4) cubic-bezier(0.37, 0, 0.63, 1) 0.4s,
805
- opacity var(--transition-duration-3);
806
- pointer-events: auto;
807
- }
808
-
809
- uc-editor-image-cropper.uc-active_from_viewer:not(#\#):not(#\#):not(#\#) {
810
- transform: scale(1) translate(0px, 0px);
811
- opacity: 1;
812
- transition:
813
- transform var(--transition-duration-4) cubic-bezier(0.37, 0, 0.63, 1) 0.4s,
814
- opacity var(--transition-duration-3);
815
- pointer-events: auto;
816
- }
817
-
818
- uc-editor-image-cropper.uc-inactive_to_editor:not(#\#):not(#\#):not(#\#) {
819
- opacity: 0;
820
- transition:
821
- transform var(--transition-duration-4) cubic-bezier(0.37, 0, 0.63, 1),
822
- opacity var(--transition-duration-3) calc(var(--transition-duration-3) + 0.05s);
823
- pointer-events: none;
824
- }
825
-
826
- uc-editor-image-cropper:not(#\#):not(#\#):not(#\#) > .uc-canvas {
827
- position: absolute;
828
- top: 0px;
829
- left: 0px;
830
- z-index: 1;
831
- display: block;
832
- width: 100%;
833
- height: 100%;
834
- }
835
-
836
- uc-editor-image-fader:not(#\#):not(#\#):not(#\#) {
837
- position: absolute;
838
- top: 0px;
839
- left: 0px;
840
- display: block;
841
- width: 100%;
842
- height: 100%;
843
- }
844
-
845
- uc-editor-image-fader.uc-active_from_viewer:not(#\#):not(#\#):not(#\#) {
846
- z-index: 3;
847
- transform: scale(1);
848
- opacity: 1;
849
- transition:
850
- transform var(--transition-duration-4),
851
- opacity var(--transition-duration-3) steps(1, jump-start);
852
- pointer-events: auto;
853
- }
854
-
855
- uc-editor-image-fader.uc-active_from_cropper:not(#\#):not(#\#):not(#\#) {
856
- z-index: 3;
857
- transform: scale(1);
858
- opacity: 1;
859
- transition:
860
- transform var(--transition-duration-4),
861
- opacity var(--transition-duration-3) steps(1, jump-end);
862
- pointer-events: auto;
863
- }
864
-
865
- uc-editor-image-fader.uc-inactive_to_cropper:not(#\#):not(#\#):not(#\#) {
866
- z-index: 3;
867
- transform: scale(1);
868
- opacity: 0;
869
- transition:
870
- transform var(--transition-duration-4),
871
- opacity var(--transition-duration-3) steps(1, jump-end);
872
- pointer-events: none;
873
- }
874
-
875
- uc-editor-image-fader:not(#\#):not(#\#):not(#\#) .uc-fader-image {
876
- position: absolute;
877
- top: 0px;
878
- left: 0px;
879
- display: block;
880
- width: 100%;
881
- height: 100%;
882
- object-fit: scale-down;
883
- transform: scale(1);
884
- user-select: none;
885
- content-visibility: auto;
886
- }
887
-
888
- uc-editor-image-fader:not(#\#):not(#\#):not(#\#) .uc-fader-image--preview {
889
- background-color: var(--color-image-background);
890
- border-top-left-radius: var(--border-radius-base);
891
- border-top-right-radius: var(--border-radius-base);
892
- transform: scale(1);
893
- opacity: 0;
894
- transition: var(--transition-duration-3);
895
- }
896
-
897
- uc-editor-scroller:not(#\#):not(#\#):not(#\#) {
898
- display: flex;
899
- align-items: center;
900
- width: 100%;
901
- height: 100%;
902
- overflow-x: scroll;
903
- }
904
-
905
- uc-editor-slider:not(#\#):not(#\#):not(#\#) {
906
- display: flex;
907
- align-items: center;
908
- justify-content: center;
909
- width: 100%;
910
- height: var(--size-panel-heading);
911
- }
912
-
913
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) {
914
- position: relative;
915
- width: 100%;
916
- height: 100%;
917
- }
918
-
919
- @media only screen and (max-width: 600px) {
920
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) {
921
- --l-tab-gap: var(--cldtr-gap-mid-1);
922
- --l-slider-padding: var(--uc-padding);
923
- --l-controls-padding: var(--uc-padding);
924
- }
925
- }
926
-
927
- @media only screen and (min-width: 601px) {
928
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) {
929
- --l-tab-gap: var(--cldtr-gap-max);
930
- --l-slider-padding: var(--uc-padding);
931
- --l-controls-padding: var(--uc-padding);
932
- }
933
- }
934
-
935
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container {
936
- position: relative;
937
- width: 100%;
938
- height: 100%;
939
- overflow: hidden;
940
- }
941
-
942
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar {
943
- position: absolute;
944
- display: grid;
945
- grid-template-rows: 1fr 1fr;
946
- width: 100%;
947
- height: 100%;
948
- background-color: var(--color-fill-contrast);
949
- transition:
950
- opacity var(--transition-duration-3) ease-in-out,
951
- transform var(--transition-duration-3) ease-in-out,
952
- visibility var(--transition-duration-3) ease-in-out;
953
- }
954
-
955
- .uc-sub-toolbar:not(#\#):not(#\#):not(#\#) > .uc-list-aspect-ratio-container > .uc-list-aspect-ratio {
956
- display: grid;
957
- grid-auto-flow: column;
958
- justify-content: center;
959
- align-items: center;
960
- gap: 6px;
961
- height: var(--size-panel-heading);
962
- }
963
-
964
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--visible {
965
- transform: translateY(0px);
966
- opacity: 1;
967
- pointer-events: auto;
968
- }
969
-
970
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--top-hidden {
971
- transform: translateY(100%);
972
- opacity: 0;
973
- pointer-events: none;
974
- }
975
-
976
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--bottom-hidden {
977
- transform: translateY(-100%);
978
- opacity: 0;
979
- pointer-events: none;
980
- }
981
-
982
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row {
983
- display: flex;
984
- align-items: center;
985
- justify-content: space-between;
986
- padding-right: var(--l-controls-padding);
987
- padding-left: var(--l-controls-padding);
988
- }
989
-
990
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles {
991
- position: relative;
992
- display: grid;
993
- grid-auto-flow: column;
994
- gap: 0px var(--l-tab-gap);
995
- align-items: center;
996
- height: 100%;
997
- }
998
-
999
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#)
1000
- > .uc-toolbar-container
1001
- > .uc-sub-toolbar
1002
- > .uc-controls-row
1003
- > .uc-tab-toggles
1004
- > .uc-tab-toggles_indicator {
1005
- position: absolute;
1006
- bottom: 0px;
1007
- left: 0px;
1008
- width: var(--size-touch-area);
1009
- height: 2px;
1010
- background-color: var(--uc-secondary-foreground);
1011
- transform: translateX(0px);
1012
- transition: transform var(--transition-duration-3);
1013
- }
1014
-
1015
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row {
1016
- position: relative;
1017
- }
1018
-
1019
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content {
1020
- position: absolute;
1021
- top: 0px;
1022
- left: 0px;
1023
- display: flex;
1024
- width: 100%;
1025
- height: 100%;
1026
- overflow: hidden;
1027
- content-visibility: auto;
1028
- }
1029
-
1030
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#)
1031
- > .uc-toolbar-container
1032
- > .uc-sub-toolbar
1033
- > .uc-controls-row
1034
- > .uc-tab-toggles
1035
- > .uc-tab-toggle.uc-tab-toggle--visible {
1036
- display: contents;
1037
- }
1038
-
1039
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#)
1040
- > .uc-toolbar-container
1041
- > .uc-sub-toolbar
1042
- > .uc-controls-row
1043
- > .uc-tab-toggles
1044
- > .uc-tab-toggle.uc-tab-toggle--hidden {
1045
- display: none;
1046
- }
1047
-
1048
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#)
1049
- > .uc-toolbar-container
1050
- > .uc-sub-toolbar
1051
- > .uc-controls-row
1052
- > .uc-tab-toggles.uc-tab-toggles--hidden {
1053
- display: none;
1054
- }
1055
-
1056
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#)
1057
- > .uc-toolbar-container
1058
- > .uc-sub-toolbar
1059
- > .uc-controls-row
1060
- > .uc-tab-toggles
1061
- > .uc-tab-toggle
1062
- > uc-btn-ui {
1063
- width: var(--uc-button-size);
1064
- }
1065
-
1066
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#)
1067
- > .uc-toolbar-container
1068
- > .uc-sub-toolbar
1069
- > .uc-controls-row
1070
- > .uc-tab-toggles
1071
- > .uc-tab-toggle
1072
- > uc-btn-ui
1073
- > uc-icon
1074
- > svg {
1075
- width: var(--size-icon);
1076
- height: var(--size-icon);
1077
- }
1078
-
1079
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#)
1080
- > .uc-toolbar-container
1081
- > .uc-sub-toolbar
1082
- > .uc-tab-content-row
1083
- > .uc-tab-content
1084
- .uc-controls-list_align {
1085
- display: grid;
1086
- grid-template-areas: ". inner .";
1087
- grid-template-columns: 1fr auto 1fr;
1088
- box-sizing: border-box;
1089
- min-width: 100%;
1090
- padding-left: var(--uc-padding);
1091
- }
1092
-
1093
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#)
1094
- > .uc-toolbar-container
1095
- > .uc-sub-toolbar
1096
- > .uc-tab-content-row
1097
- > .uc-tab-content
1098
- .uc-controls-list_inner {
1099
- display: grid;
1100
- grid-area: inner;
1101
- grid-auto-flow: column;
1102
- gap: 6px;
1103
- }
1104
-
1105
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#)
1106
- > .uc-toolbar-container
1107
- > .uc-sub-toolbar
1108
- > .uc-tab-content-row
1109
- > .uc-tab-content
1110
- .uc-controls-list_inner:last-child {
1111
- padding-right: var(--uc-padding);
1112
- }
1113
-
1114
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_container {
1115
- position: absolute;
1116
- display: flex;
1117
- align-items: flex-start;
1118
- justify-content: center;
1119
- width: 100%;
1120
- height: 100%;
1121
- }
1122
-
1123
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_wrapper {
1124
- position: absolute;
1125
- top: calc(-100% - var(--cldtr-gap-mid-2));
1126
- display: flex;
1127
- flex-direction: column;
1128
- justify-content: flex-end;
1129
- height: 100%;
1130
- pointer-events: none;
1131
- }
1132
-
1133
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip {
1134
- z-index: 10;
1135
- padding: 3px 6px;
1136
- color: var(--color-text-base);
1137
- font-size: 0.7em;
1138
- letter-spacing: 1px;
1139
- text-transform: uppercase;
1140
- background-color: var(--color-text-accent-contrast);
1141
- border-radius: var(--border-radius-editor);
1142
- transform: translateY(100%);
1143
- opacity: 0;
1144
- transition: var(--transition-duration-3);
1145
- }
1146
-
1147
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_visible {
1148
- transform: translateY(0px);
1149
- opacity: 1;
1150
- }
1151
-
1152
- uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-slider {
1153
- padding-right: var(--l-slider-padding);
1154
- padding-left: var(--l-slider-padding);
1155
- }
1156
-
1157
- uc-btn-ui:not(#\#):not(#\#):not(#\#) > button {
1158
- --filter-effect: var(--idle-brightness);
1159
- --opacity-effect: var(--idle-opacity);
1160
- --color-effect: var(--idle-color-rgb);
1161
- --background-effect: var(--idle-background);
1162
- --l-transition-effect: var(
1163
- --css-transition,
1164
- color var(--transition-duration-2),
1165
- background-color var(--transition-duration-2),
1166
- filter var(--transition-duration-2)
1167
- );
1168
-
1169
- all: unset;
1170
- display: inline-flex;
1171
- align-items: center;
1172
- box-sizing: var(--css-box-sizing, border-box);
1173
- height: var(--css-height, var(--uc-button-size));
1174
- padding-right: var(--css-padding-right, 14px);
1175
- padding-left: var(--css-padding-left, 14px);
1176
- font-size: 1em;
1177
- color: var(--color-effect);
1178
- background-color: var(--background-effect);
1179
- border-radius: var(--uc-radius);
1180
- opacity: var(--opacity-effect);
1181
- cursor: pointer;
1182
- filter: brightness(var(--filter-effect));
1183
- transition: var(--l-transition-effect);
1184
- user-select: none;
1185
- }
1186
-
1187
- uc-btn-ui:not(#\#):not(#\#):not(#\#) > button > uc-icon {
1188
- pointer-events: none;
1189
- }
1190
-
1191
- uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-text {
1192
- white-space: nowrap;
1193
- }
1194
-
1195
- uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon {
1196
- display: flex;
1197
- align-items: center;
1198
- justify-content: center;
1199
- color: var(--color-effect);
1200
- filter: brightness(var(--filter-effect));
1201
- transition: var(--l-transition-effect);
1202
- }
1203
-
1204
- uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_left {
1205
- margin-right: var(--cldtr-gap-mid-1);
1206
- margin-left: 0px;
1207
- }
1208
-
1209
- uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_right {
1210
- margin-right: 0px;
1211
- margin-left: var(--cldtr-gap-mid-1);
1212
- }
1213
-
1214
- uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_single {
1215
- margin-right: 0px;
1216
- margin-left: 0px;
1217
- }
1218
-
1219
- uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_hidden {
1220
- display: none;
1221
- margin: 0;
1222
- }
1223
-
1224
- uc-btn-ui.uc-primary:not(#\#):not(#\#):not(#\#) > button {
1225
- --idle-color-rgb: var(--uc-primary-foreground);
1226
- --idle-brightness: 1;
1227
- --idle-opacity: 1;
1228
- --idle-background: var(--uc-primary);
1229
- --hover-color-rgb: var(--uc-primary-foreground);
1230
- --hover-brightness: 1;
1231
- --hover-opacity: 1;
1232
- --hover-background: var(--uc-primary-hover);
1233
- --down-color-rgb: var(--uc-primary-foreground);
1234
- --down-brightness: 0.75;
1235
- --down-opacity: 1;
1236
- --down-background: var(--uc-primary);
1237
- --active-color-rgb: var(--uc-primary-foreground);
1238
- --active-brightness: 1;
1239
- --active-opacity: 1;
1240
- --active-background: var(--uc-primary);
1241
- }
1242
-
1243
- uc-btn-ui.uc-primary-icon:not(#\#):not(#\#):not(#\#) > button {
1244
- --idle-color-rgb: var(--uc-primary);
1245
- --idle-brightness: 1;
1246
- --idle-opacity: 1;
1247
- --idle-background: transparent;
1248
- --hover-color-rgb: var(--uc-primary);
1249
- --hover-brightness: 1;
1250
- --hover-opacity: 1;
1251
- --hover-background: var(--uc-primary-transparent);
1252
- --down-color-rgb: var(--uc-primary);
1253
- --down-brightness: 0.75;
1254
- --down-opacity: 1;
1255
- --down-background: var(--uc-primary-transparent);
1256
- --active-color-rgb: var(--uc-primary-foreground);
1257
- --active-brightness: 1;
1258
- --active-opacity: 1;
1259
- --active-background: var(--uc-primary);
1260
-
1261
- padding: 0;
1262
- width: var(--uc-button-size);
1263
- }
1264
-
1265
- uc-btn-ui.uc-secondary:not(#\#):not(#\#):not(#\#) > button {
1266
- --idle-color-rgb: var(--uc-secondary-foreground);
1267
- --idle-brightness: 1;
1268
- --idle-opacity: 1;
1269
- --idle-background: var(--uc-secondary);
1270
- --hover-color-rgb: var(--uc-secondary-foreground);
1271
- --hover-brightness: 1;
1272
- --hover-opacity: 1;
1273
- --hover-background: var(--uc-secondary-hover);
1274
- --down-color-rgb: var(--uc-secondary-foreground);
1275
- --down-brightness: 1;
1276
- --down-opacity: 1;
1277
- --down-background: var(--uc-secondary-hover);
1278
- --active-color-rgb: var(--uc-secondary-foreground);
1279
- --active-brightness: 1;
1280
- --active-opacity: 1;
1281
- --active-background: transparent;
1282
- }
1283
-
1284
- :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-secondary > button {
1285
- border: 1px solid var(--uc-border);
1286
- }
1287
-
1288
- uc-btn-ui.uc-secondary-icon:not(#\#):not(#\#):not(#\#) > button {
1289
- --idle-color-rgb: var(--uc-secondary-foreground);
1290
- --idle-brightness: 1;
1291
- --idle-opacity: 1;
1292
- --idle-background: transparent;
1293
- --hover-color-rgb: var(--uc-secondary-foreground);
1294
- --hover-brightness: 1;
1295
- --hover-opacity: 1;
1296
- --hover-background: var(--uc-secondary);
1297
- --down-color-rgb: var(--uc-secondary-foreground);
1298
- --down-brightness: 1;
1299
- --down-opacity: 1;
1300
- --down-background: var(--uc-secondary);
1301
- --active-color-rgb: var(--uc-secondary-foreground);
1302
- --active-brightness: 1;
1303
- --active-opacity: 1;
1304
- --active-background: transparent;
1305
-
1306
- padding: 0;
1307
- width: var(--uc-button-size);
1308
- }
1309
-
1310
- uc-btn-ui.uc-tab:not(#\#):not(#\#):not(#\#) > button {
1311
- --idle-color-rgb: var(--uc-secondary-foreground);
1312
- --idle-brightness: 1;
1313
- --idle-opacity: 1;
1314
- --idle-background: transparent;
1315
- --hover-color-rgb: var(--uc-secondary-foreground);
1316
- --hover-brightness: 1;
1317
- --hover-opacity: 1;
1318
- --hover-background: var(--uc-secondary);
1319
- --down-color-rgb: var(--uc-secondary-foreground);
1320
- --down-brightness: 1;
1321
- --down-opacity: 1;
1322
- --down-background: var(--uc-secondary);
1323
- --active-color-rgb: var(--uc-secondary-foreground);
1324
- --active-brightness: 1;
1325
- --active-opacity: 1;
1326
- --active-background: transparent;
1327
-
1328
- padding: 0;
1329
- width: var(--uc-button-size);
1330
- }
1331
-
1332
- uc-btn-ui.uc-default:not(#\#):not(#\#):not(#\#) > button {
1333
- --idle-color-rgb: var(--uc-secondary-foreground);
1334
- --idle-brightness: 1;
1335
- --idle-opacity: 1;
1336
- --idle-background: var(--uc-secondary);
1337
- --hover-color-rgb: var(--uc-secondary-foreground);
1338
- --hover-brightness: 1;
1339
- --hover-opacity: 1;
1340
- --hover-background: var(--uc-secondary-hover);
1341
- --down-color-rgb: var(--uc-secondary-foreground);
1342
- --down-brightness: 0.75;
1343
- --down-opacity: 1;
1344
- --down-background: var(--uc-secondary);
1345
- --active-color-rgb: var(--uc-primary);
1346
- --active-brightness: 1;
1347
- --active-opacity: 1;
1348
- --active-background: var(--uc-primary-transparent);
1349
- }
1350
-
1351
- :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-default > button {
1352
- --idle-background: transparent;
1353
- --hover-background: var(--uc-secondary);
1354
- --active-background: var(--uc-foreground);
1355
- --active-color-rgb: var(--uc-background);
1356
- }
1357
-
1358
- uc-line-loader-ui:not(#\#):not(#\#):not(#\#) {
1359
- position: absolute;
1360
- top: 0px;
1361
- left: 0px;
1362
- z-index: 9999;
1363
- width: 100%;
1364
- height: 2px;
1365
- opacity: 0.5;
1366
- }
1367
-
1368
- uc-line-loader-ui:not(#\#):not(#\#):not(#\#) .uc-inner {
1369
- width: 25%;
1370
- max-width: 200px;
1371
- height: 100%;
1372
- }
1373
-
1374
- uc-line-loader-ui:not(#\#):not(#\#):not(#\#) .uc-line {
1375
- width: 100%;
1376
- height: 100%;
1377
- background-color: var(--uc-primary);
1378
- transform: translateX(-101%);
1379
- transition: transform 1s;
1380
- }
1381
-
1382
- uc-slider-ui:not(#\#):not(#\#):not(#\#) {
1383
- --l-thumb-size: 24px;
1384
- --l-zero-dot-size: 5px;
1385
- --l-zero-dot-offset: 2px;
1386
- --idle-color-rgb: var(--uc-foreground);
1387
- --hover-color-rgb: var(--uc-primary);
1388
- --down-color-rgb: var(--uc-primary);
1389
- --color-effect: var(--idle-color-rgb);
1390
- --l-color: var(--color-effect);
1391
-
1392
- position: relative;
1393
- display: flex;
1394
- align-items: center;
1395
- justify-content: center;
1396
- width: 100%;
1397
- height: calc(var(--l-thumb-size) + (var(--l-zero-dot-size) + var(--l-zero-dot-offset)) * 2);
1398
- }
1399
-
1400
- uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-thumb {
1401
- position: absolute;
1402
- left: 0px;
1403
- width: var(--l-thumb-size);
1404
- height: var(--l-thumb-size);
1405
- background-color: var(--l-color);
1406
- border-radius: 50%;
1407
- transform: translateX(0px);
1408
- opacity: 1;
1409
- transition:
1410
- opacity var(--transition-duration-2),
1411
- background-color var(--transition-duration-2);
1412
- }
1413
-
1414
- uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-steps {
1415
- position: absolute;
1416
- display: flex;
1417
- align-items: center;
1418
- justify-content: space-between;
1419
- box-sizing: border-box;
1420
- width: 100%;
1421
- height: 100%;
1422
- padding-right: calc(var(--l-thumb-size) / 2);
1423
- padding-left: calc(var(--l-thumb-size) / 2);
1424
- }
1425
-
1426
- uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-border-step {
1427
- width: 0px;
1428
- height: 10px;
1429
- border-right: 1px solid var(--uc-foreground);
1430
- opacity: 1;
1431
- transition: border-color var(--transition-duration-2);
1432
- }
1433
-
1434
- uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-minor-step {
1435
- width: 0px;
1436
- height: 4px;
1437
- border-right: 1px solid var(--uc-foreground);
1438
- opacity: 0.6;
1439
- transition: border-color var(--transition-duration-2);
1440
- }
1441
-
1442
- uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-zero-dot {
1443
- position: absolute;
1444
- top: calc(100% - var(--l-zero-dot-offset) * 2);
1445
- left: calc(var(--l-thumb-size) / 2 - var(--l-zero-dot-size) / 2);
1446
- width: var(--l-zero-dot-size);
1447
- height: var(--l-zero-dot-size);
1448
- background-color: var(--color-primary-accent);
1449
- border-radius: 50%;
1450
- opacity: 0;
1451
- transition: var(--transition-duration-3);
1452
- }
1453
-
1454
- uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-input {
1455
- position: absolute;
1456
- width: calc(100% - 10px);
1457
- height: 100%;
1458
- margin: 0;
1459
- cursor: pointer;
1460
- opacity: 0;
1461
- }
1462
-
1463
- uc-presence-toggle.uc-transition:not(#\#):not(#\#):not(#\#) {
1464
- transition:
1465
- opacity var(--transition-duration-3),
1466
- visibility var(--transition-duration-3);
1467
- }
1468
-
1469
- uc-presence-toggle.uc-visible:not(#\#):not(#\#):not(#\#) {
1470
- opacity: 1;
1471
- pointer-events: inherit;
1472
- }
1473
-
1474
- uc-presence-toggle.uc-hidden:not(#\#):not(#\#):not(#\#) {
1475
- opacity: 0;
1476
- pointer-events: none;
1477
- }
1478
-
1479
- uc-presence-toggle.uc-initial:not(#\#):not(#\#):not(#\#) {
1480
- display: none !important;
1481
- transition: none !important;
1482
- }
1483
-
1484
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [role="button"]:focus-visible,
1485
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) button:focus-visible {
1486
- outline: 1px auto Highlight;
1487
- outline: 1px auto -webkit-focus-ring-color;
1488
- }
1489
-
1490
- [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) .uc-cloud-mask {
1491
- pointer-events: none;
1492
- }
1493
-
1494
- [uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) button {
1495
- display: flex;
1496
- }
1497
-
1498
- [uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) uc-icon {
1499
- display: none;
1500
- }
1501
-
1502
- [uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) .uc-title {
1503
- padding-left: var(--cldtr-gap-mid-1);
1504
- }
1505
-
1506
- :where(uc-editor-freeform-button-control, uc-editor-aspect-ratio-button-control:last-of-type):not(#\#):not(#\#):not(#\#) {
1507
- margin-right: calc(3 * var(--cldtr-gap-mid-1));
1508
- }
1509
-
1510
- :where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#) uc-icon {
1511
- display: flex;
1512
- justify-content: center;
1513
- width: 100%;
1514
- height: 100%;
1515
- }
1516
-
1517
- :where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#) uc-icon svg {
1518
- width: calc(var(--uc-button-size) / 2);
1519
- height: calc(var(--uc-button-size) / 2);
1520
- }
1521
-
1522
-
1523
-
1524
-
1525
-
1526
-
1527
-
1528
-
1529
-
1530
-
1531
- uc-config:not(#\#) {
1532
- display: none;
1533
- }
1534
-
1535
- uc-url-source:not(#\#) {
1536
- display: block;
1537
- background-color: var(--uc-background);
1538
- }
1539
-
1540
- uc-url-source:not(#\#) > .uc-content {
1541
- display: grid;
1542
- gap: 4px;
1543
- grid-template-columns: 1fr min-content;
1544
- padding: var(--uc-padding);
1545
- padding-top: 0;
1546
- }
1547
-
1548
- uc-url-source:not(#\#) .uc-url-input {
1549
- display: flex;
1550
- }
1551
-
1552
- uc-external-source:not(#\#) {
1553
- display: flex;
1554
- flex-direction: column;
1555
- width: 100%;
1556
- height: 100%;
1557
- background-color: var(--uc-background);
1558
- overflow: hidden;
1559
- position: relative;
1560
- }
1561
-
1562
- [uc-modal]:not(#\#) > dialog:has([activity="external"][active]) {
1563
- width: 100%;
1564
- height: 100%;
1565
- }
1566
-
1567
- uc-external-source:not(#\#) > .uc-content {
1568
- position: relative;
1569
- display: grid;
1570
- flex: 1;
1571
- grid-template-rows: 1fr min-content;
1572
- }
1573
-
1574
- uc-external-source:not(#\#) iframe {
1575
- display: block;
1576
- width: 100%;
1577
- height: 100%;
1578
- border: none;
1579
- }
1580
-
1581
- uc-external-source:not(#\#) .uc-iframe-wrapper {
1582
- overflow: hidden;
1583
- }
1584
-
1585
- uc-external-source:not(#\#) .uc-toolbar {
1586
- display: flex;
1587
- width: 100%;
1588
- gap: var(--uc-padding);
1589
- align-items: center;
1590
- justify-content: space-between;
1591
- padding: var(--uc-padding);
1592
- border-top: 1px solid var(--uc-border);
1593
- }
1594
-
1595
- uc-external-source:not(#\#) .uc-back-btn {
1596
- padding-left: 0;
1597
- }
1598
-
1599
- uc-external-source:not(#\#) .uc-selection-status-box {
1600
- color: var(--uc-foreground);
1601
- display: flex;
1602
- flex-direction: column;
1603
- align-items: center;
1604
- justify-content: center;
1605
- }
1606
-
1607
- uc-external-source:not(#\#) .uc-selection-status-box button {
1608
- color: var(--uc-primary);
1609
- height: auto;
1610
- padding: 0;
1611
- background: none;
1612
- }
1613
-
1614
- uc-external-source:not(#\#) .uc-selection-status-box button:hover {
1615
- text-decoration: underline;
1616
- }
1617
-
1618
- uc-external-source:not(#\#) uc-activity-header {
1619
- position: absolute;
1620
- width: 100%;
1621
- justify-content: flex-end;
1622
- z-index: 1;
1623
- left: 0;
1624
- top: 0;
1625
- right: 0;
1626
- pointer-events: none;
1627
- }
1628
-
1629
- uc-external-source:not(#\#) uc-activity-header .uc-close-btn {
1630
- pointer-events: auto;
1631
- }
1632
-
1633
- uc-external-source:not(#\#) .uc-done-btn > span.uc-hidden {
1634
- visibility: hidden;
1635
- pointer-events: none;
1636
- }
1637
-
1638
- uc-external-source:not(#\#) .uc-done-btn > uc-spinner {
1639
- position: absolute;
1640
- width: 100%;
1641
- height: 100%;
1642
- display: flex;
1643
- align-items: center;
1644
- justify-content: center;
1645
- }
1646
-
1647
- uc-camera-source:not(#\#) {
1648
- position: relative;
1649
- display: flex;
1650
- flex-direction: column;
1651
- width: 100%;
1652
- height: 100%;
1653
- max-height: 100%;
1654
- overflow: hidden;
1655
- background-color: var(--uc-background);
1656
- border-radius: var(--uc-radius);
1657
- }
1658
-
1659
- [uc-modal]:not(#\#) > dialog:has([activity="camera"][active]) {
1660
- width: 100%;
1661
- height: 100%;
1662
- }
1663
-
1664
- uc-camera-source:not(#\#) video {
1665
- display: block;
1666
- width: 100%;
1667
- max-height: 100%;
1668
- object-fit: contain;
1669
- object-position: center center;
1670
- background-color: var(--uc-muted);
1671
- border-radius: var(--uc-radius);
1672
- }
1673
-
1674
- uc-camera-source:not(#\#) .uc-toolbar {
1675
- position: absolute;
1676
- bottom: 0;
1677
- display: flex;
1678
- justify-content: space-between;
1679
- width: 100%;
1680
- padding: var(--uc-padding);
1681
- background-color: var(--uc-background);
1682
- }
1683
-
1684
- uc-camera-source:not(#\#) .uc-content {
1685
- display: flex;
1686
- flex: 1;
1687
- justify-content: center;
1688
- width: 100%;
1689
- height: 100%;
1690
- padding: var(--uc-padding);
1691
- padding-top: 0;
1692
- overflow: hidden;
1693
- }
1694
-
1695
- uc-camera-source:not(#\#) .uc-message-box {
1696
- display: flex;
1697
- flex-direction: column;
1698
- gap: 40px;
1699
- align-items: center;
1700
- justify-content: center;
1701
- padding: 40px 40px 0;
1702
- color: var(--uc-foreground);
1703
- }
1704
-
1705
- uc-camera-source:not(#\#) .uc-message-box button {
1706
- color: var(--uc-primary-foreground);
1707
- background-color: var(--uc-primary);
1708
- }
1709
-
1710
- uc-camera-source:not(#\#) .uc-shot-btn {
1711
- width: 58px;
1712
- height: 58px;
1713
- color: var(--uc-background);
1714
- background-color: var(--uc-primary-light);
1715
- border-radius: 50%;
1716
- opacity: 0.85;
1717
- transition:
1718
- bottom var(--uc-transition),
1719
- opacity var(--uc-transition),
1720
- transform var(--uc-transition);
1721
- }
1722
-
1723
- uc-camera-source:not(#\#) .uc-shot-btn:hover {
1724
- transform: scale(1.05);
1725
- opacity: 1;
1726
- }
1727
-
1728
- uc-camera-source:not(#\#) .uc-shot-btn:active {
1729
- transform: scale(1);
1730
- opacity: 1;
1731
- }
1732
-
1733
- uc-camera-source:not(#\#) .uc-shot-btn[disabled] {
1734
- bottom: -80px;
1735
- }
1736
-
1737
- uc-camera-source:not(#\#) .uc-shot-btn uc-icon svg {
1738
- width: 20px;
1739
- height: 20px;
1740
- }
1741
-
1742
- uc-camera-source:not(#\#) .uc-controls {
1743
- position: relative;
1744
- display: flex;
1745
- align-items: center;
1746
- flex-wrap: wrap;
1747
- justify-content: space-between;
1748
- padding: 0 var(--uc-padding) var(--uc-padding);
1749
- min-height: 74px;
1750
- }
1751
-
1752
- uc-camera-source:not(.uc-initialized):not(#\#) .uc-controls {
1753
- display: none;
1754
- }
1755
-
1756
- uc-camera-source:not(#\#) .uc-switcher {
1757
- display: flex;
1758
- gap: calc(var(--uc-padding) / 2);
1759
- }
1760
-
1761
- uc-camera-source:not(#\#) .uc-switch.uc-active {
1762
- background-color: var(--uc-secondary);
1763
- }
1764
-
1765
- uc-camera-source:not(#\#) .uc-camera-actions {
1766
- display: flex;
1767
- justify-content: center;
1768
- align-items: center;
1769
- gap: 5px;
1770
- }
1771
-
1772
- uc-camera-source:not(#\#) .uc-stop-record {
1773
- background-color: var(--uc-destructive-foreground-light);
1774
- opacity: 1;
1775
- }
1776
-
1777
- :where(uc-camera-source:is(.uc-recording)):not(#\#) .uc-recording-timer uc-icon {
1778
- display: none;
1779
- }
1780
-
1781
- :where(uc-camera-source:is(.uc-recording)):not(#\#) .uc-recording-timer {
1782
- pointer-events: none;
1783
- }
1784
-
1785
- uc-camera-source:not(#\#) .uc-recording-timer {
1786
- z-index: 1;
1787
- position: relative;
1788
- overflow: hidden;
1789
- }
1790
-
1791
- :where(uc-camera-source):not(#\#) .uc-recording-timer uc-icon {
1792
- width: 10px;
1793
- height: 10px;
1794
- margin-right: 10px;
1795
- }
1796
-
1797
- uc-camera-source:not(#\#) .uc-recording-timer .uc-line {
1798
- position: absolute;
1799
- content: "";
1800
- bottom: 0;
1801
- left: 0;
1802
- right: 0;
1803
- height: 2px;
1804
- background-color: var(--uc-foreground-light);
1805
- transform: scaleX(0);
1806
- transform-origin: left;
1807
- transition: transform var(--uc-transition);
1808
- }
1809
-
1810
- uc-camera-source:not(#\#) .uc-btn-microphone {
1811
- z-index: 1;
1812
- }
1813
-
1814
- uc-camera-source:not(#\#) .uc-select {
1815
- display: flex;
1816
- }
1817
-
1818
- uc-camera-source:not(#\#) .uc-audio-select {
1819
- width: 98px;
1820
- }
1821
-
1822
- uc-camera-source:not(#\#) .uc-audio-select select {
1823
- width: 100%;
1824
- }
1825
-
1826
- uc-camera-source:not(#\#) .uc-camera-action {
1827
- position: absolute;
1828
- inset: 0 var(--uc-padding) var(--uc-padding);
1829
- margin: 0 auto;
1830
- }
1831
-
1832
- uc-cloud-image-editor-activity:not(#\#) {
1833
- position: relative;
1834
- display: flex;
1835
- width: 100%;
1836
- height: 100%;
1837
- overflow: hidden;
1838
- background-color: var(--uc-background);
1839
- }
1840
-
1841
- [uc-modal]:not(#\#) > dialog:has([activity="cloud-image-edit"][active]) {
1842
- width: 100%;
1843
- height: 100%;
1844
- }
1845
-
1846
- uc-icon:not(#\#) {
1847
- display: inline-flex;
1848
- align-items: center;
1849
- justify-content: center;
1850
- width: var(--uc-button-size);
1851
- height: var(--uc-button-size);
1852
- }
1853
-
1854
- uc-icon:not(#\#) svg {
1855
- width: calc(var(--uc-button-size) / 2);
1856
- height: calc(var(--uc-button-size) / 2);
1857
- overflow: visible;
1858
- }
1859
-
5
+ * Built: 2026-03-26T10:53:45.873Z
6
+ */:where([uc-wgt-common]){--uc-font-family: system-ui;--uc-font-size: 14px;--uc-line-height: normal;--uc-simple-btn-font-family: system-ui;--uc-simple-btn-font-size: 14px;--uc-button-size: 32px;--uc-preview-size: 32px;--uc-padding: 10px;--uc-radius: 8px;--uc-transition: .2s ease;--uc-dialog-width: 430px;--uc-dialog-max-width: 920px;--uc-dialog-max-height: 675px;--uc-simple-btn-padding: 7px 14px;--uc-grid-col: 3;--uc-grid-preview-image-height: auto;--uc-grid-gap: calc(var(--uc-padding) / 2);--uc-grid-aspect-ratio: 1 / 1;--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}@supports not (color: oklch(0% 0 0)){:where([uc-wgt-common]){--uc-primary-rgb-light: 23 75 215;--uc-primary-light: rgb(var(--uc-primary-rgb-light));--uc-primary-hover-light: rgb(var(--uc-primary-rgb-light) / 90%);--uc-primary-transparent-light: rgb(var(--uc-primary-rgb-light) / 10%);--uc-background-light: rgb(255 255 255);--uc-foreground-light: rgb(24 24 24);--uc-primary-foreground-light: #fff;--uc-secondary-light: rgb(24 24 24 / 5%);--uc-secondary-hover-light: rgb(24 24 24 / 8%);--uc-secondary-foreground-light: rgb(24 24 24);--uc-muted-light: rgb(245 245 245);--uc-muted-foreground-light: rgb(113 113 113);--uc-destructive-light: rgb(232 19 20 / 5%);--uc-destructive-foreground-light: rgb(232 19 20);--uc-border-light: rgb(228 228 232);--uc-dialog-shadow-light: 0px 6px 20px rgb(0 0 0 / 10%);--uc-simple-btn-light: rgb(235 235 235);--uc-simple-btn-hover-light: rgb(228 228 228);--uc-simple-btn-foreground-light: rgb(24 24 24);--uc-primary-rgb-dark: 87 154 255;--uc-primary-dark: rgb(var(--uc-primary-rgb-dark));--uc-primary-hover-dark: rgb(var(--uc-primary-rgb-dark) / 90%);--uc-primary-transparent-dark: rgb(var(--uc-primary-rgb-dark) / 7%);--uc-background-dark: rgb(27 27 27);--uc-foreground-dark: rgb(225 225 225);--uc-primary-foreground-dark: rgb(0 0 0);--uc-secondary-dark: rgb(225 225 225 / 7%);--uc-secondary-hover-dark: rgb(225 225 225 / 10%);--uc-secondary-foreground-dark: rgb(225 225 225);--uc-muted-dark: rgb(36 36 36);--uc-muted-foreground-dark: rgb(152 152 152);--uc-destructive-dark: rgb(244 90 79 / 10%);--uc-destructive-foreground-dark: rgb(244 90 79);--uc-border-dark: rgb(61 61 61);--uc-dialog-shadow-dark: 0px 6px 20px rgb(0 0 0 / 25%);--uc-simple-btn-dark: rgb(36 36 36);--uc-simple-btn-hover-dark: rgb(43 43 43);--uc-simple-btn-foreground-dark: rgb(255 255 255)}}@supports (color: oklch(0% 0 0)){:where([uc-wgt-common]){--uc-primary-oklch-light: 47% .22 264;--uc-primary-light: oklch(var(--uc-primary-oklch-light));--uc-primary-hover-light: oklch(var(--uc-primary-oklch-light) / 90%);--uc-primary-transparent-light: oklch(var(--uc-primary-oklch-light) / 7%);--uc-background-light: oklch(100% 0 0);--uc-foreground-light: oklch(21% 0 0);--uc-primary-foreground-light: oklch(100% 0 0);--uc-secondary-light: oklch(21% 0 0 / .05);--uc-secondary-hover-light: oklch(21% 0 0 / .08);--uc-secondary-foreground-light: oklch(21% 0 0);--uc-muted-light: oklch(97% 0 0);--uc-muted-foreground-light: oklch(40% 0 0);--uc-destructive-light: oklch(59% .235 28.5 / .05);--uc-destructive-foreground-light: oklch(59% .235 28.5);--uc-border-light: oklch(92% 0 0);--uc-dialog-shadow-light: 0px 6px 20px oklch(0% 0 0 / .1);--uc-simple-btn-light: oklch(94% 0 0);--uc-simple-btn-hover-light: oklch(92% 0 0);--uc-simple-btn-foreground-light: oklch(20% 0 0);--uc-primary-oklch-dark: 69% .1768 258.4;--uc-primary-dark: oklch(var(--uc-primary-oklch-dark));--uc-primary-hover-dark: oklch(var(--uc-primary-oklch-dark) / 90%);--uc-primary-transparent-dark: oklch(var(--uc-primary-oklch-dark) / 7%);--uc-background-dark: oklch(22% 0 0);--uc-foreground-dark: oklch(91% 0 0);--uc-primary-foreground-dark: oklch(0% 0 0);--uc-secondary-dark: oklch(91% 0 0 / .07);--uc-secondary-hover-dark: oklch(91% 0 0 / .1);--uc-secondary-foreground-dark: oklch(91% 0 0);--uc-muted-dark: oklch(26% 0 0);--uc-muted-foreground-dark: oklch(68% 0 0);--uc-destructive-dark: oklch(67% .191 27.5 / .1);--uc-destructive-foreground-dark: oklch(67% .191 27.5);--uc-border-dark: oklch(36% 0 0);--uc-dialog-shadow-dark: 0px 6px 20px oklch(0% 0 0 / .25);--uc-simple-btn-dark: oklch(26% 0 0);--uc-simple-btn-hover-dark: oklch(29% 0 0);--uc-simple-btn-foreground-dark: oklch(100% 0 0)}}@media only screen and (max-height:600px){:where([uc-wgt-common]){--uc-dialog-max-height: 100%}}@media only screen and (max-width:680px){:where([uc-wgt-common]){--uc-grid-col: 2}}@media only screen and (max-width:430px){:where([uc-wgt-common]){--uc-dialog-max-width: 100vw;--uc-dialog-max-height: var(--uploadcare-blocks-window-height);--uc-grid-col: 1}}@media(prefers-color-scheme:light){:where([uc-wgt-common]){--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}}@media(prefers-color-scheme:dark){:where([uc-wgt-common]){--uc-background: var(--uc-background-dark);--uc-foreground: var(--uc-foreground-dark);--uc-primary: var(--uc-primary-dark);--uc-primary-hover: var(--uc-primary-hover-dark);--uc-primary-transparent: var(--uc-primary-transparent-dark);--uc-primary-foreground: var(--uc-primary-foreground-dark);--uc-secondary: var(--uc-secondary-dark);--uc-secondary-hover: var(--uc-secondary-hover-dark);--uc-secondary-foreground: var(--uc-secondary-foreground-dark);--uc-muted: var(--uc-muted-dark);--uc-muted-foreground: var(--uc-muted-foreground-dark);--uc-destructive: var(--uc-destructive-dark);--uc-destructive-foreground: var(--uc-destructive-foreground-dark);--uc-border: var(--uc-border-dark);--uc-dialog-shadow: var(--uc-dialog-shadow-dark);--uc-simple-btn: var(--uc-simple-btn-dark);--uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark)}}:where(.uc-light){--uc-background: var(--uc-background-light);--uc-foreground: var(--uc-foreground-light);--uc-primary: var(--uc-primary-light);--uc-primary-hover: var(--uc-primary-hover-light);--uc-primary-transparent: var(--uc-primary-transparent-light);--uc-primary-foreground: var(--uc-primary-foreground-light);--uc-secondary: var(--uc-secondary-light);--uc-secondary-hover: var(--uc-secondary-hover-light);--uc-secondary-foreground: var(--uc-secondary-foreground-light);--uc-muted: var(--uc-muted-light);--uc-muted-foreground: var(--uc-muted-foreground-light);--uc-destructive: var(--uc-destructive-light);--uc-destructive-foreground: var(--uc-destructive-foreground-light);--uc-border: var(--uc-border-light);--uc-dialog-shadow: var(--uc-dialog-shadow-light);--uc-simple-btn: var(--uc-simple-btn-light);--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light)}:where(.uc-dark){--uc-background: var(--uc-background-dark);--uc-foreground: var(--uc-foreground-dark);--uc-primary: var(--uc-primary-dark);--uc-primary-hover: var(--uc-primary-hover-dark);--uc-primary-transparent: var(--uc-primary-transparent-dark);--uc-primary-foreground: var(--uc-primary-foreground-dark);--uc-secondary: var(--uc-secondary-dark);--uc-secondary-hover: var(--uc-secondary-hover-dark);--uc-secondary-foreground: var(--uc-secondary-foreground-dark);--uc-muted: var(--uc-muted-dark);--uc-muted-foreground: var(--uc-muted-foreground-dark);--uc-destructive: var(--uc-destructive-dark);--uc-destructive-foreground: var(--uc-destructive-foreground-dark);--uc-border: var(--uc-border-dark);--uc-dialog-shadow: var(--uc-dialog-shadow-dark);--uc-simple-btn: var(--uc-simple-btn-dark);--uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark)}:where(.uc-purple){--uc-primary-oklch-light: 47% .22 300;--uc-primary-oklch-dark: 69% .1768 300}:where(.uc-red){--uc-primary-oklch-light: 47% .21 21;--uc-primary-oklch-dark: 71% .1768 21}:where(.uc-orange){--uc-primary-oklch-light: 47% .1376 51.88;--uc-primary-oklch-dark: 69% .1768 51.88}:where(.uc-green){--uc-primary-oklch-light: 45% .14 130;--uc-primary-oklch-dark: 69% .1768 130}:where(.uc-turquoise){--uc-primary-oklch-light: 45% .0854 174;--uc-primary-oklch-dark: 69% .1768 174}:where(.uc-gray){--uc-primary-oklch-light: 10% 0 0;--uc-primary-oklch-dark: 97% 0 0}:where(.uc-contrast){--uc-border-light: oklch(50% 0 0);--uc-border-dark: oklch(50% 0 0);--uc-muted-light: oklch(98% 0 0);--uc-muted-dark: oklch(16% 0 0);--uc-muted-foreground-light: oklch(20% 0 0);--uc-muted-foreground-dark: oklch(80% 0 0);--uc-background-light: oklch(100% 0 0);--uc-foreground-light: oklch(0% 0 0);--uc-background-dark: oklch(10% 0 0);--uc-foreground-dark: oklch(100% 0 0)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#){--color-primary-accent: var(--uc-primary);--color-text-base: var(--uc-foreground);--color-text-accent-contrast: var(--uc-background);--color-fill-contrast: var(--uc-background);--color-modal-backdrop: oklch(0% 0 0 / .1);--color-image-background: var(--uc-muted);--color-focus-ring: var(--color-primary-accent);--color-crop-guides: var(--uc-foreground);--font-size-ui: var(--uc-font-size);--size-touch-area: var(--uc-button-size);--size-panel-heading: calc(var(--uc-button-size) + var(--uc-padding) * 2);--size-ui-min-width: 130px;--size-line-width: 1px;--size-modal-width: 650px;--size-icon: calc(var(--uc-button-size) / 2);--border-radius-editor: var(--uc-radius);--border-radius-thumb: var(--uc-radius);--border-radius-ui: var(--uc-radius);--border-radius-base: var(--uc-radius);--cldtr-gap-min: 5px;--cldtr-gap-mid-1: 10px;--cldtr-gap-mid-2: 15px;--cldtr-gap-max: 20px;--transition-duration-2: var(--transition-duration-all, .2s);--transition-duration-3: var(--transition-duration-all, .3s);--transition-duration-4: var(--transition-duration-all, .4s);--transition-duration-5: var(--transition-duration-all, .5s);--modal-header-opacity: 1;--modal-header-height: var(--size-panel-heading);--modal-toolbar-height: var(--size-panel-heading);--transparent-pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);display:block;width:100%;height:100%;max-height:100%}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([can-handle-paste]:hover,[can-handle-paste]:focus){--can-handle-paste: "true"}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex]:focus-visible,[tabindex]:hover,[with-effects]:focus-visible,[with-effects]:hover){--filter-effect: var(--hover-filter) !important;--opacity-effect: var(--hover-opacity) !important;--color-effect: var(--hover-color-rgb) !important;--background-effect: var(--hover-background) !important}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex]:active,[with-effects]:active){--filter-effect: var(--down-filter) !important;--opacity-effect: var(--down-opacity) !important;--color-effect: var(--down-color-rgb) !important;--background-effect: var(--down-background) !important}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex][active],[with-effects][active]){--filter-effect: var(--active-filter) !important;--opacity-effect: var(--active-opacity) !important;--color-effect: var(--active-color-rgb) !important;--background-effect: var(--active-background) !important}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [hidden-scrollbar]::-webkit-scrollbar{display:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [hidden-scrollbar]{-ms-overflow-style:none;scrollbar-width:none}[uc-cloud-image-editor].uc-editor_ON:not(#\#):not(#\#):not(#\#){--modal-header-opacity: 0;--modal-header-height: 0px;--modal-toolbar-height: calc(var(--size-panel-heading) * 2)}[uc-cloud-image-editor].uc-editor_OFF:not(#\#):not(#\#):not(#\#){--modal-header-opacity: 1;--modal-header-height: var(--size-panel-heading);--modal-toolbar-height: var(--size-panel-heading)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper{--l-min-img-height: var(--modal-toolbar-height);--l-max-img-height: 100%;--l-edit-button-width: 120px;--l-toolbar-horizontal-padding: var(--cldtr-gap-mid-1);position:relative;display:grid;grid-template-rows:minmax(var(--l-min-img-height),var(--l-max-img-height)) minmax(var(--modal-toolbar-height),auto);height:100%;overflow:hidden;overflow-y:auto}@media only screen and (max-width:800px){[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper{--l-edit-button-width: 70px;--l-toolbar-horizontal-padding: var(--cldtr-gap-min)}}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport{display:flex;align-items:center;justify-content:center;overflow:hidden}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image{--viewer-image-opacity: 1;position:absolute;top:0;left:0;z-index:10;display:block;box-sizing:border-box;width:100%;height:100%;object-fit:scale-down;background-color:var(--color-image-background);transform:scale(1);opacity:var(--viewer-image-opacity);user-select:none;pointer-events:auto}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_visible_viewer{transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-4)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_hidden_to_cropper{--viewer-image-opacity: 0;background-image:var(--transparent-pixel);transform:scale(1);transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container>.uc-image.uc-image_hidden_effects{--viewer-image-opacity: 0;transform:scale(1);transition:opacity var(--transition-duration-3) cubic-bezier(.5,0,1,1),transform var(--transition-duration-4);pointer-events:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-image_container{position:relative;display:block;width:100%;height:100%;background-color:var(--color-image-background);transition:var(--transition-duration-3)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-toolbar{position:relative;transition:.3s}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-toolbar>.uc-toolbar_content{position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;height:var(--modal-toolbar-height);min-height:var(--size-panel-heading);background-color:var(--color-fill-contrast)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-toolbar>.uc-toolbar_content.uc-toolbar_content__viewer{display:flex;align-items:center;justify-content:space-between;height:var(--size-panel-heading);padding-right:var(--l-toolbar-horizontal-padding);padding-left:var(--l-toolbar-horizontal-padding)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-toolbar>.uc-toolbar_content.uc-toolbar_content__editor{display:flex}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-info_pan{position:absolute;user-select:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-file_type_outer{position:absolute;z-index:2;display:flex;max-width:120px;transform:translate(-40px);user-select:none}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-viewport>.uc-file_type_outer>.uc-file_type{padding:4px .8em}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash{position:absolute;z-index:999;display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-fill-contrast)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content>.uc-network_problems_icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--uc-foreground);background-color:var(--uc-muted);border-radius:50%}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_content>.uc-network_problems_text{margin-top:var(--cldtr-gap-max);font-size:var(--font-size-ui);color:var(--uc-foreground)}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#)>.uc-wrapper>.uc-network_problems_splash>.uc-network_problems_footer{display:flex;align-items:center;justify-content:center;height:var(--size-panel-heading)}uc-crop-frame:not(#\#):not(#\#):not(#\#)>.uc-svg{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);opacity:inherit;transition:var(--transition-duration-3)}uc-crop-frame:not(#\#):not(#\#):not(#\#)>.uc-thumb{--idle-color-rgb: var(--color-text-base);--hover-color-rgb: var(--color-primary-accent);--focus-color-rgb: var(--color-primary-accent);--down-color-rgb: var(--color-primary-accent);--color-effect: var(--idle-color-rgb);color:var(--color-effect);transition:color var(--transition-duration-3),opacity var(--transition-duration-3)}uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-thumb--visible{opacity:1;pointer-events:auto}uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-thumb--hidden{opacity:0;pointer-events:none}uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides{transition:var(--transition-duration-3)}uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--hidden{opacity:0}uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--semi-hidden{opacity:.2}uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--visible{opacity:1}uc-editor-button-control:not(#\#):not(#\#):not(#\#),uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#),uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#),uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#),uc-editor-filter-control:not(#\#):not(#\#):not(#\#),uc-editor-operation-control:not(#\#):not(#\#):not(#\#){--l-base-min-width: var(--uc-button-size);--l-base-height: var(--uc-button-size);--opacity-effect: var(--idle-opacity);--color-effect: var(--idle-color-rgb);--background-effect: var(--idle-background);--filter-effect: var(--idle-filter);--idle-color-rgb: var(--uc-secondary-foreground);--idle-opacity: 1;--idle-filter: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-opacity: 1;--hover-filter: .8;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--hover-color-rgb);--down-opacity: 1;--down-filter: .6;--down-background: var(--uc-secondary);border-radius:var(--uc-radius)}uc-editor-button-control:not(#\#):not(#\#):not(#\#)>button,uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#)>button,uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#)>button,uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#)>button,uc-editor-filter-control:not(#\#):not(#\#):not(#\#)>button,uc-editor-operation-control:not(#\#):not(#\#):not(#\#)>button{all:unset;position:relative;display:grid;grid-template-columns:var(--l-base-min-width) auto;grid-template-rows:100%;align-items:center;height:var(--l-base-height);color:var(--color-effect);opacity:var(--opacity-effect);cursor:pointer;transition:var(--l-width-transition)}uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#)>button{grid-template-columns:auto var(--l-base-min-width)}uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#)>button>uc-icon{margin-left:var(--cldtr-gap-mid-1);width:10px}:where(uc-editor-button-control,uc-editor-crop-button-control,uc-editor-aspect-ratio-button-control,uc-editor-freeform-button-control,uc-editor-filter-control,uc-editor-operation-control):not(#\#):not(#\#):not(#\#)>uc-icon>svg{width:var(--size-icon);height:var(--size-icon)}uc-editor-filter-control:not(#\#):not(#\#):not(#\#)>uc-icon.uc-original-icon>svg{width:100%;height:100%}uc-editor-button-control.uc-active:not(#\#):not(#\#):not(#\#),uc-editor-operation-control.uc-active:not(#\#):not(#\#):not(#\#),uc-editor-crop-button-control.uc-active:not(#\#):not(#\#):not(#\#),uc-editor-aspect-ratio-button-control.uc-active:not(#\#):not(#\#):not(#\#),uc-editor-freeform-button-control.uc-active:not(#\#):not(#\#):not(#\#),uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#){--idle-color-rgb: var(--uc-primary-foreground);--idle-background: var(--uc-primary);--idle-opacity: 1;--hover-color-rgb: var(--uc-primary-foreground);--hover-background: var(--uc-primary);--hover-opacity: 1}uc-editor-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),uc-editor-operation-control.uc-not_active:not(#\#):not(#\#):not(#\#),uc-editor-crop-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),uc-editor-aspect-ratio-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),uc-editor-freeform-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),uc-editor-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#){--idle-color-rgb: var(--uc-secondary-foreground)}:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-button-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-operation-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-crop-button-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-freeform-button-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-aspect-ratio-button-control.uc-not_active,:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-filter-control.uc-not_active{--idle-background: transparent;--hover-background: var(--uc-secondary);outline:1px solid var(--uc-border);outline-offset:-1px}uc-editor-button-control:not(#\#):not(#\#):not(#\#)>button:before,uc-editor-operation-control:not(#\#):not(#\#):not(#\#)>button:before,uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#)>button:before,uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#)>button:before,uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#)>button:before,uc-editor-filter-control:not(#\#):not(#\#):not(#\#)>button:before{position:absolute;content:"";right:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--background-effect);border-radius:var(--border-radius-editor);transition:var(--transition-duration-3)}uc-editor-button-control:not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-operation-control:not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#)>button .uc-title,uc-editor-filter-control:not(#\#):not(#\#):not(#\#)>button .uc-title{padding-right:var(--cldtr-gap-mid-1);font-size:.7em;letter-spacing:1.004px;text-transform:uppercase}uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#)>button .uc-title{padding-left:var(--cldtr-gap-mid-1);padding-right:0}uc-editor-button-control:not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-operation-control:not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#)>button uc-icon,uc-editor-filter-control:not(#\#):not(#\#):not(#\#)>button uc-icon{pointer-events:none}uc-editor-filter-control:not(#\#):not(#\#):not(#\#)>button .uc-preview{position:absolute;right:0;left:0;z-index:-1;width:100%;height:var(--l-base-height);background-repeat:no-repeat;background-size:contain;border-radius:var(--border-radius-editor);opacity:0;filter:brightness(var(--filter-effect));transition:var(--transition-duration-3)}uc-editor-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#) .uc-preview[data-loaded]{opacity:1}uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#) .uc-preview{opacity:0}uc-editor-filter-control:not(#\#):not(#\#):not(#\#)>.uc-original-icon{color:var(--color-effect);opacity:.3}uc-editor-image-cropper:not(#\#):not(#\#):not(#\#){position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;opacity:0;pointer-events:none;touch-action:none;color:var(--color-crop-guides)}uc-editor-image-cropper.uc-active_from_editor:not(#\#):not(#\#):not(#\#){transform:scale(1) translate(0);opacity:1;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);pointer-events:auto}uc-editor-image-cropper.uc-active_from_viewer:not(#\#):not(#\#):not(#\#){transform:scale(1) translate(0);opacity:1;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);pointer-events:auto}uc-editor-image-cropper.uc-inactive_to_editor:not(#\#):not(#\#):not(#\#){opacity:0;transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1),opacity var(--transition-duration-3) calc(var(--transition-duration-3) + .05s);pointer-events:none}uc-editor-image-cropper:not(#\#):not(#\#):not(#\#)>.uc-canvas{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}uc-editor-image-fader:not(#\#):not(#\#):not(#\#){position:absolute;top:0;left:0;display:block;width:100%;height:100%}uc-editor-image-fader.uc-active_from_viewer:not(#\#):not(#\#):not(#\#){z-index:3;transform:scale(1);opacity:1;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-start);pointer-events:auto}uc-editor-image-fader.uc-active_from_cropper:not(#\#):not(#\#):not(#\#){z-index:3;transform:scale(1);opacity:1;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:auto}uc-editor-image-fader.uc-inactive_to_cropper:not(#\#):not(#\#):not(#\#){z-index:3;transform:scale(1);opacity:0;transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);pointer-events:none}uc-editor-image-fader:not(#\#):not(#\#):not(#\#) .uc-fader-image{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:scale-down;transform:scale(1);user-select:none;content-visibility:auto}uc-editor-image-fader:not(#\#):not(#\#):not(#\#) .uc-fader-image--preview{background-color:var(--color-image-background);border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);transform:scale(1);opacity:0;transition:var(--transition-duration-3)}uc-editor-scroller:not(#\#):not(#\#):not(#\#){display:flex;align-items:center;width:100%;height:100%;overflow-x:scroll}uc-editor-slider:not(#\#):not(#\#):not(#\#){display:flex;align-items:center;justify-content:center;width:100%;height:var(--size-panel-heading)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#){position:relative;width:100%;height:100%}@media only screen and (max-width:600px){uc-editor-toolbar:not(#\#):not(#\#):not(#\#){--l-tab-gap: var(--cldtr-gap-mid-1);--l-slider-padding: var(--uc-padding);--l-controls-padding: var(--uc-padding)}}@media only screen and (min-width:601px){uc-editor-toolbar:not(#\#):not(#\#):not(#\#){--l-tab-gap: var(--cldtr-gap-max);--l-slider-padding: var(--uc-padding);--l-controls-padding: var(--uc-padding)}}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container{position:relative;width:100%;height:100%;overflow:hidden}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar{position:absolute;display:grid;grid-template-rows:1fr 1fr;width:100%;height:100%;background-color:var(--color-fill-contrast);transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-3) ease-in-out,visibility var(--transition-duration-3) ease-in-out}.uc-sub-toolbar:not(#\#):not(#\#):not(#\#)>.uc-list-aspect-ratio-container>.uc-list-aspect-ratio{display:grid;grid-auto-flow:column;justify-content:center;align-items:center;gap:6px;height:var(--size-panel-heading)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--visible{transform:translateY(0);opacity:1;pointer-events:auto}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--top-hidden{transform:translateY(100%);opacity:0;pointer-events:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar.uc-sub-toolbar--bottom-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row{display:flex;align-items:center;justify-content:space-between;padding-right:var(--l-controls-padding);padding-left:var(--l-controls-padding)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles{position:relative;display:grid;grid-auto-flow:column;gap:0px var(--l-tab-gap);align-items:center;height:100%}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggles_indicator{position:absolute;bottom:0;left:0;width:var(--size-touch-area);height:2px;background-color:var(--uc-secondary-foreground);transform:translate(0);transition:transform var(--transition-duration-3)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row{position:relative}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;overflow:hidden;content-visibility:auto}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle.uc-tab-toggle--visible{display:contents}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle.uc-tab-toggle--hidden{display:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles.uc-tab-toggles--hidden{display:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle>uc-btn-ui{width:var(--uc-button-size)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-controls-row>.uc-tab-toggles>.uc-tab-toggle>uc-btn-ui>uc-icon>svg{width:var(--size-icon);height:var(--size-icon)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_align{display:grid;grid-template-areas:". inner .";grid-template-columns:1fr auto 1fr;box-sizing:border-box;min-width:100%;padding-left:var(--uc-padding)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner{display:grid;grid-area:inner;grid-auto-flow:column;gap:6px}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content .uc-controls-list_inner:last-child{padding-right:var(--uc-padding)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_container{position:absolute;display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%}uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_wrapper{position:absolute;top:calc(-100% - var(--cldtr-gap-mid-2));display:flex;flex-direction:column;justify-content:flex-end;height:100%;pointer-events:none}uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip{z-index:10;padding:3px 6px;color:var(--color-text-base);font-size:.7em;letter-spacing:1px;text-transform:uppercase;background-color:var(--color-text-accent-contrast);border-radius:var(--border-radius-editor);transform:translateY(100%);opacity:0;transition:var(--transition-duration-3)}uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_visible{transform:translateY(0);opacity:1}uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-slider{padding-right:var(--l-slider-padding);padding-left:var(--l-slider-padding)}uc-btn-ui:not(#\#):not(#\#):not(#\#)>button{--filter-effect: var(--idle-brightness);--opacity-effect: var(--idle-opacity);--color-effect: var(--idle-color-rgb);--background-effect: var(--idle-background);--l-transition-effect: var( --css-transition, color var(--transition-duration-2), background-color var(--transition-duration-2), filter var(--transition-duration-2) );all:unset;display:inline-flex;align-items:center;box-sizing:var(--css-box-sizing, border-box);height:var(--css-height, var(--uc-button-size));padding-right:var(--css-padding-right, 14px);padding-left:var(--css-padding-left, 14px);font-size:1em;color:var(--color-effect);background-color:var(--background-effect);border-radius:var(--uc-radius);opacity:var(--opacity-effect);cursor:pointer;filter:brightness(var(--filter-effect));transition:var(--l-transition-effect);user-select:none}uc-btn-ui:not(#\#):not(#\#):not(#\#)>button>uc-icon{pointer-events:none}uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-text{white-space:nowrap}uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon{display:flex;align-items:center;justify-content:center;color:var(--color-effect);filter:brightness(var(--filter-effect));transition:var(--l-transition-effect)}uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_left{margin-right:var(--cldtr-gap-mid-1);margin-left:0}uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_right{margin-right:0;margin-left:var(--cldtr-gap-mid-1)}uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_single{margin-right:0;margin-left:0}uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_hidden{display:none;margin:0}uc-btn-ui.uc-primary:not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-primary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-primary);--hover-color-rgb: var(--uc-primary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-primary-hover);--down-color-rgb: var(--uc-primary-foreground);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-primary);--active-color-rgb: var(--uc-primary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary)}uc-btn-ui.uc-primary-icon:not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-primary);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-primary);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-primary-transparent);--down-color-rgb: var(--uc-primary);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-primary-transparent);--active-color-rgb: var(--uc-primary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary);padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-secondary:not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary-hover);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent}:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-secondary>button{border:1px solid var(--uc-border)}uc-btn-ui.uc-secondary-icon:not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent;padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-tab:not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: transparent;--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: 1;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-secondary-foreground);--active-brightness: 1;--active-opacity: 1;--active-background: transparent;padding:0;width:var(--uc-button-size)}uc-btn-ui.uc-default:not(#\#):not(#\#):not(#\#)>button{--idle-color-rgb: var(--uc-secondary-foreground);--idle-brightness: 1;--idle-opacity: 1;--idle-background: var(--uc-secondary);--hover-color-rgb: var(--uc-secondary-foreground);--hover-brightness: 1;--hover-opacity: 1;--hover-background: var(--uc-secondary-hover);--down-color-rgb: var(--uc-secondary-foreground);--down-brightness: .75;--down-opacity: 1;--down-background: var(--uc-secondary);--active-color-rgb: var(--uc-primary);--active-brightness: 1;--active-opacity: 1;--active-background: var(--uc-primary-transparent)}:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-default>button{--idle-background: transparent;--hover-background: var(--uc-secondary);--active-background: var(--uc-foreground);--active-color-rgb: var(--uc-background)}uc-line-loader-ui:not(#\#):not(#\#):not(#\#){position:absolute;top:0;left:0;z-index:9999;width:100%;height:2px;opacity:.5}uc-line-loader-ui:not(#\#):not(#\#):not(#\#) .uc-inner{width:25%;max-width:200px;height:100%}uc-line-loader-ui:not(#\#):not(#\#):not(#\#) .uc-line{width:100%;height:100%;background-color:var(--uc-primary);transform:translate(-101%);transition:transform 1s}uc-slider-ui:not(#\#):not(#\#):not(#\#){--l-thumb-size: 24px;--l-zero-dot-size: 5px;--l-zero-dot-offset: 2px;--idle-color-rgb: var(--uc-foreground);--hover-color-rgb: var(--uc-primary);--down-color-rgb: var(--uc-primary);--color-effect: var(--idle-color-rgb);--l-color: var(--color-effect);position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:calc(var(--l-thumb-size) + (var(--l-zero-dot-size) + var(--l-zero-dot-offset)) * 2)}uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-thumb{position:absolute;left:0;width:var(--l-thumb-size);height:var(--l-thumb-size);background-color:var(--l-color);border-radius:50%;transform:translate(0);opacity:1;transition:opacity var(--transition-duration-2),background-color var(--transition-duration-2)}uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-steps{position:absolute;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:100%;padding-right:calc(var(--l-thumb-size) / 2);padding-left:calc(var(--l-thumb-size) / 2)}uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-border-step{width:0px;height:10px;border-right:1px solid var(--uc-foreground);opacity:1;transition:border-color var(--transition-duration-2)}uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-minor-step{width:0px;height:4px;border-right:1px solid var(--uc-foreground);opacity:.6;transition:border-color var(--transition-duration-2)}uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-zero-dot{position:absolute;top:calc(100% - var(--l-zero-dot-offset) * 2);left:calc(var(--l-thumb-size) / 2 - var(--l-zero-dot-size) / 2);width:var(--l-zero-dot-size);height:var(--l-zero-dot-size);background-color:var(--color-primary-accent);border-radius:50%;opacity:0;transition:var(--transition-duration-3)}uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-input{position:absolute;width:calc(100% - 10px);height:100%;margin:0;cursor:pointer;opacity:0}uc-presence-toggle.uc-transition:not(#\#):not(#\#):not(#\#){transition:opacity var(--transition-duration-3),visibility var(--transition-duration-3)}uc-presence-toggle.uc-visible:not(#\#):not(#\#):not(#\#){opacity:1;pointer-events:inherit}uc-presence-toggle.uc-hidden:not(#\#):not(#\#):not(#\#){opacity:0;pointer-events:none}uc-presence-toggle.uc-initial:not(#\#):not(#\#):not(#\#){display:none!important;transition:none!important}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [role=button]:focus-visible,[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) button:focus-visible{outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) .uc-cloud-mask{pointer-events:none}[uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) button{display:flex}[uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) uc-icon{display:none}[uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) .uc-title{padding-left:var(--cldtr-gap-mid-1)}:where(uc-editor-freeform-button-control,uc-editor-aspect-ratio-button-control:last-of-type):not(#\#):not(#\#):not(#\#){margin-right:calc(3 * var(--cldtr-gap-mid-1))}:where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#) uc-icon{display:flex;justify-content:center;width:100%;height:100%}:where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#) uc-icon svg{width:calc(var(--uc-button-size) / 2);height:calc(var(--uc-button-size) / 2)}uc-icon:not(#\#){display:inline-flex;align-items:center;justify-content:center;width:var(--uc-button-size);height:var(--uc-button-size)}uc-icon:not(#\#) svg{width:calc(var(--uc-button-size) / 2);height:calc(var(--uc-button-size) / 2);overflow:visible}uc-config:not(#\#){display:none}