@ckeditor/ckeditor5-uploadcare 47.6.1 → 48.0.0-alpha.1

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 (351) hide show
  1. package/ckeditor5-metadata.json +45 -45
  2. package/dist/index-editor.css +3296 -206
  3. package/dist/index.css +3295 -303
  4. package/dist/index.js +3 -3
  5. package/dist/translations/af.js +1 -1
  6. package/dist/translations/af.umd.js +1 -1
  7. package/dist/translations/ar.js +1 -1
  8. package/dist/translations/ar.umd.js +1 -1
  9. package/dist/translations/ast.js +1 -1
  10. package/dist/translations/ast.umd.js +1 -1
  11. package/dist/translations/az.js +1 -1
  12. package/dist/translations/az.umd.js +1 -1
  13. package/dist/translations/be.js +1 -1
  14. package/dist/translations/be.umd.js +1 -1
  15. package/dist/translations/bg.js +1 -1
  16. package/dist/translations/bg.umd.js +1 -1
  17. package/dist/translations/bn.js +1 -1
  18. package/dist/translations/bn.umd.js +1 -1
  19. package/dist/translations/bs.js +1 -1
  20. package/dist/translations/bs.umd.js +1 -1
  21. package/dist/translations/ca.js +1 -1
  22. package/dist/translations/ca.umd.js +1 -1
  23. package/dist/translations/cs.js +1 -1
  24. package/dist/translations/cs.umd.js +1 -1
  25. package/dist/translations/da.js +1 -1
  26. package/dist/translations/da.umd.js +1 -1
  27. package/dist/translations/de-ch.js +1 -1
  28. package/dist/translations/de-ch.umd.js +1 -1
  29. package/dist/translations/de.js +1 -1
  30. package/dist/translations/de.umd.js +1 -1
  31. package/dist/translations/el.js +1 -1
  32. package/dist/translations/el.umd.js +1 -1
  33. package/dist/translations/en-au.js +1 -1
  34. package/dist/translations/en-au.umd.js +1 -1
  35. package/dist/translations/en-gb.js +1 -1
  36. package/dist/translations/en-gb.umd.js +1 -1
  37. package/dist/translations/en.js +1 -1
  38. package/dist/translations/en.umd.js +1 -1
  39. package/dist/translations/eo.js +1 -1
  40. package/dist/translations/eo.umd.js +1 -1
  41. package/dist/translations/es-co.js +1 -1
  42. package/dist/translations/es-co.umd.js +1 -1
  43. package/dist/translations/es.js +1 -1
  44. package/dist/translations/es.umd.js +1 -1
  45. package/dist/translations/et.js +1 -1
  46. package/dist/translations/et.umd.js +1 -1
  47. package/dist/translations/eu.js +1 -1
  48. package/dist/translations/eu.umd.js +1 -1
  49. package/dist/translations/fa.js +1 -1
  50. package/dist/translations/fa.umd.js +1 -1
  51. package/dist/translations/fi.js +1 -1
  52. package/dist/translations/fi.umd.js +1 -1
  53. package/dist/translations/fr.js +1 -1
  54. package/dist/translations/fr.umd.js +1 -1
  55. package/dist/translations/gl.js +1 -1
  56. package/dist/translations/gl.umd.js +1 -1
  57. package/dist/translations/gu.js +1 -1
  58. package/dist/translations/gu.umd.js +1 -1
  59. package/dist/translations/he.js +1 -1
  60. package/dist/translations/he.umd.js +1 -1
  61. package/dist/translations/hi.js +1 -1
  62. package/dist/translations/hi.umd.js +1 -1
  63. package/dist/translations/hr.js +1 -1
  64. package/dist/translations/hr.umd.js +1 -1
  65. package/dist/translations/hu.js +1 -1
  66. package/dist/translations/hu.umd.js +1 -1
  67. package/dist/translations/hy.js +1 -1
  68. package/dist/translations/hy.umd.js +1 -1
  69. package/dist/translations/id.js +1 -1
  70. package/dist/translations/id.umd.js +1 -1
  71. package/dist/translations/it.js +1 -1
  72. package/dist/translations/it.umd.js +1 -1
  73. package/dist/translations/ja.js +1 -1
  74. package/dist/translations/ja.umd.js +1 -1
  75. package/dist/translations/jv.js +1 -1
  76. package/dist/translations/jv.umd.js +1 -1
  77. package/dist/translations/kk.js +1 -1
  78. package/dist/translations/kk.umd.js +1 -1
  79. package/dist/translations/km.js +1 -1
  80. package/dist/translations/km.umd.js +1 -1
  81. package/dist/translations/kn.js +1 -1
  82. package/dist/translations/kn.umd.js +1 -1
  83. package/dist/translations/ko.js +1 -1
  84. package/dist/translations/ko.umd.js +1 -1
  85. package/dist/translations/ku.js +1 -1
  86. package/dist/translations/ku.umd.js +1 -1
  87. package/dist/translations/lt.js +1 -1
  88. package/dist/translations/lt.umd.js +1 -1
  89. package/dist/translations/lv.js +1 -1
  90. package/dist/translations/lv.umd.js +1 -1
  91. package/dist/translations/ms.js +1 -1
  92. package/dist/translations/ms.umd.js +1 -1
  93. package/dist/translations/nb.js +1 -1
  94. package/dist/translations/nb.umd.js +1 -1
  95. package/dist/translations/ne.js +1 -1
  96. package/dist/translations/ne.umd.js +1 -1
  97. package/dist/translations/nl.js +1 -1
  98. package/dist/translations/nl.umd.js +1 -1
  99. package/dist/translations/no.js +1 -1
  100. package/dist/translations/no.umd.js +1 -1
  101. package/dist/translations/oc.js +1 -1
  102. package/dist/translations/oc.umd.js +1 -1
  103. package/dist/translations/pl.js +1 -1
  104. package/dist/translations/pl.umd.js +1 -1
  105. package/dist/translations/pt-br.js +1 -1
  106. package/dist/translations/pt-br.umd.js +1 -1
  107. package/dist/translations/pt.js +1 -1
  108. package/dist/translations/pt.umd.js +1 -1
  109. package/dist/translations/ro.js +1 -1
  110. package/dist/translations/ro.umd.js +1 -1
  111. package/dist/translations/ru.js +1 -1
  112. package/dist/translations/ru.umd.js +1 -1
  113. package/dist/translations/si.js +1 -1
  114. package/dist/translations/si.umd.js +1 -1
  115. package/dist/translations/sk.js +1 -1
  116. package/dist/translations/sk.umd.js +1 -1
  117. package/dist/translations/sl.js +1 -1
  118. package/dist/translations/sl.umd.js +1 -1
  119. package/dist/translations/sq.js +1 -1
  120. package/dist/translations/sq.umd.js +1 -1
  121. package/dist/translations/sr-latn.js +1 -1
  122. package/dist/translations/sr-latn.umd.js +1 -1
  123. package/dist/translations/sr.js +1 -1
  124. package/dist/translations/sr.umd.js +1 -1
  125. package/dist/translations/sv.js +1 -1
  126. package/dist/translations/sv.umd.js +1 -1
  127. package/dist/translations/th.js +1 -1
  128. package/dist/translations/th.umd.js +1 -1
  129. package/dist/translations/ti.js +1 -1
  130. package/dist/translations/ti.umd.js +1 -1
  131. package/dist/translations/tk.js +1 -1
  132. package/dist/translations/tk.umd.js +1 -1
  133. package/dist/translations/tr.js +1 -1
  134. package/dist/translations/tr.umd.js +1 -1
  135. package/dist/translations/tt.js +1 -1
  136. package/dist/translations/tt.umd.js +1 -1
  137. package/dist/translations/ug.js +1 -1
  138. package/dist/translations/ug.umd.js +1 -1
  139. package/dist/translations/uk.js +1 -1
  140. package/dist/translations/uk.umd.js +1 -1
  141. package/dist/translations/ur.js +1 -1
  142. package/dist/translations/ur.umd.js +1 -1
  143. package/dist/translations/uz.js +1 -1
  144. package/dist/translations/uz.umd.js +1 -1
  145. package/dist/translations/vi.js +1 -1
  146. package/dist/translations/vi.umd.js +1 -1
  147. package/dist/translations/zh-cn.js +1 -1
  148. package/dist/translations/zh-cn.umd.js +1 -1
  149. package/dist/translations/zh.js +1 -1
  150. package/dist/translations/zh.umd.js +1 -1
  151. package/{src → dist}/ui/uploadcarecontroller.d.ts +3 -3
  152. package/{src → dist}/ui/uploadcareformview.d.ts +1 -1
  153. package/{src → dist}/uploadcare.d.ts +1 -1
  154. package/{src → dist}/uploadcarecommand.d.ts +2 -2
  155. package/{src → dist}/uploadcareconfig.d.ts +3 -3
  156. package/{src → dist}/uploadcareediting.d.ts +4 -3
  157. package/{src → dist}/uploadcareimageedit/ui/uploadcareimageeditcontroller.d.ts +5 -5
  158. package/{src → dist}/uploadcareimageedit/ui/uploadcareimageeditformeditingview.d.ts +2 -2
  159. package/{src → dist}/uploadcareimageedit/ui/uploadcareimageeditformerrorview.d.ts +2 -2
  160. package/{src → dist}/uploadcareimageedit/ui/uploadcareimageeditformloadingview.d.ts +2 -2
  161. package/{src → dist}/uploadcareimageedit/ui/uploadcareimageeditformview.d.ts +1 -1
  162. package/{src → dist}/uploadcareimageedit/uploadcareimageeditcommand.d.ts +2 -2
  163. package/{src → dist}/uploadcareimageedit/uploadcareimageeditediting.d.ts +4 -3
  164. package/{src → dist}/uploadcareimageedit/uploadcareimageeditui.d.ts +1 -1
  165. package/{src → dist}/uploadcareimageedit/uploadcareimagereplacecommand.d.ts +1 -1
  166. package/{src → dist}/uploadcareimageedit.d.ts +1 -1
  167. package/{src → dist}/uploadcareui.d.ts +1 -1
  168. package/{src → dist}/uploadcareuploadadapter.d.ts +4 -3
  169. package/{src → dist}/utils/dialogfocusmanagerview.d.ts +2 -2
  170. package/package.json +22 -46
  171. package/build/translations/af.js +0 -1
  172. package/build/translations/ar.js +0 -1
  173. package/build/translations/ast.js +0 -1
  174. package/build/translations/az.js +0 -1
  175. package/build/translations/be.js +0 -1
  176. package/build/translations/bg.js +0 -1
  177. package/build/translations/bn.js +0 -1
  178. package/build/translations/bs.js +0 -1
  179. package/build/translations/ca.js +0 -1
  180. package/build/translations/cs.js +0 -1
  181. package/build/translations/da.js +0 -1
  182. package/build/translations/de-ch.js +0 -1
  183. package/build/translations/de.js +0 -1
  184. package/build/translations/el.js +0 -1
  185. package/build/translations/en-au.js +0 -1
  186. package/build/translations/en-gb.js +0 -1
  187. package/build/translations/eo.js +0 -1
  188. package/build/translations/es-co.js +0 -1
  189. package/build/translations/es.js +0 -1
  190. package/build/translations/et.js +0 -1
  191. package/build/translations/eu.js +0 -1
  192. package/build/translations/fa.js +0 -1
  193. package/build/translations/fi.js +0 -1
  194. package/build/translations/fr.js +0 -1
  195. package/build/translations/gl.js +0 -1
  196. package/build/translations/gu.js +0 -1
  197. package/build/translations/he.js +0 -1
  198. package/build/translations/hi.js +0 -1
  199. package/build/translations/hr.js +0 -1
  200. package/build/translations/hu.js +0 -1
  201. package/build/translations/hy.js +0 -1
  202. package/build/translations/id.js +0 -1
  203. package/build/translations/it.js +0 -1
  204. package/build/translations/ja.js +0 -1
  205. package/build/translations/jv.js +0 -1
  206. package/build/translations/kk.js +0 -1
  207. package/build/translations/km.js +0 -1
  208. package/build/translations/kn.js +0 -1
  209. package/build/translations/ko.js +0 -1
  210. package/build/translations/ku.js +0 -1
  211. package/build/translations/lt.js +0 -1
  212. package/build/translations/lv.js +0 -1
  213. package/build/translations/ms.js +0 -1
  214. package/build/translations/nb.js +0 -1
  215. package/build/translations/ne.js +0 -1
  216. package/build/translations/nl.js +0 -1
  217. package/build/translations/no.js +0 -1
  218. package/build/translations/oc.js +0 -1
  219. package/build/translations/pl.js +0 -1
  220. package/build/translations/pt-br.js +0 -1
  221. package/build/translations/pt.js +0 -1
  222. package/build/translations/ro.js +0 -1
  223. package/build/translations/ru.js +0 -1
  224. package/build/translations/si.js +0 -1
  225. package/build/translations/sk.js +0 -1
  226. package/build/translations/sl.js +0 -1
  227. package/build/translations/sq.js +0 -1
  228. package/build/translations/sr-latn.js +0 -1
  229. package/build/translations/sr.js +0 -1
  230. package/build/translations/sv.js +0 -1
  231. package/build/translations/th.js +0 -1
  232. package/build/translations/ti.js +0 -1
  233. package/build/translations/tk.js +0 -1
  234. package/build/translations/tr.js +0 -1
  235. package/build/translations/tt.js +0 -1
  236. package/build/translations/ug.js +0 -1
  237. package/build/translations/uk.js +0 -1
  238. package/build/translations/ur.js +0 -1
  239. package/build/translations/uz.js +0 -1
  240. package/build/translations/vi.js +0 -1
  241. package/build/translations/zh-cn.js +0 -1
  242. package/build/translations/zh.js +0 -1
  243. package/build/uploadcare.js +0 -5
  244. package/lang/contexts.json +0 -24
  245. package/lang/translations/af.po +0 -100
  246. package/lang/translations/ar.po +0 -100
  247. package/lang/translations/ast.po +0 -100
  248. package/lang/translations/az.po +0 -100
  249. package/lang/translations/be.po +0 -100
  250. package/lang/translations/bg.po +0 -100
  251. package/lang/translations/bn.po +0 -100
  252. package/lang/translations/bs.po +0 -100
  253. package/lang/translations/ca.po +0 -100
  254. package/lang/translations/cs.po +0 -100
  255. package/lang/translations/da.po +0 -100
  256. package/lang/translations/de-ch.po +0 -100
  257. package/lang/translations/de.po +0 -100
  258. package/lang/translations/el.po +0 -100
  259. package/lang/translations/en-au.po +0 -100
  260. package/lang/translations/en-gb.po +0 -100
  261. package/lang/translations/en.po +0 -100
  262. package/lang/translations/eo.po +0 -100
  263. package/lang/translations/es-co.po +0 -100
  264. package/lang/translations/es.po +0 -100
  265. package/lang/translations/et.po +0 -100
  266. package/lang/translations/eu.po +0 -100
  267. package/lang/translations/fa.po +0 -100
  268. package/lang/translations/fi.po +0 -100
  269. package/lang/translations/fr.po +0 -100
  270. package/lang/translations/gl.po +0 -100
  271. package/lang/translations/gu.po +0 -100
  272. package/lang/translations/he.po +0 -100
  273. package/lang/translations/hi.po +0 -100
  274. package/lang/translations/hr.po +0 -100
  275. package/lang/translations/hu.po +0 -100
  276. package/lang/translations/hy.po +0 -100
  277. package/lang/translations/id.po +0 -100
  278. package/lang/translations/it.po +0 -100
  279. package/lang/translations/ja.po +0 -100
  280. package/lang/translations/jv.po +0 -100
  281. package/lang/translations/kk.po +0 -100
  282. package/lang/translations/km.po +0 -100
  283. package/lang/translations/kn.po +0 -100
  284. package/lang/translations/ko.po +0 -100
  285. package/lang/translations/ku.po +0 -100
  286. package/lang/translations/lt.po +0 -100
  287. package/lang/translations/lv.po +0 -100
  288. package/lang/translations/ms.po +0 -100
  289. package/lang/translations/nb.po +0 -100
  290. package/lang/translations/ne.po +0 -100
  291. package/lang/translations/nl.po +0 -100
  292. package/lang/translations/no.po +0 -100
  293. package/lang/translations/oc.po +0 -100
  294. package/lang/translations/pl.po +0 -100
  295. package/lang/translations/pt-br.po +0 -100
  296. package/lang/translations/pt.po +0 -100
  297. package/lang/translations/ro.po +0 -100
  298. package/lang/translations/ru.po +0 -100
  299. package/lang/translations/si.po +0 -100
  300. package/lang/translations/sk.po +0 -100
  301. package/lang/translations/sl.po +0 -100
  302. package/lang/translations/sq.po +0 -100
  303. package/lang/translations/sr-latn.po +0 -100
  304. package/lang/translations/sr.po +0 -100
  305. package/lang/translations/sv.po +0 -100
  306. package/lang/translations/th.po +0 -100
  307. package/lang/translations/ti.po +0 -100
  308. package/lang/translations/tk.po +0 -100
  309. package/lang/translations/tr.po +0 -100
  310. package/lang/translations/tt.po +0 -100
  311. package/lang/translations/ug.po +0 -100
  312. package/lang/translations/uk.po +0 -100
  313. package/lang/translations/ur.po +0 -100
  314. package/lang/translations/uz.po +0 -100
  315. package/lang/translations/vi.po +0 -100
  316. package/lang/translations/zh-cn.po +0 -100
  317. package/lang/translations/zh.po +0 -100
  318. package/src/augmentation.js +0 -23
  319. package/src/index.js +0 -23
  320. package/src/ui/uploadcarecontroller.js +0 -24
  321. package/src/ui/uploadcareformview.js +0 -23
  322. package/src/uploadcare.js +0 -23
  323. package/src/uploadcarecommand.js +0 -23
  324. package/src/uploadcareconfig.js +0 -23
  325. package/src/uploadcareediting.js +0 -23
  326. package/src/uploadcareimageedit/ui/uploadcareimageeditcontroller.js +0 -24
  327. package/src/uploadcareimageedit/ui/uploadcareimageeditformeditingview.js +0 -23
  328. package/src/uploadcareimageedit/ui/uploadcareimageeditformerrorview.js +0 -23
  329. package/src/uploadcareimageedit/ui/uploadcareimageeditformloadingview.js +0 -23
  330. package/src/uploadcareimageedit/ui/uploadcareimageeditformview.js +0 -23
  331. package/src/uploadcareimageedit/uploadcareimageeditcommand.js +0 -23
  332. package/src/uploadcareimageedit/uploadcareimageeditediting.js +0 -23
  333. package/src/uploadcareimageedit/uploadcareimageeditui.js +0 -23
  334. package/src/uploadcareimageedit/uploadcareimagereplacecommand.js +0 -23
  335. package/src/uploadcareimageedit.js +0 -23
  336. package/src/uploadcareui.js +0 -23
  337. package/src/uploadcareuploadadapter.js +0 -23
  338. package/src/utils/common-translations.js +0 -23
  339. package/src/utils/dialogfocusmanagerview.js +0 -23
  340. package/src/utils/editingutils.js +0 -23
  341. package/src/utils/isancestor.js +0 -23
  342. package/src/utils/uploadutils.js +0 -23
  343. package/theme/uploadcare-form.css +0 -201
  344. package/theme/uploadcare-theme.css +0 -20
  345. package/theme/uploadcareimageedit.css +0 -64
  346. /package/{src → dist}/augmentation.d.ts +0 -0
  347. /package/{src → dist}/index.d.ts +0 -0
  348. /package/{src → dist}/utils/common-translations.d.ts +0 -0
  349. /package/{src → dist}/utils/editingutils.d.ts +0 -0
  350. /package/{src → dist}/utils/isancestor.d.ts +0 -0
  351. /package/{src → dist}/utils/uploadutils.d.ts +0 -0
