@weavy/uikit-react 14.0.4 → 15.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (360) hide show
  1. package/.vscode/settings.json +2 -0
  2. package/changelog.md +10 -0
  3. package/dist/cjs/client/WeavyClient.d.ts +1 -0
  4. package/dist/cjs/components/Attachment.d.ts +5 -5
  5. package/dist/cjs/components/Blob.d.ts +9 -0
  6. package/dist/cjs/components/Comment.d.ts +18 -0
  7. package/dist/cjs/components/CommentCount.d.ts +7 -0
  8. package/dist/cjs/components/CommentEdit.d.ts +16 -0
  9. package/dist/cjs/components/CommentPlaceholder.d.ts +8 -0
  10. package/dist/cjs/components/CommentTrashed.d.ts +15 -0
  11. package/dist/cjs/components/CommentView.d.ts +18 -0
  12. package/dist/cjs/components/Comments.d.ts +8 -0
  13. package/dist/cjs/components/ConversationListItem.d.ts +1 -1
  14. package/dist/cjs/components/Dropzone.d.ts +10 -0
  15. package/dist/cjs/components/Editor.d.ts +25 -0
  16. package/dist/cjs/components/Embed.d.ts +8 -0
  17. package/dist/cjs/components/FileItem.d.ts +41 -0
  18. package/dist/cjs/components/FileList.d.ts +11 -0
  19. package/dist/cjs/components/FileVersions.d.ts +9 -0
  20. package/dist/cjs/components/Files.d.ts +4 -0
  21. package/dist/cjs/components/Image.d.ts +3 -3
  22. package/dist/cjs/components/MeetingCard.d.ts +1 -1
  23. package/dist/cjs/components/Meetings.d.ts +2 -1
  24. package/dist/cjs/components/Poll.d.ts +8 -0
  25. package/dist/cjs/components/PollOption.d.ts +10 -0
  26. package/dist/cjs/components/Post.d.ts +21 -0
  27. package/dist/cjs/components/PostEdit.d.ts +17 -0
  28. package/dist/cjs/components/PostList.d.ts +6 -0
  29. package/dist/cjs/components/PostPlaceholder.d.ts +8 -0
  30. package/dist/cjs/components/PostTrashed.d.ts +14 -0
  31. package/dist/cjs/components/PostView.d.ts +21 -0
  32. package/dist/cjs/components/Posts.d.ts +4 -0
  33. package/dist/cjs/components/Preview.d.ts +1 -3
  34. package/dist/cjs/components/PreviewFiles.d.ts +10 -0
  35. package/dist/cjs/components/Reactions.d.ts +6 -2
  36. package/dist/cjs/components/SearchUsers.d.ts +2 -1
  37. package/dist/cjs/contexts/CloudFilesContext.d.ts +9 -0
  38. package/dist/cjs/hooks/useApps.d.ts +1 -0
  39. package/dist/cjs/hooks/useCloudFiles.d.ts +3 -0
  40. package/dist/cjs/hooks/useCommentList.d.ts +1 -0
  41. package/dist/cjs/hooks/useEmbeds.d.ts +5 -0
  42. package/dist/cjs/hooks/useFileList.d.ts +1 -0
  43. package/dist/cjs/hooks/useFileUploader.d.ts +8 -0
  44. package/dist/cjs/hooks/useFileVersions.d.ts +2 -0
  45. package/dist/cjs/hooks/useInfiniteScroll.d.ts +4 -0
  46. package/dist/cjs/hooks/useIsFirstRender.d.ts +2 -0
  47. package/dist/cjs/hooks/useMutateApps.d.ts +5 -0
  48. package/dist/cjs/hooks/useMutateComment.d.ts +10 -0
  49. package/dist/cjs/hooks/useMutateConversationName.d.ts +1 -1
  50. package/dist/cjs/hooks/useMutateDeleteReaction.d.ts +3 -1
  51. package/dist/cjs/hooks/useMutateEditComment.d.ts +10 -0
  52. package/dist/cjs/hooks/useMutateEditPost.d.ts +10 -0
  53. package/dist/cjs/hooks/useMutateExternalBlobs.d.ts +2 -2
  54. package/dist/cjs/hooks/useMutateFile.d.ts +26 -0
  55. package/dist/cjs/hooks/useMutateFileRename.d.ts +5 -0
  56. package/dist/cjs/hooks/useMutateFileSubscribe.d.ts +7 -0
  57. package/dist/cjs/hooks/useMutateFileTrash.d.ts +10 -0
  58. package/dist/cjs/hooks/useMutateFileVersion.d.ts +7 -0
  59. package/dist/cjs/hooks/useMutateFiles.d.ts +2 -0
  60. package/dist/cjs/hooks/useMutateLeaveConversation.d.ts +4 -0
  61. package/dist/cjs/hooks/useMutateMessage.d.ts +2 -2
  62. package/dist/cjs/hooks/useMutatePost.d.ts +10 -0
  63. package/dist/cjs/hooks/useMutateReaction.d.ts +3 -1
  64. package/dist/cjs/hooks/useMutateRead.d.ts +1 -1
  65. package/dist/cjs/hooks/useMutateReplaceReaction.d.ts +6 -0
  66. package/dist/cjs/hooks/useMutateRestoreComment.d.ts +5 -0
  67. package/dist/cjs/hooks/useMutateRestorePost.d.ts +4 -0
  68. package/dist/cjs/hooks/useMutateStarred.d.ts +4 -0
  69. package/dist/cjs/hooks/useMutateSubscribe.d.ts +4 -0
  70. package/dist/cjs/hooks/useMutateTrashComment.d.ts +5 -0
  71. package/dist/cjs/hooks/useMutateTrashPost.d.ts +4 -0
  72. package/dist/cjs/hooks/useMutateTyping.d.ts +2 -0
  73. package/dist/cjs/hooks/useMutateUnsubscribe.d.ts +4 -0
  74. package/dist/cjs/hooks/useMutateVote.d.ts +5 -0
  75. package/dist/cjs/hooks/usePost.d.ts +1 -0
  76. package/dist/cjs/hooks/usePosts.d.ts +1 -0
  77. package/dist/cjs/hooks/usePostsList.d.ts +1 -0
  78. package/dist/cjs/hooks/useReactionList.d.ts +1 -0
  79. package/dist/cjs/hooks/useSessionState.d.ts +2 -0
  80. package/dist/cjs/hooks/useUnload.d.ts +2 -0
  81. package/dist/cjs/hooks/useUpdateEffect.d.ts +3 -0
  82. package/dist/cjs/hooks/useVotes.d.ts +1 -0
  83. package/dist/cjs/index.d.ts +3 -1
  84. package/dist/cjs/index.js +28 -6
  85. package/dist/cjs/index.js.map +1 -1
  86. package/dist/cjs/types/ConversationListItem.d.ts +1 -0
  87. package/dist/cjs/types/Files.d.ts +7 -0
  88. package/dist/cjs/types/Message.d.ts +2 -2
  89. package/dist/cjs/types/Posts.d.ts +4 -0
  90. package/dist/cjs/types/interfaces.d.ts +9 -0
  91. package/dist/cjs/types/types.d.ts +138 -22
  92. package/dist/cjs/ui/Dropdown.d.ts +18 -2
  93. package/dist/cjs/ui/Icon.d.ts +10 -2
  94. package/dist/cjs/ui/Overlay.d.ts +3 -1
  95. package/dist/cjs/ui/Sheet.d.ts +14 -0
  96. package/dist/cjs/ui/Spinner.d.ts +2 -1
  97. package/dist/cjs/utils/cacheUtils.d.ts +14 -0
  98. package/dist/cjs/utils/fileUtilities.d.ts +10 -1
  99. package/dist/cjs/utils/mentions.d.ts +6 -0
  100. package/dist/cjs/utils/openUrl.d.ts +1 -0
  101. package/dist/css/weavy-chat.css +637 -218
  102. package/dist/css/weavy-files.css +3046 -0
  103. package/dist/css/weavy-messenger.css +643 -213
  104. package/dist/css/weavy-posts.css +2773 -0
  105. package/dist/css/weavy.css +1749 -308
  106. package/dist/esm/client/WeavyClient.d.ts +1 -0
  107. package/dist/esm/components/Attachment.d.ts +5 -5
  108. package/dist/esm/components/Blob.d.ts +9 -0
  109. package/dist/esm/components/Comment.d.ts +18 -0
  110. package/dist/esm/components/CommentCount.d.ts +7 -0
  111. package/dist/esm/components/CommentEdit.d.ts +16 -0
  112. package/dist/esm/components/CommentPlaceholder.d.ts +8 -0
  113. package/dist/esm/components/CommentTrashed.d.ts +15 -0
  114. package/dist/esm/components/CommentView.d.ts +18 -0
  115. package/dist/esm/components/Comments.d.ts +8 -0
  116. package/dist/esm/components/ConversationListItem.d.ts +1 -1
  117. package/dist/esm/components/Dropzone.d.ts +10 -0
  118. package/dist/esm/components/Editor.d.ts +25 -0
  119. package/dist/esm/components/Embed.d.ts +8 -0
  120. package/dist/esm/components/FileItem.d.ts +41 -0
  121. package/dist/esm/components/FileList.d.ts +11 -0
  122. package/dist/esm/components/FileVersions.d.ts +9 -0
  123. package/dist/esm/components/Files.d.ts +4 -0
  124. package/dist/esm/components/Image.d.ts +3 -3
  125. package/dist/esm/components/MeetingCard.d.ts +1 -1
  126. package/dist/esm/components/Meetings.d.ts +2 -1
  127. package/dist/esm/components/Poll.d.ts +8 -0
  128. package/dist/esm/components/PollOption.d.ts +10 -0
  129. package/dist/esm/components/Post.d.ts +21 -0
  130. package/dist/esm/components/PostEdit.d.ts +17 -0
  131. package/dist/esm/components/PostList.d.ts +6 -0
  132. package/dist/esm/components/PostPlaceholder.d.ts +8 -0
  133. package/dist/esm/components/PostTrashed.d.ts +14 -0
  134. package/dist/esm/components/PostView.d.ts +21 -0
  135. package/dist/esm/components/Posts.d.ts +4 -0
  136. package/dist/esm/components/Preview.d.ts +1 -3
  137. package/dist/esm/components/PreviewFiles.d.ts +10 -0
  138. package/dist/esm/components/Reactions.d.ts +6 -2
  139. package/dist/esm/components/SearchUsers.d.ts +2 -1
  140. package/dist/esm/contexts/CloudFilesContext.d.ts +9 -0
  141. package/dist/esm/hooks/useApps.d.ts +1 -0
  142. package/dist/esm/hooks/useCloudFiles.d.ts +3 -0
  143. package/dist/esm/hooks/useCommentList.d.ts +1 -0
  144. package/dist/esm/hooks/useEmbeds.d.ts +5 -0
  145. package/dist/esm/hooks/useFileList.d.ts +1 -0
  146. package/dist/esm/hooks/useFileUploader.d.ts +8 -0
  147. package/dist/esm/hooks/useFileVersions.d.ts +2 -0
  148. package/dist/esm/hooks/useInfiniteScroll.d.ts +4 -0
  149. package/dist/esm/hooks/useIsFirstRender.d.ts +2 -0
  150. package/dist/esm/hooks/useMutateApps.d.ts +5 -0
  151. package/dist/esm/hooks/useMutateComment.d.ts +10 -0
  152. package/dist/esm/hooks/useMutateConversationName.d.ts +1 -1
  153. package/dist/esm/hooks/useMutateDeleteReaction.d.ts +3 -1
  154. package/dist/esm/hooks/useMutateEditComment.d.ts +10 -0
  155. package/dist/esm/hooks/useMutateEditPost.d.ts +10 -0
  156. package/dist/esm/hooks/useMutateExternalBlobs.d.ts +2 -2
  157. package/dist/esm/hooks/useMutateFile.d.ts +26 -0
  158. package/dist/esm/hooks/useMutateFileRename.d.ts +5 -0
  159. package/dist/esm/hooks/useMutateFileSubscribe.d.ts +7 -0
  160. package/dist/esm/hooks/useMutateFileTrash.d.ts +10 -0
  161. package/dist/esm/hooks/useMutateFileVersion.d.ts +7 -0
  162. package/dist/esm/hooks/useMutateFiles.d.ts +2 -0
  163. package/dist/esm/hooks/useMutateLeaveConversation.d.ts +4 -0
  164. package/dist/esm/hooks/useMutateMessage.d.ts +2 -2
  165. package/dist/esm/hooks/useMutatePost.d.ts +10 -0
  166. package/dist/esm/hooks/useMutateReaction.d.ts +3 -1
  167. package/dist/esm/hooks/useMutateRead.d.ts +1 -1
  168. package/dist/esm/hooks/useMutateReplaceReaction.d.ts +6 -0
  169. package/dist/esm/hooks/useMutateRestoreComment.d.ts +5 -0
  170. package/dist/esm/hooks/useMutateRestorePost.d.ts +4 -0
  171. package/dist/esm/hooks/useMutateStarred.d.ts +4 -0
  172. package/dist/esm/hooks/useMutateSubscribe.d.ts +4 -0
  173. package/dist/esm/hooks/useMutateTrashComment.d.ts +5 -0
  174. package/dist/esm/hooks/useMutateTrashPost.d.ts +4 -0
  175. package/dist/esm/hooks/useMutateTyping.d.ts +2 -0
  176. package/dist/esm/hooks/useMutateUnsubscribe.d.ts +4 -0
  177. package/dist/esm/hooks/useMutateVote.d.ts +5 -0
  178. package/dist/esm/hooks/usePost.d.ts +1 -0
  179. package/dist/esm/hooks/usePosts.d.ts +1 -0
  180. package/dist/esm/hooks/usePostsList.d.ts +1 -0
  181. package/dist/esm/hooks/useReactionList.d.ts +1 -0
  182. package/dist/esm/hooks/useSessionState.d.ts +2 -0
  183. package/dist/esm/hooks/useUnload.d.ts +2 -0
  184. package/dist/esm/hooks/useUpdateEffect.d.ts +3 -0
  185. package/dist/esm/hooks/useVotes.d.ts +1 -0
  186. package/dist/esm/index.d.ts +3 -1
  187. package/dist/esm/index.js +28 -6
  188. package/dist/esm/index.js.map +1 -1
  189. package/dist/esm/types/ConversationListItem.d.ts +1 -0
  190. package/dist/esm/types/Files.d.ts +7 -0
  191. package/dist/esm/types/Message.d.ts +2 -2
  192. package/dist/esm/types/Posts.d.ts +4 -0
  193. package/dist/esm/types/interfaces.d.ts +9 -0
  194. package/dist/esm/types/types.d.ts +138 -22
  195. package/dist/esm/ui/Dropdown.d.ts +18 -2
  196. package/dist/esm/ui/Icon.d.ts +10 -2
  197. package/dist/esm/ui/Overlay.d.ts +3 -1
  198. package/dist/esm/ui/Sheet.d.ts +14 -0
  199. package/dist/esm/ui/Spinner.d.ts +2 -1
  200. package/dist/esm/utils/cacheUtils.d.ts +14 -0
  201. package/dist/esm/utils/fileUtilities.d.ts +10 -1
  202. package/dist/esm/utils/mentions.d.ts +6 -0
  203. package/dist/esm/utils/openUrl.d.ts +1 -0
  204. package/dist/index.d.ts +50 -6
  205. package/package.json +8 -2
  206. package/src/client/WeavyClient.ts +35 -1
  207. package/src/components/Attachment.tsx +20 -13
  208. package/src/components/Blob.tsx +28 -0
  209. package/src/components/Comment.tsx +43 -0
  210. package/src/components/CommentCount.tsx +15 -0
  211. package/src/components/CommentEdit.tsx +48 -0
  212. package/src/components/CommentPlaceholder.tsx +34 -0
  213. package/src/components/CommentTrashed.tsx +45 -0
  214. package/src/components/CommentView.tsx +142 -0
  215. package/src/components/Comments.tsx +78 -0
  216. package/src/components/Conversation.tsx +85 -31
  217. package/src/components/ConversationList.tsx +12 -41
  218. package/src/components/ConversationListItem.tsx +125 -74
  219. package/src/components/Dropzone.tsx +26 -0
  220. package/src/components/Editor.tsx +700 -0
  221. package/src/components/Embed.tsx +80 -0
  222. package/src/components/FileItem.tsx +391 -0
  223. package/src/components/FileList.tsx +166 -0
  224. package/src/components/FileVersions.tsx +100 -0
  225. package/src/components/Files.tsx +294 -0
  226. package/src/components/Image.tsx +11 -10
  227. package/src/components/Meeting.tsx +1 -2
  228. package/src/components/MeetingCard.tsx +1 -1
  229. package/src/components/Meetings.tsx +13 -5
  230. package/src/components/Message.tsx +14 -19
  231. package/src/components/Messages.tsx +38 -64
  232. package/src/components/NewConversation.tsx +8 -6
  233. package/src/components/PdfViewer.tsx +2 -2
  234. package/src/components/Poll.tsx +45 -0
  235. package/src/components/PollOption.tsx +65 -0
  236. package/src/components/Post.tsx +45 -0
  237. package/src/components/PostEdit.tsx +49 -0
  238. package/src/components/PostList.tsx +95 -0
  239. package/src/components/PostPlaceholder.tsx +32 -0
  240. package/src/components/PostTrashed.tsx +35 -0
  241. package/src/components/PostView.tsx +194 -0
  242. package/src/components/Posts.tsx +59 -0
  243. package/src/components/Preview.tsx +16 -23
  244. package/src/components/PreviewFiles.tsx +336 -0
  245. package/src/components/Reactions.tsx +142 -38
  246. package/src/components/SearchUsers.tsx +77 -37
  247. package/src/components/Typing.tsx +1 -1
  248. package/src/{components/FileBrowser.tsx → contexts/CloudFilesContext.tsx} +46 -30
  249. package/src/contexts/PreviewContext.tsx +102 -85
  250. package/src/contexts/WeavyContext.tsx +10 -6
  251. package/src/hooks/useApps.ts +23 -0
  252. package/src/hooks/useCloudFiles.ts +12 -0
  253. package/src/hooks/useCommentList.ts +30 -0
  254. package/src/hooks/useEmbeds.ts +126 -0
  255. package/src/hooks/useEvents.ts +3 -1
  256. package/src/hooks/useFileList.ts +84 -0
  257. package/src/hooks/useFileUploader.ts +38 -1
  258. package/src/hooks/useFileVersions.ts +20 -0
  259. package/src/hooks/useInfiniteScroll.ts +45 -0
  260. package/src/hooks/useIsFirstRender.ts +15 -0
  261. package/src/hooks/useMembers.ts +3 -3
  262. package/src/hooks/useMutateApps.ts +48 -0
  263. package/src/hooks/useMutateComment.ts +60 -0
  264. package/src/hooks/useMutateConversationName.ts +1 -1
  265. package/src/hooks/useMutateDeleteReaction.ts +17 -4
  266. package/src/hooks/useMutateEditComment.ts +63 -0
  267. package/src/hooks/useMutateEditPost.ts +64 -0
  268. package/src/hooks/useMutateExternalBlobs.ts +5 -9
  269. package/src/hooks/useMutateFile.ts +311 -0
  270. package/src/hooks/useMutateFileRename.ts +51 -0
  271. package/src/hooks/useMutateFileSubscribe.ts +80 -0
  272. package/src/hooks/useMutateFileTrash.ts +115 -0
  273. package/src/hooks/useMutateFileVersion.ts +85 -0
  274. package/src/hooks/useMutateFiles.ts +23 -0
  275. package/src/hooks/useMutateLeaveConversation.ts +38 -0
  276. package/src/hooks/useMutateMessage.ts +23 -62
  277. package/src/hooks/useMutatePost.ts +60 -0
  278. package/src/hooks/useMutateReaction.ts +21 -6
  279. package/src/hooks/useMutateRead.ts +8 -2
  280. package/src/hooks/useMutateRemoveMembers.ts +2 -9
  281. package/src/hooks/useMutateReplaceReaction.ts +59 -0
  282. package/src/hooks/useMutateRestoreComment.ts +37 -0
  283. package/src/hooks/useMutateRestorePost.ts +36 -0
  284. package/src/hooks/useMutateStarred.ts +35 -0
  285. package/src/hooks/useMutateSubscribe.ts +36 -0
  286. package/src/hooks/useMutateTrashComment.ts +37 -0
  287. package/src/hooks/useMutateTrashPost.ts +36 -0
  288. package/src/hooks/useMutateTyping.ts +5 -3
  289. package/src/hooks/useMutateUnsubscribe.ts +36 -0
  290. package/src/hooks/useMutateVote.ts +59 -0
  291. package/src/hooks/usePost.ts +20 -0
  292. package/src/hooks/usePosts.ts +21 -0
  293. package/src/hooks/usePostsList.ts +31 -0
  294. package/src/hooks/useReactionList.ts +21 -0
  295. package/src/hooks/useSearchUsers.ts +2 -2
  296. package/src/hooks/useSessionState.ts +23 -0
  297. package/src/hooks/useUnload.ts +19 -0
  298. package/src/hooks/useUpdateEffect.ts +16 -0
  299. package/src/hooks/useVotes.ts +21 -0
  300. package/src/index.ts +5 -1
  301. package/src/scss/theme/_appbar.scss +8 -4
  302. package/src/scss/theme/_card.scss +2 -0
  303. package/src/scss/theme/_comment-editor-cm.scss +5 -1
  304. package/src/scss/theme/_comments.scss +9 -8
  305. package/src/scss/theme/_conversations.scss +4 -0
  306. package/src/scss/theme/_files.scss +2 -81
  307. package/src/scss/theme/_icons.scss +21 -3
  308. package/src/scss/theme/_input.scss +13 -7
  309. package/src/scss/theme/_item.scss +23 -1
  310. package/src/scss/theme/_message-editor-cm.scss +5 -1
  311. package/src/scss/theme/_pager.scss +1 -1
  312. package/src/scss/theme/_post-editor-cm.scss +2 -2
  313. package/src/scss/theme/_post.scss +3 -10
  314. package/src/scss/theme/_preview-pdf-viewer.scss +996 -0
  315. package/src/scss/theme/_preview-pdf.scss +57 -783
  316. package/src/scss/theme/_sheet.scss +4 -1
  317. package/src/scss/theme/_spinner.scss +10 -1
  318. package/src/scss/theme/_tables.scss +2 -0
  319. package/src/scss/theme/base/_scroll.scss +3 -0
  320. package/src/scss/weavy-chat.scss +3 -1
  321. package/src/scss/weavy-files.scss +31 -0
  322. package/src/scss/weavy-messenger.scss +3 -1
  323. package/src/scss/weavy-posts.scss +35 -0
  324. package/src/scss/weavy.scss +2 -0
  325. package/src/types/ConversationListItem.ts +1 -0
  326. package/src/types/Files.ts +7 -0
  327. package/src/types/Message.ts +2 -2
  328. package/src/types/Posts.ts +4 -0
  329. package/src/types/interfaces.ts +13 -0
  330. package/src/types/types.ts +157 -28
  331. package/src/ui/Button.tsx +6 -5
  332. package/src/ui/Dropdown.tsx +67 -16
  333. package/src/ui/Icon.tsx +112 -15
  334. package/src/ui/Overlay.tsx +6 -2
  335. package/src/ui/Sheet.tsx +87 -0
  336. package/src/ui/Spinner.tsx +7 -4
  337. package/src/utils/cacheUtils.ts +246 -0
  338. package/src/utils/fileUtilities.ts +208 -24
  339. package/src/utils/infinite-scroll.js +103 -0
  340. package/src/utils/mentions.ts +50 -0
  341. package/src/utils/openUrl.ts +41 -0
  342. package/src/utils/{scrollToBottom.js → scroll-position.js} +50 -9
  343. package/src/utils/{scrollbarDetection.js → scrollbar-detection.js} +0 -0
  344. package/src/utils/utils.js +15 -1
  345. package/tsconfig.json +1 -1
  346. package/dist/cjs/components/ConversationForm.d.ts +0 -7
  347. package/dist/cjs/components/File.d.ts +0 -9
  348. package/dist/cjs/components/FileBrowser.d.ts +0 -6
  349. package/dist/cjs/hooks/usePreview.d.ts +0 -4
  350. package/dist/cjs/hooks/useReactions.d.ts +0 -3
  351. package/dist/esm/components/ConversationForm.d.ts +0 -7
  352. package/dist/esm/components/File.d.ts +0 -9
  353. package/dist/esm/components/FileBrowser.d.ts +0 -6
  354. package/dist/esm/hooks/usePreview.d.ts +0 -4
  355. package/dist/esm/hooks/useReactions.d.ts +0 -3
  356. package/src/components/ConversationForm.tsx +0 -210
  357. package/src/components/File.tsx +0 -21
  358. package/src/hooks/usePreview.ts +0 -21
  359. package/src/hooks/useReactions.ts +0 -51
  360. package/src/utils/infiniteScroll.js +0 -184
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  :where(:root, :host > *) {
2
3
  --wy-theme: #00658e;
3
4
  --wy-black: #000000;
@@ -303,6 +304,8 @@
303
304
  will-change: scroll-position, opacity;
304
305
  backface-visibility: hidden;
305
306
  max-height: 100%;
307
+ scroll-padding-top: var(--wy-scrollbar-adjust-top, 0);
308
+ scroll-padding-bottom: var(--wy-scrollbar-adjust-bottom, 0);
306
309
  }
