@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
@@ -0,0 +1,2773 @@
1
+ @charset "UTF-8";
2
+ :where(:root, :host > *) {
3
+ --wy-theme: #00658e;
4
+ --wy-black: #000000;
5
+ --wy-white: #ffffff;
6
+ --wy-shadow: #000000;
7
+ --wy-primary-99: #fbfcff;
8
+ --wy-primary-95: #e4f3ff;
9
+ --wy-primary-90: #c7e7ff;
10
+ --wy-primary-80: #84cfff;
11
+ --wy-primary-70: #53b5ec;
12
+ --wy-primary-60: #2f9ad0;
13
+ --wy-primary-50: #007fb2;
14
+ --wy-primary-40: #00658e;
15
+ --wy-primary-30: #004c6c;
16
+ --wy-primary-20: #00344c;
17
+ --wy-primary-10: #001e2e;
18
+ --wy-secondary-99: #fffbff;
19
+ --wy-secondary-95: #fff2a4;
20
+ --wy-secondary-90: #f6e468;
21
+ --wy-secondary-80: #d9c84f;
22
+ --wy-secondary-70: #bcad36;
23
+ --wy-secondary-60: #a0921a;
24
+ --wy-secondary-50: #857800;
25
+ --wy-secondary-40: #6a5f00;
26
+ --wy-secondary-30: #504700;
27
+ --wy-secondary-20: #373100;
28
+ --wy-secondary-10: #201c00;
29
+ --wy-tertiary-99: #fffbff;
30
+ --wy-tertiary-95: #fff2a4;
31
+ --wy-tertiary-90: #f6e468;
32
+ --wy-tertiary-80: #d9c84f;
33
+ --wy-tertiary-70: #bcad36;
34
+ --wy-tertiary-60: #a0921a;
35
+ --wy-tertiary-50: #857800;
36
+ --wy-tertiary-40: #6a5f00;
37
+ --wy-tertiary-30: #504700;
38
+ --wy-tertiary-20: #373100;
39
+ --wy-tertiary-10: #201c00;
40
+ --wy-error-99: #fffbff;
41
+ --wy-error-95: #ffedea;
42
+ --wy-error-90: #ffdad6;
43
+ --wy-error-80: #ffb4ab;
44
+ --wy-error-70: #ff897d;
45
+ --wy-error-60: #ff5449;
46
+ --wy-error-50: #de3730;
47
+ --wy-error-40: #ba1a1a;
48
+ --wy-error-30: #93000a;
49
+ --wy-error-20: #690005;
50
+ --wy-error-10: #410002;
51
+ --wy-neutral-99: #fcfcff;
52
+ --wy-neutral-95: #f0f1f3;
53
+ --wy-neutral-90: #e2e2e5;
54
+ --wy-neutral-80: #c5c6c9;
55
+ --wy-neutral-70: #aaabae;
56
+ --wy-neutral-60: #8f9193;
57
+ --wy-neutral-50: #75777a;
58
+ --wy-neutral-40: #5c5e61;
59
+ --wy-neutral-30: #454749;
60
+ --wy-neutral-20: #2e3133;
61
+ --wy-neutral-10: #191c1e;
62
+ --wy-neutral-variant-99: #fbfcff;
63
+ --wy-neutral-variant-95: #ebf1f8;
64
+ --wy-neutral-variant-90: #dde3ea;
65
+ --wy-neutral-variant-80: #c1c7ce;
66
+ --wy-neutral-variant-70: #a5acb2;
67
+ --wy-neutral-variant-60: #8b9198;
68
+ --wy-neutral-variant-50: #71787e;
69
+ --wy-neutral-variant-40: #595f65;
70
+ --wy-neutral-variant-30: #41484d;
71
+ --wy-neutral-variant-20: #2b3136;
72
+ --wy-neutral-variant-10: #161c21;
73
+ --wy-surface-1-light: #f0f4f9;
74
+ --wy-surface-2-light: #e8f0f6;
75
+ --wy-surface-3-light: #e0ebf2;
76
+ --wy-surface-4-light: #deeaf1;
77
+ --wy-surface-5-light: #d9e7ef;
78
+ --wy-surface-1-dark: #1e2428;
79
+ --wy-surface-2-dark: #212a2f;
80
+ --wy-surface-3-dark: #242f36;
81
+ --wy-surface-4-dark: #253138;
82
+ --wy-surface-5-dark: #27343c;
83
+ --wy-blue-light: #7aadfa;
84
+ --wy-indigo-light: #8489e0;
85
+ --wy-purple-light: #bd78c2;
86
+ --wy-pink-light: #d072a2;
87
+ --wy-red-light: #da717c;
88
+ --wy-orange-light: #ef9646;
89
+ --wy-yellow-light: #d9c84f;
90
+ --wy-green-light: #56a15c;
91
+ --wy-teal-light: #00a29d;
92
+ --wy-cyan-light: #008398;
93
+ --wy-gray-light: #75777a;
94
+ --wy-blue-dark: #a7c8ff;
95
+ --wy-indigo-dark: #8489e0;
96
+ --wy-purple-dark: #da92de;
97
+ --wy-pink-dark: #ee8cbe;
98
+ --wy-red-dark: #da717c;
99
+ --wy-orange-dark: #ef9646;
100
+ --wy-yellow-dark: #d9c84f;
101
+ --wy-green-dark: #56a15c;
102
+ --wy-teal-dark: #00a29d;
103
+ --wy-cyan-dark: #009fb8;
104
+ --wy-gray-dark: #8f9193;
105
+ }
106
+
107
+ :where(:root, :host > *, .wy-light) {
108
+ color-scheme: light;
109
+ --wy-primary: var(--wy-primary-40);
110
+ --wy-on-primary: var(--wy-white);
111
+ --wy-primary-container: var(--wy-primary-90);
112
+ --wy-on-primary-container: var(--wy-primary-10);
113
+ --wy-secondary: var(--wy-secondary-40);
114
+ --wy-on-secondary: var(--wy-white);
115
+ --wy-secondary-container: var(--wy-secondary-90);
116
+ --wy-on-secondary-container: var(--wy-secondary-10);
117
+ --wy-tertiary: var(--wy-tertiary-40);
118
+ --wy-on-tertiary: var(--wy-white);
119
+ --wy-tertiary-container: var(--wy-tertiary-90);
120
+ --wy-on-tertiary-container: var(--wy-tertiary-10);
121
+ --wy-error: var(--wy-error-40);
122
+ --wy-on-error: var(--wy-white);
123
+ --wy-error-container: var(--wy-error-90);
124
+ --wy-on-error-container: var(--wy-error-10);
125
+ --wy-background: var(--wy-neutral-99);
126
+ --wy-on-background: var(--wy-neutral-10);
127
+ --wy-surface: var(--wy-neutral-99);
128
+ --wy-on-surface: var(--wy-neutral-10);
129
+ --wy-surface-variant: var(--wy-neutral-variant-90);
130
+ --wy-on-surface-variant: var(--wy-neutral-variant-30);
131
+ --wy-outline: var(--wy-neutral-variant-50);
132
+ --wy-outline-variant: var(--wy-neutral-variant-80);
133
+ --wy-inverse-surface: var(--wy-neutral-20);
134
+ --wy-on-inverse-surface: var(--wy-neutral-95);
135
+ --wy-inverse-primary: var(--wy-primary-80);
136
+ --wy-surface-1: var(--wy-surface-1-light);
137
+ --wy-surface-2: var(--wy-surface-2-light);
138
+ --wy-surface-3: var(--wy-surface-3-light);
139
+ --wy-surface-4: var(--wy-surface-4-light);
140
+ --wy-surface-5: var(--wy-surface-5-light);
141
+ --wy-link: var(--wy-primary-40);
142
+ --wy-blue: var(--wy-blue-light);
143
+ --wy-indigo: var(--wy-indigo-light);
144
+ --wy-purple: var(--wy-purple-light);
145
+ --wy-pink: var(--wy-pink-light);
146
+ --wy-red: var(--wy-red-light);
147
+ --wy-orange: var(--wy-orange-light);
148
+ --wy-yellow: var(--wy-yellow-light);
149
+ --wy-green: var(--wy-green-light);
150
+ --wy-teal: var(--wy-teal-light);
151
+ --wy-cyan: var(--wy-cyan-light);
152
+ --wy-gray: var(--wy-gray-light);
153
+ }
154
+
155
+ :where(.wy-dark) {
156
+ color-scheme: dark;
157
+ --wy-primary: var(--wy-primary-80);
158
+ --wy-on-primary: var(--wy-primary-20);
159
+ --wy-primary-container: var(--wy-primary-30);
160
+ --wy-on-primary-container: var(--wy-primary-90);
161
+ --wy-secondary: var(--wy-secondary-80);
162
+ --wy-on-secondary: var(--wy-secondary-20);
163
+ --wy-secondary-container: var(--wy-secondary-30);
164
+ --wy-on-secondary-container: var(--wy-secondary-90);
165
+ --wy-tertiary: var(--wy-tertiary-80);
166
+ --wy-on-tertiary: var(--wy-tertiary-20);
167
+ --wy-tertiary-container: var(--wy-tertiary-30);
168
+ --wy-on-tertiary-container: var(--wy-tertiary-90);
169
+ --wy-error: var(--wy-error-80);
170
+ --wy-on-error: var(--wy-error-20);
171
+ --wy-error-container: var(--wy-error-30);
172
+ --wy-on-error-container: var(--wy-error-90);
173
+ --wy-background: var(--wy-neutral-10);
174
+ --wy-on-background: var(--wy-neutral-90);
175
+ --wy-surface: var(--wy-neutral-10);
176
+ --wy-on-surface: var(--wy-neutral-90);
177
+ --wy-surface-variant: var(--wy-neutral-variant-30);
178
+ --wy-on-surface-variant: var(--wy-neutral-variant-80);
179
+ --wy-outline: var(--wy-neutral-variant-60);
180
+ --wy-outline-variant: var(--wy-neutral-variant-30);
181
+ --wy-inverse-surface: var(--wy-neutral-90);
182
+ --wy-on-inverse-surface: var(--wy-neutral-20);
183
+ --wy-inverse-primary: var(--wy-primary-40);
184
+ --wy-surface-1: var(--wy-surface-1-dark);
185
+ --wy-surface-2: var(--wy-surface-2-dark);
186
+ --wy-surface-3: var(--wy-surface-3-dark);
187
+ --wy-surface-4: var(--wy-surface-4-dark);
188
+ --wy-surface-5: var(--wy-surface-5-dark);
189
+ --wy-link: var(--wy-primary-80);
190
+ --wy-blue: var(--wy-blue-dark);
191
+ --wy-indigo: var(--wy-indigo-dark);
192
+ --wy-purple: var(--wy-purple-dark);
193
+ --wy-pink: var(--wy-pink-dark);
194
+ --wy-red: var(--wy-red-dark);
195
+ --wy-orange: var(--wy-orange-dark);
196
+ --wy-yellow: var(--wy-yellow-dark);
197
+ --wy-green: var(--wy-green-dark);
198
+ --wy-teal: var(--wy-teal-dark);
199
+ --wy-cyan: var(--wy-cyan-dark);
200
+ --wy-gray: var(--wy-gray-dark);
201
+ }
202
+
203
+ :where(:root, :host > *) {
204
+ /* Typography */
205
+ --wy-font-family: unset;
206
+ --wy-font-weight: unset;
207
+ --wy-line-height: 1.5;
208
+ --wy-font-size-base: 1rem;
209
+ --wy-font-size-xxs: calc(.625 * var(--wy-font-size-base));
210
+ --wy-font-size-xs: calc(.75 * var(--wy-font-size-base));
211
+ --wy-font-size-sm: calc(.875 * var(--wy-font-size-base));
212
+ --wy-font-size-lg: calc(1.25 * var(--wy-font-size-base));
213
+ --wy-headings-font-style: unset;
214
+ --wy-headings-font-family: var(--wy-font-family);
215
+ --wy-headings-font-weight: 500;
216
+ --wy-headings-line-height: var(--wy-line-height);
217
+ /* Border */
218
+ --wy-border-radius: .5rem;
219
+ --wy-border-radius-sm: calc(.75 * var(--wy-border-radius));
220
+ --wy-border-radius-lg: calc(1.5 * var(--wy-border-radius));
221
+ --wy-border-radius-xl: calc(2 * var(--wy-border-radius));
222
+ --wy-border-radius-pill: 50rem;
223
+ /* Links */
224
+ --wy-link-decoration: none;
225
+ --wy-link-hover-decoration: null;
226
+ /* Tables */
227
+ --wy-table-cell-padding-x: .25rem;
228
+ --wy-table-cell-padding-y: .25rem;
229
+ /* Inputs */
230
+ --wy-input-padding-y: .4375rem;
231
+ --wy-input-padding-x: .75rem;
232
+ --wy-input-font-family: unset;
233
+ --wy-input-font-size: var(--wy-font-size-base);
234
+ --wy-input-font-weight: var(--wy-font-weight);
235
+ --wy-input-line-height: var(--wy-line-height);
236
+ --wy-input-border-width: 1px;
237
+ --wy-input-border-radius: var(--wy-border-radius);
238
+ /* Shadows */
239
+ --wy-shadow-level0: none;
240
+ --wy-shadow-level1: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
241
+ --wy-shadow-level2: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.14), 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.2);
242
+ --wy-shadow-level3: 0 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14), 0 0.1875rem 1.25rem 0.125rem rgba(0, 0, 0, 0.12), 0 0.3125rem 0.3125rem -0.1875rem rgba(0, 0, 0, 0.2);
243
+ --wy-shadow-level4: 0 1rem 2.25rem 0.125rem rgba(0, 0, 0, 0.14), 0 0.375rem 1.875rem 0.3125rem rgba(0, 0, 0, 0.12), 0 0.5rem 0.625rem -0.3125rem rgba(0, 0, 0, 0.2);
244
+ /* Transitions */
245
+ --wy-transition-curve: cubic-bezier(0.4, 0, 0.2, 1);
246
+ --wy-transition-duration: 0.2s;
247
+ --wy-transition-duration-fast: 0.1s;
248
+ --wy-transition: var(--wy-transition-duration) var(--wy-transition-curve);
249
+ --wy-transition-fast: var(--wy-transition-duration-fast) var(--wy-transition-curve);
250
+ /* Opacity */
251
+ --wy-opacity-backdrop: 95%;
252
+ --wy-opacity-muted: 38%;
253
+ --wy-opacity-disabled: 38%;
254
+ /*
255
+ --wy-opacity-disabled: 12%;
256
+ --wy-opacity-on-disabled: 38%;
257
+ */
258
+ /* State layer */
259
+ --wy-opacity-state-hover: 8%;
260
+ --wy-opacity-state-focus: 12%;
261
+ --wy-opacity-state-active: 12%;
262
+ --wy-opacity-state-drag: 16%;
263
+ /* Surface elevation */
264
+ --wy-surface-1-mix: 5%;
265
+ --wy-surface-2-mix: 8%;
266
+ --wy-surface-3-mix: 11%;
267
+ --wy-surface-4-mix: 12%;
268
+ --wy-surface-5-mix: 14%;
269
+ }
270
+
271
+ :where([class^=wy-], [class*=" wy-"]) {
272
+ box-sizing: border-box;
273
+ }
274
+ :where([class^=wy-], [class*=" wy-"]) *::before, :where([class^=wy-], [class*=" wy-"]) *::after {
275
+ box-sizing: inherit;
276
+ }
277
+ :where([class^=wy-], [class*=" wy-"]):where(a), :where([class^=wy-], [class*=" wy-"]) *:where(a) {
278
+ text-decoration: var(--wy-link-decoration);
279
+ color: var(--wy-link);
280
+ }
281
+ :where([class^=wy-], [class*=" wy-"]):where(a):hover, :where([class^=wy-], [class*=" wy-"]) *:where(a):hover {
282
+ text-decoration: var(--wy-link-hover-decoration);
283
+ }
284
+ :where([class^=wy-], [class*=" wy-"]):where(a):where(:not([href]):not([class])), :where([class^=wy-], [class*=" wy-"]):where(a):where(:not([href]):not([class])):hover, :where([class^=wy-], [class*=" wy-"]) *:where(a):where(:not([href]):not([class])), :where([class^=wy-], [class*=" wy-"]) *:where(a):where(:not([href]):not([class])):hover {
285
+ text-decoration: none;
286
+ }
287
+ :where([class^=wy-], [class*=" wy-"]):where(p), :where([class^=wy-], [class*=" wy-"]) *:where(p) {
288
+ margin-top: 0;
289
+ margin-bottom: 1rem;
290
+ }
291
+ :where([class^=wy-], [class*=" wy-"]):where(label), :where([class^=wy-], [class*=" wy-"]) *:where(label) {
292
+ cursor: inherit;
293
+ }
294
+ :where([class^=wy-], [class*=" wy-"])[hidden], :where([class^=wy-], [class*=" wy-"]) *[hidden] {
295
+ display: none !important;
296
+ }
297
+ :where([class^=wy-], [class*=" wy-"]):where([role=button]), :where([class^=wy-], [class*=" wy-"]) *:where([role=button]) {
298
+ cursor: pointer;
299
+ }
300
+
301
+ .wy-scroll-y {
302
+ overflow-y: auto;
303
+ touch-action: pan-y, pan-x;
304
+ will-change: scroll-position, opacity;
305
+ backface-visibility: hidden;
306
+ max-height: 100%;
307
+ scroll-padding-top: var(--wy-scrollbar-adjust-top, 0);
308
+ scroll-padding-bottom: var(--wy-scrollbar-adjust-bottom, 0);
309
+ }
310
+ .wy-scroll-y:not(body) {
311
+ -webkit-overflow-scrolling: touch;
312
+ }
313
+ .wy-scroll-y:not(.wy-scroll-x) {
314
+ overflow-x: hidden;
315
+ touch-action: pan-y;
316
+ }
317
+
318
+ .wy-scroll-x {
319
+ overflow-x: auto;
320
+ touch-action: pan-y, pan-x;
321
+ will-change: scroll-position, opacity;
322
+ backface-visibility: hidden;
323
+ max-width: 100%;
324
+ }
325
+ .wy-scroll-x:not(.wy-scroll-y) {
326
+ overflow-y: hidden;
327
+ touch-action: pan-x;
328
+ }
329
+
330
+ .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
331
+ scrollbar-width: thin;
332
+ scrollbar-color: var(--wy-outline) transparent;
333
+ }
334
+ @supports (overflow-y: overlay) {
335
+ .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
336
+ overflow-y: overlay;
337
+ }
338
+ }
339
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar {
340
+ height: 0.625rem;
341
+ width: 0.625rem;
342
+ background: transparent;
343
+ z-index: 999;
344
+ }
345
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-track, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-track {
346
+ background: transparent;
347
+ }
348
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb {
349
+ background-color: var(--wy-outline);
350
+ border: 0.125rem solid transparent;
351
+ border-radius: 0.5rem;
352
+ background-clip: padding-box;
353
+ opacity: 75%;
354
+ }
355
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:hover, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:hover {
356
+ background-color: var(--wy-outline-variant);
357
+ opacity: 75%;
358
+ }
359
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:window-inactive, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:window-inactive {
360
+ background-color: var(--wy-outline);
361
+ opacity: 50%;
362
+ }
363
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:start:single-button, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:start:single-button {
364
+ height: var(--wy-scrollbar-adjust-top, 0);
365
+ }
366
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:end:single-button, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:end:single-button {
367
+ height: var(--wy-scrollbar-adjust-bottom, 0);
368
+ }
369
+
370
+ .wy-block-scroll {
371
+ overflow: hidden !important;
372
+ }
373
+
374
+ .wy-scrollbar-detection {
375
+ position: fixed;
376
+ top: 0;
377
+ left: 0;
378
+ width: 8rem;
379
+ height: 8rem;
380
+ overflow: scroll;
381
+ z-index: -99999;
382
+ pointer-events: none;
383
+ visibility: hidden;
384
+ }
385
+
386
+ .wy-alerts {
387
+ position: fixed;
388
+ left: 0;
389
+ top: 4rem;
390
+ right: 0;
391
+ pointer-events: none;
392
+ display: flex;
393
+ flex-direction: column;
394
+ align-items: center;
395
+ justify-content: center;
396
+ z-index: 1030;
397
+ gap: 1rem;
398
+ }
399
+
400
+ .wy-alert {
401
+ background: var(--wy-surface-1);
402
+ color: var(--wy-on-surface);
403
+ margin: 0 0 1rem;
404
+ gap: 0.5rem;
405
+ display: flex;
406
+ flex-direction: row;
407
+ flex-wrap: wrap;
408
+ align-items: baseline;
409
+ cursor: pointer;
410
+ border-radius: var(--wy-border-radius);
411
+ margin-left: auto;
412
+ margin-right: auto;
413
+ margin-bottom: 1rem;
414
+ padding: 0.5rem 1rem;
415
+ user-select: none;
416
+ position: relative;
417
+ overflow: hidden;
418
+ height: auto;
419
+ gap: 0.5rem;
420
+ }
421
+ .wy-alert.wy-fade {
422
+ transition: all var(--wy-transition);
423
+ }
424
+ .wy-alert.wy-fade:not(.wy-show) {
425
+ opacity: 0;
426
+ height: 0;
427
+ padding-top: 0;
428
+ padding-bottom: 0;
429
+ margin-top: 0;
430
+ margin-bottom: 0;
431
+ }
432
+ .wy-alert .wy-text {
433
+ line-height: 1.5;
434
+ padding: 0.5rem;
435
+ }
436
+ .wy-alert .wy-button {
437
+ margin-left: auto;
438
+ pointer-events: auto;
439
+ }
440
+
441
+ .wy-alert-primary {
442
+ background: var(--wy-primary-container);
443
+ color: var(--wy-on-primary-container);
444
+ }
445
+
446
+ .wy-appbars {
447
+ backface-visibility: hidden;
448
+ --wy-component-background-color: var(--wy-surface-1);
449
+ background-color: var(--wy-component-background-color);
450
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
451
+ }
452
+ @supports (position: sticky) {
453
+ .wy-appbars {
454
+ position: sticky;
455
+ top: 0;
456
+ z-index: 1020;
457
+ }
458
+ }
459
+ @supports (backdrop-filter: blur(0.5rem)) {
460
+ .wy-appbars {
461
+ backdrop-filter: blur(0.5rem);
462
+ }
463
+ .wy-appbars > .wy-appbar {
464
+ backdrop-filter: none;
465
+ }
466
+ }
467
+ .wy-appbars > .wy-appbar, .wy-appbars > .wy-toolbar {
468
+ background-color: transparent;
469
+ box-shadow: none;
470
+ }
471
+
472
+ .wy-appbar {
473
+ --wy-component-color: var(--wy-on-surface);
474
+ --wy-component-background-color: var(--wy-surface-1);
475
+ display: grid;
476
+ align-items: center;
477
+ justify-content: space-between;
478
+ justify-items: center;
479
+ height: 3rem;
480
+ padding: 0.25rem;
481
+ flex: 0 0 3rem;
482
+ grid-template-columns: minmax(2.5rem, max-content) minmax(0, max-content) minmax(2.5rem, max-content);
483
+ column-gap: 0.5rem;
484
+ line-height: var(--wy-line-height);
485
+ background-color: var(--wy-component-background-color);
486
+ color: var(--wy-component-color);
487
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
488
+ }
489
+ .wy-appbar .wy-badge {
490
+ align-self: center;
491
+ }
492
+ .wy-appbar .wy-button {
493
+ max-height: 2.5rem;
494
+ }
495
+
496
+ .wy-appbar-buttons, .wy-toolbar-buttons {
497
+ display: flex;
498
+ flex: 0 0 auto;
499
+ align-items: center;
500
+ }
501
+
502
+ .wy-toolbar-buttons-last {
503
+ margin-inline-start: auto;
504
+ }
505
+
506
+ .wy-appbar-text {
507
+ overflow: hidden;
508
+ text-overflow: ellipsis;
509
+ white-space: nowrap;
510
+ max-width: 100%;
511
+ color: inherit !important;
512
+ user-select: none;
513
+ }
514
+ .wy-appbar-text a {
515
+ color: inherit;
516
+ }
517
+ .wy-appbar-text a:hover {
518
+ color: inherit;
519
+ }
520
+
521
+ .wy-appbar-text-trashed {
522
+ text-decoration: line-through;
523
+ }
524
+
525
+ .wy-toolbars-bottom {
526
+ position: absolute;
527
+ z-index: 1030;
528
+ bottom: 2rem;
529
+ left: 0;
530
+ right: 0;
531
+ min-height: 3rem;
532
+ display: flex;
533
+ flex-direction: column;
534
+ justify-content: center;
535
+ justify-items: center;
536
+ }
537
+
538
+ .wy-toolbar {
539
+ --wy-component-color: var(--wy-on-surface);
540
+ --wy-component-background-color: var(--wy-surface-1);
541
+ display: flex;
542
+ flex-wrap: wrap;
543
+ align-items: center;
544
+ justify-content: flex-start;
545
+ justify-items: center;
546
+ min-height: 3rem;
547
+ padding: 0.25rem;
548
+ flex: 1 0 3rem;
549
+ column-gap: 0.25rem;
550
+ line-height: var(--wy-line-height);
551
+ background-color: var(--wy-component-background-color);
552
+ color: var(--wy-component-color);
553
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
554
+ }
555
+
556
+ .wy-toolbar-center {
557
+ margin: 0 auto;
558
+ border-radius: var(--wy-border-radius);
559
+ }
560
+ .wy-toolbar-center .wy-input {
561
+ text-align: center;
562
+ }
563
+
564
+ .wy-toolbar-text {
565
+ margin-left: 0.25rem;
566
+ }
567
+
568
+ .wy-footerbars {
569
+ padding-bottom: 4rem;
570
+ }
571
+ .wy-footerbars > .wy-toolbar {
572
+ box-shadow: none;
573
+ }
574
+
575
+ .wy-footerbar {
576
+ --wy-component-background-color: var(--wy-surface-1);
577
+ --wy-component-color: var(--wy-on-surface);
578
+ position: absolute;
579
+ bottom: 0;
580
+ left: 0;
581
+ right: 0;
582
+ z-index: 1020;
583
+ }
584
+ .wy-footerbar::after {
585
+ content: "";
586
+ background-color: var(--wy-component-background-color);
587
+ color: var(--wy-component-color);
588
+ box-shadow: var(--wy-outline-variant) 0px 1px 0px 0px inset;
589
+ position: absolute;
590
+ width: 100vw;
591
+ left: 0;
592
+ bottom: 0;
593
+ height: 100%;
594
+ z-index: -1;
595
+ backface-visibility: hidden;
596
+ }
597
+ @supports (backdrop-filter: blur(0.5rem)) {
598
+ .wy-footerbar::after {
599
+ backdrop-filter: blur(0.5rem);
600
+ }
601
+ }
602
+ .wy-footerbar .wy-buttons {
603
+ flex-direction: row-reverse;
604
+ }
605
+ .wy-footerbar .wy-buttons > :not(:last-child) {
606
+ margin: 0 0 0 0.5rem;
607
+ }
608
+
609
+ .wy-footerbar-sticky {
610
+ position: sticky;
611
+ }
612
+
613
+ .wy-footerbars-fixed .wy-footerbar {
614
+ position: fixed;
615
+ }
616
+ .wy-footerbars-fixed .wy-footerbar::after {
617
+ position: fixed;
618
+ height: 4rem;
619
+ }
620
+
621
+ :where(:root, :host > *) {
622
+ --wy-presence-active: var(--wy-green);
623
+ }
624
+
625
+ .wy-avatar {
626
+ border-radius: 50%;
627
+ }
628
+
629
+ .wy-avatar-header {
630
+ padding: 1.5rem;
631
+ margin-left: auto;
632
+ margin-right: auto;
633
+ text-align: center;
634
+ }
635
+
636
+ .wy-avatar-presence {
637
+ position: relative;
638
+ display: inline-flex;
639
+ }
640
+
641
+ .wy-presence {
642
+ background-color: var(--wy-component-background-color, transparent);
643
+ width: 0.75rem;
644
+ height: 0.75rem;
645
+ border-radius: 50%;
646
+ position: absolute;
647
+ bottom: 0;
648
+ right: -5%;
649
+ }
650
+ .wy-presence:not(.wy-presence-active) {
651
+ display: none;
652
+ }
653
+ .wy-presence::after {
654
+ content: "";
655
+ position: absolute;
656
+ width: 100%;
657
+ height: 100%;
658
+ border-radius: inherit;
659
+ background-color: var(--wy-presence-active);
660
+ background-clip: content-box;
661
+ padding: 0.125rem;
662
+ }
663
+
664
+ :where(:root, :host > *) {
665
+ --wy-btn-padding-x: 1.5rem;
666
+ --wy-btn-padding-y: .5rem;
667
+ --wy-btn-font-family: var(--wy-font-family);
668
+ --wy-btn-font-size: var(--wy-font-size-base);
669
+ --wy-btn-font-weight: 400;
670
+ --wy-btn-line-height: var(--wy-line-height);
671
+ --wy-btn-border-width: 0;
672
+ --wy-btn-border-color: transparent;
673
+ --wy-btn-border-radius: 1.25rem;
674
+ }
675
+
676
+ .wy-button {
677
+ --wy-component-color: var(--wy-primary);
678
+ color: var(--wy-component-color);
679
+ background: var(--wy-component-background-color, transparent);
680
+ padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
681
+ font-family: var(--wy-btn-font-family);
682
+ font-size: var(--wy-btn-font-size);
683
+ font-weight: var(--wy-btn-font-weight);
684
+ line-height: var(--wy-btn-line-height);
685
+ text-align: center;
686
+ text-decoration: none;
687
+ vertical-align: middle;
688
+ cursor: pointer;
689
+ user-select: none;
690
+ border: var(--wy-btn-border-width) solid var(--wy-btn-border-color);
691
+ border-radius: var(--wy-btn-border-radius);
692
+ display: inline-flex;
693
+ align-items: center;
694
+ justify-content: center;
695
+ gap: 0.25rem;
696
+ position: relative;
697
+ }
698
+ .wy-button:not(.wy-button-link, :disabled) > * {
699
+ z-index: 3;
700
+ }
701
+ .wy-button:not(.wy-button-link, :disabled)::before {
702
+ content: "";
703
+ z-index: 2;
704
+ position: absolute;
705
+ top: 0;
706
+ left: 0;
707
+ width: 100%;
708
+ height: 100%;
709
+ border-radius: inherit;
710
+ background: var(--wy-component-color);
711
+ opacity: 0%;
712
+ }
713
+ .wy-button:not(.wy-button-link, :disabled):hover::before {
714
+ opacity: 8%;
715
+ }
716
+ .wy-button:not(.wy-button-link, :disabled):focus::before, .wy-button:not(.wy-button-link, :disabled):active::before, .wy-button:not(.wy-button-link, :disabled).wy-active::before {
717
+ opacity: 12%;
718
+ }
719
+ .wy-button:not(.wy-button-icon) .wy-icon:first-child {
720
+ margin-left: -0.5rem;
721
+ }
722
+ .wy-button:not(.wy-button-icon) .wy-icon:last-child {
723
+ margin-right: -0.5rem;
724
+ }
725
+ .wy-button:disabled {
726
+ opacity: var(--wy-opacity-disabled);
727
+ cursor: unset;
728
+ pointer-events: none;
729
+ }
730
+
731
+ .wy-button-icon {
732
+ --wy-component-color: var(--wy-on-surface-variant);
733
+ width: 2.5rem;
734
+ height: 2.5rem;
735
+ padding: 0.5rem;
736
+ line-height: 1;
737
+ border-radius: var(--wy-border-radius-pill);
738
+ border-width: 0;
739
+ }
740
+ .wy-button-icon.wy-active {
741
+ --wy-component-color: var(--wy-primary);
742
+ }
743
+
744
+ .wy-button-primary {
745
+ --wy-component-background-color: var(--wy-primary);
746
+ --wy-component-color: var(--wy-on-primary);
747
+ }
748
+
749
+ .wy-button-variant {
750
+ --wy-component-background-color: var(--wy-surface-variant);
751
+ --wy-component-color: var(--wy-on-surface-variant);
752
+ }
753
+
754
+ .wy-button-primary-text {
755
+ --wy-component-color: var(--wy-primary);
756
+ }
757
+
758
+ .wy-button-link {
759
+ padding: 0;
760
+ color: var(--wy-link-color, var(--wy-primary));
761
+ text-decoration: var(--wy-link-decoration, var(--wy-link-decoration));
762
+ }
763
+ .wy-button-link:hover, .wy-button-link:focus {
764
+ text-decoration: var(--wy-link-hover-decoration, var(--wy-link-hover-decoration));
765
+ }
766
+
767
+ .wy-buttons {
768
+ display: flex;
769
+ align-items: center;
770
+ flex-wrap: wrap;
771
+ gap: 0.5rem;
772
+ }
773
+
774
+ .wy-card {
775
+ --wy-component-background-color: var(--wy-surface-1);
776
+ --wy-component-color: var(--wy-on-surface);
777
+ --wy-component-border-radius: var(--wy-border-radius-lg);
778
+ background-color: var(--wy-component-background-color);
779
+ color: var(--wy-component-color);
780
+ border-radius: var(--wy-component-border-radius);
781
+ position: relative;
782
+ display: flex;
783
+ flex-direction: column;
784
+ min-width: 0;
785
+ word-wrap: break-word;
786
+ background-clip: border-box;
787
+ }
788
+ .wy-card > hr {
789
+ margin-right: 0;
790
+ margin-left: 0;
791
+ }
792
+
793
+ .wy-card-primary {
794
+ --wy-component-background-color: var(--wy-primary-container);
795
+ --wy-component-color: var(--wy-on-primary-container);
796
+ }
797
+
798
+ .wy-card-hover {
799
+ cursor: pointer;
800
+ user-select: none;
801
+ }
802
+ .wy-card-hover::before {
803
+ content: "";
804
+ position: absolute;
805
+ top: 0;
806
+ left: 0;
807
+ width: 100%;
808
+ height: 100%;
809
+ border-radius: inherit;
810
+ background: var(--wy-component-color);
811
+ opacity: 0%;
812
+ }
813
+ .wy-card-hover:hover::before {
814
+ opacity: var(--wy-opacity-state-hover);
815
+ }
816
+ .wy-card-hover:focus::before {
817
+ opacity: var(--wy-opacity-state-focus);
818
+ }
819
+ .wy-card-hover:active::before, .wy-card-hover.wy-active::before {
820
+ opacity: var(--wy-opacity-state-active);
821
+ }
822
+
823
+ .wy-card-actions {
824
+ position: absolute;
825
+ top: min(0.25rem, 100% - 2.5rem);
826
+ right: 0.25rem;
827
+ align-items: center;
828
+ display: flex;
829
+ }
830
+ .wy-card-actions > .wy-button-icon, .wy-card-actions > .wy-dropdown > .wy-button-icon {
831
+ background-clip: content-box;
832
+ }
833
+
834
+ .wy-card-content {
835
+ flex: 1 0 auto;
836
+ padding-block-end: 0.5rem;
837
+ padding-inline-start: 0.5rem;
838
+ padding-inline-end: 0.5rem;
839
+ }
840
+ .wy-card-content:first-child, .wy-card-actions + .wy-card-content:nth-child(2) {
841
+ padding-block-start: 0.5rem;
842
+ }
843
+
844
+ .wy-card-top {
845
+ border-radius: var(--wy-component-border-radius);
846
+ object-fit: cover;
847
+ object-position: top center;
848
+ flex: 1 1 100%;
849
+ max-height: 10rem;
850
+ }
851
+
852
+ .wy-card-top-image {
853
+ object-position: 50% 38%;
854
+ }
855
+
856
+ .wy-card-trashed {
857
+ text-decoration: line-through;
858
+ }
859
+ .wy-card-trashed > *:not(.wy-card-actions) {
860
+ opacity: var(--wy-opacity-disabled);
861
+ }
862
+
863
+ .wy-dropdown,
864
+ .wy-dropup {
865
+ position: relative;
866
+ }
867
+
868
+ .wy-dropup .wy-dropdown-menu {
869
+ top: auto;
870
+ bottom: 100%;
871
+ margin-top: 0;
872
+ margin-bottom: 0.25rem;
873
+ }
874
+
875
+ .wy-dropdown-toggle {
876
+ white-space: nowrap;
877
+ }
878
+
879
+ .wy-dropdown-menu {
880
+ --wy-component-background-color: var(--wy-surface-2);
881
+ --wy-component-color: var(--wy-on-surface);
882
+ background-color: var(--wy-component-background-color);
883
+ color: var(--wy-component-color);
884
+ position: absolute;
885
+ z-index: 1000;
886
+ min-width: 10rem;
887
+ padding: 0 0;
888
+ margin: 0;
889
+ font-size: var(--wy-font-size-base);
890
+ text-align: left;
891
+ list-style: none;
892
+ background-clip: padding-box;
893
+ border-radius: var(--wy-border-radius);
894
+ box-shadow: var(--wy-shadow-level1);
895
+ overflow: hidden;
896
+ display: block;
897
+ }
898
+ .wy-dropdown-menu[data-bs-popper] {
899
+ top: 100%;
900
+ left: 0;
901
+ margin-top: 0.25rem;
902
+ }
903
+ .wy-dropup .wy-dropdown-menu {
904
+ top: auto;
905
+ bottom: 100%;
906
+ margin-top: 0;
907
+ margin-bottom: 0.25rem;
908
+ }
909
+ [data-bs-toggle=dropdown] ~ .wy-dropdown-menu:not(.show) {
910
+ display: none;
911
+ }
912
+ [data-bs-toggle=dropdown] ~ .wy-dropdown-menu[hidden].show {
913
+ display: block !important;
914
+ }
915
+
916
+ .wy-dropdown-menu-end {
917
+ right: 0;
918
+ }
919
+
920
+ .wy-dropdown-item {
921
+ background-color: transparent;
922
+ color: var(--wy-component-color, var(--wy-on-surface));
923
+ display: block;
924
+ width: 100%;
925
+ padding: 0.75rem 1rem;
926
+ clear: both;
927
+ font-family: inherit;
928
+ font-size: inherit;
929
+ font-weight: 400;
930
+ line-height: 1;
931
+ text-align: inherit;
932
+ text-decoration: none;
933
+ white-space: nowrap;
934
+ border: 0;
935
+ gap: 0.25rem;
936
+ cursor: pointer;
937
+ display: flex;
938
+ align-items: center;
939
+ }
940
+ .wy-dropdown-item:hover, .wy-dropdown-item:focus {
941
+ --wy-component-color: var(--wy-on-surface-variant);
942
+ --wy-component-background-color: var(--wy-surface-variant);
943
+ color: var(--wy-component-color);
944
+ background-color: var(--wy-component-background-color);
945
+ text-decoration: none;
946
+ }
947
+ .wy-dropdown-item.wy-active, .wy-dropdown-item:active {
948
+ --wy-component-color: var(--wy-on-primary-container);
949
+ --wy-component-background-color: var(--wy-primary-container);
950
+ color: var(--wy-component-color);
951
+ background-color: var(--wy-component-background-color);
952
+ text-decoration: none;
953
+ }
954
+ .wy-dropdown-item.wy-disabled, .wy-dropdown-item:disabled {
955
+ color: var(--wy-component-color);
956
+ background-color: var(--wy-component-background-color);
957
+ pointer-events: none;
958
+ opacity: var(--wy-opacity-disabled);
959
+ }
960
+ .wy-dropdown-item > img, .wy-dropdown-item .wy-icon {
961
+ margin-right: 0.5rem;
962
+ color: inherit;
963
+ }
964
+ .wy-dropdown-item:active > .wy-icon {
965
+ color: inherit;
966
+ }
967
+ .wy-dropdown-item.wy-option .wy-icon {
968
+ visibility: hidden;
969
+ }
970
+ .wy-dropdown-item.wy-option.wy-selected .wy-icon {
971
+ visibility: visible;
972
+ }
973
+
974
+ .wy-dropdown-divider {
975
+ height: 0;
976
+ margin: 0;
977
+ overflow: hidden;
978
+ border: none;
979
+ border-top: 1px solid var(--wy-outline-variant);
980
+ }
981
+
982
+ .wy-reaction-count {
983
+ margin: 0 0.5rem 0 0.125rem;
984
+ line-height: 1;
985
+ font-size: var(--wy-font-size-sm);
986
+ }
987
+
988
+ .wy-reaction-menu {
989
+ padding: 0.25rem;
990
+ font-size: 1.125rem;
991
+ border-radius: 2.5rem;
992
+ }
993
+
994
+ .wy-reaction-picker {
995
+ display: flex;
996
+ }
997
+ .wy-reaction-picker .wy-reaction-button {
998
+ color: unset;
999
+ }
1000
+
1001
+ .wy-reactions {
1002
+ display: inline-flex;
1003
+ align-items: center;
1004
+ column-gap: 0.125rem;
1005
+ }
1006
+ .wy-reactions:empty {
1007
+ display: none;
1008
+ }
1009
+
1010
+ .wy-table-reactions td:first-child {
1011
+ width: 3rem;
1012
+ }
1013
+ .wy-table-reactions td:nth-child(2) {
1014
+ width: 100%;
1015
+ }
1016
+ .wy-table-reactions tr:last-child td {
1017
+ box-shadow: none;
1018
+ }
1019
+
1020
+ .wy-reactions-line {
1021
+ display: flex;
1022
+ align-items: center;
1023
+ /*> * {
1024
+ position: relative;
1025
+ }*/
1026
+ }
1027
+ .wy-reactions-line .wy-reactions {
1028
+ background: var(--wy-component-background-color);
1029
+ color: currentColor;
1030
+ border-radius: var(--wy-border-radius-pill);
1031
+ display: flex;
1032
+ width: auto;
1033
+ background-clip: content-box;
1034
+ }
1035
+ .wy-reactions-line .wy-reactions > .wy-emoji:first-child {
1036
+ margin-left: 0.125rem;
1037
+ }
1038
+ .wy-reactions-line .wy-reactions > .wy-emoji:last-child {
1039
+ margin-right: 0.125rem;
1040
+ }
1041
+ .wy-reactions-line .wy-reaction-menu-button {
1042
+ background: var(--wy-component-background-color);
1043
+ color: currentColor;
1044
+ border-radius: var(--wy-border-radius-pill);
1045
+ background-clip: content-box;
1046
+ }
1047
+
1048
+ .wy-comments {
1049
+ padding: 0 1rem 1rem;
1050
+ display: flex;
1051
+ flex-direction: column;
1052
+ gap: 1.25rem;
1053
+ }
1054
+
1055
+ .wy-comments-count {
1056
+ padding: 0 0.5rem;
1057
+ overflow: hidden;
1058
+ text-overflow: ellipsis;
1059
+ white-space: nowrap;
1060
+ }
1061
+
1062
+ .wy-comment {
1063
+ --wy-component-background-color: var(--wy-surface-3);
1064
+ --wy-component-color: var(--wy-on-surface);
1065
+ --wy-component-border-radius: var(--wy-border-radius);
1066
+ border-radius: var(--wy-component-border-radius);
1067
+ background-color: var(--wy-component-background-color);
1068
+ color: var(--wy-component-color);
1069
+ display: flex;
1070
+ flex-direction: column;
1071
+ gap: 0.25rem;
1072
+ padding: 0.25rem;
1073
+ position: relative;
1074
+ }
1075
+ .wy-comment .wy-item {
1076
+ padding-left: 0.75rem;
1077
+ padding-right: 0.75rem;
1078
+ }
1079
+ .wy-comment .wy-item > .wy-avatar, .wy-comment .wy-item > .wy-icon, .wy-comment .wy-item > .wy-icon-stack {
1080
+ margin-left: -0.25rem;
1081
+ }
1082
+ .wy-comment .wy-reactions-line {
1083
+ position: absolute;
1084
+ bottom: -1.125rem;
1085
+ right: 0.25rem;
1086
+ }
1087
+
1088
+ .wy-comment-body {
1089
+ flex: 1 0 auto;
1090
+ z-index: 1;
1091
+ }
1092
+ .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 {
1093
+ margin-bottom: 1rem;
1094
+ }
1095
+ .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 {
1096
+ margin-bottom: 0;
1097
+ }
1098
+
1099
+ .wy-comment-content {
1100
+ padding: 0 0.5rem 0.5rem;
1101
+ display: flex;
1102
+ flex-direction: column;
1103
+ }
1104
+
1105
+ .wy-comment-editor .wy-spinner {
1106
+ display: none;
1107
+ }
1108
+ .wy-comment-editor.wy-uploading .wy-spinner {
1109
+ display: block;
1110
+ }
1111
+ .wy-comment-editor.wy-uploading [data-icon=plus] {
1112
+ display: none;
1113
+ }
1114
+ .wy-comment-editor .wy-picker-list:not(:empty) {
1115
+ border-top: 1px solid var(--wy-outline-variant);
1116
+ }
1117
+
1118
+ .wy-comment-editor-bottom {
1119
+ position: sticky;
1120
+ bottom: 0;
1121
+ z-index: 999;
1122
+ background-color: var(--wy-component-background-color);
1123
+ color: var(--wy-component-color);
1124
+ }
1125
+
1126
+ .wy-comment-editor-dragging::after {
1127
+ content: "Drop files here to upload.";
1128
+ background-color: rgba(255, 255, 255, 0.5);
1129
+ display: flex;
1130
+ justify-content: center;
1131
+ align-items: center;
1132
+ border: 2px dashed var(--wy-primary);
1133
+ font-weight: 700;
1134
+ z-index: 10000;
1135
+ position: absolute;
1136
+ top: 0;
1137
+ left: 0;
1138
+ bottom: 0;
1139
+ right: 0;
1140
+ }
1141
+
1142
+ .wy-comment-editor-inputs {
1143
+ display: flex;
1144
+ flex-direction: row;
1145
+ align-items: flex-end;
1146
+ padding: 0.5rem 0.25rem;
1147
+ min-height: 3.5rem;
1148
+ }
1149
+ .wy-comment-editor-inputs > :not(:last-child) {
1150
+ margin-right: 0.25rem;
1151
+ }
1152
+
1153
+ .wy-comment-editor-buttons {
1154
+ flex: 1 0 auto;
1155
+ }
1156
+
1157
+ .wy-comment-editor-text {
1158
+ flex: 1 1 100%;
1159
+ display: flex;
1160
+ flex-direction: column;
1161
+ }
1162
+
1163
+ .wy-comment-editor-mention {
1164
+ background: blue;
1165
+ color: white;
1166
+ }
1167
+
1168
+ .wy-comment-editor-link {
1169
+ background: blue;
1170
+ color: white;
1171
+ }
1172
+
1173
+ .wy-comment-editor .ͼ1.cm-editor,
1174
+ .wy-comment-editor-grow::after,
1175
+ .wy-comment-editor-grow > textarea,
1176
+ .wy-comment-editor-textfield {
1177
+ flex: 1 1 100%;
1178
+ max-height: 11.25rem;
1179
+ background-color: var(--wy-background);
1180
+ color: var(--wy-on-background);
1181
+ border-radius: 1.25rem;
1182
+ border: var(--wy-input-border-width) solid var(--wy-outline-variant);
1183
+ }
1184
+ .wy-comment-editor .ͼ1.cm-editor:focus,
1185
+ .wy-comment-editor-grow:focus::after,
1186
+ .wy-comment-editor-grow > textarea:focus,
1187
+ .wy-comment-editor-textfield:focus {
1188
+ border-color: var(--wy-primary);
1189
+ }
1190
+
1191
+ .wy-comment-editor .ͼ1.cm-editor .cm-content,
1192
+ .wy-comment-editor-textcontent {
1193
+ font-family: var(--wy-font-family);
1194
+ font-size: var(--wy-font-size-base);
1195
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1196
+ }
1197
+
1198
+ .wy-comment-editor-grow {
1199
+ display: grid;
1200
+ }
1201
+ .wy-comment-editor-grow::after,
1202
+ .wy-comment-editor-grow > textarea {
1203
+ grid-area: 1/1/2/2;
1204
+ }
1205
+ .wy-comment-editor-grow::after {
1206
+ content: attr(data-replicated-value) " ";
1207
+ white-space: pre-wrap;
1208
+ visibility: hidden;
1209
+ }
1210
+ .wy-comment-editor-grow > textarea {
1211
+ resize: none;
1212
+ overflow: hidden;
1213
+ }
1214
+
1215
+ .wy-comment-editor {
1216
+ position: relative;
1217
+ }
1218
+ .wy-comment-editor .ͼ1 .cm-scroller {
1219
+ font-family: unset;
1220
+ line-height: 1.5;
1221
+ }
1222
+ .wy-comment-editor .ͼ1 .cm-widgetBuffer {
1223
+ vertical-align: unset;
1224
+ }
1225
+ .wy-comment-editor .ͼ1 .cm-placeholder {
1226
+ color: var(--wy-outline);
1227
+ }
1228
+ .wy-comment-editor .ͼ2 .cm-content {
1229
+ caret-color: var(--wy-on-background);
1230
+ }
1231
+ .wy-comment-editor .ͼ1.cm-editor.cm-focused {
1232
+ /* default theme in codemirror seems difficult to override */
1233
+ --wy-component-color: var(--wy-on-background);
1234
+ color: var(--wy-component-color);
1235
+ border-color: var(--wy-primary);
1236
+ outline: 0;
1237
+ }
1238
+ .wy-comment-editor .ͼ1.cm-editor .cm-scroller {
1239
+ overflow: auto;
1240
+ }
1241
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller {
1242
+ scrollbar-width: thin;
1243
+ scrollbar-color: var(--wy-outline) transparent;
1244
+ }
1245
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar {
1246
+ height: 0.625rem;
1247
+ width: 0.625rem;
1248
+ background: transparent;
1249
+ z-index: 999;
1250
+ }
1251
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-track {
1252
+ background: transparent;
1253
+ }
1254
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb {
1255
+ background-color: var(--wy-outline);
1256
+ border: 0.125rem solid transparent;
1257
+ border-radius: 0.5rem;
1258
+ background-clip: padding-box;
1259
+ opacity: 75%;
1260
+ }
1261
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:hover {
1262
+ background-color: var(--wy-outline-variant);
1263
+ opacity: 75%;
1264
+ }
1265
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:window-inactive {
1266
+ background-color: var(--wy-outline);
1267
+ opacity: 50%;
1268
+ }
1269
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:start:single-button {
1270
+ height: 0.375rem;
1271
+ }
1272
+ .wy-scrollbars .wy-comment-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:end:single-button {
1273
+ height: 0.375rem;
1274
+ }
1275
+ .wy-comment-editor .wy-is-invalid + .cm-editor, .wy-comment-editor .wy-is-invalid .cm-editor {
1276
+ border-color: var(--wy-error) !important;
1277
+ }
1278
+ .wy-comment-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul {
1279
+ font-family: unset;
1280
+ max-height: 15rem;
1281
+ }
1282
+ .wy-comment-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul > li {
1283
+ padding: 0;
1284
+ }
1285
+ .wy-comment-editor .ͼ2 .cm-tooltip {
1286
+ border: none;
1287
+ background-clip: padding-box;
1288
+ background-color: var(--wy-surface-2);
1289
+ color: var(--wy-on-surface);
1290
+ border-radius: var(--wy-border-radius);
1291
+ box-shadow: var(--wy-shadow-level1);
1292
+ overflow: hidden;
1293
+ z-index: 1000;
1294
+ }
1295
+ .wy-comment-editor .ͼ2 .cm-tooltip-autocomplete ul li[aria-selected] {
1296
+ background: var(--wy-primary-container);
1297
+ color: unset;
1298
+ }
1299
+ .wy-comment-editor .cm-tooltip-autocomplete .cm-completionLabel {
1300
+ display: none;
1301
+ }
1302
+ .wy-comment-editor .cm-tooltip-autocomplete .wy-item-hover:hover, .wy-comment-editor .cm-tooltip-autocomplete .wy-item-hover:focus {
1303
+ background: var(--wy-surface-variant);
1304
+ }
1305
+ .wy-comment-editor .cm-tooltip-autocomplete .wy-avatar {
1306
+ width: 32px;
1307
+ height: 32px;
1308
+ }
1309
+
1310
+ .wy-content {
1311
+ overflow-wrap: break-word;
1312
+ min-width: 0;
1313
+ }
1314
+ .wy-content :not(pre) > code {
1315
+ overflow-wrap: inherit;
1316
+ }
1317
+ .wy-content pre, .wy-content pre > code[class*=language-] {
1318
+ white-space: pre-wrap;
1319
+ }
1320
+ .wy-content :last-child {
1321
+ margin-bottom: 0;
1322
+ }
1323
+ .wy-content:empty {
1324
+ display: none;
1325
+ }
1326
+ :not(.wy-dark) .wy-content, .wy-content:not(.wy-dark) {
1327
+ /*pre[class*="language-"]::-moz-selection,
1328
+ pre[class*="language-"] ::-moz-selection,
1329
+ code[class*="language-"]::-moz-selection,
1330
+ code[class*="language-"] ::-moz-selection {
1331
+ text-shadow: none;
1332
+ background: #ffffff;
1333
+ }
1334
+
1335
+ pre[class*="language-"]::selection,
1336
+ pre[class*="language-"] ::selection,
1337
+ code[class*="language-"]::selection,
1338
+ code[class*="language-"] ::selection {
1339
+ text-shadow: none;
1340
+ background: #ffffff;
1341
+ }*/
1342
+ /* Code blocks */
1343
+ }
1344
+ :not(.wy-dark) .wy-content code[class*=language-],
1345
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) code[class*=language-],
1346
+ .wy-content:not(.wy-dark) pre[class*=language-] {
1347
+ color: #000000;
1348
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1349
+ text-align: left;
1350
+ white-space: pre-wrap;
1351
+ word-spacing: normal;
1352
+ word-break: normal;
1353
+ word-wrap: break-word;
1354
+ line-height: 1.5;
1355
+ -moz-tab-size: 4;
1356
+ -o-tab-size: 4;
1357
+ tab-size: 4;
1358
+ -webkit-hyphens: none;
1359
+ -moz-hyphens: none;
1360
+ -ms-hyphens: none;
1361
+ hyphens: none;
1362
+ }
1363
+ @media print {
1364
+ :not(.wy-dark) .wy-content code[class*=language-],
1365
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) code[class*=language-],
1366
+ .wy-content:not(.wy-dark) pre[class*=language-] {
1367
+ text-shadow: none;
1368
+ }
1369
+ }
1370
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) pre[class*=language-] {
1371
+ padding: 1em;
1372
+ margin: 0.5em 0;
1373
+ overflow: auto;
1374
+ }
1375
+ :not(.wy-dark) .wy-content :not(pre) > code[class*=language-],
1376
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-],
1377
+ .wy-content:not(.wy-dark) pre[class*=language-] {
1378
+ color: white;
1379
+ background: #ffffff;
1380
+ }
1381
+ :not(.wy-dark) .wy-content :not(pre) > code[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-] {
1382
+ padding: 0.1em;
1383
+ border-radius: 0.3em;
1384
+ white-space: normal;
1385
+ }
1386
+ :not(.wy-dark) .wy-content .token.comment, .wy-content:not(.wy-dark) .token.comment {
1387
+ color: #008000;
1388
+ }
1389
+ :not(.wy-dark) .wy-content .token.builtin, .wy-content:not(.wy-dark) .token.builtin {
1390
+ color: #0070C1;
1391
+ }
1392
+ :not(.wy-dark) .wy-content .token.number, .wy-content:not(.wy-dark) .token.number {
1393
+ color: #098658;
1394
+ }
1395
+ :not(.wy-dark) .wy-content .token.variable, .wy-content:not(.wy-dark) .token.variable {
1396
+ color: #098658;
1397
+ }
1398
+ :not(.wy-dark) .wy-content .token.inserted, .wy-content:not(.wy-dark) .token.inserted {
1399
+ color: #098658;
1400
+ }
1401
+ :not(.wy-dark) .wy-content .token.operator, .wy-content:not(.wy-dark) .token.operator {
1402
+ color: #000000;
1403
+ }
1404
+ :not(.wy-dark) .wy-content .token.constant, .wy-content:not(.wy-dark) .token.constant {
1405
+ color: #811F3F;
1406
+ }
1407
+ :not(.wy-dark) .wy-content .token.hexcode, .wy-content:not(.wy-dark) .token.hexcode {
1408
+ color: #811F3F;
1409
+ }
1410
+ :not(.wy-dark) .wy-content .token.regex, .wy-content:not(.wy-dark) .token.regex {
1411
+ color: #811F3F;
1412
+ }
1413
+ :not(.wy-dark) .wy-content .token.char, .wy-content:not(.wy-dark) .token.char {
1414
+ color: #811F3F;
1415
+ }
1416
+ :not(.wy-dark) .wy-content .token.tag, .wy-content:not(.wy-dark) .token.tag {
1417
+ color: #800000;
1418
+ }
1419
+ :not(.wy-dark) .wy-content .token.attr-name, .wy-content:not(.wy-dark) .token.attr-name {
1420
+ color: #FF0000;
1421
+ }
1422
+ :not(.wy-dark) .wy-content .token.selector, .wy-content:not(.wy-dark) .token.selector {
1423
+ color: #FF0000;
1424
+ }
1425
+ :not(.wy-dark) .wy-content .token.property, .wy-content:not(.wy-dark) .token.property {
1426
+ color: #FF0000;
1427
+ }
1428
+ :not(.wy-dark) .wy-content .token.deleted, .wy-content:not(.wy-dark) .token.deleted {
1429
+ color: #A31515;
1430
+ }
1431
+ :not(.wy-dark) .wy-content .token.string, .wy-content:not(.wy-dark) .token.string {
1432
+ color: #A31515;
1433
+ }
1434
+ :not(.wy-dark) .wy-content .token.changed, .wy-content:not(.wy-dark) .token.changed {
1435
+ color: #0451A5;
1436
+ }
1437
+ :not(.wy-dark) .wy-content .token.punctuation, .wy-content:not(.wy-dark) .token.punctuation {
1438
+ color: #0451A5;
1439
+ }
1440
+ :not(.wy-dark) .wy-content .token.function, .wy-content:not(.wy-dark) .token.function {
1441
+ color: #0000FF;
1442
+ }
1443
+ :not(.wy-dark) .wy-content .token.keyword, .wy-content:not(.wy-dark) .token.keyword {
1444
+ color: #0000FF;
1445
+ }
1446
+ :not(.wy-dark) .wy-content .token.class-name, .wy-content:not(.wy-dark) .token.class-name {
1447
+ color: #267F99;
1448
+ }
1449
+ :not(.wy-dark) .wy-content .token.important,
1450
+ :not(.wy-dark) .wy-content .token.bold, .wy-content:not(.wy-dark) .token.important,
1451
+ .wy-content:not(.wy-dark) .token.bold {
1452
+ font-weight: bold;
1453
+ }
1454
+ :not(.wy-dark) .wy-content .token.italic, .wy-content:not(.wy-dark) .token.italic {
1455
+ font-style: italic;
1456
+ }
1457
+ .wy-dark .wy-content, .wy-content.wy-dark {
1458
+ /*pre[class*="language-"]::-moz-selection,
1459
+ pre[class*="language-"] ::-moz-selection,
1460
+ code[class*="language-"]::-moz-selection,
1461
+ code[class*="language-"] ::-moz-selection {
1462
+ text-shadow: none;
1463
+ background: #1e1e1e;
1464
+ }
1465
+
1466
+ pre[class*="language-"]::selection,
1467
+ pre[class*="language-"] ::selection,
1468
+ code[class*="language-"]::selection,
1469
+ code[class*="language-"] ::selection {
1470
+ text-shadow: none;
1471
+ background: #1e1e1e;
1472
+ }*/
1473
+ /* Code blocks */
1474
+ }
1475
+ .wy-dark .wy-content code[class*=language-],
1476
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark code[class*=language-],
1477
+ .wy-content.wy-dark pre[class*=language-] {
1478
+ color: #d4d4d4;
1479
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1480
+ text-align: left;
1481
+ white-space: pre-wrap;
1482
+ word-spacing: normal;
1483
+ word-break: normal;
1484
+ word-wrap: break-word;
1485
+ line-height: 1.5;
1486
+ -moz-tab-size: 4;
1487
+ -o-tab-size: 4;
1488
+ tab-size: 4;
1489
+ -webkit-hyphens: none;
1490
+ -moz-hyphens: none;
1491
+ -ms-hyphens: none;
1492
+ hyphens: none;
1493
+ }
1494
+ @media print {
1495
+ .wy-dark .wy-content code[class*=language-],
1496
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark code[class*=language-],
1497
+ .wy-content.wy-dark pre[class*=language-] {
1498
+ text-shadow: none;
1499
+ }
1500
+ }
1501
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark pre[class*=language-] {
1502
+ padding: 1em;
1503
+ margin: 0.5em 0;
1504
+ overflow: auto;
1505
+ }
1506
+ .wy-dark .wy-content :not(pre) > code[class*=language-],
1507
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark :not(pre) > code[class*=language-],
1508
+ .wy-content.wy-dark pre[class*=language-] {
1509
+ color: white;
1510
+ background: #1e1e1e;
1511
+ }
1512
+ .wy-dark .wy-content :not(pre) > code[class*=language-], .wy-content.wy-dark :not(pre) > code[class*=language-] {
1513
+ padding: 0.1em;
1514
+ border-radius: 0.3em;
1515
+ white-space: normal;
1516
+ }
1517
+ .wy-dark .wy-content .token.prolog, .wy-content.wy-dark .token.prolog {
1518
+ color: #8080ff;
1519
+ }
1520
+ .wy-dark .wy-content .token.comment, .wy-content.wy-dark .token.comment {
1521
+ color: #6A9955;
1522
+ }
1523
+ .wy-dark .wy-content .token.punctuation, .wy-content.wy-dark .token.punctuation {
1524
+ color: #6A9955;
1525
+ }
1526
+ .wy-dark .wy-content .token.builtin, .wy-content.wy-dark .token.builtin {
1527
+ color: #4FC1FF;
1528
+ }
1529
+ .wy-dark .wy-content .token.number, .wy-content.wy-dark .token.number {
1530
+ color: #B5CEA8;
1531
+ }
1532
+ .wy-dark .wy-content .token.variable, .wy-content.wy-dark .token.variable {
1533
+ color: #B5CEA8;
1534
+ }
1535
+ .wy-dark .wy-content .token.inserted, .wy-content.wy-dark .token.inserted {
1536
+ color: #B5CEA8;
1537
+ }
1538
+ .wy-dark .wy-content .token.operator, .wy-content.wy-dark .token.operator {
1539
+ color: #D4D4D4;
1540
+ }
1541
+ .wy-dark .wy-content .token.constant, .wy-content.wy-dark .token.constant {
1542
+ color: #646695;
1543
+ }
1544
+ .wy-dark .wy-content .token.hexcode, .wy-content.wy-dark .token.hexcode {
1545
+ color: #646695;
1546
+ }
1547
+ .wy-dark .wy-content .token.tag, .wy-content.wy-dark .token.tag {
1548
+ color: #569CD6;
1549
+ }
1550
+ .wy-dark .wy-content .token.changed, .wy-content.wy-dark .token.changed {
1551
+ color: #569CD6;
1552
+ }
1553
+ .wy-dark .wy-content .token.function, .wy-content.wy-dark .token.function {
1554
+ color: #569CD6;
1555
+ }
1556
+ .wy-dark .wy-content .token.keyword, .wy-content.wy-dark .token.keyword {
1557
+ color: #569CD6;
1558
+ }
1559
+ .wy-dark .wy-content .token.attr-name, .wy-content.wy-dark .token.attr-name {
1560
+ color: #9CDCFE;
1561
+ }
1562
+ .wy-dark .wy-content .token.selector, .wy-content.wy-dark .token.selector {
1563
+ color: #9CDCFE;
1564
+ }
1565
+ .wy-dark .wy-content .token.property, .wy-content.wy-dark .token.property {
1566
+ color: #9CDCFE;
1567
+ }
1568
+ .wy-dark .wy-content .token.deleted, .wy-content.wy-dark .token.deleted {
1569
+ color: #CE9178;
1570
+ }
1571
+ .wy-dark .wy-content .token.string, .wy-content.wy-dark .token.string {
1572
+ color: #CE9178;
1573
+ }
1574
+ .wy-dark .wy-content .token.regex, .wy-content.wy-dark .token.regex {
1575
+ color: #D16969;
1576
+ }
1577
+ .wy-dark .wy-content .token.char, .wy-content.wy-dark .token.char {
1578
+ color: #D16969;
1579
+ }
1580
+ .wy-dark .wy-content .token.class-name, .wy-content.wy-dark .token.class-name {
1581
+ color: #4EC9B0;
1582
+ }
1583
+ .wy-dark .wy-content .token.important,
1584
+ .wy-dark .wy-content .token.bold, .wy-content.wy-dark .token.important,
1585
+ .wy-content.wy-dark .token.bold {
1586
+ font-weight: bold;
1587
+ }
1588
+ .wy-dark .wy-content .token.italic, .wy-content.wy-dark .token.italic {
1589
+ font-style: italic;
1590
+ }
1591
+
1592
+ .wy-hashtag {
1593
+ color: var(--wy-primary);
1594
+ }
1595
+
1596
+ .wy-mention {
1597
+ font-weight: 500;
1598
+ }
1599
+
1600
+ .wy-embed {
1601
+ display: flex;
1602
+ flex-direction: column;
1603
+ word-wrap: break-word;
1604
+ }
1605
+
1606
+ .wy-embed-photo a {
1607
+ display: flex;
1608
+ }
1609
+ .wy-embed-photo img {
1610
+ width: 100%;
1611
+ height: auto;
1612
+ }
1613
+
1614
+ .wy-embed-photo-sm a {
1615
+ padding: 0 1rem;
1616
+ }
1617
+ .wy-embed-photo-sm img {
1618
+ display: block;
1619
+ margin: 0 auto;
1620
+ width: auto;
1621
+ max-width: 100%;
1622
+ border-radius: var(--wy-border-radius-sm);
1623
+ }
1624
+
1625
+ .wy-embed-video {
1626
+ position: relative;
1627
+ display: block;
1628
+ width: 100%;
1629
+ padding: 0;
1630
+ overflow: hidden;
1631
+ }
1632
+ .wy-embed-video::before {
1633
+ display: block;
1634
+ content: "";
1635
+ padding-top: 56.25%;
1636
+ }
1637
+ .wy-embed-video iframe, .wy-embed-video embed, .wy-embed-video object, .wy-embed-video video {
1638
+ position: absolute;
1639
+ top: 0;
1640
+ bottom: 0;
1641
+ left: 0;
1642
+ width: 100%;
1643
+ height: 100%;
1644
+ border: 0;
1645
+ }
1646
+
1647
+ .wy-embed-caption {
1648
+ --wy-component-background-color: var(--wy-surface-3);
1649
+ --wy-component-color: var(--wy-on-surface);
1650
+ background-color: var(--wy-component-background-color);
1651
+ color: var(--wy-component-color);
1652
+ padding: 0.5rem 1rem 1rem;
1653
+ position: relative;
1654
+ }
1655
+
1656
+ .wy-embed-link {
1657
+ color: var(--wy-outline);
1658
+ text-transform: uppercase;
1659
+ font-size: var(--wy-font-size-sm);
1660
+ }
1661
+ .wy-embed-link::after {
1662
+ position: absolute;
1663
+ top: 0;
1664
+ right: 0;
1665
+ bottom: 0;
1666
+ left: 0;
1667
+ z-index: 1;
1668
+ content: "";
1669
+ }
1670
+
1671
+ .wy-embed-title {
1672
+ font-weight: var(--wy-headings-font-weight);
1673
+ margin-bottom: 0.5rem;
1674
+ }
1675
+
1676
+ .wy-embed-description {
1677
+ color: var(--wy-outline);
1678
+ }
1679
+
1680
+ .wy-embed-preview a[target=_blank] {
1681
+ pointer-events: none;
1682
+ }
1683
+ .wy-embed-preview .wy-embed {
1684
+ display: none;
1685
+ margin: 0.75rem;
1686
+ border: 1px solid var(--wy-outline-variant);
1687
+ border-radius: var(--wy-border-radius);
1688
+ }
1689
+ .wy-embed-preview .wy-embed:first-child {
1690
+ display: block;
1691
+ }
1692
+ .wy-embed-preview .wy-embed-caption {
1693
+ border-bottom-left-radius: var(--wy-border-radius);
1694
+ border-bottom-right-radius: var(--wy-border-radius);
1695
+ }
1696
+ .wy-embed-preview .wy-embed-actions {
1697
+ display: flex;
1698
+ }
1699
+
1700
+ .wy-embed-actions {
1701
+ display: none;
1702
+ justify-content: space-between;
1703
+ padding: 0.5rem 0.25rem;
1704
+ }
1705
+
1706
+ .wy-embed-cycle {
1707
+ visibility: hidden;
1708
+ }
1709
+ .wy-embed-show-cycle .wy-embed-cycle {
1710
+ visibility: visible;
1711
+ }
1712
+
1713
+ .wy-emoji {
1714
+ width: 1.25rem;
1715
+ height: 1.25rem;
1716
+ vertical-align: -0.25rem;
1717
+ }
1718
+
1719
+ .wy-facepile {
1720
+ display: flex;
1721
+ align-items: center;
1722
+ flex: 0 0 auto;
1723
+ flex-direction: row-reverse;
1724
+ }
1725
+ .wy-facepile .wy-avatar {
1726
+ margin-left: -0.25rem;
1727
+ display: inline-flex;
1728
+ }
1729
+
1730
+ .wy-icon {
1731
+ display: inline-flex;
1732
+ align-items: center;
1733
+ justify-content: center;
1734
+ flex: 0 0 auto;
1735
+ position: relative;
1736
+ }
1737
+ .wy-icon:not([width]) {
1738
+ width: 1.5rem;
1739
+ }
1740
+ .wy-icon:not([height]) {
1741
+ height: 1.5rem;
1742
+ }
1743
+
1744
+ .wy-icon-overlay {
1745
+ position: absolute;
1746
+ bottom: 0;
1747
+ right: 0;
1748
+ background: var(--wy-component-background-color, var(--wy-background));
1749
+ border-radius: 50%;
1750
+ border: 1px solid var(--wy-component-background-color, var(--wy-background));
1751
+ }
1752
+
1753
+ .wy-icon-stack {
1754
+ display: inline-flex;
1755
+ position: relative;
1756
+ line-height: 1;
1757
+ }
1758
+ .wy-icon-stack .wy-icon:last-child {
1759
+ position: absolute;
1760
+ bottom: 0;
1761
+ right: 0;
1762
+ background-color: var(--wy-component-background-color, var(--wy-background));
1763
+ border-radius: 50%;
1764
+ }
1765
+
1766
+ .wy-icon-active-stack {
1767
+ display: inline-flex;
1768
+ position: relative;
1769
+ line-height: 1;
1770
+ }
1771
+ .wy-icon-active-stack > * {
1772
+ transition: opacity var(--wy-transition);
1773
+ align-self: center;
1774
+ justify-self: center;
1775
+ margin: auto;
1776
+ }
1777
+ .wy-icon-active-stack > :last-child {
1778
+ position: absolute;
1779
+ opacity: 0;
1780
+ }
1781
+ .wy-icon-active-stack.wy-active > :first-child, .wy-active .wy-icon-active-stack > :first-child {
1782
+ opacity: 0;
1783
+ }
1784
+ .wy-icon-active-stack.wy-active > :last-child, .wy-active .wy-icon-active-stack > :last-child {
1785
+ opacity: 1;
1786
+ }
1787
+
1788
+ .wy-icon:not([class*=wy-icon-]):not([class*=wy-kind-]):not([data-icon=progress]) * {
1789
+ fill: currentColor;
1790
+ }
1791
+
1792
+ .wy-content-icon {
1793
+ border-radius: var(--wy-component-border-radius, var(--wy-border-radius-lg));
1794
+ display: flex;
1795
+ align-items: center;
1796
+ justify-content: center;
1797
+ flex-direction: column;
1798
+ text-align: center;
1799
+ padding: 1rem 2rem;
1800
+ margin: auto;
1801
+ }
1802
+ .wy-content-icon > .wy-icon-stack, .wy-content-icon > .wy-icon {
1803
+ width: 4rem;
1804
+ height: 4rem;
1805
+ }
1806
+
1807
+ .wy-icon-primary * {
1808
+ fill: var(--wy-primary);
1809
+ }
1810
+
1811
+ .wy-icon-error * {
1812
+ fill: var(--wy-error);
1813
+ }
1814
+
1815
+ .wy-icon-blue * {
1816
+ fill: var(--wy-blue);
1817
+ }
1818
+
1819
+ .wy-icon-indigo * {
1820
+ fill: var(--wy-indigo);
1821
+ }
1822
+
1823
+ .wy-icon-purple * {
1824
+ fill: var(--wy-purple);
1825
+ }
1826
+
1827
+ .wy-icon-pink * {
1828
+ fill: var(--wy-pink);
1829
+ }
1830
+
1831
+ .wy-icon-red * {
1832
+ fill: var(--wy-red);
1833
+ }
1834
+
1835
+ .wy-icon-orange * {
1836
+ fill: var(--wy-orange);
1837
+ }
1838
+
1839
+ .wy-icon-yellow * {
1840
+ fill: var(--wy-yellow);
1841
+ }
1842
+
1843
+ .wy-icon-green * {
1844
+ fill: var(--wy-green);
1845
+ }
1846
+
1847
+ .wy-icon-teal * {
1848
+ fill: var(--wy-teal);
1849
+ }
1850
+
1851
+ .wy-icon-cyan * {
1852
+ fill: var(--wy-cyan);
1853
+ }
1854
+
1855
+ .wy-icon-gray * {
1856
+ fill: var(--wy-gray);
1857
+ }
1858
+
1859
+ [class*=wy-kind-] * {
1860
+ fill: var(--wy-gray);
1861
+ }
1862
+
1863
+ .wy-kind-archive * {
1864
+ fill: var(--wy-orange);
1865
+ }
1866
+
1867
+ .wy-kind-audio * {
1868
+ fill: var(--wy-teal);
1869
+ }
1870
+
1871
+ .wy-kind-code * {
1872
+ fill: var(--wy-green);
1873
+ }
1874
+
1875
+ .wy-kind-document * {
1876
+ fill: var(--wy-blue);
1877
+ }
1878
+
1879
+ .wy-kind-email * {
1880
+ fill: var(--wy-red);
1881
+ }
1882
+
1883
+ .wy-kind-presentation * {
1884
+ fill: var(--wy-orange);
1885
+ }
1886
+
1887
+ .wy-kind-spreadsheet * {
1888
+ fill: var(--wy-green);
1889
+ }
1890
+
1891
+ .wy-kind-image * {
1892
+ fill: var(--wy-pink);
1893
+ }
1894
+
1895
+ .wy-kind-text * {
1896
+ fill: var(--wy-cyan);
1897
+ }
1898
+
1899
+ .wy-kind-video * {
1900
+ fill: var(--wy-purple);
1901
+ }
1902
+
1903
+ .wy-ext-pdf * {
1904
+ fill: var(--wy-red);
1905
+ }
1906
+
1907
+ [data-icon=progress].wy-icon-primary {
1908
+ color: var(--wy-primary);
1909
+ }
1910
+ [data-icon=progress] :first-child {
1911
+ fill: none;
1912
+ stroke: var(--wy-surface-variant);
1913
+ }
1914
+ [data-icon=progress] :last-child {
1915
+ fill: none;
1916
+ stroke: currentColor;
1917
+ }
1918
+
1919
+ .wy-input {
1920
+ --wy-component-background-color: var(--wy-background);
1921
+ --wy-component-color: var(--wy-on-background);
1922
+ background-color: var(--wy-component-background-color);
1923
+ color: var(--wy-component-color);
1924
+ border: var(--wy-input-border-width) solid var(--wy-outline-variant);
1925
+ display: block;
1926
+ width: 100%;
1927
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1928
+ font-family: var(--wy-font-family);
1929
+ font-size: var(--wy-input-font-size);
1930
+ font-weight: var(--wy-input-font-weight);
1931
+ line-height: var(--wy-input-line-height);
1932
+ background-clip: padding-box;
1933
+ appearance: none;
1934
+ border-radius: var(--wy-input-border-radius);
1935
+ }
1936
+ .wy-input:focus {
1937
+ --wy-component-color: var(--wy-on-surface);
1938
+ color: var(--wy-component-color);
1939
+ border-color: var(--wy-primary);
1940
+ outline: 0;
1941
+ }
1942
+ .wy-input::placeholder {
1943
+ color: var(--wy-outline);
1944
+ opacity: 1;
1945
+ }
1946
+ .wy-input:disabled {
1947
+ opacity: 38%;
1948
+ }
1949
+ .wy-input::file-selector-button, .wy-input::-webkit-file-upload-button {
1950
+ color: var(--wy-component-color);
1951
+ background-color: var(--wy-component-background-color);
1952
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1953
+ margin: calc(-1 * var(--wy-input-padding-y)) calc(-1 * var(--wy-input-padding-x));
1954
+ margin-inline-end: var(--wy-input-padding-x);
1955
+ pointer-events: none;
1956
+ border-color: inherit;
1957
+ border-style: solid;
1958
+ border-width: 0;
1959
+ border-inline-end-width: var(--wy-input-border-width);
1960
+ border-radius: 0;
1961
+ }
1962
+ .wy-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-input:hover:not(:disabled):not([readonly]) ::-webkit-file-upload-button {
1963
+ background-color: var(--wy-component-background-color);
1964
+ }
1965
+ .wy-input[type=file] {
1966
+ overflow: hidden;
1967
+ }
1968
+ .wy-input[type=file]:not(:disabled):not([readonly]) {
1969
+ cursor: pointer;
1970
+ }
1971
+ .wy-input::-webkit-date-and-time-value {
1972
+ height: calc(var(--wy-input-line-height) * 1em);
1973
+ }
1974
+ .wy-input[type=search]::-webkit-search-cancel-button {
1975
+ -webkit-appearance: none;
1976
+ }
1977
+
1978
+ .wy-input-filled {
1979
+ --wy-component-background-color: var(--wy-surface-2);
1980
+ --wy-component-color: var(--wy-on-surface);
1981
+ background-color: var(--wy-component-background-color);
1982
+ color: var(--wy-component-color);
1983
+ border-radius: 1.25rem;
1984
+ border-color: var(--wy-component-background-color);
1985
+ }
1986
+ .wy-input-filled:focus {
1987
+ border-color: var(--wy-outline-variant);
1988
+ }
1989
+
1990
+ .wy-input-label {
1991
+ display: block;
1992
+ margin-bottom: 0.5rem;
1993
+ }
1994
+
1995
+ .wy-description {
1996
+ margin-top: 0.25rem;
1997
+ font-size: var(--wy-font-size-sm);
1998
+ }
1999
+
2000
+ .wy-is-invalid, .wy-is-invalid:focus {
2001
+ border-color: var(--wy-error);
2002
+ }
2003
+
2004
+ .wy-invalid-feedback {
2005
+ margin-top: 0.25rem;
2006
+ font-size: var(--wy-font-size-sm);
2007
+ color: var(--wy-error);
2008
+ }
2009
+
2010
+ .wy-input-group {
2011
+ position: relative;
2012
+ }
2013
+ .wy-input-group > .wy-icon {
2014
+ position: absolute;
2015
+ top: 0rem;
2016
+ left: 0rem;
2017
+ z-index: 4;
2018
+ }
2019
+ .wy-input-group > .wy-icon + .wy-input {
2020
+ padding-left: 2.5rem;
2021
+ }
2022
+ .wy-input-group .wy-button-icon {
2023
+ position: absolute;
2024
+ top: 0rem;
2025
+ right: 0rem;
2026
+ z-index: 4;
2027
+ border-radius: var(--wy-input-border-radius);
2028
+ background: transparent;
2029
+ }
2030
+ .wy-input-group .wy-input-filled ~ .wy-button-icon {
2031
+ border-radius: 1.25rem;
2032
+ }
2033
+ .wy-input-group .wy-input {
2034
+ padding-right: 2.5rem;
2035
+ }
2036
+ .wy-input-group .wy-input:placeholder-shown ~ .wy-button-icon[type=reset] {
2037
+ display: none;
2038
+ }
2039
+ .wy-input-group .wy-input:not(:placeholder-shown) ~ .wy-button-icon[type=reset] + .wy-button-icon {
2040
+ display: none;
2041
+ }
2042
+
2043
+ .wy-image-grid {
2044
+ display: flex;
2045
+ flex-wrap: wrap;
2046
+ justify-content: space-evenly;
2047
+ position: relative;
2048
+ border-radius: var(--wy-border-radius);
2049
+ overflow: hidden;
2050
+ column-gap: 1px;
2051
+ row-gap: 1px;
2052
+ }
2053
+ .wy-image-grid .wy-image {
2054
+ padding: 0;
2055
+ width: 50%;
2056
+ position: relative;
2057
+ flex: auto;
2058
+ background-color: inherit;
2059
+ background-clip: content-box;
2060
+ }
2061
+ .wy-image-grid .wy-image:first-of-type:not(:nth-last-of-type(2)) {
2062
+ flex-basis: 100% !important;
2063
+ }
2064
+ .wy-image-grid .wy-image-area {
2065
+ display: block;
2066
+ height: 100%;
2067
+ cursor: pointer;
2068
+ }
2069
+ .wy-image-grid .wy-image-area img {
2070
+ position: absolute;
2071
+ height: 100%;
2072
+ width: 100%;
2073
+ object-fit: contain;
2074
+ }
2075
+ .wy-image-grid .wy-more {
2076
+ position: absolute;
2077
+ line-height: 100%;
2078
+ color: #ffffff;
2079
+ top: 0;
2080
+ left: 0;
2081
+ bottom: 0;
2082
+ right: 0;
2083
+ display: flex;
2084
+ align-items: center;
2085
+ justify-content: center;
2086
+ font-size: 1.5rem;
2087
+ background: rgba(0, 0, 0, var(--wy-opacity-disabled));
2088
+ }
2089
+
2090
+ .wy-item {
2091
+ position: relative;
2092
+ display: flex;
2093
+ align-items: center;
2094
+ gap: 0.5rem;
2095
+ padding: 0.25rem 0.75rem;
2096
+ text-decoration: none;
2097
+ min-height: 3rem;
2098
+ }
2099
+ .wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon[data-icon=spinner], .wy-item > .wy-icon-stack {
2100
+ margin-left: -0.25rem;
2101
+ }
2102
+
2103
+ .wy-item-body {
2104
+ width: 100%;
2105
+ overflow: hidden;
2106
+ text-overflow: ellipsis;
2107
+ white-space: nowrap;
2108
+ }
2109
+ .wy-item-body > * {
2110
+ overflow: hidden;
2111
+ text-overflow: ellipsis;
2112
+ white-space: nowrap;
2113
+ }
2114
+ .wy-item-body + .wy-dropdown, .wy-item-body + .wy-button-icon, .wy-item-body + .wy-item-actions {
2115
+ margin-right: -0.5rem;
2116
+ }
2117
+ .wy-item-body + .wy-emoji {
2118
+ margin-right: 0.125rem;
2119
+ }
2120
+ .wy-item-body > .wy-icon[data-icon=shield-star] {
2121
+ vertical-align: -0.125rem;
2122
+ }
2123
+
2124
+ .wy-item-title {
2125
+ color: var(--wy-on-background);
2126
+ font-weight: var(--wy-headings-font-weight);
2127
+ overflow: hidden;
2128
+ text-overflow: ellipsis;
2129
+ white-space: nowrap;
2130
+ }
2131
+
2132
+ .wy-item-text {
2133
+ color: var(--wy-outline);
2134
+ overflow: hidden;
2135
+ text-overflow: ellipsis;
2136
+ white-space: nowrap;
2137
+ font-size: var(--wy-font-size-sm);
2138
+ }
2139
+ .wy-item-text .wy-emoji, .wy-item-text .wy-icon {
2140
+ width: 1.25rem;
2141
+ height: 1.25rem;
2142
+ vertical-align: -0.3125rem;
2143
+ }
2144
+
2145
+ .wy-item-actions {
2146
+ --wy-component-background-color: transparent;
2147
+ display: flex;
2148
+ align-items: center;
2149
+ flex: 0 0 auto;
2150
+ }
2151
+
2152
+ .wy-item-actions-top {
2153
+ position: absolute;
2154
+ top: 0.25rem;
2155
+ right: 0.25rem;
2156
+ margin: 0 !important;
2157
+ }
2158
+
2159
+ .wy-item-actions-bottom {
2160
+ position: absolute;
2161
+ bottom: 0.25rem;
2162
+ right: 0.25rem;
2163
+ margin: 0 !important;
2164
+ }
2165
+
2166
+ .wy-item-body:has(+ .wy-item-actions-bottom) .wy-item-row:last-child {
2167
+ margin-right: 4.5rem;
2168
+ }
2169
+
2170
+ .wy-item-body:has(+ .wy-item-actions-top) .wy-item-row:first-child {
2171
+ margin-right: 2rem;
2172
+ }
2173
+
2174
+ .wy-action-label {
2175
+ margin-right: 0.5rem;
2176
+ font-style: italic;
2177
+ }
2178
+
2179
+ .wy-item-row {
2180
+ display: flex;
2181
+ align-items: center;
2182
+ }
2183
+ .wy-item-row:first-child {
2184
+ margin-bottom: 0.125rem;
2185
+ }
2186
+ .wy-item-row .wy-item-title {
2187
+ margin-right: auto;
2188
+ }
2189
+ .wy-item-row .wy-item-text {
2190
+ margin-right: auto;
2191
+ }
2192
+ .wy-item-row .wy-meta {
2193
+ margin: 0 0.25rem;
2194
+ white-space: nowrap;
2195
+ }
2196
+
2197
+ .wy-item-hover {
2198
+ user-select: none;
2199
+ cursor: pointer;
2200
+ }
2201
+ .wy-item-hover:hover, .wy-item-hover:focus {
2202
+ --wy-component-background-color: var(--wy-surface-2);
2203
+ --wy-component-color: var(--wy-on-surface);
2204
+ background-color: var(--wy-component-background-color);
2205
+ color: var(--wy-component-color);
2206
+ text-decoration: none;
2207
+ }
2208
+ .wy-item-hover:active {
2209
+ --wy-component-background-color: var(--wy-surface-variant);
2210
+ --wy-component-color: var(--wy-on-surface-variant);
2211
+ background-color: var(--wy-component-background-color);
2212
+ color: var(--wy-component-color);
2213
+ }
2214
+ .wy-item-hover.wy-disabled, .wy-item-hover:disabled {
2215
+ opacity: var(--wy-opacity-disabled);
2216
+ pointer-events: none;
2217
+ }
2218
+ .wy-item-hover.wy-active {
2219
+ --wy-component-background-color: var(--wy-primary-container);
2220
+ --wy-component-color: var(--wy-on-primary-container);
2221
+ background-color: var(--wy-component-background-color);
2222
+ color: var(--wy-component-color);
2223
+ border-color: var(--wy-component-background-color);
2224
+ }
2225
+
2226
+ .wy-item-trashed {
2227
+ text-decoration: line-through;
2228
+ opacity: var(--wy-opacity-disabled);
2229
+ }
2230
+ .wy-item-trashed.wy-item-hover:hover {
2231
+ opacity: 1;
2232
+ }
2233
+
2234
+ .wy-item-lg {
2235
+ padding: 0.75rem;
2236
+ min-height: 4.5rem;
2237
+ gap: 0.75rem;
2238
+ }
2239
+ .wy-item-lg > .wy-avatar, .wy-item-lg > .wy-icon, .wy-item-lg > .wy-icon-stack {
2240
+ margin-left: 0;
2241
+ }
2242
+
2243
+ .wy-list {
2244
+ border-radius: var(--wy-border-radius-sm);
2245
+ display: flex;
2246
+ flex-direction: column;
2247
+ gap: 1px;
2248
+ min-width: 0;
2249
+ }
2250
+ .wy-list .wy-item:not(.wy-item-hover) {
2251
+ --wy-component-background-color: var(--wy-background);
2252
+ --wy-component-color: var(--wy-on-background);
2253
+ background-color: var(--wy-component-background-color);
2254
+ color: var(--wy-component-color);
2255
+ }
2256
+ .wy-list .wy-item:first-child {
2257
+ border-top-left-radius: inherit;
2258
+ border-top-right-radius: inherit;
2259
+ }
2260
+ .wy-list .wy-item:last-child {
2261
+ border-bottom-left-radius: inherit;
2262
+ border-bottom-right-radius: inherit;
2263
+ }
2264
+
2265
+ .wy-list-bordered {
2266
+ border: 1px solid var(--wy-outline-variant);
2267
+ gap: 0;
2268
+ }
2269
+ .wy-list-bordered .wy-item {
2270
+ border-top: 1px solid var(--wy-outline-variant);
2271
+ border-left: none;
2272
+ border-right: none;
2273
+ }
2274
+ .wy-list-bordered .wy-item:first-child {
2275
+ border-top: none;
2276
+ }
2277
+ .wy-list-bordered .wy-item:last-child {
2278
+ border-bottom: none;
2279
+ }
2280
+ .wy-list-bordered .wy-item + .wy-list-bordered .wy-item {
2281
+ border-top-width: 0;
2282
+ }
2283
+
2284
+ .wy-meta {
2285
+ color: var(--wy-outline);
2286
+ font-size: var(--wy-font-size-sm);
2287
+ }
2288
+
2289
+ .wy-meta-sm {
2290
+ font-size: var(--wy-font-size-xs);
2291
+ }
2292
+
2293
+ tr.wy-pager {
2294
+ pointer-events: none;
2295
+ }
2296
+
2297
+ :not(tr).wy-pager {
2298
+ display: block;
2299
+ text-align: center;
2300
+ margin: 1rem auto;
2301
+ }
2302
+
2303
+ tr.wy-pager td {
2304
+ text-align: center;
2305
+ border: 0;
2306
+ }
2307
+ tr.wy-pager td .wy-spinner {
2308
+ display: inline;
2309
+ margin: 1rem auto;
2310
+ }
2311
+
2312
+ .wy-grid .wy-pager {
2313
+ display: flex;
2314
+ }
2315
+
2316
+ .wy-picker-list {
2317
+ background: var(--wy-component-background-color);
2318
+ color: var(--wy-component-color);
2319
+ border: none;
2320
+ }
2321
+ .wy-picker-list > .wy-picker-list-item:first-child, .wy-picker-list > :first-child .wy-picker-list-item {
2322
+ border-top: none;
2323
+ }
2324
+ .wy-picker-list > .wy-picker-list-item:last-child, .wy-picker-list > :last-child .wy-picker-list-item {
2325
+ border-bottom: none;
2326
+ }
2327
+
2328
+ .wy-picker-list-item {
2329
+ display: flex;
2330
+ align-items: center;
2331
+ padding: 0.25rem 0.5rem;
2332
+ }
2333
+ .wy-picker-list-item > .wy-icon {
2334
+ margin-left: 0.25rem;
2335
+ margin-right: 0.25rem;
2336
+ flex: 0 0 auto;
2337
+ }
2338
+ .wy-picker-list-item > button {
2339
+ margin-block-start: auto;
2340
+ flex: 0 0 auto;
2341
+ }
2342
+
2343
+ .wy-picker-list-item-title {
2344
+ flex-grow: 1;
2345
+ overflow: hidden;
2346
+ text-overflow: ellipsis;
2347
+ white-space: nowrap;
2348
+ }
2349
+
2350
+ .wy-placeholder {
2351
+ cursor: wait;
2352
+ color: var(--wy-outline);
2353
+ background-color: var(--wy-outline);
2354
+ opacity: 0.5;
2355
+ animation: wy-placeholder-glow 2s ease-in-out infinite;
2356
+ }
2357
+
2358
+ @keyframes wy-placeholder-glow {
2359
+ 50% {
2360
+ opacity: 0.2;
2361
+ }
2362
+ }
2363
+ .wy-poll {
2364
+ flex: 1 1 100%;
2365
+ min-width: 0;
2366
+ }
2367
+
2368
+ .wy-poll-form {
2369
+ background: var(--wy-component-background-color);
2370
+ color: var(--wy-component-color);
2371
+ padding: 0.5rem;
2372
+ }
2373
+ .wy-poll-form:empty {
2374
+ display: none;
2375
+ }
2376
+ .wy-poll-form input:not(:first-child) {
2377
+ margin-top: 0.5rem;
2378
+ }
2379
+
2380
+ .wy-poll-option {
2381
+ position: relative;
2382
+ background-color: var(--wy-background);
2383
+ border: 1px solid var(--wy-outline-variant);
2384
+ border-radius: var(--wy-border-radius-sm);
2385
+ margin-bottom: 0.25rem;
2386
+ padding: 0.25rem 1rem;
2387
+ min-height: 2.5rem;
2388
+ cursor: pointer;
2389
+ }
2390
+ .wy-poll-option .wy-progress {
2391
+ position: absolute;
2392
+ top: 0;
2393
+ left: 0;
2394
+ bottom: 0;
2395
+ background-color: var(--wy-primary-container);
2396
+ }
2397
+ .wy-poll-option > :not(.wy-progress) {
2398
+ z-index: 1;
2399
+ }
2400
+ .wy-poll-option .wy-facepile {
2401
+ margin-right: -0.5rem;
2402
+ }
2403
+
2404
+ .wy-post {
2405
+ --wy-component-background-color: var(--wy-surface-1);
2406
+ --wy-component-color: var(--wy-on-surface);
2407
+ background-color: var(--wy-component-background-color);
2408
+ color: var(--wy-component-color);
2409
+ display: flex;
2410
+ flex-direction: column;
2411
+ position: relative;
2412
+ margin: 1rem 0.75rem;
2413
+ --wy-component-border-radius: var(--wy-border-radius);
2414
+ border-radius: var(--wy-component-border-radius);
2415
+ }
2416
+ .wy-post .wy-image-grid {
2417
+ border-radius: 0;
2418
+ margin-bottom: 1rem;
2419
+ }
2420
+ .wy-post .wy-embed {
2421
+ margin-bottom: 1rem;
2422
+ }
2423
+ .wy-post .wy-comments {
2424
+ margin: 0.5rem 0.75rem;
2425
+ border-top: 1px solid var(--wy-outline-variant);
2426
+ padding: 0.75rem 0 0;
2427
+ }
2428
+
2429
+ .wy-post-body {
2430
+ padding: 0 1rem;
2431
+ }
2432
+ .wy-post-body:empty {
2433
+ display: none;
2434
+ }
2435
+ .wy-post-body .wy-content, .wy-post-body .wy-list, .wy-post-body .wy-poll {
2436
+ margin-bottom: 1rem;
2437
+ }
2438
+
2439
+ .wy-post-footer {
2440
+ display: flex;
2441
+ align-items: center;
2442
+ justify-content: space-between;
2443
+ margin: 0 0.5rem 0.5rem;
2444
+ }
2445
+
2446
+ .wy-post-dragging::after {
2447
+ content: "Drop files here to upload.";
2448
+ background-color: rgba(255, 255, 255, 0.5);
2449
+ display: flex;
2450
+ justify-content: center;
2451
+ align-items: center;
2452
+ border: 2px dashed var(--wy-primary);
2453
+ font-weight: 700;
2454
+ z-index: 10000;
2455
+ position: absolute;
2456
+ top: 0;
2457
+ left: 0;
2458
+ bottom: 0;
2459
+ right: 0;
2460
+ }
2461
+
2462
+ .wy-post-editor {
2463
+ padding: 0.75rem;
2464
+ }
2465
+ .wy-post-editor.wy-uploading .wy-icon-active-stack > :first-child {
2466
+ opacity: 0;
2467
+ }
2468
+ .wy-post-editor.wy-uploading .wy-icon-active-stack > :last-child {
2469
+ opacity: 1;
2470
+ }
2471
+ .wy-post-editor .wy-picker-list:not(:empty) {
2472
+ margin-top: 0.75rem;
2473
+ border-top: 1px solid var(--wy-outline-variant);
2474
+ }
2475
+
2476
+ .wy-post-editor-dragging::after {
2477
+ content: "Drop files here to upload.";
2478
+ background-color: rgba(255, 255, 255, 0.5);
2479
+ display: flex;
2480
+ justify-content: center;
2481
+ align-items: center;
2482
+ border: 2px dashed var(--wy-primary);
2483
+ font-weight: 700;
2484
+ z-index: 10000;
2485
+ position: absolute;
2486
+ top: 0;
2487
+ left: 0;
2488
+ bottom: 0;
2489
+ right: 0;
2490
+ }
2491
+
2492
+ .wy-post-editor-inputs {
2493
+ display: flex;
2494
+ flex-direction: row;
2495
+ align-items: flex-end;
2496
+ min-height: 3.5rem;
2497
+ flex-wrap: wrap;
2498
+ }
2499
+ .wy-post-editor-inputs > :not(:last-child) {
2500
+ margin-right: 0.25rem;
2501
+ }
2502
+ .wy-post-editor-inputs > :last-child {
2503
+ margin-left: auto;
2504
+ }
2505
+
2506
+ .wy-post-editor-buttons {
2507
+ flex: 1 0 auto;
2508
+ }
2509
+
2510
+ .wy-post-editor-text {
2511
+ flex: 1 1 100%;
2512
+ display: flex;
2513
+ flex-direction: column;
2514
+ }
2515
+
2516
+ .wy-post-editor-mention {
2517
+ background: blue;
2518
+ color: white;
2519
+ }
2520
+
2521
+ .wy-post-editor-link {
2522
+ background: blue;
2523
+ color: white;
2524
+ }
2525
+
2526
+ .wy-post-editor .ͼ1.cm-editor,
2527
+ .wy-post-editor-grow::after,
2528
+ .wy-post-editor-grow > textarea,
2529
+ .wy-post-editor-textfield {
2530
+ flex: 1 1 100%;
2531
+ max-height: 11.25rem;
2532
+ min-height: 4rem;
2533
+ background-color: var(--wy-background);
2534
+ color: var(--wy-on-background);
2535
+ border-radius: var(--wy-border-radius);
2536
+ border: var(--wy-input-border-width) solid var(--wy-outline-variant);
2537
+ caret-color: var(--wy-primary);
2538
+ }
2539
+ .wy-post-editor .ͼ1.cm-editor:focus,
2540
+ .wy-post-editor-grow:focus::after,
2541
+ .wy-post-editor-grow > textarea:focus,
2542
+ .wy-post-editor-textfield:focus {
2543
+ border-color: var(--wy-primary);
2544
+ }
2545
+
2546
+ .wy-post-editor .ͼ1.cm-editor .cm-content,
2547
+ .wy-post-editor-textcontent {
2548
+ font-family: var(--wy-font-family);
2549
+ font-size: var(--wy-font-size-base);
2550
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
2551
+ }
2552
+
2553
+ .wy-post-editor-grow {
2554
+ display: grid;
2555
+ }
2556
+ .wy-post-editor-grow::after,
2557
+ .wy-post-editor-grow > textarea {
2558
+ grid-area: 1/1/2/2;
2559
+ }
2560
+ .wy-post-editor-grow::after {
2561
+ content: attr(data-replicated-value) " ";
2562
+ white-space: pre-wrap;
2563
+ visibility: hidden;
2564
+ }
2565
+ .wy-post-editor-grow > textarea {
2566
+ resize: none;
2567
+ overflow: hidden;
2568
+ }
2569
+
2570
+ .wy-post-editor .ͼ1 .cm-scroller {
2571
+ font-family: unset;
2572
+ line-height: 1.5;
2573
+ }
2574
+ .wy-post-editor .ͼ1 .cm-widgetBuffer {
2575
+ vertical-align: unset;
2576
+ }
2577
+ .wy-post-editor .ͼ1 .cm-placeholder {
2578
+ color: var(--wy-outline);
2579
+ }
2580
+ .wy-post-editor .ͼ2 .cm-content {
2581
+ caret-color: var(--wy-on-background);
2582
+ }
2583
+ .wy-post-editor .ͼ1.cm-editor.cm-focused {
2584
+ /* default theme in codemirror seems difficult to override */
2585
+ --wy-component-color: var(--wy-on-background);
2586
+ color: var(--wy-component-color);
2587
+ border-color: var(--wy-primary);
2588
+ outline: 0;
2589
+ }
2590
+ .wy-post-editor .ͼ1.cm-editor .cm-scroller {
2591
+ overflow: auto;
2592
+ }
2593
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller {
2594
+ scrollbar-width: thin;
2595
+ scrollbar-color: var(--wy-outline) transparent;
2596
+ }
2597
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar {
2598
+ height: 0.625rem;
2599
+ width: 0.625rem;
2600
+ background: transparent;
2601
+ z-index: 999;
2602
+ }
2603
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-track {
2604
+ background: transparent;
2605
+ }
2606
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb {
2607
+ background-color: var(--wy-outline);
2608
+ border: 0.125rem solid transparent;
2609
+ border-radius: 0.5rem;
2610
+ background-clip: padding-box;
2611
+ opacity: 75%;
2612
+ }
2613
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:hover {
2614
+ background-color: var(--wy-outline-variant);
2615
+ opacity: 75%;
2616
+ }
2617
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-thumb:window-inactive {
2618
+ background-color: var(--wy-outline);
2619
+ opacity: 50%;
2620
+ }
2621
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:start:single-button {
2622
+ height: 0.375rem;
2623
+ }
2624
+ .wy-scrollbars .wy-post-editor .ͼ1.cm-editor .cm-scroller::-webkit-scrollbar-button:vertical:end:single-button {
2625
+ height: 0.375rem;
2626
+ }
2627
+ .wy-post-editor .wy-is-invalid + [data-editor-target] .cm-editor, .wy-post-editor .wy-is-invalid .cm-editor {
2628
+ border-color: var(--wy-error) !important;
2629
+ }
2630
+ .wy-post-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul {
2631
+ font-family: unset;
2632
+ max-height: 15rem;
2633
+ }
2634
+ .wy-post-editor .ͼ1 .cm-tooltip.cm-tooltip-autocomplete > ul > li {
2635
+ padding: 0;
2636
+ }
2637
+ .wy-post-editor .ͼ2 .cm-tooltip {
2638
+ border: none;
2639
+ background-clip: padding-box;
2640
+ background-color: var(--wy-surface-2);
2641
+ color: var(--wy-on-surface);
2642
+ border-radius: var(--wy-border-radius);
2643
+ box-shadow: var(--wy-shadow-level1);
2644
+ overflow: hidden;
2645
+ z-index: 1000;
2646
+ }
2647
+ .wy-post-editor .ͼ2 .cm-tooltip-autocomplete ul li[aria-selected] {
2648
+ background: var(--wy-primary-container);
2649
+ color: unset;
2650
+ }
2651
+ .wy-post-editor .cm-tooltip-autocomplete .cm-completionLabel {
2652
+ display: none;
2653
+ }
2654
+ .wy-post-editor .cm-tooltip-autocomplete .wy-item-hover:hover, .wy-post-editor .cm-tooltip-autocomplete .wy-item-hover:focus {
2655
+ background: var(--wy-surface-variant);
2656
+ }
2657
+ .wy-post-editor .cm-tooltip-autocomplete .wy-avatar {
2658
+ width: 32px;
2659
+ height: 32px;
2660
+ }
2661
+
2662
+ .wy-sheet {
2663
+ --wy-scrollbar-adjust-top: 0;
2664
+ --wy-scrollbar-adjust-bottom: 0;
2665
+ --wy-component-background-color: var(--wy-surface-3);
2666
+ --wy-component-color: var(--wy-on-surface);
2667
+ background-color: var(--wy-component-background-color);
2668
+ color: var(--wy-component-color);
2669
+ position: fixed;
2670
+ z-index: 1055;
2671
+ display: flex;
2672
+ flex-direction: column;
2673
+ bottom: 0.5rem;
2674
+ left: 0.5rem;
2675
+ right: 0.5rem;
2676
+ max-height: max(50vh, 50%);
2677
+ min-height: 3rem;
2678
+ margin: 0.5rem auto;
2679
+ max-width: 32rem;
2680
+ transition: opacity var(--wy-transition);
2681
+ border-radius: var(--wy-border-radius);
2682
+ box-shadow: var(--wy-shadow-level1);
2683
+ }
2684
+ .wy-sheet > .wy-appbars, .wy-sheet > .wy-appbar {
2685
+ border-top-left-radius: inherit;
2686
+ border-top-right-radius: inherit;
2687
+ }
2688
+
2689
+ .wy-sheet-body {
2690
+ overflow: hidden;
2691
+ padding: 0.5rem;
2692
+ position: relative;
2693
+ min-height: 3rem;
2694
+ }
2695
+
2696
+ .wy-sheet:not(.wy-show) {
2697
+ opacity: 0;
2698
+ transform: translateY(32rem);
2699
+ }
2700
+ .wy-sheet.wy-show {
2701
+ opacity: 1;
2702
+ transform: none;
2703
+ transition: transform var(--wy-transition), opacity var(--wy-transition);
2704
+ pointer-events: auto;
2705
+ }
2706
+
2707
+ .wy-spinner, .wy-icon[data-icon=spinner] {
2708
+ align-self: center;
2709
+ justify-self: center;
2710
+ margin: auto;
2711
+ }
2712
+ .wy-spinner circle, .wy-icon[data-icon=spinner] circle {
2713
+ stroke-dasharray: 1, 100;
2714
+ stroke-dashoffset: 0;
2715
+ transform-origin: center;
2716
+ fill: none !important;
2717
+ }
2718
+ .wy-spinner.wy-spin, .wy-icon[data-icon=spinner].wy-spin {
2719
+ animation: wy-rotate 1.4s linear infinite;
2720
+ }
2721
+ .wy-spinner.wy-spin circle, .wy-icon[data-icon=spinner].wy-spin circle {
2722
+ animation: wy-dash 1.4s ease-in-out infinite, wy-color 2.8s ease-in-out infinite;
2723
+ }
2724
+ .wy-spinner.wy-spinner-overlay, .wy-icon[data-icon=spinner].wy-spinner-overlay {
2725
+ position: absolute;
2726
+ left: 0;
2727
+ right: 0;
2728
+ top: 0;
2729
+ bottom: 0;
2730
+ margin: auto;
2731
+ }
2732
+
2733
+ @keyframes wy-rotate {
2734
+ 100% {
2735
+ transform: rotate(360deg);
2736
+ }
2737
+ }
2738
+ @keyframes wy-dash {
2739
+ 0% {
2740
+ stroke-dasharray: 1, 100;
2741
+ stroke-dashoffset: 0;
2742
+ }
2743
+ 50% {
2744
+ stroke-dasharray: 44.5, 100;
2745
+ stroke-dashoffset: -17.5;
2746
+ }
2747
+ 100% {
2748
+ stroke-dasharray: 44.5, 100;
2749
+ stroke-dashoffset: -62;
2750
+ }
2751
+ }
2752
+ @keyframes wy-color {
2753
+ 0%, 100% {
2754
+ stroke: var(--wy-primary);
2755
+ }
2756
+ 25% {
2757
+ stroke: var(--wy-primary);
2758
+ }
2759
+ 50% {
2760
+ stroke: transparent;
2761
+ }
2762
+ 75% {
2763
+ stroke: var(--wy-primary);
2764
+ }
2765
+ }
2766
+ .wy-meeting {
2767
+ flex: 1 1 100%;
2768
+ align-items: flex-start;
2769
+ }
2770
+
2771
+ .wy-meeting-actions {
2772
+ margin-top: 0.5rem;
2773
+ }