@@ -2,226 +2,3316 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
- @keyframes fake-progress-animation{0%{transform:translate(-100%)}to{transform:translate(calc(100 / var(--l-fake-progress-width) * 100 * 1%))}}@keyframes uc-spinner-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}uc-activity-header:not(#\#){display:flex;justify-content:space-between;gap:var(--uc-padding);padding:var(--uc-padding);color:var(--uc-foreground);font-weight:500;font-size:1em}uc-activity-header:not(#\#)>*{display:flex;align-items:center}uc-camera-source:not(#\#){position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow:hidden;background-color:var(--uc-background);border-radius:var(--uc-radius)}[uc-modal]:not(#\#)>dialog:has(uc-camera-source[active]){width:100%;height:100%}uc-camera-source:not(.uc-initialized):not(#\#) .uc-controls{display:none}uc-camera-source:not(#\#) video{display:block;width:100%;max-height:100%;object-fit:contain;object-position:center center;background-color:var(--uc-muted);border-radius:var(--uc-radius)}uc-camera-source:not(#\#) .uc-toolbar{position:absolute;bottom:0;display:flex;justify-content:space-between;width:100%;padding:var(--uc-padding);background-color:var(--uc-background)}uc-camera-source:not(#\#) .uc-content{display:flex;flex:1;justify-content:center;width:100%;height:100%;padding:var(--uc-padding);padding-top:0;overflow:hidden}uc-camera-source:not(#\#) .uc-message-box{display:flex;flex-direction:column;grid-gap:40px;align-items:center;justify-content:center;padding:40px 40px 0;color:var(--uc-foreground)}uc-camera-source:not(#\#) .uc-message-box button{color:var(--uc-primary-foreground);background-color:var(--uc-primary)}uc-camera-source:not(#\#) .uc-shot-btn{width:58px;height:58px;color:var(--uc-background);background-color:var(--uc-primary-light);border-radius:50%;opacity:.85;transition:bottom var(--uc-transition),opacity var(--uc-transition),transform var(--uc-transition)}uc-camera-source:not(#\#) .uc-shot-btn:hover{transform:scale(1.05);opacity:1}uc-camera-source:not(#\#) .uc-shot-btn:active{transform:scale(1);opacity:1}uc-camera-source:not(#\#) .uc-shot-btn[disabled]{bottom:-80px}uc-camera-source:not(#\#) .uc-shot-btn uc-icon svg{width:20px;height:20px}uc-camera-source:not(#\#) .uc-controls{position:relative;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:0 var(--uc-padding) var(--uc-padding);min-height:74px}uc-camera-source:not(#\#) .uc-switcher{display:flex;gap:calc(var(--uc-padding) / 2)}uc-camera-source:not(#\#) .uc-switch.uc-active{background-color:var(--uc-secondary)}uc-camera-source:not(#\#) .uc-camera-actions{display:flex;justify-content:center;align-items:center;gap:5px}uc-camera-source:not(#\#) .uc-stop-record{background-color:var(--uc-destructive-foreground-light);opacity:1}:where(uc-camera-source:is(.uc-recording)):not(#\#) .uc-recording-timer uc-icon{display:none}:where(uc-camera-source:is(.uc-recording)):not(#\#) .uc-recording-timer{pointer-events:none}uc-camera-source:not(#\#) .uc-recording-timer{z-index:1;position:relative;overflow:hidden}:where(uc-camera-source):not(#\#) .uc-recording-timer uc-icon{width:10px;height:10px;margin-right:10px}uc-camera-source:not(#\#) .uc-recording-timer .uc-line{position:absolute;content:"";bottom:0;left:0;right:0;height:2px;background-color:var(--uc-foreground-light);transform:scaleX(0);transform-origin:left;transition:transform var(--uc-transition)}uc-camera-source:not(#\#) .uc-btn-microphone{z-index:1}uc-camera-source:not(#\#) .uc-select{display:flex}uc-camera-source:not(#\#) .uc-audio-select{width:98px}uc-camera-source:not(#\#) .uc-audio-select select{width:100%}uc-camera-source:not(#\#) .uc-camera-action{position:absolute;inset:0 var(--uc-padding) var(--uc-padding);margin:0 auto}[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:4;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-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#) .uc-preview[loaded]{opacity:1}uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#) .uc-preview{opacity:0}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: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;grid-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;opacity:0;content-visibility:auto}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content.uc-tab-content--visible{opacity:1;pointer-events:auto}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content.uc-tab-content--hidden{opacity:0;pointer-events:none}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-controls-list_last-item{margin-right:var(--cldtr-gap-max)}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:3;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-cloud-image-editor-activity:not(#\#){position:relative;display:flex;width:100%;height:100%;overflow:hidden;background-color:var(--uc-background)}[uc-modal]:not(#\#)>dialog:has(uc-cloud-image-editor-activity[active]){width:100%;height:100%}uc-config:not(#\#){display:none}uc-copyright:not(#\#){display:flex;width:100%;justify-content:center}uc-copyright:not(#\#) .uc-credits{all:unset;position:absolute;bottom:12px;background-color:var(--uc-background);padding:2px 5px;border-radius:6px;color:var(--uc-muted-foreground);font-weight:400;font-size:12px;opacity:.9;cursor:pointer;transition:opacity var(--uc-transition),background-color var(--uc-transition)}uc-copyright:not(#\#) .uc-credits:focus-visible{outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}uc-copyright:not(#\#) .uc-credits:hover{opacity:1;background-color:var(--uc-muted)}:where([uc-drop-area]):not(#\#){padding:2px;overflow:hidden;border:1px dashed var(--uc-border);border-radius:calc(var(--uc-radius) * 1.75);transition:border var(--uc-transition),border-radius var(--uc-transition)}:where([uc-drop-area]):not(#\#),:where([uc-drop-area]):not(#\#) .uc-content-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:where([uc-drop-area]):not(#\#) .uc-text{position:relative;margin:var(--uc-padding);color:var(--uc-muted-foreground);transition:color var(--uc-transition)}:where([uc-drop-area])[ghost][drag-state=inactive]:not(#\#){display:none}:where([uc-drop-area])[ghost]:not([fullscreen]):is([drag-state=active],[drag-state=near],[drag-state=over]):not(#\#){background:var(--uc-background)}:where([uc-drop-area]):is([drag-state=active],[drag-state=near],[drag-state=over],:hover):not(#\#){background:var(--uc-primary-transparent);border-color:var(--uc-primary-transparent)}:where(.uc-contrast):not(#\#) :where([uc-drop-area]):is([drag-state=active],[drag-state=near],[drag-state=over],:hover){color:var(--uc-foreground);background:transparent;border-color:var(--uc-foreground);border-width:2px;border-style:solid}:where([uc-drop-area]):is([drag-state=active],[drag-state=near]):not(#\#){opacity:1}:where([uc-drop-area])[drag-state=over]:not(#\#){border-color:var(--uc-primary);opacity:1}:where([uc-drop-area])[with-icon]:not(#\#){min-height:180px}:where([uc-drop-area])[with-icon]:not(#\#) .uc-content-wrapper{display:flex;flex-direction:column}:where([uc-drop-area])[with-icon]:not(#\#) .uc-text{color:var(--uc-foreground);font-weight:500;font-size:1.1em}:where([uc-drop-area])[with-icon]:not(#\#) .uc-icon-container{position:relative;width:64px;height:64px;margin:var(--uc-padding);overflow:hidden;color:var(--uc-foreground);background-color:var(--uc-muted);border-radius:50%;transition:color var(--uc-transition),background-color var(--uc-transition)}:where([uc-drop-area])[with-icon]:not(#\#) uc-icon{position:absolute;width:32px;height:32px;top:calc(50% - 16px);left:calc(50% - 16px);transition:transform var(--uc-transition)}:where([uc-drop-area])[with-icon]:not(#\#) uc-icon:last-child{transform:translateY(48px)}:where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]:hover .uc-icon-container,:where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]:hover .uc-text{color:var(--uc-foreground)}:where([uc-drop-area])[with-icon]:hover:not(#\#) .uc-icon-container{background-color:var(--uc-primary-transparent)}:where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]:hover .uc-icon-container{background-color:var(--uc-muted)}:where([uc-drop-area])[with-icon]:not(#\#)>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) .uc-icon-container{color:var(--uc-primary-foreground);background-color:var(--uc-primary)}:where([uc-drop-area])[with-icon]:not(#\#)>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) .uc-text{color:var(--uc-foreground)}:where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) .uc-text{color:var(--uc-foreground)}:where([uc-drop-area])[with-icon]:not(#\#)>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) uc-icon:first-child{transform:translateY(-48px)}:where([uc-drop-area])[with-icon]:not(#\#)>.uc-content-wrapper:is([drag-state=active],[drag-state=near],[drag-state=over]) uc-icon:last-child{transform:translateY(0)}:where([uc-drop-area])[with-icon]:not(#\#)>.uc-content-wrapper[drag-state=near] uc-icon:last-child{transform:scale(1.3)}:where([uc-drop-area])[with-icon]:not(#\#)>.uc-content-wrapper[drag-state=over] uc-icon:last-child{transform:scale(1.5)}:where([uc-drop-area])[fullscreen]:not(#\#){position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;width:calc(100vw - var(--uc-padding) * 2);height:calc(100vh - var(--uc-padding) * 2);margin:var(--uc-padding)}:where([uc-drop-area])[fullscreen]:not(#\#) .uc-content-wrapper{width:100%;max-width:calc(var(--uc-dialog-width) * .8);height:180px;color:var(--uc-foreground);background-color:var(--uc-background);border-radius:calc(var(--uc-radius) * 1.75);box-shadow:var(--uc-dialog-shadow);transition:color var(--uc-transition),background-color var(--uc-transition),box-shadow var(--uc-transition),border-radius var(--uc-transition),transform var(--uc-transition)}:where([uc-drop-area])[with-icon][fullscreen][drag-state=active]:not(#\#)>.uc-content-wrapper,:where([uc-drop-area])[with-icon][fullscreen][drag-state=near]:not(#\#)>.uc-content-wrapper{transform:translateY(10px);opacity:0}:where([uc-drop-area])[with-icon][fullscreen][drag-state=over]:not(#\#)>.uc-content-wrapper{transform:translateY(0);opacity:1}:is(:where([uc-drop-area])[with-icon][fullscreen]):not(#\#)>.uc-content-wrapper uc-icon:first-child{transform:translateY(-48px)}:where([uc-drop-area])[clickable]:not(#\#){cursor:pointer}uc-external-source:not(#\#){display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--uc-background);overflow:hidden;position:relative}[uc-modal]:not(#\#)>dialog:has(uc-external-source[active]){width:100%;height:100%}uc-external-source:not(#\#)>.uc-content{position:relative;display:grid;flex:1;grid-template-rows:1fr min-content}uc-external-source:not(#\#) iframe{display:block;width:100%;height:100%;border:none}uc-external-source:not(#\#) .uc-iframe-wrapper{overflow:hidden}uc-external-source:not(#\#) .uc-toolbar{display:flex;width:100%;grid-gap:var(--uc-padding);align-items:center;justify-content:space-between;padding:var(--uc-padding);border-top:1px solid var(--uc-border)}uc-external-source:not(#\#) .uc-back-btn{padding-left:0}uc-external-source:not(#\#) .uc-selection-status-box{color:var(--uc-foreground);display:flex;flex-direction:column;align-items:center;justify-content:center}uc-external-source:not(#\#) .uc-selection-status-box button{color:var(--uc-primary);height:auto;padding:0;background:none}uc-external-source:not(#\#) .uc-selection-status-box button:hover{text-decoration:underline}uc-external-source:not(#\#) uc-activity-header{position:absolute;width:100%;justify-content:flex-end;z-index:1;left:0;top:0;right:0;pointer-events:none}uc-external-source:not(#\#) uc-activity-header .uc-close-btn{pointer-events:auto}uc-external-source:not(#\#) .uc-done-btn>span.uc-hidden{visibility:hidden;pointer-events:none}uc-external-source:not(#\#) .uc-done-btn>uc-spinner{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}uc-file-item:not(#\#){--uc-file-item-gap:4px;--uc-file-item-height:calc(var(--uc-preview-size) + var(--uc-padding) * 2 + var(--uc-file-item-gap));display:block;overflow:hidden;min-height:var(--uc-file-item-height)}uc-file-item:last-of-type:not(#\#){--uc-file-item-gap:0}uc-file-item:not(#\#)>.uc-inner{position:relative;display:grid;grid-template-columns:var(--uc-preview-size) 1fr max-content;gap:2px;align-items:center;margin-bottom:var(--uc-file-item-gap);padding:var(--uc-padding);overflow:hidden;font-size:.925em;background-color:var(--uc-muted);border-radius:var(--uc-radius);transition:background-color var(--uc-transition)}uc-file-item:not(#\#)>.uc-inner[focused]{background-color:transparent}uc-file-item:not(#\#)>.uc-inner[uploading] .uc-edit-btn{display:none}uc-file-item:not(#\#)>:where(.uc-inner[failed],.uc-inner[limit-overflow]){background-color:var(--uc-destructive)}uc-file-item:not(#\#) .uc-thumb{position:relative;display:inline-flex;width:var(--uc-preview-size);height:var(--uc-preview-size);background-color:var(--uc-secondary);background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:var(--uc-radius)}uc-file-item:not(#\#) .uc-file-name-wrapper{text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:100%;padding-right:var(--uc-padding);padding-left:var(--uc-padding);overflow:hidden;color:var(--uc-muted-foreground)}uc-file-item:not(#\#) .uc-file-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}uc-file-item:not(#\#) .uc-file-error{display:none;color:var(--uc-destructive-foreground);font-size:.85em;z-index:2}uc-file-item:not(#\#) button.uc-remove-btn,uc-file-item:not(#\#) button.uc-edit-btn{color:var(--uc-muted-foreground)}uc-file-item:not(#\#) button svg{pointer-events:none}uc-file-item:not(#\#) button.uc-upload-btn{display:none}uc-file-item:not(#\#) .uc-badge{position:absolute;bottom:2px;right:2px;width:14px;height:14px;color:var(--uc-background);background-color:var(--uc-foreground);border-radius:50%;transform:scale(.3);opacity:0;transition:opacity var(--uc-transition),transform var(--uc-transition);display:flex;justify-content:center;align-items:center}uc-file-item:not(#\#)>.uc-inner:where([failed],[limit-overflow],[finished]) .uc-badge{transform:scale(1);opacity:1}uc-file-item:not(#\#)>.uc-inner:where([failed],[limit-overflow]) .uc-badge{background-color:var(--uc-destructive-foreground)}uc-file-item:not(#\#)>.uc-inner:where([failed],[limit-overflow]) .uc-file-error{display:block}uc-file-item:not(#\#) .uc-badge uc-icon,uc-file-item:not(#\#) .uc-badge uc-icon svg{width:100%;height:100%}uc-file-item:not(#\#) .uc-progress-bar{opacity:.7;top:calc(100% - 2px);height:2px}:where(.uc-contrast):not(#\#) uc-file-item .uc-progress-bar{opacity:1}uc-file-item:not(#\#) .uc-file-actions{display:flex;gap:2px;align-items:center;justify-content:center}uc-file-item[mode=grid]:not(#\#){overflow:visible;min-height:initial}uc-file-item[mode=grid]:not(#\#) .uc-inner{height:100%;grid-template-columns:1fr;grid-template-rows:1fr max-content;padding:0;background-color:transparent;margin-bottom:0;border-radius:0}uc-file-item[mode=grid]:not(#\#) .uc-inner[failed] .uc-badge{display:none}uc-file-item[mode=grid]:not(#\#) .uc-thumb{width:100%;height:100%}uc-file-item[mode=grid]:not(#\#) .uc-badge{right:var(--uc-padding);bottom:var(--uc-padding)}uc-file-item[mode=grid]:not(#\#) .uc-file-name-wrapper{padding:0}uc-file-item[mode=grid]:not(#\#) .uc-file-name:not([hidden])+.uc-file-error{bottom:calc(var(--uc-padding) + var(--uc-font-size))}uc-file-item[mode=grid]:not(#\#) .uc-file-error{position:absolute;background-color:var(--uc-destructive-foreground);border-radius:var(--uc-radius);color:var(--uc-background);bottom:var(--uc-padding);left:var(--uc-padding);right:var(--uc-padding);padding:calc(var(--uc-padding) / 2) var(--uc-padding)}uc-file-item[mode=grid]:not(#\#) .uc-file-hint{position:absolute;background-color:var(--uc-background);border-radius:var(--uc-radius);color:var(--uc-foreground);bottom:calc(var(--uc-padding) * 2);left:var(--uc-padding);right:var(--uc-padding);padding:calc(var(--uc-padding) / 2) var(--uc-padding)}uc-file-item[mode=grid]:not(#\#) .uc-file-actions{position:absolute;top:var(--uc-padding);right:var(--uc-padding)}uc-file-item[mode=grid]:not(#\#) button{background-color:var(--uc-background)}uc-file-item[mode=grid]:not(#\#) button:hover{background-color:var(--uc-muted)}uc-file-item[mode=grid]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .uc-progress-bar{height:4px!important;top:initial!important}uc-file-item[mode=grid]:not(#\#) .uc-progress-bar{width:initial;bottom:var(--uc-padding);left:var(--uc-padding);right:var(--uc-padding);border-radius:var(--uc-radius);z-index:1;transition:background-color .3s,opacity .3s;background-color:var(--uc-background)}uc-file-item[mode=grid]:not(#\#) .uc-progress-bar :is(.uc-fake-progress,.uc-progress){background-color:var(--uc-primary)}uc-file-item[mode=grid]:not(#\#) .uc-progress-bar[hasfilename]{bottom:calc(var(--uc-padding) + var(--uc-font-size))}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}@supports selector(dialog::backdrop){:where([uc-modal]):not(#\#)>dialog::backdrop{background-color:#0000001a}:where([uc-modal])[strokes]:not(#\#)>dialog::backdrop{background-image:var(--modal-backdrop-background-image)}}:where([uc-modal]):not(#\#)>dialog[open]{transform:translateY(0);visibility:visible;opacity:1}:where([uc-modal]):not(#\#)>dialog:not([open]){transform:translateY(20px);visibility:hidden;opacity:0}:where([uc-modal]):not(#\#)>dialog{display:flex;flex-direction:column;width:min(var(--uc-dialog-width),100%);max-width:min(calc(100% - var(--uc-padding) * 2),var(--uc-dialog-max-width));min-height:var(--uc-button-size);max-height:min(calc(100% - var(--uc-padding) * 2),var(--uc-dialog-max-height));margin:auto;padding:0;overflow:hidden;background-color:var(--uc-background);border:0;border-radius:calc(var(--uc-radius) * 1.75);box-shadow:var(--uc-dialog-shadow);transition:transform .4s ease,opacity .4s ease}:where(.uc-contrast):not(#\#) :where([uc-modal])>dialog{outline:1px solid var(--uc-border)}uc-progress-bar:not(#\#){--l-progress-value:0;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;transition:opacity .3s;opacity:1}uc-progress-bar.uc-progress-bar--hidden:not(#\#){opacity:0}uc-progress-bar:not(#\#) .uc-progress{position:absolute;width:calc(var(--l-progress-value) * 1%);height:100%;background-color:var(--uc-primary);transform:translate(0);opacity:1;transition:width .6s,opacity .3s}uc-progress-bar:not(#\#) .uc-progress--hidden{opacity:0}uc-progress-bar:not(#\#) .uc-fake-progress{--l-fake-progress-width:30;position:absolute;width:calc(var(--l-fake-progress-width) * 1%);height:100%;background-color:var(--uc-primary);animation:fake-progress-animation 1s ease-in-out infinite;opacity:1;transition:opacity .3s;z-index:1}uc-progress-bar:not(#\#) .uc-fake-progress--hidden{opacity:0;animation:none}uc-progress-bar-common:not(#\#){position:fixed;right:0;bottom:0;left:0;z-index:10000;display:block;height:10px;background-color:var(--uc-background);transition:opacity .3s}uc-progress-bar-common:not([active]):not(#\#){opacity:0;pointer-events:none}uc-select:not(#\#){display:inline-flex}uc-select:not(#\#) select{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--uc-button-size);padding:0 14px;font-size:1em;font-family:inherit;white-space:nowrap;border:none;border-radius:var(--uc-radius);cursor:pointer;user-select:none;transition:background-color var(--uc-transition);color:var(--uc-secondary-foreground);background-color:var(--uc-secondary)}:where([uc-simple-btn]):not(#\#){position:relative;display:inline-flex}:where([uc-simple-btn]):not(#\#) button{height:auto;gap:.5em;padding:var(--uc-simple-btn-padding);background-color:var(--uc-simple-btn);color:var(--uc-simple-btn-foreground);font-size:var(--uc-simple-btn-font-size);font-family:var(--uc-simple-btn-font-family)}:where([uc-simple-btn]):not(#\#) button uc-icon{width:auto;height:auto}:where([uc-simple-btn]):not(#\#) button uc-icon svg{width:.9em;height:.9em}:where([uc-simple-btn]):not(#\#) button:hover{background-color:var(--uc-simple-btn-hover)}:where([uc-simple-btn]):not(#\#)>uc-drop-area{display:contents}:where([uc-simple-btn]):not(#\#) .uc-visual-drop-area{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--uc-simple-btn-padding);background-color:transparent;color:transparent;font-size:var(--uc-simple-btn-font-size);border:1px dashed var(--uc-simple-btn-foreground);border-radius:inherit;opacity:0;transition:opacity var(--uc-transition)}:where([uc-simple-btn]):not(#\#)>uc-drop-area[drag-state=active] .uc-visual-drop-area{opacity:1}:where([uc-simple-btn]):not(#\#)>uc-drop-area[drag-state=inactive] .uc-visual-drop-area{opacity:0}:where([uc-simple-btn]):not(#\#)>uc-drop-area[drag-state=near] .uc-visual-drop-area{opacity:1}:where([uc-simple-btn]):not(#\#)>uc-drop-area[drag-state=over] .uc-visual-drop-area{opacity:1}uc-source-btn:not(#\#)>button{display:flex;align-items:center;margin-bottom:2px;padding:2px var(--uc-padding);color:var(--uc-foreground);border-radius:var(--uc-radius);cursor:pointer;transition:background-color var(--uc-transition),color var(--uc-transition);user-select:none;width:100%;background-color:unset;height:unset}uc-source-btn:last-child:not(#\#)>button{margin-bottom:0}uc-source-btn:not(#\#)>button:hover{background-color:var(--uc-primary-transparent)}:where(.uc-contrast):not(#\#) uc-source-btn>button:hover{background-color:var(--uc-secondary);color:var(--uc-foreground)}uc-source-btn:not(#\#) uc-icon{display:inline-flex;flex-grow:1;justify-content:center;min-width:var(--uc-button-size);margin-right:var(--uc-padding);opacity:.8}:where(.uc-contrast):not(#\#) uc-source-btn uc-icon{opacity:1}uc-source-btn:not(#\#) .uc-txt{display:flex;align-items:center;box-sizing:border-box;width:100%;height:var(--uc-button-size);padding:0;white-space:nowrap;border:none}.uc-spinner:not(#\#){width:1em;height:1em;border:solid 2px transparent;border-top-color:currentColor;border-left-color:currentColor;border-radius:50%;animation:uc-spinner-keyframes .4s linear infinite}uc-start-from:not(#\#){display:block;overflow-y:auto}uc-start-from:not(#\#) .uc-content{display:grid;grid-auto-flow:row;gap:calc(var(--uc-padding) * 2);width:100%;height:100%;padding:calc(var(--uc-padding) * 2);background-color:var(--uc-background)}[uc-modal]:not(#\#)>dialog:has(uc-start-from[active]){width:var(--uc-dialog-width)}[uc-modal]:not(#\#) uc-start-from uc-drop-area{border-radius:var(--uc-radius)}@media only screen and (max-width: 430px){[uc-modal]:not(#\#) uc-start-from uc-drop-area{display:none}}uc-thumb:not(#\#){width:100%;height:100%}uc-upload-list:not(#\#){position:relative;display:flex;flex-direction:column;width:100%;height:max-content;overflow:hidden;background-color:var(--uc-background);transition:opacity var(--uc-transition)}uc-upload-list:not(#\#) .uc-no-files{height:32px;padding:20px}uc-upload-list:not(#\#) .uc-files{display:block;flex:1;min-height:32px;padding:0 var(--uc-padding);overflow:auto}uc-upload-list:not(#\#) .uc-files-wrapper{display:contents}uc-upload-list:not(#\#) .uc-toolbar{display:flex;gap:4px;justify-content:space-between;padding:var(--uc-padding);background-color:var(--uc-background)}uc-upload-list:not(#\#) .uc-toolbar-spacer{flex:1}uc-upload-list:not(#\#) uc-drop-area{position:absolute;top:0;left:0;width:calc(100% - var(--uc-padding) * 2);height:calc(100% - var(--uc-padding) * 2);margin:var(--uc-padding);border-radius:var(--uc-radius)}uc-upload-list:not(#\#) uc-activity-header>.uc-header-text{padding:0 var(--uc-padding)}uc-upload-list:not(#\#) .uc-common-error{border-radius:var(--uc-radius);color:var(--uc-destructive-foreground);background-color:var(--uc-destructive);display:flex;align-items:center;justify-content:center;padding:var(--uc-padding);margin:4px var(--uc-padding) 0 var(--uc-padding);font-size:.925em}uc-upload-list:not(#\#) .uc-add-more-btn uc-icon{display:none}uc-upload-list[mode=grid]:not(#\#) .uc-files{display:flex;flex-wrap:wrap;gap:var(--uc-grid-gap)}uc-upload-list:not(#\#) .uc-files .uc-add-more-btn,uc-upload-list[mode=grid]:not(#\#) uc-file-item{flex:0 0 calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));max-width:calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));height:var(--uc-grid-preview-image-height);aspect-ratio:var(--uc-grid-aspect-ratio)}uc-upload-list:not(#\#) .uc-files .uc-add-more-btn{display:none}uc-url-source:not(#\#){display:block;background-color:var(--uc-background)}uc-url-source:not(#\#)>.uc-content{display:grid;grid-gap:4px;grid-template-columns:1fr min-content;padding:var(--uc-padding);padding-top:0}uc-url-source:not(#\#) .uc-url-input{display:flex}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from{height:100%;container-type:inline-size}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#){--cfg-done-activity:"start-from";--cfg-init-activity:"start-from";flex:1}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-activity-header:after{width:var(--uc-button-size);height:var(--uc-button-size);content:""}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-activity-header .uc-close-btn{display:none}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-copyright .uc-credits{position:static}@container (min-width: 500px){[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from .uc-content{grid-template-columns:1fr max-content;height:100%}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from uc-copyright{grid-column:2}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from uc-drop-area{grid-row:span 3}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from:has(uc-copyright[hidden]) uc-drop-area{grid-row:span 2}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from:has(.uc-cancel-btn[hidden]) uc-drop-area{grid-row:span 2}[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from:has(uc-copyright[hidden]):has(.uc-cancel-btn[hidden]) uc-drop-area{grid-row:span 1}}:where([uc-file-uploader-minimal]):not(#\#):not(#\#):not(#\#){--cfg-init-activity:"start-from";--cfg-done-activity:"upload-list";position:relative;display:block}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#)>uc-start-from .uc-content{display:flex;flex-direction:column;gap:4px;padding:0;overflow:hidden;align-items:center;background-color:transparent}:where([uc-file-uploader-minimal]>uc-start-from uc-drop-area):not(#\#):not(#\#):not(#\#){display:flex;position:relative;align-items:center;justify-content:center;width:100%;min-height:calc(var(--uc-preview-size) + var(--uc-padding) * 2 + 8px);padding:0;text-align:center;background-color:var(--uc-muted);border-radius:calc(var(--uc-radius) * 1.75)}:where(.uc-contrast):not(#\#):not(#\#):not(#\#) :where([uc-file-uploader-minimal]>uc-start-from uc-drop-area){background-color:transparent}:where([uc-file-uploader-minimal]>uc-start-from uc-drop-area):not(#\#):not(#\#):not(#\#):before{content:"";z-index:-1;width:100%;height:100%;position:absolute;background-color:var(--uc-background)}:where([uc-file-uploader-minimal]:has([single])>uc-start-from uc-drop-area):not(#\#):not(#\#):not(#\#){aspect-ratio:var(--uc-grid-aspect-ratio)}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list uc-activity-header{display:none}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list>.uc-toolbar{background-color:transparent}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list{width:100%;height:unset;padding:4px;background-color:var(--uc-background);border:1px dashed var(--uc-border);border-radius:calc(var(--uc-radius) * 1.75)}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files{padding:0}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar{display:block;padding:0}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-cancel-btn,[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-upload-btn,[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-done-btn{display:none}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn{width:100%;height:calc(var(--uc-preview-size) + var(--uc-padding) * 2);margin-top:4px}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn[disabled]{display:none}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn>span{display:none}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn>uc-icon{display:flex}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-file-item uc-progress-bar{top:0!important;height:100%!important}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-file-item uc-progress-bar .uc-progress{background-color:var(--uc-primary-transparent);border-radius:var(--uc-radius)}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-file-item uc-progress-bar .uc-fake-progress{background-color:var(--uc-primary-transparent);border-radius:var(--uc-radius)}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list uc-drop-area{width:100%;height:100%;margin:0;border-radius:calc(var(--uc-radius) * 1.75)}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-common-error{margin:4px 0 0}[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-copyright .uc-credits{position:static}[uc-file-uploader-minimal][mode=grid]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn{display:none}[uc-file-uploader-minimal][mode=grid]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files .uc-add-more-btn{display:flex}[uc-file-uploader-minimal][mode=grid]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files .uc-add-more-btn>span{display:none}[uc-file-uploader-minimal][mode=grid]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files .uc-add-more-btn>uc-icon{display:flex}:where([uc-wgt-common]){--cfg-init-activity:"start-from";--cfg-done-activity:""}: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)}:where([uc-wgt-common]){color:var(--uc-foreground);font-size:var(--uc-font-size);line-height:var(--uc-line-height);font-family:var(--uc-font-family)}:where([uc-wgt-common]) *{box-sizing:border-box}:where([uc-wgt-common]) button{display:flex;align-items:center;justify-content:center;height:var(--uc-button-size);padding-right:14px;padding-left:14px;font-size:1em;font-family:inherit;white-space:nowrap;border:none;border-radius:var(--uc-radius);cursor:pointer;user-select:none;transition:background-color var(--uc-transition)}:where([uc-wgt-common]) button:focus-visible{outline-offset:2px}:where([uc-wgt-common]) button.uc-primary-btn{color:var(--uc-primary-foreground);background-color:var(--uc-primary)}:where([uc-wgt-common]) button.uc-primary-btn:hover{background-color:var(--uc-primary-hover)}:where([uc-wgt-common]) button.uc-secondary-btn{color:var(--uc-secondary-foreground);background-color:var(--uc-secondary)}:where([uc-wgt-common]) button.uc-secondary-btn:hover{background-color:var(--uc-secondary-hover)}:where([uc-wgt-common].uc-contrast) button.uc-secondary-btn{border:1px solid var(--uc-border)}:where([uc-wgt-common]) button.uc-mini-btn{height:var(--uc-button-size);padding:0;background-color:transparent;color:var(--uc-secondary-foreground)}:where([uc-wgt-common]) button.uc-mini-btn:hover{background-color:var(--uc-secondary)}:where([uc-wgt-common]) :is(button[disabled],button.uc-primary-btn[disabled],button.uc-secondary-btn[disabled]){opacity:.5;pointer-events:none}:where([uc-wgt-common]) a{color:var(--uc-primary);text-decoration:none}:where([uc-wgt-common]) a[disabled]{pointer-events:none}:where([uc-wgt-common]) input[type=text]{display:flex;width:100%;height:var(--uc-button-size);padding-right:10px;padding-left:10px;color:var(--uc-foreground);font-size:1em;font-family:inherit;background-color:var(--uc-background);border:1px solid var(--uc-border);outline:1px solid transparent;border-radius:var(--uc-radius);transition:border-color var(--uc-transition),outline-color var(--uc-transition)}:where([uc-wgt-common]) input[type=text]::placeholder{color:var(--uc-muted-foreground)}:where([uc-wgt-common]) input[type=text]:focus{outline-color:var(--uc-primary-hover);border-color:var(--uc-primary-hover)}:where([uc-wgt-common]) input[disabled]{opacity:.6;pointer-events:none}:where([uc-wgt-common]) uc-select[disabled],:where([uc-wgt-common]) select[disabled]{opacity:.6;pointer-events:none}:where([uc-wgt-common]):not(#\#):not(#\#) [hidden]{display:none}:where([uc-wgt-common]):not(#\#):not(#\#) [activity]:not([active],.active){display:none}:where([uc-wgt-common]):not(#\#):not(#\#) dialog:not([open]) [activity]{display:none}:where([uc-wgt-common]):not(#\#):not(#\#):not(#\#):not(#\#) uc-source-btn[type]{all:unset}
5
+ @keyframes fake-progress-animation{
6
+ 0%{
7
+ transform:translate(-100%);
8
+ }
9
+
10
+ to{
11
+ transform:translate(calc(100 / var(--l-fake-progress-width) * 100 * 1%));
12
+ }
13
+ }
14
+
15
+ @keyframes uc-spinner-keyframes{
16
+ 0%{
17
+ transform:rotate(0);
18
+ }
19
+
20
+ to{
21
+ transform:rotate(360deg);
22
+ }
23
+ }
24
+
25
+ uc-activity-header:not(#\#){
26
+ justify-content:space-between;
27
+ gap:var(--uc-padding);
28
+ padding:var(--uc-padding);
29
+ color:var(--uc-foreground);
30
+ font-size:1em;
31
+ font-weight:500;
32
+ display:flex;
33
+ }
34
+
35
+ uc-activity-header:not(#\#) > *{
36
+ align-items:center;
37
+ display:flex;
38
+ }
39
+
40
+ uc-camera-source:not(#\#){
41
+ background-color:var(--uc-background);
42
+ border-radius:var(--uc-radius);
43
+ flex-direction:column;
44
+ width:100%;
45
+ height:100%;
46
+ max-height:100%;
47
+ display:flex;
48
+ position:relative;
49
+ overflow:hidden;
50
+ }
51
+
52
+ [uc-modal]:not(#\#) > dialog:has(uc-camera-source[active]){
53
+ width:100%;
54
+ height:100%;
55
+ }
56
+
57
+ uc-camera-source:not(.uc-initialized):not(#\#) .uc-controls{
58
+ display:none;
59
+ }
60
+
61
+ uc-camera-source:not(#\#) video{
62
+ object-fit:contain;
63
+ object-position:center center;
64
+ background-color:var(--uc-muted);
65
+ border-radius:var(--uc-radius);
66
+ width:100%;
67
+ max-height:100%;
68
+ display:block;
69
+ }
70
+
71
+ uc-camera-source:not(#\#) .uc-toolbar{
72
+ width:100%;
73
+ padding:var(--uc-padding);
74
+ background-color:var(--uc-background);
75
+ justify-content:space-between;
76
+ display:flex;
77
+ position:absolute;
78
+ bottom:0;
79
+ }
80
+
81
+ uc-camera-source:not(#\#) .uc-content{
82
+ width:100%;
83
+ height:100%;
84
+ padding:var(--uc-padding);
85
+ flex:1;
86
+ justify-content:center;
87
+ padding-top:0;
88
+ display:flex;
89
+ overflow:hidden;
90
+ }
91
+
92
+ uc-camera-source:not(#\#) .uc-message-box{
93
+ grid-gap:40px;
94
+ color:var(--uc-foreground);
95
+ flex-direction:column;
96
+ justify-content:center;
97
+ align-items:center;
98
+ padding:40px 40px 0;
99
+ display:flex;
100
+ }
101
+
102
+ uc-camera-source:not(#\#) .uc-message-box button{
103
+ color:var(--uc-primary-foreground);
104
+ background-color:var(--uc-primary);
105
+ }
106
+
107
+ uc-camera-source:not(#\#) .uc-shot-btn{
108
+ width:58px;
109
+ height:58px;
110
+ color:var(--uc-background);
111
+ background-color:var(--uc-primary-light);
112
+ opacity:.85;
113
+ transition:bottom var(--uc-transition),opacity var(--uc-transition),transform var(--uc-transition);
114
+ border-radius:50%;
115
+ }
116
+
117
+ uc-camera-source:not(#\#) .uc-shot-btn:hover{
118
+ opacity:1;
119
+ transform:scale(1.05);
120
+ }
121
+
122
+ uc-camera-source:not(#\#) .uc-shot-btn:active{
123
+ opacity:1;
124
+ transform:scale(1);
125
+ }
126
+
127
+ uc-camera-source:not(#\#) .uc-shot-btn[disabled]{
128
+ bottom:-80px;
129
+ }
130
+
131
+ uc-camera-source:not(#\#) .uc-shot-btn uc-icon svg{
132
+ width:20px;
133
+ height:20px;
134
+ }
135
+
136
+ uc-camera-source:not(#\#) .uc-controls{
137
+ padding:0 var(--uc-padding) var(--uc-padding);
138
+ flex-wrap:wrap;
139
+ justify-content:space-between;
140
+ align-items:center;
141
+ min-height:74px;
142
+ display:flex;
143
+ position:relative;
144
+ }
145
+
146
+ uc-camera-source:not(#\#) .uc-switcher{
147
+ gap:calc(var(--uc-padding) / 2);
148
+ display:flex;
149
+ }
150
+
151
+ uc-camera-source:not(#\#) .uc-switch.uc-active{
152
+ background-color:var(--uc-secondary);
153
+ }
154
+
155
+ uc-camera-source:not(#\#) .uc-camera-actions{
156
+ justify-content:center;
157
+ align-items:center;
158
+ gap:5px;
159
+ display:flex;
160
+ }
161
+
162
+ uc-camera-source:not(#\#) .uc-stop-record{
163
+ background-color:var(--uc-destructive-foreground-light);
164
+ opacity:1;
165
+ }
166
+
167
+ :where(uc-camera-source.uc-recording):not(#\#) .uc-recording-timer uc-icon{
168
+ display:none;
169
+ }
170
+
171
+ :where(uc-camera-source.uc-recording):not(#\#) .uc-recording-timer{
172
+ pointer-events:none;
173
+ }
174
+
175
+ uc-camera-source:not(#\#) .uc-recording-timer{
176
+ z-index:1;
177
+ position:relative;
178
+ overflow:hidden;
179
+ }
180
+
181
+ :where(uc-camera-source):not(#\#) .uc-recording-timer uc-icon{
182
+ width:10px;
183
+ height:10px;
184
+ margin-right:10px;
185
+ }
186
+
187
+ uc-camera-source:not(#\#) .uc-recording-timer .uc-line{
188
+ content:"";
189
+ background-color:var(--uc-foreground-light);
190
+ transform-origin:0;
191
+ height:2px;
192
+ transition:transform var(--uc-transition);
193
+ position:absolute;
194
+ bottom:0;
195
+ left:0;
196
+ right:0;
197
+ transform:scaleX(0);
198
+ }
199
+
200
+ uc-camera-source:not(#\#) .uc-btn-microphone{
201
+ z-index:1;
202
+ }
203
+
204
+ uc-camera-source:not(#\#) .uc-select{
205
+ display:flex;
206
+ }
207
+
208
+ uc-camera-source:not(#\#) .uc-audio-select{
209
+ width:98px;
210
+ }
211
+
212
+ uc-camera-source:not(#\#) .uc-audio-select select{
213
+ width:100%;
214
+ }
215
+
216
+ uc-camera-source:not(#\#) .uc-camera-action{
217
+ inset:0 var(--uc-padding) var(--uc-padding);
218
+ margin:0 auto;
219
+ position:absolute;
220
+ }
221
+
222
+ @media only screen and (width <= 800px){
223
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper{
224
+ --l-edit-button-width:70px;
225
+ --l-toolbar-horizontal-padding:var(--cldtr-gap-min);
226
+ }
227
+ }
228
+
229
+ uc-editor-image-cropper.uc-active_from_editor:not(#\#):not(#\#):not(#\#), uc-editor-image-cropper.uc-active_from_viewer:not(#\#):not(#\#):not(#\#){
230
+ opacity:1;
231
+ transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);
232
+ pointer-events:auto;
233
+ transform:scale(1) translate(0);
234
+ }
235
+
236
+ @media only screen and (width <= 600px){
237
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#){
238
+ --l-tab-gap:var(--cldtr-gap-mid-1);
239
+ --l-slider-padding:var(--uc-padding);
240
+ --l-controls-padding:var(--uc-padding);
241
+ }
242
+ }
243
+
244
+ @media only screen and (width >= 601px){
245
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#){
246
+ --l-tab-gap:var(--cldtr-gap-max);
247
+ --l-slider-padding:var(--uc-padding);
248
+ --l-controls-padding:var(--uc-padding);
249
+ }
250
+ }
251
+
252
+ 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, uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles.uc-tab-toggles--hidden{
253
+ display:none;
254
+ }
255
+
256
+ uc-btn-ui.uc-secondary-icon:not(#\#):not(#\#):not(#\#) > button, uc-btn-ui.uc-tab:not(#\#):not(#\#):not(#\#) > button{
257
+ --idle-color-rgb:var(--uc-secondary-foreground);
258
+ --idle-brightness:1;
259
+ --idle-opacity:1;
260
+ --idle-background:transparent;
261
+ --hover-color-rgb:var(--uc-secondary-foreground);
262
+ --hover-brightness:1;
263
+ --hover-opacity:1;
264
+ --hover-background:var(--uc-secondary);
265
+ --down-color-rgb:var(--uc-secondary-foreground);
266
+ --down-brightness:1;
267
+ --down-opacity:1;
268
+ --down-background:var(--uc-secondary);
269
+ --active-color-rgb:var(--uc-secondary-foreground);
270
+ --active-brightness:1;
271
+ --active-opacity:1;
272
+ --active-background:transparent;
273
+ width:var(--uc-button-size);
274
+ padding:0;
275
+ }
276
+
277
+ uc-cloud-image-editor-activity:not(#\#){
278
+ background-color:var(--uc-background);
279
+ width:100%;
280
+ height:100%;
281
+ display:flex;
282
+ position:relative;
283
+ overflow:hidden;
284
+ }
285
+
286
+ [uc-modal]:not(#\#) > dialog:has(uc-cloud-image-editor-activity[active]){
287
+ width:100%;
288
+ height:100%;
289
+ }
290
+
291
+ uc-copyright:not(#\#){
292
+ justify-content:center;
293
+ width:100%;
294
+ display:flex;
295
+ }
296
+
297
+ uc-copyright:not(#\#) .uc-credits{
298
+ all:unset;
299
+ background-color:var(--uc-background);
300
+ color:var(--uc-muted-foreground);
301
+ opacity:.9;
302
+ cursor:pointer;
303
+ transition:opacity var(--uc-transition),background-color var(--uc-transition);
304
+ border-radius:6px;
305
+ padding:2px 5px;
306
+ font-size:12px;
307
+ font-weight:400;
308
+ position:absolute;
309
+ bottom:12px;
310
+ }
311
+
312
+ uc-copyright:not(#\#) .uc-credits:focus-visible{
313
+ outline:1px auto highlight;
314
+ outline:1px auto -webkit-focus-ring-color;
315
+ }
316
+
317
+ uc-copyright:not(#\#) .uc-credits:hover{
318
+ opacity:1;
319
+ background-color:var(--uc-muted);
320
+ }
321
+
322
+ :where([uc-drop-area]):not(#\#){
323
+ border:1px dashed var(--uc-border);
324
+ border-radius:calc(var(--uc-radius) * 1.75);
325
+ transition:border var(--uc-transition),border-radius var(--uc-transition);
326
+ padding:2px;
327
+ overflow:hidden;
328
+ }
329
+
330
+ :where([uc-drop-area]):not(#\#), :where([uc-drop-area]):not(#\#) .uc-content-wrapper{
331
+ justify-content:center;
332
+ align-items:center;
333
+ width:100%;
334
+ height:100%;
335
+ display:flex;
336
+ }
337
+
338
+ :where([uc-drop-area]):not(#\#) .uc-text{
339
+ margin:var(--uc-padding);
340
+ color:var(--uc-muted-foreground);
341
+ transition:color var(--uc-transition);
342
+ position:relative;
343
+ }
344
+
345
+ :where([uc-drop-area])[ghost][drag-state="inactive"]:not(#\#){
346
+ display:none;
347
+ }
348
+
349
+ :where([uc-drop-area])[ghost]:not([fullscreen]):is([drag-state="active"], [drag-state="near"], [drag-state="over"]):not(#\#){
350
+ background:var(--uc-background);
351
+ }
352
+
353
+ :where([uc-drop-area]):is([drag-state="active"], [drag-state="near"], [drag-state="over"], :hover):not(#\#){
354
+ background:var(--uc-primary-transparent);
355
+ border-color:var(--uc-primary-transparent);
356
+ }
357
+
358
+ :where(.uc-contrast):not(#\#) :where([uc-drop-area]):is([drag-state="active"], [drag-state="near"], [drag-state="over"], :hover){
359
+ color:var(--uc-foreground);
360
+ border-color:var(--uc-foreground);
361
+ background:none;
362
+ border-style:solid;
363
+ border-width:2px;
364
+ }
365
+
366
+ :where([uc-drop-area]):is([drag-state="active"], [drag-state="near"]):not(#\#){
367
+ opacity:1;
368
+ }
369
+
370
+ :where([uc-drop-area])[drag-state="over"]:not(#\#){
371
+ border-color:var(--uc-primary);
372
+ opacity:1;
373
+ }
374
+
375
+ :where([uc-drop-area])[with-icon]:not(#\#){
376
+ min-height:180px;
377
+ }
378
+
379
+ :where([uc-drop-area])[with-icon]:not(#\#) .uc-content-wrapper{
380
+ flex-direction:column;
381
+ display:flex;
382
+ }
383
+
384
+ :where([uc-drop-area])[with-icon]:not(#\#) .uc-text{
385
+ color:var(--uc-foreground);
386
+ font-size:1.1em;
387
+ font-weight:500;
388
+ }
389
+
390
+ :where([uc-drop-area])[with-icon]:not(#\#) .uc-icon-container{
391
+ width:64px;
392
+ height:64px;
393
+ margin:var(--uc-padding);
394
+ color:var(--uc-foreground);
395
+ background-color:var(--uc-muted);
396
+ transition:color var(--uc-transition),background-color var(--uc-transition);
397
+ border-radius:50%;
398
+ position:relative;
399
+ overflow:hidden;
400
+ }
401
+
402
+ :where([uc-drop-area])[with-icon]:not(#\#) uc-icon{
403
+ width:32px;
404
+ height:32px;
405
+ transition:transform var(--uc-transition);
406
+ position:absolute;
407
+ top:calc(50% - 16px);
408
+ left:calc(50% - 16px);
409
+ }
410
+
411
+ :where([uc-drop-area])[with-icon]:not(#\#) uc-icon:last-child{
412
+ transform:translateY(48px);
413
+ }
414
+
415
+ :where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]:hover .uc-icon-container, :where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]:hover .uc-text{
416
+ color:var(--uc-foreground);
417
+ }
418
+
419
+ :where([uc-drop-area])[with-icon]:hover:not(#\#) .uc-icon-container{
420
+ background-color:var(--uc-primary-transparent);
421
+ }
422
+
423
+ :where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]:hover .uc-icon-container{
424
+ background-color:var(--uc-muted);
425
+ }
426
+
427
+ :where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) .uc-icon-container{
428
+ color:var(--uc-primary-foreground);
429
+ background-color:var(--uc-primary);
430
+ }
431
+
432
+ :where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) .uc-text, :where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon] > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) .uc-text{
433
+ color:var(--uc-foreground);
434
+ }
435
+
436
+ :where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) uc-icon:first-child{
437
+ transform:translateY(-48px);
438
+ }
439
+
440
+ :where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) uc-icon:last-child{
441
+ transform:translateY(0);
442
+ }
443
+
444
+ :where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper[drag-state="near"] uc-icon:last-child{
445
+ transform:scale(1.3);
446
+ }
447
+
448
+ :where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper[drag-state="over"] uc-icon:last-child{
449
+ transform:scale(1.5);
450
+ }
451
+
452
+ :where([uc-drop-area])[fullscreen]:not(#\#){
453
+ z-index:2147483647;
454
+ width:calc(100vw - var(--uc-padding) * 2);
455
+ height:calc(100vh - var(--uc-padding) * 2);
456
+ margin:var(--uc-padding);
457
+ justify-content:center;
458
+ align-items:center;
459
+ display:flex;
460
+ position:fixed;
461
+ inset:0;
462
+ }
463
+
464
+ :where([uc-drop-area])[fullscreen]:not(#\#) .uc-content-wrapper{
465
+ width:100%;
466
+ max-width:calc(var(--uc-dialog-width) * .8);
467
+ height:180px;
468
+ color:var(--uc-foreground);
469
+ background-color:var(--uc-background);
470
+ border-radius:calc(var(--uc-radius) * 1.75);
471
+ box-shadow:var(--uc-dialog-shadow);
472
+ transition:color var(--uc-transition),background-color var(--uc-transition),box-shadow var(--uc-transition),border-radius var(--uc-transition),transform var(--uc-transition);
473
+ }
474
+
475
+ :where([uc-drop-area])[with-icon][fullscreen][drag-state="active"]:not(#\#) > .uc-content-wrapper, :where([uc-drop-area])[with-icon][fullscreen][drag-state="near"]:not(#\#) > .uc-content-wrapper{
476
+ opacity:0;
477
+ transform:translateY(10px);
478
+ }
479
+
480
+ :where([uc-drop-area])[with-icon][fullscreen][drag-state="over"]:not(#\#) > .uc-content-wrapper{
481
+ opacity:1;
482
+ transform:translateY(0);
483
+ }
484
+
485
+ :where([uc-drop-area])[with-icon][fullscreen]:not(#\#) > .uc-content-wrapper uc-icon:first-child{
486
+ transform:translateY(-48px);
487
+ }
488
+
489
+ :where([uc-drop-area])[clickable]:not(#\#){
490
+ cursor:pointer;
491
+ }
492
+
493
+ uc-external-source:not(#\#){
494
+ background-color:var(--uc-background);
495
+ flex-direction:column;
496
+ width:100%;
497
+ height:100%;
498
+ display:flex;
499
+ position:relative;
500
+ overflow:hidden;
501
+ }
502
+
503
+ [uc-modal]:not(#\#) > dialog:has(uc-external-source[active]){
504
+ width:100%;
505
+ height:100%;
506
+ }
507
+
508
+ uc-external-source:not(#\#) > .uc-content{
509
+ flex:1;
510
+ grid-template-rows:1fr min-content;
511
+ display:grid;
512
+ position:relative;
513
+ }
514
+
515
+ uc-external-source:not(#\#) iframe{
516
+ border:none;
517
+ width:100%;
518
+ height:100%;
519
+ display:block;
520
+ }
521
+
522
+ uc-external-source:not(#\#) .uc-iframe-wrapper{
523
+ overflow:hidden;
524
+ }
525
+
526
+ uc-external-source:not(#\#) .uc-toolbar{
527
+ grid-gap:var(--uc-padding);
528
+ width:100%;
529
+ padding:var(--uc-padding);
530
+ border-top:1px solid var(--uc-border);
531
+ justify-content:space-between;
532
+ align-items:center;
533
+ display:flex;
534
+ }
535
+
536
+ uc-external-source:not(#\#) .uc-back-btn{
537
+ padding-left:0;
538
+ }
539
+
540
+ uc-external-source:not(#\#) .uc-selection-status-box{
541
+ color:var(--uc-foreground);
542
+ flex-direction:column;
543
+ justify-content:center;
544
+ align-items:center;
545
+ display:flex;
546
+ }
547
+
548
+ uc-external-source:not(#\#) .uc-selection-status-box button{
549
+ color:var(--uc-primary);
550
+ background:none;
551
+ height:auto;
552
+ padding:0;
553
+ }
554
+
555
+ uc-external-source:not(#\#) .uc-selection-status-box button:hover{
556
+ text-decoration:underline;
557
+ }
558
+
559
+ uc-external-source:not(#\#) uc-activity-header{
560
+ z-index:1;
561
+ pointer-events:none;
562
+ justify-content:flex-end;
563
+ width:100%;
564
+ position:absolute;
565
+ top:0;
566
+ left:0;
567
+ right:0;
568
+ }
569
+
570
+ uc-external-source:not(#\#) uc-activity-header .uc-close-btn{
571
+ pointer-events:auto;
572
+ }
573
+
574
+ uc-external-source:not(#\#) .uc-done-btn > span.uc-hidden{
575
+ visibility:hidden;
576
+ pointer-events:none;
577
+ }
578
+
579
+ uc-external-source:not(#\#) .uc-done-btn > uc-spinner{
580
+ justify-content:center;
581
+ align-items:center;
582
+ width:100%;
583
+ height:100%;
584
+ display:flex;
585
+ position:absolute;
586
+ }
587
+
588
+ uc-file-item:not(#\#){
589
+ --uc-file-item-gap:4px;
590
+ --uc-file-item-height:calc(var(--uc-preview-size) + var(--uc-padding) * 2 + var(--uc-file-item-gap));
591
+ min-height:var(--uc-file-item-height);
592
+ display:block;
593
+ overflow:hidden;
594
+ }
595
+
596
+ uc-file-item:last-of-type:not(#\#){
597
+ --uc-file-item-gap:0;
598
+ }
599
+
600
+ uc-file-item:not(#\#) > .uc-inner{
601
+ grid-template-columns:var(--uc-preview-size) 1fr max-content;
602
+ margin-bottom:var(--uc-file-item-gap);
603
+ padding:var(--uc-padding);
604
+ background-color:var(--uc-muted);
605
+ border-radius:var(--uc-radius);
606
+ transition:background-color var(--uc-transition);
607
+ align-items:center;
608
+ gap:2px;
609
+ font-size:.925em;
610
+ display:grid;
611
+ position:relative;
612
+ overflow:hidden;
613
+ }
614
+
615
+ uc-file-item:not(#\#) > .uc-inner[focused]{
616
+ background-color:#0000;
617
+ }
618
+
619
+ uc-file-item:not(#\#) > .uc-inner[uploading] .uc-edit-btn{
620
+ display:none;
621
+ }
622
+
623
+ uc-file-item:not(#\#) > :where(.uc-inner[failed], .uc-inner[limit-overflow]){
624
+ background-color:var(--uc-destructive);
625
+ }
626
+
627
+ uc-file-item:not(#\#) .uc-thumb{
628
+ width:var(--uc-preview-size);
629
+ height:var(--uc-preview-size);
630
+ background-color:var(--uc-secondary);
631
+ border-radius:var(--uc-radius);
632
+ background-position:center;
633
+ background-repeat:no-repeat;
634
+ background-size:cover;
635
+ display:inline-flex;
636
+ position:relative;
637
+ }
638
+
639
+ uc-file-item:not(#\#) .uc-file-name-wrapper{
640
+ text-align:left;
641
+ max-width:100%;
642
+ padding-right:var(--uc-padding);
643
+ padding-left:var(--uc-padding);
644
+ color:var(--uc-muted-foreground);
645
+ flex-direction:column;
646
+ justify-content:center;
647
+ align-items:flex-start;
648
+ display:flex;
649
+ overflow:hidden;
650
+ }
651
+
652
+ uc-file-item:not(#\#) .uc-file-name{
653
+ white-space:nowrap;
654
+ text-overflow:ellipsis;
655
+ max-width:100%;
656
+ overflow:hidden;
657
+ }
658
+
659
+ uc-file-item:not(#\#) .uc-file-error{
660
+ color:var(--uc-destructive-foreground);
661
+ z-index:2;
662
+ font-size:.85em;
663
+ display:none;
664
+ }
665
+
666
+ uc-file-item:not(#\#) button.uc-remove-btn, uc-file-item:not(#\#) button.uc-edit-btn{
667
+ color:var(--uc-muted-foreground);
668
+ }
669
+
670
+ uc-file-item:not(#\#) button svg{
671
+ pointer-events:none;
672
+ }
673
+
674
+ uc-file-item:not(#\#) button.uc-upload-btn{
675
+ display:none;
676
+ }
677
+
678
+ uc-file-item:not(#\#) .uc-badge{
679
+ width:14px;
680
+ height:14px;
681
+ color:var(--uc-background);
682
+ background-color:var(--uc-foreground);
683
+ opacity:0;
684
+ transition:opacity var(--uc-transition),transform var(--uc-transition);
685
+ border-radius:50%;
686
+ justify-content:center;
687
+ align-items:center;
688
+ display:flex;
689
+ position:absolute;
690
+ bottom:2px;
691
+ right:2px;
692
+ transform:scale(.3);
693
+ }
694
+
695
+ uc-file-item:not(#\#) > .uc-inner:where([failed], [limit-overflow], [finished]) .uc-badge{
696
+ opacity:1;
697
+ transform:scale(1);
698
+ }
699
+
700
+ uc-file-item:not(#\#) > .uc-inner:where([failed], [limit-overflow]) .uc-badge{
701
+ background-color:var(--uc-destructive-foreground);
702
+ }
703
+
704
+ uc-file-item:not(#\#) > .uc-inner:where([failed], [limit-overflow]) .uc-file-error{
705
+ display:block;
706
+ }
707
+
708
+ uc-file-item:not(#\#) .uc-badge uc-icon, uc-file-item:not(#\#) .uc-badge uc-icon svg{
709
+ width:100%;
710
+ height:100%;
711
+ }
712
+
713
+ uc-file-item:not(#\#) .uc-progress-bar{
714
+ opacity:.7;
715
+ height:2px;
716
+ top:calc(100% - 2px);
717
+ }
718
+
719
+ :where(.uc-contrast):not(#\#) uc-file-item .uc-progress-bar{
720
+ opacity:1;
721
+ }
722
+
723
+ uc-file-item:not(#\#) .uc-file-actions{
724
+ justify-content:center;
725
+ align-items:center;
726
+ gap:2px;
727
+ display:flex;
728
+ }
729
+
730
+ uc-file-item[mode="grid"]:not(#\#){
731
+ min-height:initial;
732
+ overflow:visible;
733
+ }
734
+
735
+ uc-file-item[mode="grid"]:not(#\#) .uc-inner{
736
+ background-color:#0000;
737
+ border-radius:0;
738
+ grid-template-rows:1fr max-content;
739
+ grid-template-columns:1fr;
740
+ height:100%;
741
+ margin-bottom:0;
742
+ padding:0;
743
+ }
744
+
745
+ uc-file-item[mode="grid"]:not(#\#) .uc-inner[failed] .uc-badge{
746
+ display:none;
747
+ }
748
+
749
+ uc-file-item[mode="grid"]:not(#\#) .uc-thumb{
750
+ width:100%;
751
+ height:100%;
752
+ }
753
+
754
+ uc-file-item[mode="grid"]:not(#\#) .uc-badge{
755
+ right:var(--uc-padding);
756
+ bottom:var(--uc-padding);
757
+ }
758
+
759
+ uc-file-item[mode="grid"]:not(#\#) .uc-file-name-wrapper{
760
+ padding:0;
761
+ }
762
+
763
+ uc-file-item[mode="grid"]:not(#\#) .uc-file-name:not([hidden]) + .uc-file-error{
764
+ bottom:calc(var(--uc-padding) + var(--uc-font-size));
765
+ }
766
+
767
+ uc-file-item[mode="grid"]:not(#\#) .uc-file-error{
768
+ background-color:var(--uc-destructive-foreground);
769
+ border-radius:var(--uc-radius);
770
+ color:var(--uc-background);
771
+ bottom:var(--uc-padding);
772
+ left:var(--uc-padding);
773
+ right:var(--uc-padding);
774
+ padding:calc(var(--uc-padding) / 2) var(--uc-padding);
775
+ position:absolute;
776
+ }
777
+
778
+ uc-file-item[mode="grid"]:not(#\#) .uc-file-hint{
779
+ background-color:var(--uc-background);
780
+ border-radius:var(--uc-radius);
781
+ color:var(--uc-foreground);
782
+ bottom:calc(var(--uc-padding) * 2);
783
+ left:var(--uc-padding);
784
+ right:var(--uc-padding);
785
+ padding:calc(var(--uc-padding) / 2) var(--uc-padding);
786
+ position:absolute;
787
+ }
788
+
789
+ uc-file-item[mode="grid"]:not(#\#) .uc-file-actions{
790
+ top:var(--uc-padding);
791
+ right:var(--uc-padding);
792
+ position:absolute;
793
+ }
794
+
795
+ uc-file-item[mode="grid"]:not(#\#) button{
796
+ background-color:var(--uc-background);
797
+ }
798
+
799
+ uc-file-item[mode="grid"]:not(#\#) button:hover{
800
+ background-color:var(--uc-muted);
801
+ }
802
+
803
+ uc-file-item[mode="grid"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .uc-progress-bar{
804
+ height:4px !important;
805
+ top:initial !important;
806
+ }
807
+
808
+ uc-file-item[mode="grid"]:not(#\#) .uc-progress-bar{
809
+ width:initial;
810
+ bottom:var(--uc-padding);
811
+ left:var(--uc-padding);
812
+ right:var(--uc-padding);
813
+ border-radius:var(--uc-radius);
814
+ z-index:1;
815
+ background-color:var(--uc-background);
816
+ transition:background-color .3s, opacity .3s;
817
+ }
818
+
819
+ uc-file-item[mode="grid"]:not(#\#) .uc-progress-bar :is(.uc-fake-progress, .uc-progress){
820
+ background-color:var(--uc-primary);
821
+ }
822
+
823
+ uc-file-item[mode="grid"]:not(#\#) .uc-progress-bar[hasfilename]{
824
+ bottom:calc(var(--uc-padding) + var(--uc-font-size));
825
+ }
826
+
827
+ @supports selector(dialog::backdrop){
828
+ :where([uc-modal]):not(#\#) > dialog::backdrop{
829
+ background-color:#0000001a;
830
+ }
831
+
832
+ :where([uc-modal])[strokes]:not(#\#) > dialog::backdrop{
833
+ background-image:var(--modal-backdrop-background-image);
834
+ }
835
+ }
836
+
837
+ :where([uc-modal]):not(#\#) > dialog[open]{
838
+ visibility:visible;
839
+ opacity:1;
840
+ transform:translateY(0);
841
+ }
842
+
843
+ :where([uc-modal]):not(#\#) > dialog:not([open]){
844
+ visibility:hidden;
845
+ opacity:0;
846
+ transform:translateY(20px);
847
+ }
848
+
849
+ :where([uc-modal]):not(#\#) > dialog{
850
+ width:min(var(--uc-dialog-width),100%);
851
+ max-width:min(calc(100% - var(--uc-padding) * 2),var(--uc-dialog-max-width));
852
+ min-height:var(--uc-button-size);
853
+ max-height:min(calc(100% - var(--uc-padding) * 2),var(--uc-dialog-max-height));
854
+ background-color:var(--uc-background);
855
+ border-radius:calc(var(--uc-radius) * 1.75);
856
+ box-shadow:var(--uc-dialog-shadow);
857
+ border:0;
858
+ flex-direction:column;
859
+ margin:auto;
860
+ padding:0;
861
+ transition:transform .4s, opacity .4s;
862
+ display:flex;
863
+ overflow:hidden;
864
+ }
865
+
866
+ :where(.uc-contrast):not(#\#) :where([uc-modal]) > dialog{
867
+ outline:1px solid var(--uc-border);
868
+ }
869
+
870
+ uc-progress-bar:not(#\#){
871
+ --l-progress-value:0;
872
+ pointer-events:none;
873
+ opacity:1;
874
+ width:100%;
875
+ height:100%;
876
+ transition:opacity .3s;
877
+ position:absolute;
878
+ top:0;
879
+ bottom:0;
880
+ left:0;
881
+ overflow:hidden;
882
+ }
883
+
884
+ uc-progress-bar.uc-progress-bar--hidden:not(#\#){
885
+ opacity:0;
886
+ }
887
+
888
+ uc-progress-bar:not(#\#) .uc-progress{
889
+ width:calc(var(--l-progress-value) * 1%);
890
+ background-color:var(--uc-primary);
891
+ opacity:1;
892
+ height:100%;
893
+ transition:width .6s, opacity .3s;
894
+ position:absolute;
895
+ transform:translate(0);
896
+ }
897
+
898
+ uc-progress-bar:not(#\#) .uc-progress--hidden{
899
+ opacity:0;
900
+ }
901
+
902
+ uc-progress-bar:not(#\#) .uc-fake-progress{
903
+ --l-fake-progress-width:30;
904
+ width:calc(var(--l-fake-progress-width) * 1%);
905
+ background-color:var(--uc-primary);
906
+ opacity:1;
907
+ z-index:1;
908
+ height:100%;
909
+ transition:opacity .3s;
910
+ animation:1s ease-in-out infinite fake-progress-animation;
911
+ position:absolute;
912
+ }
913
+
914
+ uc-progress-bar:not(#\#) .uc-fake-progress--hidden{
915
+ opacity:0;
916
+ animation:none;
917
+ }
918
+
919
+ uc-progress-bar-common:not(#\#){
920
+ z-index:10000;
921
+ background-color:var(--uc-background);
922
+ height:10px;
923
+ transition:opacity .3s;
924
+ display:block;
925
+ position:fixed;
926
+ bottom:0;
927
+ left:0;
928
+ right:0;
929
+ }
930
+
931
+ uc-progress-bar-common:not([active]):not(#\#){
932
+ opacity:0;
933
+ pointer-events:none;
934
+ }
935
+
936
+ uc-select:not(#\#){
937
+ display:inline-flex;
938
+ }
939
+
940
+ uc-select:not(#\#) select{
941
+ height:var(--uc-button-size);
942
+ white-space:nowrap;
943
+ border-radius:var(--uc-radius);
944
+ cursor:pointer;
945
+ user-select:none;
946
+ transition:background-color var(--uc-transition);
947
+ color:var(--uc-secondary-foreground);
948
+ background-color:var(--uc-secondary);
949
+ border:none;
950
+ justify-content:center;
951
+ align-items:center;
952
+ padding:0 14px;
953
+ font-family:inherit;
954
+ font-size:1em;
955
+ display:inline-flex;
956
+ position:relative;
957
+ }
958
+
959
+ :where([uc-simple-btn]):not(#\#){
960
+ display:inline-flex;
961
+ position:relative;
962
+ }
963
+
964
+ :where([uc-simple-btn]):not(#\#) button{
965
+ height:auto;
966
+ padding:var(--uc-simple-btn-padding);
967
+ background-color:var(--uc-simple-btn);
968
+ color:var(--uc-simple-btn-foreground);
969
+ font-size:var(--uc-simple-btn-font-size);
970
+ font-family:var(--uc-simple-btn-font-family);
971
+ gap:.5em;
972
+ }
973
+
974
+ :where([uc-simple-btn]):not(#\#) button uc-icon{
975
+ width:auto;
976
+ height:auto;
977
+ }
978
+
979
+ :where([uc-simple-btn]):not(#\#) button uc-icon svg{
980
+ width:.9em;
981
+ height:.9em;
982
+ }
983
+
984
+ :where([uc-simple-btn]):not(#\#) button:hover{
985
+ background-color:var(--uc-simple-btn-hover);
986
+ }
987
+
988
+ :where([uc-simple-btn]):not(#\#) > uc-drop-area{
989
+ display:contents;
990
+ }
991
+
992
+ :where([uc-simple-btn]):not(#\#) .uc-visual-drop-area{
993
+ width:100%;
994
+ height:100%;
995
+ padding:var(--uc-simple-btn-padding);
996
+ color:#0000;
997
+ font-size:var(--uc-simple-btn-font-size);
998
+ border:1px dashed var(--uc-simple-btn-foreground);
999
+ border-radius:inherit;
1000
+ opacity:0;
1001
+ transition:opacity var(--uc-transition);
1002
+ background-color:#0000;
1003
+ justify-content:center;
1004
+ align-items:center;
1005
+ display:flex;
1006
+ position:absolute;
1007
+ top:0;
1008
+ left:0;
1009
+ }
1010
+
1011
+ :where([uc-simple-btn]):not(#\#) > uc-drop-area[drag-state="active"] .uc-visual-drop-area{
1012
+ opacity:1;
1013
+ }
1014
+
1015
+ :where([uc-simple-btn]):not(#\#) > uc-drop-area[drag-state="inactive"] .uc-visual-drop-area{
1016
+ opacity:0;
1017
+ }
1018
+
1019
+ :where([uc-simple-btn]):not(#\#) > uc-drop-area[drag-state="near"] .uc-visual-drop-area, :where([uc-simple-btn]):not(#\#) > uc-drop-area[drag-state="over"] .uc-visual-drop-area{
1020
+ opacity:1;
1021
+ }
1022
+
1023
+ uc-source-btn:not(#\#) > button{
1024
+ padding:2px var(--uc-padding);
1025
+ color:var(--uc-foreground);
1026
+ border-radius:var(--uc-radius);
1027
+ cursor:pointer;
1028
+ transition:background-color var(--uc-transition),color var(--uc-transition);
1029
+ user-select:none;
1030
+ background-color:unset;
1031
+ width:100%;
1032
+ height:unset;
1033
+ align-items:center;
1034
+ margin-bottom:2px;
1035
+ display:flex;
1036
+ }
1037
+
1038
+ uc-source-btn:last-child:not(#\#) > button{
1039
+ margin-bottom:0;
1040
+ }
1041
+
1042
+ uc-source-btn:not(#\#) > button:hover{
1043
+ background-color:var(--uc-primary-transparent);
1044
+ }
1045
+
1046
+ :where(.uc-contrast):not(#\#) uc-source-btn > button:hover{
1047
+ background-color:var(--uc-secondary);
1048
+ color:var(--uc-foreground);
1049
+ }
1050
+
1051
+ uc-source-btn:not(#\#) uc-icon{
1052
+ min-width:var(--uc-button-size);
1053
+ margin-right:var(--uc-padding);
1054
+ opacity:.8;
1055
+ flex-grow:1;
1056
+ justify-content:center;
1057
+ display:inline-flex;
1058
+ }
1059
+
1060
+ :where(.uc-contrast):not(#\#) uc-source-btn uc-icon{
1061
+ opacity:1;
1062
+ }
1063
+
1064
+ uc-source-btn:not(#\#) .uc-txt{
1065
+ box-sizing:border-box;
1066
+ width:100%;
1067
+ height:var(--uc-button-size);
1068
+ white-space:nowrap;
1069
+ border:none;
1070
+ align-items:center;
1071
+ padding:0;
1072
+ display:flex;
1073
+ }
1074
+
1075
+ .uc-spinner:not(#\#){
1076
+ border:2px solid #0000;
1077
+ border-color:currentColor #0000 #0000 currentColor;
1078
+ border-radius:50%;
1079
+ width:1em;
1080
+ height:1em;
1081
+ animation:.4s linear infinite uc-spinner-keyframes;
1082
+ }
1083
+
1084
+ uc-start-from:not(#\#){
1085
+ display:block;
1086
+ overflow-y:auto;
1087
+ }
1088
+
1089
+ uc-start-from:not(#\#) .uc-content{
1090
+ gap:calc(var(--uc-padding) * 2);
1091
+ width:100%;
1092
+ height:100%;
1093
+ padding:calc(var(--uc-padding) * 2);
1094
+ background-color:var(--uc-background);
1095
+ grid-auto-flow:row;
1096
+ display:grid;
1097
+ }
1098
+
1099
+ [uc-modal]:not(#\#) > dialog:has(uc-start-from[active]){
1100
+ width:var(--uc-dialog-width);
1101
+ }
1102
+
1103
+ [uc-modal]:not(#\#) uc-start-from uc-drop-area{
1104
+ border-radius:var(--uc-radius);
1105
+ }
1106
+
1107
+ @media only screen and (width <= 430px){
1108
+ [uc-modal]:not(#\#) uc-start-from uc-drop-area{
1109
+ display:none;
1110
+ }
1111
+ }
1112
+
1113
+ uc-thumb:not(#\#){
1114
+ width:100%;
1115
+ height:100%;
1116
+ }
1117
+
1118
+ uc-upload-list:not(#\#){
1119
+ background-color:var(--uc-background);
1120
+ width:100%;
1121
+ height:max-content;
1122
+ transition:opacity var(--uc-transition);
1123
+ flex-direction:column;
1124
+ display:flex;
1125
+ position:relative;
1126
+ overflow:hidden;
1127
+ }
1128
+
1129
+ uc-upload-list:not(#\#) .uc-no-files{
1130
+ height:32px;
1131
+ padding:20px;
1132
+ }
1133
+
1134
+ uc-upload-list:not(#\#) .uc-files{
1135
+ min-height:32px;
1136
+ padding:0 var(--uc-padding);
1137
+ flex:1;
1138
+ display:block;
1139
+ overflow:auto;
1140
+ }
1141
+
1142
+ uc-upload-list:not(#\#) .uc-files-wrapper{
1143
+ display:contents;
1144
+ }
1145
+
1146
+ uc-upload-list:not(#\#) .uc-toolbar{
1147
+ padding:var(--uc-padding);
1148
+ background-color:var(--uc-background);
1149
+ justify-content:space-between;
1150
+ gap:4px;
1151
+ display:flex;
1152
+ }
1153
+
1154
+ uc-upload-list:not(#\#) .uc-toolbar-spacer{
1155
+ flex:1;
1156
+ }
1157
+
1158
+ uc-upload-list:not(#\#) uc-drop-area{
1159
+ width:calc(100% - var(--uc-padding) * 2);
1160
+ height:calc(100% - var(--uc-padding) * 2);
1161
+ margin:var(--uc-padding);
1162
+ border-radius:var(--uc-radius);
1163
+ position:absolute;
1164
+ top:0;
1165
+ left:0;
1166
+ }
1167
+
1168
+ uc-upload-list:not(#\#) uc-activity-header > .uc-header-text{
1169
+ padding:0 var(--uc-padding);
1170
+ }
1171
+
1172
+ uc-upload-list:not(#\#) .uc-common-error{
1173
+ border-radius:var(--uc-radius);
1174
+ color:var(--uc-destructive-foreground);
1175
+ background-color:var(--uc-destructive);
1176
+ padding:var(--uc-padding);
1177
+ margin:4px var(--uc-padding) 0 var(--uc-padding);
1178
+ justify-content:center;
1179
+ align-items:center;
1180
+ font-size:.925em;
1181
+ display:flex;
1182
+ }
1183
+
1184
+ uc-upload-list:not(#\#) .uc-add-more-btn uc-icon{
1185
+ display:none;
1186
+ }
1187
+
1188
+ uc-upload-list[mode="grid"]:not(#\#) .uc-files{
1189
+ gap:var(--uc-grid-gap);
1190
+ flex-wrap:wrap;
1191
+ display:flex;
1192
+ }
1193
+
1194
+ uc-upload-list:not(#\#) .uc-files .uc-add-more-btn, uc-upload-list[mode="grid"]:not(#\#) uc-file-item{
1195
+ flex:0 0 calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));
1196
+ max-width:calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));
1197
+ height:var(--uc-grid-preview-image-height);
1198
+ aspect-ratio:var(--uc-grid-aspect-ratio);
1199
+ }
1200
+
1201
+ uc-upload-list:not(#\#) .uc-files .uc-add-more-btn{
1202
+ display:none;
1203
+ }
1204
+
1205
+ uc-url-source:not(#\#){
1206
+ background-color:var(--uc-background);
1207
+ display:block;
1208
+ }
1209
+
1210
+ uc-url-source:not(#\#) > .uc-content{
1211
+ grid-gap:4px;
1212
+ padding:var(--uc-padding);
1213
+ grid-template-columns:1fr min-content;
1214
+ padding-top:0;
1215
+ display:grid;
1216
+ }
1217
+
1218
+ uc-url-source:not(#\#) .uc-url-input{
1219
+ display:flex;
1220
+ }
1221
+
1222
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from{
1223
+ height:100%;
1224
+ container-type:inline-size;
1225
+ }
1226
+
1227
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#){
1228
+ --cfg-done-activity:"start-from";
1229
+ --cfg-init-activity:"start-from";
1230
+ flex:1;
1231
+ }
1232
+
1233
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-activity-header:after{
1234
+ width:var(--uc-button-size);
1235
+ height:var(--uc-button-size);
1236
+ content:"";
1237
+ }
1238
+
1239
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-activity-header .uc-close-btn{
1240
+ display:none;
1241
+ }
1242
+
1243
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-copyright .uc-credits{
1244
+ position:static;
1245
+ }
1246
+
1247
+ @container (width >= 500px){
1248
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from .uc-content{
1249
+ grid-template-columns:1fr max-content;
1250
+ height:100%;
1251
+ }
1252
+
1253
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from uc-copyright{
1254
+ grid-column:2;
1255
+ }
1256
+
1257
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from uc-drop-area{
1258
+ grid-row:span 3;
1259
+ }
1260
+
1261
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from:has(uc-copyright[hidden]) uc-drop-area, [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from:has(.uc-cancel-btn[hidden]) uc-drop-area{
1262
+ grid-row:span 2;
1263
+ }
1264
+
1265
+ [uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from:has(uc-copyright[hidden]):has(.uc-cancel-btn[hidden]) uc-drop-area{
1266
+ grid-row:span 1;
1267
+ }
1268
+ }
1269
+
1270
+ :where([uc-file-uploader-minimal]):not(#\#):not(#\#):not(#\#){
1271
+ --cfg-init-activity:"start-from";
1272
+ --cfg-done-activity:"upload-list";
1273
+ display:block;
1274
+ position:relative;
1275
+ }
1276
+
1277
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) > uc-start-from .uc-content{
1278
+ background-color:#0000;
1279
+ flex-direction:column;
1280
+ align-items:center;
1281
+ gap:4px;
1282
+ padding:0;
1283
+ display:flex;
1284
+ overflow:hidden;
1285
+ }
1286
+
1287
+ :where([uc-file-uploader-minimal] > uc-start-from uc-drop-area):not(#\#):not(#\#):not(#\#){
1288
+ width:100%;
1289
+ min-height:calc(var(--uc-preview-size) + var(--uc-padding) * 2 + 8px);
1290
+ text-align:center;
1291
+ background-color:var(--uc-muted);
1292
+ border-radius:calc(var(--uc-radius) * 1.75);
1293
+ justify-content:center;
1294
+ align-items:center;
1295
+ padding:0;
1296
+ display:flex;
1297
+ position:relative;
1298
+ }
1299
+
1300
+ :where(.uc-contrast):not(#\#):not(#\#):not(#\#) :where([uc-file-uploader-minimal] > uc-start-from uc-drop-area){
1301
+ background-color:#0000;
1302
+ }
1303
+
1304
+ :where([uc-file-uploader-minimal] > uc-start-from uc-drop-area):not(#\#):not(#\#):not(#\#):before{
1305
+ content:"";
1306
+ z-index:-1;
1307
+ background-color:var(--uc-background);
1308
+ width:100%;
1309
+ height:100%;
1310
+ position:absolute;
1311
+ }
1312
+
1313
+ :where([uc-file-uploader-minimal]:has([single]) > uc-start-from uc-drop-area):not(#\#):not(#\#):not(#\#){
1314
+ aspect-ratio:var(--uc-grid-aspect-ratio);
1315
+ }
1316
+
1317
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list uc-activity-header{
1318
+ display:none;
1319
+ }
1320
+
1321
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list > .uc-toolbar{
1322
+ background-color:#0000;
1323
+ }
1324
+
1325
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list{
1326
+ width:100%;
1327
+ height:unset;
1328
+ background-color:var(--uc-background);
1329
+ border:1px dashed var(--uc-border);
1330
+ border-radius:calc(var(--uc-radius) * 1.75);
1331
+ padding:4px;
1332
+ }
1333
+
1334
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files{
1335
+ padding:0;
1336
+ }
1337
+
1338
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar{
1339
+ padding:0;
1340
+ display:block;
1341
+ }
1342
+
1343
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-cancel-btn, [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-upload-btn, [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-done-btn{
1344
+ display:none;
1345
+ }
1346
+
1347
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn{
1348
+ width:100%;
1349
+ height:calc(var(--uc-preview-size) + var(--uc-padding) * 2);
1350
+ margin-top:4px;
1351
+ }
1352
+
1353
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn[disabled], [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn > span{
1354
+ display:none;
1355
+ }
1356
+
1357
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn > uc-icon{
1358
+ display:flex;
1359
+ }
1360
+
1361
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-file-item uc-progress-bar{
1362
+ height:100% !important;
1363
+ top:0 !important;
1364
+ }
1365
+
1366
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-file-item uc-progress-bar .uc-progress, [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-file-item uc-progress-bar .uc-fake-progress{
1367
+ background-color:var(--uc-primary-transparent);
1368
+ border-radius:var(--uc-radius);
1369
+ }
1370
+
1371
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list uc-drop-area{
1372
+ border-radius:calc(var(--uc-radius) * 1.75);
1373
+ width:100%;
1374
+ height:100%;
1375
+ margin:0;
1376
+ }
1377
+
1378
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-common-error{
1379
+ margin:4px 0 0;
1380
+ }
1381
+
1382
+ [uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-copyright .uc-credits{
1383
+ position:static;
1384
+ }
1385
+
1386
+ [uc-file-uploader-minimal][mode="grid"]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn{
1387
+ display:none;
1388
+ }
1389
+
1390
+ [uc-file-uploader-minimal][mode="grid"]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files .uc-add-more-btn{
1391
+ display:flex;
1392
+ }
1393
+
1394
+ [uc-file-uploader-minimal][mode="grid"]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files .uc-add-more-btn > span{
1395
+ display:none;
1396
+ }
1397
+
1398
+ [uc-file-uploader-minimal][mode="grid"]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files .uc-add-more-btn > uc-icon{
1399
+ display:flex;
1400
+ }
1401
+
1402
+ :where([uc-wgt-common]){
1403
+ --cfg-init-activity:"start-from";
1404
+ --cfg-done-activity:"";
1405
+ --uc-font-family:system-ui;
1406
+ --uc-font-size:14px;
1407
+ --uc-line-height:normal;
1408
+ --uc-simple-btn-font-family:system-ui;
1409
+ --uc-simple-btn-font-size:14px;
1410
+ --uc-button-size:32px;
1411
+ --uc-preview-size:32px;
1412
+ --uc-padding:10px;
1413
+ --uc-radius:8px;
1414
+ --uc-transition:.2s ease;
1415
+ --uc-dialog-width:430px;
1416
+ --uc-dialog-max-width:920px;
1417
+ --uc-dialog-max-height:675px;
1418
+ --uc-simple-btn-padding:7px 14px;
1419
+ --uc-grid-col:3;
1420
+ --uc-grid-preview-image-height:auto;
1421
+ --uc-grid-gap:calc(var(--uc-padding) / 2);
1422
+ --uc-grid-aspect-ratio:1 / 1;
1423
+ --uc-background:var(--uc-background-light);
1424
+ --uc-foreground:var(--uc-foreground-light);
1425
+ --uc-primary:var(--uc-primary-light);
1426
+ --uc-primary-hover:var(--uc-primary-hover-light);
1427
+ --uc-primary-transparent:var(--uc-primary-transparent-light);
1428
+ --uc-primary-foreground:var(--uc-primary-foreground-light);
1429
+ --uc-secondary:var(--uc-secondary-light);
1430
+ --uc-secondary-hover:var(--uc-secondary-hover-light);
1431
+ --uc-secondary-foreground:var(--uc-secondary-foreground-light);
1432
+ --uc-muted:var(--uc-muted-light);
1433
+ --uc-muted-foreground:var(--uc-muted-foreground-light);
1434
+ --uc-destructive:var(--uc-destructive-light);
1435
+ --uc-destructive-foreground:var(--uc-destructive-foreground-light);
1436
+ --uc-border:var(--uc-border-light);
1437
+ --uc-dialog-shadow:var(--uc-dialog-shadow-light);
1438
+ --uc-simple-btn:var(--uc-simple-btn-light);
1439
+ --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
1440
+ --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
1441
+ }
1442
+
1443
+ @supports not (color: oklch(0% 0 0)){
1444
+ :where([uc-wgt-common]){
1445
+ --uc-primary-rgb-light:23 75 215;
1446
+ --uc-primary-light:rgb(var(--uc-primary-rgb-light));
1447
+ --uc-primary-hover-light:rgb(var(--uc-primary-rgb-light) / 90%);
1448
+ --uc-primary-transparent-light:rgb(var(--uc-primary-rgb-light) / 10%);
1449
+ --uc-background-light:#fff;
1450
+ --uc-foreground-light:#181818;
1451
+ --uc-primary-foreground-light:#fff;
1452
+ --uc-secondary-light:#1818180d;
1453
+ --uc-secondary-hover-light:#18181814;
1454
+ --uc-secondary-foreground-light:#181818;
1455
+ --uc-muted-light:#f5f5f5;
1456
+ --uc-muted-foreground-light:#717171;
1457
+ --uc-destructive-light:#e813140d;
1458
+ --uc-destructive-foreground-light:#e81314;
1459
+ --uc-border-light:#e4e4e8;
1460
+ --uc-dialog-shadow-light:0px 6px 20px #0000001a;
1461
+ --uc-simple-btn-light:#ebebeb;
1462
+ --uc-simple-btn-hover-light:#e4e4e4;
1463
+ --uc-simple-btn-foreground-light:#181818;
1464
+ --uc-primary-rgb-dark:87 154 255;
1465
+ --uc-primary-dark:rgb(var(--uc-primary-rgb-dark));
1466
+ --uc-primary-hover-dark:rgb(var(--uc-primary-rgb-dark) / 90%);
1467
+ --uc-primary-transparent-dark:rgb(var(--uc-primary-rgb-dark) / 7%);
1468
+ --uc-background-dark:#1b1b1b;
1469
+ --uc-foreground-dark:#e1e1e1;
1470
+ --uc-primary-foreground-dark:#000;
1471
+ --uc-secondary-dark:#e1e1e112;
1472
+ --uc-secondary-hover-dark:#e1e1e11a;
1473
+ --uc-secondary-foreground-dark:#e1e1e1;
1474
+ --uc-muted-dark:#242424;
1475
+ --uc-muted-foreground-dark:#989898;
1476
+ --uc-destructive-dark:#f45a4f1a;
1477
+ --uc-destructive-foreground-dark:#f45a4f;
1478
+ --uc-border-dark:#3d3d3d;
1479
+ --uc-dialog-shadow-dark:0px 6px 20px #00000040;
1480
+ --uc-simple-btn-dark:#242424;
1481
+ --uc-simple-btn-hover-dark:#2b2b2b;
1482
+ --uc-simple-btn-foreground-dark:#fff;
1483
+ }
1484
+ }
1485
+
1486
+ @supports (color: oklch(0% 0 0)){
1487
+ :where([uc-wgt-common]){
1488
+ --uc-primary-oklch-light:47% .22 264;
1489
+ --uc-primary-light:oklch(var(--uc-primary-oklch-light));
1490
+ --uc-primary-hover-light:oklch(var(--uc-primary-oklch-light) / 90%);
1491
+ --uc-primary-transparent-light:oklch(var(--uc-primary-oklch-light) / 7%);
1492
+ --uc-background-light:oklch(100% 0 0);
1493
+ --uc-foreground-light:oklch(21% 0 0);
1494
+ --uc-primary-foreground-light:oklch(100% 0 0);
1495
+ --uc-secondary-light:oklch(21% 0 0 / .05);
1496
+ --uc-secondary-hover-light:oklch(21% 0 0 / .08);
1497
+ --uc-secondary-foreground-light:oklch(21% 0 0);
1498
+ --uc-muted-light:oklch(97% 0 0);
1499
+ --uc-muted-foreground-light:oklch(40% 0 0);
1500
+ --uc-destructive-light:oklch(59% .235 28.5 / .05);
1501
+ --uc-destructive-foreground-light:oklch(59% .235 28.5);
1502
+ --uc-border-light:oklch(92% 0 0);
1503
+ --uc-dialog-shadow-light:0px 6px 20px oklch(0% 0 0 / .1);
1504
+ --uc-simple-btn-light:oklch(94% 0 0);
1505
+ --uc-simple-btn-hover-light:oklch(92% 0 0);
1506
+ --uc-simple-btn-foreground-light:oklch(20% 0 0);
1507
+ --uc-primary-oklch-dark:69% .1768 258.4;
1508
+ --uc-primary-dark:oklch(var(--uc-primary-oklch-dark));
1509
+ --uc-primary-hover-dark:oklch(var(--uc-primary-oklch-dark) / 90%);
1510
+ --uc-primary-transparent-dark:oklch(var(--uc-primary-oklch-dark) / 7%);
1511
+ --uc-background-dark:oklch(22% 0 0);
1512
+ --uc-foreground-dark:oklch(91% 0 0);
1513
+ --uc-primary-foreground-dark:oklch(0% 0 0);
1514
+ --uc-secondary-dark:oklch(91% 0 0 / .07);
1515
+ --uc-secondary-hover-dark:oklch(91% 0 0 / .1);
1516
+ --uc-secondary-foreground-dark:oklch(91% 0 0);
1517
+ --uc-muted-dark:oklch(26% 0 0);
1518
+ --uc-muted-foreground-dark:oklch(68% 0 0);
1519
+ --uc-destructive-dark:oklch(67% .191 27.5 / .1);
1520
+ --uc-destructive-foreground-dark:oklch(67% .191 27.5);
1521
+ --uc-border-dark:oklch(36% 0 0);
1522
+ --uc-dialog-shadow-dark:0px 6px 20px oklch(0% 0 0 / .25);
1523
+ --uc-simple-btn-dark:oklch(26% 0 0);
1524
+ --uc-simple-btn-hover-dark:oklch(29% 0 0);
1525
+ --uc-simple-btn-foreground-dark:oklch(100% 0 0);
1526
+ }
1527
+ }
1528
+
1529
+ @media only screen and (height <= 600px){
1530
+ :where([uc-wgt-common]){
1531
+ --uc-dialog-max-height:100%;
1532
+ }
1533
+ }
1534
+
1535
+ @media only screen and (width <= 680px){
1536
+ :where([uc-wgt-common]){
1537
+ --uc-grid-col:2;
1538
+ }
1539
+ }
1540
+
1541
+ @media only screen and (width <= 430px){
1542
+ :where([uc-wgt-common]){
1543
+ --uc-dialog-max-width:100vw;
1544
+ --uc-dialog-max-height:var(--uploadcare-blocks-window-height);
1545
+ --uc-grid-col:1;
1546
+ }
1547
+ }
1548
+
1549
+ @media (prefers-color-scheme: light){
1550
+ :where([uc-wgt-common]){
1551
+ --uc-background:var(--uc-background-light);
1552
+ --uc-foreground:var(--uc-foreground-light);
1553
+ --uc-primary:var(--uc-primary-light);
1554
+ --uc-primary-hover:var(--uc-primary-hover-light);
1555
+ --uc-primary-transparent:var(--uc-primary-transparent-light);
1556
+ --uc-primary-foreground:var(--uc-primary-foreground-light);
1557
+ --uc-secondary:var(--uc-secondary-light);
1558
+ --uc-secondary-hover:var(--uc-secondary-hover-light);
1559
+ --uc-secondary-foreground:var(--uc-secondary-foreground-light);
1560
+ --uc-muted:var(--uc-muted-light);
1561
+ --uc-muted-foreground:var(--uc-muted-foreground-light);
1562
+ --uc-destructive:var(--uc-destructive-light);
1563
+ --uc-destructive-foreground:var(--uc-destructive-foreground-light);
1564
+ --uc-border:var(--uc-border-light);
1565
+ --uc-dialog-shadow:var(--uc-dialog-shadow-light);
1566
+ --uc-simple-btn:var(--uc-simple-btn-light);
1567
+ --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
1568
+ --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
1569
+ }
1570
+ }
1571
+
1572
+ @media (prefers-color-scheme: dark){
1573
+ :where([uc-wgt-common]){
1574
+ --uc-background:var(--uc-background-dark);
1575
+ --uc-foreground:var(--uc-foreground-dark);
1576
+ --uc-primary:var(--uc-primary-dark);
1577
+ --uc-primary-hover:var(--uc-primary-hover-dark);
1578
+ --uc-primary-transparent:var(--uc-primary-transparent-dark);
1579
+ --uc-primary-foreground:var(--uc-primary-foreground-dark);
1580
+ --uc-secondary:var(--uc-secondary-dark);
1581
+ --uc-secondary-hover:var(--uc-secondary-hover-dark);
1582
+ --uc-secondary-foreground:var(--uc-secondary-foreground-dark);
1583
+ --uc-muted:var(--uc-muted-dark);
1584
+ --uc-muted-foreground:var(--uc-muted-foreground-dark);
1585
+ --uc-destructive:var(--uc-destructive-dark);
1586
+ --uc-destructive-foreground:var(--uc-destructive-foreground-dark);
1587
+ --uc-border:var(--uc-border-dark);
1588
+ --uc-dialog-shadow:var(--uc-dialog-shadow-dark);
1589
+ --uc-simple-btn:var(--uc-simple-btn-dark);
1590
+ --uc-simple-btn-hover:var(--uc-simple-btn-hover-dark);
1591
+ --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-dark);
1592
+ }
1593
+ }
1594
+
1595
+ :where([uc-wgt-common]){
1596
+ color:var(--uc-foreground);
1597
+ font-size:var(--uc-font-size);
1598
+ line-height:var(--uc-line-height);
1599
+ font-family:var(--uc-font-family);
1600
+ }
1601
+
1602
+ :where([uc-wgt-common]) *{
1603
+ box-sizing:border-box;
1604
+ }
1605
+
1606
+ :where([uc-wgt-common]) button{
1607
+ height:var(--uc-button-size);
1608
+ white-space:nowrap;
1609
+ border-radius:var(--uc-radius);
1610
+ cursor:pointer;
1611
+ user-select:none;
1612
+ transition:background-color var(--uc-transition);
1613
+ border:none;
1614
+ justify-content:center;
1615
+ align-items:center;
1616
+ padding-left:14px;
1617
+ padding-right:14px;
1618
+ font-family:inherit;
1619
+ font-size:1em;
1620
+ display:flex;
1621
+ }
1622
+
1623
+ :where([uc-wgt-common]) button:focus-visible{
1624
+ outline-offset:2px;
1625
+ }
1626
+
1627
+ :where([uc-wgt-common]) button.uc-primary-btn{
1628
+ color:var(--uc-primary-foreground);
1629
+ background-color:var(--uc-primary);
1630
+ }
1631
+
1632
+ :where([uc-wgt-common]) button.uc-primary-btn:hover{
1633
+ background-color:var(--uc-primary-hover);
1634
+ }
1635
+
1636
+ :where([uc-wgt-common]) button.uc-secondary-btn{
1637
+ color:var(--uc-secondary-foreground);
1638
+ background-color:var(--uc-secondary);
1639
+ }
1640
+
1641
+ :where([uc-wgt-common]) button.uc-secondary-btn:hover{
1642
+ background-color:var(--uc-secondary-hover);
1643
+ }
1644
+
1645
+ :where([uc-wgt-common].uc-contrast) button.uc-secondary-btn{
1646
+ border:1px solid var(--uc-border);
1647
+ }
1648
+
1649
+ :where([uc-wgt-common]) button.uc-mini-btn{
1650
+ height:var(--uc-button-size);
1651
+ color:var(--uc-secondary-foreground);
1652
+ background-color:#0000;
1653
+ padding:0;
1654
+ }
1655
+
1656
+ :where([uc-wgt-common]) button.uc-mini-btn:hover{
1657
+ background-color:var(--uc-secondary);
1658
+ }
1659
+
1660
+ :where([uc-wgt-common]) :is(button[disabled], button.uc-primary-btn[disabled], button.uc-secondary-btn[disabled]){
1661
+ opacity:.5;
1662
+ pointer-events:none;
1663
+ }
1664
+
1665
+ :where([uc-wgt-common]) a{
1666
+ color:var(--uc-primary);
1667
+ text-decoration:none;
1668
+ }
1669
+
1670
+ :where([uc-wgt-common]) a[disabled]{
1671
+ pointer-events:none;
1672
+ }
1673
+
1674
+ :where([uc-wgt-common]) input[type="text"]{
1675
+ width:100%;
1676
+ height:var(--uc-button-size);
1677
+ color:var(--uc-foreground);
1678
+ background-color:var(--uc-background);
1679
+ border:1px solid var(--uc-border);
1680
+ border-radius:var(--uc-radius);
1681
+ transition:border-color var(--uc-transition),outline-color var(--uc-transition);
1682
+ outline:1px solid #0000;
1683
+ padding-left:10px;
1684
+ padding-right:10px;
1685
+ font-family:inherit;
1686
+ font-size:1em;
1687
+ display:flex;
1688
+ }
1689
+
1690
+ :where([uc-wgt-common]) input[type="text"]::placeholder{
1691
+ color:var(--uc-muted-foreground);
1692
+ }
1693
+
1694
+ :where([uc-wgt-common]) input[type="text"]:focus{
1695
+ outline-color:var(--uc-primary-hover);
1696
+ border-color:var(--uc-primary-hover);
1697
+ }
1698
+
1699
+ :where([uc-wgt-common]) input[disabled], :where([uc-wgt-common]) uc-select[disabled], :where([uc-wgt-common]) select[disabled]{
1700
+ opacity:.6;
1701
+ pointer-events:none;
1702
+ }
1703
+
1704
+ :where([uc-wgt-common]):not(#\#):not(#\#) [hidden], :where([uc-wgt-common]):not(#\#):not(#\#) [activity]:not([active], .active), :where([uc-wgt-common]):not(#\#):not(#\#) dialog:not([open]) [activity]{
1705
+ display:none;
1706
+ }
1707
+
1708
+ :where([uc-wgt-common]):not(#\#):not(#\#):not(#\#):not(#\#) uc-source-btn[type]{
1709
+ all:unset;
1710
+ }
6
1711
 
7
1712
  :root{
8
- --ck-image-processing-highlight-color:hsl(220, 10%, 98%);
9
- --ck-image-processing-background-color:hsl(220, 10%, 90%);
1713
+ --ck-image-processing-highlight-color:#f9fafa;
1714
+ --ck-image-processing-background-color:#e3e5e8;
1715
+ }
1716
+
1717
+ :is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).image-processing picture{
1718
+ width:100%;
1719
+ height:100%;
1720
+ display:block;
1721
+ position:relative;
1722
+ }
1723
+
1724
+ :is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).image-processing picture:before{
1725
+ content:"";
1726
+ z-index:1;
1727
+ background:linear-gradient(90deg,
1728
+ var(--ck-image-processing-background-color),
1729
+ var(--ck-image-processing-highlight-color),
1730
+ var(--ck-image-processing-background-color));
1731
+ background-size:200% 100%;
1732
+ width:100%;
1733
+ height:100%;
1734
+ animation:2s linear infinite ck-image-processing-animation;
1735
+ position:absolute;
1736
+ top:0;
1737
+ left:0;
1738
+ }
1739
+
1740
+ :is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).image-processing picture img{
1741
+ height:100%;
1742
+ }
1743
+
1744
+ :is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).image-processing-blur{
1745
+ clip-path:inset(0);
1746
+ filter:blur(1.6rem);
1747
+ }
1748
+
1749
+ @keyframes ck-image-processing-animation{
1750
+ 0%{
1751
+ background-position:200% 0;
1752
+ }
1753
+
1754
+ 100%{
1755
+ background-position:-200% 0;
1756
+ }
1757
+ }
1758
+
1759
+ :where([uc-wgt-common]){
1760
+ --uc-font-family:system-ui;
1761
+ --uc-font-size:14px;
1762
+ --uc-line-height:normal;
1763
+ --uc-simple-btn-font-family:system-ui;
1764
+ --uc-simple-btn-font-size:14px;
1765
+ --uc-button-size:32px;
1766
+ --uc-preview-size:32px;
1767
+ --uc-padding:10px;
1768
+ --uc-radius:8px;
1769
+ --uc-transition:.2s ease;
1770
+ --uc-dialog-width:430px;
1771
+ --uc-dialog-max-width:920px;
1772
+ --uc-dialog-max-height:675px;
1773
+ --uc-simple-btn-padding:7px 14px;
1774
+ --uc-grid-col:3;
1775
+ --uc-grid-preview-image-height:auto;
1776
+ --uc-grid-gap:calc(var(--uc-padding) / 2);
1777
+ --uc-grid-aspect-ratio:1 / 1;
1778
+ --uc-background:var(--uc-background-light);
1779
+ --uc-foreground:var(--uc-foreground-light);
1780
+ --uc-primary:var(--uc-primary-light);
1781
+ --uc-primary-hover:var(--uc-primary-hover-light);
1782
+ --uc-primary-transparent:var(--uc-primary-transparent-light);
1783
+ --uc-primary-foreground:var(--uc-primary-foreground-light);
1784
+ --uc-secondary:var(--uc-secondary-light);
1785
+ --uc-secondary-hover:var(--uc-secondary-hover-light);
1786
+ --uc-secondary-foreground:var(--uc-secondary-foreground-light);
1787
+ --uc-muted:var(--uc-muted-light);
1788
+ --uc-muted-foreground:var(--uc-muted-foreground-light);
1789
+ --uc-destructive:var(--uc-destructive-light);
1790
+ --uc-destructive-foreground:var(--uc-destructive-foreground-light);
1791
+ --uc-border:var(--uc-border-light);
1792
+ --uc-dialog-shadow:var(--uc-dialog-shadow-light);
1793
+ --uc-simple-btn:var(--uc-simple-btn-light);
1794
+ --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
1795
+ --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
1796
+ }
1797
+
1798
+ @supports not (color: oklch(0% 0 0)){
1799
+ :where([uc-wgt-common]){
1800
+ --uc-primary-rgb-light:23 75 215;
1801
+ --uc-primary-light:rgb(var(--uc-primary-rgb-light));
1802
+ --uc-primary-hover-light:rgb(var(--uc-primary-rgb-light) / 90%);
1803
+ --uc-primary-transparent-light:rgb(var(--uc-primary-rgb-light) / 10%);
1804
+ --uc-background-light:#fff;
1805
+ --uc-foreground-light:#181818;
1806
+ --uc-primary-foreground-light:#fff;
1807
+ --uc-secondary-light:#1818180d;
1808
+ --uc-secondary-hover-light:#18181814;
1809
+ --uc-secondary-foreground-light:#181818;
1810
+ --uc-muted-light:#f5f5f5;
1811
+ --uc-muted-foreground-light:#717171;
1812
+ --uc-destructive-light:#e813140d;
1813
+ --uc-destructive-foreground-light:#e81314;
1814
+ --uc-border-light:#e4e4e8;
1815
+ --uc-dialog-shadow-light:0px 6px 20px #0000001a;
1816
+ --uc-simple-btn-light:#ebebeb;
1817
+ --uc-simple-btn-hover-light:#e4e4e4;
1818
+ --uc-simple-btn-foreground-light:#181818;
1819
+ --uc-primary-rgb-dark:87 154 255;
1820
+ --uc-primary-dark:rgb(var(--uc-primary-rgb-dark));
1821
+ --uc-primary-hover-dark:rgb(var(--uc-primary-rgb-dark) / 90%);
1822
+ --uc-primary-transparent-dark:rgb(var(--uc-primary-rgb-dark) / 7%);
1823
+ --uc-background-dark:#1b1b1b;
1824
+ --uc-foreground-dark:#e1e1e1;
1825
+ --uc-primary-foreground-dark:#000;
1826
+ --uc-secondary-dark:#e1e1e112;
1827
+ --uc-secondary-hover-dark:#e1e1e11a;
1828
+ --uc-secondary-foreground-dark:#e1e1e1;
1829
+ --uc-muted-dark:#242424;
1830
+ --uc-muted-foreground-dark:#989898;
1831
+ --uc-destructive-dark:#f45a4f1a;
1832
+ --uc-destructive-foreground-dark:#f45a4f;
1833
+ --uc-border-dark:#3d3d3d;
1834
+ --uc-dialog-shadow-dark:0px 6px 20px #00000040;
1835
+ --uc-simple-btn-dark:#242424;
1836
+ --uc-simple-btn-hover-dark:#2b2b2b;
1837
+ --uc-simple-btn-foreground-dark:#fff;
1838
+ }
1839
+ }
1840
+
1841
+ @supports (color: oklch(0% 0 0)){
1842
+ :where([uc-wgt-common]){
1843
+ --uc-primary-oklch-light:47% .22 264;
1844
+ --uc-primary-light:oklch(var(--uc-primary-oklch-light));
1845
+ --uc-primary-hover-light:oklch(var(--uc-primary-oklch-light) / 90%);
1846
+ --uc-primary-transparent-light:oklch(var(--uc-primary-oklch-light) / 7%);
1847
+ --uc-background-light:oklch(100% 0 0);
1848
+ --uc-foreground-light:oklch(21% 0 0);
1849
+ --uc-primary-foreground-light:oklch(100% 0 0);
1850
+ --uc-secondary-light:oklch(21% 0 0 / .05);
1851
+ --uc-secondary-hover-light:oklch(21% 0 0 / .08);
1852
+ --uc-secondary-foreground-light:oklch(21% 0 0);
1853
+ --uc-muted-light:oklch(97% 0 0);
1854
+ --uc-muted-foreground-light:oklch(40% 0 0);
1855
+ --uc-destructive-light:oklch(59% .235 28.5 / .05);
1856
+ --uc-destructive-foreground-light:oklch(59% .235 28.5);
1857
+ --uc-border-light:oklch(92% 0 0);
1858
+ --uc-dialog-shadow-light:0px 6px 20px oklch(0% 0 0 / .1);
1859
+ --uc-simple-btn-light:oklch(94% 0 0);
1860
+ --uc-simple-btn-hover-light:oklch(92% 0 0);
1861
+ --uc-simple-btn-foreground-light:oklch(20% 0 0);
1862
+ --uc-primary-oklch-dark:69% .1768 258.4;
1863
+ --uc-primary-dark:oklch(var(--uc-primary-oklch-dark));
1864
+ --uc-primary-hover-dark:oklch(var(--uc-primary-oklch-dark) / 90%);
1865
+ --uc-primary-transparent-dark:oklch(var(--uc-primary-oklch-dark) / 7%);
1866
+ --uc-background-dark:oklch(22% 0 0);
1867
+ --uc-foreground-dark:oklch(91% 0 0);
1868
+ --uc-primary-foreground-dark:oklch(0% 0 0);
1869
+ --uc-secondary-dark:oklch(91% 0 0 / .07);
1870
+ --uc-secondary-hover-dark:oklch(91% 0 0 / .1);
1871
+ --uc-secondary-foreground-dark:oklch(91% 0 0);
1872
+ --uc-muted-dark:oklch(26% 0 0);
1873
+ --uc-muted-foreground-dark:oklch(68% 0 0);
1874
+ --uc-destructive-dark:oklch(67% .191 27.5 / .1);
1875
+ --uc-destructive-foreground-dark:oklch(67% .191 27.5);
1876
+ --uc-border-dark:oklch(36% 0 0);
1877
+ --uc-dialog-shadow-dark:0px 6px 20px oklch(0% 0 0 / .25);
1878
+ --uc-simple-btn-dark:oklch(26% 0 0);
1879
+ --uc-simple-btn-hover-dark:oklch(29% 0 0);
1880
+ --uc-simple-btn-foreground-dark:oklch(100% 0 0);
1881
+ }
1882
+ }
1883
+
1884
+ @media only screen and (height <= 600px){
1885
+ :where([uc-wgt-common]){
1886
+ --uc-dialog-max-height:100%;
1887
+ }
1888
+ }
1889
+
1890
+ @media only screen and (width <= 680px){
1891
+ :where([uc-wgt-common]){
1892
+ --uc-grid-col:2;
1893
+ }
1894
+ }
1895
+
1896
+ @media only screen and (width <= 430px){
1897
+ :where([uc-wgt-common]){
1898
+ --uc-dialog-max-width:100vw;
1899
+ --uc-dialog-max-height:var(--uploadcare-blocks-window-height);
1900
+ --uc-grid-col:1;
1901
+ }
1902
+ }
1903
+
1904
+ @media (prefers-color-scheme: light){
1905
+ :where([uc-wgt-common]){
1906
+ --uc-background:var(--uc-background-light);
1907
+ --uc-foreground:var(--uc-foreground-light);
1908
+ --uc-primary:var(--uc-primary-light);
1909
+ --uc-primary-hover:var(--uc-primary-hover-light);
1910
+ --uc-primary-transparent:var(--uc-primary-transparent-light);
1911
+ --uc-primary-foreground:var(--uc-primary-foreground-light);
1912
+ --uc-secondary:var(--uc-secondary-light);
1913
+ --uc-secondary-hover:var(--uc-secondary-hover-light);
1914
+ --uc-secondary-foreground:var(--uc-secondary-foreground-light);
1915
+ --uc-muted:var(--uc-muted-light);
1916
+ --uc-muted-foreground:var(--uc-muted-foreground-light);
1917
+ --uc-destructive:var(--uc-destructive-light);
1918
+ --uc-destructive-foreground:var(--uc-destructive-foreground-light);
1919
+ --uc-border:var(--uc-border-light);
1920
+ --uc-dialog-shadow:var(--uc-dialog-shadow-light);
1921
+ --uc-simple-btn:var(--uc-simple-btn-light);
1922
+ --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
1923
+ --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
1924
+ }
1925
+ }
1926
+
1927
+ @media (prefers-color-scheme: dark){
1928
+ :where([uc-wgt-common]){
1929
+ --uc-background:var(--uc-background-dark);
1930
+ --uc-foreground:var(--uc-foreground-dark);
1931
+ --uc-primary:var(--uc-primary-dark);
1932
+ --uc-primary-hover:var(--uc-primary-hover-dark);
1933
+ --uc-primary-transparent:var(--uc-primary-transparent-dark);
1934
+ --uc-primary-foreground:var(--uc-primary-foreground-dark);
1935
+ --uc-secondary:var(--uc-secondary-dark);
1936
+ --uc-secondary-hover:var(--uc-secondary-hover-dark);
1937
+ --uc-secondary-foreground:var(--uc-secondary-foreground-dark);
1938
+ --uc-muted:var(--uc-muted-dark);
1939
+ --uc-muted-foreground:var(--uc-muted-foreground-dark);
1940
+ --uc-destructive:var(--uc-destructive-dark);
1941
+ --uc-destructive-foreground:var(--uc-destructive-foreground-dark);
1942
+ --uc-border:var(--uc-border-dark);
1943
+ --uc-dialog-shadow:var(--uc-dialog-shadow-dark);
1944
+ --uc-simple-btn:var(--uc-simple-btn-dark);
1945
+ --uc-simple-btn-hover:var(--uc-simple-btn-hover-dark);
1946
+ --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-dark);
1947
+ }
1948
+ }
1949
+
1950
+ :where(.uc-light){
1951
+ --uc-background:var(--uc-background-light);
1952
+ --uc-foreground:var(--uc-foreground-light);
1953
+ --uc-primary:var(--uc-primary-light);
1954
+ --uc-primary-hover:var(--uc-primary-hover-light);
1955
+ --uc-primary-transparent:var(--uc-primary-transparent-light);
1956
+ --uc-primary-foreground:var(--uc-primary-foreground-light);
1957
+ --uc-secondary:var(--uc-secondary-light);
1958
+ --uc-secondary-hover:var(--uc-secondary-hover-light);
1959
+ --uc-secondary-foreground:var(--uc-secondary-foreground-light);
1960
+ --uc-muted:var(--uc-muted-light);
1961
+ --uc-muted-foreground:var(--uc-muted-foreground-light);
1962
+ --uc-destructive:var(--uc-destructive-light);
1963
+ --uc-destructive-foreground:var(--uc-destructive-foreground-light);
1964
+ --uc-border:var(--uc-border-light);
1965
+ --uc-dialog-shadow:var(--uc-dialog-shadow-light);
1966
+ --uc-simple-btn:var(--uc-simple-btn-light);
1967
+ --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
1968
+ --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
1969
+ }
1970
+
1971
+ :where(.uc-dark){
1972
+ --uc-background:var(--uc-background-dark);
1973
+ --uc-foreground:var(--uc-foreground-dark);
1974
+ --uc-primary:var(--uc-primary-dark);
1975
+ --uc-primary-hover:var(--uc-primary-hover-dark);
1976
+ --uc-primary-transparent:var(--uc-primary-transparent-dark);
1977
+ --uc-primary-foreground:var(--uc-primary-foreground-dark);
1978
+ --uc-secondary:var(--uc-secondary-dark);
1979
+ --uc-secondary-hover:var(--uc-secondary-hover-dark);
1980
+ --uc-secondary-foreground:var(--uc-secondary-foreground-dark);
1981
+ --uc-muted:var(--uc-muted-dark);
1982
+ --uc-muted-foreground:var(--uc-muted-foreground-dark);
1983
+ --uc-destructive:var(--uc-destructive-dark);
1984
+ --uc-destructive-foreground:var(--uc-destructive-foreground-dark);
1985
+ --uc-border:var(--uc-border-dark);
1986
+ --uc-dialog-shadow:var(--uc-dialog-shadow-dark);
1987
+ --uc-simple-btn:var(--uc-simple-btn-dark);
1988
+ --uc-simple-btn-hover:var(--uc-simple-btn-hover-dark);
1989
+ --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-dark);
1990
+ }
1991
+
1992
+ :where(.uc-purple){
1993
+ --uc-primary-oklch-light:47% .22 300;
1994
+ --uc-primary-oklch-dark:69% .1768 300;
1995
+ }
1996
+
1997
+ :where(.uc-red){
1998
+ --uc-primary-oklch-light:47% .21 21;
1999
+ --uc-primary-oklch-dark:71% .1768 21;
2000
+ }
2001
+
2002
+ :where(.uc-orange){
2003
+ --uc-primary-oklch-light:47% .1376 51.88;
2004
+ --uc-primary-oklch-dark:69% .1768 51.88;
2005
+ }
2006
+
2007
+ :where(.uc-green){
2008
+ --uc-primary-oklch-light:45% .14 130;
2009
+ --uc-primary-oklch-dark:69% .1768 130;
2010
+ }
2011
+
2012
+ :where(.uc-turquoise){
2013
+ --uc-primary-oklch-light:45% .0854 174;
2014
+ --uc-primary-oklch-dark:69% .1768 174;
2015
+ }
2016
+
2017
+ :where(.uc-gray){
2018
+ --uc-primary-oklch-light:10% 0 0;
2019
+ --uc-primary-oklch-dark:97% 0 0;
2020
+ }
2021
+
2022
+ :where(.uc-contrast){
2023
+ --uc-border-light:oklch(50% 0 0);
2024
+ --uc-border-dark:oklch(50% 0 0);
2025
+ --uc-muted-light:oklch(98% 0 0);
2026
+ --uc-muted-dark:oklch(16% 0 0);
2027
+ --uc-muted-foreground-light:oklch(20% 0 0);
2028
+ --uc-muted-foreground-dark:oklch(80% 0 0);
2029
+ --uc-background-light:oklch(100% 0 0);
2030
+ --uc-foreground-light:oklch(0% 0 0);
2031
+ --uc-background-dark:oklch(10% 0 0);
2032
+ --uc-foreground-dark:oklch(100% 0 0);
2033
+ }
2034
+
2035
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#){
2036
+ --color-primary-accent:var(--uc-primary);
2037
+ --color-text-base:var(--uc-foreground);
2038
+ --color-text-accent-contrast:var(--uc-background);
2039
+ --color-fill-contrast:var(--uc-background);
2040
+ --color-modal-backdrop:oklch(0% 0 0 / .1);
2041
+ --color-image-background:var(--uc-muted);
2042
+ --color-focus-ring:var(--color-primary-accent);
2043
+ --color-crop-guides:var(--uc-foreground);
2044
+ --font-size-ui:var(--uc-font-size);
2045
+ --size-touch-area:var(--uc-button-size);
2046
+ --size-panel-heading:calc(var(--uc-button-size) + var(--uc-padding) * 2);
2047
+ --size-ui-min-width:130px;
2048
+ --size-line-width:1px;
2049
+ --size-modal-width:650px;
2050
+ --size-icon:calc(var(--uc-button-size) / 2);
2051
+ --border-radius-editor:var(--uc-radius);
2052
+ --border-radius-thumb:var(--uc-radius);
2053
+ --border-radius-ui:var(--uc-radius);
2054
+ --border-radius-base:var(--uc-radius);
2055
+ --cldtr-gap-min:5px;
2056
+ --cldtr-gap-mid-1:10px;
2057
+ --cldtr-gap-mid-2:15px;
2058
+ --cldtr-gap-max:20px;
2059
+ --transition-duration-2:var(--transition-duration-all, .2s);
2060
+ --transition-duration-3:var(--transition-duration-all, .3s);
2061
+ --transition-duration-4:var(--transition-duration-all, .4s);
2062
+ --transition-duration-5:var(--transition-duration-all, .5s);
2063
+ --modal-header-opacity:1;
2064
+ --modal-header-height:var(--size-panel-heading);
2065
+ --modal-toolbar-height:var(--size-panel-heading);
2066
+ --transparent-pixel:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");
2067
+ width:100%;
2068
+ height:100%;
2069
+ max-height:100%;
2070
+ display:block;
2071
+ }
2072
+
2073
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([can-handle-paste]:hover, [can-handle-paste]:focus){
2074
+ --can-handle-paste:"true";
2075
+ }
2076
+
2077
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex][focus-visible], [tabindex]:hover, [with-effects][focus-visible], [with-effects]:hover){
2078
+ --filter-effect:var(--hover-filter) !important;
2079
+ --opacity-effect:var(--hover-opacity) !important;
2080
+ --color-effect:var(--hover-color-rgb) !important;
2081
+ --background-effect:var(--hover-background) !important;
2082
+ }
2083
+
2084
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex]:active, [with-effects]:active){
2085
+ --filter-effect:var(--down-filter) !important;
2086
+ --opacity-effect:var(--down-opacity) !important;
2087
+ --color-effect:var(--down-color-rgb) !important;
2088
+ --background-effect:var(--down-background) !important;
2089
+ }
2090
+
2091
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex][active], [with-effects][active]){
2092
+ --filter-effect:var(--active-filter) !important;
2093
+ --opacity-effect:var(--active-opacity) !important;
2094
+ --color-effect:var(--active-color-rgb) !important;
2095
+ --background-effect:var(--active-background) !important;
2096
+ }
2097
+
2098
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [hidden-scrollbar]::-webkit-scrollbar{
2099
+ display:none;
2100
+ }
2101
+
2102
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [hidden-scrollbar]{
2103
+ -ms-overflow-style:none;
2104
+ scrollbar-width:none;
2105
+ }
2106
+
2107
+ [uc-cloud-image-editor].uc-editor_ON:not(#\#):not(#\#):not(#\#){
2108
+ --modal-header-opacity:0;
2109
+ --modal-header-height:0px;
2110
+ --modal-toolbar-height:calc(var(--size-panel-heading) * 2);
2111
+ }
2112
+
2113
+ [uc-cloud-image-editor].uc-editor_OFF:not(#\#):not(#\#):not(#\#){
2114
+ --modal-header-opacity:1;
2115
+ --modal-header-height:var(--size-panel-heading);
2116
+ --modal-toolbar-height:var(--size-panel-heading);
2117
+ }
2118
+
2119
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper{
2120
+ --l-min-img-height:var(--modal-toolbar-height);
2121
+ --l-max-img-height:100%;
2122
+ --l-edit-button-width:120px;
2123
+ --l-toolbar-horizontal-padding:var(--cldtr-gap-mid-1);
2124
+ grid-template-rows:minmax(var(--l-min-img-height),var(--l-max-img-height)) minmax(var(--modal-toolbar-height),auto);
2125
+ height:100%;
2126
+ display:grid;
2127
+ position:relative;
2128
+ overflow:hidden auto;
2129
+ }
2130
+
2131
+ @media only screen and (width <= 800px){
2132
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper{
2133
+ --l-edit-button-width:70px;
2134
+ --l-toolbar-horizontal-padding:var(--cldtr-gap-min);
2135
+ }
2136
+ }
2137
+
2138
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport{
2139
+ justify-content:center;
2140
+ align-items:center;
2141
+ display:flex;
2142
+ overflow:hidden;
2143
+ }
2144
+
2145
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image{
2146
+ --viewer-image-opacity:1;
2147
+ z-index:10;
2148
+ box-sizing:border-box;
2149
+ object-fit:scale-down;
2150
+ background-color:var(--color-image-background);
2151
+ width:100%;
2152
+ height:100%;
2153
+ opacity:var(--viewer-image-opacity);
2154
+ user-select:none;
2155
+ pointer-events:auto;
2156
+ display:block;
2157
+ position:absolute;
2158
+ top:0;
2159
+ left:0;
2160
+ transform:scale(1);
2161
+ }
2162
+
2163
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_visible_viewer{
2164
+ transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-4);
2165
+ }
2166
+
2167
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_hidden_to_cropper{
2168
+ --viewer-image-opacity:0;
2169
+ background-image:var(--transparent-pixel);
2170
+ transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);
2171
+ pointer-events:none;
2172
+ transform:scale(1);
2173
+ }
2174
+
2175
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_hidden_effects{
2176
+ --viewer-image-opacity:0;
2177
+ transition:opacity var(--transition-duration-3) cubic-bezier(.5,0,1,1),transform var(--transition-duration-4);
2178
+ pointer-events:none;
2179
+ transform:scale(1);
2180
+ }
2181
+
2182
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container{
2183
+ background-color:var(--color-image-background);
2184
+ width:100%;
2185
+ height:100%;
2186
+ transition:var(--transition-duration-3);
2187
+ display:block;
2188
+ position:relative;
2189
+ }
2190
+
2191
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar{
2192
+ transition:all .3s;
2193
+ position:relative;
2194
+ }
2195
+
2196
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar > .uc-toolbar_content{
2197
+ box-sizing:border-box;
2198
+ width:100%;
2199
+ height:var(--modal-toolbar-height);
2200
+ min-height:var(--size-panel-heading);
2201
+ background-color:var(--color-fill-contrast);
2202
+ position:absolute;
2203
+ bottom:0;
2204
+ left:0;
2205
+ }
2206
+
2207
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar > .uc-toolbar_content.uc-toolbar_content__viewer{
2208
+ height:var(--size-panel-heading);
2209
+ padding-right:var(--l-toolbar-horizontal-padding);
2210
+ padding-left:var(--l-toolbar-horizontal-padding);
2211
+ justify-content:space-between;
2212
+ align-items:center;
2213
+ display:flex;
2214
+ }
2215
+
2216
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar > .uc-toolbar_content.uc-toolbar_content__editor{
2217
+ display:flex;
2218
+ }
2219
+
2220
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-info_pan{
2221
+ user-select:none;
2222
+ position:absolute;
2223
+ }
2224
+
2225
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-file_type_outer{
2226
+ z-index:2;
2227
+ user-select:none;
2228
+ max-width:120px;
2229
+ display:flex;
2230
+ position:absolute;
2231
+ transform:translate(-40px);
2232
+ }
2233
+
2234
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-file_type_outer > .uc-file_type{
2235
+ padding:4px .8em;
2236
+ }
2237
+
2238
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash{
2239
+ z-index:4;
2240
+ background-color:var(--color-fill-contrast);
2241
+ flex-direction:column;
2242
+ width:100%;
2243
+ height:100%;
2244
+ display:flex;
2245
+ position:absolute;
2246
+ }
2247
+
2248
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content{
2249
+ flex-direction:column;
2250
+ flex:1;
2251
+ justify-content:center;
2252
+ align-items:center;
2253
+ display:flex;
2254
+ }
2255
+
2256
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content > .uc-network_problems_icon{
2257
+ width:40px;
2258
+ height:40px;
2259
+ color:var(--uc-foreground);
2260
+ background-color:var(--uc-muted);
2261
+ border-radius:50%;
2262
+ justify-content:center;
2263
+ align-items:center;
2264
+ display:flex;
2265
+ }
2266
+
2267
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content > .uc-network_problems_text{
2268
+ margin-top:var(--cldtr-gap-max);
2269
+ font-size:var(--font-size-ui);
2270
+ color:var(--uc-foreground);
2271
+ }
2272
+
2273
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_footer{
2274
+ height:var(--size-panel-heading);
2275
+ justify-content:center;
2276
+ align-items:center;
2277
+ display:flex;
2278
+ }
2279
+
2280
+ uc-crop-frame:not(#\#):not(#\#):not(#\#) > .uc-svg{
2281
+ z-index:2;
2282
+ border-top-left-radius:var(--border-radius-base);
2283
+ border-top-right-radius:var(--border-radius-base);
2284
+ width:100%;
2285
+ height:100%;
2286
+ opacity:inherit;
2287
+ transition:var(--transition-duration-3);
2288
+ position:absolute;
2289
+ top:0;
2290
+ left:0;
2291
+ }
2292
+
2293
+ uc-crop-frame:not(#\#):not(#\#):not(#\#) > .uc-thumb{
2294
+ --idle-color-rgb:var(--color-text-base);
2295
+ --hover-color-rgb:var(--color-primary-accent);
2296
+ --focus-color-rgb:var(--color-primary-accent);
2297
+ --down-color-rgb:var(--color-primary-accent);
2298
+ --color-effect:var(--idle-color-rgb);
2299
+ color:var(--color-effect);
2300
+ transition:color var(--transition-duration-3),opacity var(--transition-duration-3);
2301
+ }
2302
+
2303
+ uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-thumb--visible{
2304
+ opacity:1;
2305
+ pointer-events:auto;
2306
+ }
2307
+
2308
+ uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-thumb--hidden{
2309
+ opacity:0;
2310
+ pointer-events:none;
2311
+ }
2312
+
2313
+ uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides{
2314
+ transition:var(--transition-duration-3);
2315
+ }
2316
+
2317
+ uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--hidden{
2318
+ opacity:0;
2319
+ }
2320
+
2321
+ uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--semi-hidden{
2322
+ opacity:.2;
2323
+ }
2324
+
2325
+ uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--visible{
2326
+ opacity:1;
2327
+ }
2328
+
2329
+ 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(#\#){
2330
+ --l-base-min-width:var(--uc-button-size);
2331
+ --l-base-height:var(--uc-button-size);
2332
+ --opacity-effect:var(--idle-opacity);
2333
+ --color-effect:var(--idle-color-rgb);
2334
+ --background-effect:var(--idle-background);
2335
+ --filter-effect:var(--idle-filter);
2336
+ --idle-color-rgb:var(--uc-secondary-foreground);
2337
+ --idle-opacity:1;
2338
+ --idle-filter:1;
2339
+ --idle-background:var(--uc-secondary);
2340
+ --hover-color-rgb:var(--uc-secondary-foreground);
2341
+ --hover-opacity:1;
2342
+ --hover-filter:.8;
2343
+ --hover-background:var(--uc-secondary-hover);
2344
+ --down-color-rgb:var(--hover-color-rgb);
2345
+ --down-opacity:1;
2346
+ --down-filter:.6;
2347
+ --down-background:var(--uc-secondary);
2348
+ border-radius:var(--uc-radius);
2349
+ }
2350
+
2351
+ 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{
2352
+ all:unset;
2353
+ grid-template-columns:var(--l-base-min-width) auto;
2354
+ height:var(--l-base-height);
2355
+ color:var(--color-effect);
2356
+ opacity:var(--opacity-effect);
2357
+ cursor:pointer;
2358
+ transition:var(--l-width-transition);
2359
+ grid-template-rows:100%;
2360
+ align-items:center;
2361
+ display:grid;
2362
+ position:relative;
2363
+ }
2364
+
2365
+ uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button{
2366
+ grid-template-columns:auto var(--l-base-min-width);
2367
+ }
2368
+
2369
+ uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button > uc-icon{
2370
+ margin-left:var(--cldtr-gap-mid-1);
2371
+ width:10px;
2372
+ }
2373
+
2374
+ :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{
2375
+ width:var(--size-icon);
2376
+ height:var(--size-icon);
10
2377
  }