307
310
  .wy-scroll-y:not(body) {
308
311
  -webkit-overflow-scrolling: touch;
@@ -1272,7 +1275,7 @@
1272
1275
  opacity: 1;
1273
1276
  }
1274
1277
 
1275
- .wy-icon:not([class*=wy-icon-]):not([class*=wy-kind-]) * {
1278
+ .wy-icon:not([class*=wy-icon-]):not([class*=wy-kind-]):not([data-icon=progress]) * {
1276
1279
  fill: currentColor;
1277
1280
  }
1278
1281
 
@@ -1391,6 +1394,18 @@
1391
1394
  fill: var(--wy-red);
1392
1395
  }
1393
1396
 
1397
+ [data-icon=progress].wy-icon-primary {
1398
+ color: var(--wy-primary);
1399
+ }
1400
+ [data-icon=progress] :first-child {
1401
+ fill: none;
1402
+ stroke: var(--wy-surface-variant);
1403
+ }
1404
+ [data-icon=progress] :last-child {
1405
+ fill: none;
1406
+ stroke: currentColor;
1407
+ }
1408
+
1394
1409
  .wy-image-grid {
1395
1410
  display: flex;
1396
1411
  flex-wrap: wrap;
@@ -1509,8 +1524,9 @@
1509
1524
  border-color: var(--wy-outline-variant);
1510
1525
  }
1511
1526
 
