@sync-in/server 1.9.6 → 1.10.0

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 (344) hide show
  1. package/CHANGELOG.md +29 -4
  2. package/environment/environment.dist.yaml +15 -5
  3. package/package.json +13 -14
  4. package/server/app.bootstrap.js +1 -1
  5. package/server/app.bootstrap.js.map +1 -1
  6. package/server/app.constants.js +3 -2
  7. package/server/app.constants.js.map +1 -1
  8. package/server/applications/files/constants/cache.js +2 -5
  9. package/server/applications/files/constants/cache.js.map +1 -1
  10. package/server/applications/files/constants/files.js +4 -0
  11. package/server/applications/files/constants/files.js.map +1 -1
  12. package/server/applications/files/constants/operations.js +4 -0
  13. package/server/applications/files/constants/operations.js.map +1 -1
  14. package/server/applications/files/constants/routes.js +1 -26
  15. package/server/applications/files/constants/routes.js.map +1 -1
  16. package/server/applications/files/files.config.js +15 -39
  17. package/server/applications/files/files.config.js.map +1 -1
  18. package/server/applications/files/files.controller.js +4 -4
  19. package/server/applications/files/files.controller.js.map +1 -1
  20. package/server/applications/files/files.module.js +12 -9
  21. package/server/applications/files/files.module.js.map +1 -1
  22. package/server/applications/files/interfaces/file-lock.interface.js.map +1 -1
  23. package/server/applications/files/interfaces/file-props.interface.js.map +1 -1
  24. package/server/applications/files/modules/collabora-online/collabora-online-environment.decorator.js +32 -0
  25. package/server/applications/files/modules/collabora-online/collabora-online-environment.decorator.js.map +1 -0
  26. package/server/applications/files/modules/collabora-online/collabora-online-manager.service.js +280 -0
  27. package/server/applications/files/modules/collabora-online/collabora-online-manager.service.js.map +1 -0
  28. package/server/applications/files/modules/collabora-online/collabora-online-manager.service.spec.js +552 -0
  29. package/server/applications/files/modules/collabora-online/collabora-online-manager.service.spec.js.map +1 -0
  30. package/server/applications/files/modules/collabora-online/collabora-online.config.js +40 -0
  31. package/server/applications/files/modules/collabora-online/collabora-online.config.js.map +1 -0
  32. package/server/applications/files/modules/collabora-online/collabora-online.constants.js +110 -0
  33. package/server/applications/files/modules/collabora-online/collabora-online.constants.js.map +1 -0
  34. package/server/applications/files/modules/collabora-online/collabora-online.controller.js +128 -0
  35. package/server/applications/files/modules/collabora-online/collabora-online.controller.js.map +1 -0
  36. package/server/applications/files/modules/collabora-online/collabora-online.controller.spec.js +47 -0
  37. package/server/applications/files/modules/collabora-online/collabora-online.controller.spec.js.map +1 -0
  38. package/server/applications/files/{interfaces/only-office-config.interface.js → modules/collabora-online/collabora-online.dtos.js} +1 -1
  39. package/server/applications/files/modules/collabora-online/collabora-online.dtos.js.map +1 -0
  40. package/server/applications/files/{guards/files-only-office.guard.js → modules/collabora-online/collabora-online.guard.js} +7 -21
  41. package/server/applications/files/modules/collabora-online/collabora-online.guard.js.map +1 -0
  42. package/server/applications/files/modules/collabora-online/collabora-online.guard.spec.js +86 -0
  43. package/server/applications/files/modules/collabora-online/collabora-online.guard.spec.js.map +1 -0
  44. package/server/applications/files/modules/collabora-online/collabora-online.interface.js +10 -0
  45. package/server/applications/files/modules/collabora-online/collabora-online.interface.js.map +1 -0
  46. package/server/applications/files/modules/collabora-online/collabora-online.module.js +41 -0
  47. package/server/applications/files/modules/collabora-online/collabora-online.module.js.map +1 -0
  48. package/server/applications/files/modules/collabora-online/collabora-online.routes.js +35 -0
  49. package/server/applications/files/modules/collabora-online/collabora-online.routes.js.map +1 -0
  50. package/server/applications/files/modules/collabora-online/collabora-online.strategy.js +59 -0
  51. package/server/applications/files/modules/collabora-online/collabora-online.strategy.js.map +1 -0
  52. package/server/applications/files/modules/collabora-online/collabora-online.utils.js +28 -0
  53. package/server/applications/files/modules/collabora-online/collabora-online.utils.js.map +1 -0
  54. package/server/applications/files/{decorators → modules/only-office}/only-office-environment.decorator.js +5 -5
  55. package/server/applications/files/modules/only-office/only-office-environment.decorator.js.map +1 -0
  56. package/server/applications/files/{services/files-only-office-manager.service.js → modules/only-office/only-office-manager.service.js} +101 -97
  57. package/server/applications/files/modules/only-office/only-office-manager.service.js.map +1 -0
  58. package/server/applications/files/modules/only-office/only-office-manager.service.spec.js +477 -0
  59. package/server/applications/files/modules/only-office/only-office-manager.service.spec.js.map +1 -0
  60. package/server/applications/files/modules/only-office/only-office.config.js +51 -0
  61. package/server/applications/files/modules/only-office/only-office.config.js.map +1 -0
  62. package/server/applications/files/modules/only-office/only-office.constants.js +417 -0
  63. package/server/applications/files/modules/only-office/only-office.constants.js.map +1 -0
  64. package/server/applications/files/{files-only-office.controller.js → modules/only-office/only-office.controller.js} +35 -52
  65. package/server/applications/files/modules/only-office/only-office.controller.js.map +1 -0
  66. package/server/applications/files/{files-only-office.controller.spec.js → modules/only-office/only-office.controller.spec.js} +24 -21
  67. package/server/applications/files/modules/only-office/only-office.controller.spec.js.map +1 -0
  68. package/server/applications/files/modules/only-office/only-office.dtos.js +10 -0
  69. package/server/applications/files/modules/only-office/only-office.dtos.js.map +1 -0
  70. package/server/applications/files/modules/only-office/only-office.guard.js +40 -0
  71. package/server/applications/files/modules/only-office/only-office.guard.js.map +1 -0
  72. package/server/applications/files/{guards/files-only-office.guard.spec.js → modules/only-office/only-office.guard.spec.js} +15 -21
  73. package/server/applications/files/modules/only-office/only-office.guard.spec.js.map +1 -0
  74. package/server/applications/files/modules/only-office/only-office.interface.js +10 -0
  75. package/server/applications/files/modules/only-office/only-office.interface.js.map +1 -0
  76. package/server/applications/files/modules/only-office/only-office.module.js +41 -0
  77. package/server/applications/files/modules/only-office/only-office.module.js.map +1 -0
  78. package/server/applications/files/modules/only-office/only-office.routes.js +45 -0
  79. package/server/applications/files/modules/only-office/only-office.routes.js.map +1 -0
  80. package/server/applications/files/{guards/files-only-office.strategy.js → modules/only-office/only-office.strategy.js} +11 -11
  81. package/server/applications/files/modules/only-office/only-office.strategy.js.map +1 -0
  82. package/server/applications/files/services/files-lock-manager.service.js +25 -33
  83. package/server/applications/files/services/files-lock-manager.service.js.map +1 -1
  84. package/server/applications/files/services/files-manager.service.js +17 -16
  85. package/server/applications/files/services/files-manager.service.js.map +1 -1
  86. package/server/applications/files/services/files-methods.service.js +2 -2
  87. package/server/applications/files/services/files-methods.service.js.map +1 -1
  88. package/server/applications/files/services/files-methods.service.spec.js +3 -1
  89. package/server/applications/files/services/files-methods.service.spec.js.map +1 -1
  90. package/server/applications/files/services/files-scheduler.service.js +2 -2
  91. package/server/applications/files/services/files-scheduler.service.js.map +1 -1
  92. package/server/applications/files/utils/files.js +10 -2
  93. package/server/applications/files/utils/files.js.map +1 -1
  94. package/server/applications/links/constants/routes.js +5 -0
  95. package/server/applications/links/constants/routes.js.map +1 -1
  96. package/server/applications/links/interfaces/link-space.interface.js.map +1 -1
  97. package/server/applications/links/links.controller.js +25 -5
  98. package/server/applications/links/links.controller.js.map +1 -1
  99. package/server/applications/links/services/links-manager.service.js +43 -21
  100. package/server/applications/links/services/links-manager.service.js.map +1 -1
  101. package/server/applications/links/services/links-manager.service.spec.js +4 -3
  102. package/server/applications/links/services/links-manager.service.spec.js.map +1 -1
  103. package/server/applications/links/services/links-queries.service.js +9 -2
  104. package/server/applications/links/services/links-queries.service.js.map +1 -1
  105. package/server/applications/shares/interfaces/share-link.interface.js.map +1 -1
  106. package/server/applications/shares/services/shares-manager.service.js +3 -0
  107. package/server/applications/shares/services/shares-manager.service.js.map +1 -1
  108. package/server/applications/shares/services/shares-manager.service.spec.js +2 -1
  109. package/server/applications/shares/services/shares-manager.service.spec.js.map +1 -1
  110. package/server/applications/shares/services/shares-queries.service.js +1 -0
  111. package/server/applications/shares/services/shares-queries.service.js.map +1 -1
  112. package/server/applications/spaces/constants/spaces.js +2 -2
  113. package/server/applications/spaces/constants/spaces.js.map +1 -1
  114. package/server/applications/spaces/decorators/space-override-permission.decorator.js +18 -0
  115. package/server/applications/spaces/decorators/space-override-permission.decorator.js.map +1 -0
  116. package/server/applications/spaces/guards/space.guard.js +40 -33
  117. package/server/applications/spaces/guards/space.guard.js.map +1 -1
  118. package/server/applications/spaces/guards/space.guard.spec.js +10 -15
  119. package/server/applications/spaces/guards/space.guard.spec.js.map +1 -1
  120. package/server/applications/webdav/constants/webdav.js +4 -0
  121. package/server/applications/webdav/constants/webdav.js.map +1 -1
  122. package/server/applications/webdav/guards/webdav-protocol.guard.js +9 -8
  123. package/server/applications/webdav/guards/webdav-protocol.guard.js.map +1 -1
  124. package/server/applications/webdav/guards/webdav-protocol.guard.spec.js +1 -1
  125. package/server/applications/webdav/guards/webdav-protocol.guard.spec.js.map +1 -1
  126. package/server/applications/webdav/interfaces/webdav.interface.js.map +1 -1
  127. package/server/applications/webdav/services/webdav-methods.service.js +40 -17
  128. package/server/applications/webdav/services/webdav-methods.service.js.map +1 -1
  129. package/server/applications/webdav/services/webdav-methods.service.spec.js +2157 -1289
  130. package/server/applications/webdav/services/webdav-methods.service.spec.js.map +1 -1
  131. package/server/applications/webdav/utils/webdav.js +8 -4
  132. package/server/applications/webdav/utils/webdav.js.map +1 -1
  133. package/server/applications/webdav/webdav.controller.js +4 -4
  134. package/server/applications/webdav/webdav.controller.js.map +1 -1
  135. package/server/authentication/guards/auth-token-access.guard.js +8 -3
  136. package/server/authentication/guards/auth-token-access.guard.js.map +1 -1
  137. package/server/authentication/services/auth-methods/auth-method-two-fa.service.js +1 -1
  138. package/server/authentication/services/auth-methods/auth-method-two-fa.service.js.map +1 -1
  139. package/server/authentication/services/auth-methods/auth-method-two-fa.service.spec.js +350 -4
  140. package/server/authentication/services/auth-methods/auth-method-two-fa.service.spec.js.map +1 -1
  141. package/server/configuration/config.environment.js +5 -1
  142. package/server/configuration/config.environment.js.map +1 -1
  143. package/server/configuration/config.interfaces.js.map +1 -1
  144. package/static/3rdpartylicenses.txt +507 -507
  145. package/static/assets/pdfjs/build/pdf.mjs +93 -33
  146. package/static/assets/pdfjs/build/pdf.mjs.map +1 -1
  147. package/static/assets/pdfjs/build/pdf.sandbox.mjs +3 -3
  148. package/static/assets/pdfjs/build/pdf.sandbox.mjs.map +1 -1
  149. package/static/assets/pdfjs/build/pdf.worker.mjs +166 -54
  150. package/static/assets/pdfjs/build/pdf.worker.mjs.map +1 -1
  151. package/static/assets/pdfjs/version +1 -1
  152. package/static/assets/pdfjs/web/images/checkmark.svg +5 -0
  153. package/static/assets/pdfjs/web/images/pages_closeButton.svg +3 -0
  154. package/static/assets/pdfjs/web/images/pages_selected.svg +7 -0
  155. package/static/assets/pdfjs/web/images/pages_viewArrow.svg +3 -0
  156. package/static/assets/pdfjs/web/images/pages_viewButton.svg +3 -0
  157. package/static/assets/pdfjs/web/locale/be/viewer.ftl +0 -2
  158. package/static/assets/pdfjs/web/locale/bs/viewer.ftl +0 -5
  159. package/static/assets/pdfjs/web/locale/cs/viewer.ftl +4 -6
  160. package/static/assets/pdfjs/web/locale/cy/viewer.ftl +0 -2
  161. package/static/assets/pdfjs/web/locale/da/viewer.ftl +0 -2
  162. package/static/assets/pdfjs/web/locale/de/viewer.ftl +0 -2
  163. package/static/assets/pdfjs/web/locale/dsb/viewer.ftl +0 -2
  164. package/static/assets/pdfjs/web/locale/el/viewer.ftl +0 -2
  165. package/static/assets/pdfjs/web/locale/en-CA/viewer.ftl +6 -2
  166. package/static/assets/pdfjs/web/locale/en-GB/viewer.ftl +0 -2
  167. package/static/assets/pdfjs/web/locale/en-US/viewer.ftl +82 -17
  168. package/static/assets/pdfjs/web/locale/eo/viewer.ftl +0 -2
  169. package/static/assets/pdfjs/web/locale/es-AR/viewer.ftl +0 -2
  170. package/static/assets/pdfjs/web/locale/es-CL/viewer.ftl +0 -2
  171. package/static/assets/pdfjs/web/locale/es-ES/viewer.ftl +0 -2
  172. package/static/assets/pdfjs/web/locale/es-MX/viewer.ftl +0 -2
  173. package/static/assets/pdfjs/web/locale/eu/viewer.ftl +0 -2
  174. package/static/assets/pdfjs/web/locale/fi/viewer.ftl +0 -2
  175. package/static/assets/pdfjs/web/locale/fr/viewer.ftl +0 -2
  176. package/static/assets/pdfjs/web/locale/fur/viewer.ftl +0 -5
  177. package/static/assets/pdfjs/web/locale/fy-NL/viewer.ftl +3 -5
  178. package/static/assets/pdfjs/web/locale/gn/viewer.ftl +0 -2
  179. package/static/assets/pdfjs/web/locale/he/viewer.ftl +0 -2
  180. package/static/assets/pdfjs/web/locale/hr/viewer.ftl +66 -0
  181. package/static/assets/pdfjs/web/locale/hsb/viewer.ftl +0 -2
  182. package/static/assets/pdfjs/web/locale/hu/viewer.ftl +0 -2
  183. package/static/assets/pdfjs/web/locale/hy-AM/viewer.ftl +3 -8
  184. package/static/assets/pdfjs/web/locale/ia/viewer.ftl +0 -2
  185. package/static/assets/pdfjs/web/locale/id/viewer.ftl +0 -5
  186. package/static/assets/pdfjs/web/locale/is/viewer.ftl +0 -5
  187. package/static/assets/pdfjs/web/locale/it/viewer.ftl +0 -2
  188. package/static/assets/pdfjs/web/locale/ja/viewer.ftl +0 -14
  189. package/static/assets/pdfjs/web/locale/ka/viewer.ftl +4 -6
  190. package/static/assets/pdfjs/web/locale/kab/viewer.ftl +0 -5
  191. package/static/assets/pdfjs/web/locale/kk/viewer.ftl +0 -2
  192. package/static/assets/pdfjs/web/locale/ko/viewer.ftl +0 -2
  193. package/static/assets/pdfjs/web/locale/nb-NO/viewer.ftl +1 -3
  194. package/static/assets/pdfjs/web/locale/nl/viewer.ftl +0 -2
  195. package/static/assets/pdfjs/web/locale/nn-NO/viewer.ftl +4 -2
  196. package/static/assets/pdfjs/web/locale/pa-IN/viewer.ftl +0 -2
  197. package/static/assets/pdfjs/web/locale/pl/viewer.ftl +0 -2
  198. package/static/assets/pdfjs/web/locale/pt-BR/viewer.ftl +0 -2
  199. package/static/assets/pdfjs/web/locale/pt-PT/viewer.ftl +35 -0
  200. package/static/assets/pdfjs/web/locale/rm/viewer.ftl +0 -5
  201. package/static/assets/pdfjs/web/locale/ro/viewer.ftl +4 -6
  202. package/static/assets/pdfjs/web/locale/ru/viewer.ftl +3 -5
  203. package/static/assets/pdfjs/web/locale/sk/viewer.ftl +0 -2
  204. package/static/assets/pdfjs/web/locale/sl/viewer.ftl +0 -2
  205. package/static/assets/pdfjs/web/locale/sq/viewer.ftl +0 -2
  206. package/static/assets/pdfjs/web/locale/sv-SE/viewer.ftl +0 -2
  207. package/static/assets/pdfjs/web/locale/tg/viewer.ftl +0 -2
  208. package/static/assets/pdfjs/web/locale/th/viewer.ftl +2 -2
  209. package/static/assets/pdfjs/web/locale/tr/viewer.ftl +0 -2
  210. package/static/assets/pdfjs/web/locale/vi/viewer.ftl +0 -2
  211. package/static/assets/pdfjs/web/locale/zh-CN/viewer.ftl +0 -2
  212. package/static/assets/pdfjs/web/locale/zh-TW/viewer.ftl +0 -2
  213. package/static/assets/pdfjs/web/viewer.css +1778 -835
  214. package/static/assets/pdfjs/web/viewer.html +167 -86
  215. package/static/assets/pdfjs/web/viewer.mjs +1106 -801
  216. package/static/assets/pdfjs/web/viewer.mjs.map +1 -1
  217. package/static/chunk-27V66YJV.js +2 -0
  218. package/static/{chunk-BVKDW5XO.js → chunk-27Z3SYRL.js} +1 -1
  219. package/static/{chunk-HLKZCMKV.js → chunk-2RWLNKZH.js} +1 -1
  220. package/static/chunk-2YQ4SX3A.js +13 -0
  221. package/static/{chunk-GENTF6JM.js → chunk-3JYMJQYT.js} +1 -1
  222. package/static/chunk-3QTROEHV.js +1 -0
  223. package/static/{chunk-C5T7RZSD.js → chunk-3RPUQ22U.js} +1 -1
  224. package/static/{chunk-EPDWJEPD.js → chunk-3WZ6F3LC.js} +1 -1
  225. package/static/chunk-3ZLBVUCX.js +2 -0
  226. package/static/{chunk-SF6Q6VRC.js → chunk-45AZ6ZML.js} +1 -1
  227. package/static/chunk-46TJLPJY.js +1 -0
  228. package/static/chunk-4NIYCYRS.js +2 -0
  229. package/static/{chunk-GLPKRULI.js → chunk-4TPFERL6.js} +1 -1
  230. package/static/{chunk-KAAFVHYE.js → chunk-5O66CLTD.js} +1 -1
  231. package/static/chunk-6OEOADR6.js +1 -0
  232. package/static/chunk-6WMXMIE4.js +1 -0
  233. package/static/{chunk-QKMN3S4M.js → chunk-7VRYTDX4.js} +1 -1
  234. package/static/{chunk-Z2KBIZ5D.js → chunk-ARS47O5X.js} +1 -1
  235. package/static/chunk-B6HQYQYG.js +1 -0
  236. package/static/chunk-BCN4T5DO.js +2 -0
  237. package/static/{chunk-7HL5Z6PF.js → chunk-CCZWPM7Q.js} +1 -1
  238. package/static/{chunk-DU4Q4RWJ.js → chunk-CMNMPG6Z.js} +1 -1
  239. package/static/{chunk-BX3QZ7IL.js → chunk-CSVPAZHK.js} +1 -1
  240. package/static/{chunk-BJARRIS6.js → chunk-D55YR5X7.js} +4 -4
  241. package/static/{chunk-NHMYAVJK.js → chunk-D5FQ72R4.js} +1 -1
  242. package/static/{chunk-7QYALK5T.js → chunk-DGCVA6BM.js} +1 -1
  243. package/static/{chunk-IBC7CFBQ.js → chunk-DVCN3P7Q.js} +1 -1
  244. package/static/chunk-E32J777S.js +5 -0
  245. package/static/{chunk-FEQUP26G.js → chunk-FIUF2JM4.js} +1 -1
  246. package/static/{chunk-ODAQRAPO.js → chunk-G3PL6YX3.js} +1 -1
  247. package/static/chunk-G7RZN7HN.js +1 -0
  248. package/static/{chunk-IIKL33TV.js → chunk-GQHXYX6Z.js} +1 -1
  249. package/static/{chunk-5HYSNQR4.js → chunk-GWRAGN3M.js} +1 -1
  250. package/static/{chunk-ANH4VNOS.js → chunk-GXWGB7WO.js} +1 -1
  251. package/static/{chunk-25PWAXTJ.js → chunk-HGODIZTV.js} +1 -1
  252. package/static/{chunk-X5UDV4ZB.js → chunk-HZAB6F4Q.js} +1 -1
  253. package/static/chunk-I3FR3A45.js +1 -0
  254. package/static/{chunk-JYHTSSKW.js → chunk-I5SPA4G2.js} +1 -1
  255. package/static/{chunk-DQAQUSVW.js → chunk-IMFO2MI7.js} +1 -1
  256. package/static/{chunk-AYYJZMBE.js → chunk-JNTNMIUH.js} +1 -1
  257. package/static/chunk-JRXG43AA.js +2 -0
  258. package/static/{chunk-3AR5VNJE.js → chunk-KAUCN24H.js} +1 -1
  259. package/static/{chunk-3WS72A6C.js → chunk-KDUAB76O.js} +1 -1
  260. package/static/chunk-KPOQLDWF.js +1 -0
  261. package/static/{chunk-UO7ATVQG.js → chunk-KWFELZTM.js} +1 -1
  262. package/static/{chunk-2CAAJBRO.js → chunk-L3BIP4AA.js} +1 -1
  263. package/static/{chunk-DK2LAJEL.js → chunk-LGIVVJDD.js} +1 -1
  264. package/static/{chunk-5ATJIR5S.js → chunk-LNLBIJZD.js} +1 -1
  265. package/static/chunk-LTJNLOX2.js +1 -0
  266. package/static/{chunk-GRV44RYI.js → chunk-LZUHREOF.js} +1 -1
  267. package/static/{chunk-XIQXRSZ2.js → chunk-NIR4YE2E.js} +1 -1
  268. package/static/{chunk-TOCCCZP2.js → chunk-NJJURHX4.js} +1 -1
  269. package/static/chunk-NNZWSNAW.js +1 -0
  270. package/static/chunk-NWKBB7J4.js +1 -0
  271. package/static/chunk-O3YLAEVE.js +3 -0
  272. package/static/chunk-OUHCDDT6.js +1 -0
  273. package/static/{chunk-B4TDS6AQ.js → chunk-PDG7DOEF.js} +1 -1
  274. package/static/chunk-POUWUMC4.js +1 -0
  275. package/static/{chunk-NQCKX2AD.js → chunk-PPJCVBJH.js} +1 -1
  276. package/static/{chunk-ZCOEP4O2.js → chunk-PQZLR4P3.js} +1 -1
  277. package/static/chunk-PVYVY3GD.js +1 -0
  278. package/static/chunk-Q5X5TPAG.js +1 -0
  279. package/static/{chunk-LFAQLJZK.js → chunk-QHJT5H4M.js} +1 -1
  280. package/static/{chunk-D6QWQHWE.js → chunk-R4VMWCM5.js} +1 -1
  281. package/static/{chunk-O233BXWK.js → chunk-R7PLNX75.js} +1 -1
  282. package/static/chunk-RJULB733.js +1 -0
  283. package/static/{chunk-E5C4QRNQ.js → chunk-RNVPQQKT.js} +5 -5
  284. package/static/chunk-RTNEBRKJ.js +1 -0
  285. package/static/{chunk-GYYJ4FWN.js → chunk-S3TTWPQA.js} +1 -1
  286. package/static/{chunk-4GBA6EJ4.js → chunk-SDJNZULP.js} +1 -1
  287. package/static/chunk-SNOOCDJD.js +1 -0
  288. package/static/chunk-T42BV6TR.js +1 -0
  289. package/static/{chunk-5KVI243T.js → chunk-TNCKNU6I.js} +1 -1
  290. package/static/{chunk-OVUMPMVM.js → chunk-ULSPQ3HP.js} +1 -1
  291. package/static/{chunk-5NFH4E2B.js → chunk-UOK3LKSX.js} +1 -1
  292. package/static/{chunk-CHMDM2ZW.js → chunk-VD5JHSDS.js} +1 -1
  293. package/static/{chunk-2F42MZQ5.js → chunk-XBKCQCBI.js} +1 -1
  294. package/static/{chunk-2U5VKTML.js → chunk-XEWLBWFF.js} +1 -1
  295. package/static/{chunk-FSGT46LM.js → chunk-XTVNHFKX.js} +1 -1
  296. package/static/chunk-ZCSHU3D7.js +1 -0
  297. package/static/{chunk-QUUQOBTF.js → chunk-ZEJLIGAY.js} +1 -1
  298. package/static/{chunk-7H5O4BLV.js → chunk-ZHOE5VEY.js} +1 -1
  299. package/static/chunk-ZOMRIN3G.js +2 -0
  300. package/static/index.html +2 -2
  301. package/static/main-YKDNJ7LK.js +11 -0
  302. package/static/{styles-S5HVK4H5.css → styles-XLLEY5Y3.css} +1 -1
  303. package/server/applications/files/constants/only-office.js +0 -531
  304. package/server/applications/files/constants/only-office.js.map +0 -1
  305. package/server/applications/files/decorators/only-office-environment.decorator.js.map +0 -1
  306. package/server/applications/files/files-only-office.controller.js.map +0 -1
  307. package/server/applications/files/files-only-office.controller.spec.js.map +0 -1
  308. package/server/applications/files/guards/files-only-office.guard.js.map +0 -1
  309. package/server/applications/files/guards/files-only-office.guard.spec.js.map +0 -1
  310. package/server/applications/files/guards/files-only-office.strategy.js.map +0 -1
  311. package/server/applications/files/interfaces/only-office-config.interface.js.map +0 -1
  312. package/server/applications/files/services/files-only-office-manager.service.js.map +0 -1
  313. package/server/applications/files/services/files-only-office-manager.service.spec.js +0 -58
  314. package/server/applications/files/services/files-only-office-manager.service.spec.js.map +0 -1
  315. package/static/chunk-42L6C5MT.js +0 -1
  316. package/static/chunk-4ZKAVMB4.js +0 -1
  317. package/static/chunk-5GIWZKNS.js +0 -1
  318. package/static/chunk-5WCQBTXW.js +0 -1
  319. package/static/chunk-B2A4HNDC.js +0 -1
  320. package/static/chunk-BSB4VROD.js +0 -2
  321. package/static/chunk-CUC7R6C2.js +0 -1
  322. package/static/chunk-DHFQIFOF.js +0 -1
  323. package/static/chunk-DRHPEERW.js +0 -2
  324. package/static/chunk-FCGTI42I.js +0 -1
  325. package/static/chunk-FCR5AEHR.js +0 -3
  326. package/static/chunk-HB5DC7RJ.js +0 -1
  327. package/static/chunk-ITVA26X2.js +0 -2
  328. package/static/chunk-KWKZN53T.js +0 -1
  329. package/static/chunk-LBXOAKBD.js +0 -1
  330. package/static/chunk-LZKI5P5T.js +0 -1
  331. package/static/chunk-MGMDT4VN.js +0 -1
  332. package/static/chunk-MWUUM2NK.js +0 -13
  333. package/static/chunk-MYM43ENO.js +0 -1
  334. package/static/chunk-NAH4V2R6.js +0 -2
  335. package/static/chunk-PCFH5HCI.js +0 -2
  336. package/static/chunk-Q6B4OVER.js +0 -5
  337. package/static/chunk-QV5LQKTS.js +0 -1
  338. package/static/chunk-S4UTSOPV.js +0 -1
  339. package/static/chunk-SRBOO7AO.js +0 -1
  340. package/static/chunk-VZPCXSRG.js +0 -2
  341. package/static/chunk-XKEBQNQJ.js +0 -1
  342. package/static/chunk-YYTDPI5S.js +0 -1
  343. package/static/main-ODUA232E.js +0 -11
  344. /package/static/assets/pdfjs/web/images/{toolbarButton-sidebarToggle.svg → toolbarButton-viewsManagerToggle.svg} +0 -0