11
2378
 
12
- .ck.ck-editor__editable .image.image-processing picture, .ck.ck-editor__editable .image-inline.image-processing picture{
13
- position:relative;
14
- display:block;
15
- width:100%;
16
- height:100%;
17
- }
2379
+ uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > uc-icon.uc-original-icon > svg{
2380
+ width:100%;
2381
+ height:100%;
2382
+ }
18
2383
 
19
- .ck.ck-editor__editable .image.image-processing picture:before, .ck.ck-editor__editable .image-inline.image-processing picture:before{
20
- content:'';
2384
+ 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(#\#){
2385
+ --idle-color-rgb:var(--uc-primary-foreground);
2386
+ --idle-background:var(--uc-primary);
2387
+ --idle-opacity:1;
2388
+ --hover-color-rgb:var(--uc-primary-foreground);
2389
+ --hover-background:var(--uc-primary);
2390
+ --hover-opacity:1;
2391
+ }
21
2392
 
22
- position:absolute;
23
- top:0;
24
- left:0;
25
- z-index:1;
2393
+ uc-editor-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#) .uc-preview[loaded]{
2394
+ opacity:1;
2395
+ }
26
2396
 
27
- height:100%;
28
- width:100%;
2397
+ uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#) .uc-preview{
2398
+ opacity:0;
2399
+ }
29
2400
 