1512
- .wy-is-invalid, .wy-is-invalid:focus {
1513
- border-color: var(--wy-error);
1527
+ .wy-input-label {
1528
+ display: block;
1529
+ margin-bottom: 0.5rem;
1514
1530
  }
1515
1531
 
1516
1532
  .wy-description {
@@ -1518,9 +1534,14 @@
1518
1534
  font-size: var(--wy-font-size-sm);
1519
1535
  }
1520
1536
 
1521
- .wy-input-label {
1522
- display: block;
1523
- margin-bottom: 0.5rem;
1537
+ .wy-is-invalid, .wy-is-invalid:focus {
1538
+ border-color: var(--wy-error);
1539
+ }
1540
+
1541
+ .wy-invalid-feedback {
1542
+ margin-top: 0.25rem;
1543
+ font-size: var(--wy-font-size-sm);
1544
+ color: var(--wy-error);
1524
1545
  }
1525
1546
 
1526
1547
  .wy-input-group {
@@ -1565,7 +1586,7 @@
1565
1586
  text-decoration: none;
1566
1587
  min-height: 3rem;
1567
1588
  }
1568
- .wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon-stack {
1589
+ .wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon[data-icon=spinner], .wy-item > .wy-icon-stack {
1569
1590
  margin-left: -0.25rem;
1570
1591
  }
1571
1592
 
@@ -1586,6 +1607,9 @@
1586
1607
  .wy-item-body + .wy-emoji {
1587
1608
  margin-right: 0.125rem;
1588
1609
  }
1610
+ .wy-item-body > .wy-icon[data-icon=shield-star] {
1611
+ vertical-align: -0.125rem;
1612
+ }
1589
1613
 
1590
1614
  .wy-item-title {
1591
1615
  color: var(--wy-on-background);
@@ -1637,6 +1661,11 @@
1637
1661
  margin-right: 2rem;
1638
1662
  }
1639
1663
 
1664
+ .wy-action-label {
1665
+ margin-right: 0.5rem;
1666
+ font-style: italic;
1667
+ }
1668
+
1640
1669
  .wy-item-row {
1641
1670
  display: flex;
1642
1671
  align-items: center;
@@ -1684,6 +1713,14 @@
1684
1713
  border-color: var(--wy-component-background-color);
1685
1714
  }
1686
1715
 
1716
+ .wy-item-trashed {
1717
+ text-decoration: line-through;
1718
+ opacity: var(--wy-opacity-disabled);
1719
+ }
1720
+ .wy-item-trashed.wy-item-hover:hover {
1721
+ opacity: 1;
1722
+ }
1723
+
1687
1724
  .wy-item-lg {
1688
1725
  padding: 0.75rem;
1689
1726
  min-height: 4.5rem;
@@ -1883,129 +1920,6 @@
1883
1920
  text-align: center;
1884
1921
  }
1885
1922
 
1886
- .wy-message-editor-top {
1887
- background-color: var(--wy-component-background-color);
1888
- color: var(--wy-component-color);
1889
- }
1890
- @supports (position: sticky) {
1891
- .wy-message-editor-top {
1892
- position: sticky;
1893
- top: 0;
1894
- z-index: 1020;
1895
- }
1896
- }
1897
-
1898
- .wy-message-editor-bottom {
1899
- background-color: var(--wy-component-background-color);
1900
- color: var(--wy-component-color);
1901
- }
1902
- @supports (position: sticky) {
1903
- .wy-message-editor-bottom {
1904
- position: sticky;
1905
- bottom: 0;
1906
- z-index: 1020;
1907
- }
1908
- }
1909
-
1910
- .wy-message-editor-dragging::after {
1911
- content: "Drop files here to upload.";
1912
- background-color: rgba(255, 255, 255, 0.5);
1913
- display: flex;
1914
- justify-content: center;
1915
- align-items: center;
1916
- border: 2px dashed var(--wy-primary);
1917
- font-weight: 700;
1918
- z-index: 10000;
1919
- position: absolute;
1920
- top: 0;
1921
- left: 0;
1922
- bottom: 0;
1923
- right: 0;
1924
- }
1925
-
1926
- .wy-message-form .wy-spinner {
1927
- display: none;
1928
- }
1929
- .wy-message-form.wy-uploading .wy-spinner {
1930
- display: block;
1931
- }
1932
- .wy-message-form.wy-uploading [data-icon=plus] {
1933
- display: none;
1934
- }
1935
- .wy-message-form .wy-picker-list:not(:empty) {
1936
- border-top: 1px solid var(--wy-outline-variant);
1937
- }
1938
-
1939
- .wy-message-editor-inputs {
1940
- display: flex;
1941
- flex-direction: row;
1942
- align-items: flex-end;
1943
- padding: 0.5rem 0.25rem;
1944
- min-height: 3.5rem;
1945
- }
1946
- .wy-message-editor-inputs > :not(:last-child) {
1947
- margin-right: 0.25rem;
1948
- }
1949
-
1950
- .wy-message-editor-buttons {
1951
- flex: 1 0 auto;
1952
- }
1953
-
1954
- .wy-message-editor-text {
1955
- flex: 1 1 100%;
1956
- display: flex;
1957
- flex-direction: column;
1958
- }
1959
-
1960
- .wy-message-editor-mention {
1961
- background: blue;
1962
- color: white;
1963
- }
1964
-
1965
- .wy-message-editor-link {
1966
- background: blue;
1967
- color: white;
1968
- }
1969
-
1970
- .wy-message-editor-grow::after,
1971
- .wy-message-editor-grow > textarea,
1972
- .wy-message-editor-textfield {
1973
- flex: 1 1 100%;
1974
- max-height: 11.25rem;
1975
- background-color: var(--wy-background);
1976
- color: var(--wy-on-background);
1977
- border-radius: 1.25rem;
1978
- border: var(--wy-input-border-width) solid var(--wy-background);
1979
- }
1980
- .wy-message-editor-grow:focus::after,
1981
- .wy-message-editor-grow > textarea:focus,
1982
- .wy-message-editor-textfield:focus {
1983
- border-color: var(--wy-outline-variant);
1984
- }
1985
-
1986
- .wy-message-editor-textcontent {
1987
- font-family: var(--wy-font-family);
1988
- font-size: var(--wy-font-size-base);
1989
- padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1990
- }
1991
-
1992
- .wy-message-editor-grow {
1993
- display: grid;
1994
- }
1995
- .wy-message-editor-grow::after,
1996
- .wy-message-editor-grow > textarea {
1997
- grid-area: 1/1/2/2;
1998
- }
1999
- .wy-message-editor-grow::after {
2000
- content: attr(data-replicated-value) " ";
2001
- white-space: pre-wrap;
2002
- visibility: hidden;
2003
- }
2004
- .wy-message-editor-grow > textarea {
2005
- resize: none;
2006
- overflow: hidden;
2007
- }
2008
-
2009
1923
  .wy-meta {
2010
1924
  color: var(--wy-outline);
2011
1925
  font-size: var(--wy-font-size-sm);
@@ -2104,7 +2018,7 @@
2104
2018
  opacity: 1;
2105
2019
  }
2106
2020
 
2107
- .wy-pager {
2021
+ tr.wy-pager {
2108
2022
  pointer-events: none;
2109
2023
  }
2110
2024
 
@@ -2517,48 +2431,82 @@ tr.wy-pager td .wy-spinner {
2517
2431
  outline: none;
2518
2432
  }
2519
2433
 
2520
- :root, :host > * {
2521
- --pdfViewer-padding-bottom: 0;
2522
- --page-margin: 2rem auto;
2523
- --page-border: none;
2524
- --spreadHorizontalWrapped-margin-LR: -3.5px;
2525
- --zoom-factor: 1;
2526
- --viewport-scale-factor: 1;
2434
+ :root {
2435
+ --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
2436
+ --input-focus-border-color: Highlight;
2437
+ --input-focus-outline: 1px solid Canvas;
2438
+ --input-unfocused-border-color: transparent;
2439
+ --input-disabled-border-color: transparent;
2440
+ --input-hover-border-color: black;
2441
+ }
2442
+
2443
+ @media (forced-colors: active) {
2444
+ :root {
2445
+ --input-focus-border-color: CanvasText;
2446
+ --input-unfocused-border-color: ActiveText;
2447
+ --input-disabled-border-color: GrayText;
2448
+ --input-hover-border-color: Highlight;
2449
+ }
2450
+ }
2451
+ :root {
2452
+ --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
2453
+ --xfa-focus-outline: auto;
2527
2454
  }
2528
2455
 
2529
- @media screen and (forced-colors: active) {
2530
- :root, :host > * {
2531
- --pdfViewer-padding-bottom: 9px;
2532
- --page-margin: 9px auto 0;
2533
- --page-border: none;
2534
- --spreadHorizontalWrapped-margin-LR: 4.5px;
2456
+ @media (forced-colors: active) {
2457
+ :root {
2458
+ --xfa-focus-outline: 2px solid CanvasText;
2535
2459
  }
2536
2460
  }
2537
2461
  :root {
2538
- --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
2462
+ --focus-outline: solid 2px blue;
2463
+ --hover-outline: dashed 2px blue;
2464
+ --freetext-line-height: 1.35;
2465
+ --freetext-padding: 2px;
2466
+ --editorFreeText-editing-cursor: text;
2467
+ --editorInk-editing-cursor: pointer;
2468
+ }
2469
+
2470
+ @media (forced-colors: active) {
2471
+ :root {
2472
+ --focus-outline: solid 3px ButtonText;
2473
+ --hover-outline: dashed 3px ButtonText;
2474
+ }
2539
2475
  }
2540
-
2541
2476
  :root {
2542
- --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
2477
+ --viewer-container-height: 0;
2478
+ --pdfViewer-padding-bottom: 0;
2479
+ --page-margin: 2rem auto;
2480
+ --page-border: none;
2481
+ --page-border-image: none;
2482
+ --spreadHorizontalWrapped-margin-LR: -3.5px;
2483
+ --scale-factor: 1;
2543
2484
  }
2544
2485
 
2486
+ @media screen and (forced-colors: active) {
2487
+ :root {
2488
+ --page-border: 1px solid CanvasText;
2489
+ --page-border-image: none;
2490
+ --spreadHorizontalWrapped-margin-LR: 3.5px;
2491
+ }
2492
+ }
2545
2493
  .wy-content-pdf {
2546
2494
  /* Copyright 2014 Mozilla Foundation
2547
- *
2548
- * Licensed under the Apache License, Version 2.0 (the "License");
2549
- * you may not use this file except in compliance with the License.
2550
- * You may obtain a copy of the License at
2551
- *
2552
- * http://www.apache.org/licenses/LICENSE-2.0
2553
- *
2554
- * Unless required by applicable law or agreed to in writing, software
2555
- * distributed under the License is distributed on an "AS IS" BASIS,
2556
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2557
- * See the License for the specific language governing permissions and
2558
- * limitations under the License.
2559
- */
2495
+ *
2496
+ * Licensed under the Apache License, Version 2.0 (the "License");
2497
+ * you may not use this file except in compliance with the License.
2498
+ * You may obtain a copy of the License at
2499
+ *
2500
+ * http://www.apache.org/licenses/LICENSE-2.0
2501
+ *
2502
+ * Unless required by applicable law or agreed to in writing, software
2503
+ * distributed under the License is distributed on an "AS IS" BASIS,
2504
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2505
+ * See the License for the specific language governing permissions and
2506
+ * limitations under the License.
2507
+ */
2560
2508
  /* Only necessary in Google Chrome, see issue 14205, and most unfortunately
2561
- * the problem doesn't show up in "text" reference tests. */
2509
+ * the problem doesn't show up in "text" reference tests. */
2562
2510
  /* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
2563
2511
  }
2564
2512
  .wy-content-pdf .wy-input[data-pdf-target=pageNumber] {
@@ -2628,11 +2576,12 @@ tr.wy-pager td .wy-spinner {
2628
2576
  right: 0;
2629
2577
  bottom: 0;
2630
2578
  overflow: hidden;
2631
- opacity: 0.2;
2579
+ opacity: 0.25;
2632
2580
  line-height: 1;
2633
2581
  -webkit-text-size-adjust: none;
2634
2582
  -moz-text-size-adjust: none;
2635
2583
  text-size-adjust: none;
2584
+ forced-color-adjust: none;
2636
2585
  }
2637
2586
  .wy-content-pdf .textLayer span,
2638
2587
  .wy-content-pdf .textLayer br {
@@ -2668,10 +2617,12 @@ tr.wy-pager td .wy-spinner {
2668
2617
  background-color: rgb(0, 100, 0);
2669
2618
  }
2670
2619
  .wy-content-pdf .textLayer ::-moz-selection {
2671
- background: rgb(0, 0, 255);
2620
+ background: blue;
2621
+ background: AccentColor;
2672
2622
  }
2673
2623
  .wy-content-pdf .textLayer ::selection {
2674
- background: rgb(0, 0, 255);
2624
+ background: blue;
2625
+ background: AccentColor;
2675
2626
  }
2676
2627
  .wy-content-pdf .textLayer br::-moz-selection {
2677
2628
  background: transparent;
@@ -2695,9 +2646,28 @@ tr.wy-pager td .wy-spinner {
2695
2646
  .wy-content-pdf .textLayer .endOfContent.active {
2696
2647
  top: 0;
2697
2648
  }
2649
+ @media (forced-colors: active) {
2650
+ .wy-content-pdf .annotationLayer .textWidgetAnnotation input:required,
2651
+ .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea:required,
2652
+ .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:required,
2653
+ .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:required,
2654
+ .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input:required {
2655
+ outline: 1.5px solid selectedItem;
2656
+ }
2657
+ }
2658
+ .wy-content-pdf .annotationLayer {
2659
+ position: absolute;
2660
+ top: 0;
2661
+ left: 0;
2662
+ pointer-events: none;
2663
+ transform-origin: 0 0;
2664
+ }
2698
2665
  .wy-content-pdf .annotationLayer section {
2699
2666
  position: absolute;
2700
2667
  text-align: initial;
2668
+ pointer-events: auto;
2669
+ box-sizing: border-box;
2670
+ transform-origin: 0 0;
2701
2671
  }
2702
2672
  .wy-content-pdf .annotationLayer .linkAnnotation > a,
2703
2673
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.pushButton > a {
@@ -2709,10 +2679,8 @@ tr.wy-pager td .wy-spinner {
2709
2679
  height: 100%;
2710
2680
  }
2711
2681
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.pushButton > canvas {
2712
- position: relative;
2713
- top: 0;
2714
- left: 0;
2715
- z-index: -1;
2682
+ width: 100%;
2683
+ height: 100%;
2716
2684
  }
2717
2685
  .wy-content-pdf .annotationLayer .linkAnnotation > a:hover,
2718
2686
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
@@ -2723,6 +2691,8 @@ tr.wy-pager td .wy-spinner {
2723
2691
  .wy-content-pdf .annotationLayer .textAnnotation img {
2724
2692
  position: absolute;
2725
2693
  cursor: pointer;
2694
+ width: 100%;
2695
+ height: 100%;
2726
2696
  }
2727
2697
  .wy-content-pdf .annotationLayer .textWidgetAnnotation input,
2728
2698
  .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea,
@@ -2730,15 +2700,21 @@ tr.wy-pager td .wy-spinner {
2730
2700
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input,
2731
2701
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input {
2732
2702
  background-image: var(--annotation-unfocused-field-background);
2733
- border: 1px solid transparent;
2703
+ border: 2px solid var(--input-unfocused-border-color);
2734
2704
  box-sizing: border-box;
2735
- font-size: 9px;
2705
+ font: calc(9px * var(--scale-factor)) sans-serif;
2736
2706
  height: 100%;
2737
2707
  margin: 0;
2738
- padding: 0 3px;
2739
2708
  vertical-align: top;
2740
2709
  width: 100%;
2741
2710
  }
2711
+ .wy-content-pdf .annotationLayer .textWidgetAnnotation input:required,
2712
+ .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea:required,
2713
+ .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:required,
2714
+ .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:required,
2715
+ .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input:required {
2716
+ outline: 1.5px solid red;
2717
+ }
2742
2718
  .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select option {
2743
2719
  padding: 0;
2744
2720
  }
@@ -2746,8 +2722,6 @@ tr.wy-pager td .wy-spinner {
2746
2722
  border-radius: 50%;
2747
2723
  }
2748
2724
  .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea {
2749
- font: message-box;
2750
- font-size: 9px;
2751
2725
  resize: none;
2752
2726
  }
2753
2727
  .wy-content-pdf .annotationLayer .textWidgetAnnotation input[disabled],
@@ -2756,7 +2730,7 @@ tr.wy-pager td .wy-spinner {
2756
2730
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
2757
2731
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
2758
2732
  background: none;
2759
- border: 1px solid transparent;
2733
+ border: 2px solid var(--input-disabled-border-color);
2760
2734
  cursor: not-allowed;
2761
2735
  }
2762
2736
  .wy-content-pdf .annotationLayer .textWidgetAnnotation input:hover,
@@ -2764,27 +2738,40 @@ tr.wy-pager td .wy-spinner {
2764
2738
  .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:hover,
2765
2739
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
2766
2740
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
2767
- border: 1px solid rgb(0, 0, 0);
2741
+ border: 2px solid var(--input-hover-border-color);
2742
+ }
2743
+ .wy-content-pdf .annotationLayer .textWidgetAnnotation input:hover,
2744
+ .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea:hover,
2745
+ .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:hover,
2746
+ .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
2747
+ border-radius: 2px;
2768
2748
  }
2769
2749
  .wy-content-pdf .annotationLayer .textWidgetAnnotation input:focus,
2770
2750
  .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea:focus,
2771
2751
  .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select:focus {
2772
2752
  background: none;
2773
- border: 1px solid transparent;
2753
+ border: 2px solid var(--input-focus-border-color);
2754
+ border-radius: 2px;
2755
+ outline: var(--input-focus-outline);
2774
2756
  }
2775
- .wy-content-pdf .annotationLayer .textWidgetAnnotation input :focus,
2776
- .wy-content-pdf .annotationLayer .textWidgetAnnotation textarea :focus,
2777
- .wy-content-pdf .annotationLayer .choiceWidgetAnnotation select :focus,
2778
2757
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox :focus,
2779
2758
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
2780
2759
  background-image: none;
2781
2760
  background-color: transparent;
2782
- outline: auto;
2761
+ }
2762
+ .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox :focus {
2763
+ border: 2px solid var(--input-focus-border-color);
2764
+ border-radius: 2px;
2765
+ outline: var(--input-focus-outline);
2766
+ }
2767
+ .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
2768
+ border: 2px solid var(--input-focus-border-color);
2769
+ outline: var(--input-focus-outline);
2783
2770
  }
2784
2771
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
2785
2772
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
2786
2773
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
2787
- background-color: rgb(0, 0, 0);
2774
+ background-color: CanvasText;
2788
2775
  content: "";
2789
2776
  display: block;
2790
2777
  position: absolute;
@@ -2815,11 +2802,11 @@ tr.wy-pager td .wy-spinner {
2815
2802
  }
2816
2803
  .wy-content-pdf .annotationLayer .textWidgetAnnotation input.comb:focus {
2817
2804
  /*
2818
- * Letter spacing is placed on the right side of each character. Hence, the
2819
- * letter spacing of the last character may be placed outside the visible
2820
- * area, causing horizontal scrolling. We avoid this by extending the width
2821
- * when the element has focus and revert this when it loses focus.
2822
- */
2805
+ * Letter spacing is placed on the right side of each character. Hence, the
2806
+ * letter spacing of the last character may be placed outside the visible
2807
+ * area, causing horizontal scrolling. We avoid this by extending the width
2808
+ * when the element has focus and revert this when it loses focus.
2809
+ */
2823
2810
  width: 103%;
2824
2811
  }
2825
2812
  .wy-content-pdf .annotationLayer .buttonWidgetAnnotation.checkBox input,
@@ -2827,44 +2814,50 @@ tr.wy-pager td .wy-spinner {
2827
2814
  -webkit-appearance: none;
2828
2815
  -moz-appearance: none;
2829
2816
  appearance: none;
2830
- padding: 0;
2817
+ }
2818
+ .wy-content-pdf .annotationLayer .popupTriggerArea {
2819
+ height: 100%;
2820
+ width: 100%;
2831
2821
  }
2832
2822
  .wy-content-pdf .annotationLayer .popupWrapper {
2833
2823
  position: absolute;
2834
- width: 20em;
2824
+ font-size: calc(9px * var(--scale-factor));
2825
+ width: 100%;
2826
+ min-width: calc(180px * var(--scale-factor));
2827
+ pointer-events: none;
2835
2828
  }
2836
2829
  .wy-content-pdf .annotationLayer .popup {
2837
2830
  position: absolute;
2838
- z-index: 200;
2839
- max-width: 20em;
2831
+ max-width: calc(180px * var(--scale-factor));
2840
2832
  background-color: rgb(255, 255, 153);
2841
- box-shadow: 0 2px 5px rgb(136, 136, 136);
2842
- border-radius: 2px;
2843
- padding: 6px;
2844
- margin-left: 5px;
2833
+ box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136, 136, 136);
2834
+ border-radius: calc(2px * var(--scale-factor));
2835
+ padding: calc(6px * var(--scale-factor));
2836
+ margin-left: calc(5px * var(--scale-factor));
2845
2837
  cursor: pointer;
2846
2838
  font: message-box;
2847
- font-size: 9px;
2848
2839
  white-space: normal;
2849
2840
  word-wrap: break-word;
2841
+ pointer-events: auto;
2850
2842
  }
2851
2843
  .wy-content-pdf .annotationLayer .popup > * {
2852
- font-size: 9px;
2844
+ font-size: calc(9px * var(--scale-factor));
2853
2845
  }
2854
2846
  .wy-content-pdf .annotationLayer .popup h1 {
2855
2847
  display: inline-block;
2856
2848
  }
2857
2849
  .wy-content-pdf .annotationLayer .popupDate {
2858
2850
  display: inline-block;
2859
- margin-left: 5px;
2851
+ margin-left: calc(5px * var(--scale-factor));
2860
2852
  }
2861
2853
  .wy-content-pdf .annotationLayer .popupContent {
2862
2854
  border-top: 1px solid rgb(51, 51, 51);
2863
- margin-top: 2px;
2864
- padding-top: 2px;
2855
+ margin-top: calc(2px * var(--scale-factor));
2856
+ padding-top: calc(2px * var(--scale-factor));
2865
2857
  }
2866
2858
  .wy-content-pdf .annotationLayer .richText > * {
2867
2859
  white-space: pre-wrap;
2860
+ font-size: calc(9px * var(--scale-factor));
2868
2861
  }
2869
2862
  .wy-content-pdf .annotationLayer .highlightAnnotation,
2870
2863
  .wy-content-pdf .annotationLayer .underlineAnnotation,
@@ -2882,6 +2875,34 @@ tr.wy-pager td .wy-spinner {
2882
2875
  .wy-content-pdf .annotationLayer .fileAttachmentAnnotation {
2883
2876
  cursor: pointer;
2884
2877
  }
2878
+ .wy-content-pdf .annotationLayer section svg {
2879
+ position: absolute;
2880
+ width: 100%;
2881
+ height: 100%;
2882
+ }
2883
+ .wy-content-pdf .annotationLayer .annotationTextContent {
2884
+ position: absolute;
2885
+ width: 100%;
2886
+ height: 100%;
2887
+ opacity: 0;
2888
+ color: transparent;
2889
+ -webkit-user-select: none;
2890
+ -moz-user-select: none;
2891
+ user-select: none;
2892
+ pointer-events: none;
2893
+ }
2894
+ .wy-content-pdf .annotationLayer .annotationTextContent span {
2895
+ width: 100%;
2896
+ display: inline-block;
2897
+ }
2898
+ @media (forced-colors: active) {
2899
+ .wy-content-pdf .xfaLayer *:required {
2900
+ outline: 1.5px solid selectedItem;
2901
+ }
2902
+ }
2903
+ .wy-content-pdf .xfaLayer {
2904
+ background-color: transparent;
2905
+ }
2885
2906
  .wy-content-pdf .xfaLayer .highlight {
2886
2907
  margin: -1px;
2887
2908
  padding: 1px;
@@ -2903,12 +2924,6 @@ tr.wy-pager td .wy-spinner {
2903
2924
  .wy-content-pdf .xfaLayer .highlight.selected {
2904
2925
  background-color: rgb(203, 223, 203);
2905
2926
  }
2906
- .wy-content-pdf .xfaLayer ::-moz-selection {
2907
- background: rgb(0, 0, 255);
2908
- }
2909
- .wy-content-pdf .xfaLayer ::selection {
2910
- background: rgb(0, 0, 255);
2911
- }
2912
2927
  .wy-content-pdf .xfaPage {
2913
2928
  overflow: hidden;
2914
2929
  position: relative;
@@ -2943,6 +2958,9 @@ tr.wy-pager td .wy-spinner {
2943
2958
  pointer-events: auto;
2944
2959
  line-height: inherit;
2945
2960
  }
2961
+ .wy-content-pdf .xfaLayer *:required {
2962
+ outline: 1.5px solid red;
2963
+ }
2946
2964
  .wy-content-pdf .xfaLayer div {
2947
2965
  pointer-events: none;
2948
2966
  }
@@ -3025,12 +3043,12 @@ tr.wy-pager td .wy-spinner {
3025
3043
  .wy-content-pdf .xfaSelect:focus {
3026
3044
  background-image: none;
3027
3045
  background-color: transparent;
3028
- outline: auto;
3046
+ outline: var(--xfa-focus-outline);
3029
3047
  outline-offset: -1px;
3030
3048
  }
3031
3049
  .wy-content-pdf .xfaCheckbox:focus,
3032
3050
  .wy-content-pdf .xfaRadio:focus {
3033
- outline: auto;
3051
+ outline: var(--xfa-focus-outline);
3034
3052
  }
3035
3053
  .wy-content-pdf .xfaTextfield,
3036
3054
  .wy-content-pdf .xfaSelect {
@@ -3041,6 +3059,11 @@ tr.wy-pager td .wy-spinner {
3041
3059
  resize: none;
3042
3060
  background-image: var(--xfa-unfocused-field-background);
3043
3061
  }
3062
+ .wy-content-pdf .xfaSelect {
3063
+ padding-left: 2px;
3064
+ padding-right: 2px;
3065
+ padding-inline: 2px;
3066
+ }
3044
3067
  .wy-content-pdf .xfaTop > .xfaTextfield,
3045
3068
  .wy-content-pdf .xfaTop > .xfaSelect,
3046
3069
  .wy-content-pdf .xfaBottom > .xfaTextfield,
@@ -3151,28 +3174,143 @@ tr.wy-pager td .wy-spinner {
3151
3174
  text-overflow: "";
3152
3175
  }
3153
3176
  }
3154
- .wy-content-pdf .pdfViewer {
3155
- padding-bottom: var(--pdfViewer-padding-bottom);
3177
+ .wy-content-pdf [data-editor-rotation="90"] {
3178
+ transform: rotate(90deg);
3156
3179
  }
3157
- .wy-content-pdf .pdfViewer .canvasWrapper {
3158
- overflow: hidden;
3180
+ .wy-content-pdf [data-editor-rotation="180"] {
3181
+ transform: rotate(180deg);
3159
3182
  }
3160
- .wy-content-pdf .pdfViewer .page {
3161
- direction: ltr;
3162
- width: 816px;
3183
+ .wy-content-pdf [data-editor-rotation="270"] {
3184
+ transform: rotate(270deg);
3185
+ }
3186
+ .wy-content-pdf .annotationEditorLayer {
3187
+ background: transparent;
3188
+ position: absolute;
3189
+ top: 0;
3190
+ left: 0;
3191
+ font-size: calc(100px * var(--scale-factor));
3192
+ transform-origin: 0 0;
3193
+ cursor: auto;
3194
+ z-index: 20000;
3195
+ }
3196
+ .wy-content-pdf .annotationEditorLayer.freeTextEditing {
3197
+ cursor: var(--editorFreeText-editing-cursor);
3198
+ }
3199
+ .wy-content-pdf .annotationEditorLayer.inkEditing {
3200
+ cursor: var(--editorInk-editing-cursor);
3201
+ }
3202
+ .wy-content-pdf .annotationEditorLayer .selectedEditor {
3203
+ outline: var(--focus-outline);
3204
+ resize: none;
3205
+ }
3206
+ .wy-content-pdf .annotationEditorLayer .freeTextEditor {
3207
+ position: absolute;
3208
+ background: transparent;
3209
+ border-radius: 3px;
3210
+ padding: calc(var(--freetext-padding) * var(--scale-factor));
3211
+ resize: none;
3212
+ width: auto;
3213
+ height: auto;
3214
+ z-index: 1;
3215
+ transform-origin: 0 0;
3216
+ touch-action: none;
3217
+ cursor: auto;
3218
+ }
3219
+ .wy-content-pdf .annotationEditorLayer .freeTextEditor .internal {
3220
+ background: transparent;
3221
+ border: none;
3222
+ top: 0;
3223
+ left: 0;
3224
+ overflow: visible;
3225
+ white-space: nowrap;
3226
+ resize: none;
3227
+ font: 10px sans-serif;
3228
+ line-height: var(--freetext-line-height);
3229
+ }
3230
+ .wy-content-pdf .annotationEditorLayer .freeTextEditor .overlay {
3231
+ position: absolute;
3232
+ display: none;
3233
+ background: transparent;
3234
+ top: 0;
3235
+ left: 0;
3236
+ width: 100%;
3237
+ height: 100%;
3238
+ }
3239
+ .wy-content-pdf .annotationEditorLayer .freeTextEditor .overlay.enabled {
3240
+ display: block;
3241
+ }
3242
+ .wy-content-pdf .annotationEditorLayer .freeTextEditor .internal:empty::before {
3243
+ content: attr(default-content);
3244
+ color: gray;
3245
+ }
3246
+ .wy-content-pdf .annotationEditorLayer .freeTextEditor .internal:focus {
3247
+ outline: none;
3248
+ }
3249
+ .wy-content-pdf .annotationEditorLayer .inkEditor.disabled {
3250
+ resize: none;
3251
+ }
3252
+ .wy-content-pdf .annotationEditorLayer .inkEditor.disabled.selectedEditor {
3253
+ resize: horizontal;
3254
+ }
3255
+ .wy-content-pdf .annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),
3256
+ .wy-content-pdf .annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {
3257
+ outline: var(--hover-outline);
3258
+ }
3259
+ .wy-content-pdf .annotationEditorLayer .inkEditor {
3260
+ position: absolute;
3261
+ background: transparent;
3262
+ border-radius: 3px;
3263
+ overflow: auto;
3264
+ width: 100%;
3265
+ height: 100%;
3266
+ z-index: 1;
3267
+ transform-origin: 0 0;
3268
+ cursor: auto;
3269
+ }
3270
+ .wy-content-pdf .annotationEditorLayer .inkEditor.editing {
3271
+ resize: none;
3272
+ cursor: inherit;
3273
+ }
3274
+ .wy-content-pdf .annotationEditorLayer .inkEditor .inkEditorCanvas {
3275
+ position: absolute;
3276
+ top: 0;
3277
+ left: 0;
3278
+ width: 100%;
3279
+ height: 100%;
3280
+ touch-action: none;
3281
+ }
3282
+ .wy-content-pdf [data-main-rotation="90"] {
3283
+ transform: rotate(90deg) translateY(-100%);
3284
+ }
3285
+ .wy-content-pdf [data-main-rotation="180"] {
3286
+ transform: rotate(180deg) translate(-100%, -100%);
3287
+ }
3288
+ .wy-content-pdf [data-main-rotation="270"] {
3289
+ transform: rotate(270deg) translateX(-100%);
3290
+ }
3291
+ .wy-content-pdf .pdfViewer {
3292
+ padding-bottom: var(--pdfViewer-padding-bottom);
3293
+ }
3294
+ .wy-content-pdf .pdfViewer .canvasWrapper {
3295
+ overflow: hidden;
3296
+ }
3297
+ .wy-content-pdf .pdfViewer .page {
3298
+ direction: ltr;
3299
+ width: 816px;
3163
3300
  height: 1056px;
3164
3301
  margin: var(--page-margin);
3165
3302
  position: relative;
3166
3303
  overflow: visible;
3167
3304
  border: var(--page-border);
3305
+ -o-border-image: var(--page-border-image);
3306
+ border-image: var(--page-border-image);
3168
3307
  background-clip: content-box;
3169
- box-shadow: var(--wy-shadow-level2);
3170
- background-color: #ffffff;
3308
+ background-color: rgb(255, 255, 255);
3171
3309
  }
3172
3310
  .wy-content-pdf .pdfViewer .dummyPage {
3173
3311
  position: relative;
3174
3312
  width: 0;
3175
- /* The height is set via JS, see `BaseViewer.#ensurePageViewVisible`. */
3313
+ height: var(--viewer-container-height);
3176
3314
  }
3177
3315
  .wy-content-pdf .pdfViewer.removePageBorders .page {
3178
3316
  margin: 0 auto 10px;
@@ -3241,6 +3379,12 @@ tr.wy-pager td .wy-spinner {
3241
3379
  .wy-content-pdf .pdfViewer .page .loadingIcon.notVisible {
3242
3380
  background: none;
3243
3381
  }
3382
+ .wy-content-pdf .pdfViewer.enablePermissions .textLayer span {
3383
+ -webkit-user-select: none !important;
3384
+ -moz-user-select: none !important;
3385
+ user-select: none !important;
3386
+ cursor: not-allowed;
3387
+ }
3244
3388
  .wy-content-pdf .pdfPresentationMode .pdfViewer {
3245
3389
  padding-bottom: 0;
3246
3390
  }
@@ -3251,6 +3395,10 @@ tr.wy-pager td .wy-spinner {
3251
3395
  margin: 0 auto;
3252
3396
  border: 2px solid transparent;
3253
3397
  }
3398
+ .wy-content-pdf .pdfViewer .page {
3399
+ box-shadow: var(--wy-shadow-level2);
3400
+ background-color: #ffffff;
3401
+ }
3254
3402
 
3255
3403
  .wy-content-text {
3256
3404
  word-break: break-word;
@@ -3323,6 +3471,51 @@ tr.wy-pager td .wy-spinner {
3323
3471
  background-clip: content-box;
3324
3472
  }
3325
3473
 
3474
+ .wy-sheet {
3475
+ --wy-scrollbar-adjust-top: 0;
3476
+ --wy-scrollbar-adjust-bottom: 0;
3477
+ --wy-component-background-color: var(--wy-surface-3);
3478
+ --wy-component-color: var(--wy-on-surface);
3479
+ background-color: var(--wy-component-background-color);
3480
+ color: var(--wy-component-color);
3481
+ position: fixed;
3482
+ z-index: 1055;
3483
+ display: flex;
3484
+ flex-direction: column;
3485
+ bottom: 0.5rem;
3486
+ left: 0.5rem;
3487
+ right: 0.5rem;
3488
+ max-height: max(50vh, 50%);
3489
+ min-height: 3rem;
3490
+ margin: 0.5rem auto;
3491
+ max-width: 32rem;
3492
+ transition: opacity var(--wy-transition);
3493
+ border-radius: var(--wy-border-radius);
3494
+ box-shadow: var(--wy-shadow-level1);
3495
+ }
3496
+ .wy-sheet > .wy-appbars, .wy-sheet > .wy-appbar {
3497
+ border-top-left-radius: inherit;
3498
+ border-top-right-radius: inherit;
3499
+ }
3500
+
3501
+ .wy-sheet-body {
3502
+ overflow: hidden;
3503
+ padding: 0.5rem;
3504
+ position: relative;
3505
+ min-height: 3rem;
3506
+ }
3507
+
3508
+ .wy-sheet:not(.wy-show) {
3509
+ opacity: 0;
3510
+ transform: translateY(32rem);
3511
+ }
3512
+ .wy-sheet.wy-show {
3513
+ opacity: 1;
3514
+ transform: none;
3515
+ transition: transform var(--wy-transition), opacity var(--wy-transition);
3516
+ pointer-events: auto;
3517
+ }
3518
+
3326
3519
  .wy-spinner, .wy-icon[data-icon=spinner] {
3327
3520
  align-self: center;
3328
3521
  justify-self: center;
@@ -3340,6 +3533,14 @@ tr.wy-pager td .wy-spinner {
3340
3533
  .wy-spinner.wy-spin circle, .wy-icon[data-icon=spinner].wy-spin circle {
3341
3534
  animation: wy-dash 1.4s ease-in-out infinite, wy-color 2.8s ease-in-out infinite;
3342
3535
  }
3536
+ .wy-spinner.wy-spinner-overlay, .wy-icon[data-icon=spinner].wy-spinner-overlay {
3537
+ position: absolute;
3538
+ left: 0;
3539
+ right: 0;
3540
+ top: 0;
3541
+ bottom: 0;
3542
+ margin: auto;
3543
+ }
3343
3544
 
3344
3545
  @keyframes wy-rotate {
3345
3546
  100% {
@@ -3443,128 +3644,351 @@ tr.wy-pager td .wy-spinner {
3443
3644
  margin-top: 0.5rem;
3444
3645
  }
3445
3646
 
3446
- .wy-appbars {
3447
- backface-visibility: hidden;
3448
- --wy-component-background-color: var(--wy-surface-1);
3647
+ .wy-message-editor-top {
3449
3648
  background-color: var(--wy-component-background-color);
3450
- box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3649
+ color: var(--wy-component-color);
3451
3650
  }
3452
3651
  @supports (position: sticky) {
3453
- .wy-appbars {
3652
+ .wy-message-editor-top {
3454
3653
  position: sticky;
3455
3654
  top: 0;
3456
3655
  z-index: 1020;
3457
3656
  }
3458
3657
  }
3459
- @supports (backdrop-filter: blur(0.5rem)) {
3460
- .wy-appbars {
3461
- backdrop-filter: blur(0.5rem);
3462
- }
3463
- .wy-appbars > .wy-appbar {
3464
- backdrop-filter: none;
3465
- }
3466
- }
3467
- .wy-appbars > .wy-appbar, .wy-appbars > .wy-toolbar {
3468
- background-color: transparent;
3469
- box-shadow: none;
3470
- }
3471
3658
 
3472
- .wy-appbar {
3473
- --wy-component-color: var(--wy-on-surface);
3474
- --wy-component-background-color: var(--wy-surface-1);
3475
- display: grid;
3476
- align-items: center;
3477
- justify-content: space-between;
3478
- justify-items: center;
3479
- height: 3rem;
3480
- padding: 0.25rem;
3481
- flex: 0 0 3rem;
3482
- grid-template-columns: minmax(2.5rem, max-content) minmax(0, max-content) minmax(2.5rem, max-content);
3483
- column-gap: 0.5rem;
3484
- line-height: var(--wy-line-height);
3659
+ .wy-message-editor-bottom {
3485
3660
  background-color: var(--wy-component-background-color);
3486
3661
  color: var(--wy-component-color);
3487
- box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3488
- }
3489
- .wy-appbar .wy-badge {
3490
- align-self: center;
3491
3662
  }
3492
- .wy-appbar .wy-button {
3493
- max-height: 2.5rem;
3663
+ @supports (position: sticky) {
3664
+ .wy-message-editor-bottom {
3665
+ position: sticky;
3666
+ bottom: 0;
3667
+ z-index: 1020;
3668
+ }
3494
3669
  }
3495
3670
 
3496
- .wy-appbar-buttons, .wy-toolbar-buttons {
3671
+ .wy-message-editor-dragging::after {
3672
+ content: "Drop files here to upload.";
3673
+ background-color: rgba(255, 255, 255, 0.5);
3497
3674
  display: flex;
3498
- flex: 0 0 auto;
3675
+ justify-content: center;
3499
3676
  align-items: center;
3677
+ border: 2px dashed var(--wy-primary);
3678
+ font-weight: 700;
3679
+ z-index: 10000;
3680
+ position: absolute;
3681
+ top: 0;
3682
+ left: 0;
3683
+ bottom: 0;
3684
+ right: 0;
3500
3685
  }
3501
3686
 
3502
- .wy-toolbar-buttons-last {
3503
- margin-inline-start: auto;
3504
- }
3505
-
3506
- .wy-appbar-text {
3507
- overflow: hidden;
3508
- text-overflow: ellipsis;
3509
- white-space: nowrap;
3510
- max-width: 100%;
3511
- color: inherit !important;
3512
- user-select: none;
3687
+ .wy-message-form .wy-spinner {
3688
+ display: none;
3513
3689
  }
3514
- .wy-appbar-text a {
3515
- color: inherit;
3690
+ .wy-message-form.wy-uploading .wy-spinner {
3691
+ display: block;
3516
3692
  }
3517
- .wy-appbar-text a:hover {
3518
- color: inherit;
3693
+ .wy-message-form.wy-uploading [data-icon=plus] {
3694
+ display: none;
3519
3695
  }
3520
-
3521
- .wy-toolbars-bottom {
3522
- position: absolute;
3523
- z-index: 1030;
3524
- bottom: 2rem;
3525
- left: 0;
3526
- right: 0;
3527
- min-height: 3rem;
3528
- display: flex;
3529
- flex-direction: column;
3530
- justify-content: center;
3531
- justify-items: center;
3696
+ .wy-message-form .wy-picker-list:not(:empty) {
3697
+ border-top: 1px solid var(--wy-outline-variant);
3532
3698
  }
3533
3699
 
3534
- .wy-toolbar {
3535
- --wy-component-color: var(--wy-on-surface);
3536
- --wy-component-background-color: var(--wy-surface-1);
3700
+ .wy-message-editor-inputs {
3537
3701
  display: flex;
3538
- flex-wrap: wrap;
3539
- align-items: center;
3540
- justify-content: flex-start;
3541
- justify-items: center;
3542
- min-height: 3rem;
3543
- padding: 0.25rem;
3544
- flex: 1 0 3rem;
3545
- column-gap: 0.25rem;
3546
- line-height: var(--wy-line-height);
3547
- background-color: var(--wy-component-background-color);
3548
- color: var(--wy-component-color);
3549
- box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3702
+ flex-direction: row;
3703
+ align-items: flex-end;
3704
+ padding: 0.5rem 0.25rem;
3705
+ min-height: 3.5rem;
3550
3706
  }
3551
- .wy-toolbar span {
3552
- margin-left: 0.25rem;
3707
+ .wy-message-editor-inputs > :not(:last-child) {
3708
+ margin-right: 0.25rem;
3553
3709
  }
3554
3710
 
3555
- .wy-toolbar-center {
3556
- margin: 0 auto;
3557
- border-radius: var(--wy-border-radius);
3711
+ .wy-message-editor-buttons {
3712
+ flex: 1 0 auto;
3558
3713
  }
3559
- .wy-toolbar-center .wy-input {
3560
- text-align: center;
3714
+
3715
+ .wy-message-editor-text {
3716
+ flex: 1 1 100%;
3717
+ display: flex;
3718
+ flex-direction: column;
3561
3719
  }
3562
3720
 
3563
- .wy-footerbars {
3564
- padding-bottom: 4rem;
3721
+ .wy-message-editor-mention {
3722
+ background: blue;
3723
+ color: white;
3565
3724
  }
3566
- .wy-footerbars > .wy-toolbar {
3567
- box-shadow: none;
3725
+
3726
+ .wy-message-editor-link {
3727
+ background: blue;
3728
+ color: white;
3729
+ }
3730
+
3731
+ .wy-message-editor .ͼ1.cm-editor,
3732
+ .wy-message-editor-grow::after,
3733
+ .wy-message-editor-grow > textarea,
3734
+ .wy-message-editor-textfield {
3735
+ flex: 1 1 100%;
3736
+ max-height: 11.25rem;
3737
+ background-color: var(--wy-background);
3738
+ color: var(--wy-on-background);
3739
+ border-radius: 1.25rem;
3740
+ border: var(--wy-input-border-width) solid var(--wy-background);
3741
+ }
3742
+ .wy-message-editor .ͼ1.cm-editor:focus,
3743
+ .wy-message-editor-grow:focus::after,
3744
+ .wy-message-editor-grow > textarea:focus,
3745
+ .wy-message-editor-textfield:focus {
3746
+ border-color: var(--wy-outline-variant);
3747
+ }
3748
+
3749
+ .wy-message-editor .ͼ1.cm-editor .cm-content,
3750
+ .wy-message-editor-textcontent {
3751
+ font-family: var(--wy-font-family);
3752
+ font-size: var(--wy-font-size-base);
3753
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
3754
+ }
3755
+
3756
+ .wy-message-editor-grow {
3757
+ display: grid;
3758
+ }
3759
+ .wy-message-editor-grow::after,
3760
+ .wy-message-editor-grow > textarea {
3761
+ grid-area: 1/1/2/2;
3762
+ }
3763
+ .wy-message-editor-grow::after {
3764
+ content: attr(data-replicated-value) " ";
3765
+ white-space: pre-wrap;
3766
+ visibility: hidden;
3767
+ }
3768
+ .wy-message-editor-grow > textarea {
3769
+ resize: none;
3770
+ overflow: hidden;
3771
+ }
3772
+
3773
+ .wy-message-editor .ͼ1 .cm-scroller {
3774
+ font-family: unset;
3775
+ line-height: 1.5;
3776
+ }
3777
+ .wy-message-editor .ͼ1 .cm-widgetBuffer {
3778
+ vertical-align: unset;
3779
+ }
3780
+ .wy-message-editor .ͼ1 .cm-placeholder {
3781
+ color: var(--wy-outline);
3782
+ }
3783
+ .wy-message-editor .ͼ2 .cm-content {
3784
+ caret-color: var(--wy-on-background);
3785
+ }
3786
+ .wy-message-editor .ͼ1.cm-editor.cm-focused {
3787
+ /* default theme in codemirror seems difficult to override */
3788
+ --wy-component-color: var(--wy-on-background);
3789
+ color: var(--wy-component-color);
3790
+ border-color: var(--wy-outline-variant);
3791
+ outline: 0;
3792
+ }
3793
+ .wy-message-editor .ͼ1.cm-editor .cm-scroller {
3794
+ overflow: auto;
3795
+ }
3796
+ .wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller {
3797
+ scrollbar-width: thin;
3798
+ scrollbar-color: var(--wy-outline) transparent;
3799
+ }
3800
+ .wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar {
3801
+ height: 0.625rem;
3802
+ width: 0.625rem;
3803
+ background: transparent;
3804
+ z-index: 999;
3805
+ }
3806
+ .wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-track {
3807
+ background: transparent;
3808
+ }
3809
+ .wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb {
3810
+ background-color: var(--wy-outline);
3811
+ border: 0.125rem solid transparent;
3812
+ border-radius: 0.5rem;
3813
+ background-clip: padding-box;
3814
+ opacity: 75%;
3815
+ }
3816
+ .wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:hover {
3817
+ background-color: var(--wy-outline-variant);
3818
+ opacity: 75%;
3819
+ }
3820
+ .wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:window-inactive {
3821
+ background-color: var(--wy-outline);
3822
+ opacity: 50%;
3823
+ }
3824
+ .wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:start:single-button {
3825
+ height: 0.375rem;
3826
+ }
3827
+ .wy-scrollbars .wy-message-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:end:single-button {
3828
+ height: 0.375rem;
3829
+ }
3830
+ .wy-message-editor .wy-is-invalid + [data-editor-target] .cm-editor, .wy-message-editor .wy-is-invalid .cm-editor {
3831
+ border-color: var(--wy-error) !important;
3832
+ }
3833
+ .wy-message-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul {
3834
+ font-family: unset;
3835
+ max-height: 15rem;
3836
+ }
3837
+ .wy-message-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul > li {
3838
+ padding: 0;
3839
+ }
3840
+ .wy-message-editor .ͼ2 .cm-tooltip {
3841
+ border: none;
3842
+ background-clip: padding-box;
3843
+ background-color: var(--wy-surface-2);
3844
+ color: var(--wy-on-surface);
3845
+ border-radius: var(--wy-border-radius);
3846
+ box-shadow: var(--wy-shadow-level1);
3847
+ overflow: hidden;
3848
+ z-index: 1000;
3849
+ }
3850
+ .wy-message-editor .ͼ2 .cm-tooltip-autocomplete ul li[aria-selected] {
3851
+ background: var(--wy-primary-container);
3852
+ color: unset;
3853
+ }
3854
+ .wy-message-editor .cm-tooltip-autocomplete .cm-completionLabel {
3855
+ display: none;
3856
+ }
3857
+ .wy-message-editor .cm-tooltip-autocomplete .wy-item-hover:hover, .wy-message-editor .cm-tooltip-autocomplete .wy-item-hover:focus {
3858
+ background: var(--wy-surface-variant);
3859
+ }
3860
+ .wy-message-editor .cm-tooltip-autocomplete .wy-avatar {
3861
+ width: 32px;
3862
+ height: 32px;
3863
+ }
3864
+
3865
+ .wy-appbars {
3866
+ backface-visibility: hidden;
3867
+ --wy-component-background-color: var(--wy-surface-1);
3868
+ background-color: var(--wy-component-background-color);
3869
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3870
+ }
3871
+ @supports (position: sticky) {
3872
+ .wy-appbars {
3873
+ position: sticky;
3874
+ top: 0;
3875
+ z-index: 1020;
3876
+ }
3877
+ }
3878
+ @supports (backdrop-filter: blur(0.5rem)) {
3879
+ .wy-appbars {
3880
+ backdrop-filter: blur(0.5rem);
3881
+ }
3882
+ .wy-appbars > .wy-appbar {
3883
+ backdrop-filter: none;
3884
+ }
3885
+ }
3886
+ .wy-appbars > .wy-appbar, .wy-appbars > .wy-toolbar {
3887
+ background-color: transparent;
3888
+ box-shadow: none;
3889
+ }
3890
+
3891
+ .wy-appbar {
3892
+ --wy-component-color: var(--wy-on-surface);
3893
+ --wy-component-background-color: var(--wy-surface-1);
3894
+ display: grid;
3895
+ align-items: center;
3896
+ justify-content: space-between;
3897
+ justify-items: center;
3898
+ height: 3rem;
3899
+ padding: 0.25rem;
3900
+ flex: 0 0 3rem;
3901
+ grid-template-columns: minmax(2.5rem, max-content) minmax(0, max-content) minmax(2.5rem, max-content);
3902
+ column-gap: 0.5rem;
3903
+ line-height: var(--wy-line-height);
3904
+ background-color: var(--wy-component-background-color);
3905
+ color: var(--wy-component-color);
3906
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3907
+ }
3908
+ .wy-appbar .wy-badge {
3909
+ align-self: center;
3910
+ }
3911
+ .wy-appbar .wy-button {
3912
+ max-height: 2.5rem;
3913
+ }
3914
+
3915
+ .wy-appbar-buttons, .wy-toolbar-buttons {
3916
+ display: flex;
3917
+ flex: 0 0 auto;
3918
+ align-items: center;
3919
+ }
3920
+
3921
+ .wy-toolbar-buttons-last {
3922
+ margin-inline-start: auto;
3923
+ }
3924
+
3925
+ .wy-appbar-text {
3926
+ overflow: hidden;
3927
+ text-overflow: ellipsis;
3928
+ white-space: nowrap;
3929
+ max-width: 100%;
3930
+ color: inherit !important;
3931
+ user-select: none;
3932
+ }
3933
+ .wy-appbar-text a {
3934
+ color: inherit;
3935
+ }
3936
+ .wy-appbar-text a:hover {
3937
+ color: inherit;
3938
+ }
3939
+
3940
+ .wy-appbar-text-trashed {
3941
+ text-decoration: line-through;
3942
+ }
3943
+
3944
+ .wy-toolbars-bottom {
3945
+ position: absolute;
3946
+ z-index: 1030;
3947
+ bottom: 2rem;
3948
+ left: 0;
3949
+ right: 0;
3950
+ min-height: 3rem;
3951
+ display: flex;
3952
+ flex-direction: column;
3953
+ justify-content: center;
3954
+ justify-items: center;
3955
+ }
3956
+
3957
+ .wy-toolbar {
3958
+ --wy-component-color: var(--wy-on-surface);
3959
+ --wy-component-background-color: var(--wy-surface-1);
3960
+ display: flex;
3961
+ flex-wrap: wrap;
3962
+ align-items: center;
3963
+ justify-content: flex-start;
3964
+ justify-items: center;
3965
+ min-height: 3rem;
3966
+ padding: 0.25rem;
3967
+ flex: 1 0 3rem;
3968
+ column-gap: 0.25rem;
3969
+ line-height: var(--wy-line-height);
3970
+ background-color: var(--wy-component-background-color);
3971
+ color: var(--wy-component-color);
3972
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3973
+ }
3974
+
3975
+ .wy-toolbar-center {
3976
+ margin: 0 auto;
3977
+ border-radius: var(--wy-border-radius);
3978
+ }
3979
+ .wy-toolbar-center .wy-input {
3980
+ text-align: center;
3981
+ }
3982
+
3983
+ .wy-toolbar-text {
3984
+ margin-left: 0.25rem;
3985
+ }
3986
+
3987
+ .wy-footerbars {
3988
+ padding-bottom: 4rem;
3989
+ }
3990
+ .wy-footerbars > .wy-toolbar {
3991
+ box-shadow: none;
3568
3992
  }
3569
3993
 
3570
3994
  .wy-footerbar {
@@ -3691,6 +4115,10 @@ tr.wy-pager td .wy-spinner {
3691
4115
  display: inline-block;
3692
4116
  }
3693
4117
 
4118
+ .wy-conversations {
4119
+ position: relative;
4120
+ }
4121
+
3694
4122
  .wy-conversation {
3695
4123
  display: flex;
3696
4124
  position: relative;
@@ -3788,6 +4216,8 @@ tr.wy-pager td .wy-spinner {
3788
4216
  .wy-table-sort-link {
3789
4217
  display: inline-flex;
3790
4218
  align-items: center;
4219
+ color: var(--wy-link);
4220
+ cursor: pointer;
3791
4221
  }
3792
4222
 
3793
4223
  .wy-messenger-provider {
@@ -3816,3 +4246,1014 @@ tr.wy-pager td .wy-spinner {
3816
4246
  flex-direction: column;
3817
4247
  flex: 1 1 0;
3818
4248
  }
4249
+
4250
+ .wy-alerts {
4251
+ position: fixed;
4252
+ left: 0;
4253
+ top: 4rem;
4254
+ right: 0;
4255
+ pointer-events: none;
4256
+ display: flex;
4257
+ flex-direction: column;
4258
+ align-items: center;
4259
+ justify-content: center;
4260
+ z-index: 1030;
4261
+ gap: 1rem;
4262
+ }
4263
+
4264
+ .wy-alert {
4265
+ background: var(--wy-surface-1);
4266
+ color: var(--wy-on-surface);
4267
+ margin: 0 0 1rem;
4268
+ gap: 0.5rem;
4269
+ display: flex;
4270
+ flex-direction: row;
4271
+ flex-wrap: wrap;
4272
+ align-items: baseline;
4273
+ cursor: pointer;
4274
+ border-radius: var(--wy-border-radius);
4275
+ margin-left: auto;
4276
+ margin-right: auto;
4277
+ margin-bottom: 1rem;
4278
+ padding: 0.5rem 1rem;
4279
+ user-select: none;
4280
+ position: relative;
4281
+ overflow: hidden;
4282
+ height: auto;
4283
+ gap: 0.5rem;
4284
+ }
4285
+ .wy-alert.wy-fade {
4286
+ transition: all var(--wy-transition);
4287
+ }
4288
+ .wy-alert.wy-fade:not(.wy-show) {
4289
+ opacity: 0;
4290
+ height: 0;
4291
+ padding-top: 0;
4292
+ padding-bottom: 0;
4293
+ margin-top: 0;
4294
+ margin-bottom: 0;
4295
+ }
4296
+ .wy-alert .wy-text {
4297
+ line-height: 1.5;
4298
+ padding: 0.5rem;
4299
+ }
4300
+ .wy-alert .wy-button {
4301
+ margin-left: auto;
4302
+ pointer-events: auto;
4303
+ }
4304
+
4305
+ .wy-alert-primary {
4306
+ background: var(--wy-primary-container);
4307
+ color: var(--wy-on-primary-container);
4308
+ }
4309
+
4310
+ .wy-card {
4311
+ --wy-component-background-color: var(--wy-surface-1);
4312
+ --wy-component-color: var(--wy-on-surface);
4313
+ --wy-component-border-radius: var(--wy-border-radius-lg);
4314
+ background-color: var(--wy-component-background-color);
4315
+ color: var(--wy-component-color);
4316
+ border-radius: var(--wy-component-border-radius);
4317
+ position: relative;
4318
+ display: flex;
4319
+ flex-direction: column;
4320
+ min-width: 0;
4321
+ word-wrap: break-word;
4322
+ background-clip: border-box;
4323
+ }
4324
+ .wy-card > hr {
4325
+ margin-right: 0;
4326
+ margin-left: 0;
4327
+ }
4328
+
4329
+ .wy-card-primary {
4330
+ --wy-component-background-color: var(--wy-primary-container);
4331
+ --wy-component-color: var(--wy-on-primary-container);
4332
+ }
4333
+
4334
+ .wy-card-hover {
4335
+ cursor: pointer;
4336
+ user-select: none;
4337
+ }
4338
+ .wy-card-hover::before {
4339
+ content: "";
4340
+ position: absolute;
4341
+ top: 0;
4342
+ left: 0;
4343
+ width: 100%;
4344
+ height: 100%;
4345
+ border-radius: inherit;
4346
+ background: var(--wy-component-color);
4347
+ opacity: 0%;
4348
+ }
4349
+ .wy-card-hover:hover::before {
4350
+ opacity: var(--wy-opacity-state-hover);
4351
+ }
4352
+ .wy-card-hover:focus::before {
4353
+ opacity: var(--wy-opacity-state-focus);
4354
+ }
4355
+ .wy-card-hover:active::before, .wy-card-hover.wy-active::before {
4356
+ opacity: var(--wy-opacity-state-active);
4357
+ }
4358
+
4359
+ .wy-card-actions {
4360
+ position: absolute;
4361
+ top: min(0.25rem, 100% - 2.5rem);
4362
+ right: 0.25rem;
4363
+ align-items: center;
4364
+ display: flex;
4365
+ }
4366
+ .wy-card-actions > .wy-button-icon, .wy-card-actions > .wy-dropdown > .wy-button-icon {
4367
+ background-clip: content-box;
4368
+ }
4369
+
4370
+ .wy-card-content {
4371
+ flex: 1 0 auto;
4372
+ padding-block-end: 0.5rem;
4373
+ padding-inline-start: 0.5rem;
4374
+ padding-inline-end: 0.5rem;
4375
+ }
4376
+ .wy-card-content:first-child, .wy-card-actions + .wy-card-content:nth-child(2) {
4377
+ padding-block-start: 0.5rem;
4378
+ }
4379
+
4380
+ .wy-card-top {
4381
+ border-radius: var(--wy-component-border-radius);
4382
+ object-fit: cover;
4383
+ object-position: top center;
4384
+ flex: 1 1 100%;
4385
+ max-height: 10rem;
4386
+ }
4387
+
4388
+ .wy-card-top-image {
4389
+ object-position: 50% 38%;
4390
+ }
4391
+
4392
+ .wy-card-trashed {
4393
+ text-decoration: line-through;
4394
+ }
4395
+ .wy-card-trashed > *:not(.wy-card-actions) {
4396
+ opacity: var(--wy-opacity-disabled);
4397
+ }
4398
+
4399
+ .wy-comments {
4400
+ padding: 0 1rem 1rem;
4401
+ display: flex;
4402
+ flex-direction: column;
4403
+ gap: 1.25rem;
4404
+ }
4405
+
4406
+ .wy-comments-count {
4407
+ padding: 0 0.5rem;
4408
+ overflow: hidden;
4409
+ text-overflow: ellipsis;
4410
+ white-space: nowrap;
4411
+ }
4412
+
4413
+ .wy-comment {
4414
+ --wy-component-background-color: var(--wy-surface-3);
4415
+ --wy-component-color: var(--wy-on-surface);
4416
+ --wy-component-border-radius: var(--wy-border-radius);
4417
+ border-radius: var(--wy-component-border-radius);
4418
+ background-color: var(--wy-component-background-color);
4419
+ color: var(--wy-component-color);
4420
+ display: flex;
4421
+ flex-direction: column;
4422
+ gap: 0.25rem;
4423
+ padding: 0.25rem;
4424
+ position: relative;
4425
+ }
4426
+ .wy-comment .wy-item {
4427
+ padding-left: 0.75rem;
4428
+ padding-right: 0.75rem;
4429
+ }
4430
+ .wy-comment .wy-item > .wy-avatar, .wy-comment .wy-item > .wy-icon, .wy-comment .wy-item > .wy-icon-stack {
4431
+ margin-left: -0.25rem;
4432
+ }
4433
+ .wy-comment .wy-reactions-line {
4434
+ position: absolute;
4435
+ bottom: -1.125rem;
4436
+ right: 0.25rem;
4437
+ }
4438
+
4439
+ .wy-comment-body {
4440
+ flex: 1 0 auto;
4441
+ z-index: 1;
4442
+ }
4443
+ .wy-comment-body .wy-image-grid, .wy-comment-body .wy-embed, .wy-comment-body .wy-content, .wy-comment-body .wy-list, .wy-comment-body .wy-poll {
4444
+ margin-bottom: 1rem;
4445
+ }
4446
+ .wy-comment-body .wy-image-grid:last-child, .wy-comment-body .wy-embed:last-child, .wy-comment-body .wy-content:last-child, .wy-comment-body .wy-list:last-child, .wy-comment-body .wy-poll:last-child {
4447
+ margin-bottom: 0;
4448
+ }
4449
+
4450
+ .wy-comment-content {
4451
+ padding: 0 0.5rem 0.5rem;
4452
+ display: flex;
4453
+ flex-direction: column;
4454
+ }
4455
+
4456
+ .wy-comment-editor .wy-spinner {
4457
+ display: none;
4458
+ }
4459
+ .wy-comment-editor.wy-uploading .wy-spinner {
4460
+ display: block;
4461
+ }
4462
+ .wy-comment-editor.wy-uploading [data-icon=plus] {
4463
+ display: none;
4464
+ }
4465
+ .wy-comment-editor .wy-picker-list:not(:empty) {
4466
+ border-top: 1px solid var(--wy-outline-variant);
4467
+ }
4468
+
4469
+ .wy-comment-editor-bottom {
4470
+ position: sticky;
4471
+ bottom: 0;
4472
+ z-index: 999;
4473
+ background-color: var(--wy-component-background-color);
4474
+ color: var(--wy-component-color);
4475
+ }
4476
+
4477
+ .wy-comment-editor-dragging::after {
4478
+ content: "Drop files here to upload.";
4479
+ background-color: rgba(255, 255, 255, 0.5);
4480
+ display: flex;
4481
+ justify-content: center;
4482
+ align-items: center;
4483
+ border: 2px dashed var(--wy-primary);
4484
+ font-weight: 700;
4485
+ z-index: 10000;
4486
+ position: absolute;
4487
+ top: 0;
4488
+ left: 0;
4489
+ bottom: 0;
4490
+ right: 0;
4491
+ }
4492
+
4493
+ .wy-comment-editor-inputs {
4494
+ display: flex;
4495
+ flex-direction: row;
4496
+ align-items: flex-end;
4497
+ padding: 0.5rem 0.25rem;
4498
+ min-height: 3.5rem;
4499
+ }
4500
+ .wy-comment-editor-inputs > :not(:last-child) {
4501
+ margin-right: 0.25rem;
4502
+ }
4503
+
4504
+ .wy-comment-editor-buttons {
4505
+ flex: 1 0 auto;
4506
+ }
4507
+
4508
+ .wy-comment-editor-text {
4509
+ flex: 1 1 100%;
4510
+ display: flex;
4511
+ flex-direction: column;
4512
+ }
4513
+
4514
+ .wy-comment-editor-mention {
4515
+ background: blue;
4516
+ color: white;
4517
+ }
4518
+
4519
+ .wy-comment-editor-link {
4520
+ background: blue;
4521
+ color: white;
4522
+ }
4523
+
4524
+ .wy-comment-editor .ͼ1.cm-editor,
4525
+ .wy-comment-editor-grow::after,
4526
+ .wy-comment-editor-grow > textarea,
4527
+ .wy-comment-editor-textfield {
4528
+ flex: 1 1 100%;
4529
+ max-height: 11.25rem;
4530
+ background-color: var(--wy-background);
4531
+ color: var(--wy-on-background);
4532
+ border-radius: 1.25rem;
4533
+ border: var(--wy-input-border-width) solid var(--wy-outline-variant);
4534
+ }
4535
+ .wy-comment-editor .ͼ1.cm-editor:focus,
4536
+ .wy-comment-editor-grow:focus::after,
4537
+ .wy-comment-editor-grow > textarea:focus,
4538
+ .wy-comment-editor-textfield:focus {
4539
+ border-color: var(--wy-primary);
4540
+ }
4541
+
4542
+ .wy-comment-editor .ͼ1.cm-editor .cm-content,
4543
+ .wy-comment-editor-textcontent {
4544
+ font-family: var(--wy-font-family);
4545
+ font-size: var(--wy-font-size-base);
4546
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
4547
+ }
4548
+
4549
+ .wy-comment-editor-grow {
4550
+ display: grid;
4551
+ }
4552
+ .wy-comment-editor-grow::after,
4553
+ .wy-comment-editor-grow > textarea {
4554
+ grid-area: 1/1/2/2;
4555
+ }
4556
+ .wy-comment-editor-grow::after {
4557
+ content: attr(data-replicated-value) " ";
4558
+ white-space: pre-wrap;
4559
+ visibility: hidden;
4560
+ }
4561
+ .wy-comment-editor-grow > textarea {
4562
+ resize: none;
4563
+ overflow: hidden;
4564
+ }
4565
+
4566
+ .wy-comment-editor {
4567
+ position: relative;
4568
+ }
4569
+ .wy-comment-editor .ͼ1 .cm-scroller {
4570
+ font-family: unset;
4571
+ line-height: 1.5;
4572
+ }
4573
+ .wy-comment-editor .ͼ1 .cm-widgetBuffer {
4574
+ vertical-align: unset;
4575
+ }
4576
+ .wy-comment-editor .ͼ1 .cm-placeholder {
4577
+ color: var(--wy-outline);
4578
+ }
4579
+ .wy-comment-editor .ͼ2 .cm-content {
4580
+ caret-color: var(--wy-on-background);
4581
+ }
4582
+ .wy-comment-editor .ͼ1.cm-editor.cm-focused {
4583
+ /* default theme in codemirror seems difficult to override */
4584
+ --wy-component-color: var(--wy-on-background);
4585
+ color: var(--wy-component-color);
4586
+ border-color: var(--wy-primary);
4587
+ outline: 0;
4588
+ }
4589
+ .wy-comment-editor .ͼ1.cm-editor .cm-scroller {
4590
+ overflow: auto;
4591
+ }
4592
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller {
4593
+ scrollbar-width: thin;
4594
+ scrollbar-color: var(--wy-outline) transparent;
4595
+ }
4596
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar {
4597
+ height: 0.625rem;
4598
+ width: 0.625rem;
4599
+ background: transparent;
4600
+ z-index: 999;
4601
+ }
4602
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-track {
4603
+ background: transparent;
4604
+ }
4605
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb {
4606
+ background-color: var(--wy-outline);
4607
+ border: 0.125rem solid transparent;
4608
+ border-radius: 0.5rem;
4609
+ background-clip: padding-box;
4610
+ opacity: 75%;
4611
+ }
4612
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:hover {
4613
+ background-color: var(--wy-outline-variant);
4614
+ opacity: 75%;
4615
+ }
4616
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:window-inactive {
4617
+ background-color: var(--wy-outline);
4618
+ opacity: 50%;
4619
+ }
4620
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:start:single-button {
4621
+ height: 0.375rem;
4622
+ }
4623
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:end:single-button {
4624
+ height: 0.375rem;
4625
+ }
4626
+ .wy-comment-editor .wy-is-invalid + .cm-editor, .wy-comment-editor .wy-is-invalid .cm-editor {
4627
+ border-color: var(--wy-error) !important;
4628
+ }
4629
+ .wy-comment-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul {
4630
+ font-family: unset;
4631
+ max-height: 15rem;
4632
+ }
4633
+ .wy-comment-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul > li {
4634
+ padding: 0;
4635
+ }
4636
+ .wy-comment-editor .ͼ2 .cm-tooltip {
4637
+ border: none;
4638
+ background-clip: padding-box;
4639
+ background-color: var(--wy-surface-2);
4640
+ color: var(--wy-on-surface);
4641
+ border-radius: var(--wy-border-radius);
4642
+ box-shadow: var(--wy-shadow-level1);
4643
+ overflow: hidden;
4644
+ z-index: 1000;
4645
+ }
4646
+ .wy-comment-editor .ͼ2 .cm-tooltip-autocomplete ul li[aria-selected] {
4647
+ background: var(--wy-primary-container);
4648
+ color: unset;
4649
+ }
4650
+ .wy-comment-editor .cm-tooltip-autocomplete .cm-completionLabel {
4651
+ display: none;
4652
+ }
4653
+ .wy-comment-editor .cm-tooltip-autocomplete .wy-item-hover:hover, .wy-comment-editor .cm-tooltip-autocomplete .wy-item-hover:focus {
4654
+ background: var(--wy-surface-variant);
4655
+ }
4656
+ .wy-comment-editor .cm-tooltip-autocomplete .wy-avatar {
4657
+ width: 32px;
4658
+ height: 32px;
4659
+ }
4660
+
4661
+ .wy-embed {
4662
+ display: flex;
4663
+ flex-direction: column;
4664
+ word-wrap: break-word;
4665
+ }
4666
+
4667
+ .wy-embed-photo a {
4668
+ display: flex;
4669
+ }
4670
+ .wy-embed-photo img {
4671
+ width: 100%;
4672
+ height: auto;
4673
+ }
4674
+
4675
+ .wy-embed-photo-sm a {
4676
+ padding: 0 1rem;
4677
+ }
4678
+ .wy-embed-photo-sm img {
4679
+ display: block;
4680
+ margin: 0 auto;
4681
+ width: auto;
4682
+ max-width: 100%;
4683
+ border-radius: var(--wy-border-radius-sm);
4684
+ }
4685
+
4686
+ .wy-embed-video {
4687
+ position: relative;
4688
+ display: block;
4689
+ width: 100%;
4690
+ padding: 0;
4691
+ overflow: hidden;
4692
+ }
4693
+ .wy-embed-video::before {
4694
+ display: block;
4695
+ content: "";
4696
+ padding-top: 56.25%;
4697
+ }
4698
+ .wy-embed-video iframe, .wy-embed-video embed, .wy-embed-video object, .wy-embed-video video {
4699
+ position: absolute;
4700
+ top: 0;
4701
+ bottom: 0;
4702
+ left: 0;
4703
+ width: 100%;
4704
+ height: 100%;
4705
+ border: 0;
4706
+ }
4707
+
4708
+ .wy-embed-caption {
4709
+ --wy-component-background-color: var(--wy-surface-3);
4710
+ --wy-component-color: var(--wy-on-surface);
4711
+ background-color: var(--wy-component-background-color);
4712
+ color: var(--wy-component-color);
4713
+ padding: 0.5rem 1rem 1rem;
4714
+ position: relative;
4715
+ }
4716
+
4717
+ .wy-embed-link {
4718
+ color: var(--wy-outline);
4719
+ text-transform: uppercase;
4720
+ font-size: var(--wy-font-size-sm);
4721
+ }
4722
+ .wy-embed-link::after {
4723
+ position: absolute;
4724
+ top: 0;
4725
+ right: 0;
4726
+ bottom: 0;
4727
+ left: 0;
4728
+ z-index: 1;
4729
+ content: "";
4730
+ }
4731
+
4732
+ .wy-embed-title {
4733
+ font-weight: var(--wy-headings-font-weight);
4734
+ margin-bottom: 0.5rem;
4735
+ }
4736
+
4737
+ .wy-embed-description {
4738
+ color: var(--wy-outline);
4739
+ }
4740
+
4741
+ .wy-embed-preview a[target=_blank] {
4742
+ pointer-events: none;
4743
+ }
4744
+ .wy-embed-preview .wy-embed {
4745
+ display: none;
4746
+ margin: 0.75rem;
4747
+ border: 1px solid var(--wy-outline-variant);
4748
+ border-radius: var(--wy-border-radius);
4749
+ }
4750
+ .wy-embed-preview .wy-embed:first-child {
4751
+ display: block;
4752
+ }
4753
+ .wy-embed-preview .wy-embed-caption {
4754
+ border-bottom-left-radius: var(--wy-border-radius);
4755
+ border-bottom-right-radius: var(--wy-border-radius);
4756
+ }
4757
+ .wy-embed-preview .wy-embed-actions {
4758
+ display: flex;
4759
+ }
4760
+
4761
+ .wy-embed-actions {
4762
+ display: none;
4763
+ justify-content: space-between;
4764
+ padding: 0.5rem 0.25rem;
4765
+ }
4766
+
4767
+ .wy-embed-cycle {
4768
+ visibility: hidden;
4769
+ }
4770
+ .wy-embed-show-cycle .wy-embed-cycle {
4771
+ visibility: visible;
4772
+ }
4773
+
4774
+ .wy-facepile {
4775
+ display: flex;
4776
+ align-items: center;
4777
+ flex: 0 0 auto;
4778
+ flex-direction: row-reverse;
4779
+ }
4780
+ .wy-facepile .wy-avatar {
4781
+ margin-left: -0.25rem;
4782
+ display: inline-flex;
4783
+ }
4784
+
4785
+ .wy-placeholder {
4786
+ cursor: wait;
4787
+ color: var(--wy-outline);
4788
+ background-color: var(--wy-outline);
4789
+ opacity: 0.5;
4790
+ animation: wy-placeholder-glow 2s ease-in-out infinite;
4791
+ }
4792
+
4793
+ @keyframes wy-placeholder-glow {
4794
+ 50% {
4795
+ opacity: 0.2;
4796
+ }
4797
+ }
4798
+ .wy-poll {
4799
+ flex: 1 1 100%;
4800
+ min-width: 0;
4801
+ }
4802
+
4803
+ .wy-poll-form {
4804
+ background: var(--wy-component-background-color);
4805
+ color: var(--wy-component-color);
4806
+ padding: 0.5rem;
4807
+ }
4808
+ .wy-poll-form:empty {
4809
+ display: none;
4810
+ }
4811
+ .wy-poll-form input:not(:first-child) {
4812
+ margin-top: 0.5rem;
4813
+ }
4814
+
4815
+ .wy-poll-option {
4816
+ position: relative;
4817
+ background-color: var(--wy-background);
4818
+ border: 1px solid var(--wy-outline-variant);
4819
+ border-radius: var(--wy-border-radius-sm);
4820
+ margin-bottom: 0.25rem;
4821
+ padding: 0.25rem 1rem;
4822
+ min-height: 2.5rem;
4823
+ cursor: pointer;
4824
+ }
4825
+ .wy-poll-option .wy-progress {
4826
+ position: absolute;
4827
+ top: 0;
4828
+ left: 0;
4829
+ bottom: 0;
4830
+ background-color: var(--wy-primary-container);
4831
+ }
4832
+ .wy-poll-option > :not(.wy-progress) {
4833
+ z-index: 1;
4834
+ }
4835
+ .wy-poll-option .wy-facepile {
4836
+ margin-right: -0.5rem;
4837
+ }
4838
+
4839
+ .wy-post {
4840
+ --wy-component-background-color: var(--wy-surface-1);
4841
+ --wy-component-color: var(--wy-on-surface);
4842
+ background-color: var(--wy-component-background-color);
4843
+ color: var(--wy-component-color);
4844
+ display: flex;
4845
+ flex-direction: column;
4846
+ position: relative;
4847
+ margin: 1rem 0.75rem;
4848
+ --wy-component-border-radius: var(--wy-border-radius);
4849
+ border-radius: var(--wy-component-border-radius);
4850
+ }
4851
+ .wy-post .wy-image-grid {
4852
+ border-radius: 0;
4853
+ margin-bottom: 1rem;
4854
+ }
4855
+ .wy-post .wy-embed {
4856
+ margin-bottom: 1rem;
4857
+ }
4858
+ .wy-post .wy-comments {
4859
+ margin: 0.5rem 0.75rem;
4860
+ border-top: 1px solid var(--wy-outline-variant);
4861
+ padding: 0.75rem 0 0;
4862
+ }
4863
+
4864
+ .wy-post-body {
4865
+ padding: 0 1rem;
4866
+ }
4867
+ .wy-post-body:empty {
4868
+ display: none;
4869
+ }
4870
+ .wy-post-body .wy-content, .wy-post-body .wy-list, .wy-post-body .wy-poll {
4871
+ margin-bottom: 1rem;
4872
+ }
4873
+
4874
+ .wy-post-footer {
4875
+ display: flex;
4876
+ align-items: center;
4877
+ justify-content: space-between;
4878
+ margin: 0 0.5rem 0.5rem;
4879
+ }
4880
+
4881
+ .wy-post-dragging::after {
4882
+ content: "Drop files here to upload.";
4883
+ background-color: rgba(255, 255, 255, 0.5);
4884
+ display: flex;
4885
+ justify-content: center;
4886
+ align-items: center;
4887
+ border: 2px dashed var(--wy-primary);
4888
+ font-weight: 700;
4889
+ z-index: 10000;
4890
+ position: absolute;
4891
+ top: 0;
4892
+ left: 0;
4893
+ bottom: 0;
4894
+ right: 0;
4895
+ }
4896
+
4897
+ .wy-post-editor {
4898
+ padding: 0.75rem;
4899
+ }
4900
+ .wy-post-editor.wy-uploading .wy-icon-active-stack > :first-child {
4901
+ opacity: 0;
4902
+ }
4903
+ .wy-post-editor.wy-uploading .wy-icon-active-stack > :last-child {
4904
+ opacity: 1;
4905
+ }
4906
+ .wy-post-editor .wy-picker-list:not(:empty) {
4907
+ margin-top: 0.75rem;
4908
+ border-top: 1px solid var(--wy-outline-variant);
4909
+ }
4910
+
4911
+ .wy-post-editor-dragging::after {
4912
+ content: "Drop files here to upload.";
4913
+ background-color: rgba(255, 255, 255, 0.5);
4914
+ display: flex;
4915
+ justify-content: center;
4916
+ align-items: center;
4917
+ border: 2px dashed var(--wy-primary);
4918
+ font-weight: 700;
4919
+ z-index: 10000;
4920
+ position: absolute;
4921
+ top: 0;
4922
+ left: 0;
4923
+ bottom: 0;
4924
+ right: 0;
4925
+ }
4926
+
4927
+ .wy-post-editor-inputs {
4928
+ display: flex;
4929
+ flex-direction: row;
4930
+ align-items: flex-end;
4931
+ min-height: 3.5rem;
4932
+ flex-wrap: wrap;
4933
+ }
4934
+ .wy-post-editor-inputs > :not(:last-child) {
4935
+ margin-right: 0.25rem;
4936
+ }
4937
+ .wy-post-editor-inputs > :last-child {
4938
+ margin-left: auto;
4939
+ }
4940
+
4941
+ .wy-post-editor-buttons {
4942
+ flex: 1 0 auto;
4943
+ }
4944
+
4945
+ .wy-post-editor-text {
4946
+ flex: 1 1 100%;
4947
+ display: flex;
4948
+ flex-direction: column;
4949
+ }
4950
+
4951
+ .wy-post-editor-mention {
4952
+ background: blue;
4953
+ color: white;
4954
+ }
4955
+
4956
+ .wy-post-editor-link {
4957
+ background: blue;
4958
+ color: white;
4959
+ }
4960
+
4961
+ .wy-post-editor .ͼ1.cm-editor,
4962
+ .wy-post-editor-grow::after,
4963
+ .wy-post-editor-grow > textarea,
4964
+ .wy-post-editor-textfield {
4965
+ flex: 1 1 100%;
4966
+ max-height: 11.25rem;
4967
+ min-height: 4rem;
4968
+ background-color: var(--wy-background);
4969
+ color: var(--wy-on-background);
4970
+ border-radius: var(--wy-border-radius);
4971
+ border: var(--wy-input-border-width) solid var(--wy-outline-variant);
4972
+ caret-color: var(--wy-primary);
4973
+ }
4974
+ .wy-post-editor .ͼ1.cm-editor:focus,
4975
+ .wy-post-editor-grow:focus::after,
4976
+ .wy-post-editor-grow > textarea:focus,
4977
+ .wy-post-editor-textfield:focus {
4978
+ border-color: var(--wy-primary);
4979
+ }
4980
+
4981
+ .wy-post-editor .ͼ1.cm-editor .cm-content,
4982
+ .wy-post-editor-textcontent {
4983
+ font-family: var(--wy-font-family);
4984
+ font-size: var(--wy-font-size-base);
4985
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
4986
+ }
4987
+
4988
+ .wy-post-editor-grow {
4989
+ display: grid;
4990
+ }
4991
+ .wy-post-editor-grow::after,
4992
+ .wy-post-editor-grow > textarea {
4993
+ grid-area: 1/1/2/2;
4994
+ }
4995
+ .wy-post-editor-grow::after {
4996
+ content: attr(data-replicated-value) " ";
4997
+ white-space: pre-wrap;
4998
+ visibility: hidden;
4999
+ }
5000
+ .wy-post-editor-grow > textarea {
5001
+ resize: none;
5002
+ overflow: hidden;
5003
+ }
5004
+
5005
+ .wy-post-editor .ͼ1 .cm-scroller {
5006
+ font-family: unset;
5007
+ line-height: 1.5;
5008
+ }
5009
+ .wy-post-editor .ͼ1 .cm-widgetBuffer {
5010
+ vertical-align: unset;
5011
+ }
5012
+ .wy-post-editor .ͼ1 .cm-placeholder {
5013
+ color: var(--wy-outline);
5014
+ }
5015
+ .wy-post-editor .ͼ2 .cm-content {
5016
+ caret-color: var(--wy-on-background);
5017
+ }
5018
+ .wy-post-editor .ͼ1.cm-editor.cm-focused {
5019
+ /* default theme in codemirror seems difficult to override */
5020
+ --wy-component-color: var(--wy-on-background);
5021
+ color: var(--wy-component-color);
5022
+ border-color: var(--wy-primary);
5023
+ outline: 0;
5024
+ }
5025
+ .wy-post-editor .ͼ1.cm-editor .cm-scroller {
5026
+ overflow: auto;
5027
+ }
5028
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller {
5029
+ scrollbar-width: thin;
5030
+ scrollbar-color: var(--wy-outline) transparent;
5031
+ }
5032
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar {
5033
+ height: 0.625rem;
5034
+ width: 0.625rem;
5035
+ background: transparent;
5036
+ z-index: 999;
5037
+ }
5038
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-track {
5039
+ background: transparent;
5040
+ }
5041
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb {
5042
+ background-color: var(--wy-outline);
5043
+ border: 0.125rem solid transparent;
5044
+ border-radius: 0.5rem;
5045
+ background-clip: padding-box;
5046
+ opacity: 75%;
5047
+ }
5048
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:hover {
5049
+ background-color: var(--wy-outline-variant);
5050
+ opacity: 75%;
5051
+ }
5052
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:window-inactive {
5053
+ background-color: var(--wy-outline);
5054
+ opacity: 50%;
5055
+ }
5056
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:start:single-button {
5057
+ height: 0.375rem;
5058
+ }
5059
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:end:single-button {
5060
+ height: 0.375rem;
5061
+ }
5062
+ .wy-post-editor .wy-is-invalid + [data-editor-target] .cm-editor, .wy-post-editor .wy-is-invalid .cm-editor {
5063
+ border-color: var(--wy-error) !important;
5064
+ }
5065
+ .wy-post-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul {
5066
+ font-family: unset;
5067
+ max-height: 15rem;
5068
+ }
5069
+ .wy-post-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul > li {
5070
+ padding: 0;
5071
+ }
5072
+ .wy-post-editor .ͼ2 .cm-tooltip {
5073
+ border: none;
5074
+ background-clip: padding-box;
5075
+ background-color: var(--wy-surface-2);
5076
+ color: var(--wy-on-surface);
5077
+ border-radius: var(--wy-border-radius);
5078
+ box-shadow: var(--wy-shadow-level1);
5079
+ overflow: hidden;
5080
+ z-index: 1000;
5081
+ }
5082
+ .wy-post-editor .ͼ2 .cm-tooltip-autocomplete ul li[aria-selected] {
5083
+ background: var(--wy-primary-container);
5084
+ color: unset;
5085
+ }
5086
+ .wy-post-editor .cm-tooltip-autocomplete .cm-completionLabel {
5087
+ display: none;
5088
+ }
5089
+ .wy-post-editor .cm-tooltip-autocomplete .wy-item-hover:hover, .wy-post-editor .cm-tooltip-autocomplete .wy-item-hover:focus {
5090
+ background: var(--wy-surface-variant);
5091
+ }
5092
+ .wy-post-editor .cm-tooltip-autocomplete .wy-avatar {
5093
+ width: 32px;
5094
+ height: 32px;
5095
+ }
5096
+
5097
+ .wy-filename {
5098
+ font-size: var(--wy-font-size-sm);
5099
+ overflow: hidden;
5100
+ text-overflow: ellipsis;
5101
+ white-space: nowrap;
5102
+ text-align: center;
5103
+ }
5104
+
5105
+ .wy-files-dragging::after {
5106
+ content: "Drop files here to upload.";
5107
+ background-color: rgba(255, 255, 255, 0.5);
5108
+ display: flex;
5109
+ justify-content: center;
5110
+ align-items: center;
5111
+ border: 2px dashed var(--wy-primary);
5112
+ font-weight: 700;
5113
+ z-index: 10000;
5114
+ position: fixed;
5115
+ top: 0;
5116
+ left: 0;
5117
+ bottom: 0;
5118
+ right: 0;
5119
+ }
5120
+
5121
+ .wy-table-files thead {
5122
+ display: none;
5123
+ text-align: left;
5124
+ }
5125
+ .wy-table-files td:nth-child(2) {
5126
+ padding: 0 var(--wy-table-cell-padding-x);
5127
+ }
5128
+ .wy-table-files td:nth-child(2),
5129
+ .wy-table-files th:nth-child(2) {
5130
+ width: 100%;
5131
+ overflow: hidden;
5132
+ text-overflow: ellipsis;
5133
+ white-space: nowrap;
5134
+ }
5135
+ .wy-table-files td:nth-child(3),
5136
+ .wy-table-files th:nth-child(3) {
5137
+ display: none;
5138
+ width: 7rem;
5139
+ overflow: hidden;
5140
+ text-overflow: ellipsis;
5141
+ white-space: nowrap;
5142
+ }
5143
+ .wy-table-files td:nth-child(4),
5144
+ .wy-table-files th:nth-child(4) {
5145
+ display: none;
5146
+ width: 7.5rem;
5147
+ text-align: right;
5148
+ overflow: hidden;
5149
+ text-overflow: ellipsis;
5150
+ white-space: nowrap;
5151
+ }
5152
+ .wy-table-files td:nth-child(5),
5153
+ .wy-table-files th:nth-child(5) {
5154
+ display: none;
5155
+ width: 7rem;
5156
+ text-align: right;
5157
+ overflow: hidden;
5158
+ text-overflow: ellipsis;
5159
+ white-space: nowrap;
5160
+ }
5161
+ @media (min-width: 576px) {
5162
+ .wy-table-files thead {
5163
+ display: table-header-group;
5164
+ }
5165
+ .wy-table-files td:nth-child(5),
5166
+ .wy-table-files th:nth-child(5) {
5167
+ display: table-cell;
5168
+ }
5169
+ }
5170
+ @media (min-width: 768px) {
5171
+ .wy-table-files td:nth-child(3),
5172
+ .wy-table-files th:nth-child(3),
5173
+ .wy-table-files td:nth-child(4),
5174
+ .wy-table-files th:nth-child(4) {
5175
+ display: table-cell;
5176
+ }
5177
+ }
5178
+
5179
+ .wy-grid {
5180
+ display: grid;
5181
+ grid-auto-flow: dense;
5182
+ grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
5183
+ grid-gap: 0.75rem;
5184
+ }
5185
+
5186
+ .wy-sidebar {
5187
+ --wy-component-background-color: var(--wy-surface-2);
5188
+ --wy-component-color: var(--wy-on-surface);
5189
+ background: var(--wy-component-background-color);
5190
+ color: var(--wy-component-color);
5191
+ min-width: 0;
5192
+ min-height: 0;
5193
+ flex-grow: 0;
5194
+ flex-shrink: 0;
5195
+ flex-basis: 18rem;
5196
+ z-index: 10;
5197
+ display: flex;
5198
+ flex-direction: column;
5199
+ transition: flex-basis var(--wy-transition);
5200
+ position: relative;
5201
+ order: 9999;
5202
+ }
5203
+ .wy-sidebar > * {
5204
+ transition: opacity var(--wy-transition-fast) calc(var(--wy-transition-duration) - var(--wy-transition-duration-fast));
5205
+ min-width: 18rem;
5206
+ }
5207
+ .wy-sidebar[hidden] {
5208
+ display: flex !important;
5209
+ flex-basis: 0;
5210
+ }
5211
+ .wy-sidebar[hidden] > * {
5212
+ transition: opacity var(--wy-transition-fast);
5213
+ opacity: 0;
5214
+ }
5215
+ @media (min-width: 768px) {
5216
+ .wy-sidebar > * {
5217
+ min-width: 18rem;
5218
+ }
5219
+ .wy-sidebar .wy-sidebar-handle {
5220
+ display: none;
5221
+ }
5222
+ }
5223
+ @media (max-width: 767.98px) {
5224
+ .wy-sidebar {
5225
+ transition: flex-basis var(--wy-transition), margin-top var(--wy-transition);
5226
+ border-top-left-radius: var(--wy-border-radius-lg);
5227
+ border-top-right-radius: var(--wy-border-radius-lg);
5228
+ flex-basis: 50vh;
5229
+ }
5230
+ .wy-sidebar:not([hidden]) {
5231
+ margin-top: calc(-1 * var(--wy-border-radius-lg));
5232
+ }
5233
+ .wy-sidebar:not([hidden]).wy-maximized {
5234
+ flex-basis: calc(100vh - 3rem * 1.5);
5235
+ margin-top: calc(-50vh + 3rem * 1.5 - var(--wy-border-radius-lg));
5236
+ }
5237
+ .wy-sidebar:not([hidden]).wy-maximized ~ * .wy-nav-prev,
5238
+ .wy-sidebar:not([hidden]).wy-maximized ~ * .wy-nav-next {
5239
+ display: none;
5240
+ }
5241
+ .wy-sidebar > * {
5242
+ min-height: 3rem;
5243
+ }
5244
+ }
5245
+
5246
+ .wy-sidebar-handle {
5247
+ width: 4rem;
5248
+ background-clip: content-box;
5249
+ background-color: var(--wy-on-surface-variant);
5250
+ height: 1rem;
5251
+ border: 0.375rem solid transparent;
5252
+ position: absolute;
5253
+ top: 0rem;
5254
+ z-index: 2;
5255
+ left: 50%;
5256
+ margin-left: -2rem;
5257
+ border-radius: var(--wy-border-radius-pill);
5258
+ cursor: pointer;
5259
+ }