package/static/assets/pdfjs/web/viewer.css CHANGED
@@ -19,12 +19,12 @@
19
19
  --message-bar-close-button-color-hover:var(--text-primary-color);
20
20
  --message-bar-close-button-border-radius:4px;
21
21
  --message-bar-close-button-border:none;
22
- --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
23
- --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--31, rgb(21 20 26 / 0.14));
24
- --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
25
- --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--32, rgb(21 20 26 / 0.21));
26
- --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
27
- --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--33, rgb(21 20 26 / 0.07));
22
+ --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
23
+ --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.14));
24
+ --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
25
+ --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.21));
26
+ --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
27
+ --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--26, rgb(21 20 26 / 0.07));
28
28
  }
29
29
 
30
30
  @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
@@ -47,12 +47,12 @@
47
47
  @supports not (color: light-dark(tan, tan)){
48
48
 
49
49
  .messageBar *{
50
- --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
51
- --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--31, rgb(21 20 26 / 0.14));
52
- --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
53
- --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--32, rgb(21 20 26 / 0.21));
54
- --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
55
- --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--33, rgb(21 20 26 / 0.07));
50
+ --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
51
+ --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.14));
52
+ --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
53
+ --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.21));
54
+ --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
55
+ --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--26, rgb(21 20 26 / 0.07));
56
56
  }
57
57
  }
58
58
 
@@ -165,29 +165,29 @@
165
165
  }
166
166
 
167
167
  #editorUndoBar{