30
- background:linear-gradient(
31
- 90deg,
32
- var(--ck-image-processing-background-color),
33
- var(--ck-image-processing-highlight-color),
34
- var(--ck-image-processing-background-color));
35
- background-size:200% 100%;
2401
+ 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(#\#){
2402
+ --idle-color-rgb:var(--uc-secondary-foreground);
2403
+ }
36
2404
 
37
- animation:ck-image-processing-animation 2s linear infinite;
38
- }
2405
+ :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{
2406
+ --idle-background:transparent;
2407
+ --hover-background:var(--uc-secondary);
2408
+ outline:1px solid var(--uc-border);
2409
+ outline-offset:-1px;
2410
+ }
39
2411
 
40
- .ck.ck-editor__editable .image.image-processing picture img, .ck.ck-editor__editable .image-inline.image-processing picture img{
41
- height:100%;
42
- }
2412
+ 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{
2413
+ content:"";
2414
+ z-index:-1;
2415
+ background-color:var(--background-effect);
2416
+ border-radius:var(--border-radius-editor);
2417
+ width:100%;
2418
+ height:100%;
2419
+ transition:var(--transition-duration-3);
2420
+ position:absolute;
2421
+ left:0;
2422
+ right:0;
2423
+ }
43
2424
 
44
- .ck.ck-editor__editable .image.image-processing-blur, .ck.ck-editor__editable .image-inline.image-processing-blur{
45
- clip-path:inset(0);
46
- filter:blur(1.6rem);
47
- }
2425
+ 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{
2426
+ padding-right:var(--cldtr-gap-mid-1);
2427
+ letter-spacing:1.004px;
2428
+ text-transform:uppercase;
2429
+ font-size:.7em;
2430
+ }
48
2431
 
49
- @keyframes ck-image-processing-animation{
50
- 0%{
51
- background-position:200% 0;
52
- }
53
- 100%{
54
- background-position:-200% 0;
55
- }
56
- }: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:4;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-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#) .uc-preview[loaded]{opacity:1}uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#) .uc-preview{opacity:0}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: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;grid-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;opacity:0;content-visibility:auto}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content.uc-tab-content--visible{opacity:1;pointer-events:auto}uc-editor-toolbar:not(#\#):not(#\#):not(#\#)>.uc-toolbar-container>.uc-sub-toolbar>.uc-tab-content-row>.uc-tab-content.uc-tab-content--hidden{opacity:0;pointer-events:none}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-controls-list_last-item{margin-right:var(--cldtr-gap-max)}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:3;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-config:not(#\#){display:none}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}
2432
+ uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title{
2433
+ padding-left:var(--cldtr-gap-mid-1);
2434
+ padding-right:0;
2435
+ }
57
2436
 
58
- .ck-uploadcare-theme{
59
- --uc-font-size:13px;
60
- --uc-radius:2px;
61
- --uc-padding:calc(0.6em * 1.5);
2437
+ 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{
2438
+ pointer-events:none;
2439
+ }
2440
+
2441
+ uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button .uc-preview{
2442
+ z-index:-1;
2443
+ width:100%;
2444
+ height:var(--l-base-height);
2445
+ border-radius:var(--border-radius-editor);
2446
+ opacity:0;
2447
+ filter:brightness(var(--filter-effect));
2448
+ transition:var(--transition-duration-3);
2449
+ background-repeat:no-repeat;
2450
+ background-size:contain;
2451
+ position:absolute;
2452
+ left:0;
2453
+ right:0;
2454
+ }
2455
+
2456
+ uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > .uc-original-icon{
2457
+ color:var(--color-effect);
2458
+ opacity:.3;
2459
+ }
2460
+
2461
+ uc-editor-image-cropper:not(#\#):not(#\#):not(#\#){
2462
+ z-index:10;
2463
+ opacity:0;
2464
+ pointer-events:none;
2465
+ touch-action:none;
2466
+ width:100%;
2467
+ height:100%;
2468
+ color:var(--color-crop-guides);
2469
+ display:block;
2470
+ position:absolute;
2471
+ top:0;
2472
+ left:0;
2473
+ }
2474
+
2475
+ uc-editor-image-cropper.uc-active_from_editor:not(#\#):not(#\#):not(#\#), uc-editor-image-cropper.uc-active_from_viewer:not(#\#):not(#\#):not(#\#){
2476
+ opacity:1;
2477
+ transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);
2478
+ pointer-events:auto;
2479
+ transform:scale(1) translate(0);
2480
+ }
2481
+
2482
+ uc-editor-image-cropper.uc-inactive_to_editor:not(#\#):not(#\#):not(#\#){
2483
+ opacity:0;
2484
+ transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1),opacity var(--transition-duration-3) calc(var(--transition-duration-3) + 50ms);
2485
+ pointer-events:none;
2486
+ }
2487
+
2488
+ uc-editor-image-cropper:not(#\#):not(#\#):not(#\#) > .uc-canvas{
2489
+ z-index:1;
2490
+ width:100%;
2491
+ height:100%;
2492
+ display:block;
2493
+ position:absolute;
2494
+ top:0;
2495
+ left:0;
2496
+ }
2497
+
2498
+ uc-editor-image-fader:not(#\#):not(#\#):not(#\#){
2499
+ width:100%;
2500
+ height:100%;
2501
+ display:block;
2502
+ position:absolute;
2503
+ top:0;
2504
+ left:0;
2505
+ }
2506
+
2507
+ uc-editor-image-fader.uc-active_from_viewer:not(#\#):not(#\#):not(#\#){
2508
+ z-index:3;
2509
+ opacity:1;
2510
+ transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-start);
2511
+ pointer-events:auto;
2512
+ transform:scale(1);
2513
+ }
2514
+
2515
+ uc-editor-image-fader.uc-active_from_cropper:not(#\#):not(#\#):not(#\#){
2516
+ z-index:3;
2517
+ opacity:1;
2518
+ transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);
2519
+ pointer-events:auto;
2520
+ transform:scale(1);
2521
+ }
2522
+
2523
+ uc-editor-image-fader.uc-inactive_to_cropper:not(#\#):not(#\#):not(#\#){
2524
+ z-index:3;
2525
+ opacity:0;
2526
+ transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);
2527
+ pointer-events:none;
2528
+ transform:scale(1);
2529
+ }
2530
+
2531
+ uc-editor-image-fader:not(#\#):not(#\#):not(#\#) .uc-fader-image{
2532
+ object-fit:scale-down;
2533
+ user-select:none;
2534
+ content-visibility:auto;
2535
+ width:100%;
2536
+ height:100%;
2537
+ display:block;
2538
+ position:absolute;
2539
+ top:0;
2540
+ left:0;
2541
+ transform:scale(1);
2542
+ }
2543
+
2544
+ uc-editor-image-fader:not(#\#):not(#\#):not(#\#) .uc-fader-image--preview{
2545
+ background-color:var(--color-image-background);
2546
+ border-top-left-radius:var(--border-radius-base);
2547
+ border-top-right-radius:var(--border-radius-base);
2548
+ opacity:0;
2549
+ transition:var(--transition-duration-3);
2550
+ transform:scale(1);
2551
+ }
2552
+
2553
+ uc-editor-scroller:not(#\#):not(#\#):not(#\#){
2554
+ align-items:center;
2555
+ width:100%;
2556
+ height:100%;
2557
+ display:flex;
2558
+ overflow-x:scroll;
2559
+ }
2560
+
2561
+ uc-editor-slider:not(#\#):not(#\#):not(#\#){
2562
+ width:100%;
2563
+ height:var(--size-panel-heading);
2564
+ justify-content:center;
2565
+ align-items:center;
2566
+ display:flex;
2567
+ }
2568
+
2569
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#){
2570
+ width:100%;
2571
+ height:100%;
2572
+ position:relative;
2573
+ }
2574
+
2575
+ @media only screen and (width <= 600px){
2576
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#){
2577
+ --l-tab-gap:var(--cldtr-gap-mid-1);
2578
+ --l-slider-padding:var(--uc-padding);
2579
+ --l-controls-padding:var(--uc-padding);
2580
+ }
2581
+ }
2582
+
2583
+ @media only screen and (width >= 601px){
2584
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#){
2585
+ --l-tab-gap:var(--cldtr-gap-max);
2586
+ --l-slider-padding:var(--uc-padding);
2587
+ --l-controls-padding:var(--uc-padding);
2588
+ }
2589
+ }
2590
+
2591
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container{
2592
+ width:100%;
2593
+ height:100%;
2594
+ position:relative;
2595
+ overflow:hidden;
2596
+ }
2597
+
2598
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar{
2599
+ background-color:var(--color-fill-contrast);
2600
+ width:100%;
2601
+ height:100%;
2602
+ 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;
2603
+ grid-template-rows:1fr 1fr;
2604
+ display:grid;
2605
+ position:absolute;
2606
+ }
2607
+
2608
+ .uc-sub-toolbar:not(#\#):not(#\#):not(#\#) > .uc-list-aspect-ratio-container > .uc-list-aspect-ratio{
2609
+ height:var(--size-panel-heading);
2610
+ grid-auto-flow:column;
2611
+ justify-content:center;
2612
+ align-items:center;
2613
+ gap:6px;
2614
+ display:grid;
2615
+ }
2616
+
2617
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--visible{
2618
+ opacity:1;
2619
+ pointer-events:auto;
2620
+ transform:translateY(0);
2621
+ }
2622
+
2623
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--top-hidden{
2624
+ opacity:0;
2625
+ pointer-events:none;
2626
+ transform:translateY(100%);
2627
+ }
2628
+
2629
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--bottom-hidden{
2630
+ opacity:0;
2631
+ pointer-events:none;
2632
+ transform:translateY(-100%);
2633
+ }
2634
+
2635
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row{
2636
+ padding-right:var(--l-controls-padding);
2637
+ padding-left:var(--l-controls-padding);
2638
+ justify-content:space-between;
2639
+ align-items:center;
2640
+ display:flex;
2641
+ }
2642
+
2643
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles{
2644
+ grid-gap:0px var(--l-tab-gap);
2645
+ grid-auto-flow:column;
2646
+ align-items:center;
2647
+ height:100%;
2648
+ display:grid;
2649
+ position:relative;
2650
+ }
2651
+
2652
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggles_indicator{
2653
+ width:var(--size-touch-area);
2654
+ background-color:var(--uc-secondary-foreground);
2655
+ height:2px;
2656
+ transition:transform var(--transition-duration-3);
2657
+ position:absolute;
2658
+ bottom:0;
2659
+ left:0;
2660
+ transform:translate(0);
2661
+ }
2662
+
2663
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row{
2664
+ position:relative;
2665
+ }
2666
+
2667
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content{
2668
+ opacity:0;
2669
+ content-visibility:auto;
2670
+ width:100%;
2671
+ height:100%;
2672
+ display:flex;
2673
+ position:absolute;
2674
+ top:0;
2675
+ left:0;
2676
+ overflow:hidden;
2677
+ }
2678
+
2679
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content.uc-tab-content--visible{
2680
+ opacity:1;
2681
+ pointer-events:auto;
2682
+ }
2683
+
2684
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content.uc-tab-content--hidden{
2685
+ opacity:0;
2686
+ pointer-events:none;
2687
+ }
2688
+
2689
+ 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{
2690
+ display:contents;
2691
+ }
2692
+
2693
+ 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, uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles.uc-tab-toggles--hidden{
2694
+ display:none;
2695
+ }
2696
+
2697
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle > uc-btn-ui{
2698
+ width:var(--uc-button-size);
2699
+ }
2700
+
2701
+ 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{
2702
+ width:var(--size-icon);
2703
+ height:var(--size-icon);
2704
+ }
2705
+
2706
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content .uc-controls-list_align{
2707
+ box-sizing:border-box;
2708
+ min-width:100%;
2709
+ padding-left:var(--uc-padding);
2710
+ grid-template-columns:1fr auto 1fr;
2711
+ grid-template-areas:". inner .";
2712
+ display:grid;
2713
+ }
2714
+
2715
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content .uc-controls-list_inner{
2716
+ grid-area:inner;
2717
+ grid-auto-flow:column;
2718
+ gap:6px;
2719
+ display:grid;
2720
+ }
2721
+
2722
+ 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{
2723
+ padding-right:var(--uc-padding);
2724
+ }
2725
+
2726
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-controls-list_last-item{
2727
+ margin-right:var(--cldtr-gap-max);
2728
+ }
2729
+
2730
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_container{
2731
+ justify-content:center;
2732
+ align-items:flex-start;
2733
+ width:100%;
2734
+ height:100%;
2735
+ display:flex;
2736
+ position:absolute;
2737
+ }
2738
+
2739
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_wrapper{
2740
+ top:calc(-100% - var(--cldtr-gap-mid-2));
2741
+ pointer-events:none;
2742
+ flex-direction:column;
2743
+ justify-content:flex-end;
2744
+ height:100%;
2745
+ display:flex;
2746
+ position:absolute;
2747
+ }
2748
+
2749
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip{
2750
+ z-index:3;
2751
+ color:var(--color-text-base);
2752
+ letter-spacing:1px;
2753
+ text-transform:uppercase;
2754
+ background-color:var(--color-text-accent-contrast);
2755
+ border-radius:var(--border-radius-editor);
2756
+ opacity:0;
2757
+ transition:var(--transition-duration-3);
2758
+ padding:3px 6px;
2759
+ font-size:.7em;
2760
+ transform:translateY(100%);
2761
+ }
2762
+
2763
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_visible{
2764
+ opacity:1;
2765
+ transform:translateY(0);
2766
+ }
2767
+
2768
+ uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-slider{
2769
+ padding-right:var(--l-slider-padding);
2770
+ padding-left:var(--l-slider-padding);
2771
+ }
2772
+
2773
+ uc-btn-ui:not(#\#):not(#\#):not(#\#) > button{
2774
+ --filter-effect:var(--idle-brightness);
2775
+ --opacity-effect:var(--idle-opacity);
2776
+ --color-effect:var(--idle-color-rgb);
2777
+ --background-effect:var(--idle-background);
2778
+ --l-transition-effect:var(--css-transition, color var(--transition-duration-2), background-color var(--transition-duration-2), filter var(--transition-duration-2));
2779
+ all:unset;
2780
+ box-sizing:var(--css-box-sizing, border-box);
2781
+ height:var(--css-height, var(--uc-button-size));
2782
+ padding-right:var(--css-padding-right, 14px);
2783
+ padding-left:var(--css-padding-left, 14px);
2784
+ color:var(--color-effect);
2785
+ background-color:var(--background-effect);
2786
+ border-radius:var(--uc-radius);
2787
+ opacity:var(--opacity-effect);
2788
+ cursor:pointer;
2789
+ filter:brightness(var(--filter-effect));
2790
+ transition:var(--l-transition-effect);
2791
+ user-select:none;
2792
+ align-items:center;
2793
+ font-size:1em;
2794
+ display:inline-flex;
2795
+ }
2796
+
2797
+ uc-btn-ui:not(#\#):not(#\#):not(#\#) > button > uc-icon{
2798
+ pointer-events:none;
2799
+ }
2800
+
2801
+ uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-text{
2802
+ white-space:nowrap;
2803
+ }
2804
+
2805
+ uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon{
2806
+ color:var(--color-effect);
2807
+ filter:brightness(var(--filter-effect));
2808
+ transition:var(--l-transition-effect);
2809
+ justify-content:center;
2810
+ align-items:center;
2811
+ display:flex;
2812
+ }
2813
+
2814
+ uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_left{
2815
+ margin-right:var(--cldtr-gap-mid-1);
2816
+ margin-left:0;
2817
+ }
2818
+
2819
+ uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_right{
2820
+ margin-right:0;
2821
+ margin-left:var(--cldtr-gap-mid-1);
2822
+ }
2823
+
2824
+ uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_single{
2825
+ margin-left:0;
2826
+ margin-right:0;
2827
+ }
2828
+
2829
+ uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_hidden{
2830
+ margin:0;
2831
+ display:none;
2832
+ }
2833
+
2834
+ uc-btn-ui.uc-primary:not(#\#):not(#\#):not(#\#) > button{
2835
+ --idle-color-rgb:var(--uc-primary-foreground);
2836
+ --idle-brightness:1;
2837
+ --idle-opacity:1;
2838
+ --idle-background:var(--uc-primary);
2839
+ --hover-color-rgb:var(--uc-primary-foreground);
2840
+ --hover-brightness:1;
2841
+ --hover-opacity:1;
2842
+ --hover-background:var(--uc-primary-hover);
2843
+ --down-color-rgb:var(--uc-primary-foreground);
2844
+ --down-brightness:.75;
2845
+ --down-opacity:1;
2846
+ --down-background:var(--uc-primary);
2847
+ --active-color-rgb:var(--uc-primary-foreground);
2848
+ --active-brightness:1;
2849
+ --active-opacity:1;
2850
+ --active-background:var(--uc-primary);
2851
+ }
2852
+
2853
+ uc-btn-ui.uc-primary-icon:not(#\#):not(#\#):not(#\#) > button{
2854
+ --idle-color-rgb:var(--uc-primary);
2855
+ --idle-brightness:1;
2856
+ --idle-opacity:1;
2857
+ --idle-background:transparent;
2858
+ --hover-color-rgb:var(--uc-primary);
2859
+ --hover-brightness:1;
2860
+ --hover-opacity:1;
2861
+ --hover-background:var(--uc-primary-transparent);
2862
+ --down-color-rgb:var(--uc-primary);
2863
+ --down-brightness:.75;
2864
+ --down-opacity:1;
2865
+ --down-background:var(--uc-primary-transparent);
2866
+ --active-color-rgb:var(--uc-primary-foreground);
2867
+ --active-brightness:1;
2868
+ --active-opacity:1;
2869
+ --active-background:var(--uc-primary);
2870
+ width:var(--uc-button-size);
2871
+ padding:0;
2872
+ }
2873
+
2874
+ uc-btn-ui.uc-secondary:not(#\#):not(#\#):not(#\#) > button{
2875
+ --idle-color-rgb:var(--uc-secondary-foreground);
2876
+ --idle-brightness:1;
2877
+ --idle-opacity:1;
2878
+ --idle-background:var(--uc-secondary);
2879
+ --hover-color-rgb:var(--uc-secondary-foreground);
2880
+ --hover-brightness:1;
2881
+ --hover-opacity:1;
2882
+ --hover-background:var(--uc-secondary-hover);
2883
+ --down-color-rgb:var(--uc-secondary-foreground);
2884
+ --down-brightness:1;
2885
+ --down-opacity:1;
2886
+ --down-background:var(--uc-secondary-hover);
2887
+ --active-color-rgb:var(--uc-secondary-foreground);
2888
+ --active-brightness:1;
2889
+ --active-opacity:1;
2890
+ --active-background:transparent;
2891
+ }
2892
+
2893
+ :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-secondary > button{
2894
+ border:1px solid var(--uc-border);
2895
+ }
2896
+
2897
+ uc-btn-ui.uc-secondary-icon:not(#\#):not(#\#):not(#\#) > button, uc-btn-ui.uc-tab:not(#\#):not(#\#):not(#\#) > button{
2898
+ --idle-color-rgb:var(--uc-secondary-foreground);
2899
+ --idle-brightness:1;
2900
+ --idle-opacity:1;
2901
+ --idle-background:transparent;
2902
+ --hover-color-rgb:var(--uc-secondary-foreground);
2903
+ --hover-brightness:1;
2904
+ --hover-opacity:1;
2905
+ --hover-background:var(--uc-secondary);
2906
+ --down-color-rgb:var(--uc-secondary-foreground);
2907
+ --down-brightness:1;
2908
+ --down-opacity:1;
2909
+ --down-background:var(--uc-secondary);
2910
+ --active-color-rgb:var(--uc-secondary-foreground);
2911
+ --active-brightness:1;
2912
+ --active-opacity:1;
2913
+ --active-background:transparent;
2914
+ width:var(--uc-button-size);
2915
+ padding:0;
2916
+ }
62
2917
 