168
- --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #fbfbfe;
169
- --text-primary-color:var(--csstools-light-dark-toggle--34, #15141a);
168
+ --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #fbfbfe;
169
+ --text-primary-color:var(--csstools-light-dark-toggle--27, #15141a);
170
170
 
171
171
  --message-bar-icon:url(images/messageBar_info.svg);
172
- --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #73a7f3;
173
- --message-bar-icon-color:var(--csstools-light-dark-toggle--35, #0060df);
174
- --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #003070;
175
- --message-bar-bg-color:var(--csstools-light-dark-toggle--36, #deeafc);
172
+ --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #73a7f3;
173
+ --message-bar-icon-color:var(--csstools-light-dark-toggle--28, #0060df);
174
+ --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #003070;
175
+ --message-bar-bg-color:var(--csstools-light-dark-toggle--29, #deeafc);
176
176
  --message-bar-fg-color:var(--text-primary-color);
177
- --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
178
- --message-bar-border-color:var(--csstools-light-dark-toggle--37, rgb(0 0 0 / 0.08));
177
+ --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
178
+ --message-bar-border-color:var(--csstools-light-dark-toggle--30, rgb(0 0 0 / 0.08));
179
179
 
180
- --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
180
+ --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
181
181
 
182
- --undo-button-bg-color:var(--csstools-light-dark-toggle--38, rgb(21 20 26 / 0.07));
183
- --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
184
- --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--39, rgb(21 20 26 / 0.14));
185
- --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
186
- --undo-button-bg-color-active:var(--csstools-light-dark-toggle--40, rgb(21 20 26 / 0.21));
182
+ --undo-button-bg-color:var(--csstools-light-dark-toggle--31, rgb(21 20 26 / 0.07));
183
+ --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
184
+ --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--32, rgb(21 20 26 / 0.14));
185
+ --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
186
+ --undo-button-bg-color-active:var(--csstools-light-dark-toggle--33, rgb(21 20 26 / 0.21));
187
187
 
188
- --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #0df;
188
+ --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #0df;
189
189
 
190
- --undo-button-border:1px solid var(--csstools-light-dark-toggle--41, #0060df);
190
+ --undo-button-border:1px solid var(--csstools-light-dark-toggle--34, #0060df);
191
191
 
192
192
  --undo-button-fg-color:var(--message-bar-fg-color);
193
193
  --undo-button-fg-color-hover:var(--undo-button-fg-color);
@@ -234,26 +234,26 @@
234
234
  @supports not (color: light-dark(tan, tan)){
235
235
 
236
236
  #editorUndoBar *{
237
- --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #fbfbfe;
238
- --text-primary-color:var(--csstools-light-dark-toggle--34, #15141a);
239
- --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #73a7f3;
240
- --message-bar-icon-color:var(--csstools-light-dark-toggle--35, #0060df);
241
- --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #003070;
242
- --message-bar-bg-color:var(--csstools-light-dark-toggle--36, #deeafc);
243
- --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
244
- --message-bar-border-color:var(--csstools-light-dark-toggle--37, rgb(0 0 0 / 0.08));
237
+ --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #fbfbfe;
238
+ --text-primary-color:var(--csstools-light-dark-toggle--27, #15141a);
239
+ --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #73a7f3;
240
+ --message-bar-icon-color:var(--csstools-light-dark-toggle--28, #0060df);
241
+ --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #003070;
242
+ --message-bar-bg-color:var(--csstools-light-dark-toggle--29, #deeafc);
243
+ --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
244
+ --message-bar-border-color:var(--csstools-light-dark-toggle--30, rgb(0 0 0 / 0.08));
245
245
 
246
- --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
246
+ --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
247
247
 
248
- --undo-button-bg-color:var(--csstools-light-dark-toggle--38, rgb(21 20 26 / 0.07));
249
- --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
250
- --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--39, rgb(21 20 26 / 0.14));
251
- --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
252
- --undo-button-bg-color-active:var(--csstools-light-dark-toggle--40, rgb(21 20 26 / 0.21));
248
+ --undo-button-bg-color:var(--csstools-light-dark-toggle--31, rgb(21 20 26 / 0.07));
249
+ --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
250
+ --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--32, rgb(21 20 26 / 0.14));
251
+ --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
252
+ --undo-button-bg-color-active:var(--csstools-light-dark-toggle--33, rgb(21 20 26 / 0.21));
253
253
 
254
- --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #0df;
254
+ --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #0df;
255
255
 
256
- --undo-button-border:1px solid var(--csstools-light-dark-toggle--41, #0060df);
256
+ --undo-button-border:1px solid var(--csstools-light-dark-toggle--34, #0060df);
257
257
  }
258
258
  }
259
259
 
@@ -327,49 +327,49 @@
327
327
  }
328
328
 
329
329
  .dialog{
330
- --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #1c1b22;
331
- --dialog-bg-color:var(--csstools-light-dark-toggle--42, white);
332
- --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #1c1b22;
333
- --dialog-border-color:var(--csstools-light-dark-toggle--43, white);
334
- --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #15141a;
335
- --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--44, rgb(58 57 68 / 0.2));
336
- --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
337
- --text-primary-color:var(--csstools-light-dark-toggle--45, #15141a);
338
- --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #cfcfd8;
339
- --text-secondary-color:var(--csstools-light-dark-toggle--46, #5b5b66);
330
+ --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #1c1b22;
331
+ --dialog-bg-color:var(--csstools-light-dark-toggle--35, white);
332
+ --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #1c1b22;
333
+ --dialog-border-color:var(--csstools-light-dark-toggle--36, white);
334
+ --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #15141a;
335
+ --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--37, rgb(58 57 68 / 0.2));
336
+ --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #fbfbfe;
337
+ --text-primary-color:var(--csstools-light-dark-toggle--38, #15141a);
338
+ --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #cfcfd8;
339
+ --text-secondary-color:var(--csstools-light-dark-toggle--39, #5b5b66);
340
340
  --hover-filter:brightness(0.9);
341
- --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #0df;
342
- --link-fg-color:var(--csstools-light-dark-toggle--47, #0060df);
343
- --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #80ebff;
344
- --link-hover-fg-color:var(--csstools-light-dark-toggle--48, #0250bb);
345
- --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #52525e;
346
- --separator-color:var(--csstools-light-dark-toggle--49, #f0f0f4);
341
+ --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #0df;
342
+ --link-fg-color:var(--csstools-light-dark-toggle--40, #0060df);
343
+ --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #80ebff;
344
+ --link-hover-fg-color:var(--csstools-light-dark-toggle--41, #0250bb);
345
+ --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #52525e;
346
+ --separator-color:var(--csstools-light-dark-toggle--42, #f0f0f4);
347
347
 
348
348
  --textarea-border-color:#8f8f9d;
349
- --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #42414d;
350
- --textarea-bg-color:var(--csstools-light-dark-toggle--50, white);
349
+ --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #42414d;
350
+ --textarea-bg-color:var(--csstools-light-dark-toggle--43, white);
351
351
  --textarea-fg-color:var(--text-secondary-color);
352
352
 
353
- --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #2b2a33;
353
+ --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #2b2a33;
354
354
 
355
- --radio-bg-color:var(--csstools-light-dark-toggle--51, #f0f0f4);
356
- --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #15141a;
357
- --radio-checked-bg-color:var(--csstools-light-dark-toggle--52, #fbfbfe);
355
+ --radio-bg-color:var(--csstools-light-dark-toggle--44, #f0f0f4);
356
+ --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #15141a;
357
+ --radio-checked-bg-color:var(--csstools-light-dark-toggle--45, #fbfbfe);
358
358
  --radio-border-color:#8f8f9d;
359
- --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #0df;
360
- --radio-checked-border-color:var(--csstools-light-dark-toggle--53, #0060df);
359
+ --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #0df;
360
+ --radio-checked-border-color:var(--csstools-light-dark-toggle--46, #0060df);
361
361
 
362
- --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
362
+ --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
363
363
 
364
- --button-secondary-bg-color:var(--csstools-light-dark-toggle--54, rgb(21 20 26 / 0.07));
364
+ --button-secondary-bg-color:var(--csstools-light-dark-toggle--47, rgb(21 20 26 / 0.07));
365
365
  --button-secondary-fg-color:var(--text-primary-color);
366
366
  --button-secondary-border-color:var(--button-secondary-bg-color);
367
- --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
368
- --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--55, rgb(21 20 26 / 0.21));
367
+ --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
368
+ --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--48, rgb(21 20 26 / 0.21));
369
369
  --button-secondary-active-fg-color:var(--button-secondary-fg-color);
370
370
  --button-secondary-active-border-color:var(--button-secondary-bg-color);
371
- --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
372
- --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--56, rgb(21 20 26 / 0.14));
371
+ --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
372
+ --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--49, rgb(21 20 26 / 0.14));
373
373
  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
374
374
  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
375
375
  --button-secondary-disabled-bg-color:var(--button-secondary-bg-color);
@@ -378,18 +378,18 @@
378
378
  );
379
379
  --button-secondary-disabled-fg-color:var(--button-secondary-fg-color);
380
380
 
381
- --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #0df;
381
+ --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #0df;
382
382
 
383
- --button-primary-bg-color:var(--csstools-light-dark-toggle--57, #0060df);
384
- --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #15141a;
385
- --button-primary-fg-color:var(--csstools-light-dark-toggle--58, #fbfbfe);
383
+ --button-primary-bg-color:var(--csstools-light-dark-toggle--50, #0060df);
384
+ --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #15141a;
385
+ --button-primary-fg-color:var(--csstools-light-dark-toggle--51, #fbfbfe);
386
386
  --button-primary-border-color:var(--button-primary-bg-color);
387
- --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #aaf2ff;
388
- --button-primary-active-bg-color:var(--csstools-light-dark-toggle--59, #054096);
387
+ --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #aaf2ff;
388
+ --button-primary-active-bg-color:var(--csstools-light-dark-toggle--52, #054096);
389
389
  --button-primary-active-fg-color:var(--button-primary-fg-color);
390
390
  --button-primary-active-border-color:var(--button-primary-active-bg-color);
391
- --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80ebff;
392
- --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--60, #0250bb);
391
+ --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #80ebff;
392
+ --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--53, #0250bb);
393
393
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
394
394
  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);
395
395
  --button-primary-disabled-bg-color:var(--button-primary-bg-color);
@@ -397,9 +397,9 @@
397
397
  --button-primary-disabled-fg-color:var(--button-primary-fg-color);
398
398
  --button-disabled-opacity:0.4;
399
399
 
400
- --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #42414d;
400
+ --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #42414d;
401
401
 
402
- --input-text-bg-color:var(--csstools-light-dark-toggle--61, white);
402
+ --input-text-bg-color:var(--csstools-light-dark-toggle--54, white);
403
403
  --input-text-fg-color:var(--text-primary-color);
404
404
  }
405
405
 
@@ -464,54 +464,54 @@
464
464
  @supports not (color: light-dark(tan, tan)){
465
465
 
466
466
  .dialog *{
467
- --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #1c1b22;
468
- --dialog-bg-color:var(--csstools-light-dark-toggle--42, white);
469
- --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #1c1b22;
470
- --dialog-border-color:var(--csstools-light-dark-toggle--43, white);
471
- --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #15141a;
472
- --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--44, rgb(58 57 68 / 0.2));
473
- --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
474
- --text-primary-color:var(--csstools-light-dark-toggle--45, #15141a);
475
- --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #cfcfd8;
476
- --text-secondary-color:var(--csstools-light-dark-toggle--46, #5b5b66);
477
- --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #0df;
478
- --link-fg-color:var(--csstools-light-dark-toggle--47, #0060df);
479
- --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #80ebff;
480
- --link-hover-fg-color:var(--csstools-light-dark-toggle--48, #0250bb);
481
- --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #52525e;
482
- --separator-color:var(--csstools-light-dark-toggle--49, #f0f0f4);
483
- --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #42414d;
484
- --textarea-bg-color:var(--csstools-light-dark-toggle--50, white);
485
-
486
- --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #2b2a33;
487
-
488
- --radio-bg-color:var(--csstools-light-dark-toggle--51, #f0f0f4);
489
- --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #15141a;
490
- --radio-checked-bg-color:var(--csstools-light-dark-toggle--52, #fbfbfe);
491
- --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #0df;
492
- --radio-checked-border-color:var(--csstools-light-dark-toggle--53, #0060df);
493
-
494
- --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
495
-
496
- --button-secondary-bg-color:var(--csstools-light-dark-toggle--54, rgb(21 20 26 / 0.07));
497
- --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
498
- --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--55, rgb(21 20 26 / 0.21));
499
- --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
500
- --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--56, rgb(21 20 26 / 0.14));
501
-
502
- --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #0df;
503
-
504
- --button-primary-bg-color:var(--csstools-light-dark-toggle--57, #0060df);
505
- --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #15141a;
506
- --button-primary-fg-color:var(--csstools-light-dark-toggle--58, #fbfbfe);
507
- --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #aaf2ff;
508
- --button-primary-active-bg-color:var(--csstools-light-dark-toggle--59, #054096);
509
- --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80ebff;
510
- --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--60, #0250bb);
511
-
512
- --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #42414d;
513
-
514
- --input-text-bg-color:var(--csstools-light-dark-toggle--61, white);
467
+ --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #1c1b22;
468
+ --dialog-bg-color:var(--csstools-light-dark-toggle--35, white);
469
+ --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #1c1b22;
470
+ --dialog-border-color:var(--csstools-light-dark-toggle--36, white);
471
+ --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #15141a;
472
+ --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--37, rgb(58 57 68 / 0.2));
473
+ --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #fbfbfe;
474
+ --text-primary-color:var(--csstools-light-dark-toggle--38, #15141a);
475
+ --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #cfcfd8;
476
+ --text-secondary-color:var(--csstools-light-dark-toggle--39, #5b5b66);
477
+ --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #0df;
478
+ --link-fg-color:var(--csstools-light-dark-toggle--40, #0060df);
479
+ --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #80ebff;
480
+ --link-hover-fg-color:var(--csstools-light-dark-toggle--41, #0250bb);
481
+ --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #52525e;
482
+ --separator-color:var(--csstools-light-dark-toggle--42, #f0f0f4);
483
+ --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #42414d;
484
+ --textarea-bg-color:var(--csstools-light-dark-toggle--43, white);
485
+
486
+ --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #2b2a33;
487
+
488
+ --radio-bg-color:var(--csstools-light-dark-toggle--44, #f0f0f4);
489
+ --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #15141a;
490
+ --radio-checked-bg-color:var(--csstools-light-dark-toggle--45, #fbfbfe);
491
+ --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #0df;
492
+ --radio-checked-border-color:var(--csstools-light-dark-toggle--46, #0060df);
493
+
494
+ --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
495
+
496
+ --button-secondary-bg-color:var(--csstools-light-dark-toggle--47, rgb(21 20 26 / 0.07));
497
+ --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
498
+ --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--48, rgb(21 20 26 / 0.21));
499
+ --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
500
+ --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--49, rgb(21 20 26 / 0.14));
501
+
502
+ --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #0df;
503
+
504
+ --button-primary-bg-color:var(--csstools-light-dark-toggle--50, #0060df);
505
+ --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #15141a;
506
+ --button-primary-fg-color:var(--csstools-light-dark-toggle--51, #fbfbfe);
507
+ --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #aaf2ff;
508
+ --button-primary-active-bg-color:var(--csstools-light-dark-toggle--52, #054096);
509
+ --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #80ebff;
510
+ --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--53, #0250bb);
511
+
512
+ --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #42414d;
513
+
514
+ --input-text-bg-color:var(--csstools-light-dark-toggle--54, white);
515
515
  }
516
516
  }
517
517
 
@@ -786,15 +786,15 @@
786
786
  }
787
787
 
788
788
  :is(.dialog .mainContainer) .messageBar{
789
- --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #5a3100;
790
- --message-bar-bg-color:var(--csstools-light-dark-toggle--62, #ffebcd);
791
- --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #fbfbfe;
792
- --message-bar-fg-color:var(--csstools-light-dark-toggle--63, #15141a);
793
- --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
794
- --message-bar-border-color:var(--csstools-light-dark-toggle--64, rgb(0 0 0 / 0.08));
789
+ --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #5a3100;
790
+ --message-bar-bg-color:var(--csstools-light-dark-toggle--55, #ffebcd);
791
+ --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #fbfbfe;
792
+ --message-bar-fg-color:var(--csstools-light-dark-toggle--56, #15141a);
793
+ --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
794
+ --message-bar-border-color:var(--csstools-light-dark-toggle--57, rgb(0 0 0 / 0.08));
795
795
  --message-bar-icon:url(images/messageBar_warning.svg);
796
- --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #e49c49;
797
- --message-bar-icon-color:var(--csstools-light-dark-toggle--65, #cd411e);
796
+ --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #e49c49;
797
+ --message-bar-icon-color:var(--csstools-light-dark-toggle--58, #cd411e);
798
798
  }
799
799
 
800
800
  @supports (color: light-dark(red, red)){
@@ -822,14 +822,14 @@
822
822
  @supports not (color: light-dark(tan, tan)){
823
823
 
824
824
  :is(:is(.dialog .mainContainer) .messageBar) *{
825
- --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #5a3100;
826
- --message-bar-bg-color:var(--csstools-light-dark-toggle--62, #ffebcd);
827
- --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #fbfbfe;
828
- --message-bar-fg-color:var(--csstools-light-dark-toggle--63, #15141a);
829
- --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
830
- --message-bar-border-color:var(--csstools-light-dark-toggle--64, rgb(0 0 0 / 0.08));
831
- --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #e49c49;
832
- --message-bar-icon-color:var(--csstools-light-dark-toggle--65, #cd411e);
825
+ --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #5a3100;
826
+ --message-bar-bg-color:var(--csstools-light-dark-toggle--55, #ffebcd);
827
+ --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #fbfbfe;
828
+ --message-bar-fg-color:var(--csstools-light-dark-toggle--56, #15141a);
829
+ --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
830
+ --message-bar-border-color:var(--csstools-light-dark-toggle--57, rgb(0 0 0 / 0.08));
831
+ --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #e49c49;
832
+ --message-bar-icon-color:var(--csstools-light-dark-toggle--58, #cd411e);
833
833
  }
834
834
  }
835
835
 
@@ -910,13 +910,25 @@
910
910
  transform-origin:0% 0%;
911
911
  }
912
912
 
913
+ .textLayer{
914
+ --min-font-size:1;
915
+ --text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));
916
+ --min-font-size-inv:calc(1 / var(--min-font-size));
917
+ }
918
+
913
919
  .textLayer > :not(.markedContent),.textLayer .markedContent span:not(.markedContent){
914
920
  z-index:1;
921
+
922
+ --font-height:0;
923
+ font-size:calc(var(--text-scale-factor) * var(--font-height));
924
+
925
+ --scale-x:1;
926
+ --rotate:0deg;
927
+ transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));
915
928
  }
916
929
 
917
- .textLayer span.markedContent{
918
- top:0;
919
- height:0;
930
+ .textLayer .markedContent{
931
+ display:contents;
920
932
  }
921
933
 
922
934
  .textLayer span[role="img"]{
@@ -1829,23 +1841,24 @@
1829
1841
  currentColor 21%,
1830
1842
  transparent
1831
1843
  );
1832
- --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #0df;
1833
- --color-accent-primary:var(--csstools-light-dark-toggle--66, #0060df);
1834
- --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #80ebff;
1835
- --color-accent-primary-hover:var(--csstools-light-dark-toggle--67, #0250bb);
1836
- --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #aaf2ff;
1837
- --color-accent-primary-active:var(--csstools-light-dark-toggle--68, #054096);
1844
+ --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #0df;
1845
+ --color-accent-primary:var(--csstools-light-dark-toggle--59, #0060df);
1846
+ --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80ebff;
1847
+ --color-accent-primary-hover:var(--csstools-light-dark-toggle--60, #0250bb);
1848
+ --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #aaf2ff;
1849
+ --color-accent-primary-active:var(--csstools-light-dark-toggle--61, #054096);
1838
1850
  --border-radius-circle:9999px;
1839
1851
  --border-width:1px;
1840
1852
  --size-item-small:16px;
1841
1853
  --size-item-large:32px;
1842
- --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #1c1b22;
1843
- --color-canvas:var(--csstools-light-dark-toggle--69, white);
1854
+ --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #1c1b22;
1855
+ --color-canvas:var(--csstools-light-dark-toggle--62, white);
1844
1856
  --background-color-canvas:var(--color-canvas);
1845
- --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #f9f9fa;
1846
- --border-color-interactive:var(--csstools-light-dark-toggle--70, #8f8f9d);
1857
+ --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #f9f9fa;
1858
+ --border-color-interactive:var(--csstools-light-dark-toggle--63, #8f8f9d);
1847
1859
  --border-color-interactive-hover:var(--border-color-interactive);
1848
1860
  --border-color-interactive-active:var(--border-color-interactive);
1861
+ --focus-outline-offset:2px;
1849
1862
  }
1850
1863
 
1851
1864
  @supports (color: light-dark(red, red)){
@@ -1861,16 +1874,16 @@
1861
1874
  @supports not (color: light-dark(tan, tan)){
1862
1875
 
1863
1876
  .toggle-button *{
1864
- --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #0df;
1865
- --color-accent-primary:var(--csstools-light-dark-toggle--66, #0060df);
1866
- --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #80ebff;
1867
- --color-accent-primary-hover:var(--csstools-light-dark-toggle--67, #0250bb);
1868
- --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #aaf2ff;
1869
- --color-accent-primary-active:var(--csstools-light-dark-toggle--68, #054096);
1870
- --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #1c1b22;
1871
- --color-canvas:var(--csstools-light-dark-toggle--69, white);
1872
- --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #f9f9fa;
1873
- --border-color-interactive:var(--csstools-light-dark-toggle--70, #8f8f9d);
1877
+ --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #0df;
1878
+ --color-accent-primary:var(--csstools-light-dark-toggle--59, #0060df);
1879
+ --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80ebff;
1880
+ --color-accent-primary-hover:var(--csstools-light-dark-toggle--60, #0250bb);
1881
+ --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #aaf2ff;
1882
+ --color-accent-primary-active:var(--csstools-light-dark-toggle--61, #054096);
1883
+ --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #1c1b22;
1884
+ --color-canvas:var(--csstools-light-dark-toggle--62, white);
1885
+ --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #f9f9fa;
1886
+ --border-color-interactive:var(--csstools-light-dark-toggle--63, #8f8f9d);
1874
1887
  }
1875
1888
  }
1876
1889
 
@@ -2049,19 +2062,19 @@
2049
2062
 
2050
2063
  :root{
2051
2064
  --clear-signature-button-icon:url(images/editor-toolbar-delete.svg);
2052
- --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #2b2a33;
2053
- --signature-bg:var(--csstools-light-dark-toggle--71, #f9f9fb);
2054
- --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) var(--signature-bg);
2055
- --signature-hover-bg:var(--csstools-light-dark-toggle--72, #f0f0f4);
2065
+ --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #2b2a33;
2066
+ --signature-bg:var(--csstools-light-dark-toggle--64, #f9f9fb);
2067
+ --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) var(--signature-bg);
2068
+ --signature-hover-bg:var(--csstools-light-dark-toggle--65, #f0f0f4);
2056
2069
  --button-signature-bg:transparent;
2057
2070
  --button-signature-color:var(--main-color);
2058
- --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #5b5b66;
2059
- --button-signature-active-bg:var(--csstools-light-dark-toggle--73, #cfcfd8);
2071
+ --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #5b5b66;
2072
+ --button-signature-active-bg:var(--csstools-light-dark-toggle--66, #cfcfd8);
2060
2073
  --button-signature-active-border:none;
2061
2074
  --button-signature-active-color:var(--button-signature-color);
2062
2075
  --button-signature-border:none;
2063
- --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) #52525e;
2064
- --button-signature-hover-bg:var(--csstools-light-dark-toggle--74, #e0e0e6);
2076
+ --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #52525e;
2077
+ --button-signature-hover-bg:var(--csstools-light-dark-toggle--67, #e0e0e6);
2065
2078
  --button-signature-hover-color:var(--button-signature-color);
2066
2079
  }
2067
2080
 
@@ -2077,14 +2090,14 @@
2077
2090
  @supports not (color: light-dark(tan, tan)){
2078
2091
 
2079
2092
  :root *{
2080
- --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #2b2a33;
2081
- --signature-bg:var(--csstools-light-dark-toggle--71, #f9f9fb);
2082
- --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) var(--signature-bg);
2083
- --signature-hover-bg:var(--csstools-light-dark-toggle--72, #f0f0f4);
2084
- --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #5b5b66;
2085
- --button-signature-active-bg:var(--csstools-light-dark-toggle--73, #cfcfd8);
2086
- --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) #52525e;
2087
- --button-signature-hover-bg:var(--csstools-light-dark-toggle--74, #e0e0e6);
2093
+ --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #2b2a33;
2094
+ --signature-bg:var(--csstools-light-dark-toggle--64, #f9f9fb);
2095
+ --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) var(--signature-bg);
2096
+ --signature-hover-bg:var(--csstools-light-dark-toggle--65, #f0f0f4);
2097
+ --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #5b5b66;
2098
+ --button-signature-active-bg:var(--csstools-light-dark-toggle--66, #cfcfd8);
2099
+ --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #52525e;
2100
+ --button-signature-hover-bg:var(--csstools-light-dark-toggle--67, #e0e0e6);
2088
2101
  }
2089
2102
  }
2090
2103
 
@@ -2972,35 +2985,35 @@
2972
2985
  :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton{
2973
2986
  --csstools-color-scheme--light:initial;
2974
2987
  color-scheme:light dark;
2975
- --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) #1c1b22;
2976
- --comment-button-bg:var(--csstools-light-dark-toggle--75, white);
2977
- --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #fbfbfe;
2978
- --comment-button-fg:var(--csstools-light-dark-toggle--76, #5b5b66);
2979
- --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #a6ecf4;
2980
- --comment-button-active-bg:var(--csstools-light-dark-toggle--77, #0041a4);
2981
- --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) #15141a;
2982
- --comment-button-active-fg:var(--csstools-light-dark-toggle--78, white);
2983
- --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) #61dce9;
2984
- --comment-button-hover-bg:var(--csstools-light-dark-toggle--79, #0053cb);
2985
- --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #15141a;
2986
- --comment-button-hover-fg:var(--csstools-light-dark-toggle--80, white);
2987
- --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) #00cadb;
2988
- --comment-button-selected-bg:var(--csstools-light-dark-toggle--81, #0062fa);
2989
- --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #bfbfc9;
2990
- --comment-button-border-color:var(--csstools-light-dark-toggle--82, #8f8f9d);
2988
+ --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #1c1b22;
2989
+ --comment-button-bg:var(--csstools-light-dark-toggle--68, white);
2990
+ --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #fbfbfe;
2991
+ --comment-button-fg:var(--csstools-light-dark-toggle--69, #5b5b66);
2992
+ --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #a6ecf4;
2993
+ --comment-button-active-bg:var(--csstools-light-dark-toggle--70, #0041a4);
2994
+ --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #15141a;
2995
+ --comment-button-active-fg:var(--csstools-light-dark-toggle--71, white);
2996
+ --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) #61dce9;
2997
+ --comment-button-hover-bg:var(--csstools-light-dark-toggle--72, #0053cb);
2998
+ --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #15141a;
2999
+ --comment-button-hover-fg:var(--csstools-light-dark-toggle--73, white);
3000
+ --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) #00cadb;
3001
+ --comment-button-selected-bg:var(--csstools-light-dark-toggle--74, #0062fa);
3002
+ --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) #bfbfc9;
3003
+ --comment-button-border-color:var(--csstools-light-dark-toggle--75, #8f8f9d);
2991
3004
  --comment-button-active-border-color:var(--comment-button-active-bg);
2992
- --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #3a3944;
2993
- --comment-button-focus-border-color:var(--csstools-light-dark-toggle--83, #cfcfd8);
3005
+ --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #3a3944;
3006
+ --comment-button-focus-border-color:var(--csstools-light-dark-toggle--76, #cfcfd8);
2994
3007
  --comment-button-hover-border-color:var(--comment-button-hover-bg);
2995
3008
  --comment-button-selected-border-color:var(--comment-button-selected-bg);
2996
- --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #15141a;
2997
- --comment-button-selected-fg:var(--csstools-light-dark-toggle--84, white);
3009
+ --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #15141a;
3010
+ --comment-button-selected-fg:var(--csstools-light-dark-toggle--77, white);
2998
3011
  --comment-button-dim:24px;
2999
- --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3000
- --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3001
- --comment-button-box-shadow:0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--85, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--86, rgb(0 0 0 / 0.1));
3002
- --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #00cadb;
3003
- --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--87, #0062fa);
3012
+ --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3013
+ --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3014
+ --comment-button-box-shadow:0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--78, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--79, rgb(0 0 0 / 0.1));
3015
+ --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #00cadb;
3016
+ --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--80, #0062fa);
3004
3017
  }
3005
3018
 
3006
3019
  @supports (color: light-dark(red, red)){
@@ -3033,31 +3046,31 @@
3033
3046
  @supports not (color: light-dark(tan, tan)){
3034
3047
 
3035
3048
  :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton) *{
3036
- --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) #1c1b22;
3037
- --comment-button-bg:var(--csstools-light-dark-toggle--75, white);
3038
- --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #fbfbfe;
3039
- --comment-button-fg:var(--csstools-light-dark-toggle--76, #5b5b66);
3040
- --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #a6ecf4;
3041
- --comment-button-active-bg:var(--csstools-light-dark-toggle--77, #0041a4);
3042
- --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) #15141a;
3043
- --comment-button-active-fg:var(--csstools-light-dark-toggle--78, white);
3044
- --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) #61dce9;
3045
- --comment-button-hover-bg:var(--csstools-light-dark-toggle--79, #0053cb);
3046
- --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #15141a;
3047
- --comment-button-hover-fg:var(--csstools-light-dark-toggle--80, white);
3048
- --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) #00cadb;
3049
- --comment-button-selected-bg:var(--csstools-light-dark-toggle--81, #0062fa);
3050
- --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #bfbfc9;
3051
- --comment-button-border-color:var(--csstools-light-dark-toggle--82, #8f8f9d);
3052
- --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #3a3944;
3053
- --comment-button-focus-border-color:var(--csstools-light-dark-toggle--83, #cfcfd8);
3054
- --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #15141a;
3055
- --comment-button-selected-fg:var(--csstools-light-dark-toggle--84, white);
3056
- --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3057
- --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3058
- --comment-button-box-shadow:0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--85, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--86, rgb(0 0 0 / 0.1));
3059
- --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #00cadb;
3060
- --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--87, #0062fa);
3049
+ --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #1c1b22;
3050
+ --comment-button-bg:var(--csstools-light-dark-toggle--68, white);
3051
+ --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #fbfbfe;
3052
+ --comment-button-fg:var(--csstools-light-dark-toggle--69, #5b5b66);
3053
+ --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #a6ecf4;
3054
+ --comment-button-active-bg:var(--csstools-light-dark-toggle--70, #0041a4);
3055
+ --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #15141a;
3056
+ --comment-button-active-fg:var(--csstools-light-dark-toggle--71, white);
3057
+ --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) #61dce9;
3058
+ --comment-button-hover-bg:var(--csstools-light-dark-toggle--72, #0053cb);
3059
+ --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #15141a;
3060
+ --comment-button-hover-fg:var(--csstools-light-dark-toggle--73, white);
3061
+ --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) #00cadb;
3062
+ --comment-button-selected-bg:var(--csstools-light-dark-toggle--74, #0062fa);
3063
+ --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) #bfbfc9;
3064
+ --comment-button-border-color:var(--csstools-light-dark-toggle--75, #8f8f9d);
3065
+ --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #3a3944;
3066
+ --comment-button-focus-border-color:var(--csstools-light-dark-toggle--76, #cfcfd8);
3067
+ --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #15141a;
3068
+ --comment-button-selected-fg:var(--csstools-light-dark-toggle--77, white);
3069
+ --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3070
+ --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3071
+ --comment-button-box-shadow:0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--78, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--79, rgb(0 0 0 / 0.1));
3072
+ --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #00cadb;
3073
+ --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--80, #0062fa);
3061
3074
  }
3062
3075
  }
3063
3076
 
@@ -3164,58 +3177,58 @@
3164
3177
  --comment-popup-edit-button-icon:url(images/comment-popup-editButton.svg);
3165
3178
  --comment-popup-delete-button-icon:url(images/editor-toolbar-delete.svg);
3166
3179
 
3167
- --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69);
3180
+ --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69);
3168
3181
 
3169
- --comment-date-fg-color:var(--csstools-light-dark-toggle--88, rgb(21 20 26 / 0.69));
3170
- --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #1c1b22;
3171
- --comment-bg-color:var(--csstools-light-dark-toggle--89, #f9f9fb);
3172
- --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #2c2b33;
3173
- --comment-hover-bg-color:var(--csstools-light-dark-toggle--90, #e0e0e6);
3174
- --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #3a3944;
3175
- --comment-active-bg-color:var(--csstools-light-dark-toggle--91, #d1d1d9);
3182
+ --comment-date-fg-color:var(--csstools-light-dark-toggle--81, rgb(21 20 26 / 0.69));
3183
+ --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #1c1b22;
3184
+ --comment-bg-color:var(--csstools-light-dark-toggle--82, #f9f9fb);
3185
+ --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #2c2b33;
3186
+ --comment-hover-bg-color:var(--csstools-light-dark-toggle--83, #e0e0e6);
3187
+ --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #3a3944;
3188
+ --comment-active-bg-color:var(--csstools-light-dark-toggle--84, #d1d1d9);
3176
3189
  --comment-hover-brightness:0.89;
3177
3190
  --comment-hover-filter:brightness(var(--comment-hover-brightness));
3178
3191
  --comment-active-brightness:0.825;
3179
3192
  --comment-active-filter:brightness(var(--comment-active-brightness));
3180
- --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #52525e;
3181
- --comment-border-color:var(--csstools-light-dark-toggle--92, #f0f0f4);
3182
- --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #00cadb;
3183
- --comment-focus-outline-color:var(--csstools-light-dark-toggle--93, #0062fa);
3184
- --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #fbfbfe;
3185
- --comment-fg-color:var(--csstools-light-dark-toggle--94, #15141a);
3186
- --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) #00317e;
3187
- --comment-count-bg-color:var(--csstools-light-dark-toggle--95, #e2f7ff);
3188
- --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) #a6ecf4;
3189
- --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--96, #0041a4);
3193
+ --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) #52525e;
3194
+ --comment-border-color:var(--csstools-light-dark-toggle--85, #f0f0f4);
3195
+ --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) #00cadb;
3196
+ --comment-focus-outline-color:var(--csstools-light-dark-toggle--86, #0062fa);
3197
+ --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #fbfbfe;
3198
+ --comment-fg-color:var(--csstools-light-dark-toggle--87, #15141a);
3199
+ --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) #00317e;
3200
+ --comment-count-bg-color:var(--csstools-light-dark-toggle--88, #e2f7ff);
3201
+ --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #a6ecf4;
3202
+ --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--89, #0041a4);
3190
3203
  --comment-indicator-active-filter:brightness(
3191
3204
  calc(1 / var(--comment-active-brightness))
3192
3205
  );
3193
- --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) #fbfbfe;
3194
- --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--97, #5b5b66);
3195
- --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) #61dce9;
3196
- --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--98, #0053cb);
3206
+ --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #fbfbfe;
3207
+ --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--90, #5b5b66);
3208
+ --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #61dce9;
3209
+ --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--91, #0053cb);
3197
3210
  --comment-indicator-hover-filter:brightness(
3198
3211
  calc(1 / var(--comment-hover-brightness))
3199
3212
  );
3200
- --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) #00cadb;
3201
- --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--99, #0062fa);
3213
+ --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #00cadb;
3214
+ --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--92, #0062fa);
3202
3215
 
3203
3216
  --button-comment-bg:transparent;
3204
3217
  --button-comment-color:var(--main-color);
3205
- --csstools-light-dark-toggle--100:var(--csstools-color-scheme--light) #5b5b66;
3206
- --button-comment-active-bg:var(--csstools-light-dark-toggle--100, #cfcfd8);
3218
+ --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #5b5b66;
3219
+ --button-comment-active-bg:var(--csstools-light-dark-toggle--93, #cfcfd8);
3207
3220
  --button-comment-active-border:none;
3208
3221
  --button-comment-active-color:var(--button-comment-color);
3209
3222
  --button-comment-border:none;
3210
- --csstools-light-dark-toggle--101:var(--csstools-color-scheme--light) #52525e;
3211
- --button-comment-hover-bg:var(--csstools-light-dark-toggle--101, #e0e0e6);
3223
+ --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #52525e;
3224
+ --button-comment-hover-bg:var(--csstools-light-dark-toggle--94, #e0e0e6);
3212
3225
  --button-comment-hover-color:var(--button-comment-color);
3213
3226
 
3214
- --csstools-light-dark-toggle--102:var(--csstools-color-scheme--light) #0df;
3227
+ --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) #0df;
3215
3228
 
3216
- --link-fg-color:var(--csstools-light-dark-toggle--102, #0060df);
3217
- --csstools-light-dark-toggle--103:var(--csstools-color-scheme--light) #80ebff;
3218
- --link-hover-fg-color:var(--csstools-light-dark-toggle--103, #0250bb);
3229
+ --link-fg-color:var(--csstools-light-dark-toggle--95, #0060df);
3230
+ --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) #80ebff;
3231
+ --link-hover-fg-color:var(--csstools-light-dark-toggle--96, #0250bb);
3219
3232
  }
3220
3233
 
3221
3234
  @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
@@ -3255,41 +3268,41 @@
3255
3268
 
3256
3269
  :is(#editorCommentsSidebar,.commentPopup) *{
3257
3270
 
3258
- --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69);
3259
-
3260
- --comment-date-fg-color:var(--csstools-light-dark-toggle--88, rgb(21 20 26 / 0.69));
3261
- --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #1c1b22;
3262
- --comment-bg-color:var(--csstools-light-dark-toggle--89, #f9f9fb);
3263
- --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #2c2b33;
3264
- --comment-hover-bg-color:var(--csstools-light-dark-toggle--90, #e0e0e6);
3265
- --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #3a3944;
3266
- --comment-active-bg-color:var(--csstools-light-dark-toggle--91, #d1d1d9);
3267
- --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #52525e;
3268
- --comment-border-color:var(--csstools-light-dark-toggle--92, #f0f0f4);
3269
- --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #00cadb;
3270
- --comment-focus-outline-color:var(--csstools-light-dark-toggle--93, #0062fa);
3271
- --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #fbfbfe;
3272
- --comment-fg-color:var(--csstools-light-dark-toggle--94, #15141a);
3273
- --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) #00317e;
3274
- --comment-count-bg-color:var(--csstools-light-dark-toggle--95, #e2f7ff);
3275
- --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) #a6ecf4;
3276
- --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--96, #0041a4);
3277
- --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) #fbfbfe;
3278
- --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--97, #5b5b66);
3279
- --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) #61dce9;
3280
- --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--98, #0053cb);
3281
- --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) #00cadb;
3282
- --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--99, #0062fa);
3283
- --csstools-light-dark-toggle--100:var(--csstools-color-scheme--light) #5b5b66;
3284
- --button-comment-active-bg:var(--csstools-light-dark-toggle--100, #cfcfd8);
3285
- --csstools-light-dark-toggle--101:var(--csstools-color-scheme--light) #52525e;
3286
- --button-comment-hover-bg:var(--csstools-light-dark-toggle--101, #e0e0e6);
3287
-
3288
- --csstools-light-dark-toggle--102:var(--csstools-color-scheme--light) #0df;
3289
-
3290
- --link-fg-color:var(--csstools-light-dark-toggle--102, #0060df);
3291
- --csstools-light-dark-toggle--103:var(--csstools-color-scheme--light) #80ebff;
3292
- --link-hover-fg-color:var(--csstools-light-dark-toggle--103, #0250bb);
3271
+ --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69);
3272
+
3273
+ --comment-date-fg-color:var(--csstools-light-dark-toggle--81, rgb(21 20 26 / 0.69));
3274
+ --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #1c1b22;
3275
+ --comment-bg-color:var(--csstools-light-dark-toggle--82, #f9f9fb);
3276
+ --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #2c2b33;
3277
+ --comment-hover-bg-color:var(--csstools-light-dark-toggle--83, #e0e0e6);
3278
+ --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #3a3944;
3279
+ --comment-active-bg-color:var(--csstools-light-dark-toggle--84, #d1d1d9);
3280
+ --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) #52525e;
3281
+ --comment-border-color:var(--csstools-light-dark-toggle--85, #f0f0f4);
3282
+ --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) #00cadb;
3283
+ --comment-focus-outline-color:var(--csstools-light-dark-toggle--86, #0062fa);
3284
+ --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #fbfbfe;
3285
+ --comment-fg-color:var(--csstools-light-dark-toggle--87, #15141a);
3286
+ --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) #00317e;
3287
+ --comment-count-bg-color:var(--csstools-light-dark-toggle--88, #e2f7ff);
3288
+ --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #a6ecf4;
3289
+ --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--89, #0041a4);
3290
+ --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #fbfbfe;
3291
+ --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--90, #5b5b66);
3292
+ --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #61dce9;
3293
+ --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--91, #0053cb);
3294
+ --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #00cadb;
3295
+ --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--92, #0062fa);
3296
+ --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #5b5b66;
3297
+ --button-comment-active-bg:var(--csstools-light-dark-toggle--93, #cfcfd8);
3298
+ --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #52525e;
3299
+ --button-comment-hover-bg:var(--csstools-light-dark-toggle--94, #e0e0e6);
3300
+
3301
+ --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) #0df;
3302
+
3303
+ --link-fg-color:var(--csstools-light-dark-toggle--95, #0060df);
3304
+ --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) #80ebff;
3305
+ --link-hover-fg-color:var(--csstools-light-dark-toggle--96, #0250bb);
3293
3306
  }
3294
3307
  }
3295
3308
 
@@ -3590,12 +3603,12 @@
3590
3603
  --csstools-color-scheme--light:initial;
3591
3604
  color-scheme:light dark;
3592
3605
 
3593
- --csstools-light-dark-toggle--104:var(--csstools-color-scheme--light) #3a3944;
3606
+ --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) #3a3944;
3594
3607
 
3595
- --divider-color:var(--csstools-light-dark-toggle--104, #cfcfd8);
3596
- --csstools-light-dark-toggle--105:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3597
- --csstools-light-dark-toggle--106:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3598
- --comment-shadow:0 0.5px 2px 0 var(--csstools-light-dark-toggle--105, rgb(0 0 0 / 0.05)), 0 4px 16px 0 var(--csstools-light-dark-toggle--106, rgb(0 0 0 / 0.1));
3608
+ --divider-color:var(--csstools-light-dark-toggle--97, #cfcfd8);
3609
+ --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3610
+ --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3611
+ --comment-shadow:0 0.5px 2px 0 var(--csstools-light-dark-toggle--98, rgb(0 0 0 / 0.05)), 0 4px 16px 0 var(--csstools-light-dark-toggle--99, rgb(0 0 0 / 0.1));
3599
3612
  }
3600
3613
 
3601
3614
  @supports (color: light-dark(red, red)){
@@ -3615,12 +3628,12 @@
3615
3628
 
3616
3629
  .commentPopup *{
3617
3630
 
3618
- --csstools-light-dark-toggle--104:var(--csstools-color-scheme--light) #3a3944;
3631
+ --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) #3a3944;
3619
3632
 
3620
- --divider-color:var(--csstools-light-dark-toggle--104, #cfcfd8);
3621
- --csstools-light-dark-toggle--105:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3622
- --csstools-light-dark-toggle--106:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3623
- --comment-shadow:0 0.5px 2px 0 var(--csstools-light-dark-toggle--105, rgb(0 0 0 / 0.05)), 0 4px 16px 0 var(--csstools-light-dark-toggle--106, rgb(0 0 0 / 0.1));
3633
+ --divider-color:var(--csstools-light-dark-toggle--97, #cfcfd8);
3634
+ --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
3635
+ --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
3636
+ --comment-shadow:0 0.5px 2px 0 var(--csstools-light-dark-toggle--98, rgb(0 0 0 / 0.05)), 0 4px 16px 0 var(--csstools-light-dark-toggle--99, rgb(0 0 0 / 0.1));
3624
3637
  }
3625
3638
  }
3626
3639
 
@@ -3980,26 +3993,26 @@
3980
3993
 
3981
3994
  :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar{
3982
3995
  --editor-toolbar-delete-image:url(images/editor-toolbar-delete.svg);
3983
- --csstools-light-dark-toggle--107:var(--csstools-color-scheme--light) #2b2a33;
3984
- --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--107, #f0f0f4);
3996
+ --csstools-light-dark-toggle--100:var(--csstools-color-scheme--light) #2b2a33;
3997
+ --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--100, #f0f0f4);
3985
3998
  --editor-toolbar-highlight-image:url(images/toolbarButton-editorHighlight.svg);
3986
- --csstools-light-dark-toggle--108:var(--csstools-color-scheme--light) #fbfbfe;
3987
- --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--108, #2e2e56);
3999
+ --csstools-light-dark-toggle--101:var(--csstools-color-scheme--light) #fbfbfe;
4000
+ --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--101, #2e2e56);
3988
4001
  --editor-toolbar-border-color:#8f8f9d;
3989
4002
  --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
3990
- --csstools-light-dark-toggle--109:var(--csstools-color-scheme--light) #52525e;
3991
- --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--109, #e0e0e6);
4003
+ --csstools-light-dark-toggle--102:var(--csstools-color-scheme--light) #52525e;
4004
+ --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--102, #e0e0e6);
3992
4005
  --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
3993
4006
  --editor-toolbar-hover-outline:none;
3994
- --csstools-light-dark-toggle--110:var(--csstools-color-scheme--light) #0df;
3995
- --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--110, #0060df);
4007
+ --csstools-light-dark-toggle--103:var(--csstools-color-scheme--light) #0df;
4008
+ --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--103, #0060df);
3996
4009
  --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
3997
4010
  --editor-toolbar-height:28px;
3998
4011
  --editor-toolbar-padding:2px;
3999
- --csstools-light-dark-toggle--111:var(--csstools-color-scheme--light) #54ffbd;
4000
- --alt-text-done-color:var(--csstools-light-dark-toggle--111, #2ac3a2);
4001
- --csstools-light-dark-toggle--112:var(--csstools-color-scheme--light) #80ebff;
4002
- --alt-text-warning-color:var(--csstools-light-dark-toggle--112, #0090ed);
4012
+ --csstools-light-dark-toggle--104:var(--csstools-color-scheme--light) #54ffbd;
4013
+ --alt-text-done-color:var(--csstools-light-dark-toggle--104, #2ac3a2);
4014
+ --csstools-light-dark-toggle--105:var(--csstools-color-scheme--light) #80ebff;
4015
+ --alt-text-warning-color:var(--csstools-light-dark-toggle--105, #0090ed);
4003
4016
  --alt-text-hover-done-color:var(--alt-text-done-color);
4004
4017
  --alt-text-hover-warning-color:var(--alt-text-warning-color);
4005
4018
  }
@@ -4018,18 +4031,18 @@
4018
4031
  @supports not (color: light-dark(tan, tan)){
4019
4032
 
4020
4033
  :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) *{
4021
- --csstools-light-dark-toggle--107:var(--csstools-color-scheme--light) #2b2a33;
4022
- --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--107, #f0f0f4);
4023
- --csstools-light-dark-toggle--108:var(--csstools-color-scheme--light) #fbfbfe;
4024
- --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--108, #2e2e56);
4025
- --csstools-light-dark-toggle--109:var(--csstools-color-scheme--light) #52525e;
4026
- --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--109, #e0e0e6);
4027
- --csstools-light-dark-toggle--110:var(--csstools-color-scheme--light) #0df;
4028
- --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--110, #0060df);
4029
- --csstools-light-dark-toggle--111:var(--csstools-color-scheme--light) #54ffbd;
4030
- --alt-text-done-color:var(--csstools-light-dark-toggle--111, #2ac3a2);
4031
- --csstools-light-dark-toggle--112:var(--csstools-color-scheme--light) #80ebff;
4032
- --alt-text-warning-color:var(--csstools-light-dark-toggle--112, #0090ed);
4034
+ --csstools-light-dark-toggle--100:var(--csstools-color-scheme--light) #2b2a33;
4035
+ --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--100, #f0f0f4);
4036
+ --csstools-light-dark-toggle--101:var(--csstools-color-scheme--light) #fbfbfe;
4037
+ --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--101, #2e2e56);
4038
+ --csstools-light-dark-toggle--102:var(--csstools-color-scheme--light) #52525e;
4039
+ --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--102, #e0e0e6);
4040
+ --csstools-light-dark-toggle--103:var(--csstools-color-scheme--light) #0df;
4041
+ --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--103, #0060df);
4042
+ --csstools-light-dark-toggle--104:var(--csstools-color-scheme--light) #54ffbd;
4043
+ --alt-text-done-color:var(--csstools-light-dark-toggle--104, #2ac3a2);
4044
+ --csstools-light-dark-toggle--105:var(--csstools-color-scheme--light) #80ebff;
4045
+ --alt-text-warning-color:var(--csstools-light-dark-toggle--105, #0090ed);
4033
4046
  }
4034
4047
  }
4035
4048
 
@@ -4252,13 +4265,13 @@
4252
4265
  }
4253
4266
 
4254
4267
  .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
4255
- --csstools-light-dark-toggle--113:var(--csstools-color-scheme--light) #1c1b22;
4256
- --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--113, #f0f0f4);
4257
- --csstools-light-dark-toggle--114:var(--csstools-color-scheme--light) #fbfbfe;
4258
- --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--114, #15141a);
4268
+ --csstools-light-dark-toggle--106:var(--csstools-color-scheme--light) #1c1b22;
4269
+ --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--106, #f0f0f4);
4270
+ --csstools-light-dark-toggle--107:var(--csstools-color-scheme--light) #fbfbfe;
4271
+ --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--107, #15141a);
4259
4272
  --alt-text-tooltip-border:#8f8f9d;
4260
- --csstools-light-dark-toggle--115:var(--csstools-color-scheme--light) #15141a;
4261
- --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--115, rgb(58 57 68 / 0.2));
4273
+ --csstools-light-dark-toggle--108:var(--csstools-color-scheme--light) #15141a;
4274
+ --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--108, rgb(58 57 68 / 0.2));
4262
4275
  }
4263
4276
 
4264
4277
  @supports (color: light-dark(red, red)){
@@ -4277,12 +4290,12 @@
4277
4290
  @supports not (color: light-dark(tan, tan)){
4278
4291
 
4279
4292
  .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor,.signatureEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip) *{
4280
- --csstools-light-dark-toggle--113:var(--csstools-color-scheme--light) #1c1b22;
4281
- --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--113, #f0f0f4);
4282
- --csstools-light-dark-toggle--114:var(--csstools-color-scheme--light) #fbfbfe;
4283
- --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--114, #15141a);
4284
- --csstools-light-dark-toggle--115:var(--csstools-color-scheme--light) #15141a;
4285
- --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--115, rgb(58 57 68 / 0.2));
4293
+ --csstools-light-dark-toggle--106:var(--csstools-color-scheme--light) #1c1b22;
4294
+ --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--106, #f0f0f4);
4295
+ --csstools-light-dark-toggle--107:var(--csstools-color-scheme--light) #fbfbfe;
4296
+ --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--107, #15141a);
4297
+ --csstools-light-dark-toggle--108:var(--csstools-color-scheme--light) #15141a;
4298
+ --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--108, rgb(58 57 68 / 0.2));
4286
4299
  }
4287
4300
  }
4288
4301
 
@@ -4417,12 +4430,12 @@
4417
4430
  }
4418
4431
 
4419
4432
  :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
4420
- --csstools-light-dark-toggle--116:var(--csstools-color-scheme--light) #52525e;
4421
- --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--116, #f0f0f4);
4422
- --csstools-light-dark-toggle--117:var(--csstools-color-scheme--light) #fbfbfe;
4423
- --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--117, #cfcfd8);
4424
- --csstools-light-dark-toggle--118:var(--csstools-color-scheme--light) #15141a;
4425
- --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--118, #5b5b66);
4433
+ --csstools-light-dark-toggle--109:var(--csstools-color-scheme--light) #52525e;
4434
+ --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--109, #f0f0f4);
4435
+ --csstools-light-dark-toggle--110:var(--csstools-color-scheme--light) #fbfbfe;
4436
+ --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--110, #cfcfd8);
4437
+ --csstools-light-dark-toggle--111:var(--csstools-color-scheme--light) #15141a;
4438
+ --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--111, #5b5b66);
4426
4439
  }
4427
4440
 
4428
4441
  @supports (color: light-dark(red, red)){
@@ -4436,12 +4449,12 @@
4436
4449
  @supports not (color: light-dark(tan, tan)){
4437
4450
 
4438
4451
  :is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge) *{
4439
- --csstools-light-dark-toggle--116:var(--csstools-color-scheme--light) #52525e;
4440
- --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--116, #f0f0f4);
4441
- --csstools-light-dark-toggle--117:var(--csstools-color-scheme--light) #fbfbfe;
4442
- --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--117, #cfcfd8);
4443
- --csstools-light-dark-toggle--118:var(--csstools-color-scheme--light) #15141a;
4444
- --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--118, #5b5b66);
4452
+ --csstools-light-dark-toggle--109:var(--csstools-color-scheme--light) #52525e;
4453
+ --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--109, #f0f0f4);
4454
+ --csstools-light-dark-toggle--110:var(--csstools-color-scheme--light) #fbfbfe;
4455
+ --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--110, #cfcfd8);
4456
+ --csstools-light-dark-toggle--111:var(--csstools-color-scheme--light) #15141a;
4457
+ --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--111, #5b5b66);
4445
4458
  }
4446
4459
  }
4447
4460
 
@@ -4675,8 +4688,8 @@
4675
4688
  .dialog.newAltText{
4676
4689
  --new-alt-text-ai-disclaimer-icon:url(images/altText_disclaimer.svg);
4677
4690
  --new-alt-text-spinner-icon:url(images/altText_spinner.svg);
4678
- --csstools-light-dark-toggle--119:var(--csstools-color-scheme--light) #2b2a33;
4679
- --preview-image-bg-color:var(--csstools-light-dark-toggle--119, #f0f0f4);
4691
+ --csstools-light-dark-toggle--112:var(--csstools-color-scheme--light) #2b2a33;
4692
+ --preview-image-bg-color:var(--csstools-light-dark-toggle--112, #f0f0f4);
4680
4693
  --preview-image-border:none;
4681
4694
  }
4682
4695
 
@@ -4689,8 +4702,8 @@
4689
4702
  @supports not (color: light-dark(tan, tan)){
4690
4703
 
4691
4704
  .dialog.newAltText *{
4692
- --csstools-light-dark-toggle--119:var(--csstools-color-scheme--light) #2b2a33;
4693
- --preview-image-bg-color:var(--csstools-light-dark-toggle--119, #f0f0f4);
4705
+ --csstools-light-dark-toggle--112:var(--csstools-color-scheme--light) #2b2a33;
4706
+ --preview-image-bg-color:var(--csstools-light-dark-toggle--112, #f0f0f4);
4694
4707
  }
4695
4708
  }
4696
4709
 
@@ -4881,12 +4894,12 @@
4881
4894
  }
4882
4895
 
4883
4896
  .colorPicker{
4884
- --csstools-light-dark-toggle--120:var(--csstools-color-scheme--light) #80ebff;
4885
- --hover-outline-color:var(--csstools-light-dark-toggle--120, #0250bb);
4886
- --csstools-light-dark-toggle--121:var(--csstools-color-scheme--light) #aaf2ff;
4887
- --selected-outline-color:var(--csstools-light-dark-toggle--121, #0060df);
4888
- --csstools-light-dark-toggle--122:var(--csstools-color-scheme--light) #52525e;
4889
- --swatch-border-color:var(--csstools-light-dark-toggle--122, #cfcfd8);
4897
+ --csstools-light-dark-toggle--113:var(--csstools-color-scheme--light) #80ebff;
4898
+ --hover-outline-color:var(--csstools-light-dark-toggle--113, #0250bb);
4899
+ --csstools-light-dark-toggle--114:var(--csstools-color-scheme--light) #aaf2ff;
4900
+ --selected-outline-color:var(--csstools-light-dark-toggle--114, #0060df);
4901
+ --csstools-light-dark-toggle--115:var(--csstools-color-scheme--light) #52525e;
4902
+ --swatch-border-color:var(--csstools-light-dark-toggle--115, #cfcfd8);
4890
4903
  }
4891
4904
 
4892
4905
  @supports (color: light-dark(red, red)){
@@ -4900,12 +4913,12 @@
4900
4913
  @supports not (color: light-dark(tan, tan)){
4901
4914
 
4902
4915
  .colorPicker *{
4903
- --csstools-light-dark-toggle--120:var(--csstools-color-scheme--light) #80ebff;
4904
- --hover-outline-color:var(--csstools-light-dark-toggle--120, #0250bb);
4905
- --csstools-light-dark-toggle--121:var(--csstools-color-scheme--light) #aaf2ff;
4906
- --selected-outline-color:var(--csstools-light-dark-toggle--121, #0060df);
4907
- --csstools-light-dark-toggle--122:var(--csstools-color-scheme--light) #52525e;
4908
- --swatch-border-color:var(--csstools-light-dark-toggle--122, #cfcfd8);
4916
+ --csstools-light-dark-toggle--113:var(--csstools-color-scheme--light) #80ebff;
4917
+ --hover-outline-color:var(--csstools-light-dark-toggle--113, #0250bb);
4918
+ --csstools-light-dark-toggle--114:var(--csstools-color-scheme--light) #aaf2ff;
4919
+ --selected-outline-color:var(--csstools-light-dark-toggle--114, #0060df);
4920
+ --csstools-light-dark-toggle--115:var(--csstools-color-scheme--light) #52525e;
4921
+ --swatch-border-color:var(--csstools-light-dark-toggle--115, #cfcfd8);
4909
4922
  }
4910
4923
  }
4911
4924
 
@@ -5152,9 +5165,9 @@
5152
5165
  align-items:center;
5153
5166
  align-self:stretch;
5154
5167
 
5155
- --csstools-light-dark-toggle--123:var(--csstools-color-scheme--light) #80808e;
5168
+ --csstools-light-dark-toggle--116:var(--csstools-color-scheme--light) #80808e;
5156
5169
 
5157
- --example-color:var(--csstools-light-dark-toggle--123, #bfbfc9);
5170
+ --example-color:var(--csstools-light-dark-toggle--116, #bfbfc9);
5158
5171
  }
5159
5172
 
5160
5173
  @supports (color: light-dark(red, red)){
@@ -5168,9 +5181,9 @@
5168
5181
 
5169
5182
  :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) *{
5170
5183
 
5171
- --csstools-light-dark-toggle--123:var(--csstools-color-scheme--light) #80808e;
5184
+ --csstools-light-dark-toggle--116:var(--csstools-color-scheme--light) #80808e;
5172
5185
 
5173
- --example-color:var(--csstools-light-dark-toggle--123, #bfbfc9);
5186
+ --example-color:var(--csstools-light-dark-toggle--116, #bfbfc9);
5174
5187
  }
5175
5188
  }
5176
5189
 
@@ -5212,8 +5225,8 @@
5212
5225
  }
5213
5226
 
5214
5227
  :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
5215
- --csstools-light-dark-toggle--124:var(--csstools-color-scheme--light) #8f8f9d;
5216
- --divider-color:var(--csstools-light-dark-toggle--124, #d7d7db);
5228
+ --csstools-light-dark-toggle--117:var(--csstools-color-scheme--light) #8f8f9d;
5229
+ --divider-color:var(--csstools-light-dark-toggle--117, #d7d7db);
5217
5230
  }
5218
5231
 
5219
5232
  @supports (color: light-dark(red, red)){
@@ -5225,8 +5238,8 @@
5225
5238
  @supports not (color: light-dark(tan, tan)){
5226
5239
 
5227
5240
  :is(:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider) *{
5228
- --csstools-light-dark-toggle--124:var(--csstools-color-scheme--light) #8f8f9d;
5229
- --divider-color:var(--csstools-light-dark-toggle--124, #d7d7db);
5241
+ --csstools-light-dark-toggle--117:var(--csstools-color-scheme--light) #8f8f9d;
5242
+ --divider-color:var(--csstools-light-dark-toggle--117, #d7d7db);
5230
5243
  }
5231
5244
  }
5232
5245
 
@@ -5306,230 +5319,1416 @@
5306
5319
  gap:16px;
5307
5320
  }
5308
5321
 
5309
- .sidebar{
5310
- --csstools-light-dark-toggle--125:var(--csstools-color-scheme--light) #23222b;
5311
- --sidebar-bg-color:var(--csstools-light-dark-toggle--125, #fff);
5312
- --csstools-light-dark-toggle--126:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
5313
- --sidebar-border-color:var(--csstools-light-dark-toggle--126, rgb(21 20 26 / 0.1));
5314
- --csstools-light-dark-toggle--127:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5315
- --csstools-light-dark-toggle--128:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5316
- --sidebar-box-shadow:0 0.25px 0.75px var(--csstools-light-dark-toggle--127, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--128, rgb(0 0 0 / 0.1));
5317
- --sidebar-backdrop-filter:none;
5318
- --sidebar-border-radius:8px;
5319
- --sidebar-padding:5px;
5320
- --sidebar-min-width:180px;
5321
- --sidebar-max-width:632px;
5322
- --sidebar-width:239px;
5323
- --resizer-width:4px;
5324
- --csstools-light-dark-toggle--129:var(--csstools-color-scheme--light) #00cadb;
5325
- --resizer-hover-bg-color:var(--csstools-light-dark-toggle--129, #0062fa);
5322
+ .popupMenu{
5323
+ --menuitem-checkmark-icon:url(images/checkmark.svg);
5324
+ --menu-mark-icon-size:0;
5325
+ --menu-icon-size:16px;
5326
+ --menuitem-gap:5px;
5327
+ --menuitem-border-color:transparent;
5328
+ --menuitem-active-bg:color-mix(
5329
+ in srgb,
5330
+ var(--menu-text-color),
5331
+ transparent 79%
5332
+ );
5333
+ --menuitem-text-active-fg:var(--menu-text-color);
5334
+ --menuitem-focus-bg:color-mix(
5335
+ in srgb,
5336
+ var(--menu-text-color),
5337
+ transparent 93%
5338
+ );
5339
+ --csstools-light-dark-toggle--118:var(--csstools-color-scheme--light) #00cadb;
5340
+ --menuitem-focus-outline-color:var(--csstools-light-dark-toggle--118, #0062fa);
5341
+ --csstools-light-dark-toggle--119:var(--csstools-color-scheme--light) black;
5342
+ --menuitem-focus-border-color:var(--csstools-light-dark-toggle--119, white);
5343
+
5344
+ --csstools-light-dark-toggle--120:var(--csstools-color-scheme--light) #23222b;
5345
+
5346
+ --menu-bg:var(--csstools-light-dark-toggle--120, white);
5347
+ --menu-background-blend-mode:normal;
5348
+ --csstools-light-dark-toggle--121:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5349
+ --csstools-light-dark-toggle--122:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5350
+ --menu-box-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--121, rgb(0 0 0 / 0.05)), 0 3px 12px 0 var(--csstools-light-dark-toggle--122, rgb(0 0 0 / 0.1));
5351
+ --csstools-light-dark-toggle--123:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
5352
+ --menu-border-color:var(--csstools-light-dark-toggle--123, rgb(21 20 26 / 0.1));
5353
+ --menuitem-border-radius:8px;
5354
+ --menu-backdrop-filter:none;
5355
+ --csstools-light-dark-toggle--124:var(--csstools-color-scheme--light) #fbfbfe;
5356
+ --menu-text-color:var(--csstools-light-dark-toggle--124, #15141a);
5357
+ --menuitem-text-hover-fg:var(--menu-text-color);
5358
+ --menuitem-hover-bg:color-mix(
5359
+ in srgb,
5360
+ var(--menu-text-color),
5361
+ transparent 86%
5362
+ );
5363
+ --menuitem-hover-background-blend-mode:normal;
5326
5364
  }
5327
5365
 
5328
5366
  @supports (color: light-dark(red, red)){
5329
- .sidebar{
5330
- --sidebar-bg-color:light-dark(#fff, #23222b);
5367
+ .popupMenu{
5368
+ --menuitem-focus-outline-color:light-dark(#0062fa, #00cadb);
5369
+ --menuitem-focus-border-color:light-dark(white, black);
5370
+
5371
+ --menu-bg:light-dark(white, #23222b);
5331
5372
  }
5332
5373
  }
5333
5374
 
5334
5375
  @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
5335
- .sidebar{
5336
- --sidebar-border-color:light-dark(
5337
- rgb(21 20 26 / 0.1),
5338
- rgb(251 251 254 / 0.1)
5339
- );
5340
- --sidebar-box-shadow:0 0.25px 0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
5376
+ .popupMenu{
5377
+ --menu-box-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
5378
+ --menu-border-color:light-dark(rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1));
5341
5379
  }
5342
5380
  }
5343
5381
 
5344
5382
  @supports (color: light-dark(red, red)){
5345
- .sidebar{
5346
- --resizer-hover-bg-color:light-dark(#0062fa, #00cadb);
5383
+ .popupMenu{
5384
+ --menu-text-color:light-dark(#15141a, #fbfbfe);
5347
5385
  }
5348
5386
  }
5349
5387
 
5350
5388
  @supports not (color: light-dark(tan, tan)){
5351
5389
 
5352
- .sidebar *{
5353
- --csstools-light-dark-toggle--125:var(--csstools-color-scheme--light) #23222b;
5354
- --sidebar-bg-color:var(--csstools-light-dark-toggle--125, #fff);
5355
- --csstools-light-dark-toggle--126:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
5356
- --sidebar-border-color:var(--csstools-light-dark-toggle--126, rgb(21 20 26 / 0.1));
5357
- --csstools-light-dark-toggle--127:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5358
- --csstools-light-dark-toggle--128:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5359
- --sidebar-box-shadow:0 0.25px 0.75px var(--csstools-light-dark-toggle--127, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--128, rgb(0 0 0 / 0.1));
5360
- --csstools-light-dark-toggle--129:var(--csstools-color-scheme--light) #00cadb;
5361
- --resizer-hover-bg-color:var(--csstools-light-dark-toggle--129, #0062fa);
5390
+ .popupMenu *{
5391
+ --csstools-light-dark-toggle--118:var(--csstools-color-scheme--light) #00cadb;
5392
+ --menuitem-focus-outline-color:var(--csstools-light-dark-toggle--118, #0062fa);
5393
+ --csstools-light-dark-toggle--119:var(--csstools-color-scheme--light) black;
5394
+ --menuitem-focus-border-color:var(--csstools-light-dark-toggle--119, white);
5395
+
5396
+ --csstools-light-dark-toggle--120:var(--csstools-color-scheme--light) #23222b;
5397
+
5398
+ --menu-bg:var(--csstools-light-dark-toggle--120, white);
5399
+ --csstools-light-dark-toggle--121:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5400
+ --csstools-light-dark-toggle--122:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5401
+ --menu-box-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--121, rgb(0 0 0 / 0.05)), 0 3px 12px 0 var(--csstools-light-dark-toggle--122, rgb(0 0 0 / 0.1));
5402
+ --csstools-light-dark-toggle--123:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
5403
+ --menu-border-color:var(--csstools-light-dark-toggle--123, rgb(21 20 26 / 0.1));
5404
+ --csstools-light-dark-toggle--124:var(--csstools-color-scheme--light) #fbfbfe;
5405
+ --menu-text-color:var(--csstools-light-dark-toggle--124, #15141a);
5362
5406
  }
5363
5407
  }
5364
5408
 
5365
5409
  @media screen and (forced-colors: active){
5366
5410
 
5367
- .sidebar{
5368
- --sidebar-bg-color:Canvas;
5369
- --sidebar-border-color:CanvasText;
5370
- --sidebar-box-shadow:none;
5371
- --resizer-hover-bg-color:CanvasText;
5411
+ .popupMenu{
5412
+ --menu-bg:Canvas;
5413
+ --menu-background-blend-mode:normal;
5414
+ --menu-box-shadow:none;
5415
+ --menu-backdrop-filter:none;
5416
+ --menu-text-color:ButtonText;
5417
+ --menu-border-color:CanvasText;
5418
+ --menuitem-border-color:none;
5419
+ --menuitem-hover-bg:SelectedItemText;
5420
+ --menuitem-text-hover-fg:SelectedItem;
5421
+ --menuitem-active-bg:SelectedItemText;
5422
+ --menuitem-text-active-fg:SelectedItem;
5423
+ --menuitem-focus-outline-color:CanvasText;
5424
+ --menuitem-focus-border-color:none;
5372
5425
  }
5373
5426
  }
5374
5427
 
5375
- .sidebar{
5428
+ .popupMenu{
5376
5429
 
5377
- border-radius:var(--sidebar-border-radius);
5378
- box-shadow:var(--sidebar-box-shadow);
5379
- border:1px solid var(--sidebar-border-color);
5380
- background-color:var(--sidebar-bg-color);
5381
- inset-block-start:calc(100% + var(--doorhanger-height) - 2px);
5382
- padding-block:var(--sidebar-padding);
5383
- width:var(--sidebar-width);
5384
- min-width:var(--sidebar-min-width);
5385
- max-width:var(--sidebar-max-width);
5386
- -webkit-backdrop-filter:var(--sidebar-backdrop-filter);
5387
- backdrop-filter:var(--sidebar-backdrop-filter);
5430
+ display:flex;
5431
+ flex-direction:column;
5432
+ width:-moz-max-content;
5433
+ width:max-content;
5434
+ height:auto;
5435
+ position:relative;
5436
+ left:0;
5437
+ top:1px;
5438
+ margin:0;
5439
+ padding:5px;
5440
+
5441
+ background:var(--menu-bg);
5442
+ background-blend-mode:var(--menu-background-blend-mode);
5443
+ box-shadow:var(--menu-box-shadow);
5444
+ border-radius:6px;
5445
+ border:1px solid var(--menu-border-color);
5446
+ -webkit-backdrop-filter:var(--menu-backdrop-filter);
5447
+ backdrop-filter:var(--menu-backdrop-filter);
5388
5448
  }
5389
5449
 
5390
- .sidebar .sidebarResizer{
5391
- width:var(--resizer-width);
5392
- background-color:transparent;
5393
- forced-color-adjust:none;
5394
- cursor:ew-resize;
5395
- position:absolute;
5396
- inset-block:calc(var(--sidebar-padding) + var(--sidebar-border-radius));
5397
- inset-inline-start:calc(0px - var(--resizer-width) / 2);
5398
- transition:background-color 0.5s ease-in-out;
5450
+ .popupMenu.withMark{
5451
+ --menu-mark-icon-size:16px;
5452
+ }
5453
+
5454
+ .popupMenu > li{
5455
+ display:flex;
5456
+ align-items:center;
5457
+ list-style:none;
5458
+ width:100%;
5459
+ height:24px;
5460
+ padding-inline:calc(var(--menu-mark-icon-size) + var(--menuitem-gap)) var(--menuitem-gap);
5461
+ gap:var(--menuitem-gap);
5399
5462
  box-sizing:border-box;
5400
- border:1px solid transparent;
5401
- border-block-width:0;
5402
- background-clip:content-box;
5463
+ border-radius:var(--menuitem-border-radius);
5464
+ border:1px solid var(--menuitem-border-color);
5465
+ background:transparent;
5403
5466
  }
5404
5467
 
5405
- :is(.sidebar .sidebarResizer):hover{
5406
- background-color:var(--resizer-hover-bg-color);
5468
+ :is(.popupMenu > li):has(button.selected)::before{
5469
+ content:"";
5470
+ display:inline-block;
5471
+ width:11px;
5472
+ height:11px;
5473
+ -webkit-mask-repeat:no-repeat;
5474
+ mask-repeat:no-repeat;
5475
+ -webkit-mask-position:center;
5476
+ mask-position:center;
5477
+ -webkit-mask-image:var(--menuitem-checkmark-icon);
5478
+ mask-image:var(--menuitem-checkmark-icon);
5479
+ background-color:var(--menu-text-color);
5480
+ position:absolute;
5481
+ margin-inline-start:-16px;
5407
5482
  }
5408
5483
 
5409
- :is(.sidebar .sidebarResizer):focus-visible{
5410
- background-color:var(--resizer-hover-bg-color);
5411
- outline:none;
5484
+ :is(.popupMenu > li):has(button:disabled){
5485
+ opacity:0.62;
5486
+ pointer-events:none;
5412
5487
  }
5413
5488
 
5414
- .sidebar.resizing{
5415
- cursor:ew-resize;
5416
- -webkit-user-select:none;
5417
- -moz-user-select:none;
5418
- user-select:none;
5419
- }
5420
-
5421
- .sidebar.resizing :not(.sidebarResizer){
5422
- pointer-events:none;
5489
+ :is(.popupMenu > li):hover{
5490
+ background:var(--menuitem-hover-bg);
5491
+ background-blend-mode:var(--menuitem-hover-background-blend-mode);
5423
5492
  }
5424
5493
 
5425
- :root{
5426
- --csstools-color-scheme--light:initial;
5427
- color-scheme:light dark;
5494
+ :is(:is(.popupMenu > li):hover > button):not(.noIcon)::before{
5495
+ background-color:var(--menuitem-text-hover-fg);
5496
+ }
5428
5497
 
5429
- --viewer-container-height:0;
5430
- --pdfViewer-padding-bottom:0;
5431
- --page-margin:1px auto -8px;
5432
- --page-border:9px solid transparent;
5433
- --spreadHorizontalWrapped-margin-LR:-3.5px;
5434
- --loading-icon-delay:400ms;
5435
- --csstools-light-dark-toggle--130:var(--csstools-color-scheme--light) #0df;
5436
- --focus-ring-color:var(--csstools-light-dark-toggle--130, #0060df);
5437
- --focus-ring-outline:2px solid var(--focus-ring-color);
5438
- }
5498
+ :is(:is(.popupMenu > li):hover > button) > span{
5499
+ color:var(--menuitem-text-hover-fg);
5500
+ }
5439
5501
 
5440
- @supports (color: light-dark(red, red)){
5441
- :root{
5442
- --focus-ring-color:light-dark(#0060df, #0df);
5443
- }
5444
- }
5502
+ :is(.popupMenu > li):hover:has(button.selected)::before{
5503
+ background-color:var(--menuitem-text-hover-fg);
5504
+ }
5445
5505
 
5446
- @supports not (color: light-dark(tan, tan)){
5506
+ :is(.popupMenu > li):active{
5507
+ background-color:var(--menuitem-active-bg);
5508
+ }
5447
5509
 
5448
- :root *{
5449
- --csstools-light-dark-toggle--130:var(--csstools-color-scheme--light) #0df;
5450
- --focus-ring-color:var(--csstools-light-dark-toggle--130, #0060df);
5451
- }
5452
- }
5510
+ :is(.popupMenu > li):active > button > span{
5511
+ color:var(--menuitem-text-active-fg);
5512
+ }
5453
5513
 
5454
- @media (prefers-color-scheme: dark){
5514
+ :is(.popupMenu > li):has( > button:focus-visible){
5515
+ border-color:var(--menuitem-focus-border-color);
5516
+ background-color:var(--menuitem-focus-bg);
5517
+ outline:2px solid var(--menuitem-focus-outline-color);
5518
+ outline-offset:2px;
5519
+ }
5455
5520
 
5456
- :root{
5457
- --csstools-color-scheme--light:;
5458
- }
5459
- }
5521
+ :is(.popupMenu > li) > button{
5522
+ display:flex;
5523
+ flex-direction:row;
5524
+ align-items:center;
5525
+ width:100%;
5526
+ height:auto;
5527
+ padding:var(--menuitem-gap);
5528
+ gap:var(--menuitem-gap);
5529
+ background:transparent;
5530
+ border:none;
5531
+ }
5460
5532
 
5461
- @media screen and (forced-colors: active){
5533
+ :is(:is(.popupMenu > li) > button):not(.noIcon)::before{
5534
+ display:inline-block;
5535
+ width:var(--menu-icon-size);
5536
+ height:var(--menu-icon-size);
5537
+ content:"";
5538
+ -webkit-mask-size:cover;
5539
+ mask-size:cover;
5540
+ -webkit-mask-position:center;
5541
+ mask-position:center;
5542
+ background-color:var(--menu-text-color);
5543
+ }
5462
5544
 
5463
- :root{
5464
- --pdfViewer-padding-bottom:9px;
5465
- --page-margin:8px auto -1px;
5466
- --page-border:1px solid CanvasText;
5467
- --spreadHorizontalWrapped-margin-LR:3.5px;
5468
- --focus-ring-color:CanvasText;
5469
- }
5470
- }
5545
+ :is(:is(.popupMenu > li) > button):focus-visible{
5546
+ outline:none;
5547
+ }
5471
5548
 
5472
- [data-main-rotation="90"]{
5473
- transform:rotate(90deg) translateY(-100%);
5549
+ :is(:is(.popupMenu > li) > button) > span{
5550
+ display:inline-block;
5551
+ width:-moz-max-content;
5552
+ width:max-content;
5553
+ height:auto;
5554
+ text-align:start;
5555
+ color:var(--menu-text-color);
5556
+ -webkit-user-select:none;
5557
+ -moz-user-select:none;
5558
+ user-select:none;
5559
+ padding-inline-start:6px;
5560
+
5561
+ font:menu;
5562
+ font-size:13px;
5563
+ font-style:normal;
5564
+ font-weight:510;
5565
+ line-height:normal;
5566
+ }
5567
+
5568
+ .treeView{
5569
+ --csstools-light-dark-toggle--125:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.8);
5570
+ --treeitem-color:var(--csstools-light-dark-toggle--125, rgb(0 0 0 / 0.8));
5571
+ --csstools-light-dark-toggle--126:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.15);
5572
+ --treeitem-bg-color:var(--csstools-light-dark-toggle--126, rgb(0 0 0 / 0.15));
5573
+ --csstools-light-dark-toggle--127:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
5574
+ --treeitem-hover-color:var(--csstools-light-dark-toggle--127, rgb(0 0 0 / 0.9));
5575
+ --csstools-light-dark-toggle--128:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
5576
+ --treeitem-selected-color:var(--csstools-light-dark-toggle--128, rgb(0 0 0 / 0.9));
5577
+ --csstools-light-dark-toggle--129:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.25);
5578
+ --treeitem-selected-bg-color:var(--csstools-light-dark-toggle--129, rgb(0 0 0 / 0.25));
5579
+ --treeitem-expanded-icon:url(images/treeitem-expanded.svg);
5580
+ --treeitem-collapsed-icon:url(images/treeitem-collapsed.svg);
5474
5581
  }
5475
- [data-main-rotation="180"]{
5476
- transform:rotate(180deg) translate(-100%, -100%);
5582
+
5583
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
5584
+ .treeView{
5585
+ --treeitem-color:light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8));
5586
+ --treeitem-bg-color:light-dark(rgb(0 0 0 / 0.15), rgb(255 255 255 / 0.15));
5587
+ --treeitem-hover-color:light-dark(rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9));
5588
+ --treeitem-selected-color:light-dark(
5589
+ rgb(0 0 0 / 0.9),
5590
+ rgb(255 255 255 / 0.9)
5591
+ );
5592
+ --treeitem-selected-bg-color:light-dark(
5593
+ rgb(0 0 0 / 0.25),
5594
+ rgb(255 255 255 / 0.25)
5595
+ );
5477
5596
  }
5478
- [data-main-rotation="270"]{
5479
- transform:rotate(270deg) translateX(-100%);
5480
5597
  }
5481
5598
 
5482
- #hiddenCopyElement,
5483
- .hiddenCanvasElement{
5484
- position:absolute;
5485
- top:0;
5486
- left:0;
5487
- width:0;
5488
- height:0;
5489
- display:none;
5599
+ @supports not (color: light-dark(tan, tan)){
5600
+
5601
+ .treeView *{
5602
+ --csstools-light-dark-toggle--125:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.8);
5603
+ --treeitem-color:var(--csstools-light-dark-toggle--125, rgb(0 0 0 / 0.8));
5604
+ --csstools-light-dark-toggle--126:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.15);
5605
+ --treeitem-bg-color:var(--csstools-light-dark-toggle--126, rgb(0 0 0 / 0.15));
5606
+ --csstools-light-dark-toggle--127:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
5607
+ --treeitem-hover-color:var(--csstools-light-dark-toggle--127, rgb(0 0 0 / 0.9));
5608
+ --csstools-light-dark-toggle--128:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
5609
+ --treeitem-selected-color:var(--csstools-light-dark-toggle--128, rgb(0 0 0 / 0.9));
5610
+ --csstools-light-dark-toggle--129:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.25);
5611
+ --treeitem-selected-bg-color:var(--csstools-light-dark-toggle--129, rgb(0 0 0 / 0.25));
5612
+ }
5490
5613
  }
5491
5614
 
5492
- .pdfViewer{
5493
- --scale-factor:1;
5494
- --page-bg-color:unset;
5615
+ :is(.treeView.withNesting .treeItemToggler)::before{
5616
+ position:absolute;
5617
+ display:inline-block;
5618
+ width:16px;
5619
+ height:16px;
5620
+ inset-inline-end:4px;
5495
5621
 
5496
- padding-bottom:var(--pdfViewer-padding-bottom);
5622
+ content:"";
5623
+ background-color:var(--toolbar-icon-bg-color);
5624
+ -webkit-mask-image:var(--treeitem-expanded-icon);
5625
+ mask-image:var(--treeitem-expanded-icon);
5626
+ -webkit-mask-size:cover;
5627
+ mask-size:cover;
5628
+ }
5497
5629
 
5498
- --hcm-highlight-filter:none;
5499
- --hcm-highlight-selected-filter:none;
5500
- }
5630
+ .treeView.withNesting .treeItemToggler{
5501
5631
 
5502
- @media screen and (forced-colors: active){
5632
+ position:relative;
5633
+ float:var(--inline-start);
5634
+ height:0;
5635
+ width:0;
5636
+ color:rgb(255 255 255 / 0.5);
5637
+ }
5503
5638
 
5504
- .pdfViewer{
5505
- --hcm-highlight-filter:invert(100%);
5506
- }
5507
- }
5639
+ .treeItemsHidden:is(.treeView.withNesting .treeItemToggler)::before{
5640
+ -webkit-mask-image:var(--treeitem-collapsed-icon);
5641
+ mask-image:var(--treeitem-collapsed-icon);
5642
+ transform:scaleX(var(--dir-factor));
5643
+ }
5508
5644
 
5509
- .pdfViewer.copyAll{
5510
- cursor:wait;
5511
- }
5645
+ .treeItemsHidden:is(.treeView.withNesting .treeItemToggler) ~ .treeItems{
5646
+ display:none;
5647
+ }
5512
5648
 
5513
- .pdfViewer .canvasWrapper{
5514
- overflow:hidden;
5515
- width:100%;
5516
- height:100%;
5517
- }
5649
+ :is(.treeView.withNesting .treeItemToggler):hover + a,:is(.treeView.withNesting .treeItemToggler):hover ~ .treeItems{
5650
+ background-color:var(--treeitem-bg-color);
5651
+ background-clip:padding-box;
5652
+ border-radius:2px;
5653
+ color:var(--treeitem-hover-color);
5654
+ }
5518
5655
 
5519
- :is(.pdfViewer .canvasWrapper) canvas{
5520
- position:absolute;
5521
- top:0;
5522
- left:0;
5523
- margin:0;
5524
- display:block;
5525
- width:100%;
5526
- height:100%;
5527
- contain:content;
5656
+ .treeView.withNesting > .treeItem,.treeView.withNesting .treeItem > .treeItems{
5657
+ margin-inline-start:20px;
5528
5658
  }
5529
5659
 
5530
- :is(:is(.pdfViewer .canvasWrapper) canvas) .structTree{
5531
- contain:strict;
5532
- }
5660
+ :is(#layersView.treeView .treeItem > a) *{
5661
+ cursor:pointer;
5662
+ }
5663
+
5664
+ :is(#layersView.treeView .treeItem > a) > label{
5665
+ display:flex;
5666
+ align-items:center;
5667
+ padding-inline-start:4px;
5668
+ }
5669
+
5670
+ :is(:is(#layersView.treeView .treeItem > a) > label) > input{
5671
+ margin-top:1px;
5672
+ }
5673
+
5674
+ :is(.treeView .treeItem) > a{
5675
+ text-decoration:none;
5676
+ display:inline-block;
5677
+ min-width:calc(100% - 4px);
5678
+ height:auto;
5679
+ margin-bottom:1px;
5680
+ padding:2px 0 5px;
5681
+ padding-inline-start:4px;
5682
+ border-radius:2px;
5683
+ color:var(--treeitem-color);
5684
+ font-size:13px;
5685
+ line-height:15px;
5686
+ -webkit-user-select:none;
5687
+ -moz-user-select:none;
5688
+ user-select:none;
5689
+ white-space:normal;
5690
+ cursor:default;
5691
+ }
5692
+
5693
+ :is(:is(.treeView .treeItem) > a):hover{
5694
+ background-color:var(--treeitem-bg-color);
5695
+ background-clip:padding-box;
5696
+ border-radius:2px;
5697
+ color:var(--treeitem-hover-color);
5698
+ }
5699
+
5700
+ .selected:is(.treeView .treeItem) > a{
5701
+ background-color:var(--treeitem-selected-bg-color);
5702
+ color:var(--treeitem-selected-color);
5703
+ }
5704
+
5705
+ #outerContainer.viewsManagerMoving #viewsManager{
5706
+ visibility:visible;
5707
+ }
5708
+
5709
+ #outerContainer.viewsManagerOpen #viewsManager{
5710
+ visibility:visible;
5711
+ inset-inline-start:1px;
5712
+ }
5713
+
5714
+ #outerContainer.viewsManagerOpen #viewerContainer:not(.pdfPresentationMode){
5715
+ inset-inline-start:var(--viewsManager-width, 0);
5716
+ transition-property:inset-inline-start;
5717
+ }
5718
+
5719
+ #outerContainer.viewsManagerResizing :is(#sidebarContainer,#viewerContainer,#loadingBar){
5720
+ transition-duration:0s;
5721
+ }
5722
+
5723
+ #viewsManager{
5724
+ --views-manager-button-icon:url(images/pages_viewButton.svg);
5725
+ --views-manager-button-arrow-icon:url(images/pages_viewArrow.svg);
5726
+ --views-manager-add-file-button-icon:url(images/toolbarButton-zoomIn.svg);
5727
+ --current-outline-button-icon:url(images/toolbarButton-currentOutlineItem.svg);
5728
+ --menuitem-thumbnailsView-icon:url(images/pages_viewButton.svg);
5729
+ --menuitem-outlinesView-icon:url(images/toolbarButton-viewOutline.svg);
5730
+ --menuitem-attachmentsView-icon:url(images/toolbarButton-viewAttachments.svg);
5731
+ --menuitem-layersView-icon:url(images/toolbarButton-viewLayers.svg);
5732
+ --manage-button-icon:url(images/toolbarButton-pageDown.svg);
5733
+ --close-button-icon:url(images/pages_closeButton.svg);
5734
+ --undo-label-icon:url(images/altText_done.svg);
5735
+ --pages-selected-icon:url(images/pages_selected.svg);
5736
+ --spinner-icon:url(images/altText_spinner.svg);
5737
+
5738
+ --csstools-light-dark-toggle--130:var(--csstools-color-scheme--light) rgb(35 34 43 / 0.92);
5739
+
5740
+ --sidebar-bg-color:var(--csstools-light-dark-toggle--130, rgb(255 255 255 / 0.92));
5741
+ --sidebar-backdrop-filter:blur(7px);
5742
+ --sidebar-width:230px;
5743
+ --sidebar-min-width:min-content;
5744
+ --sidebar-max-width:50vw;
5745
+
5746
+ --csstools-light-dark-toggle--131:var(--csstools-color-scheme--light) #fbfbfe;
5747
+
5748
+ --text-color:var(--csstools-light-dark-toggle--131, #15141a);
5749
+ --button-fg:var(--text-color);
5750
+ --button-no-bg:transparent;
5751
+ --csstools-light-dark-toggle--132:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
5752
+ --button-bg:var(--csstools-light-dark-toggle--132, rgb(21 20 26 / 0.07));
5753
+ --button-border-color:transparent;
5754
+ --csstools-light-dark-toggle--133:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
5755
+ --button-hover-bg:var(--csstools-light-dark-toggle--133, rgb(21 20 26 / 0.14));
5756
+ --button-hover-fg:var(--text-color);
5757
+ --button-hover-border-color:var(--button-border-color);
5758
+ --csstools-light-dark-toggle--134:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
5759
+ --button-active-bg:var(--csstools-light-dark-toggle--134, rgb(21 20 26 / 0.21));
5760
+ --button-active-fg:var(--text-color);
5761
+ --button-active-border-color:var(--button-border-color);
5762
+ --button-focus-no-bg:color-mix(in srgb, var(--text-color), transparent 93%);
5763
+ --csstools-light-dark-toggle--135:var(--csstools-color-scheme--light) #00cadb;
5764
+ --button-focus-outline-color:var(--csstools-light-dark-toggle--135, #0062fa);
5765
+ --csstools-light-dark-toggle--136:var(--csstools-color-scheme--light) black;
5766
+ --button-focus-border-color:var(--csstools-light-dark-toggle--136, white);
5767
+ --status-border-color:transparent;
5768
+ --csstools-light-dark-toggle--137:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.03);
5769
+ --status-actions-bg:var(--csstools-light-dark-toggle--137, rgb(21 20 26 / 0.03));
5770
+ --csstools-light-dark-toggle--138:var(--csstools-color-scheme--light) rgb(0 202 219 / 0.08);
5771
+ --status-undo-bg:var(--csstools-light-dark-toggle--138, rgb(0 98 250 / 0.08));
5772
+ --status-waiting-bg:var(--status-undo-bg);
5773
+ --csstools-light-dark-toggle--139:var(--csstools-color-scheme--light) #00cadb;
5774
+ --indicator-color:var(--csstools-light-dark-toggle--139, #0062fa);
5775
+ --csstools-light-dark-toggle--140:var(--csstools-color-scheme--light) #6e001f;
5776
+ --status-warning-bg:var(--csstools-light-dark-toggle--140, #ffe8ea);
5777
+ --csstools-light-dark-toggle--141:var(--csstools-color-scheme--light) #ffa0aa;
5778
+ --indicator-warning-color:var(--csstools-light-dark-toggle--141, #b20037);
5779
+ --csstools-light-dark-toggle--142:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5780
+ --csstools-light-dark-toggle--143:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5781
+ --header-shadow:0 0.25px 0.75px -0.75px var(--csstools-light-dark-toggle--142, rgb(0 0 0 / 0.05)), 0 2px 6px -6px var(--csstools-light-dark-toggle--143, rgb(0 0 0 / 0.1));
5782
+ --image-outline:none;
5783
+ --image-border-width:4px;
5784
+ --csstools-light-dark-toggle--144:var(--csstools-color-scheme--light) #3a3944;
5785
+ --image-border-color:var(--csstools-light-dark-toggle--144, #cfcfd8);
5786
+ --csstools-light-dark-toggle--145:var(--csstools-color-scheme--light) #3a3944;
5787
+ --image-hover-border-color:var(--csstools-light-dark-toggle--145, #cfcfd8);
5788
+ --image-current-border-color:var(--button-focus-outline-color);
5789
+ --image-current-focused-outline-color:var(--image-hover-border-color);
5790
+ --csstools-light-dark-toggle--146:var(--csstools-color-scheme--light) #23222b;
5791
+ --image-page-number-bg:var(--csstools-light-dark-toggle--146, #f0f0f4);
5792
+ --image-page-number-fg:var(--text-color);
5793
+ --csstools-light-dark-toggle--147:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5794
+ --csstools-light-dark-toggle--148:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5795
+ --image-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--147, rgb(0 0 0 / 0.05)), 0 0 0 1px var(--image-border-color), 0 3px 12px 0 var(--csstools-light-dark-toggle--148, rgb(0 0 0 / 0.1));
5796
+ --csstools-light-dark-toggle--149:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5797
+ --csstools-light-dark-toggle--150:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5798
+ --image-hover-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--149, rgb(0 0 0 / 0.05)), 0 0 0 var(--image-border-width) var(--image-hover-border-color), 0 3px 12px 0 var(--csstools-light-dark-toggle--150, rgb(0 0 0 / 0.1));
5799
+ --csstools-light-dark-toggle--151:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5800
+ --csstools-light-dark-toggle--152:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5801
+ --image-current-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--151, rgb(0 0 0 / 0.05)), 0 0 0 var(--image-border-width) var(--image-current-border-color), 0 3px 12px 0 var(--csstools-light-dark-toggle--152, rgb(0 0 0 / 0.1));
5802
+ }
5803
+
5804
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
5805
+ #viewsManager{
5806
+
5807
+ --sidebar-bg-color:light-dark(rgb(255 255 255 / 0.92), rgb(35 34 43 / 0.92));
5808
+ }
5809
+ }
5810
+
5811
+ @supports (color: light-dark(red, red)){
5812
+ #viewsManager{
5813
+
5814
+ --text-color:light-dark(#15141a, #fbfbfe);
5815
+ }
5816
+ }
5817
+
5818
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
5819
+ #viewsManager{
5820
+ --button-bg:light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07));
5821
+ --button-hover-bg:light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14));
5822
+ --button-active-bg:light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21));
5823
+ }
5824
+ }
5825
+
5826
+ @supports (color: light-dark(red, red)){
5827
+ #viewsManager{
5828
+ --button-focus-outline-color:light-dark(#0062fa, #00cadb);
5829
+ --button-focus-border-color:light-dark(white, black);
5830
+ }
5831
+ }
5832
+
5833
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
5834
+ #viewsManager{
5835
+ --status-actions-bg:light-dark(
5836
+ rgb(21 20 26 / 0.03),
5837
+ rgb(251 251 254 / 0.03)
5838
+ );
5839
+ --status-undo-bg:light-dark(rgb(0 98 250 / 0.08), rgb(0 202 219 / 0.08));
5840
+ }
5841
+ }
5842
+
5843
+ @supports (color: light-dark(red, red)){
5844
+ #viewsManager{
5845
+ --indicator-color:light-dark(#0062fa, #00cadb);
5846
+ --status-warning-bg:light-dark(#ffe8ea, #6e001f);
5847
+ --indicator-warning-color:light-dark(#b20037, #ffa0aa);
5848
+ }
5849
+ }
5850
+
5851
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
5852
+ #viewsManager{
5853
+ --header-shadow:0 0.25px 0.75px -0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px -6px light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
5854
+ }
5855
+ }
5856
+
5857
+ @supports (color: light-dark(red, red)){
5858
+ #viewsManager{
5859
+ --image-border-color:light-dark(#cfcfd8, #3a3944);
5860
+ --image-hover-border-color:light-dark(#cfcfd8, #3a3944);
5861
+ --image-page-number-bg:light-dark(#f0f0f4, #23222b);
5862
+ }
5863
+ }
5864
+
5865
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
5866
+ #viewsManager{
5867
+ --image-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0 0 1px var(--image-border-color), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
5868
+ --image-hover-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0 0 var(--image-border-width) var(--image-hover-border-color), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
5869
+ --image-current-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0 0 var(--image-border-width) var(--image-current-border-color), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
5870
+ }
5871
+ }
5872
+
5873
+ @supports not (color: light-dark(tan, tan)){
5874
+
5875
+ #viewsManager *{
5876
+
5877
+ --csstools-light-dark-toggle--130:var(--csstools-color-scheme--light) rgb(35 34 43 / 0.92);
5878
+
5879
+ --sidebar-bg-color:var(--csstools-light-dark-toggle--130, rgb(255 255 255 / 0.92));
5880
+
5881
+ --csstools-light-dark-toggle--131:var(--csstools-color-scheme--light) #fbfbfe;
5882
+
5883
+ --text-color:var(--csstools-light-dark-toggle--131, #15141a);
5884
+ --csstools-light-dark-toggle--132:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
5885
+ --button-bg:var(--csstools-light-dark-toggle--132, rgb(21 20 26 / 0.07));
5886
+ --csstools-light-dark-toggle--133:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
5887
+ --button-hover-bg:var(--csstools-light-dark-toggle--133, rgb(21 20 26 / 0.14));
5888
+ --csstools-light-dark-toggle--134:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
5889
+ --button-active-bg:var(--csstools-light-dark-toggle--134, rgb(21 20 26 / 0.21));
5890
+ --csstools-light-dark-toggle--135:var(--csstools-color-scheme--light) #00cadb;
5891
+ --button-focus-outline-color:var(--csstools-light-dark-toggle--135, #0062fa);
5892
+ --csstools-light-dark-toggle--136:var(--csstools-color-scheme--light) black;
5893
+ --button-focus-border-color:var(--csstools-light-dark-toggle--136, white);
5894
+ --csstools-light-dark-toggle--137:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.03);
5895
+ --status-actions-bg:var(--csstools-light-dark-toggle--137, rgb(21 20 26 / 0.03));
5896
+ --csstools-light-dark-toggle--138:var(--csstools-color-scheme--light) rgb(0 202 219 / 0.08);
5897
+ --status-undo-bg:var(--csstools-light-dark-toggle--138, rgb(0 98 250 / 0.08));
5898
+ --csstools-light-dark-toggle--139:var(--csstools-color-scheme--light) #00cadb;
5899
+ --indicator-color:var(--csstools-light-dark-toggle--139, #0062fa);
5900
+ --csstools-light-dark-toggle--140:var(--csstools-color-scheme--light) #6e001f;
5901
+ --status-warning-bg:var(--csstools-light-dark-toggle--140, #ffe8ea);
5902
+ --csstools-light-dark-toggle--141:var(--csstools-color-scheme--light) #ffa0aa;
5903
+ --indicator-warning-color:var(--csstools-light-dark-toggle--141, #b20037);
5904
+ --csstools-light-dark-toggle--142:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5905
+ --csstools-light-dark-toggle--143:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5906
+ --header-shadow:0 0.25px 0.75px -0.75px var(--csstools-light-dark-toggle--142, rgb(0 0 0 / 0.05)), 0 2px 6px -6px var(--csstools-light-dark-toggle--143, rgb(0 0 0 / 0.1));
5907
+ --csstools-light-dark-toggle--144:var(--csstools-color-scheme--light) #3a3944;
5908
+ --image-border-color:var(--csstools-light-dark-toggle--144, #cfcfd8);
5909
+ --csstools-light-dark-toggle--145:var(--csstools-color-scheme--light) #3a3944;
5910
+ --image-hover-border-color:var(--csstools-light-dark-toggle--145, #cfcfd8);
5911
+ --csstools-light-dark-toggle--146:var(--csstools-color-scheme--light) #23222b;
5912
+ --image-page-number-bg:var(--csstools-light-dark-toggle--146, #f0f0f4);
5913
+ --csstools-light-dark-toggle--147:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5914
+ --csstools-light-dark-toggle--148:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5915
+ --image-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--147, rgb(0 0 0 / 0.05)), 0 0 0 1px var(--image-border-color), 0 3px 12px 0 var(--csstools-light-dark-toggle--148, rgb(0 0 0 / 0.1));
5916
+ --csstools-light-dark-toggle--149:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5917
+ --csstools-light-dark-toggle--150:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5918
+ --image-hover-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--149, rgb(0 0 0 / 0.05)), 0 0 0 var(--image-border-width) var(--image-hover-border-color), 0 3px 12px 0 var(--csstools-light-dark-toggle--150, rgb(0 0 0 / 0.1));
5919
+ --csstools-light-dark-toggle--151:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
5920
+ --csstools-light-dark-toggle--152:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
5921
+ --image-current-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--151, rgb(0 0 0 / 0.05)), 0 0 0 var(--image-border-width) var(--image-current-border-color), 0 3px 12px 0 var(--csstools-light-dark-toggle--152, rgb(0 0 0 / 0.1));
5922
+ }
5923
+ }
5924
+
5925
+ @media screen and (forced-colors: active){
5926
+
5927
+ #viewsManager{
5928
+ --text-color:CanvasText;
5929
+ --button-fg:ButtonText;
5930
+ --button-bg:ButtonFace;
5931
+ --button-no-bg:ButtonFace;
5932
+ --button-border-color:ButtonText;
5933
+ --button-hover-bg:SelectedItemText;
5934
+ --button-hover-fg:SelectedItem;
5935
+ --button-hover-border-color:SelectedItem;
5936
+ --button-active-bg:SelectedItemText;
5937
+ --button-active-fg:SelectedItem;
5938
+ --button-active-border-color:ButtonText;
5939
+ --button-focus-no-bg:ButtonFace;
5940
+ --button-focus-outline-color:CanvasText;
5941
+ --button-focus-border-color:none;
5942
+ --status-border-color:CanvasText;
5943
+ --status-undo-bg:none;
5944
+ --indicator-color:CanvasText;
5945
+ --status-warning-bg:none;
5946
+ --indicator-warning-color:CanvasText;
5947
+ --header-shadow:none;
5948
+ --image-shadow:0 0 0 1px CanvasText;
5949
+ --image-outline:1px solid CanvasText;
5950
+ --image-border-color:CanvasText;
5951
+ --image-hover-border-color:SelectedItem;
5952
+ --image-current-border-color:ButtonBorder;
5953
+ --image-current-focused-outline-color:var(--image-hover-border-color);
5954
+ --image-page-number-bg:ButtonFace;
5955
+ --image-page-number-fg:CanvasText;
5956
+ }
5957
+ }
5958
+
5959
+ #viewsManager{
5960
+
5961
+ display:flex;
5962
+ padding-bottom:16px;
5963
+ flex-direction:column;
5964
+ align-items:flex-start;
5965
+ height:calc(
5966
+ var(--viewer-container-height) - var(--toolbar-height) -
5967
+ var(--doorhanger-height)
5968
+ );
5969
+ position:absolute;
5970
+
5971
+ inset-inline-start:calc(
5972
+ -1 * var(--viewsManager-width, --sidebar-width) - 1px
5973
+ );
5974
+ transition-property:inset-inline-start;
5975
+ transition-duration:var(--sidebar-transition-duration);
5976
+ transition-timing-function:var(--sidebar-transition-timing-function);
5977
+ }
5978
+
5979
+ #viewsManager .sidebarResizer{
5980
+ inset-inline-start:100%;
5981
+ }
5982
+
5983
+ #viewsManager .viewsManagerButton{
5984
+ width:auto;
5985
+ color:var(--button-fg);
5986
+ border-radius:8px;
5987
+ border:1px solid var(--button-border-color);
5988
+ background:var(--button-bg);
5989
+ }
5990
+
5991
+ :is(#viewsManager .viewsManagerButton):hover{
5992
+ background-color:var(--button-hover-bg) !important;
5993
+ color:var(--button-hover-fg) !important;
5994
+ border-color:var(--button-hover-border-color) !important;
5995
+ }
5996
+
5997
+ :is(#viewsManager .viewsManagerButton):hover::before{
5998
+ background-color:var(--button-hover-fg) !important;
5999
+ }
6000
+
6001
+ :is(#viewsManager .viewsManagerButton):active{
6002
+ background:var(--button-active-bg) !important;
6003
+ color:var(--button-active-fg) !important;
6004
+ border-color:var(--button-active-border-color) !important;
6005
+ }
6006
+
6007
+ :is(#viewsManager .viewsManagerButton):active::before{
6008
+ background-color:var(--button-active-fg) !important;
6009
+ }
6010
+
6011
+ :is(#viewsManager .viewsManagerButton):focus-visible{
6012
+ outline:2px solid var(--button-focus-outline-color);
6013
+ outline-offset:2px;
6014
+ border-color:var(--button-focus-border-color);
6015
+ }
6016
+
6017
+ .viewsCloseButton:is(#viewsManager .viewsManagerButton){
6018
+ width:32px;
6019
+ height:32px;
6020
+ padding:4px;
6021
+ border-radius:8px;
6022
+ }
6023
+
6024
+ .viewsCloseButton:is(#viewsManager .viewsManagerButton)::before{
6025
+ -webkit-mask-image:var(--close-button-icon);
6026
+ mask-image:var(--close-button-icon);
6027
+ }
6028
+
6029
+ #viewsManager #viewsManagerHeader{
6030
+ display:flex;
6031
+ flex-direction:column;
6032
+ align-items:flex-start;
6033
+ align-self:stretch;
6034
+ width:100%;
6035
+ box-shadow:var(--header-shadow);
6036
+ flex:0 0 auto;
6037
+ }
6038
+
6039
+ :is(#viewsManager #viewsManagerHeader) .viewsManagerLabel{
6040
+ flex:1 0 0;
6041
+ color:var(--text-color);
6042
+ text-align:center;
6043
+ height:-moz-fit-content;
6044
+ height:fit-content;
6045
+ -webkit-user-select:none;
6046
+ -moz-user-select:none;
6047
+ user-select:none;
6048
+
6049
+ font:menu;
6050
+ font-size:15px;
6051
+ font-style:normal;
6052
+ font-weight:400;
6053
+ line-height:normal;
6054
+ }
6055
+
6056
+ :is(#viewsManager #viewsManagerHeader) #viewsManagerTitle{
6057
+ display:flex;
6058
+ flex-direction:row;
6059
+ align-items:center;
6060
+ align-self:stretch;
6061
+ justify-content:space-between;
6062
+ width:auto;
6063
+ padding:12px 16px 12px 8px;
6064
+ }
6065
+
6066
+ :is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector{
6067
+ width:48px;
6068
+ height:32px;
6069
+ display:block;
6070
+ }
6071
+
6072
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > button{
6073
+ background:var(--button-no-bg);
6074
+ width:100%;
6075
+ height:100%;
6076
+ }
6077
+
6078
+ :is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > button):focus-visible{
6079
+ background-color:var(--button-focus-no-bg);
6080
+ }
6081
+
6082
+ :is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > button)::before{
6083
+ -webkit-mask-repeat:no-repeat;
6084
+ mask-repeat:no-repeat;
6085
+ -webkit-mask-image:var(--views-manager-button-icon);
6086
+ mask-image:var(--views-manager-button-icon);
6087
+ background-color:var(--button-fg);
6088
+ }
6089
+
6090
+ :is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > button)::before):hover{
6091
+ background-color:var(--button-hover-fg) !important;
6092
+ }
6093
+
6094
+ :is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > button)::before):active{
6095
+ background-color:var(--button-active-fg) !important;
6096
+ }
6097
+
6098
+ :is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > button)::after{
6099
+ content:"";
6100
+ display:inline-block;
6101
+ width:12px;
6102
+ height:12px;
6103
+ margin-left:8px;
6104
+ -webkit-mask-repeat:no-repeat;
6105
+ mask-repeat:no-repeat;
6106
+ -webkit-mask-position:center;
6107
+ mask-position:center;
6108
+ -webkit-mask-image:var(--views-manager-button-arrow-icon);
6109
+ mask-image:var(--views-manager-button-arrow-icon);
6110
+ background-color:var(--button-fg);
6111
+ }
6112
+
6113
+ :is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > button)::after):hover{
6114
+ background-color:var(--button-hover-fg) !important;
6115
+ }
6116
+
6117
+ :is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > button)::after):active{
6118
+ background-color:var(--button-active-fg) !important;
6119
+ }
6120
+
6121
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > .popupMenu{
6122
+ min-width:182px;
6123
+ z-index:1;
6124
+ }
6125
+
6126
+ #thumbnailsViewMenu:is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > .popupMenu) > li > button)::before{
6127
+ -webkit-mask-image:var(--menuitem-thumbnailsView-icon);
6128
+ mask-image:var(--menuitem-thumbnailsView-icon);
6129
+ }
6130
+
6131
+ #outlinesViewMenu:is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > .popupMenu) > li > button)::before{
6132
+ -webkit-mask-image:var(--menuitem-outlinesView-icon);
6133
+ mask-image:var(--menuitem-outlinesView-icon);
6134
+ }
6135
+
6136
+ #attachmentsViewMenu:is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > .popupMenu) > li > button)::before{
6137
+ -webkit-mask-image:var(--menuitem-attachmentsView-icon);
6138
+ mask-image:var(--menuitem-attachmentsView-icon);
6139
+ }
6140
+
6141
+ #layersViewMenu:is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerSelector) > .popupMenu) > li > button)::before{
6142
+ -webkit-mask-image:var(--menuitem-layersView-icon);
6143
+ mask-image:var(--menuitem-layersView-icon);
6144
+ }
6145
+
6146
+ :is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerAddFileButton{
6147
+ background:var(--button-no-bg);
6148
+ width:32px;
6149
+ height:32px;
6150
+ }
6151
+
6152
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerAddFileButton):focus-visible{
6153
+ background-color:var(--button-focus-no-bg);
6154
+ }
6155
+
6156
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerAddFileButton)::before{
6157
+ -webkit-mask-repeat:no-repeat;
6158
+ mask-repeat:no-repeat;
6159
+ -webkit-mask-image:var(--views-manager-add-file-button-icon);
6160
+ mask-image:var(--views-manager-add-file-button-icon);
6161
+ }
6162
+
6163
+ :is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerCurrentOutlineButton{
6164
+ background:var(--button-no-bg);
6165
+ width:32px;
6166
+ height:32px;
6167
+ }
6168
+
6169
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerCurrentOutlineButton):focus-visible{
6170
+ background-color:var(--button-focus-no-bg);
6171
+ }
6172
+
6173
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerTitle) #viewsManagerCurrentOutlineButton)::before{
6174
+ -webkit-mask-repeat:no-repeat;
6175
+ mask-repeat:no-repeat;
6176
+ -webkit-mask-image:var(--current-outline-button-icon);
6177
+ mask-image:var(--current-outline-button-icon);
6178
+ }
6179
+
6180
+ :is(#viewsManager #viewsManagerHeader) #viewsManagerStatus{
6181
+ display:flex;
6182
+ align-items:center;
6183
+ align-self:stretch;
6184
+ justify-content:space-between;
6185
+ width:auto;
6186
+ border:1px solid var(--status-border-color);
6187
+ }
6188
+
6189
+ :is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) > div{
6190
+ min-height:64px;
6191
+ width:100%;
6192
+ padding-inline:16px;
6193
+ }
6194
+
6195
+ :is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) .viewsManagerStatusLabel{
6196
+ display:flex;
6197
+ align-items:center;
6198
+ gap:8px;
6199
+
6200
+ font:menu;
6201
+ font-size:13px;
6202
+ }
6203
+
6204
+ :is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusAction{
6205
+ display:flex;
6206
+ justify-content:space-between;
6207
+ align-items:center;
6208
+ align-self:stretch;
6209
+ background-color:var(--status-actions-bg);
6210
+ }
6211
+
6212
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusAction) > span.selected::before{
6213
+ content:"";
6214
+ display:inline-block;
6215
+ width:var(--icon-size);
6216
+ height:var(--icon-size);
6217
+ -webkit-mask-repeat:no-repeat;
6218
+ mask-repeat:no-repeat;
6219
+ -webkit-mask-position:center;
6220
+ mask-position:center;
6221
+ background-color:var(--indicator-color);
6222
+ -webkit-mask-image:var(--pages-selected-icon);
6223
+ mask-image:var(--pages-selected-icon);
6224
+ }
6225
+
6226
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusAction) #actionSelector{
6227
+ height:32px;
6228
+ width:auto;
6229
+ display:block;
6230
+ }
6231
+
6232
+ :is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusAction) #actionSelector) #viewsManagerStatusActionButton{
6233
+ display:flex;
6234
+ align-items:center;
6235
+ justify-content:space-between;
6236
+ gap:8px;
6237
+ width:100%;
6238
+ height:100%;
6239
+ padding:4px 16px;
6240
+ }
6241
+
6242
+ :is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusAction) #actionSelector) #viewsManagerStatusActionButton)::after{
6243
+ content:"";
6244
+ display:inline-block;
6245
+ width:var(--icon-size);
6246
+ height:var(--icon-size);
6247
+ -webkit-mask-repeat:no-repeat;
6248
+ mask-repeat:no-repeat;
6249
+ -webkit-mask-position:center;
6250
+ mask-position:center;
6251
+ -webkit-mask-image:var(--manage-button-icon);
6252
+ mask-image:var(--manage-button-icon);
6253
+ background-color:var(--button-fg);
6254
+ }
6255
+
6256
+ :is(:is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusAction) #actionSelector) #viewsManagerStatusActionButton)::after):hover{
6257
+ background-color:var(--button-hover-fg) !important;
6258
+ }
6259
+
6260
+ :is(:is(:is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusAction) #actionSelector) #viewsManagerStatusActionButton)::after):active{
6261
+ background-color:var(--button-active-fg) !important;
6262
+ }
6263
+
6264
+ :is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusAction) #actionSelector) > .contextMenu{
6265
+ min-width:115px;
6266
+ }
6267
+
6268
+ :is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusUndo{
6269
+ display:flex;
6270
+ justify-content:space-between;
6271
+ align-items:center;
6272
+ align-self:stretch;
6273
+ background-color:var(--status-undo-bg);
6274
+ }
6275
+
6276
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusUndo) > span::before{
6277
+ content:"";
6278
+ display:inline-block;
6279
+ width:var(--icon-size);
6280
+ height:var(--icon-size);
6281
+ -webkit-mask-repeat:no-repeat;
6282
+ mask-repeat:no-repeat;
6283
+ -webkit-mask-position:center;
6284
+ mask-position:center;
6285
+ -webkit-mask-image:var(--undo-label-icon);
6286
+ mask-image:var(--undo-label-icon);
6287
+ background-color:var(--indicator-color);
6288
+ }
6289
+
6290
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusUndo) > div{
6291
+ display:flex;
6292
+ align-items:center;
6293
+ gap:8px;
6294
+ width:auto;
6295
+ }
6296
+
6297
+ :is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusUndo) > div) #viewsManagerStatusUndoButton{
6298
+ width:auto;
6299
+ min-height:24px;
6300
+ padding:4px 8px;
6301
+ }
6302
+
6303
+ :is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusWarning{
6304
+ display:flex;
6305
+ align-items:center;
6306
+ justify-content:space-between;
6307
+ background-color:var(--status-warning-bg);
6308
+ }
6309
+
6310
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusWarning) > span{
6311
+ align-items:flex-start;
6312
+ }
6313
+
6314
+ :is(:is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusWarning) > span)::before{
6315
+ content:"";
6316
+ display:inline-block;
6317
+ width:var(--icon-size);
6318
+ height:var(--icon-size);
6319
+ -webkit-mask-repeat:no-repeat;
6320
+ mask-repeat:no-repeat;
6321
+ -webkit-mask-position:center;
6322
+ mask-position:center;
6323
+ background-color:var(--indicator-warning-color);
6324
+ -webkit-mask-image:var(--undo-label-icon);
6325
+ mask-image:var(--undo-label-icon);
6326
+ flex:0 0 auto;
6327
+ }
6328
+
6329
+ :is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusWaiting{
6330
+ display:flex;
6331
+ align-items:center;
6332
+ justify-content:space-between;
6333
+ background-color:var(--status-waiting-bg);
6334
+ }
6335
+
6336
+ :is(:is(:is(#viewsManager #viewsManagerHeader) #viewsManagerStatus) #viewsManagerStatusWaiting) > span::before{
6337
+ content:"";
6338
+ display:inline-block;
6339
+ width:var(--icon-size);
6340
+ height:var(--icon-size);
6341
+ -webkit-mask-repeat:no-repeat;
6342
+ mask-repeat:no-repeat;
6343
+ -webkit-mask-position:center;
6344
+ mask-position:center;
6345
+ background-color:var(--indicator-color);
6346
+ -webkit-mask-image:var(--spinner-icon);
6347
+ mask-image:var(--spinner-icon);
6348
+ flex:0 0 auto;
6349
+ }
6350
+
6351
+ #viewsManager #viewsManagerContent{
6352
+ width:100%;
6353
+ flex:1 1 0%;
6354
+ overflow:auto;
6355
+ }
6356
+
6357
+ :is(#viewsManager #viewsManagerContent) #thumbnailsView{
6358
+ --thumbnail-width:126px;
6359
+
6360
+ display:flex;
6361
+ flex-flow:row wrap;
6362
+ align-items:center;
6363
+ justify-content:space-evenly;
6364
+ padding:20px 32px;
6365
+ gap:16px;
6366
+ width:100%;
6367
+ box-sizing:border-box;
6368
+ }
6369
+
6370
+ :is(:is(#viewsManager #viewsManagerContent) #thumbnailsView) > .thumbnail{
6371
+ display:inline-flex;
6372
+ justify-content:center;
6373
+ align-items:center;
6374
+ gap:16px;
6375
+ width:auto;
6376
+ height:auto;
6377
+ position:relative;
6378
+ scroll-margin-top:20px;
6379
+ }
6380
+
6381
+ :is(:is(:is(#viewsManager #viewsManagerContent) #thumbnailsView) > .thumbnail) > input{
6382
+ display:none;
6383
+ }
6384
+
6385
+ :is(:is(:is(#viewsManager #viewsManagerContent) #thumbnailsView) > .thumbnail)::after{
6386
+ content:attr(page-number);
6387
+ border-radius:8px;
6388
+ background-color:var(--image-page-number-bg);
6389
+ color:var(--image-page-number-fg);
6390
+ position:absolute;
6391
+ bottom:5px;
6392
+ right:calc(var(--thumbnail-width) / 2);
6393
+ min-width:32px;
6394
+ height:16px;
6395
+ text-align:center;
6396
+ translate:50%;
6397
+
6398
+ font:menu;
6399
+ font-size:13px;
6400
+ font-style:normal;
6401
+ font-weight:400;
6402
+ line-height:normal;
6403
+ pointer-events:none;
6404
+ }
6405
+
6406
+ :is(:is(:is(#viewsManager #viewsManagerContent) #thumbnailsView) > .thumbnail) > .thumbnailImage{
6407
+ width:var(--thumbnail-width);
6408
+ border:none;
6409
+ border-radius:8px;
6410
+ box-shadow:var(--image-shadow);
6411
+ box-sizing:content-box;
6412
+ outline:var(--image-outline);
6413
+ }
6414
+
6415
+ .missingThumbnailImage:is(:is(:is(:is(#viewsManager #viewsManagerContent) #thumbnailsView) > .thumbnail) > .thumbnailImage){
6416
+ content-visibility:hidden;
6417
+ }
6418
+
6419
+ :is(:is(:is(:is(#viewsManager #viewsManagerContent) #thumbnailsView) > .thumbnail) > .thumbnailImage):hover{
6420
+ cursor:pointer;
6421
+ box-shadow:var(--image-hover-shadow);
6422
+ }
6423
+
6424
+ :is(:is(:is(:is(#viewsManager #viewsManagerContent) #thumbnailsView) > .thumbnail) > .thumbnailImage):focus-visible:not([aria-current="page"]){
6425
+ box-shadow:var(--image-hover-shadow);
6426
+ outline:none;
6427
+ }
6428
+
6429
+ [aria-current="page"]:is(:is(:is(:is(#viewsManager #viewsManagerContent) #thumbnailsView) > .thumbnail) > .thumbnailImage):focus-visible{
6430
+ outline:var(--image-border-width) solid var(--image-current-focused-outline-color);
6431
+ outline-offset:var(--image-border-width);
6432
+ }
6433
+
6434
+ [aria-current="page"]:is(:is(:is(:is(#viewsManager #viewsManagerContent) #thumbnailsView) > .thumbnail) > .thumbnailImage){
6435
+ box-shadow:var(--image-current-shadow);
6436
+ }
6437
+
6438
+ :is(#viewsManager #viewsManagerContent) #attachmentsView{
6439
+ --csstools-light-dark-toggle--153:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.8);
6440
+ --attachment-color:var(--csstools-light-dark-toggle--153, rgb(0 0 0 / 0.8));
6441
+ --csstools-light-dark-toggle--154:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.15);
6442
+ --attachment-bg-color:var(--csstools-light-dark-toggle--154, rgb(0 0 0 / 0.15));
6443
+ --csstools-light-dark-toggle--155:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
6444
+ --attachment-hover-color:var(--csstools-light-dark-toggle--155, rgb(0 0 0 / 0.9));
6445
+ }
6446
+
6447
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
6448
+ :is(#viewsManager #viewsManagerContent) #attachmentsView{
6449
+ --attachment-color:light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8));
6450
+ --attachment-bg-color:light-dark(
6451
+ rgb(0 0 0 / 0.15),
6452
+ rgb(255 255 255 / 0.15)
6453
+ );
6454
+ --attachment-hover-color:light-dark(
6455
+ rgb(0 0 0 / 0.9),
6456
+ rgb(255 255 255 / 0.9)
6457
+ );
6458
+ }
6459
+ }
6460
+
6461
+ @supports not (color: light-dark(tan, tan)){
6462
+
6463
+ :is(:is(#viewsManager #viewsManagerContent) #attachmentsView) *{
6464
+ --csstools-light-dark-toggle--153:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.8);
6465
+ --attachment-color:var(--csstools-light-dark-toggle--153, rgb(0 0 0 / 0.8));
6466
+ --csstools-light-dark-toggle--154:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.15);
6467
+ --attachment-bg-color:var(--csstools-light-dark-toggle--154, rgb(0 0 0 / 0.15));
6468
+ --csstools-light-dark-toggle--155:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
6469
+ --attachment-hover-color:var(--csstools-light-dark-toggle--155, rgb(0 0 0 / 0.9));
6470
+ }
6471
+ }
6472
+
6473
+ :is(:is(#viewsManager #viewsManagerContent) #attachmentsView) > ul{
6474
+ list-style-type:none;
6475
+ padding:0;
6476
+ }
6477
+
6478
+ :is(:is(:is(#viewsManager #viewsManagerContent) #attachmentsView) > ul) > li > a{
6479
+ text-decoration:none;
6480
+ display:inline-block;
6481
+ min-width:calc(100% - 4px);
6482
+ height:auto;
6483
+ margin-bottom:1px;
6484
+ padding:2px 0 5px;
6485
+ padding-inline-start:4px;
6486
+ border-radius:2px;
6487
+ color:var(--attachment-color);
6488
+ font-size:13px;
6489
+ line-height:15px;
6490
+ -webkit-user-select:none;
6491
+ -moz-user-select:none;
6492
+ user-select:none;
6493
+ white-space:normal;
6494
+ cursor:pointer;
6495
+ }
6496
+
6497
+ :is(:is(:is(:is(#viewsManager #viewsManagerContent) #attachmentsView) > ul) > li > a):hover{
6498
+ background-color:var(--attachment-bg-color);
6499
+ background-clip:padding-box;
6500
+ border-radius:2px;
6501
+ color:var(--attachment-hover-color);
6502
+ }
6503
+
6504
+ .sidebar{
6505
+ --csstools-light-dark-toggle--156:var(--csstools-color-scheme--light) #23222b;
6506
+ --sidebar-bg-color:var(--csstools-light-dark-toggle--156, #fff);
6507
+ --csstools-light-dark-toggle--157:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
6508
+ --sidebar-border-color:var(--csstools-light-dark-toggle--157, rgb(21 20 26 / 0.1));
6509
+ --csstools-light-dark-toggle--158:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
6510
+ --csstools-light-dark-toggle--159:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
6511
+ --sidebar-box-shadow:0 0.25px 0.75px var(--csstools-light-dark-toggle--158, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--159, rgb(0 0 0 / 0.1));
6512
+ --sidebar-backdrop-filter:none;
6513
+ --sidebar-border-radius:8px;
6514
+ --sidebar-padding:5px;
6515
+ --sidebar-min-width:180px;
6516
+ --sidebar-max-width:632px;
6517
+ --sidebar-width:239px;
6518
+ --resizer-width:4px;
6519
+ --csstools-light-dark-toggle--160:var(--csstools-color-scheme--light) #00cadb;
6520
+ --resizer-hover-bg-color:var(--csstools-light-dark-toggle--160, #0062fa);
6521
+ }
6522
+
6523
+ @supports (color: light-dark(red, red)){
6524
+ .sidebar{
6525
+ --sidebar-bg-color:light-dark(#fff, #23222b);
6526
+ }
6527
+ }
6528
+
6529
+ @supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)){
6530
+ .sidebar{
6531
+ --sidebar-border-color:light-dark(
6532
+ rgb(21 20 26 / 0.1),
6533
+ rgb(251 251 254 / 0.1)
6534
+ );
6535
+ --sidebar-box-shadow:0 0.25px 0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
6536
+ }
6537
+ }
6538
+
6539
+ @supports (color: light-dark(red, red)){
6540
+ .sidebar{
6541
+ --resizer-hover-bg-color:light-dark(#0062fa, #00cadb);
6542
+ }
6543
+ }
6544
+
6545
+ @supports not (color: light-dark(tan, tan)){
6546
+
6547
+ .sidebar *{
6548
+ --csstools-light-dark-toggle--156:var(--csstools-color-scheme--light) #23222b;
6549
+ --sidebar-bg-color:var(--csstools-light-dark-toggle--156, #fff);
6550
+ --csstools-light-dark-toggle--157:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
6551
+ --sidebar-border-color:var(--csstools-light-dark-toggle--157, rgb(21 20 26 / 0.1));
6552
+ --csstools-light-dark-toggle--158:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
6553
+ --csstools-light-dark-toggle--159:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
6554
+ --sidebar-box-shadow:0 0.25px 0.75px var(--csstools-light-dark-toggle--158, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--159, rgb(0 0 0 / 0.1));
6555
+ --csstools-light-dark-toggle--160:var(--csstools-color-scheme--light) #00cadb;
6556
+ --resizer-hover-bg-color:var(--csstools-light-dark-toggle--160, #0062fa);
6557
+ }
6558
+ }
6559
+
6560
+ @media screen and (forced-colors: active){
6561
+
6562
+ .sidebar{
6563
+ --sidebar-bg-color:Canvas;
6564
+ --sidebar-border-color:CanvasText;
6565
+ --sidebar-box-shadow:none;
6566
+ --resizer-hover-bg-color:CanvasText;
6567
+ }
6568
+ }
6569
+
6570
+ .sidebar{
6571
+
6572
+ border-radius:var(--sidebar-border-radius);
6573
+ box-shadow:var(--sidebar-box-shadow);
6574
+ border:1px solid var(--sidebar-border-color);
6575
+ background-color:var(--sidebar-bg-color);
6576
+ inset-block-start:calc(100% + var(--doorhanger-height) - 2px);
6577
+ padding-block:var(--sidebar-padding);
6578
+ width:var(--sidebar-width);
6579
+ min-width:var(--sidebar-min-width);
6580
+ max-width:var(--sidebar-max-width);
6581
+ -webkit-backdrop-filter:var(--sidebar-backdrop-filter);
6582
+ backdrop-filter:var(--sidebar-backdrop-filter);
6583
+ }
6584
+
6585
+ .sidebar .sidebarResizer{
6586
+ width:var(--resizer-width);
6587
+ background-color:transparent;
6588
+ forced-color-adjust:none;
6589
+ cursor:ew-resize;
6590
+ position:absolute;
6591
+ inset-block:calc(var(--sidebar-padding) + var(--sidebar-border-radius));
6592
+ inset-inline-start:calc(0px - var(--resizer-width) / 2);
6593
+ transition:background-color 0.5s ease-in-out;
6594
+ box-sizing:border-box;
6595
+ border:1px solid transparent;
6596
+ border-block-width:0;
6597
+ background-clip:content-box;
6598
+ }
6599
+
6600
+ :is(.sidebar .sidebarResizer):hover{
6601
+ background-color:var(--resizer-hover-bg-color);
6602
+ }
6603
+
6604
+ :is(.sidebar .sidebarResizer):focus-visible{
6605
+ background-color:var(--resizer-hover-bg-color);
6606
+ outline:none;
6607
+ }
6608
+
6609
+ .sidebar.resizing{
6610
+ cursor:ew-resize;
6611
+ -webkit-user-select:none;
6612
+ -moz-user-select:none;
6613
+ user-select:none;
6614
+ }
6615
+
6616
+ .sidebar.resizing :not(.sidebarResizer){
6617
+ pointer-events:none;
6618
+ }
6619
+
6620
+ .sidebar.resizing .sidebarResizer{
6621
+ background-color:var(--resizer-hover-bg-color);
6622
+ }
6623
+
6624
+ :root{
6625
+ --csstools-color-scheme--light:initial;
6626
+ color-scheme:light dark;
6627
+
6628
+ --viewer-container-height:0;
6629
+ --pdfViewer-padding-bottom:0;
6630
+ --page-margin:1px auto -8px;
6631
+ --page-border:9px solid transparent;
6632
+ --spreadHorizontalWrapped-margin-LR:-3.5px;
6633
+ --loading-icon-delay:400ms;
6634
+ --csstools-light-dark-toggle--161:var(--csstools-color-scheme--light) #0df;
6635
+ --focus-ring-color:var(--csstools-light-dark-toggle--161, #0060df);
6636
+ --focus-ring-outline:2px solid var(--focus-ring-color);
6637
+ }
6638
+
6639
+ @supports (color: light-dark(red, red)){
6640
+ :root{
6641
+ --focus-ring-color:light-dark(#0060df, #0df);
6642
+ }
6643
+ }
6644
+
6645
+ @supports not (color: light-dark(tan, tan)){
6646
+
6647
+ :root *{
6648
+ --csstools-light-dark-toggle--161:var(--csstools-color-scheme--light) #0df;
6649
+ --focus-ring-color:var(--csstools-light-dark-toggle--161, #0060df);
6650
+ }
6651
+ }
6652
+
6653
+ @media (prefers-color-scheme: dark){
6654
+
6655
+ :root{
6656
+ --csstools-color-scheme--light:;
6657
+ }
6658
+ }
6659
+
6660
+ @media screen and (forced-colors: active){
6661
+
6662
+ :root{
6663
+ --pdfViewer-padding-bottom:9px;
6664
+ --page-margin:8px auto -1px;
6665
+ --page-border:1px solid CanvasText;
6666
+ --spreadHorizontalWrapped-margin-LR:3.5px;
6667
+ --focus-ring-color:CanvasText;
6668
+ }
6669
+ }
6670
+
6671
+ [data-main-rotation="90"]{
6672
+ transform:rotate(90deg) translateY(-100%);
6673
+ }
6674
+ [data-main-rotation="180"]{
6675
+ transform:rotate(180deg) translate(-100%, -100%);
6676
+ }
6677
+ [data-main-rotation="270"]{
6678
+ transform:rotate(270deg) translateX(-100%);
6679
+ }
6680
+
6681
+ #hiddenCopyElement,
6682
+ .hiddenCanvasElement{
6683
+ position:absolute;
6684
+ top:0;
6685
+ left:0;
6686
+ width:0;
6687
+ height:0;
6688
+ display:none;
6689
+ }
6690
+
6691
+ .pdfViewer{
6692
+ --scale-factor:1;
6693
+ --page-bg-color:unset;
6694
+
6695
+ padding-bottom:var(--pdfViewer-padding-bottom);
6696
+
6697
+ --hcm-highlight-filter:none;
6698
+ --hcm-highlight-selected-filter:none;
6699
+ }
6700
+
6701
+ @media screen and (forced-colors: active){
6702
+
6703
+ .pdfViewer{
6704
+ --hcm-highlight-filter:invert(100%);
6705
+ }
6706
+ }
6707
+
6708
+ .pdfViewer.copyAll{
6709
+ cursor:wait;
6710
+ }
6711
+
6712
+ .pdfViewer .canvasWrapper{
6713
+ overflow:hidden;
6714
+ width:100%;
6715
+ height:100%;
6716
+ }
6717
+
6718
+ :is(.pdfViewer .canvasWrapper) canvas{
6719
+ position:absolute;
6720
+ top:0;
6721
+ left:0;
6722
+ margin:0;
6723
+ display:block;
6724
+ width:100%;
6725
+ height:100%;
6726
+ contain:content;
6727
+ }
6728
+
6729
+ :is(:is(.pdfViewer .canvasWrapper) canvas) .structTree{
6730
+ contain:strict;
6731
+ }
5533
6732
 
5534
6733
  .detailView:is(:is(.pdfViewer .canvasWrapper) canvas){
5535
6734
  image-rendering:pixelated;
@@ -5705,37 +6904,21 @@
5705
6904
  --field-bg-color:var(--csstools-light-dark-toggle--16, rgb(255 255 255));
5706
6905
  --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) rgb(115 115 115);
5707
6906
  --field-border-color:var(--csstools-light-dark-toggle--17, rgb(187 187 188));
5708
- --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.8);
5709
- --treeitem-color:var(--csstools-light-dark-toggle--18, rgb(0 0 0 / 0.8));
5710
- --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.15);
5711
- --treeitem-bg-color:var(--csstools-light-dark-toggle--19, rgb(0 0 0 / 0.15));
5712
- --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
5713
- --treeitem-hover-color:var(--csstools-light-dark-toggle--20, rgb(0 0 0 / 0.9));
5714
- --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
5715
- --treeitem-selected-color:var(--csstools-light-dark-toggle--21, rgb(0 0 0 / 0.9));
5716
- --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.25);
5717
- --treeitem-selected-bg-color:var(--csstools-light-dark-toggle--22, rgb(0 0 0 / 0.25));
5718
- --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.1);
5719
- --thumbnail-hover-color:var(--csstools-light-dark-toggle--23, rgb(0 0 0 / 0.1));
5720
- --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.2);
5721
- --thumbnail-selected-color:var(--csstools-light-dark-toggle--24, rgb(0 0 0 / 0.2));
5722
- --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #42414d;
5723
- --doorhanger-bg-color:var(--csstools-light-dark-toggle--25, rgb(255 255 255));
5724
- --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) rgb(39 39 43);
5725
- --doorhanger-border-color:var(--csstools-light-dark-toggle--26, rgb(12 12 13 / 0.2));
5726
- --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) rgb(249 249 250);
5727
- --doorhanger-hover-color:var(--csstools-light-dark-toggle--27, rgb(12 12 13));
5728
- --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) rgb(92 92 97);
5729
- --doorhanger-separator-color:var(--csstools-light-dark-toggle--28, rgb(222 222 222));
6907
+ --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #42414d;
6908
+ --doorhanger-bg-color:var(--csstools-light-dark-toggle--18, rgb(255 255 255));
6909
+ --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) rgb(39 39 43);
6910
+ --doorhanger-border-color:var(--csstools-light-dark-toggle--19, rgb(12 12 13 / 0.2));
6911
+ --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) rgb(249 249 250);
6912
+ --doorhanger-hover-color:var(--csstools-light-dark-toggle--20, rgb(12 12 13));
6913
+ --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) rgb(92 92 97);
6914
+ --doorhanger-separator-color:var(--csstools-light-dark-toggle--21, rgb(222 222 222));
5730
6915
  --dialog-button-border:none;
5731
- --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) rgb(92 92 97);
5732
- --dialog-button-bg-color:var(--csstools-light-dark-toggle--29, rgb(12 12 13 / 0.1));
5733
- --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) rgb(115 115 115);
5734
- --dialog-button-hover-bg-color:var(--csstools-light-dark-toggle--30, rgb(12 12 13 / 0.3));
6916
+ --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) rgb(92 92 97);
6917
+ --dialog-button-bg-color:var(--csstools-light-dark-toggle--22, rgb(12 12 13 / 0.1));
6918
+ --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(115 115 115);
6919
+ --dialog-button-hover-bg-color:var(--csstools-light-dark-toggle--23, rgb(12 12 13 / 0.3));
5735
6920
 
5736
6921
  --loading-icon:url(images/loading.svg);
5737
- --treeitem-expanded-icon:url(images/treeitem-expanded.svg);
5738
- --treeitem-collapsed-icon:url(images/treeitem-collapsed.svg);
5739
6922
  --toolbarButton-editorComment-icon:url(images/comment-editButton.svg);
5740
6923
  --toolbarButton-editorFreeText-icon:url(images/toolbarButton-editorFreeText.svg);
5741
6924
  --toolbarButton-editorHighlight-icon:url(images/toolbarButton-editorHighlight.svg);
@@ -5743,7 +6926,7 @@
5743
6926
  --toolbarButton-editorStamp-icon:url(images/toolbarButton-editorStamp.svg);
5744
6927
  --toolbarButton-editorSignature-icon:url(images/toolbarButton-editorSignature.svg);
5745
6928
  --toolbarButton-menuArrow-icon:url(images/toolbarButton-menuArrow.svg);
5746
- --toolbarButton-sidebarToggle-icon:url(images/toolbarButton-sidebarToggle.svg);
6929
+ --toolbarButton-viewsManagerToggle-icon:url(images/toolbarButton-viewsManagerToggle.svg);
5747
6930
  --toolbarButton-secondaryToolbarToggle-icon:url(images/toolbarButton-secondaryToolbarToggle.svg);
5748
6931
  --toolbarButton-pageUp-icon:url(images/toolbarButton-pageUp.svg);
5749
6932
  --toolbarButton-pageDown-icon:url(images/toolbarButton-pageDown.svg);
@@ -5808,22 +6991,6 @@
5808
6991
  --field-color:light-dark(rgb(6 6 6), rgb(250 250 250));
5809
6992
  --field-bg-color:light-dark(rgb(255 255 255), rgb(64 64 68));
5810
6993
  --field-border-color:light-dark(rgb(187 187 188), rgb(115 115 115));
5811
- --treeitem-color:light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8));
5812
- --treeitem-bg-color:light-dark(rgb(0 0 0 / 0.15), rgb(255 255 255 / 0.15));
5813
- --treeitem-hover-color:light-dark(rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9));
5814
- --treeitem-selected-color:light-dark(
5815
- rgb(0 0 0 / 0.9),
5816
- rgb(255 255 255 / 0.9)
5817
- );
5818
- --treeitem-selected-bg-color:light-dark(
5819
- rgb(0 0 0 / 0.25),
5820
- rgb(255 255 255 / 0.25)
5821
- );
5822
- --thumbnail-hover-color:light-dark(rgb(0 0 0 / 0.1), rgb(255 255 255 / 0.1));
5823
- --thumbnail-selected-color:light-dark(
5824
- rgb(0 0 0 / 0.2),
5825
- rgb(255 255 255 / 0.2)
5826
- );
5827
6994
  --doorhanger-bg-color:light-dark(rgb(255 255 255), #42414d);
5828
6995
  --doorhanger-border-color:light-dark(rgb(12 12 13 / 0.2), rgb(39 39 43));
5829
6996
  --doorhanger-hover-color:light-dark(rgb(12 12 13), rgb(249 249 250));
@@ -5879,32 +7046,18 @@
5879
7046
  --field-bg-color:var(--csstools-light-dark-toggle--16, rgb(255 255 255));
5880
7047
  --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) rgb(115 115 115);
5881
7048
  --field-border-color:var(--csstools-light-dark-toggle--17, rgb(187 187 188));
5882
- --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.8);
5883
- --treeitem-color:var(--csstools-light-dark-toggle--18, rgb(0 0 0 / 0.8));
5884
- --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.15);
5885
- --treeitem-bg-color:var(--csstools-light-dark-toggle--19, rgb(0 0 0 / 0.15));
5886
- --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
5887
- --treeitem-hover-color:var(--csstools-light-dark-toggle--20, rgb(0 0 0 / 0.9));
5888
- --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9);
5889
- --treeitem-selected-color:var(--csstools-light-dark-toggle--21, rgb(0 0 0 / 0.9));
5890
- --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.25);
5891
- --treeitem-selected-bg-color:var(--csstools-light-dark-toggle--22, rgb(0 0 0 / 0.25));
5892
- --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.1);
5893
- --thumbnail-hover-color:var(--csstools-light-dark-toggle--23, rgb(0 0 0 / 0.1));
5894
- --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.2);
5895
- --thumbnail-selected-color:var(--csstools-light-dark-toggle--24, rgb(0 0 0 / 0.2));
5896
- --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #42414d;
5897
- --doorhanger-bg-color:var(--csstools-light-dark-toggle--25, rgb(255 255 255));
5898
- --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) rgb(39 39 43);
5899
- --doorhanger-border-color:var(--csstools-light-dark-toggle--26, rgb(12 12 13 / 0.2));
5900
- --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) rgb(249 249 250);
5901
- --doorhanger-hover-color:var(--csstools-light-dark-toggle--27, rgb(12 12 13));
5902
- --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) rgb(92 92 97);
5903
- --doorhanger-separator-color:var(--csstools-light-dark-toggle--28, rgb(222 222 222));
5904
- --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) rgb(92 92 97);
5905
- --dialog-button-bg-color:var(--csstools-light-dark-toggle--29, rgb(12 12 13 / 0.1));
5906
- --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) rgb(115 115 115);
5907
- --dialog-button-hover-bg-color:var(--csstools-light-dark-toggle--30, rgb(12 12 13 / 0.3));
7049
+ --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #42414d;
7050
+ --doorhanger-bg-color:var(--csstools-light-dark-toggle--18, rgb(255 255 255));
7051
+ --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) rgb(39 39 43);
7052
+ --doorhanger-border-color:var(--csstools-light-dark-toggle--19, rgb(12 12 13 / 0.2));
7053
+ --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) rgb(249 249 250);
7054
+ --doorhanger-hover-color:var(--csstools-light-dark-toggle--20, rgb(12 12 13));
7055
+ --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) rgb(92 92 97);
7056
+ --doorhanger-separator-color:var(--csstools-light-dark-toggle--21, rgb(222 222 222));
7057
+ --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) rgb(92 92 97);
7058
+ --dialog-button-bg-color:var(--csstools-light-dark-toggle--22, rgb(12 12 13 / 0.1));
7059
+ --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(115 115 115);
7060
+ --dialog-button-hover-bg-color:var(--csstools-light-dark-toggle--23, rgb(12 12 13 / 0.3));
5908
7061
  }
5909
7062
  }
5910
7063
 
@@ -6038,29 +7191,6 @@ body.wait::before{
6038
7191
  margin:0;
6039
7192
  }
6040
7193
 
6041
- #sidebarContainer{
6042
- position:absolute;
6043
- inset-block:var(--toolbar-height) 0;
6044
- inset-inline-start:calc(-1 * var(--sidebar-width));
6045
- width:var(--sidebar-width);
6046
- visibility:hidden;
6047
- z-index:1;
6048
- font:message-box;
6049
- border-top:1px solid transparent;
6050
- border-inline-end:var(--doorhanger-border-color-whcm);
6051
- transition-property:inset-inline-start;
6052
- transition-duration:var(--sidebar-transition-duration);
6053
- transition-timing-function:var(--sidebar-transition-timing-function);
6054
- }
6055
-
6056
- #outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer{
6057
- visibility:visible;
6058
- }
6059
-
6060
- #outerContainer.sidebarOpen #sidebarContainer{
6061
- inset-inline-start:0;
6062
- }
6063
-
6064
7194
  #mainContainer{
6065
7195
  position:absolute;
6066
7196
  inset:0;
@@ -6092,11 +7222,6 @@ body.wait::before{
6092
7222
  transition-timing-function:var(--sidebar-transition-timing-function);
6093
7223
  }
6094
7224
 
6095
- #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode){
6096
- inset-inline-start:var(--sidebar-width);
6097
- transition-property:inset-inline-start;
6098
- }
6099
-
6100
7225
  #sidebarContainer :is(input, button, select){
6101
7226
  font:message-box;
6102
7227
  }
@@ -6147,24 +7272,6 @@ body.wait::before{
6147
7272
  padding-inline-end:2px;
6148
7273
  }
6149
7274
 
6150
- #sidebarResizer{
6151
- position:absolute;
6152
- inset-block:0;
6153
- inset-inline-end:-6px;
6154
- width:6px;
6155
- z-index:200;
6156
- cursor:ew-resize;
6157
- }
6158
-
6159
- #outerContainer.sidebarOpen #loadingBar{
6160
- inset-inline-start:var(--sidebar-width);
6161
- }
6162
-
6163
- #outerContainer.sidebarResizing
6164
- :is(#sidebarContainer, #viewerContainer, #loadingBar){
6165
- transition-duration:0s;
6166
- }
6167
-
6168
7275
  .doorHanger,
6169
7276
  .doorHangerRight{
6170
7277
  border-radius:2px;
@@ -6261,21 +7368,9 @@ body.wait::before{
6261
7368
  box-sizing:border-box;
6262
7369
  }
6263
7370
 
6264
- .treeItemToggler::before{
6265
- position:absolute;
6266
- display:inline-block;
6267
- width:16px;
6268
- height:16px;
6269
-
6270
- content:"";
6271
- background-color:var(--toolbar-icon-bg-color);
6272
- -webkit-mask-size:cover;
6273
- mask-size:cover;
6274
- }
6275
-
6276
- #sidebarToggleButton::before{
6277
- -webkit-mask-image:var(--toolbarButton-sidebarToggle-icon);
6278
- mask-image:var(--toolbarButton-sidebarToggle-icon);
7371
+ #viewsManagerToggleButton::before{
7372
+ -webkit-mask-image:var(--toolbarButton-viewsManagerToggle-icon);
7373
+ mask-image:var(--toolbarButton-viewsManagerToggle-icon);
6279
7374
  transform:scaleX(var(--dir-factor));
6280
7375
  }
6281
7376
 
@@ -6475,161 +7570,9 @@ body.wait::before{
6475
7570
  .loadingInput.end::after{
6476
7571
  inset-inline-end:4px;
6477
7572
  }
6478
-
6479
- #thumbnailView,
6480
- #outlineView,
6481
- #attachmentsView,
6482
- #layersView{
6483
- position:absolute;
6484
- width:calc(100% - 8px);
6485
- inset-block:0;
6486
- padding:4px 4px 0;
6487
- overflow:auto;
6488
- -webkit-user-select:none;
6489
- -moz-user-select:none;
6490
- user-select:none;
6491
- }
6492
-
6493
- #thumbnailView{
6494
- --thumbnail-width:98px;
6495
-
6496
- display:flex;
6497
- flex-wrap:wrap;
6498
- width:calc(100% - 60px);
6499
- padding:10px 30px 0;
6500
- }
6501
-
6502
- #thumbnailView > a{
6503
- width:auto;
6504
- height:auto;
6505
- }
6506
-
6507
- :is(#thumbnailView > a) > .thumbnail{
6508
- width:var(--thumbnail-width);
6509
- margin:0 10px 5px;
6510
- padding:1px;
6511
- border:7px solid transparent;
6512
- border-radius:2px;
6513
- }
6514
-
6515
- .selected:is(:is(#thumbnailView > a) > .thumbnail){
6516
- border-color:var(--thumbnail-selected-color) !important;
6517
- }
6518
-
6519
- .selected:is(:is(#thumbnailView > a) > .thumbnail) > .thumbnailImage{
6520
- opacity:1 !important;
6521
- }
6522
-
6523
- .missingThumbnailImage:is(:is(#thumbnailView > a) > .thumbnail){
6524
- border:1px dashed rgb(132 132 132);
6525
- padding:7px;
6526
- }
6527
-
6528
- .missingThumbnailImage:is(:is(#thumbnailView > a) > .thumbnail) > .thumbnailImage{
6529
- display:none;
6530
- }
6531
-
6532
- :is(:is(#thumbnailView > a) > .thumbnail) > .thumbnailImage{
6533
- width:100%;
6534
- opacity:0.9;
6535
- }
6536
-
6537
- :is(#thumbnailView > a):is(:active,:focus){
6538
- outline:0;
6539
- }
6540
-
6541
- :is(#thumbnailView > a):last-of-type > .thumbnail{
6542
- margin-bottom:10px;
6543
- }
6544
-
6545
- :is(#thumbnailView > a):focus > .thumbnail,:is(#thumbnailView > a) .thumbnail:hover{
6546
- border-color:var(--thumbnail-hover-color);
6547
- }
6548
-
6549
- :is(:is(#thumbnailView > a):focus > .thumbnail,:is(#thumbnailView > a) .thumbnail:hover) > .thumbnailImage{
6550
- opacity:0.95;
6551
- }
6552
-
6553
- .treeWithDeepNesting > .treeItem,
6554
- .treeItem > .treeItems{
6555
- margin-inline-start:20px;
6556
- }
6557
-
6558
- .treeItem > a{
6559
- text-decoration:none;
6560
- display:inline-block;
6561
- min-width:calc(100% - 4px);
6562
- height:auto;
6563
- margin-bottom:1px;
6564
- padding:2px 0 5px;
6565
- padding-inline-start:4px;
6566
- border-radius:2px;
6567
- color:var(--treeitem-color);
6568
- font-size:13px;
6569
- line-height:15px;
6570
- -webkit-user-select:none;
6571
- -moz-user-select:none;
6572
- user-select:none;
6573
- white-space:normal;
6574
- cursor:pointer;
6575
- }
6576
-
6577
- #layersView .treeItem > a *{
6578
- cursor:pointer;
6579
- }
6580
-
6581
- #layersView .treeItem > a > label{
6582
- padding-inline-start:4px;
6583
- }
6584
-
6585
- #layersView .treeItem > a > label > input{
6586
- float:var(--inline-start);
6587
- margin-top:1px;
6588
- }
6589
-
6590
- .treeItemToggler{
6591
- position:relative;
6592
- float:var(--inline-start);
6593
- height:0;
6594
- width:0;
6595
- color:rgb(255 255 255 / 0.5);
6596
- }
6597
-
6598
- .treeItemToggler::before{
6599
- inset-inline-end:4px;
6600
- -webkit-mask-image:var(--treeitem-expanded-icon);
6601
- mask-image:var(--treeitem-expanded-icon);
6602
- }
6603
-
6604
- .treeItemToggler.treeItemsHidden::before{
6605
- -webkit-mask-image:var(--treeitem-collapsed-icon);
6606
- mask-image:var(--treeitem-collapsed-icon);
6607
- transform:scaleX(var(--dir-factor));
6608
- }
6609
-
6610
- .treeItemToggler.treeItemsHidden ~ .treeItems{
6611
- display:none;
6612
- }
6613
-
6614
- .treeItem.selected > a{
6615
- background-color:var(--treeitem-selected-bg-color);
6616
- color:var(--treeitem-selected-color);
6617
- }
6618
-
6619
- .treeItemToggler:hover,
6620
- .treeItemToggler:hover + a,
6621
- .treeItemToggler:hover ~ .treeItems,
6622
- .treeItem > a:hover{
6623
- background-color:var(--treeitem-bg-color);
6624
- background-clip:padding-box;
6625
- border-radius:2px;
6626
- color:var(--treeitem-hover-color);
6627
- }
6628
-
6629
7573
  #outlineOptionsContainer{
6630
7574
  display:none;
6631
7575
  }
6632
-
6633
7576
  #sidebarContainer:has(#outlineView:not(.hidden)) #outlineOptionsContainer{
6634
7577
  display:inline flex;
6635
7578
  }
@@ -7455,7 +8398,7 @@ dialog :link{
7455
8398
  #sidebarContainer{
7456
8399
  background-color:var(--sidebar-narrow-bg-color);
7457
8400
  }
7458
- #outerContainer.sidebarOpen #viewerContainer{
8401
+ #outerContainer.viewsManagerOpen #viewerContainer{
7459
8402
  inset-inline-start:0 !important;
7460
8403
  }
7461
8404
  }