63
- --uc-primary-oklch-light:54.45% 0.182 263.76;
64
- --uc-foreground-light:hsl(0, 0%, 20%);
65
- --uc-secondary-foreground-light:hsl(0, 0%, 20%);
66
- --uc-muted-foreground-light:hsl(0, 0%, 20%);
67
- --uc-border-light:hsl(220, 6%, 81%);
2918
+ uc-btn-ui.uc-default:not(#\#):not(#\#):not(#\#) > button{
2919
+ --idle-color-rgb:var(--uc-secondary-foreground);
2920
+ --idle-brightness:1;
2921
+ --idle-opacity:1;
2922
+ --idle-background:var(--uc-secondary);
2923
+ --hover-color-rgb:var(--uc-secondary-foreground);
2924
+ --hover-brightness:1;
2925
+ --hover-opacity:1;
2926
+ --hover-background:var(--uc-secondary-hover);
2927
+ --down-color-rgb:var(--uc-secondary-foreground);
2928
+ --down-brightness:.75;
2929
+ --down-opacity:1;
2930
+ --down-background:var(--uc-secondary);
2931
+ --active-color-rgb:var(--uc-primary);
2932
+ --active-brightness:1;
2933
+ --active-opacity:1;
2934
+ --active-background:var(--uc-primary-transparent);
2935
+ }
2936
+
2937
+ :where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-default > button{
2938
+ --idle-background:transparent;
2939
+ --hover-background:var(--uc-secondary);
2940
+ --active-background:var(--uc-foreground);
2941
+ --active-color-rgb:var(--uc-background);
2942
+ }
2943
+
2944
+ uc-line-loader-ui:not(#\#):not(#\#):not(#\#){
2945
+ z-index:9999;
2946
+ opacity:.5;
2947
+ width:100%;
2948
+ height:2px;
2949
+ position:absolute;
2950
+ top:0;
2951
+ left:0;
2952
+ }
2953
+
2954
+ uc-line-loader-ui:not(#\#):not(#\#):not(#\#) .uc-inner{
2955
+ width:25%;
2956
+ max-width:200px;
2957
+ height:100%;
2958
+ }
2959
+
2960
+ uc-line-loader-ui:not(#\#):not(#\#):not(#\#) .uc-line{
2961
+ background-color:var(--uc-primary);
2962
+ width:100%;
2963
+ height:100%;
2964
+ transition:transform 1s;
2965
+ transform:translate(-101%);
2966
+ }
2967
+
2968
+ uc-slider-ui:not(#\#):not(#\#):not(#\#){
2969
+ --l-thumb-size:24px;
2970
+ --l-zero-dot-size:5px;
2971
+ --l-zero-dot-offset:2px;
2972
+ --idle-color-rgb:var(--uc-foreground);
2973
+ --hover-color-rgb:var(--uc-primary);
2974
+ --down-color-rgb:var(--uc-primary);
2975
+ --color-effect:var(--idle-color-rgb);
2976
+ --l-color:var(--color-effect);
2977
+ width:100%;
2978
+ height:calc(var(--l-thumb-size) + (var(--l-zero-dot-size) + var(--l-zero-dot-offset)) * 2);
2979
+ justify-content:center;
2980
+ align-items:center;
2981
+ display:flex;
2982
+ position:relative;
2983
+ }
2984
+
2985
+ uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-thumb{
2986
+ width:var(--l-thumb-size);
2987
+ height:var(--l-thumb-size);
2988
+ background-color:var(--l-color);
2989
+ opacity:1;
2990
+ transition:opacity var(--transition-duration-2),background-color var(--transition-duration-2);
2991
+ border-radius:50%;
2992
+ position:absolute;
2993
+ left:0;
2994
+ transform:translate(0);
2995
+ }
2996
+
2997
+ uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-steps{
2998
+ box-sizing:border-box;
2999
+ width:100%;
3000
+ height:100%;
3001
+ padding-right:calc(var(--l-thumb-size) / 2);
3002
+ padding-left:calc(var(--l-thumb-size) / 2);
3003
+ justify-content:space-between;
3004
+ align-items:center;
3005
+ display:flex;
3006
+ position:absolute;
3007
+ }
3008
+
3009
+ uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-border-step{
3010
+ border-right:1px solid var(--uc-foreground);
3011
+ opacity:1;
3012
+ width:0;
3013
+ height:10px;
3014
+ transition:border-color var(--transition-duration-2);
3015
+ }
3016
+
3017
+ uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-minor-step{
3018
+ border-right:1px solid var(--uc-foreground);
3019
+ opacity:.6;
3020
+ width:0;
3021
+ height:4px;
3022
+ transition:border-color var(--transition-duration-2);
3023
+ }
3024
+
3025
+ uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-zero-dot{
3026
+ top:calc(100% - var(--l-zero-dot-offset) * 2);
3027
+ left:calc(var(--l-thumb-size) / 2 - var(--l-zero-dot-size) / 2);
3028
+ width:var(--l-zero-dot-size);
3029
+ height:var(--l-zero-dot-size);
3030
+ background-color:var(--color-primary-accent);
3031
+ opacity:0;
3032
+ transition:var(--transition-duration-3);
3033
+ border-radius:50%;
3034
+ position:absolute;
3035
+ }
3036
+
3037
+ uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-input{
3038
+ cursor:pointer;
3039
+ opacity:0;
3040
+ width:calc(100% - 10px);
3041
+ height:100%;
3042
+ margin:0;
3043
+ position:absolute;
3044
+ }
3045
+
3046
+ uc-presence-toggle.uc-transition:not(#\#):not(#\#):not(#\#){
3047
+ transition:opacity var(--transition-duration-3),visibility var(--transition-duration-3);
3048
+ }
3049
+
3050
+ uc-presence-toggle.uc-visible:not(#\#):not(#\#):not(#\#){
3051
+ opacity:1;
3052
+ pointer-events:inherit;
3053
+ }
3054
+
3055
+ uc-presence-toggle.uc-hidden:not(#\#):not(#\#):not(#\#){
3056
+ opacity:0;
3057
+ pointer-events:none;
3058
+ }
3059
+
3060
+ uc-presence-toggle.uc-initial:not(#\#):not(#\#):not(#\#){
3061
+ transition:none !important;
3062
+ display:none !important;
3063
+ }
3064
+
3065
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [role="button"]:focus-visible, [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) button:focus-visible{
3066
+ outline:1px auto highlight;
3067
+ outline:1px auto -webkit-focus-ring-color;
3068
+ }
3069
+
3070
+ [uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) .uc-cloud-mask{
3071
+ pointer-events:none;
3072
+ }
3073
+
3074
+ [uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) button{
3075
+ display:flex;
3076
+ }
3077
+
3078
+ [uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) uc-icon{
3079
+ display:none;
3080
+ }
3081
+
3082
+ [uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) .uc-title{
3083
+ padding-left:var(--cldtr-gap-mid-1);
3084
+ }
3085
+
3086
+ :where(uc-editor-freeform-button-control, uc-editor-aspect-ratio-button-control:last-of-type):not(#\#):not(#\#):not(#\#){
3087
+ margin-right:calc(3 * var(--cldtr-gap-mid-1));
3088
+ }
3089
+
3090
+ :where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#) uc-icon{
3091
+ justify-content:center;
3092
+ width:100%;
3093
+ height:100%;
3094
+ display:flex;
3095
+ }
3096
+
3097
+ :where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#) uc-icon svg{
3098
+ width:calc(var(--uc-button-size) / 2);
3099
+ height:calc(var(--uc-button-size) / 2);
3100
+ }
3101
+
3102
+ uc-config:not(#\#){
3103
+ display:none;
3104
+ }
3105
+
3106
+ uc-icon:not(#\#){
3107
+ width:var(--uc-button-size);
3108
+ height:var(--uc-button-size);
3109
+ justify-content:center;
3110
+ align-items:center;
3111
+ display:inline-flex;
3112
+ }
3113
+
3114
+ uc-icon:not(#\#) svg{
3115
+ width:calc(var(--uc-button-size) / 2);
3116
+ height:calc(var(--uc-button-size) / 2);
3117
+ overflow:visible;
3118
+ }
3119
+
3120
+ .ck-uploadcare-theme{
3121
+ --uc-font-size:13px;
3122
+ --uc-radius:2px;
3123
+ --uc-padding:calc(.6em * 1.5);
3124
+ --uc-primary-oklch-light:54.45% .182 263.76;
3125
+ --uc-foreground-light:#333;
3126
+ --uc-secondary-foreground-light:#333;
3127
+ --uc-muted-foreground-light:#333;
3128
+ --uc-border-light:#ccced1;
68
3129
  }
69
3130
 
70
3131
  :root{
71
- --ck-uploadcare-form-view-width:700px;
72
- --ck-uploadcare-external-source-view-height:350px;
73
- --ck-uploadcare-color-image-background:oklch(0.97 0 0);
74
- --ck-uploadcare-color-icon-error:hsl(15, 100%, 43%);
75
- --ck-uploadcare-color-skeleton:hsl(0, 0%, 98%);
76
- }
77
- .ck .ck-uploadcare-form,
78
- .ck .ck-uploadcare-form:not(#\#){
79
- max-width:100%;
80
- width:var(--ck-uploadcare-form-view-width);
81
- }
82
- .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner{
83
- width:100%;
84
- height:var(--ck-uploadcare-external-source-view-height);
85
- background-color:var(--ck-uploadcare-color-image-background);
86
-
87
- display:flex;
88
- align-items:center;
89
- justify-content:center;
90
- flex-direction:column;
91
- }
92
- .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container{
93
- margin-bottom:10px;
94
- }
95
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents{
96
- width:100%;
97
- height:var(--ck-uploadcare-external-source-view-height);
98
- background-color:var(--ck-uploadcare-color-image-background);
99
-
100
- display:flex;
101
- align-items:center;
102
- justify-content:center;
103
- flex-direction:column;
104
- gap:5px;
105
- }
106
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3{
107
- font-weight:700;
108
- padding:0;
109
- margin:0;
110
- }
111
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon{
112
- color:var(--ck-uploadcare-color-icon-error);
113
- }
114
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button{
115
- margin-top:10px;
116
- }
117
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton{
118
- width:100%;
119
- height:115px;
120
- }
121
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div{
122
- height:50%;
123
- display:flex;
124
- box-sizing:border-box;
125
- min-width:100%;
126
- flex-direction:row;
127
- justify-content:center;
128
- align-items:center;
129
- }
130
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div span, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div span{
131
- display:block;
132
- width:32px;
133
- height:32px;
134
- background-color:var(--ck-uploadcare-color-skeleton);
135
- }
136
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div + div{
137
- gap:20px;
138
- }
139
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:first-child, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div + div span:first-child{
140
- position:absolute;
141
- left:8px;
142
- width:80px;
143
- }
144
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:last-child, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div + div span:last-child{
145
- position:absolute;
146
- right:8px;
147
- width:80px;
148
- }
149
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div:first-child, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div:first-child{
150
- gap:4px;
151
- }
152
- .ck .ck-uploadcare-form .mini-btn, .ck .ck-uploadcare-form:not(#\#) .mini-btn{
153
- display:none;
154
- }
155
- .ck .ck-uploadcare-form .uc-viewport, .ck .ck-uploadcare-form:not(#\#) .uc-viewport{
156
- height:var(--ck-uploadcare-external-source-view-height);
157
- }
158
- .ck .ck-uploadcare-form uc-btn-ui button, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui button, .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn, .ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn{
159
- padding:var(--ck-spacing-tiny) var(--ck-spacing-standard);
160
- min-width:var(--ck-ui-component-min-height);
161
- min-height:var(--ck-ui-component-min-height);
162
- }
163
- .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button{
164
- background:var(--ck-color-button-action-background);
165
- }
166
- .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button:not(.ck-disabled):hover{
167
- background:var(--ck-color-button-action-hover-background);
168
- }
169
- .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button:not(.ck-disabled):active{
170
- background:var(--ck-color-button-action-active-background);
171
- }
172
- .ck .ck-uploadcare-form .uc-primary-btn.ck-disabled, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button.ck-disabled, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button.ck-disabled{
173
- background:var(--ck-color-button-action-disabled-background);
174
- }
175
- .ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button{
176
- background:var(--ck-color-button-default-background);
177
- }
178
- .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button:not(.ck-disabled):hover{
179
- background:var(--ck-color-button-default-hover-background);
180
- }
181
- .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button:not(.ck-disabled):active{
182
- background:var(--ck-color-button-default-active-background);
183
- }
184
- .ck .ck-uploadcare-form .uc-secondary-btn.ck-disabled, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button.ck-disabled, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button.ck-disabled{
185
- background:var(--ck-color-button-default-disabled-background);
186
- }
187
- .ck .ck-uploadcare-form uc-upload-list .uc-toolbar, .ck .ck-uploadcare-form:not(#\#) uc-upload-list .uc-toolbar{
188
- gap:var(--ck-spacing-large);
189
-
190
- }
191
- .ck .ck-uploadcare-form uc-upload-list .uc-files, .ck .ck-uploadcare-form:not(#\#) uc-upload-list .uc-files{
192
- padding-top:var(--ck-spacing-large);
193
- max-height:var(--ck-uploadcare-external-source-view-height);
194
- overflow-y:auto;
195
- }
196
- .ck .ck-uploadcare-form .uc-content, .ck .ck-uploadcare-form:not(#\#) .uc-content{
197
- padding:var(--ck-spacing-large);
198
- gap:var(--ck-spacing-large);
199
- }
200
- .ck .ck-uploadcare-form .uc-content > .uc-iframe-wrapper, .ck .ck-uploadcare-form:not(#\#) .uc-content > .uc-iframe-wrapper{
201
- height:var(--ck-uploadcare-external-source-view-height);
202
- }
203
- .ck .ck-uploadcare-form .uc-content > .uc-toolbar, .ck .ck-uploadcare-form:not(#\#) .uc-content > .uc-toolbar{
204
- padding:var(--ck-spacing-large) 0 0;
205
- }
206
- .ck .ck-uploadcare-form uc-start-from .uc-content, .ck .ck-uploadcare-form:not(#\#) uc-start-from .uc-content{
207
- gap:0;
208
- }
209
- .ck .ck-uploadcare-form uc-file-item > .uc-inner, .ck .ck-uploadcare-form:not(#\#) uc-file-item > .uc-inner{
210
- font-size:1em;
211
- }
212
- .ck .ck-uploadcare-form uc-file-item > .uc-inner:where([finished]) .uc-badge, .ck .ck-uploadcare-form:not(#\#) uc-file-item > .uc-inner:where([finished]) .uc-badge{
213
- background:var(--ck-color-button-action-active-background);
214
- }
215
- .ck .ck-uploadcare-form uc-external-source .uc-cancel-btn, .ck .ck-uploadcare-form:not(#\#) uc-external-source .uc-cancel-btn{
216
- visibility:hidden;
217
- pointer-events:none;
218
- }
219
- .ck .ck-uploadcare-form uc-activity-header, .ck .ck-uploadcare-form:not(#\#) uc-activity-header{
220
- display:none;
221
- }
222
- .ck .ck-uploadcare-form uc-source-list, .ck .ck-uploadcare-form:not(#\#) uc-source-list{
223
- display:none;
224
- }
225
- .ck .ck-uploadcare-form uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left, .ck .ck-uploadcare-form:not(#\#) uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left{
226
- transform:rotate(90deg);
227
- }
3132
+ --ck-uploadcare-form-view-width:700px;
3133
+ --ck-uploadcare-external-source-view-height:350px;
3134
+ --ck-uploadcare-color-image-background:oklch(97% 0 0);
3135
+ --ck-uploadcare-color-icon-error:#db3700;
3136
+ --ck-uploadcare-color-skeleton:#fafafa;
3137
+ }
3138
+
3139
+ .ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#){
3140
+ max-width:100%;
3141
+ width:var(--ck-uploadcare-form-view-width);
3142
+ }
3143
+
3144
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner{
3145
+ width:100%;
3146
+ height:var(--ck-uploadcare-external-source-view-height);
3147
+ background-color:var(--ck-uploadcare-color-image-background);
3148
+ flex-direction:column;
3149
+ justify-content:center;
3150
+ align-items:center;
3151
+ display:flex;
3152
+ }
3153
+
3154
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container{
3155
+ margin-bottom:10px;
3156
+ }
3157
+
3158
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents{
3159
+ width:100%;
3160
+ height:var(--ck-uploadcare-external-source-view-height);
3161
+ background-color:var(--ck-uploadcare-color-image-background);
3162
+ flex-direction:column;
3163
+ justify-content:center;
3164
+ align-items:center;
3165
+ gap:5px;
3166
+ display:flex;
3167
+ }
3168
+
3169
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3{
3170
+ margin:0;
3171
+ padding:0;
3172
+ font-weight:700;
3173
+ }
3174
+
3175
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon{
3176
+ color:var(--ck-uploadcare-color-icon-error);
3177
+ }
3178
+
3179
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button{
3180
+ margin-top:10px;
3181
+ }
3182
+
3183
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__skeleton{
3184
+ width:100%;
3185
+ height:115px;
3186
+ }
3187
+
3188
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__skeleton div{
3189
+ box-sizing:border-box;
3190
+ flex-direction:row;
3191
+ justify-content:center;
3192
+ align-items:center;
3193
+ min-width:100%;
3194
+ height:50%;
3195
+ display:flex;
3196
+ }
3197
+
3198
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__skeleton div span{
3199
+ background-color:var(--ck-uploadcare-color-skeleton);
3200
+ width:32px;
3201
+ height:32px;
3202
+ display:block;
3203
+ }
3204
+
3205
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__skeleton div + div{
3206
+ gap:20px;
3207
+ }
3208
+
3209
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__skeleton div + div span:first-child{
3210
+ width:80px;
3211
+ position:absolute;
3212
+ left:8px;
3213
+ }
3214
+
3215
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__skeleton div + div span:last-child{
3216
+ width:80px;
3217
+ position:absolute;
3218
+ right:8px;
3219
+ }
3220
+
3221
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .ck-uploadcare-form__skeleton div:first-child{
3222
+ gap:4px;
3223
+ }
3224
+
3225
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .mini-btn{
3226
+ display:none;
3227
+ }
3228
+
3229
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-viewport{
3230
+ height:var(--ck-uploadcare-external-source-view-height);
3231
+ }
3232
+
3233
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-btn-ui button, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-primary-btn, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-secondary-btn{
3234
+ padding:var(--ck-spacing-tiny) var(--ck-spacing-standard);
3235
+ min-width:var(--ck-ui-component-min-height);
3236
+ min-height:var(--ck-ui-component-min-height);
3237
+ }
3238
+
3239
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-primary-btn, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-btn-ui.uc-primary button{
3240
+ background:var(--ck-color-button-action-background);
3241
+ }
3242
+
3243
+ :is(:is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-primary-btn, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-btn-ui.uc-primary button):not(.ck-disabled):hover{
3244
+ background:var(--ck-color-button-action-hover-background);
3245
+ }
3246
+
3247
+ :is(:is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-primary-btn, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-btn-ui.uc-primary button):not(.ck-disabled):active{
3248
+ background:var(--ck-color-button-action-active-background);
3249
+ }
3250
+
3251
+ :is(:is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-primary-btn, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-btn-ui.uc-primary button).ck-disabled{
3252
+ background:var(--ck-color-button-action-disabled-background);
3253
+ }
3254
+
3255
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-secondary-btn, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-btn-ui.uc-secondary button{
3256
+ background:var(--ck-color-button-default-background);
3257
+ }
3258
+
3259
+ :is(:is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-secondary-btn, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-btn-ui.uc-secondary button):not(.ck-disabled):hover{
3260
+ background:var(--ck-color-button-default-hover-background);
3261
+ }
3262
+
3263
+ :is(:is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-secondary-btn, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-btn-ui.uc-secondary button):not(.ck-disabled):active{
3264
+ background:var(--ck-color-button-default-active-background);
3265
+ }
3266
+
3267
+ :is(:is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-secondary-btn, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-btn-ui.uc-secondary button).ck-disabled{
3268
+ background:var(--ck-color-button-default-disabled-background);
3269
+ }
3270
+
3271
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-upload-list .uc-toolbar{
3272
+ gap:var(--ck-spacing-large);
3273
+ }
3274
+
3275
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-upload-list .uc-files{
3276
+ padding-top:var(--ck-spacing-large);
3277
+ max-height:var(--ck-uploadcare-external-source-view-height);
3278
+ overflow-y:auto;
3279
+ }
3280
+
3281
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-content{
3282
+ padding:var(--ck-spacing-large);
3283
+ gap:var(--ck-spacing-large);
3284
+ }
3285
+
3286
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-content > .uc-iframe-wrapper{
3287
+ height:var(--ck-uploadcare-external-source-view-height);
3288
+ }
3289
+
3290
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) .uc-content > .uc-toolbar{
3291
+ padding:var(--ck-spacing-large) 0 0;
3292
+ }
3293
+
3294
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-start-from .uc-content{
3295
+ gap:0;
3296
+ }
3297
+
3298
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-file-item > .uc-inner{
3299
+ font-size:1em;
3300
+ }
3301
+
3302
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-file-item > .uc-inner:where([finished]) .uc-badge{
3303
+ background:var(--ck-color-button-action-active-background);
3304
+ }
3305
+
3306
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-external-source .uc-cancel-btn{
3307
+ visibility:hidden;
3308
+ pointer-events:none;
3309
+ }
3310
+
3311
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-activity-header, :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-source-list{
3312
+ display:none;
3313
+ }
3314
+
3315
+ :is(.ck .ck-uploadcare-form, .ck .ck-uploadcare-form:not(#\#)) uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left{
3316
+ transform:rotate(90deg);
3317
+ }