@weavy/uikit-react 13.0.0 → 14.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 (371) hide show
  1. package/changelog.md +30 -0
  2. package/dist/cjs/{types/client → client}/WeavyClient.d.ts +0 -0
  3. package/dist/cjs/{types/components → components}/Attachment.d.ts +0 -0
  4. package/dist/cjs/{types/components → components}/Avatar.d.ts +0 -0
  5. package/dist/{esm/types → cjs}/components/Chat.d.ts +1 -1
  6. package/dist/cjs/{types/components → components}/Conversation.d.ts +0 -0
  7. package/dist/cjs/{types/components → components}/ConversationBadge.d.ts +0 -0
  8. package/dist/cjs/{types/components → components}/ConversationForm.d.ts +0 -0
  9. package/dist/cjs/{types/components → components}/ConversationList.d.ts +0 -0
  10. package/dist/cjs/{types/components → components}/ConversationListItem.d.ts +0 -0
  11. package/dist/cjs/{types/components → components}/File.d.ts +0 -0
  12. package/dist/cjs/{types/components → components}/FileBrowser.d.ts +0 -0
  13. package/dist/cjs/{types/components → components}/Image.d.ts +0 -0
  14. package/dist/cjs/{types/components → components}/Meeting.d.ts +0 -0
  15. package/dist/cjs/{types/components → components}/MeetingCard.d.ts +0 -0
  16. package/dist/cjs/{types/components → components}/Meetings.d.ts +0 -0
  17. package/dist/cjs/{types/components → components}/Message.d.ts +0 -0
  18. package/dist/{esm/types → cjs}/components/Messages.d.ts +3 -1
  19. package/dist/cjs/{types/components → components}/Messenger.d.ts +0 -0
  20. package/dist/cjs/{types/components → components}/NewConversation.d.ts +0 -0
  21. package/dist/cjs/{types/components → components}/PdfViewer.d.ts +0 -0
  22. package/dist/cjs/{types/components → components}/Presence.d.ts +0 -0
  23. package/dist/cjs/{types/components → components}/Preview.d.ts +0 -0
  24. package/dist/cjs/{types/components → components}/Reactions.d.ts +0 -0
  25. package/dist/cjs/{types/components → components}/SearchUsers.d.ts +0 -0
  26. package/dist/cjs/{types/components → components}/SeenBy.d.ts +0 -0
  27. package/dist/cjs/{types/components → components}/Typing.d.ts +0 -0
  28. package/dist/cjs/{types/contexts → contexts}/MessengerContext.d.ts +0 -0
  29. package/dist/cjs/{types/contexts → contexts}/PreviewContext.d.ts +0 -0
  30. package/dist/cjs/{types/contexts → contexts}/UserContext.d.ts +0 -0
  31. package/dist/cjs/{types/contexts → contexts}/WeavyContext.d.ts +0 -0
  32. package/dist/cjs/{types/hooks → hooks}/useBadge.d.ts +0 -0
  33. package/dist/cjs/{types/hooks → hooks}/useChat.d.ts +0 -0
  34. package/dist/cjs/{types/hooks → hooks}/useConversation.d.ts +0 -0
  35. package/dist/cjs/hooks/useConversations.d.ts +1 -0
  36. package/dist/cjs/{types/hooks → hooks}/useDebounce.d.ts +0 -0
  37. package/dist/cjs/{types/hooks → hooks}/useEvents.d.ts +0 -0
  38. package/dist/cjs/{types/hooks → hooks}/useFileUploader.d.ts +0 -0
  39. package/dist/cjs/{types/hooks → hooks}/useMembers.d.ts +0 -0
  40. package/dist/cjs/{types/hooks → hooks}/useMessages.d.ts +0 -0
  41. package/dist/cjs/{types/hooks → hooks}/useMutateChat.d.ts +0 -0
  42. package/dist/cjs/{types/hooks → hooks}/useMutateConversation.d.ts +0 -0
  43. package/dist/cjs/{types/hooks → hooks}/useMutateConversationName.d.ts +0 -0
  44. package/dist/cjs/{types/hooks → hooks}/useMutateDeleteReaction.d.ts +0 -0
  45. package/dist/cjs/{types/hooks → hooks}/useMutateExternalBlobs.d.ts +0 -0
  46. package/dist/cjs/{types/hooks → hooks}/useMutateMeeting.d.ts +0 -0
  47. package/dist/cjs/{types/hooks → hooks}/useMutateMembers.d.ts +0 -0
  48. package/dist/{esm/types → cjs}/hooks/useMutateMessage.d.ts +1 -1
  49. package/dist/cjs/{types/hooks → hooks}/useMutatePinned.d.ts +0 -0
  50. package/dist/cjs/{types/hooks → hooks}/useMutateReaction.d.ts +0 -0
  51. package/dist/cjs/{types/hooks → hooks}/useMutateRead.d.ts +1 -0
  52. package/dist/cjs/{types/hooks → hooks}/useMutateRemoveMembers.d.ts +0 -0
  53. package/dist/cjs/{types/hooks → hooks}/useMutateTyping.d.ts +0 -0
  54. package/dist/cjs/{types/hooks → hooks}/usePresence.d.ts +0 -0
  55. package/dist/cjs/{types/hooks → hooks}/usePreview.d.ts +0 -0
  56. package/dist/cjs/{types/hooks → hooks}/useReactions.d.ts +0 -0
  57. package/dist/cjs/{types/hooks → hooks}/useSearchUsers.d.ts +0 -0
  58. package/dist/cjs/{types/hooks → hooks}/useThrottle.d.ts +0 -0
  59. package/dist/cjs/{types/hooks → hooks}/useUser.d.ts +0 -0
  60. package/dist/cjs/{types/index.d.ts → index.d.ts} +0 -0
  61. package/dist/cjs/index.js +6 -28
  62. package/dist/cjs/index.js.map +1 -1
  63. package/dist/cjs/types/{types/Chat.d.ts → Chat.d.ts} +1 -0
  64. package/dist/cjs/types/{types/Conversation.d.ts → Conversation.d.ts} +0 -0
  65. package/dist/cjs/types/{types/ConversationListItem.d.ts → ConversationListItem.d.ts} +0 -0
  66. package/dist/{esm/types → cjs}/types/Message.d.ts +2 -0
  67. package/dist/cjs/types/{types/Messenger.d.ts → Messenger.d.ts} +0 -0
  68. package/dist/cjs/types/{types/types.d.ts → types.d.ts} +47 -4
  69. package/dist/cjs/{types/ui → ui}/Button.d.ts +0 -0
  70. package/dist/cjs/{types/ui → ui}/Dropdown.d.ts +0 -0
  71. package/dist/cjs/{types/ui → ui}/Icon.d.ts +0 -0
  72. package/dist/cjs/{types/ui → ui}/Overlay.d.ts +0 -0
  73. package/dist/cjs/{types/ui → ui}/Spinner.d.ts +2 -1
  74. package/dist/cjs/{types/utils → utils}/fileUtilities.d.ts +0 -0
  75. package/dist/css/weavy-chat.css +1543 -959
  76. package/dist/css/weavy-messenger.css +1903 -1302
  77. package/dist/css/weavy.css +1703 -1102
  78. package/dist/esm/{types/client → client}/WeavyClient.d.ts +0 -0
  79. package/dist/esm/{types/components → components}/Attachment.d.ts +0 -0
  80. package/dist/esm/{types/components → components}/Avatar.d.ts +0 -0
  81. package/dist/{cjs/types → esm}/components/Chat.d.ts +1 -1
  82. package/dist/esm/{types/components → components}/Conversation.d.ts +0 -0
  83. package/dist/esm/{types/components → components}/ConversationBadge.d.ts +0 -0
  84. package/dist/esm/{types/components → components}/ConversationForm.d.ts +0 -0
  85. package/dist/esm/{types/components → components}/ConversationList.d.ts +0 -0
  86. package/dist/esm/{types/components → components}/ConversationListItem.d.ts +0 -0
  87. package/dist/esm/{types/components → components}/File.d.ts +0 -0
  88. package/dist/esm/{types/components → components}/FileBrowser.d.ts +0 -0
  89. package/dist/esm/{types/components → components}/Image.d.ts +0 -0
  90. package/dist/esm/{types/components → components}/Meeting.d.ts +0 -0
  91. package/dist/esm/{types/components → components}/MeetingCard.d.ts +0 -0
  92. package/dist/esm/{types/components → components}/Meetings.d.ts +0 -0
  93. package/dist/esm/{types/components → components}/Message.d.ts +0 -0
  94. package/dist/{cjs/types → esm}/components/Messages.d.ts +3 -1
  95. package/dist/esm/{types/components → components}/Messenger.d.ts +0 -0
  96. package/dist/esm/{types/components → components}/NewConversation.d.ts +0 -0
  97. package/dist/esm/{types/components → components}/PdfViewer.d.ts +0 -0
  98. package/dist/esm/{types/components → components}/Presence.d.ts +0 -0
  99. package/dist/esm/{types/components → components}/Preview.d.ts +0 -0
  100. package/dist/esm/{types/components → components}/Reactions.d.ts +0 -0
  101. package/dist/esm/{types/components → components}/SearchUsers.d.ts +0 -0
  102. package/dist/esm/{types/components → components}/SeenBy.d.ts +0 -0
  103. package/dist/esm/{types/components → components}/Typing.d.ts +0 -0
  104. package/dist/esm/{types/contexts → contexts}/MessengerContext.d.ts +0 -0
  105. package/dist/esm/{types/contexts → contexts}/PreviewContext.d.ts +0 -0
  106. package/dist/esm/{types/contexts → contexts}/UserContext.d.ts +0 -0
  107. package/dist/esm/{types/contexts → contexts}/WeavyContext.d.ts +0 -0
  108. package/dist/esm/{types/hooks → hooks}/useBadge.d.ts +0 -0
  109. package/dist/esm/{types/hooks → hooks}/useChat.d.ts +0 -0
  110. package/dist/esm/{types/hooks → hooks}/useConversation.d.ts +0 -0
  111. package/dist/esm/hooks/useConversations.d.ts +1 -0
  112. package/dist/esm/{types/hooks → hooks}/useDebounce.d.ts +0 -0
  113. package/dist/esm/{types/hooks → hooks}/useEvents.d.ts +0 -0
  114. package/dist/esm/{types/hooks → hooks}/useFileUploader.d.ts +0 -0
  115. package/dist/esm/{types/hooks → hooks}/useMembers.d.ts +0 -0
  116. package/dist/esm/{types/hooks → hooks}/useMessages.d.ts +0 -0
  117. package/dist/esm/{types/hooks → hooks}/useMutateChat.d.ts +0 -0
  118. package/dist/esm/{types/hooks → hooks}/useMutateConversation.d.ts +0 -0
  119. package/dist/esm/{types/hooks → hooks}/useMutateConversationName.d.ts +0 -0
  120. package/dist/esm/{types/hooks → hooks}/useMutateDeleteReaction.d.ts +0 -0
  121. package/dist/esm/{types/hooks → hooks}/useMutateExternalBlobs.d.ts +0 -0
  122. package/dist/esm/{types/hooks → hooks}/useMutateMeeting.d.ts +0 -0
  123. package/dist/esm/{types/hooks → hooks}/useMutateMembers.d.ts +0 -0
  124. package/dist/{cjs/types → esm}/hooks/useMutateMessage.d.ts +1 -1
  125. package/dist/esm/{types/hooks → hooks}/useMutatePinned.d.ts +0 -0
  126. package/dist/esm/{types/hooks → hooks}/useMutateReaction.d.ts +0 -0
  127. package/dist/esm/{types/hooks → hooks}/useMutateRead.d.ts +1 -0
  128. package/dist/esm/{types/hooks → hooks}/useMutateRemoveMembers.d.ts +0 -0
  129. package/dist/esm/{types/hooks → hooks}/useMutateTyping.d.ts +0 -0
  130. package/dist/esm/{types/hooks → hooks}/usePresence.d.ts +0 -0
  131. package/dist/esm/{types/hooks → hooks}/usePreview.d.ts +0 -0
  132. package/dist/esm/{types/hooks → hooks}/useReactions.d.ts +0 -0
  133. package/dist/esm/{types/hooks → hooks}/useSearchUsers.d.ts +0 -0
  134. package/dist/esm/{types/hooks → hooks}/useThrottle.d.ts +0 -0
  135. package/dist/esm/{types/hooks → hooks}/useUser.d.ts +0 -0
  136. package/dist/esm/{types/index.d.ts → index.d.ts} +0 -0
  137. package/dist/esm/index.js +6 -28
  138. package/dist/esm/index.js.map +1 -1
  139. package/dist/esm/types/{types/Chat.d.ts → Chat.d.ts} +1 -0
  140. package/dist/esm/types/{types/Conversation.d.ts → Conversation.d.ts} +0 -0
  141. package/dist/esm/types/{types/ConversationListItem.d.ts → ConversationListItem.d.ts} +0 -0
  142. package/dist/{cjs/types → esm}/types/Message.d.ts +2 -0
  143. package/dist/esm/types/{types/Messenger.d.ts → Messenger.d.ts} +0 -0
  144. package/dist/esm/types/{types/types.d.ts → types.d.ts} +47 -4
  145. package/dist/esm/{types/ui → ui}/Button.d.ts +0 -0
  146. package/dist/esm/{types/ui → ui}/Dropdown.d.ts +0 -0
  147. package/dist/esm/{types/ui → ui}/Icon.d.ts +0 -0
  148. package/dist/esm/{types/ui → ui}/Overlay.d.ts +0 -0
  149. package/dist/esm/{types/ui → ui}/Spinner.d.ts +2 -1
  150. package/dist/esm/{types/utils → utils}/fileUtilities.d.ts +0 -0
  151. package/dist/index.d.ts +2 -1
  152. package/package.json +18 -15
  153. package/{rollup.config.js → rollup.config.mjs} +10 -3
  154. package/src/client/WeavyClient.ts +12 -17
  155. package/src/components/Attachment.tsx +5 -5
  156. package/src/components/Chat.tsx +6 -5
  157. package/src/components/Conversation.tsx +26 -20
  158. package/src/components/ConversationBadge.tsx +7 -5
  159. package/src/components/ConversationForm.tsx +1 -1
  160. package/src/components/ConversationList.tsx +59 -11
  161. package/src/components/ConversationListItem.tsx +94 -58
  162. package/src/components/FileBrowser.tsx +53 -50
  163. package/src/components/Image.tsx +2 -1
  164. package/src/components/MeetingCard.tsx +35 -13
  165. package/src/components/Meetings.tsx +1 -1
  166. package/src/components/Message.tsx +41 -42
  167. package/src/components/Messages.tsx +61 -60
  168. package/src/components/Messenger.tsx +7 -2
  169. package/src/components/NewConversation.tsx +1 -1
  170. package/src/components/PdfViewer.tsx +5 -5
  171. package/src/components/Preview.tsx +2 -2
  172. package/src/components/Reactions.tsx +11 -5
  173. package/src/components/SearchUsers.tsx +19 -9
  174. package/src/components/SeenBy.tsx +13 -7
  175. package/src/components/Typing.tsx +11 -12
  176. package/src/contexts/UserContext.tsx +1 -1
  177. package/src/contexts/WeavyContext.tsx +3 -3
  178. package/src/hooks/useConversations.ts +15 -5
  179. package/src/hooks/useMutateMessage.ts +1 -5
  180. package/src/hooks/useMutateRead.ts +5 -3
  181. package/src/hooks/usePresence.ts +2 -3
  182. package/src/hooks/useReactions.ts +11 -12
  183. package/src/scss/theme/_alert.scss +61 -63
  184. package/src/scss/theme/_appbar.scss +105 -30
  185. package/src/scss/theme/_avatar.scss +23 -28
  186. package/src/scss/theme/_badge.scss +26 -18
  187. package/src/scss/theme/_buttons.scss +107 -52
  188. package/src/scss/theme/_card.scss +102 -4
  189. package/src/scss/theme/_checkbox.scss +16 -20
  190. package/src/scss/theme/_code-vscode-dark.scss +3 -3
  191. package/src/scss/theme/_code-vscode-light.scss +3 -3
  192. package/src/scss/theme/_code.scss +0 -2
  193. package/src/scss/theme/_comment-editor-cm.scss +97 -0
  194. package/src/scss/theme/_comment-editor.scss +129 -0
  195. package/src/scss/theme/_comments.scss +66 -0
  196. package/src/scss/theme/_content.scss +33 -5
  197. package/src/scss/theme/_conversations.scss +19 -78
  198. package/src/scss/theme/_dropdown.scss +102 -15
  199. package/src/scss/theme/_embed.scss +135 -0
  200. package/src/scss/theme/_facepile.scss +11 -0
  201. package/src/scss/theme/_filebrowser.scss +1 -1
  202. package/src/scss/theme/_files.scss +76 -47
  203. package/src/scss/theme/_grid.scss +8 -0
  204. package/src/scss/theme/_icons.scss +155 -19
  205. package/src/scss/theme/_image-grid.scss +7 -12
  206. package/src/scss/theme/_input.scss +160 -0
  207. package/src/scss/theme/_item.scss +169 -0
  208. package/src/scss/theme/_list.scss +57 -0
  209. package/src/scss/theme/_meeting.scss +11 -0
  210. package/src/scss/theme/_message-editor-cm.scss +95 -0
  211. package/src/scss/theme/_message-editor.scss +65 -19
  212. package/src/scss/theme/_messages.scss +51 -105
  213. package/src/scss/theme/_meta.scss +12 -0
  214. package/src/scss/theme/_overlays.scss +31 -76
  215. package/src/scss/theme/_pager.scss +5 -1
  216. package/src/scss/theme/_pane.scss +13 -2
  217. package/src/scss/theme/_panels.scss +33 -28
  218. package/src/scss/theme/_picker-list.scss +5 -3
  219. package/src/scss/theme/_placeholder.scss +19 -0
  220. package/src/scss/theme/_poll.scss +49 -0
  221. package/src/scss/theme/_post-editor-cm.scss +100 -0
  222. package/src/scss/theme/_post-editor.scss +127 -0
  223. package/src/scss/theme/_post.scss +83 -0
  224. package/src/scss/theme/_preview-code.scss +11 -2
  225. package/src/scss/theme/_preview-embed.scss +8 -2
  226. package/src/scss/theme/_preview-image.scss +8 -26
  227. package/src/scss/theme/_preview-media.scss +1 -0
  228. package/src/scss/theme/_preview-pdf.scss +10 -15
  229. package/src/scss/theme/_preview.scss +57 -79
  230. package/src/scss/theme/_reactions.scss +48 -17
  231. package/src/scss/theme/_sheet.scss +59 -0
  232. package/src/scss/theme/_sidebar.scss +86 -0
  233. package/src/scss/theme/_spinner.scss +11 -7
  234. package/src/scss/theme/_tab.scss +72 -0
  235. package/src/scss/theme/_tables.scss +70 -23
  236. package/src/scss/theme/_toasts.scss +56 -26
  237. package/src/scss/theme/_type.scss +41 -0
  238. package/src/scss/theme/{mixins → base}/_backdrop.scss +0 -0
  239. package/src/scss/theme/{bootstrap/mixins → base}/_breakpoints.scss +9 -0
  240. package/src/scss/theme/base/_colors.scss +315 -0
  241. package/src/scss/theme/base/_md.scss +19 -0
  242. package/src/scss/theme/base/_palette.scss +130 -0
  243. package/src/scss/theme/{mixins → base}/_position.scss +5 -5
  244. package/src/scss/theme/base/_reboot.scss +51 -0
  245. package/src/scss/theme/base/_scroll.scss +180 -0
  246. package/src/scss/theme/base/_svg.scss +49 -0
  247. package/src/scss/theme/base/_text.scss +23 -0
  248. package/src/scss/theme/base/_vars.scss +203 -0
  249. package/src/scss/theme/{fonts → base/fonts}/_fontmapping-roboto.scss +0 -0
  250. package/src/scss/theme/{fonts → base/fonts}/_fontmapping-segoe-ui.scss +0 -0
  251. package/src/scss/theme/base/fonts/_index.scss +2 -0
  252. package/src/scss/weavy-chat.scss +10 -4
  253. package/src/scss/weavy-messenger.scss +37 -21
  254. package/src/types/Chat.ts +2 -1
  255. package/src/types/Message.ts +3 -1
  256. package/src/types/types.ts +56 -5
  257. package/src/ui/Icon.tsx +1 -1
  258. package/src/ui/Spinner.tsx +3 -2
  259. package/src/utils/infiniteScroll.js +12 -3
  260. package/src/utils/postal-parent.js +398 -0
  261. package/src/utils/promise.js +187 -0
  262. package/src/utils/scrollbarDetection.js +71 -9
  263. package/src/utils/utils.js +547 -0
  264. package/dist/cjs/types/hooks/useConversations.d.ts +0 -1
  265. package/dist/esm/types/hooks/useConversations.d.ts +0 -1
  266. package/src/scss/theme/_attachments.scss +0 -74
  267. package/src/scss/theme/_cm-editor.scss +0 -42
  268. package/src/scss/theme/_colors.scss +0 -520
  269. package/src/scss/theme/_config.scss +0 -6
  270. package/src/scss/theme/_inputs.scss +0 -28
  271. package/src/scss/theme/_nav.scss +0 -52
  272. package/src/scss/theme/_palette.scss +0 -165
  273. package/src/scss/theme/_preview-icon.scss +0 -41
  274. package/src/scss/theme/_reboot.scss +0 -41
  275. package/src/scss/theme/_root.scss +0 -2
  276. package/src/scss/theme/_scroll.scss +0 -55
  277. package/src/scss/theme/_search.scss +0 -68
  278. package/src/scss/theme/_turbo.scss +0 -17
  279. package/src/scss/theme/_variables.scss +0 -139
  280. package/src/scss/theme/bootstrap/_accordion.scss +0 -146
  281. package/src/scss/theme/bootstrap/_alert.scss +0 -71
  282. package/src/scss/theme/bootstrap/_badge.scss +0 -38
  283. package/src/scss/theme/bootstrap/_breadcrumb.scss +0 -40
  284. package/src/scss/theme/bootstrap/_button-group.scss +0 -142
  285. package/src/scss/theme/bootstrap/_buttons.scss +0 -186
  286. package/src/scss/theme/bootstrap/_card.scss +0 -234
  287. package/src/scss/theme/bootstrap/_carousel.scss +0 -229
  288. package/src/scss/theme/bootstrap/_close.scss +0 -40
  289. package/src/scss/theme/bootstrap/_containers.scss +0 -41
  290. package/src/scss/theme/bootstrap/_dropdown.scss +0 -248
  291. package/src/scss/theme/bootstrap/_forms.scss +0 -9
  292. package/src/scss/theme/bootstrap/_functions.scss +0 -302
  293. package/src/scss/theme/bootstrap/_grid.scss +0 -33
  294. package/src/scss/theme/bootstrap/_helpers.scss +0 -10
  295. package/src/scss/theme/bootstrap/_images.scss +0 -42
  296. package/src/scss/theme/bootstrap/_list-group.scss +0 -191
  297. package/src/scss/theme/bootstrap/_maps.scss +0 -54
  298. package/src/scss/theme/bootstrap/_mixins.scss +0 -43
  299. package/src/scss/theme/bootstrap/_modal.scss +0 -237
  300. package/src/scss/theme/bootstrap/_nav.scss +0 -172
  301. package/src/scss/theme/bootstrap/_navbar.scss +0 -276
  302. package/src/scss/theme/bootstrap/_offcanvas.scss +0 -143
  303. package/src/scss/theme/bootstrap/_pagination.scss +0 -109
  304. package/src/scss/theme/bootstrap/_placeholders.scss +0 -51
  305. package/src/scss/theme/bootstrap/_popover.scss +0 -196
  306. package/src/scss/theme/bootstrap/_progress.scss +0 -59
  307. package/src/scss/theme/bootstrap/_reboot.scss +0 -610
  308. package/src/scss/theme/bootstrap/_root.scss +0 -73
  309. package/src/scss/theme/bootstrap/_spinners.scss +0 -85
  310. package/src/scss/theme/bootstrap/_tables.scss +0 -164
  311. package/src/scss/theme/bootstrap/_toasts.scss +0 -70
  312. package/src/scss/theme/bootstrap/_tooltip.scss +0 -120
  313. package/src/scss/theme/bootstrap/_transitions.scss +0 -27
  314. package/src/scss/theme/bootstrap/_type.scss +0 -106
  315. package/src/scss/theme/bootstrap/_utilities.scss +0 -647
  316. package/src/scss/theme/bootstrap/_variables.scss +0 -1633
  317. package/src/scss/theme/bootstrap/forms/_floating-labels.scss +0 -74
  318. package/src/scss/theme/bootstrap/forms/_form-check.scss +0 -175
  319. package/src/scss/theme/bootstrap/forms/_form-control.scss +0 -194
  320. package/src/scss/theme/bootstrap/forms/_form-range.scss +0 -91
  321. package/src/scss/theme/bootstrap/forms/_form-select.scss +0 -71
  322. package/src/scss/theme/bootstrap/forms/_form-text.scss +0 -11
  323. package/src/scss/theme/bootstrap/forms/_input-group.scss +0 -129
  324. package/src/scss/theme/bootstrap/forms/_labels.scss +0 -36
  325. package/src/scss/theme/bootstrap/forms/_validation.scss +0 -12
  326. package/src/scss/theme/bootstrap/helpers/_clearfix.scss +0 -3
  327. package/src/scss/theme/bootstrap/helpers/_color-bg.scss +0 -10
  328. package/src/scss/theme/bootstrap/helpers/_colored-links.scss +0 -12
  329. package/src/scss/theme/bootstrap/helpers/_position.scss +0 -36
  330. package/src/scss/theme/bootstrap/helpers/_ratio.scss +0 -26
  331. package/src/scss/theme/bootstrap/helpers/_stacks.scss +0 -15
  332. package/src/scss/theme/bootstrap/helpers/_stretched-link.scss +0 -15
  333. package/src/scss/theme/bootstrap/helpers/_text-truncation.scss +0 -7
  334. package/src/scss/theme/bootstrap/helpers/_visually-hidden.scss +0 -8
  335. package/src/scss/theme/bootstrap/helpers/_vr.scss +0 -8
  336. package/src/scss/theme/bootstrap/mixins/_alert.scss +0 -15
  337. package/src/scss/theme/bootstrap/mixins/_backdrop.scss +0 -14
  338. package/src/scss/theme/bootstrap/mixins/_banner.scss +0 -9
  339. package/src/scss/theme/bootstrap/mixins/_border-radius.scss +0 -78
  340. package/src/scss/theme/bootstrap/mixins/_box-shadow.scss +0 -18
  341. package/src/scss/theme/bootstrap/mixins/_buttons.scss +0 -70
  342. package/src/scss/theme/bootstrap/mixins/_caret.scss +0 -64
  343. package/src/scss/theme/bootstrap/mixins/_clearfix.scss +0 -9
  344. package/src/scss/theme/bootstrap/mixins/_color-scheme.scss +0 -7
  345. package/src/scss/theme/bootstrap/mixins/_container.scss +0 -11
  346. package/src/scss/theme/bootstrap/mixins/_deprecate.scss +0 -10
  347. package/src/scss/theme/bootstrap/mixins/_forms.scss +0 -152
  348. package/src/scss/theme/bootstrap/mixins/_gradients.scss +0 -47
  349. package/src/scss/theme/bootstrap/mixins/_grid.scss +0 -151
  350. package/src/scss/theme/bootstrap/mixins/_image.scss +0 -16
  351. package/src/scss/theme/bootstrap/mixins/_list-group.scss +0 -24
  352. package/src/scss/theme/bootstrap/mixins/_lists.scss +0 -7
  353. package/src/scss/theme/bootstrap/mixins/_pagination.scss +0 -10
  354. package/src/scss/theme/bootstrap/mixins/_reset-text.scss +0 -17
  355. package/src/scss/theme/bootstrap/mixins/_resize.scss +0 -6
  356. package/src/scss/theme/bootstrap/mixins/_table-variants.scss +0 -24
  357. package/src/scss/theme/bootstrap/mixins/_text-truncate.scss +0 -8
  358. package/src/scss/theme/bootstrap/mixins/_transition.scss +0 -26
  359. package/src/scss/theme/bootstrap/mixins/_utilities.scss +0 -97
  360. package/src/scss/theme/bootstrap/mixins/_visually-hidden.scss +0 -29
  361. package/src/scss/theme/bootstrap/utilities/_api.scss +0 -47
  362. package/src/scss/theme/bootstrap/vendor/_rfs.scss +0 -354
  363. package/src/scss/theme/bs/_badge.scss +0 -20
  364. package/src/scss/theme/bs/_buttons.scss +0 -185
  365. package/src/scss/theme/bs/_dropdown.scss +0 -86
  366. package/src/scss/theme/bs/_forms.scss +0 -161
  367. package/src/scss/theme/bs/_list-group.scss +0 -73
  368. package/src/scss/theme/bs/_tables.scss +0 -46
  369. package/src/scss/theme/fonts/_index.scss +0 -2
  370. package/src/scss/theme/mixins/_palette.scss +0 -165
  371. package/src/scss/theme/mixins/_scrollbar.scss +0 -110
@@ -1,283 +1,387 @@
1
- [class^=wy-], [class^=wy-]::before, [class^=wy-]::after, [class^=wy-] *, [class^=wy-] *::before, [class^=wy-] *::after, [class*=" wy-"], [class*=" wy-"]::before, [class*=" wy-"]::after, [class*=" wy-"] *, [class*=" wy-"] *::before, [class*=" wy-"] *::after {
1
+ :where(:root, :host > *) {
2
+ --wy-theme: #00658e;
3
+ --wy-black: #000000;
4
+ --wy-white: #ffffff;
5
+ --wy-shadow: #000000;
6
+ --wy-primary-99: #fbfcff;
7
+ --wy-primary-95: #e4f3ff;
8
+ --wy-primary-90: #c7e7ff;
9
+ --wy-primary-80: #84cfff;
10
+ --wy-primary-70: #53b5ec;
11
+ --wy-primary-60: #2f9ad0;
12
+ --wy-primary-50: #007fb2;
13
+ --wy-primary-40: #00658e;
14
+ --wy-primary-30: #004c6c;
15
+ --wy-primary-20: #00344c;
16
+ --wy-primary-10: #001e2e;
17
+ --wy-secondary-99: #fffbff;
18
+ --wy-secondary-95: #fff2a4;
19
+ --wy-secondary-90: #f6e468;
20
+ --wy-secondary-80: #d9c84f;
21
+ --wy-secondary-70: #bcad36;
22
+ --wy-secondary-60: #a0921a;
23
+ --wy-secondary-50: #857800;
24
+ --wy-secondary-40: #6a5f00;
25
+ --wy-secondary-30: #504700;
26
+ --wy-secondary-20: #373100;
27
+ --wy-secondary-10: #201c00;
28
+ --wy-tertiary-99: #fffbff;
29
+ --wy-tertiary-95: #fff2a4;
30
+ --wy-tertiary-90: #f6e468;
31
+ --wy-tertiary-80: #d9c84f;
32
+ --wy-tertiary-70: #bcad36;
33
+ --wy-tertiary-60: #a0921a;
34
+ --wy-tertiary-50: #857800;
35
+ --wy-tertiary-40: #6a5f00;
36
+ --wy-tertiary-30: #504700;
37
+ --wy-tertiary-20: #373100;
38
+ --wy-tertiary-10: #201c00;
39
+ --wy-error-99: #fffbff;
40
+ --wy-error-95: #ffedea;
41
+ --wy-error-90: #ffdad6;
42
+ --wy-error-80: #ffb4ab;
43
+ --wy-error-70: #ff897d;
44
+ --wy-error-60: #ff5449;
45
+ --wy-error-50: #de3730;
46
+ --wy-error-40: #ba1a1a;
47
+ --wy-error-30: #93000a;
48
+ --wy-error-20: #690005;
49
+ --wy-error-10: #410002;
50
+ --wy-neutral-99: #fcfcff;
51
+ --wy-neutral-95: #f0f1f3;
52
+ --wy-neutral-90: #e2e2e5;
53
+ --wy-neutral-80: #c5c6c9;
54
+ --wy-neutral-70: #aaabae;
55
+ --wy-neutral-60: #8f9193;
56
+ --wy-neutral-50: #75777a;
57
+ --wy-neutral-40: #5c5e61;
58
+ --wy-neutral-30: #454749;
59
+ --wy-neutral-20: #2e3133;
60
+ --wy-neutral-10: #191c1e;
61
+ --wy-neutral-variant-99: #fbfcff;
62
+ --wy-neutral-variant-95: #ebf1f8;
63
+ --wy-neutral-variant-90: #dde3ea;
64
+ --wy-neutral-variant-80: #c1c7ce;
65
+ --wy-neutral-variant-70: #a5acb2;
66
+ --wy-neutral-variant-60: #8b9198;
67
+ --wy-neutral-variant-50: #71787e;
68
+ --wy-neutral-variant-40: #595f65;
69
+ --wy-neutral-variant-30: #41484d;
70
+ --wy-neutral-variant-20: #2b3136;
71
+ --wy-neutral-variant-10: #161c21;
72
+ --wy-surface-1-light: #f0f4f9;
73
+ --wy-surface-2-light: #e8f0f6;
74
+ --wy-surface-3-light: #e0ebf2;
75
+ --wy-surface-4-light: #deeaf1;
76
+ --wy-surface-5-light: #d9e7ef;
77
+ --wy-surface-1-dark: #1e2428;
78
+ --wy-surface-2-dark: #212a2f;
79
+ --wy-surface-3-dark: #242f36;
80
+ --wy-surface-4-dark: #253138;
81
+ --wy-surface-5-dark: #27343c;
82
+ --wy-blue-light: #7aadfa;
83
+ --wy-indigo-light: #8489e0;
84
+ --wy-purple-light: #bd78c2;
85
+ --wy-pink-light: #d072a2;
86
+ --wy-red-light: #da717c;
87
+ --wy-orange-light: #ef9646;
88
+ --wy-yellow-light: #d9c84f;
89
+ --wy-green-light: #56a15c;
90
+ --wy-teal-light: #00a29d;
91
+ --wy-cyan-light: #008398;
92
+ --wy-gray-light: #75777a;
93
+ --wy-blue-dark: #a7c8ff;
94
+ --wy-indigo-dark: #8489e0;
95
+ --wy-purple-dark: #da92de;
96
+ --wy-pink-dark: #ee8cbe;
97
+ --wy-red-dark: #da717c;
98
+ --wy-orange-dark: #ef9646;
99
+ --wy-yellow-dark: #d9c84f;
100
+ --wy-green-dark: #56a15c;
101
+ --wy-teal-dark: #00a29d;
102
+ --wy-cyan-dark: #009fb8;
103
+ --wy-gray-dark: #8f9193;
104
+ }
105
+
106
+ :where(:root, :host > *, .wy-light) {
107
+ color-scheme: light;
108
+ --wy-primary: var(--wy-primary-40);
109
+ --wy-on-primary: var(--wy-white);
110
+ --wy-primary-container: var(--wy-primary-90);
111
+ --wy-on-primary-container: var(--wy-primary-10);
112
+ --wy-secondary: var(--wy-secondary-40);
113
+ --wy-on-secondary: var(--wy-white);
114
+ --wy-secondary-container: var(--wy-secondary-90);
115
+ --wy-on-secondary-container: var(--wy-secondary-10);
116
+ --wy-tertiary: var(--wy-tertiary-40);
117
+ --wy-on-tertiary: var(--wy-white);
118
+ --wy-tertiary-container: var(--wy-tertiary-90);
119
+ --wy-on-tertiary-container: var(--wy-tertiary-10);
120
+ --wy-error: var(--wy-error-40);
121
+ --wy-on-error: var(--wy-white);
122
+ --wy-error-container: var(--wy-error-90);
123
+ --wy-on-error-container: var(--wy-error-10);
124
+ --wy-background: var(--wy-neutral-99);
125
+ --wy-on-background: var(--wy-neutral-10);
126
+ --wy-surface: var(--wy-neutral-99);
127
+ --wy-on-surface: var(--wy-neutral-10);
128
+ --wy-surface-variant: var(--wy-neutral-variant-90);
129
+ --wy-on-surface-variant: var(--wy-neutral-variant-30);
130
+ --wy-outline: var(--wy-neutral-variant-50);
131
+ --wy-outline-variant: var(--wy-neutral-variant-80);
132
+ --wy-inverse-surface: var(--wy-neutral-20);
133
+ --wy-on-inverse-surface: var(--wy-neutral-95);
134
+ --wy-inverse-primary: var(--wy-primary-80);
135
+ --wy-surface-1: var(--wy-surface-1-light);
136
+ --wy-surface-2: var(--wy-surface-2-light);
137
+ --wy-surface-3: var(--wy-surface-3-light);
138
+ --wy-surface-4: var(--wy-surface-4-light);
139
+ --wy-surface-5: var(--wy-surface-5-light);
140
+ --wy-link: var(--wy-primary-40);
141
+ --wy-blue: var(--wy-blue-light);
142
+ --wy-indigo: var(--wy-indigo-light);
143
+ --wy-purple: var(--wy-purple-light);
144
+ --wy-pink: var(--wy-pink-light);
145
+ --wy-red: var(--wy-red-light);
146
+ --wy-orange: var(--wy-orange-light);
147
+ --wy-yellow: var(--wy-yellow-light);
148
+ --wy-green: var(--wy-green-light);
149
+ --wy-teal: var(--wy-teal-light);
150
+ --wy-cyan: var(--wy-cyan-light);
151
+ --wy-gray: var(--wy-gray-light);
152
+ }
153
+
154
+ :where(.wy-dark) {
155
+ color-scheme: dark;
156
+ --wy-primary: var(--wy-primary-80);
157
+ --wy-on-primary: var(--wy-primary-20);
158
+ --wy-primary-container: var(--wy-primary-30);
159
+ --wy-on-primary-container: var(--wy-primary-90);
160
+ --wy-secondary: var(--wy-secondary-80);
161
+ --wy-on-secondary: var(--wy-secondary-20);
162
+ --wy-secondary-container: var(--wy-secondary-30);
163
+ --wy-on-secondary-container: var(--wy-secondary-90);
164
+ --wy-tertiary: var(--wy-tertiary-80);
165
+ --wy-on-tertiary: var(--wy-tertiary-20);
166
+ --wy-tertiary-container: var(--wy-tertiary-30);
167
+ --wy-on-tertiary-container: var(--wy-tertiary-90);
168
+ --wy-error: var(--wy-error-80);
169
+ --wy-on-error: var(--wy-error-20);
170
+ --wy-error-container: var(--wy-error-30);
171
+ --wy-on-error-container: var(--wy-error-90);
172
+ --wy-background: var(--wy-neutral-10);
173
+ --wy-on-background: var(--wy-neutral-90);
174
+ --wy-surface: var(--wy-neutral-10);
175
+ --wy-on-surface: var(--wy-neutral-90);
176
+ --wy-surface-variant: var(--wy-neutral-variant-30);
177
+ --wy-on-surface-variant: var(--wy-neutral-variant-80);
178
+ --wy-outline: var(--wy-neutral-variant-60);
179
+ --wy-outline-variant: var(--wy-neutral-variant-30);
180
+ --wy-inverse-surface: var(--wy-neutral-90);
181
+ --wy-on-inverse-surface: var(--wy-neutral-20);
182
+ --wy-inverse-primary: var(--wy-primary-40);
183
+ --wy-surface-1: var(--wy-surface-1-dark);
184
+ --wy-surface-2: var(--wy-surface-2-dark);
185
+ --wy-surface-3: var(--wy-surface-3-dark);
186
+ --wy-surface-4: var(--wy-surface-4-dark);
187
+ --wy-surface-5: var(--wy-surface-5-dark);
188
+ --wy-link: var(--wy-primary-80);
189
+ --wy-blue: var(--wy-blue-dark);
190
+ --wy-indigo: var(--wy-indigo-dark);
191
+ --wy-purple: var(--wy-purple-dark);
192
+ --wy-pink: var(--wy-pink-dark);
193
+ --wy-red: var(--wy-red-dark);
194
+ --wy-orange: var(--wy-orange-dark);
195
+ --wy-yellow: var(--wy-yellow-dark);
196
+ --wy-green: var(--wy-green-dark);
197
+ --wy-teal: var(--wy-teal-dark);
198
+ --wy-cyan: var(--wy-cyan-dark);
199
+ --wy-gray: var(--wy-gray-dark);
200
+ }
201
+
202
+ :where(:root, :host > *) {
203
+ /* Typography */
204
+ --wy-font-family: unset;
205
+ --wy-font-weight: unset;
206
+ --wy-line-height: 1.5;
207
+ --wy-font-size-base: 1rem;
208
+ --wy-font-size-xxs: calc(.625 * var(--wy-font-size-base));
209
+ --wy-font-size-xs: calc(.75 * var(--wy-font-size-base));
210
+ --wy-font-size-sm: calc(.875 * var(--wy-font-size-base));
211
+ --wy-font-size-lg: calc(1.25 * var(--wy-font-size-base));
212
+ --wy-headings-font-style: unset;
213
+ --wy-headings-font-family: var(--wy-font-family);
214
+ --wy-headings-font-weight: 500;
215
+ --wy-headings-line-height: var(--wy-line-height);
216
+ /* Border */
217
+ --wy-border-radius: .5rem;
218
+ --wy-border-radius-sm: calc(.75 * var(--wy-border-radius));
219
+ --wy-border-radius-lg: calc(1.5 * var(--wy-border-radius));
220
+ --wy-border-radius-xl: calc(2 * var(--wy-border-radius));
221
+ --wy-border-radius-pill: 50rem;
222
+ /* Links */
223
+ --wy-link-decoration: none;
224
+ --wy-link-hover-decoration: null;
225
+ /* Tables */
226
+ --wy-table-cell-padding-x: .25rem;
227
+ --wy-table-cell-padding-y: .25rem;
228
+ /* Inputs */
229
+ --wy-input-padding-y: .4375rem;
230
+ --wy-input-padding-x: .75rem;
231
+ --wy-input-font-family: unset;
232
+ --wy-input-font-size: var(--wy-font-size-base);
233
+ --wy-input-font-weight: var(--wy-font-weight);
234
+ --wy-input-line-height: var(--wy-line-height);
235
+ --wy-input-border-width: 1px;
236
+ --wy-input-border-radius: var(--wy-border-radius);
237
+ /* Shadows */
238
+ --wy-shadow-level0: none;
239
+ --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);
240
+ --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);
241
+ --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);
242
+ --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);
243
+ /* Transitions */
244
+ --wy-transition-curve: cubic-bezier(0.4, 0, 0.2, 1);
245
+ --wy-transition-duration: 0.2s;
246
+ --wy-transition-duration-fast: 0.1s;
247
+ --wy-transition: var(--wy-transition-duration) var(--wy-transition-curve);
248
+ --wy-transition-fast: var(--wy-transition-duration-fast) var(--wy-transition-curve);
249
+ /* Opacity */
250
+ --wy-opacity-backdrop: 95%;
251
+ --wy-opacity-muted: 38%;
252
+ --wy-opacity-disabled: 38%;
253
+ /*
254
+ --wy-opacity-disabled: 12%;
255
+ --wy-opacity-on-disabled: 38%;
256
+ */
257
+ /* State layer */
258
+ --wy-opacity-state-hover: 8%;
259
+ --wy-opacity-state-focus: 12%;
260
+ --wy-opacity-state-active: 12%;
261
+ --wy-opacity-state-drag: 16%;
262
+ /* Surface elevation */
263
+ --wy-surface-1-mix: 5%;
264
+ --wy-surface-2-mix: 8%;
265
+ --wy-surface-3-mix: 11%;
266
+ --wy-surface-4-mix: 12%;
267
+ --wy-surface-5-mix: 14%;
268
+ }
269
+
270
+ :where([class^=wy-], [class*=" wy-"]) {
2
271
  box-sizing: border-box;
3
272
  }
4
- [class^=wy-][hidden], [class^=wy-] *[hidden], [class*=" wy-"][hidden], [class*=" wy-"] *[hidden] {
5
- display: none !important;
273
+ :where([class^=wy-], [class*=" wy-"]) *::before, :where([class^=wy-], [class*=" wy-"]) *::after {
274
+ box-sizing: inherit;
6
275
  }
7
- [class^=wy-][role=button], [class^=wy-] *[role=button], [class*=" wy-"][role=button], [class*=" wy-"] *[role=button] {
8
- cursor: pointer;
276
+ :where([class^=wy-], [class*=" wy-"]):where(a), :where([class^=wy-], [class*=" wy-"]) *:where(a) {
277
+ text-decoration: var(--wy-link-decoration);
278
+ color: var(--wy-link);
9
279
  }
10
- [class^=wy-] a[class^=wy-], [class^=wy-] a[class*=" wy-"], [class^=wy-] a, [class*=" wy-"] a[class^=wy-], [class*=" wy-"] a[class*=" wy-"], [class*=" wy-"] a {
11
- text-decoration: none;
280
+ :where([class^=wy-], [class*=" wy-"]):where(a):hover, :where([class^=wy-], [class*=" wy-"]) *:where(a):hover {
281
+ text-decoration: var(--wy-link-hover-decoration);
12
282
  }
13
- [class^=wy-] a[class^=wy-]:not([href]):not([class]), [class^=wy-] a[class^=wy-]:not([href]):not([class]):hover, [class^=wy-] a[class*=" wy-"]:not([href]):not([class]), [class^=wy-] a[class*=" wy-"]:not([href]):not([class]):hover, [class^=wy-] a:not([href]):not([class]), [class^=wy-] a:not([href]):not([class]):hover, [class*=" wy-"] a[class^=wy-]:not([href]):not([class]), [class*=" wy-"] a[class^=wy-]:not([href]):not([class]):hover, [class*=" wy-"] a[class*=" wy-"]:not([href]):not([class]), [class*=" wy-"] a[class*=" wy-"]:not([href]):not([class]):hover, [class*=" wy-"] a:not([href]):not([class]), [class*=" wy-"] a:not([href]):not([class]):hover {
283
+ :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 {
14
284
  text-decoration: none;
15
285
  }
16
- [class^=wy-] p[class^=wy-], [class^=wy-] p[class*=" wy-"], [class^=wy-] p, [class*=" wy-"] p[class^=wy-], [class*=" wy-"] p[class*=" wy-"], [class*=" wy-"] p {
286
+ :where([class^=wy-], [class*=" wy-"]):where(p), :where([class^=wy-], [class*=" wy-"]) *:where(p) {
17
287
  margin-top: 0;
18
288
  margin-bottom: 1rem;
19
289
  }
20
-
21
- .wy-conversation-link, .wy-attachment,
22
- .wy-meeting {
23
- width: 100%;
24
- color: #5c5c5c;
25
- text-align: inherit;
26
- }
27
- .wy-conversation-link:hover, .wy-attachment:hover,
28
- .wy-meeting:hover, .wy-conversation-link:focus, .wy-attachment:focus,
29
- .wy-meeting:focus {
30
- z-index: 1;
31
- color: #5c5c5c;
32
- text-decoration: none;
33
- background-color: #f2f2f2;
34
- }
35
- .wy-conversation-link:active, .wy-attachment:active,
36
- .wy-meeting:active {
37
- color: #383838;
38
- background-color: #e6e6e6;
39
- }
40
-
41
- .wy-conversation-link, .wy-attachment,
42
- .wy-meeting {
43
- position: relative;
44
- display: block;
45
- padding: 0.5rem 1rem;
46
- color: #383838;
47
- background-color: #fff;
48
- border: 1px solid rgba(0, 0, 0, 0.125);
49
- }
50
- .wy-conversation-link:first-child, .wy-attachment:first-child,
51
- .wy-meeting:first-child {
52
- border-top-left-radius: inherit;
53
- border-top-right-radius: inherit;
54
- }
55
- .wy-conversation-link:last-child, .wy-attachment:last-child,
56
- .wy-meeting:last-child {
57
- border-bottom-right-radius: inherit;
58
- border-bottom-left-radius: inherit;
59
- }
60
- .disabled.wy-conversation-link, .disabled.wy-attachment,
61
- .disabled.wy-meeting, .wy-conversation-link:disabled, .wy-attachment:disabled,
62
- .wy-meeting:disabled {
63
- color: #6b6b6b;
64
- pointer-events: none;
65
- background-color: #fff;
66
- }
67
- .active.wy-conversation-link, .active.wy-attachment,
68
- .active.wy-meeting {
69
- z-index: 2;
70
- color: #383838;
71
- background-color: #e6e6e6;
72
- border-color: #e6e6e6;
73
- }
74
- .wy-conversation-link + .wy-conversation-link, .wy-attachment + .wy-conversation-link,
75
- .wy-meeting + .wy-conversation-link, .wy-conversation-link + .wy-attachment, .wy-attachment + .wy-attachment,
76
- .wy-meeting + .wy-attachment,
77
- .wy-conversation-link + .wy-meeting,
78
- .wy-attachment + .wy-meeting,
79
- .wy-meeting + .wy-meeting {
80
- border-top-width: 0;
81
- }
82
- .wy-conversation-link + .active.wy-conversation-link, .wy-attachment + .active.wy-conversation-link,
83
- .wy-meeting + .active.wy-conversation-link, .wy-conversation-link + .active.wy-attachment, .wy-attachment + .active.wy-attachment,
84
- .wy-meeting + .active.wy-attachment,
85
- .wy-conversation-link + .active.wy-meeting,
86
- .wy-attachment + .active.wy-meeting,
87
- .wy-meeting + .active.wy-meeting {
88
- margin-top: -1px;
89
- border-top-width: 1px;
90
- }
91
-
92
- .wy-attachments,
93
- .wy-meetings {
94
- border: none;
95
- border-radius: 0.25rem;
96
- flex: 1 1 100%;
97
- min-width: 0;
98
- }
99
- .wy-attachments .wy-attachment,
100
- .wy-attachments .wy-meeting,
101
- .wy-meetings .wy-attachment,
102
- .wy-meetings .wy-meeting {
103
- border-left: none;
104
- border-right: none;
105
- }
106
- .wy-attachments > *,
107
- .wy-meetings > * {
108
- padding: 0.25rem 0.5rem;
109
- }
110
- .wy-attachments > :first-child,
111
- .wy-meetings > :first-child {
112
- border-top: none;
290
+ :where([class^=wy-], [class*=" wy-"]):where(label), :where([class^=wy-], [class*=" wy-"]) *:where(label) {
291
+ cursor: inherit;
113
292
  }
114
- .wy-attachments > :last-child,
115
- .wy-meetings > :last-child {
116
- border-bottom: none;
293
+ :where([class^=wy-], [class*=" wy-"])[hidden], :where([class^=wy-], [class*=" wy-"]) *[hidden] {
294
+ display: none !important;
117
295
  }
118
-
119
- .wy-attachment,
120
- .wy-meeting {
121
- display: flex;
122
- align-items: center;
296
+ :where([class^=wy-], [class*=" wy-"]):where([role=button]), :where([class^=wy-], [class*=" wy-"]) *:where([role=button]) {
123
297
  cursor: pointer;
124
298
  }
125
299
 
126
- .wy-attachment-icon {
127
- flex: 0 0 auto;
128
- display: flex;
300
+ .wy-scroll-y {
301
+ overflow-y: auto;
302
+ touch-action: pan-y, pan-x;
303
+ will-change: scroll-position, opacity;
304
+ backface-visibility: hidden;
305
+ max-height: 100%;
129
306
  }
130
- .wy-attachment-icon .wy-icon, .wy-attachment-icon .wy-icon-stack {
131
- width: 3rem;
132
- height: 3rem;
307
+ .wy-scroll-y:not(body) {
308
+ -webkit-overflow-scrolling: touch;
133
309
  }
134
-
135
- .wy-attachment-content {
136
- flex: 1 1 100%;
137
- min-width: 0;
138
- margin-left: 0.5rem;
139
- margin-right: 0.5rem;
310
+ .wy-scroll-y:not(.wy-scroll-x) {
311
+ overflow-x: hidden;
312
+ touch-action: pan-y;
140
313
  }
141
314
 
142
- .wy-attachment-title {
143
- font-weight: 500;
144
- overflow: hidden;
145
- text-overflow: ellipsis;
146
- white-space: nowrap;
147
- font-size: 1rem;
148
- margin: 0;
315
+ .wy-scroll-x {
316
+ overflow-x: auto;
317
+ touch-action: pan-y, pan-x;
318
+ will-change: scroll-position, opacity;
319
+ backface-visibility: hidden;
320
+ max-width: 100%;
149
321
  }
150
-
151
- .wy-attachment-meta {
152
- overflow: hidden;
153
- text-overflow: ellipsis;
154
- white-space: nowrap;
155
- font-size: 0.875em;
156
- color: #6b6b6b;
322
+ .wy-scroll-x:not(.wy-scroll-y) {
323
+ overflow-y: hidden;
324
+ touch-action: pan-x;
157
325
  }
158
326
 
159
- .wy-search-input, .wy-input, .wy-input-sm, .wy-avatar-input {
160
- display: block;
161
- width: 100%;
162
- padding: 0.375rem 0.75rem;
163
- font-size: 1rem;
164
- font-weight: 400;
165
- line-height: 1.5;
166
- color: #292929;
167
- background-color: #fff;
168
- background-clip: padding-box;
169
- border: 1px solid #999999;
170
- appearance: none;
171
- border-radius: 0.375rem;
172
- box-shadow: 0;
173
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
174
- }
175
- @media (prefers-reduced-motion: reduce) {
176
- .wy-search-input, .wy-input, .wy-input-sm, .wy-avatar-input {
177
- transition: none;
178
- }
179
- }
180
- [type=file].wy-search-input, [type=file].wy-input, [type=file].wy-input-sm, [type=file].wy-avatar-input {
181
- overflow: hidden;
182
- }
183
- [type=file].wy-search-input:not(:disabled):not([readonly]), [type=file].wy-input:not(:disabled):not([readonly]), [type=file].wy-input-sm:not(:disabled):not([readonly]), [type=file].wy-avatar-input:not(:disabled):not([readonly]) {
184
- cursor: pointer;
185
- }
186
- .wy-search-input:focus, .wy-input:focus, .wy-input-sm:focus, .wy-avatar-input:focus {
187
- color: #292929;
188
- background-color: #fff;
189
- border-color: #8ab5c9;
190
- outline: 0;
191
- box-shadow: 0, 0 0 0 0.25rem rgba(230, 230, 230, 0.25);
192
- }
193
- .wy-search-input::-webkit-date-and-time-value, .wy-input::-webkit-date-and-time-value, .wy-input-sm::-webkit-date-and-time-value, .wy-avatar-input::-webkit-date-and-time-value {
194
- height: 1.5em;
195
- }
196
- .wy-search-input::placeholder, .wy-input::placeholder, .wy-input-sm::placeholder, .wy-avatar-input::placeholder {
197
- color: #6b6b6b;
198
- opacity: 1;
199
- }
200
- .wy-search-input:disabled, .wy-input:disabled, .wy-input-sm:disabled, .wy-avatar-input:disabled, [readonly].wy-search-input, [readonly].wy-input, [readonly].wy-input-sm, [readonly].wy-avatar-input {
201
- background-color: #cccccc;
202
- opacity: 1;
203
- }
204
- .wy-search-input::file-selector-button, .wy-input::file-selector-button, .wy-input-sm::file-selector-button, .wy-avatar-input::file-selector-button {
205
- padding: 0.375rem 0.75rem;
206
- margin: -0.375rem -0.75rem;
207
- margin-inline-end: 0.75rem;
208
- color: #292929;
209
- background-color: #cccccc;
210
- pointer-events: none;
211
- border-color: inherit;
212
- border-style: solid;
213
- border-width: 0;
214
- border-inline-end-width: 1px;
215
- border-radius: 0;
216
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
327
+ .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
328
+ scrollbar-width: thin;
329
+ scrollbar-color: var(--wy-outline) transparent;
217
330
  }
218
- @media (prefers-reduced-motion: reduce) {
219
- .wy-search-input::file-selector-button, .wy-input::file-selector-button, .wy-input-sm::file-selector-button, .wy-avatar-input::file-selector-button {
220
- transition: none;
331
+ @supports (overflow-y: overlay) {
332
+ .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
333
+ overflow-y: overlay;
221
334
  }
222
335
  }
223
- .wy-search-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-input-sm:hover:not(:disabled):not([readonly])::file-selector-button, .wy-avatar-input:hover:not(:disabled):not([readonly])::file-selector-button {
224
- background-color: #c2c2c2;
336
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar {
337
+ height: 0.625rem;
338
+ width: 0.625rem;
339
+ background: transparent;
340
+ z-index: 999;
225
341
  }
226
- .wy-search-input::-webkit-file-upload-button, .wy-input::-webkit-file-upload-button, .wy-input-sm::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
227
- padding: 0.375rem 0.75rem;
228
- margin: -0.375rem -0.75rem;
229
- margin-inline-end: 0.75rem;
230
- color: #292929;
231
- background-color: #cccccc;
232
- pointer-events: none;
233
- border-color: inherit;
234
- border-style: solid;
235
- border-width: 0;
236
- border-inline-end-width: 1px;
237
- border-radius: 0;
238
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
342
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-track, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-track {
343
+ background: transparent;
239
344
  }
240
- @media (prefers-reduced-motion: reduce) {
241
- .wy-search-input::-webkit-file-upload-button, .wy-input::-webkit-file-upload-button, .wy-input-sm::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
242
- transition: none;
243
- }
345
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb {
346
+ background-color: var(--wy-outline);
347
+ border: 0.125rem solid transparent;
348
+ border-radius: 0.5rem;
349
+ background-clip: padding-box;
350
+ opacity: 75%;
244
351
  }
245
- .wy-search-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .wy-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .wy-input-sm:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .wy-avatar-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
246
- background-color: #c2c2c2;
352
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:hover, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:hover {
353
+ background-color: var(--wy-outline-variant);
354
+ opacity: 75%;
247
355
  }
248
-
249
- .wy-search-input, .wy-input-sm, .wy-avatar-input {
250
- min-height: calc(1.5em + 0.5rem + 2px);
251
- padding: 0.25rem 0.5rem;
252
- font-size: 1rem;
253
- border-radius: 0.25rem;
356
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:window-inactive, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:window-inactive {
357
+ background-color: var(--wy-outline);
358
+ opacity: 50%;
254
359
  }
255
- .wy-search-input::file-selector-button, .wy-input-sm::file-selector-button, .wy-avatar-input::file-selector-button {
256
- padding: 0.25rem 0.5rem;
257
- margin: -0.25rem -0.5rem;
258
- margin-inline-end: 0.5rem;
360
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:start:single-button, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:start:single-button {
361
+ height: var(--wy-scrollbar-adjust-top, 0);
259
362
  }
260
- .wy-search-input::-webkit-file-upload-button, .wy-input-sm::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
261
- padding: 0.25rem 0.5rem;
262
- margin: -0.25rem -0.5rem;
263
- margin-inline-end: 0.5rem;
363
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:end:single-button, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:end:single-button {
364
+ height: var(--wy-scrollbar-adjust-bottom, 0);
264
365
  }
265
366
 
266
- .wy-description {
267
- margin-top: 0.25rem;
268
- font-size: 0.875em;
269
- color: #6b6b6b;
367
+ .wy-block-scroll {
368
+ overflow: hidden !important;
270
369
  }
271
370
 
272
- .wy-label {
273
- margin-bottom: 0.5rem;
371
+ .wy-scrollbar-detection {
372
+ position: fixed;
373
+ top: 0;
374
+ left: 0;
375
+ width: 8rem;
376
+ height: 8rem;
377
+ overflow: scroll;
378
+ z-index: -99999;
379
+ pointer-events: none;
380
+ visibility: hidden;
274
381
  }
275
382
 
276
- .wy-is-invalid {
277
- border-color: hsl(6deg, 71.1567324185%, 50%);
278
- }
279
- .wy-is-invalid:focus {
280
- border-color: hsl(6deg, 71.1567324185%, 50%);
383
+ :where(:root, :host > *) {
384
+ --wy-presence-active: var(--wy-green);
281
385
  }
282
386
 
283
387
  .wy-avatar {
@@ -291,201 +395,135 @@
291
395
  text-align: center;
292
396
  }
293
397
 
294
- .wy-avatar-input {
295
- background: #f2f2f2;
296
- border-color: transparent;
297
- text-align: center;
298
- margin-left: auto;
299
- margin-right: auto;
300
- margin-bottom: 1.5rem;
301
- }
302
-
303
398
  .wy-avatar-presence {
304
399
  position: relative;
305
- }
306
-
307
- .wy-avatar-display-name {
308
- font-size: 1.5rem;
309
- font-weight: 300;
310
- line-height: 1.2;
311
- text-align: center;
400
+ display: inline-flex;
312
401
  }
313
402
 
314
403
  .wy-presence {
315
- display: none;
316
- background-color: #e6e6e6;
404
+ background-color: var(--wy-component-background-color, transparent);
317
405
  width: 0.75rem;
318
406
  height: 0.75rem;
319
407
  border-radius: 50%;
320
- outline: 0.125rem solid #fff;
321
408
  position: absolute;
322
409
  bottom: 0;
323
410
  right: -5%;
324
411
  }
325
-
326
- .wy-presence-active {
327
- background-color: #66cc68;
328
- display: block;
412
+ .wy-presence:not(.wy-presence-active) {
413
+ display: none;
414
+ }
415
+ .wy-presence::after {
416
+ content: "";
417
+ position: absolute;
418
+ width: 100%;
419
+ height: 100%;
420
+ border-radius: inherit;
421
+ background-color: var(--wy-presence-active);
422
+ background-clip: content-box;
423
+ padding: 0.125rem;
329
424
  }
330
425
 
331
- .wy-button {
332
- --wy-btn-padding-x: 0.75rem;
333
- --wy-btn-padding-y: 0.375rem;
334
- --wy-btn-font-family: ;
335
- --wy-btn-font-size: 1rem;
426
+ :where(:root, :host > *) {
427
+ --wy-btn-padding-x: 1.5rem;
428
+ --wy-btn-padding-y: .5rem;
429
+ --wy-btn-font-family: var(--wy-font-family);
430
+ --wy-btn-font-size: var(--wy-font-size-base);
336
431
  --wy-btn-font-weight: 400;
337
- --wy-btn-line-height: 1.5;
338
- --wy-btn-color: #292929;
339
- --wy-btn-bg: transparent;
340
- --wy-btn-border-width: 1px;
432
+ --wy-btn-line-height: var(--wy-line-height);
433
+ --wy-btn-border-width: 0;
341
434
  --wy-btn-border-color: transparent;
342
- --wy-btn-border-radius: 0.375rem;
343
- --wy-btn-box-shadow: unset;
344
- --wy-btn-disabled-opacity: 0.65;
345
- --wy-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--wy-btn-focus-shadow-rgb), .5);
346
- display: inline-block;
435
+ --wy-btn-border-radius: 1.25rem;
436
+ }
437
+
438
+ .wy-button {
439
+ --wy-component-color: var(--wy-primary);
440
+ color: var(--wy-component-color);
441
+ background: var(--wy-component-background-color, transparent);
347
442
  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
348
443
  font-family: var(--wy-btn-font-family);
349
444
  font-size: var(--wy-btn-font-size);
350
445
  font-weight: var(--wy-btn-font-weight);
351
446
  line-height: var(--wy-btn-line-height);
352
- color: var(--wy-btn-color);
353
447
  text-align: center;
448
+ text-decoration: none;
354
449
  vertical-align: middle;
355
450
  cursor: pointer;
356
451
  user-select: none;
357
452
  border: var(--wy-btn-border-width) solid var(--wy-btn-border-color);
358
453
  border-radius: var(--wy-btn-border-radius);
359
- background-color: var(--wy-btn-bg);
360
- box-shadow: var(--wy-btn-box-shadow);
361
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
362
- }
363
- @media (prefers-reduced-motion: reduce) {
364
- .wy-button {
365
- transition: none;
366
- }
367
- }
368
- .wy-button:hover {
369
- color: var(--wy-btn-hover-color);
370
- background-color: var(--wy-btn-hover-bg);
371
- border-color: var(--wy-btn-hover-border-color);
372
- }
373
- .btn-check:focus + .wy-button, .wy-button:focus {
374
- color: var(--wy-btn-hover-color);
375
- background-color: var(--wy-btn-hover-bg);
376
- border-color: var(--wy-btn-hover-border-color);
377
- outline: 0;
378
- box-shadow: var(--wy-btn-box-shadow), var(--wy-btn-focus-box-shadow);
379
- }
380
- .btn-check:checked + .wy-button, .btn-check:active + .wy-button, .wy-button:active, .active.wy-button, .show.wy-button {
381
- color: var(--wy-btn-active-color);
382
- background-color: var(--wy-btn-active-bg);
383
- border-color: var(--wy-btn-active-border-color);
384
- box-shadow: var(--wy-btn-active-shadow);
385
- }
386
- .btn-check:checked + .wy-button:focus, .btn-check:active + .wy-button:focus, .wy-button:active:focus, .active.wy-button:focus, .show.wy-button:focus {
387
- box-shadow: var(--wy-btn-active-shadow), var(--wy-btn-focus-box-shadow);
388
- }
389
- .wy-button:disabled, .disabled.wy-button, fieldset:disabled .wy-button {
390
- color: var(--wy-btn-disabled-color);
391
- pointer-events: none;
392
- background-color: var(--wy-btn-disabled-bg);
393
- border-color: var(--wy-btn-disabled-border-color);
394
- opacity: var(--wy-btn-disabled-opacity);
395
- box-shadow: none;
396
- }
397
-
398
- .wy-button-primary {
399
- --wy-btn-color: #fff;
400
- --wy-btn-bg: #156B93;
401
- --wy-btn-border-color: #156B93;
402
- --wy-btn-hover-color: #fff;
403
- --wy-btn-hover-bg: #125b7d;
404
- --wy-btn-hover-border-color: #115676;
405
- --wy-btn-focus-shadow-rgb: 56, 129, 163;
406
- --wy-btn-active-color: #fff;
407
- --wy-btn-active-bg: #115676;
408
- --wy-btn-active-border-color: #10506e;
409
- --wy-btn-active-shadow: unset;
410
- --wy-btn-disabled-color: #fff;
411
- --wy-btn-disabled-bg: #156B93;
412
- --wy-btn-disabled-border-color: #156B93;
413
- }
414
-
415
- .wy-button-link {
416
- --wy-btn-font-weight: 400;
417
- --wy-btn-color: var(--wy-link-color);
418
- --wy-btn-bg: transparent;
419
- --wy-btn-border-color: transparent;
420
- --wy-btn-hover-color: var(--wy-link-hover-color);
421
- --wy-btn-hover-border-color: transparent;
422
- --wy-btn-active-color: var(--wy-link-hover-color);
423
- --wy-btn-active-border-color: transparent;
424
- --wy-btn-disabled-color: #6b6b6b;
425
- --wy-btn-disabled-border-color: transparent;
426
- --wy-btn-box-shadow: none;
427
- --wy-btn-focus-shadow-rgb: 56, 129, 163;
428
- text-decoration: none;
429
- }
430
- .wy-button-link:focus {
431
- color: var(--wy-btn-color);
432
- }
433
- .wy-button-link:hover {
434
- color: var(--wy-btn-hover-color);
435
- }
436
-
437
- .wy-button {
438
454
  display: inline-flex;
439
455
  align-items: center;
440
456
  justify-content: center;
441
457
  gap: 0.25rem;
458
+ position: relative;
459
+ }
460
+ .wy-button:not(.wy-button-link, :disabled) > * {
461
+ z-index: 3;
462
+ }
463
+ .wy-button:not(.wy-button-link, :disabled)::before {
464
+ content: "";
465
+ z-index: 2;
466
+ position: absolute;
467
+ top: 0;
468
+ left: 0;
469
+ width: 100%;
470
+ height: 100%;
471
+ border-radius: inherit;
472
+ background: var(--wy-component-color);
473
+ opacity: 0%;
474
+ }
475
+ .wy-button:not(.wy-button-link, :disabled):hover::before {
476
+ opacity: 8%;
477
+ }
478
+ .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 {
479
+ opacity: 12%;
442
480
  }
443
481
  .wy-button:not(.wy-button-icon) .wy-icon:first-child {
444
- margin-left: -0.25rem;
482
+ margin-left: -0.5rem;
445
483
  }
446
484
  .wy-button:not(.wy-button-icon) .wy-icon:last-child {
447
- margin-right: -0.25rem;
448
- }
449
-
450
- .wy-button:not(.wy-button-link, .wy-button-primary) {
451
- --wy-btn-hover-border-color: transparent;
452
- --wy-btn-active-border-color: transparent;
453
- --wy-btn-hover-color: var(--wy-btn-color);
454
- --wy-btn-hover-bg: rgba(0, 0, 0, 0.04);
455
- --wy-btn-focus-bg: rgba(0, 0, 0, 0.04);
456
- --wy-btn-active-color: var(--wy-btn-color);
457
- --wy-btn-active-bg: rgba(0, 0, 0, 0.12);
485
+ margin-right: -0.5rem;
458
486
  }
459
- .wy-dark .wy-button:not(.wy-button-link, .wy-button-primary) {
460
- color: var(--wy-white);
487
+ .wy-button:disabled {
488
+ opacity: var(--wy-opacity-disabled);
489
+ cursor: unset;
490
+ pointer-events: none;
461
491
  }
462
492
 
463
493
  .wy-button-icon {
464
- width: 2rem;
465
- height: 2rem;
466
- padding: 0.25rem;
494
+ --wy-component-color: var(--wy-on-surface-variant);
495
+ width: 2.5rem;
496
+ height: 2.5rem;
497
+ padding: 0.5rem;
467
498
  line-height: 1;
468
- border-radius: 50%;
499
+ border-radius: var(--wy-border-radius-pill);
469
500
  border-width: 0;
470
501
  }
471
-
472
- .wy-button-icon:not(.wy-button-primary) {
473
- color: rgba(0, 0, 0, 0.54);
502
+ .wy-button-icon.wy-active {
503
+ --wy-component-color: var(--wy-primary);
474
504
  }
475
- .wy-button-icon:not(.wy-button-primary):hover .wy-icon {
476
- color: rgba(0, 0, 0, 0.87);
505
+
506
+ .wy-button-primary {
507
+ --wy-component-background-color: var(--wy-primary);
508
+ --wy-component-color: var(--wy-on-primary);
477
509
  }
478
- .wy-dark .wy-button-icon:not(.wy-button-primary) {
479
- color: rgba(255, 255, 255, 0.7);
510
+
511
+ .wy-button-variant {
512
+ --wy-component-background-color: var(--wy-surface-variant);
513
+ --wy-component-color: var(--wy-on-surface-variant);
480
514
  }
481
- .wy-dark .wy-button-icon:not(.wy-button-primary) .wy-icon {
482
- color: rgba(255, 255, 255, 0.7);
515
+
516
+ .wy-button-primary-text {
517
+ --wy-component-color: var(--wy-primary);
483
518
  }
484
- .wy-dark .wy-button-icon:not(.wy-button-primary):hover {
485
- color: rgb(255, 255, 255);
519
+
520
+ .wy-button-link {
521
+ padding: 0;
522
+ color: var(--wy-link-color, var(--wy-primary));
523
+ text-decoration: var(--wy-link-decoration, var(--wy-link-decoration));
486
524
  }
487
- .wy-dark .wy-button-icon:not(.wy-button-primary):hover .wy-icon {
488
- color: rgb(255, 255, 255);
525
+ .wy-button-link:hover, .wy-button-link:focus {
526
+ text-decoration: var(--wy-link-hover-decoration, var(--wy-link-hover-decoration));
489
527
  }
490
528
 
491
529
  .wy-buttons {
@@ -519,10 +557,10 @@
519
557
  color: #000000;
520
558
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
521
559
  text-align: left;
522
- white-space: pre;
560
+ white-space: pre-wrap;
523
561
  word-spacing: normal;
524
562
  word-break: normal;
525
- word-wrap: normal;
563
+ word-wrap: break-word;
526
564
  line-height: 1.5;
527
565
  -moz-tab-size: 4;
528
566
  -o-tab-size: 4;
@@ -534,8 +572,8 @@
534
572
  }
535
573
  @media print {
536
574
  :not(.wy-dark) .wy-code code[class*=language-],
537
- :not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) code[class*=language-],
538
- .wy-code:not(.wy-dark) pre[class*=language-] {
575
+ :not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) code[class*=language-],
576
+ .wy-code:not(.wy-dark) pre[class*=language-] {
539
577
  text-shadow: none;
540
578
  }
541
579
  }
@@ -650,10 +688,10 @@
650
688
  color: #d4d4d4;
651
689
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
652
690
  text-align: left;
653
- white-space: pre;
691
+ white-space: pre-wrap;
654
692
  word-spacing: normal;
655
693
  word-break: normal;
656
- word-wrap: normal;
694
+ word-wrap: break-word;
657
695
  line-height: 1.5;
658
696
  -moz-tab-size: 4;
659
697
  -o-tab-size: 4;
@@ -665,8 +703,8 @@
665
703
  }
666
704
  @media print {
667
705
  .wy-dark .wy-code code[class*=language-],
668
- .wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark code[class*=language-],
669
- .wy-code.wy-dark pre[class*=language-] {
706
+ .wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark code[class*=language-],
707
+ .wy-code.wy-dark pre[class*=language-] {
670
708
  text-shadow: none;
671
709
  }
672
710
  }
@@ -761,69 +799,294 @@
761
799
  font-style: italic;
762
800
  }
763
801
 
764
- .wy-hashtag {
765
- color: #6b6b6b;
802
+ .wy-content {
803
+ overflow-wrap: break-word;
804
+ min-width: 0;
766
805
  }
767
-
768
- .wy-mention {
769
- font-weight: 500;
806
+ .wy-content :not(pre) > code {
807
+ overflow-wrap: inherit;
770
808
  }
771
-
772
- .wy-dropdown-menu {
773
- position: absolute;
774
- z-index: 1000;
809
+ .wy-content pre, .wy-content pre > code[class*=language-] {
810
+ white-space: pre-wrap;
811
+ }
812
+ .wy-content :last-child {
813
+ margin-bottom: 0;
814
+ }
815
+ .wy-content:empty {
775
816
  display: none;
776
- min-width: 10rem;
777
- padding: 0.25rem 0;
778
- margin: 0;
779
- font-size: 1rem;
780
- color: #292929;
817
+ }
818
+ :not(.wy-dark) .wy-content, .wy-content:not(.wy-dark) {
819
+ /*pre[class*="language-"]::-moz-selection,
820
+ pre[class*="language-"] ::-moz-selection,
821
+ code[class*="language-"]::-moz-selection,
822
+ code[class*="language-"] ::-moz-selection {
823
+ text-shadow: none;
824
+ background: #ffffff;
825
+ }
826
+
827
+ pre[class*="language-"]::selection,
828
+ pre[class*="language-"] ::selection,
829
+ code[class*="language-"]::selection,
830
+ code[class*="language-"] ::selection {
831
+ text-shadow: none;
832
+ background: #ffffff;
833
+ }*/
834
+ /* Code blocks */
835
+ }
836
+ :not(.wy-dark) .wy-content code[class*=language-],
837
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) code[class*=language-],
838
+ .wy-content:not(.wy-dark) pre[class*=language-] {
839
+ color: #000000;
840
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
781
841
  text-align: left;
782
- list-style: none;
783
- background-color: #fff;
784
- background-clip: padding-box;
785
- border: 0 solid var(--wy-border-color-translucent);
786
- border-radius: 0.375rem;
787
- box-shadow: 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);
842
+ white-space: pre-wrap;
843
+ word-spacing: normal;
844
+ word-break: normal;
845
+ word-wrap: break-word;
846
+ line-height: 1.5;
847
+ -moz-tab-size: 4;
848
+ -o-tab-size: 4;
849
+ tab-size: 4;
850
+ -webkit-hyphens: none;
851
+ -moz-hyphens: none;
852
+ -ms-hyphens: none;
853
+ hyphens: none;
788
854
  }
789
- [data-bs-popper].wy-dropdown-menu {
790
- top: 100%;
791
- left: 0;
792
- margin-top: 0.25rem;
855
+ @media print {
856
+ :not(.wy-dark) .wy-content code[class*=language-],
857
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) code[class*=language-],
858
+ .wy-content:not(.wy-dark) pre[class*=language-] {
859
+ text-shadow: none;
860
+ }
793
861
  }
794
-
795
- .wy-dropdown-divider {
796
- height: 0;
797
- margin: 0.25rem 0;
798
- overflow: hidden;
799
- border-top: 1px solid var(--wy-border-color-translucent);
862
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) pre[class*=language-] {
863
+ padding: 1em;
864
+ margin: 0.5em 0;
865
+ overflow: auto;
866
+ }
867
+ :not(.wy-dark) .wy-content :not(pre) > code[class*=language-],
868
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-],
869
+ .wy-content:not(.wy-dark) pre[class*=language-] {
870
+ color: white;
871
+ background: #ffffff;
872
+ }
873
+ :not(.wy-dark) .wy-content :not(pre) > code[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-] {
874
+ padding: 0.1em;
875
+ border-radius: 0.3em;
876
+ white-space: normal;
877
+ }
878
+ :not(.wy-dark) .wy-content .token.comment, .wy-content:not(.wy-dark) .token.comment {
879
+ color: #008000;
880
+ }
881
+ :not(.wy-dark) .wy-content .token.builtin, .wy-content:not(.wy-dark) .token.builtin {
882
+ color: #0070C1;
883
+ }
884
+ :not(.wy-dark) .wy-content .token.number, .wy-content:not(.wy-dark) .token.number {
885
+ color: #098658;
886
+ }
887
+ :not(.wy-dark) .wy-content .token.variable, .wy-content:not(.wy-dark) .token.variable {
888
+ color: #098658;
889
+ }
890
+ :not(.wy-dark) .wy-content .token.inserted, .wy-content:not(.wy-dark) .token.inserted {
891
+ color: #098658;
892
+ }
893
+ :not(.wy-dark) .wy-content .token.operator, .wy-content:not(.wy-dark) .token.operator {
894
+ color: #000000;
895
+ }
896
+ :not(.wy-dark) .wy-content .token.constant, .wy-content:not(.wy-dark) .token.constant {
897
+ color: #811F3F;
898
+ }
899
+ :not(.wy-dark) .wy-content .token.hexcode, .wy-content:not(.wy-dark) .token.hexcode {
900
+ color: #811F3F;
901
+ }
902
+ :not(.wy-dark) .wy-content .token.regex, .wy-content:not(.wy-dark) .token.regex {
903
+ color: #811F3F;
904
+ }
905
+ :not(.wy-dark) .wy-content .token.char, .wy-content:not(.wy-dark) .token.char {
906
+ color: #811F3F;
907
+ }
908
+ :not(.wy-dark) .wy-content .token.tag, .wy-content:not(.wy-dark) .token.tag {
909
+ color: #800000;
910
+ }
911
+ :not(.wy-dark) .wy-content .token.attr-name, .wy-content:not(.wy-dark) .token.attr-name {
912
+ color: #FF0000;
800
913
  }
914
+ :not(.wy-dark) .wy-content .token.selector, .wy-content:not(.wy-dark) .token.selector {
915
+ color: #FF0000;
916
+ }
917
+ :not(.wy-dark) .wy-content .token.property, .wy-content:not(.wy-dark) .token.property {
918
+ color: #FF0000;
919
+ }
920
+ :not(.wy-dark) .wy-content .token.deleted, .wy-content:not(.wy-dark) .token.deleted {
921
+ color: #A31515;
922
+ }
923
+ :not(.wy-dark) .wy-content .token.string, .wy-content:not(.wy-dark) .token.string {
924
+ color: #A31515;
925
+ }
926
+ :not(.wy-dark) .wy-content .token.changed, .wy-content:not(.wy-dark) .token.changed {
927
+ color: #0451A5;
928
+ }
929
+ :not(.wy-dark) .wy-content .token.punctuation, .wy-content:not(.wy-dark) .token.punctuation {
930
+ color: #0451A5;
931
+ }
932
+ :not(.wy-dark) .wy-content .token.function, .wy-content:not(.wy-dark) .token.function {
933
+ color: #0000FF;
934
+ }
935
+ :not(.wy-dark) .wy-content .token.keyword, .wy-content:not(.wy-dark) .token.keyword {
936
+ color: #0000FF;
937
+ }
938
+ :not(.wy-dark) .wy-content .token.class-name, .wy-content:not(.wy-dark) .token.class-name {
939
+ color: #267F99;
940
+ }
941
+ :not(.wy-dark) .wy-content .token.important,
942
+ :not(.wy-dark) .wy-content .token.bold, .wy-content:not(.wy-dark) .token.important,
943
+ .wy-content:not(.wy-dark) .token.bold {
944
+ font-weight: bold;
945
+ }
946
+ :not(.wy-dark) .wy-content .token.italic, .wy-content:not(.wy-dark) .token.italic {
947
+ font-style: italic;
948
+ }
949
+ .wy-dark .wy-content, .wy-content.wy-dark {
950
+ /*pre[class*="language-"]::-moz-selection,
951
+ pre[class*="language-"] ::-moz-selection,
952
+ code[class*="language-"]::-moz-selection,
953
+ code[class*="language-"] ::-moz-selection {
954
+ text-shadow: none;
955
+ background: #1e1e1e;
956
+ }
801
957
 
802
- .wy-dropdown-item {
803
- display: block;
804
- width: 100%;
805
- padding: 0.75rem 0.75rem;
806
- clear: both;
807
- font-weight: 400;
808
- color: #292929;
809
- text-align: inherit;
810
- white-space: nowrap;
811
- background-color: transparent;
812
- border: 0;
958
+ pre[class*="language-"]::selection,
959
+ pre[class*="language-"] ::selection,
960
+ code[class*="language-"]::selection,
961
+ code[class*="language-"] ::selection {
962
+ text-shadow: none;
963
+ background: #1e1e1e;
964
+ }*/
965
+ /* Code blocks */
813
966
  }
814
- .wy-dropdown-item:hover, .wy-dropdown-item:focus {
815
- color: #252525;
816
- background-color: #f2f2f2;
967
+ .wy-dark .wy-content code[class*=language-],
968
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark code[class*=language-],
969
+ .wy-content.wy-dark pre[class*=language-] {
970
+ color: #d4d4d4;
971
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
972
+ text-align: left;
973
+ white-space: pre-wrap;
974
+ word-spacing: normal;
975
+ word-break: normal;
976
+ word-wrap: break-word;
977
+ line-height: 1.5;
978
+ -moz-tab-size: 4;
979
+ -o-tab-size: 4;
980
+ tab-size: 4;
981
+ -webkit-hyphens: none;
982
+ -moz-hyphens: none;
983
+ -ms-hyphens: none;
984
+ hyphens: none;
817
985
  }
818
- .active.wy-dropdown-item, .wy-dropdown-item:active {
819
- color: #383838;
820
- text-decoration: none;
821
- background-color: #e6e6e6;
986
+ @media print {
987
+ .wy-dark .wy-content code[class*=language-],
988
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark code[class*=language-],
989
+ .wy-content.wy-dark pre[class*=language-] {
990
+ text-shadow: none;
991
+ }
822
992
  }
823
- .disabled.wy-dropdown-item, .wy-dropdown-item:disabled {
824
- color: gray;
825
- pointer-events: none;
826
- background-color: transparent;
993
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark pre[class*=language-] {
994
+ padding: 1em;
995
+ margin: 0.5em 0;
996
+ overflow: auto;
997
+ }
998
+ .wy-dark .wy-content :not(pre) > code[class*=language-],
999
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark :not(pre) > code[class*=language-],
1000
+ .wy-content.wy-dark pre[class*=language-] {
1001
+ color: white;
1002
+ background: #1e1e1e;
1003
+ }
1004
+ .wy-dark .wy-content :not(pre) > code[class*=language-], .wy-content.wy-dark :not(pre) > code[class*=language-] {
1005
+ padding: 0.1em;
1006
+ border-radius: 0.3em;
1007
+ white-space: normal;
1008
+ }
1009
+ .wy-dark .wy-content .token.prolog, .wy-content.wy-dark .token.prolog {
1010
+ color: #8080ff;
1011
+ }
1012
+ .wy-dark .wy-content .token.comment, .wy-content.wy-dark .token.comment {
1013
+ color: #6A9955;
1014
+ }
1015
+ .wy-dark .wy-content .token.punctuation, .wy-content.wy-dark .token.punctuation {
1016
+ color: #6A9955;
1017
+ }
1018
+ .wy-dark .wy-content .token.builtin, .wy-content.wy-dark .token.builtin {
1019
+ color: #4FC1FF;
1020
+ }
1021
+ .wy-dark .wy-content .token.number, .wy-content.wy-dark .token.number {
1022
+ color: #B5CEA8;
1023
+ }
1024
+ .wy-dark .wy-content .token.variable, .wy-content.wy-dark .token.variable {
1025
+ color: #B5CEA8;
1026
+ }
1027
+ .wy-dark .wy-content .token.inserted, .wy-content.wy-dark .token.inserted {
1028
+ color: #B5CEA8;
1029
+ }
1030
+ .wy-dark .wy-content .token.operator, .wy-content.wy-dark .token.operator {
1031
+ color: #D4D4D4;
1032
+ }
1033
+ .wy-dark .wy-content .token.constant, .wy-content.wy-dark .token.constant {
1034
+ color: #646695;
1035
+ }
1036
+ .wy-dark .wy-content .token.hexcode, .wy-content.wy-dark .token.hexcode {
1037
+ color: #646695;
1038
+ }
1039
+ .wy-dark .wy-content .token.tag, .wy-content.wy-dark .token.tag {
1040
+ color: #569CD6;
1041
+ }
1042
+ .wy-dark .wy-content .token.changed, .wy-content.wy-dark .token.changed {
1043
+ color: #569CD6;
1044
+ }
1045
+ .wy-dark .wy-content .token.function, .wy-content.wy-dark .token.function {
1046
+ color: #569CD6;
1047
+ }
1048
+ .wy-dark .wy-content .token.keyword, .wy-content.wy-dark .token.keyword {
1049
+ color: #569CD6;
1050
+ }
1051
+ .wy-dark .wy-content .token.attr-name, .wy-content.wy-dark .token.attr-name {
1052
+ color: #9CDCFE;
1053
+ }
1054
+ .wy-dark .wy-content .token.selector, .wy-content.wy-dark .token.selector {
1055
+ color: #9CDCFE;
1056
+ }
1057
+ .wy-dark .wy-content .token.property, .wy-content.wy-dark .token.property {
1058
+ color: #9CDCFE;
1059
+ }
1060
+ .wy-dark .wy-content .token.deleted, .wy-content.wy-dark .token.deleted {
1061
+ color: #CE9178;
1062
+ }
1063
+ .wy-dark .wy-content .token.string, .wy-content.wy-dark .token.string {
1064
+ color: #CE9178;
1065
+ }
1066
+ .wy-dark .wy-content .token.regex, .wy-content.wy-dark .token.regex {
1067
+ color: #D16969;
1068
+ }
1069
+ .wy-dark .wy-content .token.char, .wy-content.wy-dark .token.char {
1070
+ color: #D16969;
1071
+ }
1072
+ .wy-dark .wy-content .token.class-name, .wy-content.wy-dark .token.class-name {
1073
+ color: #4EC9B0;
1074
+ }
1075
+ .wy-dark .wy-content .token.important,
1076
+ .wy-dark .wy-content .token.bold, .wy-content.wy-dark .token.important,
1077
+ .wy-content.wy-dark .token.bold {
1078
+ font-weight: bold;
1079
+ }
1080
+ .wy-dark .wy-content .token.italic, .wy-content.wy-dark .token.italic {
1081
+ font-style: italic;
1082
+ }
1083
+
1084
+ .wy-hashtag {
1085
+ color: var(--wy-primary);
1086
+ }
1087
+
1088
+ .wy-mention {
1089
+ font-weight: 500;
827
1090
  }
828
1091
 
829
1092
  .wy-dropdown,
@@ -843,8 +1106,29 @@
843
1106
  }
844
1107
 
845
1108
  .wy-dropdown-menu {
1109
+ --wy-component-background-color: var(--wy-surface-2);
1110
+ --wy-component-color: var(--wy-on-surface);
1111
+ background-color: var(--wy-component-background-color);
1112
+ color: var(--wy-component-color);
1113
+ position: absolute;
1114
+ z-index: 1000;
1115
+ min-width: 10rem;
1116
+ padding: 0 0;
1117
+ margin: 0;
1118
+ font-size: var(--wy-font-size-base);
1119
+ text-align: left;
1120
+ list-style: none;
1121
+ background-clip: padding-box;
1122
+ border-radius: var(--wy-border-radius);
1123
+ box-shadow: var(--wy-shadow-level1);
1124
+ overflow: hidden;
846
1125
  display: block;
847
1126
  }
1127
+ .wy-dropdown-menu[data-bs-popper] {
1128
+ top: 100%;
1129
+ left: 0;
1130
+ margin-top: 0.25rem;
1131
+ }
848
1132
  .wy-dropup .wy-dropdown-menu {
849
1133
  top: auto;
850
1134
  bottom: 100%;
@@ -863,16 +1147,51 @@
863
1147
  }
864
1148
 
865
1149
  .wy-dropdown-item {
1150
+ background-color: transparent;
1151
+ color: var(--wy-component-color, var(--wy-on-surface));
1152
+ display: block;
1153
+ width: 100%;
1154
+ padding: 0.75rem 1rem;
1155
+ clear: both;
1156
+ font-family: inherit;
1157
+ font-size: inherit;
1158
+ font-weight: 400;
1159
+ line-height: 1;
1160
+ text-align: inherit;
1161
+ text-decoration: none;
1162
+ white-space: nowrap;
1163
+ border: 0;
1164
+ gap: 0.25rem;
866
1165
  cursor: pointer;
867
1166
  display: flex;
868
1167
  align-items: center;
869
1168
  }
1169
+ .wy-dropdown-item:hover, .wy-dropdown-item:focus {
1170
+ --wy-component-color: var(--wy-on-surface-variant);
1171
+ --wy-component-background-color: var(--wy-surface-variant);
1172
+ color: var(--wy-component-color);
1173
+ background-color: var(--wy-component-background-color);
1174
+ text-decoration: none;
1175
+ }
1176
+ .wy-dropdown-item.wy-active, .wy-dropdown-item:active {
1177
+ --wy-component-color: var(--wy-on-primary-container);
1178
+ --wy-component-background-color: var(--wy-primary-container);
1179
+ color: var(--wy-component-color);
1180
+ background-color: var(--wy-component-background-color);
1181
+ text-decoration: none;
1182
+ }
1183
+ .wy-dropdown-item.wy-disabled, .wy-dropdown-item:disabled {
1184
+ color: var(--wy-component-color);
1185
+ background-color: var(--wy-component-background-color);
1186
+ pointer-events: none;
1187
+ opacity: var(--wy-opacity-disabled);
1188
+ }
870
1189
  .wy-dropdown-item > img, .wy-dropdown-item .wy-icon {
871
1190
  margin-right: 0.5rem;
872
- color: rgba(0, 0, 0, 0.54);
1191
+ color: inherit;
873
1192
  }
874
1193
  .wy-dropdown-item:active > .wy-icon {
875
- color: rgba(0, 0, 0, 0.54);
1194
+ color: inherit;
876
1195
  }
877
1196
  .wy-dropdown-item.wy-option .wy-icon {
878
1197
  visibility: hidden;
@@ -881,6 +1200,14 @@
881
1200
  visibility: visible;
882
1201
  }
883
1202
 
1203
+ .wy-dropdown-divider {
1204
+ height: 0;
1205
+ margin: 0;
1206
+ overflow: hidden;
1207
+ border: none;
1208
+ border-top: 1px solid var(--wy-outline-variant);
1209
+ }
1210
+
884
1211
  .wy-emoji {
885
1212
  width: 1.25rem;
886
1213
  height: 1.25rem;
@@ -905,66 +1232,163 @@
905
1232
  position: absolute;
906
1233
  bottom: 0;
907
1234
  right: 0;
908
- background: var(--wy-white);
1235
+ background: var(--wy-component-background-color, var(--wy-background));
909
1236
  border-radius: 50%;
910
- border: 1px solid var(--wy-white);
1237
+ border: 1px solid var(--wy-component-background-color, var(--wy-background));
911
1238
  }
912
1239
 
913
1240
  .wy-icon-stack {
914
- display: inline-block;
1241
+ display: inline-flex;
915
1242
  position: relative;
916
1243
  line-height: 1;
917
- width: 1.5rem;
918
- height: 1.5rem;
919
- }
920
- .wy-icon-stack .wy-icon:first-child {
921
- width: 100%;
922
- height: 100%;
923
1244
  }
924
1245
  .wy-icon-stack .wy-icon:last-child {
925
1246
  position: absolute;
926
1247
  bottom: 0;
927
1248
  right: 0;
928
- width: 50%;
929
- height: 50%;
930
- background-color: var(--wy-body-bg);
1249
+ background-color: var(--wy-component-background-color, var(--wy-background));
931
1250
  border-radius: 50%;
932
1251
  }
933
1252
 
934
- .wy-icon:not([class*=wy-icon-]) * {
1253
+ .wy-icon-active-stack {
1254
+ display: inline-flex;
1255
+ position: relative;
1256
+ line-height: 1;
1257
+ }
1258
+ .wy-icon-active-stack > * {
1259
+ transition: opacity var(--wy-transition);
1260
+ align-self: center;
1261
+ justify-self: center;
1262
+ margin: auto;
1263
+ }
1264
+ .wy-icon-active-stack > :last-child {
1265
+ position: absolute;
1266
+ opacity: 0;
1267
+ }
1268
+ .wy-icon-active-stack.wy-active > :first-child, .wy-active .wy-icon-active-stack > :first-child {
1269
+ opacity: 0;
1270
+ }
1271
+ .wy-icon-active-stack.wy-active > :last-child, .wy-active .wy-icon-active-stack > :last-child {
1272
+ opacity: 1;
1273
+ }
1274
+
1275
+ .wy-icon:not([class*=wy-icon-]):not([class*=wy-kind-]) * {
935
1276
  fill: currentColor;
936
1277
  }
937
1278
 
1279
+ .wy-content-icon {
1280
+ border-radius: var(--wy-component-border-radius, var(--wy-border-radius-lg));
1281
+ display: flex;
1282
+ align-items: center;
1283
+ justify-content: center;
1284
+ flex-direction: column;
1285
+ text-align: center;
1286
+ padding: 1rem 2rem;
1287
+ margin: auto;
1288
+ }
1289
+ .wy-content-icon > .wy-icon-stack, .wy-content-icon > .wy-icon {
1290
+ width: 4rem;
1291
+ height: 4rem;
1292
+ }
1293
+
938
1294
  .wy-icon-primary * {
939
1295
  fill: var(--wy-primary);
940
1296
  }
941
1297
 
942
- .wy-icon-secondary * {
943
- fill: var(--wy-secondary);
1298
+ .wy-icon-error * {
1299
+ fill: var(--wy-error);
944
1300
  }
945
1301
 
946
- .wy-icon-success * {
947
- fill: var(--wy-success);
1302
+ .wy-icon-blue * {
1303
+ fill: var(--wy-blue);
948
1304
  }
949
1305
 
950
- .wy-icon-info * {
951
- fill: var(--wy-info);
1306
+ .wy-icon-indigo * {
1307
+ fill: var(--wy-indigo);
952
1308
  }
953
1309
 
954
- .wy-icon-warning * {
955
- fill: var(--wy-warning);
1310
+ .wy-icon-purple * {
1311
+ fill: var(--wy-purple);
956
1312
  }
957
1313
 
958
- .wy-icon-danger * {
959
- fill: var(--wy-danger);
1314
+ .wy-icon-pink * {
1315
+ fill: var(--wy-pink);
960
1316
  }
961
1317
 
962
- .wy-icon-light * {
963
- fill: var(--wy-light);
1318
+ .wy-icon-red * {
1319
+ fill: var(--wy-red);
964
1320
  }
965
1321
 
966
- .wy-icon-dark * {
967
- fill: var(--wy-dark);
1322
+ .wy-icon-orange * {
1323
+ fill: var(--wy-orange);
1324
+ }
1325
+
1326
+ .wy-icon-yellow * {
1327
+ fill: var(--wy-yellow);
1328
+ }
1329
+
1330
+ .wy-icon-green * {
1331
+ fill: var(--wy-green);
1332
+ }
1333
+
1334
+ .wy-icon-teal * {
1335
+ fill: var(--wy-teal);
1336
+ }
1337
+
1338
+ .wy-icon-cyan * {
1339
+ fill: var(--wy-cyan);
1340
+ }
1341
+
1342
+ .wy-icon-gray * {
1343
+ fill: var(--wy-gray);
1344
+ }
1345
+
1346
+ [class*=wy-kind-] * {
1347
+ fill: var(--wy-gray);
1348
+ }
1349
+
1350
+ .wy-kind-archive * {
1351
+ fill: var(--wy-orange);
1352
+ }
1353
+
1354
+ .wy-kind-audio * {
1355
+ fill: var(--wy-teal);
1356
+ }
1357
+
1358
+ .wy-kind-code * {
1359
+ fill: var(--wy-green);
1360
+ }
1361
+
1362
+ .wy-kind-document * {
1363
+ fill: var(--wy-blue);
1364
+ }
1365
+
1366
+ .wy-kind-email * {
1367
+ fill: var(--wy-red);
1368
+ }
1369
+
1370
+ .wy-kind-presentation * {
1371
+ fill: var(--wy-orange);
1372
+ }
1373
+
1374
+ .wy-kind-spreadsheet * {
1375
+ fill: var(--wy-green);
1376
+ }
1377
+
1378
+ .wy-kind-image * {
1379
+ fill: var(--wy-pink);
1380
+ }
1381
+
1382
+ .wy-kind-text * {
1383
+ fill: var(--wy-cyan);
1384
+ }
1385
+
1386
+ .wy-kind-video * {
1387
+ fill: var(--wy-purple);
1388
+ }
1389
+
1390
+ .wy-ext-pdf * {
1391
+ fill: var(--wy-red);
968
1392
  }
969
1393
 
970
1394
  .wy-image-grid {
@@ -972,7 +1396,7 @@
972
1396
  flex-wrap: wrap;
973
1397
  justify-content: space-evenly;
974
1398
  position: relative;
975
- border-radius: 0.375rem;
1399
+ border-radius: var(--wy-border-radius);
976
1400
  overflow: hidden;
977
1401
  column-gap: 1px;
978
1402
  row-gap: 1px;
@@ -984,8 +1408,6 @@
984
1408
  flex: auto;
985
1409
  background-color: inherit;
986
1410
  background-clip: content-box;
987
- min-width: max(25%, 4rem);
988
- min-height: 4rem;
989
1411
  }
990
1412
  .wy-image-grid .wy-image:first-of-type:not(:nth-last-of-type(2)) {
991
1413
  flex-basis: 100% !important;
@@ -1004,8 +1426,7 @@
1004
1426
  .wy-image-grid .wy-more {
1005
1427
  position: absolute;
1006
1428
  line-height: 100%;
1007
- color: #fff;
1008
- background: rgba(0, 0, 0, 0.5);
1429
+ color: #ffffff;
1009
1430
  top: 0;
1010
1431
  left: 0;
1011
1432
  bottom: 0;
@@ -1014,113 +1435,303 @@
1014
1435
  align-items: center;
1015
1436
  justify-content: center;
1016
1437
  font-size: 1.5rem;
1438
+ background: rgba(0, 0, 0, var(--wy-opacity-disabled));
1017
1439
  }
1018
1440
 
1019
- .wy-search-result-table, .wy-table-reactions {
1020
- --bs-table-bg: transparent;
1021
- --bs-table-accent-bg: transparent;
1022
- --bs-table-striped-color: var(--wy-body-color);
1023
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
1024
- --bs-table-active-color: var(--wy-body-color);
1025
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
1026
- --bs-table-hover-color: var(--wy-body-color);
1027
- --bs-table-hover-bg: #f2f2f2;
1441
+ .wy-input {
1442
+ --wy-component-background-color: var(--wy-background);
1443
+ --wy-component-color: var(--wy-on-background);
1444
+ background-color: var(--wy-component-background-color);
1445
+ color: var(--wy-component-color);
1446
+ border: var(--wy-input-border-width) solid var(--wy-outline-variant);
1447
+ display: block;
1028
1448
  width: 100%;
1029
- margin-bottom: 1rem;
1030
- color: var(--wy-body-color);
1031
- vertical-align: top;
1032
- border-color: #e6e6e6;
1449
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1450
+ font-family: var(--wy-font-family);
1451
+ font-size: var(--wy-input-font-size);
1452
+ font-weight: var(--wy-input-font-weight);
1453
+ line-height: var(--wy-input-line-height);
1454
+ background-clip: padding-box;
1455
+ appearance: none;
1456
+ border-radius: var(--wy-input-border-radius);
1033
1457
  }
1034
- .wy-search-result-table > :not(caption) > * > *, .wy-table-reactions > :not(caption) > * > * {
1035
- padding: 0.5rem 0.5rem;
1036
- background-color: var(--bs-table-bg);
1037
- border-bottom-width: 1px;
1038
- box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
1458
+ .wy-input:focus {
1459
+ --wy-component-color: var(--wy-on-surface);
1460
+ color: var(--wy-component-color);
1461
+ border-color: var(--wy-primary);
1462
+ outline: 0;
1039
1463
  }
1040
- .wy-search-result-table > tbody, .wy-table-reactions > tbody {
1041
- vertical-align: inherit;
1464
+ .wy-input::placeholder {
1465
+ color: var(--wy-outline);
1466
+ opacity: 1;
1042
1467
  }
1043
- .wy-search-result-table > thead, .wy-table-reactions > thead {
1044
- vertical-align: bottom;
1468
+ .wy-input:disabled {
1469
+ opacity: 38%;
1470
+ }
1471
+ .wy-input::file-selector-button, .wy-input::-webkit-file-upload-button {
1472
+ color: var(--wy-component-color);
1473
+ background-color: var(--wy-component-background-color);
1474
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1475
+ margin: calc(-1 * var(--wy-input-padding-y)) calc(-1 * var(--wy-input-padding-x));
1476
+ margin-inline-end: var(--wy-input-padding-x);
1477
+ pointer-events: none;
1478
+ border-color: inherit;
1479
+ border-style: solid;
1480
+ border-width: 0;
1481
+ border-inline-end-width: var(--wy-input-border-width);
1482
+ border-radius: 0;
1483
+ }
1484
+ .wy-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-input:hover:not(:disabled):not([readonly]) ::-webkit-file-upload-button {
1485
+ background-color: var(--wy-component-background-color);
1486
+ }
1487
+ .wy-input[type=file] {
1488
+ overflow: hidden;
1489
+ }
1490
+ .wy-input[type=file]:not(:disabled):not([readonly]) {
1491
+ cursor: pointer;
1492
+ }
1493
+ .wy-input::-webkit-date-and-time-value {
1494
+ height: calc(var(--wy-input-line-height) * 1em);
1495
+ }
1496
+ .wy-input[type=search]::-webkit-search-cancel-button {
1497
+ -webkit-appearance: none;
1045
1498
  }
1046
1499
 
1047
- .wy-search-result-table, .wy-table-reactions {
1048
- table-layout: fixed;
1500
+ .wy-input-filled {
1501
+ --wy-component-background-color: var(--wy-surface-2);
1502
+ --wy-component-color: var(--wy-on-surface);
1503
+ background-color: var(--wy-component-background-color);
1504
+ color: var(--wy-component-color);
1505
+ border-radius: 1.25rem;
1506
+ border-color: var(--wy-component-background-color);
1049
1507
  }
1050
- .wy-search-result-table th:first-child, .wy-table-reactions th:first-child, .wy-search-result-table th:last-child, .wy-table-reactions th:last-child, .wy-search-result-table td:first-child, .wy-table-reactions td:first-child, .wy-search-result-table td:last-child, .wy-table-reactions td:last-child {
1051
- color: rgba(0, 0, 0, 0.54) !important;
1052
- vertical-align: middle;
1053
- text-align: center;
1054
- padding: 0.25rem 0.5rem;
1055
- width: 2.5rem;
1056
- font-size: 1rem;
1057
- font-weight: 400;
1058
- text-transform: none;
1059
- letter-spacing: normal;
1508
+ .wy-input-filled:focus {
1509
+ border-color: var(--wy-outline-variant);
1060
1510
  }
1061
- .wy-search-result-table th:first-child, .wy-table-reactions th:first-child, .wy-search-result-table td:first-child, .wy-table-reactions td:first-child {
1062
- padding-right: 0;
1511
+
1512
+ .wy-is-invalid, .wy-is-invalid:focus {
1513
+ border-color: var(--wy-error);
1063
1514
  }
1064
- .wy-search-result-table th:last-child, .wy-table-reactions th:last-child, .wy-search-result-table td:last-child, .wy-table-reactions td:last-child {
1065
- padding-left: 0;
1515
+
1516
+ .wy-description {
1517
+ margin-top: 0.25rem;
1518
+ font-size: var(--wy-font-size-sm);
1066
1519
  }
1067
1520
 
1068
- .wy-table-trashed th, .wy-table-trashed td {
1069
- color: #6b6b6b;
1070
- text-decoration: line-through;
1521
+ .wy-input-label {
1522
+ display: block;
1523
+ margin-bottom: 0.5rem;
1071
1524
  }
1072
- .wy-table-trashed th:not(:last-child), .wy-table-trashed td:not(:last-child) {
1073
- opacity: 0.65;
1525
+
1526
+ .wy-input-group {
1527
+ position: relative;
1074
1528
  }
1075
- .wy-table-trashed th > a, .wy-table-trashed td > a {
1076
- color: #6b6b6b;
1529
+ .wy-input-group > .wy-icon {
1530
+ position: absolute;
1531
+ top: 0rem;
1532
+ left: 0rem;
1533
+ z-index: 4;
1077
1534
  }
1078
- .wy-table-trashed:hover th, .wy-table-trashed:hover td {
1079
- opacity: 1;
1535
+ .wy-input-group > .wy-icon + .wy-input {
1536
+ padding-left: 2.5rem;
1537
+ }
1538
+ .wy-input-group .wy-button-icon {
1539
+ position: absolute;
1540
+ top: 0rem;
1541
+ right: 0rem;
1542
+ z-index: 4;
1543
+ border-radius: var(--wy-input-border-radius);
1544
+ background: transparent;
1545
+ }
1546
+ .wy-input-group .wy-input-filled ~ .wy-button-icon {
1547
+ border-radius: 1.25rem;
1548
+ }
1549
+ .wy-input-group .wy-input {
1550
+ padding-right: 2.5rem;
1551
+ }
1552
+ .wy-input-group .wy-input:placeholder-shown ~ .wy-button-icon[type=reset] {
1553
+ display: none;
1554
+ }
1555
+ .wy-input-group .wy-input:not(:placeholder-shown) ~ .wy-button-icon[type=reset] + .wy-button-icon {
1556
+ display: none;
1080
1557
  }
1081
1558
 
1082
- .wy-reaction-count {
1559
+ .wy-item {
1560
+ position: relative;
1561
+ display: flex;
1562
+ align-items: center;
1563
+ gap: 0.5rem;
1564
+ padding: 0.25rem 0.75rem;
1565
+ text-decoration: none;
1566
+ min-height: 3rem;
1567
+ }
1568
+ .wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon-stack {
1569
+ margin-left: -0.25rem;
1570
+ }
1571
+
1572
+ .wy-item-body {
1573
+ width: 100%;
1574
+ overflow: hidden;
1575
+ text-overflow: ellipsis;
1576
+ white-space: nowrap;
1577
+ }
1578
+ .wy-item-body > * {
1579
+ overflow: hidden;
1580
+ text-overflow: ellipsis;
1581
+ white-space: nowrap;
1582
+ }
1583
+ .wy-item-body + .wy-dropdown, .wy-item-body + .wy-button-icon, .wy-item-body + .wy-item-actions {
1584
+ margin-right: -0.5rem;
1585
+ }
1586
+ .wy-item-body + .wy-emoji {
1587
+ margin-right: 0.125rem;
1588
+ }
1589
+
1590
+ .wy-item-title {
1591
+ color: var(--wy-on-background);
1592
+ font-weight: var(--wy-headings-font-weight);
1593
+ overflow: hidden;
1594
+ text-overflow: ellipsis;
1595
+ white-space: nowrap;
1596
+ }
1597
+
1598
+ .wy-item-text {
1599
+ color: var(--wy-outline);
1600
+ overflow: hidden;
1601
+ text-overflow: ellipsis;
1602
+ white-space: nowrap;
1603
+ font-size: var(--wy-font-size-sm);
1604
+ }
1605
+ .wy-item-text .wy-emoji, .wy-item-text .wy-icon {
1606
+ width: 1.25rem;
1607
+ height: 1.25rem;
1608
+ vertical-align: -0.3125rem;
1609
+ }
1610
+
1611
+ .wy-item-actions {
1612
+ --wy-component-background-color: transparent;
1613
+ display: flex;
1614
+ align-items: center;
1615
+ flex: 0 0 auto;
1616
+ }
1617
+
1618
+ .wy-item-actions-top {
1619
+ position: absolute;
1620
+ top: 0.25rem;
1621
+ right: 0.25rem;
1622
+ margin: 0 !important;
1623
+ }
1624
+
1625
+ .wy-item-actions-bottom {
1626
+ position: absolute;
1627
+ bottom: 0.25rem;
1628
+ right: 0.25rem;
1629
+ margin: 0 !important;
1630
+ }
1631
+
1632
+ .wy-item-body:has(+ .wy-item-actions-bottom) .wy-item-row:last-child {
1633
+ margin-right: 4.5rem;
1634
+ }
1635
+
1636
+ .wy-item-body:has(+ .wy-item-actions-top) .wy-item-row:first-child {
1637
+ margin-right: 2rem;
1638
+ }
1639
+
1640
+ .wy-item-row {
1641
+ display: flex;
1642
+ align-items: center;
1643
+ }
1644
+ .wy-item-row:first-child {
1645
+ margin-bottom: 0.125rem;
1646
+ }
1647
+ .wy-item-row .wy-item-title {
1648
+ margin-right: auto;
1649
+ }
1650
+ .wy-item-row .wy-item-text {
1651
+ margin-right: auto;
1652
+ }
1653
+ .wy-item-row .wy-meta {
1083
1654
  margin: 0 0.25rem;
1084
- line-height: 1;
1085
- color: #6b6b6b;
1086
- font-size: 0.875rem;
1655
+ white-space: nowrap;
1087
1656
  }
1088
1657
 
1089
- .wy-reaction-menu {
1090
- padding: 0.5rem;
1091
- font-size: 1.125rem;
1092
- border-radius: 2.5rem;
1658
+ .wy-item-hover {
1659
+ user-select: none;
1660
+ cursor: pointer;
1661
+ }
1662
+ .wy-item-hover:hover, .wy-item-hover:focus {
1663
+ --wy-component-background-color: var(--wy-surface-2);
1664
+ --wy-component-color: var(--wy-on-surface);
1665
+ background-color: var(--wy-component-background-color);
1666
+ color: var(--wy-component-color);
1667
+ text-decoration: none;
1668
+ }
1669
+ .wy-item-hover:active {
1670
+ --wy-component-background-color: var(--wy-surface-variant);
1671
+ --wy-component-color: var(--wy-on-surface-variant);
1672
+ background-color: var(--wy-component-background-color);
1673
+ color: var(--wy-component-color);
1674
+ }
1675
+ .wy-item-hover.wy-disabled, .wy-item-hover:disabled {
1676
+ opacity: var(--wy-opacity-disabled);
1677
+ pointer-events: none;
1678
+ }
1679
+ .wy-item-hover.wy-active {
1680
+ --wy-component-background-color: var(--wy-primary-container);
1681
+ --wy-component-color: var(--wy-on-primary-container);
1682
+ background-color: var(--wy-component-background-color);
1683
+ color: var(--wy-component-color);
1684
+ border-color: var(--wy-component-background-color);
1685
+ }
1686
+
1687
+ .wy-item-lg {
1688
+ padding: 0.75rem;
1689
+ min-height: 4.5rem;
1690
+ gap: 0.75rem;
1691
+ }
1692
+ .wy-item-lg > .wy-avatar, .wy-item-lg > .wy-icon, .wy-item-lg > .wy-icon-stack {
1693
+ margin-left: 0;
1694
+ }
1695
+
1696
+ .wy-list {
1697
+ border-radius: var(--wy-border-radius-sm);
1698
+ display: flex;
1699
+ flex-direction: column;
1700
+ gap: 1px;
1701
+ min-width: 0;
1702
+ }
1703
+ .wy-list .wy-item:not(.wy-item-hover) {
1704
+ --wy-component-background-color: var(--wy-background);
1705
+ --wy-component-color: var(--wy-on-background);
1706
+ background-color: var(--wy-component-background-color);
1707
+ color: var(--wy-component-color);
1093
1708
  }
1094
-
1095
- .wy-reaction-picker {
1096
- display: flex;
1709
+ .wy-list .wy-item:first-child {
1710
+ border-top-left-radius: inherit;
1711
+ border-top-right-radius: inherit;
1097
1712
  }
1098
- .wy-reaction-picker .wy-reaction-button {
1099
- color: unset;
1713
+ .wy-list .wy-item:last-child {
1714
+ border-bottom-left-radius: inherit;
1715
+ border-bottom-right-radius: inherit;
1100
1716
  }
1101
1717
 
1102
- .wy-reactions {
1103
- display: inline-flex;
1104
- align-items: center;
1105
- column-gap: 0.125rem;
1718
+ .wy-list-bordered {
1719
+ border: 1px solid var(--wy-outline-variant);
1720
+ gap: 0;
1106
1721
  }
1107
- .wy-reactions:empty {
1108
- display: none;
1722
+ .wy-list-bordered .wy-item {
1723
+ border-top: 1px solid var(--wy-outline-variant);
1724
+ border-left: none;
1725
+ border-right: none;
1109
1726
  }
1110
-
1111
- .wy-table-reactions td:first-child {
1112
- width: 2rem;
1113
- padding-left: 0;
1727
+ .wy-list-bordered .wy-item:first-child {
1728
+ border-top: none;
1114
1729
  }
1115
- .wy-table-reactions td:nth-child(2) {
1116
- width: 100%;
1117
- overflow: hidden;
1118
- text-overflow: ellipsis;
1119
- white-space: nowrap;
1730
+ .wy-list-bordered .wy-item:last-child {
1731
+ border-bottom: none;
1120
1732
  }
1121
- .wy-table-reactions td:last-child {
1122
- width: 2rem;
1123
- padding-right: 0;
1733
+ .wy-list-bordered .wy-item + .wy-list-bordered .wy-item {
1734
+ border-top-width: 0;
1124
1735
  }
1125
1736
 
1126
1737
  .wy-messages {
@@ -1133,18 +1744,19 @@
1133
1744
  }
1134
1745
 
1135
1746
  .wy-date-separator {
1136
- font-size: 0.75rem;
1747
+ font-size: var(--wy-font-size-xs);
1137
1748
  pointer-events: none;
1138
1749
  margin: 0.5rem;
1139
1750
  text-align: center;
1140
1751
  position: sticky;
1141
1752
  top: 1.5rem;
1142
- z-index: 2;
1753
+ z-index: 10;
1143
1754
  }
1144
1755
  .wy-date-separator time {
1145
- background: #f2f2f2;
1756
+ background: var(--wy-surface-3);
1757
+ color: var(--wy-on-surface);
1146
1758
  padding: 0.25rem 0.5rem;
1147
- border-radius: 0.375rem;
1759
+ border-radius: var(--wy-border-radius-sm);
1148
1760
  display: inline-block;
1149
1761
  }
1150
1762
 
@@ -1160,54 +1772,39 @@
1160
1772
  }
1161
1773
  .wy-message .wy-image-grid,
1162
1774
  .wy-message .wy-attachments {
1163
- border-radius: 0.5rem;
1164
- }
1165
- .wy-message:hover .wy-message-buttons {
1166
- opacity: 1;
1167
- }
1168
- .wy-message .wy-reaction-menu {
1169
- right: 0;
1775
+ border-radius: var(--wy-border-radius);
1170
1776
  }
1171
1777
 
1172
1778
  .wy-message-meta {
1173
- font-size: 0.75rem;
1779
+ font-size: var(--wy-font-size-xs);
1174
1780
  margin: 0 0 0.25rem 0.25rem;
1175
- color: #6b6b6b;
1781
+ color: var(--wy-on-surface-variant);
1176
1782
  }
1177
1783
 
1178
1784
  .wy-message-bubble {
1179
- background-color: #f2f2f2;
1180
- border-radius: 1rem;
1785
+ --wy-component-background-color: var(--wy-surface-variant);
1786
+ --wy-component-color: var(--wy-on-surface-variant);
1787
+ background-color: var(--wy-component-background-color);
1788
+ color: var(--wy-component-color);
1789
+ border-radius: calc(var(--wy-border-radius) + 0.5rem);
1181
1790
  display: flex;
1182
- flex-direction: row;
1183
- flex-wrap: wrap;
1791
+ flex-direction: column;
1184
1792
  padding: 0.75rem;
1793
+ gap: 0.75rem;
1185
1794
  max-width: min(32rem, 100% - 2rem);
1186
- min-width: 10rem;
1187
1795
  }
1188
1796
  .wy-message-bubble > div {
1189
- margin-bottom: 0.5rem;
1190
1797
  flex: 1 1 100%;
1191
1798
  }
1192
- .wy-message-bubble > div:last-of-type {
1193
- margin-bottom: 0;
1194
- }
1195
-
1196
- .wy-message-text {
1197
- overflow-wrap: break-word;
1198
- min-width: 0;
1199
- }
1200
- .wy-message-text :not(pre) > code {
1201
- overflow-wrap: inherit;
1202
- }
1203
- .wy-message-text pre, .wy-message-text pre > code {
1204
- white-space: pre-wrap;
1205
- }
1206
- .wy-message-text :last-child {
1207
- margin-bottom: 0;
1208
- }
1209
- .wy-message-text:empty {
1210
- display: none;
1799
+ .wy-message-bubble .wy-reactions-line {
1800
+ position: relative;
1801
+ height: 0;
1802
+ min-height: 0;
1803
+ max-height: 0;
1804
+ margin: 0 -0.75rem -0.75rem;
1805
+ flex: 0 0 0;
1806
+ flex-direction: row-reverse;
1807
+ justify-content: flex-end;
1211
1808
  }
1212
1809
 
1213
1810
  .wy-message-author {
@@ -1223,15 +1820,6 @@
1223
1820
  min-width: 0;
1224
1821
  position: relative;
1225
1822
  }
1226
- .wy-message-content .wy-reactions {
1227
- position: absolute;
1228
- bottom: -0.75rem;
1229
- left: 0.75rem;
1230
- background: #f2f2f2;
1231
- border-radius: 1.5rem;
1232
- border: 1px solid #f2f2f2;
1233
- padding: 0.125rem;
1234
- }
1235
1823
 
1236
1824
  .wy-message-content-row {
1237
1825
  display: flex;
@@ -1240,14 +1828,6 @@
1240
1828
  max-width: 100%;
1241
1829
  }
1242
1830
 
1243
- .wy-message-buttons {
1244
- display: flex;
1245
- flex-direction: row;
1246
- column-gap: 0.25rem;
1247
- margin: 0.25rem;
1248
- opacity: 0;
1249
- }
1250
-
1251
1831
  .wy-message-me {
1252
1832
  margin-right: 0;
1253
1833
  margin-left: 2.5rem;
@@ -1262,32 +1842,31 @@
1262
1842
  .wy-message-me .wy-message-content-row {
1263
1843
  flex-direction: row-reverse;
1264
1844
  }
1265
- .wy-message-me .wy-message-buttons {
1266
- flex-direction: row-reverse;
1267
- }
1268
1845
  .wy-message-me .wy-message-bubble {
1269
- background-color: #e9f6fc;
1846
+ --wy-component-background-color: var(--wy-primary-container);
1847
+ --wy-component-color: var(--wy-on-primary-container);
1848
+ background-color: var(--wy-component-background-color);
1849
+ color: var(--wy-component-color);
1270
1850
  }
1271
- .wy-message-me .wy-reaction-menu {
1272
- justify-content: flex-start;
1273
- right: auto;
1851
+ .wy-message-me .wy-reactions-line {
1852
+ flex-direction: row;
1274
1853
  }
1275
- .wy-message-me .wy-reactions {
1276
- background: #e9f6fc;
1277
- border-color: #e9f6fc;
1278
- left: auto;
1279
- right: 0.75rem;
1854
+ .wy-message-me .wy-reactions-line .wy-dropdown-menu {
1855
+ right: 0;
1280
1856
  }
1281
1857
 
1282
1858
  .wy-message-emoji .wy-message-bubble {
1283
1859
  background: none;
1284
- padding: 0;
1860
+ padding: 0 0 0.75rem;
1285
1861
  }
1286
- .wy-message-emoji .wy-message-text .wy-emoji {
1862
+ .wy-message-emoji .wy-content .wy-emoji {
1287
1863
  width: 3rem;
1288
1864
  height: 3rem;
1289
1865
  margin: 0;
1290
1866
  }
1867
+ .wy-message-emoji.wy-message-me .wy-content {
1868
+ text-align: end;
1869
+ }
1291
1870
 
1292
1871
  .wy-readby-status {
1293
1872
  display: flex;
@@ -1299,48 +1878,51 @@
1299
1878
  margin-left: 0.25rem;
1300
1879
  }
1301
1880
 
1302
- .wy-message-toaster {
1303
- position: sticky;
1304
- top: 3.5rem;
1305
- bottom: 3.5rem;
1306
- cursor: pointer;
1307
- z-index: 3;
1308
- border-radius: 50rem;
1309
- background-color: #156B93;
1310
- color: #fff;
1311
- padding: 0.5rem 1rem;
1312
- margin-left: auto;
1313
- margin-right: auto;
1314
- margin-bottom: 0.5rem;
1315
- font-size: 0.875rem;
1316
- width: max-content;
1317
- align-self: center;
1318
- text-align: center;
1319
- color: #fff;
1320
- }
1321
-
1322
1881
  .wy-message-readmore {
1323
1882
  justify-self: center;
1324
1883
  text-align: center;
1325
1884
  }
1326
1885
 
1327
- .wy-message-editor {
1328
- backface-visibility: hidden;
1329
- background-color: rgba(242, 242, 242, 0.95);
1886
+ .wy-message-editor-top {
1887
+ background-color: var(--wy-component-background-color);
1888
+ color: var(--wy-component-color);
1330
1889
  }
1331
1890
  @supports (position: sticky) {
1332
- .wy-message-editor {
1891
+ .wy-message-editor-top {
1333
1892
  position: sticky;
1334
- bottom: 0;
1893
+ top: 0;
1335
1894
  z-index: 1020;
1336
1895
  }
1337
1896
  }
1338
- @supports (backdrop-filter: blur(0.5rem)) {
1339
- .wy-message-editor {
1340
- backdrop-filter: blur(0.5rem);
1897
+
1898
+ .wy-message-editor-bottom {
1899
+ background-color: var(--wy-component-background-color);
1900
+ color: var(--wy-component-color);
1901
+ }
1902
+ @supports (position: sticky) {
1903
+ .wy-message-editor-bottom {
1904
+ position: sticky;
1905
+ bottom: 0;
1906
+ z-index: 1020;
1341
1907
  }
1342
1908
  }
1343
1909
 
1910
+ .wy-message-editor-dragging::after {
1911
+ content: "Drop files here to upload.";
1912
+ background-color: rgba(255, 255, 255, 0.5);
1913
+ display: flex;
1914
+ justify-content: center;
1915
+ align-items: center;
1916
+ border: 2px dashed var(--wy-primary);
1917
+ font-weight: 700;
1918
+ z-index: 10000;
1919
+ position: absolute;
1920
+ top: 0;
1921
+ left: 0;
1922
+ bottom: 0;
1923
+ right: 0;
1924
+ }
1925
+
1344
1926
  .wy-message-form .wy-spinner {
1345
1927
  display: none;
1346
1928
  }
@@ -1351,19 +1933,18 @@
1351
1933
  display: none;
1352
1934
  }
1353
1935
  .wy-message-form .wy-picker-list:not(:empty) {
1354
- border-top: 1px solid #cccccc;
1936
+ border-top: 1px solid var(--wy-outline-variant);
1355
1937
  }
1356
1938
 
1357
1939
  .wy-message-editor-inputs {
1358
1940
  display: flex;
1359
1941
  flex-direction: row;
1360
1942
  align-items: flex-end;
1361
- border-top: 1px solid rgba(204, 204, 204, 0.95);
1362
- padding: 0.5rem;
1363
- min-height: 3rem;
1943
+ padding: 0.5rem 0.25rem;
1944
+ min-height: 3.5rem;
1364
1945
  }
1365
1946
  .wy-message-editor-inputs > :not(:last-child) {
1366
- margin-right: 0.5rem;
1947
+ margin-right: 0.25rem;
1367
1948
  }
1368
1949
 
1369
1950
  .wy-message-editor-buttons {
@@ -1376,21 +1957,36 @@
1376
1957
  flex-direction: column;
1377
1958
  }
1378
1959
 
1960
+ .wy-message-editor-mention {
1961
+ background: blue;
1962
+ color: white;
1963
+ }
1964
+
1965
+ .wy-message-editor-link {
1966
+ background: blue;
1967
+ color: white;
1968
+ }
1969
+
1379
1970
  .wy-message-editor-grow::after,
1380
1971
  .wy-message-editor-grow > textarea,
1381
1972
  .wy-message-editor-textfield {
1382
1973
  flex: 1 1 100%;
1383
- outline: #f2f2f2 solid 1px;
1384
- max-height: 10.2rem;
1385
- background-color: #fff;
1386
- border-radius: 1rem;
1387
- border: none;
1974
+ max-height: 11.25rem;
1975
+ background-color: var(--wy-background);
1976
+ color: var(--wy-on-background);
1977
+ border-radius: 1.25rem;
1978
+ border: var(--wy-input-border-width) solid var(--wy-background);
1979
+ }
1980
+ .wy-message-editor-grow:focus::after,
1981
+ .wy-message-editor-grow > textarea:focus,
1982
+ .wy-message-editor-textfield:focus {
1983
+ border-color: var(--wy-outline-variant);
1388
1984
  }
1389
1985
 
1390
1986
  .wy-message-editor-textcontent {
1391
- font-family: var(--wy-font-sans-serif);
1392
- font-size: 1rem;
1393
- padding: 0.375rem 0.75rem;
1987
+ font-family: var(--wy-font-family);
1988
+ font-size: var(--wy-font-size-base);
1989
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1394
1990
  }
1395
1991
 
1396
1992
  .wy-message-editor-grow {
@@ -1410,6 +2006,15 @@
1410
2006
  overflow: hidden;
1411
2007
  }
1412
2008
 
2009
+ .wy-meta {
2010
+ color: var(--wy-outline);
2011
+ font-size: var(--wy-font-size-sm);
2012
+ }
2013
+
2014
+ .wy-meta-sm {
2015
+ font-size: var(--wy-font-size-xs);
2016
+ }
2017
+
1413
2018
  .wy-viewport {
1414
2019
  position: fixed;
1415
2020
  top: 0;
@@ -1438,7 +2043,7 @@
1438
2043
  perspective-origin: center center;
1439
2044
  }
1440
2045
  .wy-overlays .wy-panel {
1441
- background-color: rgba(255, 255, 255, 0.95);
2046
+ background-color: var(--wy-background);
1442
2047
  }
1443
2048
  .wy-overlays .wy-panel:not(.wy-transition) {
1444
2049
  transform: translateZ(-4rem) !important;
@@ -1450,7 +2055,7 @@
1450
2055
  transition: opacity 0.1s 0.2s step-end;
1451
2056
  }
1452
2057
  .wy-overlays .wy-panel .wy-controls .wy-icon {
1453
- color: rgba(0, 0, 0, 0.54);
2058
+ color: var(--wy-on-surface);
1454
2059
  }
1455
2060
  .wy-overlays .wy-panel.wy-loaded .wy-controls {
1456
2061
  pointer-events: none;
@@ -1459,57 +2064,6 @@
1459
2064
  .wy-overlays .wy-panel .wy-panel-frame {
1460
2065
  background-color: transparent;
1461
2066
  }
1462
- .wy-overlays .wy-panel.wy-controls-light .wy-icon {
1463
- color: rgba(0, 0, 0, 0.54);
1464
- }
1465
- .wy-overlays .wy-panel.wy-light {
1466
- background-color: rgba(255, 255, 255, 0.95);
1467
- }
1468
- .wy-overlays .wy-panel.wy-light .wy-icon {
1469
- color: rgba(0, 0, 0, 0.54);
1470
- }
1471
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon {
1472
- color: rgba(255, 255, 255, 0.62);
1473
- }
1474
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-controls-dark .wy-icon:focus {
1475
- color: rgba(255, 255, 255, 0.95);
1476
- }
1477
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon:active {
1478
- color: #fff;
1479
- }
1480
- .wy-overlays .wy-panel.wy-dark {
1481
- background-color: rgba(21, 21, 21, 0.95);
1482
- }
1483
- .wy-overlays .wy-panel.wy-dark .wy-icon {
1484
- color: rgba(255, 255, 255, 0.62);
1485
- }
1486
- .wy-overlays .wy-panel.wy-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-dark .wy-icon:focus {
1487
- color: rgba(255, 255, 255, 0.95);
1488
- }
1489
- .wy-overlays .wy-panel.wy-dark .wy-icon:active {
1490
- color: #fff;
1491
- }
1492
- .wy-overlays .wy-panel.wy-dark.wy-open[data-title]::before {
1493
- background-color: rgba(41, 41, 41, 0.95);
1494
- color: rgba(255, 255, 255, 0.62);
1495
- box-shadow: rgba(71, 71, 71, 0.95) 0px -1px 0px 0px inset;
1496
- }
1497
- @media (min-width: 768px) {
1498
- .wy-overlays .wy-panel.wy-floating {
1499
- left: 1rem;
1500
- top: 1rem;
1501
- right: 1rem;
1502
- bottom: 1rem;
1503
- border-radius: 0.1875rem;
1504
- box-shadow: 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);
1505
- }
1506
- .wy-overlays .wy-panel.wy-floating:not(.wy-scroll-y) {
1507
- overflow: hidden;
1508
- }
1509
- }
1510
- .wy-overlays .wy-panel.wy-modal {
1511
- background-color: rgba(255, 255, 255, 0.95);
1512
- }
1513
2067
  @media (min-width: 768px) {
1514
2068
  .wy-overlays .wy-panel.wy-modal {
1515
2069
  left: auto;
@@ -1520,8 +2074,8 @@
1520
2074
  margin-top: auto;
1521
2075
  margin-right: 4rem;
1522
2076
  margin-bottom: auto;
1523
- border-radius: 0.25rem;
1524
- box-shadow: 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);
2077
+ border-radius: var(--wy-border-radius);
2078
+ box-shadow: var(--wy-shadow-level4);
1525
2079
  width: 32rem;
1526
2080
  max-height: 32rem;
1527
2081
  }
@@ -1529,8 +2083,24 @@
1529
2083
  overflow: hidden;
1530
2084
  }
1531
2085
  }
2086
+ @media (min-width: 768px) {
2087
+ .wy-overlays .wy-panel.wy-modal-full {
2088
+ left: 1rem;
2089
+ top: 1rem;
2090
+ right: 1rem;
2091
+ bottom: 1rem;
2092
+ margin: 0;
2093
+ border-radius: var(--wy-border-radius);
2094
+ box-shadow: var(--wy-shadow-level4);
2095
+ width: auto;
2096
+ max-height: none;
2097
+ }
2098
+ .wy-overlays .wy-panel.wy-modal-full:not(.wy-scroll-y) {
2099
+ overflow: hidden;
2100
+ }
2101
+ }
1532
2102
  .wy-overlays .wy-panel.wy-loading .wy-controls {
1533
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2103
+ transition: opacity var(--wy-transition);
1534
2104
  opacity: 1;
1535
2105
  }
1536
2106
 
@@ -1538,7 +2108,7 @@
1538
2108
  pointer-events: none;
1539
2109
  }
1540
2110
 
1541
- a.wy-pager {
2111
+ :not(tr).wy-pager {
1542
2112
  display: block;
1543
2113
  text-align: center;
1544
2114
  margin: 1rem auto;
@@ -1553,11 +2123,17 @@ tr.wy-pager td .wy-spinner {
1553
2123
  margin: 1rem auto;
1554
2124
  }
1555
2125
 
2126
+ .wy-grid .wy-pager {
2127
+ display: flex;
2128
+ }
2129
+
1556
2130
  .wy-pane {
1557
- min-height: 100vh;
1558
2131
  display: flex;
1559
2132
  flex-direction: column;
1560
2133
  position: relative;
2134
+ min-height: 0;
2135
+ height: 100%;
2136
+ flex: 1 1 auto;
1561
2137
  }
1562
2138
 
1563
2139
  .wy-pane-body {
@@ -1567,7 +2143,14 @@ tr.wy-pager td .wy-spinner {
1567
2143
  }
1568
2144
 
1569
2145
  .wy-pane-group {
1570
- padding: 0.5rem;
2146
+ padding: 0.75rem;
2147
+ }
2148
+
2149
+ .wy-pane-background {
2150
+ --wy-component-background-color: var(--wy-background);
2151
+ --wy-component-color: var(--wy-on-background);
2152
+ background-color: var(--wy-component-background-color);
2153
+ color: var(--wy-component-color);
1571
2154
  }
1572
2155
 
1573
2156
  .wy-panels {
@@ -1589,34 +2172,36 @@ tr.wy-pager td .wy-spinner {
1589
2172
  left: 0;
1590
2173
  pointer-events: none;
1591
2174
  overflow: hidden;
1592
- background-color: rgba(255, 255, 255, 0.95);
2175
+ background-color: var(--wy-background);
1593
2176
  display: flex;
1594
2177
  flex-direction: column;
1595
2178
  }
1596
2179
  .wy-panel .wy-controls {
1597
- top: 0.75rem;
1598
- left: 0.75rem;
1599
- min-width: 2rem;
2180
+ top: 0.25rem;
2181
+ left: 0.25rem;
2182
+ min-width: 2.5rem;
1600
2183
  width: auto;
1601
2184
  display: flex;
1602
2185
  z-index: 10000;
1603
2186
  order: -1;
1604
2187
  flex-direction: row-reverse;
1605
- border-bottom: 1px solid #cccccc;
2188
+ border-bottom: 1px solid var(--wy-outline-variant);
1606
2189
  }
1607
2190
  .wy-panel .wy-controls:empty {
1608
2191
  display: none;
1609
2192
  }
1610
2193
  .wy-panel .wy-controls .wy-icon {
1611
- color: rgba(0, 0, 0, 0.54);
2194
+ color: var(--wy-on-background);
1612
2195
  }
1613
2196
  .wy-panel .wy-panel-frame {
1614
- transition: opacity 0.1s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2197
+ transition: opacity var(--wy-transition-fast);
2198
+ transition-delay: 0.2s;
1615
2199
  opacity: 1;
1616
2200
  }
1617
2201
  .wy-panel:not(.wy-loaded) .wy-panel-frame {
1618
2202
  opacity: 0;
1619
- transition: opacity 0.2s 0.1s step-start;
2203
+ transition: opacity 0.2s step-start;
2204
+ transition-delay: 0.1s;
1620
2205
  }
1621
2206
  .wy-panel.wy-open {
1622
2207
  pointer-events: all;
@@ -1629,19 +2214,20 @@ tr.wy-pager td .wy-spinner {
1629
2214
  left: 0;
1630
2215
  right: 0;
1631
2216
  height: 3rem;
1632
- padding: 0.5rem 0.5rem;
2217
+ padding: 0.25rem;
1633
2218
  opacity: 0;
1634
2219
  pointer-events: none;
1635
2220
  display: flex;
1636
2221
  align-items: center;
1637
2222
  justify-content: center;
1638
- transition: opacity 0.1s 0.2s step-end;
1639
- font-family: var(--wy-font-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji);
1640
- line-height: 1.5;
1641
- font-weight: 400;
1642
- background-color: rgba(242, 242, 242, 0.95);
1643
- color: rgba(0, 0, 0, 0.69);
1644
- box-shadow: rgba(204, 204, 204, 0.95) 0px -1px 0px 0px inset;
2223
+ transition: opacity 0.1s step-end;
2224
+ transition-delay: 0.2s;
2225
+ font-family: inherit;
2226
+ line-height: var(--wy-line-height);
2227
+ font-weight: var(--wy-font-weight);
2228
+ background-color: var(--wy-surface-1);
2229
+ color: var(--wy-on-surface);
2230
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
1645
2231
  backface-visibility: hidden;
1646
2232
  }
1647
2233
  @supports (backdrop-filter: blur(0.5rem)) {
@@ -1658,14 +2244,15 @@ tr.wy-pager td .wy-spinner {
1658
2244
  right: 0;
1659
2245
  pointer-events: none;
1660
2246
  opacity: 0;
1661
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
2247
+ transition: opacity var(--wy-transition);
2248
+ transition-duration: 0s;
1662
2249
  }
1663
2250
  .wy-panel.wy-open.wy-loading[data-title]::before {
1664
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1665
2251
  opacity: 1;
1666
2252
  }
1667
2253
  .wy-panel.wy-open.wy-loading::after {
1668
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
2254
+ transition: opacity var(--wy-transition);
2255
+ transition-duration: 0.5s;
1669
2256
  opacity: 1;
1670
2257
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3Eg%7Banimation:rotate 2s linear infinite;transform-origin:center center%7Dcircle%7Bstroke-dasharray:1,100;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite%7D@keyframes rotate%7B100%25%7Btransform:rotate(360deg)%7D%7D@keyframes dash%7B0%25%7Bstroke-dasharray:1,100;stroke-dashoffset:0%7D50%25%7Bstroke-dasharray:44.5,100;stroke-dashoffset:-17.5px%7D100%25%7Bstroke-dasharray:44.5,100;stroke-dashoffset:-62px%7D%7D@keyframes color%7B0%25,100%25%7Bstroke:%23216eb4%7D40%25%7Bstroke:%2328b7cf%7D66%25%7Bstroke:%23216eb4%7D80%25,90%25%7Bstroke:%2328b7cf%7D%7D%3C/style%3E%3Cg%3E%3Ccircle fill='none' cx='12' cy='12' r='11' stroke-linecap='butt' stroke-width='2' /%3E%3C/g%3E%3C/svg%3E");
1671
2258
  background-repeat: no-repeat;
@@ -1677,10 +2264,10 @@ tr.wy-pager td .wy-spinner {
1677
2264
  .wy-panel {
1678
2265
  opacity: 0;
1679
2266
  visibility: hidden;
1680
- transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.01s, transform 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.01s, visibility 0.01s step-end 0.1s;
2267
+ transition: opacity var(--wy-transition-fast) 0.01s, transform var(--wy-transition-fast) 0.01s, visibility 0.01s step-end var(--wy-transition-duration-fast);
1681
2268
  }
1682
2269
  .wy-panel.wy-open {
1683
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s step-start;
2270
+ transition: opacity var(--wy-transition), transform var(--wy-transition), visibility var(--wy-transition-duration) step-start;
1684
2271
  visibility: visible;
1685
2272
  }
1686
2273
  .wy-panel.wy-open.wy-transition {
@@ -1694,6 +2281,8 @@ tr.wy-pager td .wy-spinner {
1694
2281
  }
1695
2282
 
1696
2283
  .wy-picker-list {
2284
+ background: var(--wy-component-background-color);
2285
+ color: var(--wy-component-color);
1697
2286
  border: none;
1698
2287
  }
1699
2288
  .wy-picker-list > .wy-picker-list-item:first-child, .wy-picker-list > :first-child .wy-picker-list-item {
@@ -1725,28 +2314,51 @@ tr.wy-pager td .wy-spinner {
1725
2314
  white-space: nowrap;
1726
2315
  }
1727
2316
 
2317
+ .wy-main {
2318
+ display: flex;
2319
+ height: calc(100vh - 3rem);
2320
+ }
2321
+ @media (max-width: 767.98px) {
2322
+ .wy-main {
2323
+ flex-direction: column;
2324
+ }
2325
+ }
2326
+
1728
2327
  .wy-preview {
2328
+ --wy-component-background-color: var(--wy-background);
2329
+ --wy-component-color: var(--wy-on-background);
2330
+ background-color: var(--wy-component-background-color);
2331
+ color: var(--wy-component-color);
1729
2332
  display: flex;
2333
+ flex-direction: column;
1730
2334
  align-items: center;
1731
- justify-content: center;
1732
- height: calc(100% - 3rem - 1px);
2335
+ justify-content: space-around;
1733
2336
  position: relative;
1734
- background-color: #fff;
2337
+ flex: 1 1 100%;
2338
+ min-width: 16rem;
2339
+ min-height: 16rem;
2340
+ max-height: 100%;
2341
+ max-width: 100%;
1735
2342
  }
1736
- .wy-dark .wy-preview, .wy-preview.wy-dark {
1737
- background-color: #292929;
2343
+
2344
+ .wy-preview-area {
2345
+ min-width: 0;
2346
+ min-height: 0;
2347
+ width: 100%;
2348
+ height: 100%;
2349
+ flex: 1 1 auto;
2350
+ display: flex;
2351
+ flex-direction: column;
1738
2352
  }
1739
2353
 
1740
2354
  .wy-nav-prev, .wy-nav-next {
1741
- position: fixed;
2355
+ --wy-component-background-color: var(--wy-surface-variant);
2356
+ --wy-component-color: var(--wy-on-surface-variant);
2357
+ background-color: var(--wy-component-background-color);
2358
+ position: absolute;
1742
2359
  top: 50%;
1743
2360
  z-index: 1000;
1744
- }
1745
- .wy-nav-prev .wy-button-icon, .wy-nav-next .wy-button-icon {
1746
- background-color: #f2f2f2;
1747
- }
1748
- .wy-dark .wy-nav-prev .wy-button-icon, .wy-dark .wy-nav-next .wy-button-icon {
1749
- background-color: rgba(41, 41, 41, 0.95);
2361
+ border-radius: 50%;
1750
2362
  }
1751
2363
 
1752
2364
  .wy-nav-prev {
@@ -1758,78 +2370,38 @@ tr.wy-pager td .wy-spinner {
1758
2370
  }
1759
2371
 
1760
2372
  .wy-document {
2373
+ --wy-component-background-color: var(--wy-white);
2374
+ --wy-component-color: var(--wy-on-background);
2375
+ background-color: var(--wy-component-background-color);
2376
+ color: var(--wy-component-color);
1761
2377
  align-self: flex-start;
1762
- background-color: #fff;
1763
- color: #000;
1764
- padding: 2rem 3rem;
2378
+ padding: 2rem 3.5rem;
1765
2379
  width: 100%;
1766
2380
  min-height: 100%;
2381
+ flex: 1 0 auto;
1767
2382
  }
1768
2383
  @media (min-width: 768px) {
1769
2384
  .wy-document {
1770
2385
  padding: 3rem 4rem;
1771
- margin: 2rem 3.5rem;
2386
+ margin: 2rem auto;
1772
2387
  border-radius: 0.125rem;
1773
- box-shadow: 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);
2388
+ box-shadow: var(--wy-shadow-level2);
1774
2389
  width: 120ch;
1775
2390
  min-height: 170ch;
1776
- max-width: 100%;
1777
- }
1778
- }
1779
-
1780
- .wy-toolbar {
1781
- position: fixed;
1782
- z-index: 1030;
1783
- bottom: 1.5rem;
1784
- left: 0;
1785
- right: 0;
1786
- height: 3rem;
1787
- display: flex;
1788
- justify-content: center;
1789
- }
1790
- .wy-toolbar span {
1791
- margin-left: 0.25rem;
1792
- }
1793
- .wy-toolbar .wy-input {
1794
- text-align: center;
1795
- border-color: transparent;
1796
- }
1797
-
1798
- .wy-tools {
1799
- background-color: rgba(242, 242, 242, 0.95);
1800
- color: #000;
1801
- border-radius: 0.375rem;
1802
- display: flex;
1803
- align-items: center;
1804
- backface-visibility: hidden;
1805
- }
1806
- @supports (backdrop-filter: blur(0.5rem)) {
1807
- .wy-tools {
1808
- backdrop-filter: blur(0.5rem);
2391
+ max-width: calc(100% - 3.5rem);
1809
2392
  }
1810
2393
  }
1811
- .wy-dark .wy-tools {
1812
- background-color: rgba(41, 41, 41, 0.95);
1813
- color: rgba(255, 255, 255, 0.62);
1814
- }
1815
- .wy-dark .wy-tools .wy-icon {
1816
- color: rgba(255, 255, 255, 0.62);
1817
- }
1818
- .wy-dark .wy-tools .wy-input {
1819
- background-color: rgba(0, 0, 0, 0.5);
1820
- color: rgba(255, 255, 255, 0.62);
1821
- }
1822
-
1823
- .wy-tool {
1824
- display: flex;
1825
- align-items: center;
1826
- margin: 0 0.5rem;
1827
- }
1828
2394
 
1829
2395
  .wy-content-code {
2396
+ /*--wy-component-background-color: var(--wy-surface-1);
2397
+ --wy-component-color: var(--wy-on-surface);
2398
+
2399
+ background-color: var(--wy-component-background-color);
2400
+ color: var(--wy-component-color);
2401
+ */
1830
2402
  align-self: flex-start;
1831
2403
  width: 100%;
1832
- padding: 1rem 3rem;
2404
+ padding: 2rem 3.5rem;
1833
2405
  }
1834
2406
 
1835
2407
  .wy-content-iframe {
@@ -1837,10 +2409,15 @@ tr.wy-pager td .wy-spinner {
1837
2409
  display: block;
1838
2410
  width: 100%;
1839
2411
  height: 100%;
2412
+ top: 0;
2413
+ left: 0;
1840
2414
  flex: 1 1 100%;
1841
2415
  }
1842
2416
  .wy-content-iframe.wy-loaded {
1843
- background: #fff;
2417
+ --wy-component-background-color: var(--wy-surface-1);
2418
+ --wy-component-color: var(--wy-on-surface);
2419
+ background-color: var(--wy-component-background-color);
2420
+ color: var(--wy-component-color);
1844
2421
  }
1845
2422
  .wy-content-iframe.wy-loaded ~ .wy-content-iframe-fallback, .wy-content-iframe.wy-loaded ~ .wy-spinner {
1846
2423
  display: none;
@@ -1866,33 +2443,6 @@ tr.wy-pager td .wy-spinner {
1866
2443
  white-space: pre-wrap;
1867
2444
  }
1868
2445
 
1869
- .wy-content-icon {
1870
- background-color: #fff;
1871
- border-radius: 0.5rem;
1872
- display: flex;
1873
- align-items: center;
1874
- flex-direction: column;
1875
- text-align: center;
1876
- padding: 1rem 2rem;
1877
- }
1878
- .wy-content-icon .wy-icon-stack, .wy-content-icon .wy-icon {
1879
- width: 8rem;
1880
- height: 8rem;
1881
- }
1882
- .wy-dark .wy-content-icon {
1883
- background-color: rgba(41, 41, 41, 0.95);
1884
- color: rgba(255, 255, 255, 0.62);
1885
- }
1886
- .wy-dark .wy-content-icon a {
1887
- color: #79c7ec;
1888
- }
1889
- .wy-dark .wy-content-icon .wy-icon {
1890
- color: rgba(255, 255, 255, 0.7);
1891
- }
1892
- .wy-dark .wy-content-icon .wy-icon-stack .wy-icon:last-child {
1893
- background-color: rgba(41, 41, 41, 0.95);
1894
- }
1895
-
1896
2446
  .wy-content-image {
1897
2447
  min-width: 0;
1898
2448
  display: flex;
@@ -1902,32 +2452,18 @@ tr.wy-pager td .wy-spinner {
1902
2452
  margin: auto;
1903
2453
  max-height: 100%;
1904
2454
  max-width: 100%;
1905
- }
1906
- .wy-content-image.wy-intrinsic-image {
1907
- object-fit: scale-down;
1908
- }
1909
- .wy-content-image:not(.wy-intrinsic-image) {
1910
- height: 100%;
1911
- width: 100%;
1912
- --max-width: min(calc((100vh - 3rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
1913
- --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
1914
- /* // With sidebar
1915
- body.controller-content & {
1916
- --max-width: min(calc((100vh - 6rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
1917
- --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
1918
-
1919
- @include bs.media-breakpoint-up(lg) {
1920
- --max-width: min(calc((100vh - 3rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
1921
- --max-height: min(calc((100vw - 20rem) * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
1922
- }
1923
- } */
1924
- max-width: var(--max-width);
1925
- max-height: var(--max-height);
1926
- transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform-origin 0.2s step-end;
2455
+ /*&.wy-intrinsic-image {
2456
+ object-fit: scale-down;
2457
+ }*/
2458
+ /*&:not(.wy-intrinsic-image) {
2459
+ transition: transform vars.$transition, transform-origin vars.$transition-duration step-end;
2460
+ //cursor: zoom-in;
2461
+ }*/
2462
+ transition: transform var(--wy-transition), transform-origin var(--wy-transition-duration) step-end;
1927
2463
  }
1928
2464
  .wy-content-image.wy-zoom {
1929
2465
  cursor: zoom-out;
1930
- transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform-origin 0.2s step-start;
2466
+ transition: transform var(--wy-transition), transform-origin var(--wy-transition-duration) step-start;
1931
2467
  }
1932
2468
  .wy-content-image img {
1933
2469
  min-width: 0;
@@ -1965,6 +2501,7 @@ tr.wy-pager td .wy-spinner {
1965
2501
  min-height: 0;
1966
2502
  max-width: 100%;
1967
2503
  max-height: 100%;
2504
+ flex: 1 1 auto;
1968
2505
  }
1969
2506
 
1970
2507
  .wy-content-video, .wy-content-audio {
@@ -1980,7 +2517,7 @@ tr.wy-pager td .wy-spinner {
1980
2517
  outline: none;
1981
2518
  }
1982
2519
 
1983
- :root {
2520
+ :root, :host > * {
1984
2521
  --pdfViewer-padding-bottom: 0;
1985
2522
  --page-margin: 2rem auto;
1986
2523
  --page-border: none;
@@ -1990,7 +2527,7 @@ tr.wy-pager td .wy-spinner {
1990
2527
  }
1991
2528
 
1992
2529
  @media screen and (forced-colors: active) {
1993
- :root {
2530
+ :root, :host > * {
1994
2531
  --pdfViewer-padding-bottom: 9px;
1995
2532
  --page-margin: 9px auto 0;
1996
2533
  --page-border: none;
@@ -2052,7 +2589,7 @@ tr.wy-pager td .wy-spinner {
2052
2589
  }
2053
2590
  .wy-scrollbars .wy-content-pdf .wy-pdf-container {
2054
2591
  scrollbar-width: thin;
2055
- scrollbar-color: rgba(128, 128, 128, 0.75) transparent;
2592
+ scrollbar-color: var(--wy-outline) transparent;
2056
2593
  }
2057
2594
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar {
2058
2595
  height: 0.625rem;
@@ -2064,16 +2601,19 @@ tr.wy-pager td .wy-spinner {
2064
2601
  background: transparent;
2065
2602
  }
2066
2603
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb {
2067
- background-color: rgba(128, 128, 128, 0.75);
2604
+ background-color: var(--wy-outline);
2068
2605
  border: 0.125rem solid transparent;
2069
2606
  border-radius: 0.5rem;
2070
2607
  background-clip: padding-box;
2608
+ opacity: 75%;
2071
2609
  }
2072
2610
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:hover {
2073
- background-color: rgba(92, 92, 92, 0.75);
2611
+ background-color: var(--wy-outline-variant);
2612
+ opacity: 75%;
2074
2613
  }
2075
2614
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:window-inactive {
2076
- background-color: rgba(128, 128, 128, 0.5);
2615
+ background-color: var(--wy-outline);
2616
+ opacity: 50%;
2077
2617
  }
2078
2618
  @supports (overflow-y: overlay) {
2079
2619
  .wy-scrollbars .wy-content-pdf .wy-pdf-container {
@@ -2600,7 +3140,7 @@ tr.wy-pager td .wy-spinner {
2600
3140
  }
2601
3141
  @media print {
2602
3142
  .wy-content-pdf .xfaTextfield,
2603
- .wy-content-pdf .xfaSelect {
3143
+ .wy-content-pdf .xfaSelect {
2604
3144
  background: transparent;
2605
3145
  }
2606
3146
  .wy-content-pdf .xfaSelect {
@@ -2626,8 +3166,8 @@ tr.wy-pager td .wy-spinner {
2626
3166
  overflow: visible;
2627
3167
  border: var(--page-border);
2628
3168
  background-clip: content-box;
2629
- box-shadow: 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);
2630
- background-color: rgb(255, 255, 255);
3169
+ box-shadow: var(--wy-shadow-level2);
3170
+ background-color: #ffffff;
2631
3171
  }
2632
3172
  .wy-content-pdf .pdfViewer .dummyPage {
2633
3173
  position: relative;
@@ -2717,95 +3257,87 @@ tr.wy-pager td .wy-spinner {
2717
3257
  white-space: pre-wrap;
2718
3258
  }
2719
3259
 
2720
- .wy-scroll-y {
2721
- overflow-y: auto;
2722
- touch-action: pan-y, pan-x;
2723
- will-change: scroll-position, opacity;
2724
- backface-visibility: hidden;
2725
- max-height: 100%;
2726
- }
2727
- .wy-scroll-y:not(body) {
2728
- -webkit-overflow-scrolling: touch;
3260
+ .wy-reaction-count {
3261
+ margin: 0 0.5rem 0 0.125rem;
3262
+ line-height: 1;
3263
+ font-size: var(--wy-font-size-sm);
2729
3264
  }
2730
- .wy-scroll-y:not(.wy-scroll-x) {
2731
- overflow-x: hidden;
2732
- touch-action: pan-y;
3265
+
3266
+ .wy-reaction-menu {
3267
+ padding: 0.25rem;
3268
+ font-size: 1.125rem;
3269
+ border-radius: 2.5rem;
2733
3270
  }
2734
3271
 
2735
- .wy-scroll-x {
2736
- overflow-x: auto;
2737
- touch-action: pan-y, pan-x;
2738
- will-change: scroll-position, opacity;
2739
- backface-visibility: hidden;
2740
- max-width: 100%;
3272
+ .wy-reaction-picker {
3273
+ display: flex;
2741
3274
  }
2742
- .wy-scroll-x:not(.wy-scroll-y) {
2743
- overflow-y: hidden;
2744
- touch-action: pan-x;
3275
+ .wy-reaction-picker .wy-reaction-button {
3276
+ color: unset;
2745
3277
  }
2746
3278
 
2747
- .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
2748
- scrollbar-width: thin;
2749
- scrollbar-color: rgba(128, 128, 128, 0.75) transparent;
3279
+ .wy-reactions {
3280
+ display: inline-flex;
3281
+ align-items: center;
3282
+ column-gap: 0.125rem;
2750
3283
  }
2751
- @supports (overflow-y: overlay) {
2752
- .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
2753
- overflow-y: overlay;
2754
- }
3284
+ .wy-reactions:empty {
3285
+ display: none;
2755
3286
  }
2756
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar {
2757
- height: 0.625rem;
2758
- width: 0.625rem;
2759
- background: transparent;
2760
- z-index: 999;
3287
+
3288
+ .wy-table-reactions td:first-child {
3289
+ width: 3rem;
2761
3290
  }
2762
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-track, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-track {
2763
- background: transparent;
3291
+ .wy-table-reactions td:nth-child(2) {
3292
+ width: 100%;
2764
3293
  }
2765
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb {
2766
- background-color: rgba(128, 128, 128, 0.75);
2767
- border: 0.125rem solid transparent;
2768
- border-radius: 0.5rem;
2769
- background-clip: padding-box;
3294
+ .wy-table-reactions tr:last-child td {
3295
+ box-shadow: none;
2770
3296
  }
2771
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:hover, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:hover {
2772
- background-color: rgba(92, 92, 92, 0.75);
3297
+
3298
+ .wy-reactions-line {
3299
+ display: flex;
3300
+ align-items: center;
3301
+ /*> * {
3302
+ position: relative;
3303
+ }*/
2773
3304
  }
2774
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:window-inactive, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:window-inactive {
2775
- background-color: rgba(128, 128, 128, 0.5);
3305
+ .wy-reactions-line .wy-reactions {
3306
+ background: var(--wy-component-background-color);
3307
+ color: currentColor;
3308
+ border-radius: var(--wy-border-radius-pill);
3309
+ display: flex;
3310
+ width: auto;
3311
+ background-clip: content-box;
2776
3312
  }
2777
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:start, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:start {
2778
- height: var(--wy-scrollbar-adjust-top, 0);
3313
+ .wy-reactions-line .wy-reactions > .wy-emoji:first-child {
3314
+ margin-left: 0.125rem;
2779
3315
  }
2780
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:end, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:end {
2781
- height: var(--wy-scrollbar-adjust-bottom, 0);
3316
+ .wy-reactions-line .wy-reactions > .wy-emoji:last-child {
3317
+ margin-right: 0.125rem;
2782
3318
  }
2783
-
2784
- .wy-block-scroll {
2785
- overflow: hidden !important;
3319
+ .wy-reactions-line .wy-reaction-menu-button {
3320
+ background: var(--wy-component-background-color);
3321
+ color: currentColor;
3322
+ border-radius: var(--wy-border-radius-pill);
3323
+ background-clip: content-box;
2786
3324
  }
2787
3325
 
2788
- .wy-scrollbar-detection {
2789
- position: fixed;
2790
- top: 0;
2791
- left: 0;
2792
- width: 8rem;
2793
- height: 8rem;
2794
- overflow: scroll;
2795
- z-index: -99999;
2796
- pointer-events: none;
2797
- visibility: hidden;
3326
+ .wy-spinner, .wy-icon[data-icon=spinner] {
3327
+ align-self: center;
3328
+ justify-self: center;
3329
+ margin: auto;
2798
3330
  }
2799
-
2800
- svg.wy-spinner circle {
3331
+ .wy-spinner circle, .wy-icon[data-icon=spinner] circle {
2801
3332
  stroke-dasharray: 1, 100;
2802
3333
  stroke-dashoffset: 0;
2803
3334
  transform-origin: center;
3335
+ fill: none !important;
2804
3336
  }
2805
- svg.wy-spinner.wy-spin {
3337
+ .wy-spinner.wy-spin, .wy-icon[data-icon=spinner].wy-spin {
2806
3338
  animation: wy-rotate 1.4s linear infinite;
2807
3339
  }
2808
- svg.wy-spinner.wy-spin circle {
3340
+ .wy-spinner.wy-spin circle, .wy-icon[data-icon=spinner].wy-spin circle {
2809
3341
  animation: wy-dash 1.4s ease-in-out infinite, wy-color 2.8s ease-in-out infinite;
2810
3342
  }
2811
3343
 
@@ -2830,18 +3362,57 @@ svg.wy-spinner.wy-spin circle {
2830
3362
  }
2831
3363
  @keyframes wy-color {
2832
3364
  0%, 100% {
2833
- stroke: hsl(217deg, 77.2287735849%, 50%);
3365
+ stroke: var(--wy-primary);
2834
3366
  }
2835
3367
  25% {
2836
- stroke: hsl(6deg, 71.1567324185%, 50%);
3368
+ stroke: var(--wy-primary);
2837
3369
  }
2838
3370
  50% {
2839
- stroke: hsl(55deg, 81.2875214408%, 50%);
3371
+ stroke: transparent;
2840
3372
  }
2841
3373
  75% {
2842
- stroke: hsl(121deg, 50.2009084556%, 50%);
3374
+ stroke: var(--wy-primary);
2843
3375
  }
2844
3376
  }
3377
+ .wy-title {
3378
+ margin-top: 0.5rem;
3379
+ margin-bottom: 0.5rem;
3380
+ font-style: var(--wy-headings-font-style);
3381
+ font-weight: var(--wy-headings-font-weight);
3382
+ line-height: var(--wy-headings-line-height);
3383
+ margin-top: 0.5rem;
3384
+ margin-bottom: 0.5rem;
3385
+ font-weight: 400;
3386
+ font-size: 2.5rem;
3387
+ line-height: 3rem;
3388
+ }
3389
+
3390
+ .wy-headline {
3391
+ margin-top: 0.5rem;
3392
+ margin-bottom: 0.5rem;
3393
+ font-style: var(--wy-headings-font-style);
3394
+ font-weight: var(--wy-headings-font-weight);
3395
+ line-height: var(--wy-headings-line-height);
3396
+ margin-top: 0.5rem;
3397
+ margin-bottom: 0.5rem;
3398
+ font-weight: 400;
3399
+ font-size: 1.5rem;
3400
+ line-height: 2rem;
3401
+ }
3402
+
3403
+ .wy-label {
3404
+ margin-top: 0.5rem;
3405
+ margin-bottom: 0.5rem;
3406
+ font-style: var(--wy-headings-font-style);
3407
+ font-weight: var(--wy-headings-font-weight);
3408
+ line-height: var(--wy-headings-line-height);
3409
+ margin-top: 0rem;
3410
+ margin-bottom: 0rem;
3411
+ font-weight: 500;
3412
+ font-size: 1rem;
3413
+ line-height: 1.5rem;
3414
+ }
3415
+
2845
3416
  .wy-typing-show {
2846
3417
  font-style: italic;
2847
3418
  display: none;
@@ -2863,8 +3434,20 @@ svg.wy-spinner.wy-spin circle {
2863
3434
  left: 0.25rem;
2864
3435
  }
2865
3436
 
3437
+ .wy-meeting {
3438
+ flex: 1 1 100%;
3439
+ align-items: flex-start;
3440
+ }
3441
+
3442
+ .wy-meeting-actions {
3443
+ margin-top: 0.5rem;
3444
+ }
3445
+
2866
3446
  .wy-appbars {
2867
3447
  backface-visibility: hidden;
3448
+ --wy-component-background-color: var(--wy-surface-1);
3449
+ background-color: var(--wy-component-background-color);
3450
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
2868
3451
  }
2869
3452
  @supports (position: sticky) {
2870
3453
  .wy-appbars {
@@ -2881,41 +3464,50 @@ svg.wy-spinner.wy-spin circle {
2881
3464
  backdrop-filter: none;
2882
3465
  }
2883
3466
  }
3467
+ .wy-appbars > .wy-appbar, .wy-appbars > .wy-toolbar {
3468
+ background-color: transparent;
3469
+ box-shadow: none;
3470
+ }
2884
3471
 
2885
3472
  .wy-appbar {
3473
+ --wy-component-color: var(--wy-on-surface);
3474
+ --wy-component-background-color: var(--wy-surface-1);
2886
3475
  display: grid;
2887
3476
  align-items: center;
2888
3477
  justify-content: space-between;
3478
+ justify-items: center;
2889
3479
  height: 3rem;
2890
- padding: 0.5rem 0.5rem;
3480
+ padding: 0.25rem;
2891
3481
  flex: 0 0 3rem;
2892
- grid-template-columns: minmax(2rem, max-content) minmax(0, max-content) minmax(2rem, max-content);
3482
+ grid-template-columns: minmax(2.5rem, max-content) minmax(0, max-content) minmax(2.5rem, max-content);
2893
3483
  column-gap: 0.5rem;
2894
- font-family: var(--wy-font-sans-serif);
2895
- line-height: 1.5;
2896
- backface-visibility: hidden;
2897
- }
2898
- @supports (backdrop-filter: blur(0.5rem)) {
2899
- .wy-appbar {
2900
- backdrop-filter: blur(0.5rem);
2901
- }
3484
+ line-height: var(--wy-line-height);
3485
+ background-color: var(--wy-component-background-color);
3486
+ color: var(--wy-component-color);
3487
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
2902
3488
  }
2903
3489
  .wy-appbar .wy-badge {
2904
3490
  align-self: center;
2905
3491
  }
2906
3492
  .wy-appbar .wy-button {
2907
- max-height: 2rem;
3493
+ max-height: 2.5rem;
2908
3494
  }
2909
3495
 
2910
- .wy-appbar-buttons {
3496
+ .wy-appbar-buttons, .wy-toolbar-buttons {
2911
3497
  display: flex;
2912
- flex: 0 0 1rem;
3498
+ flex: 0 0 auto;
3499
+ align-items: center;
3500
+ }
3501
+
3502
+ .wy-toolbar-buttons-last {
3503
+ margin-inline-start: auto;
2913
3504
  }
2914
3505
 
2915
3506
  .wy-appbar-text {
2916
3507
  overflow: hidden;
2917
3508
  text-overflow: ellipsis;
2918
3509
  white-space: nowrap;
3510
+ max-width: 100%;
2919
3511
  color: inherit !important;
2920
3512
  user-select: none;
2921
3513
  }
@@ -2926,22 +3518,58 @@ svg.wy-spinner.wy-spin circle {
2926
3518
  color: inherit;
2927
3519
  }
2928
3520
 
2929
- .wy-appbar, .wy-light .wy-appbar, .wy-appbar.wy-light {
2930
- background-color: rgba(242, 242, 242, 0.95);
2931
- color: rgba(0, 0, 0, 0.69);
2932
- box-shadow: rgba(204, 204, 204, 0.95) 0px -1px 0px 0px inset;
3521
+ .wy-toolbars-bottom {
3522
+ position: absolute;
3523
+ z-index: 1030;
3524
+ bottom: 2rem;
3525
+ left: 0;
3526
+ right: 0;
3527
+ min-height: 3rem;
3528
+ display: flex;
3529
+ flex-direction: column;
3530
+ justify-content: center;
3531
+ justify-items: center;
3532
+ }
3533
+
3534
+ .wy-toolbar {
3535
+ --wy-component-color: var(--wy-on-surface);
3536
+ --wy-component-background-color: var(--wy-surface-1);
3537
+ display: flex;
3538
+ flex-wrap: wrap;
3539
+ align-items: center;
3540
+ justify-content: flex-start;
3541
+ justify-items: center;
3542
+ min-height: 3rem;
3543
+ padding: 0.25rem;
3544
+ flex: 1 0 3rem;
3545
+ column-gap: 0.25rem;
3546
+ line-height: var(--wy-line-height);
3547
+ background-color: var(--wy-component-background-color);
3548
+ color: var(--wy-component-color);
3549
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3550
+ }
3551
+ .wy-toolbar span {
3552
+ margin-left: 0.25rem;
3553
+ }
3554
+
3555
+ .wy-toolbar-center {
3556
+ margin: 0 auto;
3557
+ border-radius: var(--wy-border-radius);
2933
3558
  }
2934
- .wy-dark .wy-appbar, .wy-appbar.wy-dark {
2935
- background-color: rgba(41, 41, 41, 0.95);
2936
- color: rgba(255, 255, 255, 0.62);
2937
- box-shadow: rgba(71, 71, 71, 0.95) 0px -1px 0px 0px inset;
3559
+ .wy-toolbar-center .wy-input {
3560
+ text-align: center;
2938
3561
  }
2939
3562
 
2940
3563
  .wy-footerbars {
2941
- padding-bottom: 3.5rem;
3564
+ padding-bottom: 4rem;
3565
+ }
3566
+ .wy-footerbars > .wy-toolbar {
3567
+ box-shadow: none;
2942
3568
  }
2943
3569
 
2944
3570
  .wy-footerbar {
3571
+ --wy-component-background-color: var(--wy-surface-1);
3572
+ --wy-component-color: var(--wy-on-surface);
2945
3573
  position: absolute;
2946
3574
  bottom: 0;
2947
3575
  left: 0;
@@ -2950,13 +3578,14 @@ svg.wy-spinner.wy-spin circle {
2950
3578
  }
2951
3579
  .wy-footerbar::after {
2952
3580
  content: "";
3581
+ background-color: var(--wy-component-background-color);
3582
+ color: var(--wy-component-color);
3583
+ box-shadow: var(--wy-outline-variant) 0px 1px 0px 0px inset;
2953
3584
  position: absolute;
2954
3585
  width: 100vw;
2955
3586
  left: 0;
2956
3587
  bottom: 0;
2957
- height: 3.5rem;
2958
- border-top: 1px solid rgba(204, 204, 204, 0.95);
2959
- background: rgba(242, 242, 242, 0.95);
3588
+ height: 100%;
2960
3589
  z-index: -1;
2961
3590
  backface-visibility: hidden;
2962
3591
  }
@@ -2972,11 +3601,16 @@ svg.wy-spinner.wy-spin circle {
2972
3601
  margin: 0 0 0 0.5rem;
2973
3602
  }
2974
3603
 
3604
+ .wy-footerbar-sticky {
3605
+ position: sticky;
3606
+ }
3607
+
2975
3608
  .wy-footerbars-fixed .wy-footerbar {
2976
3609
  position: fixed;
2977
3610
  }
2978
3611
  .wy-footerbars-fixed .wy-footerbar::after {
2979
3612
  position: fixed;
3613
+ height: 4rem;
2980
3614
  }
2981
3615
 
2982
3616
  .wy-badge {
@@ -2985,38 +3619,22 @@ svg.wy-spinner.wy-spin circle {
2985
3619
  font-size: 0.75em;
2986
3620
  font-weight: 700;
2987
3621
  line-height: 1;
2988
- color: #fff;
3622
+ color: var(--wy-on-primary);
2989
3623
  text-align: center;
2990
3624
  white-space: nowrap;
2991
3625
  vertical-align: baseline;
2992
- border-radius: 0.375rem;
3626
+ border-radius: var(--wy-border-radius-pill);
3627
+ background-color: var(--wy-primary);
2993
3628
  }
2994
3629
  .wy-badge:empty {
2995
3630
  display: none;
2996
3631
  }
2997
3632
 
2998
- .wy-badge {
2999
- border-radius: 50rem;
3000
- background-color: #156B93;
3001
- }
3002
-
3003
- .wy-badge-success {
3004
- background-color: #35a137;
3005
- }
3006
-
3007
- .wy-badge-warning {
3008
- background-color: hsl(55deg, 81.2875214408%, 50%);
3009
- }
3010
-
3011
- .wy-badge-danger {
3012
- background-color: hsl(6deg, 71.1567324185%, 50%);
3013
- }
3014
-
3015
3633
  .wy-button {
3016
3634
  position: relative;
3017
3635
  }
3018
3636
  .wy-button .wy-badge {
3019
- font-size: 0.75rem;
3637
+ font-size: var(--wy-font-size-xs);
3020
3638
  position: absolute;
3021
3639
  right: 0;
3022
3640
  top: 0;
@@ -3037,6 +3655,16 @@ svg.wy-spinner.wy-spin circle {
3037
3655
  display: none;
3038
3656
  }
3039
3657
 
3658
+ .wy-button {
3659
+ /*&-check:checked + &,
3660
+ &-check:active + & {
3661
+ box-shadow: vars.$btn-active-box-shadow;
3662
+
3663
+ &:focus {
3664
+ box-shadow: vars.$btn-focus-box-shadow, vars.$btn-active-box-shadow;
3665
+ }
3666
+ }*/
3667
+ }
3040
3668
  .wy-button-check {
3041
3669
  position: absolute;
3042
3670
  clip: rect(0, 0, 0, 0);
@@ -3045,21 +3673,17 @@ svg.wy-spinner.wy-spin circle {
3045
3673
  .wy-button-check[disabled] + .wy-button-check, .wy-button-check:disabled + .wy-button-check {
3046
3674
  pointer-events: none;
3047
3675
  filter: none;
3048
- opacity: 0.65;
3676
+ opacity: var(--wy-opacity-disabled);
3049
3677
  }
3050
3678
  .wy-button-check:focus + .wy-button, .wy-button:focus {
3051
3679
  outline: 0;
3052
- box-shadow: unset;
3053
- }
3054
- .wy-button-check:checked + .wy-button, .wy-button-check:active + .wy-button {
3055
- box-shadow: unset;
3056
- }
3057
- .wy-button-check:checked + .wy-button:focus, .wy-button-check:active + .wy-button:focus {
3058
- box-shadow: unset, unset;
3059
3680
  }
3060
3681
  .wy-button-check + .wy-button-icon svg:last-child {
3061
3682
  display: none;
3062
3683
  }
3684
+ .wy-button-check:disabled + .wy-button-icon {
3685
+ opacity: var(--wy-opacity-disabled);
3686
+ }
3063
3687
  .wy-button-check:checked + .wy-button-icon svg:first-child {
3064
3688
  display: none;
3065
3689
  }
@@ -3067,134 +3691,103 @@ svg.wy-spinner.wy-spin circle {
3067
3691
  display: inline-block;
3068
3692
  }
3069
3693
 
3070
- input[type=search]::-webkit-search-cancel-button {
3071
- -webkit-appearance: none;
3072
- }
3073
-
3074
- .wy-search-form {
3694
+ .wy-conversation {
3695
+ display: flex;
3075
3696
  position: relative;
3076
- padding-top: 0.5rem;
3077
- padding-bottom: 0.5rem;
3078
- }
3079
- .wy-search-form [type=reset] {
3080
- display: none;
3081
- }
3082
- .wy-search-form .wy-button-icon {
3083
- position: absolute;
3084
- top: 0.25rem;
3085
- border-radius: 50%;
3086
- top: 0.5rem;
3087
- padding: 0.25rem;
3088
- z-index: 4;
3089
- }
3090
-
3091
- .wy-search-input {
3092
- background: #f2f2f2;
3093
- border-color: transparent;
3094
- padding-left: 2rem;
3095
3697
  }
3096
- .wy-search-input:focus {
3097
- background: #f2f2f2;
3098
- border-color: transparent;
3698
+ .wy-conversation .wy-item-title {
3699
+ font-weight: 400;
3099
3700
  }
3100
-
3101
- .wy-searching .wy-search-form [type=reset],
3102
- .wy-searching.wy-search-form [type=reset] {
3103
- display: inline;
3701
+ .wy-conversation.wy-unread .wy-item-title {
3702
+ font-weight: 700;
3104
3703
  }
3105
- .wy-searching .wy-search-form [type=submit],
3106
- .wy-searching.wy-search-form [type=submit] {
3107
- display: none;
3704
+ .wy-conversation.wy-unread .wy-item-text, .wy-conversation.wy-unread .wy-meta {
3705
+ color: var(--wy-on-background);
3706
+ font-weight: 600;
3108
3707
  }
3109
-
3110
- .wy-search-result-table td:nth-child(2) {
3708
+ .wy-conversation .wy-item-text .wy-typing-show {
3111
3709
  overflow: hidden;
3112
3710
  text-overflow: ellipsis;
3113
3711
  white-space: nowrap;
3712
+ font-weight: 400;
3114
3713
  }
3115
3714
 
3116
- .wy-search-no-result {
3117
- color: #6b6b6b;
3118
- text-align: center;
3715
+ .wy-table {
3716
+ --wy-component-color: var(--wy-on-background);
3717
+ --wy-component-background-color: var(--wy-background);
3718
+ color: var(--wy-component-color);
3719
+ background-color: var(--wy-component-background-color);
3720
+ table-layout: fixed;
3721
+ width: 100%;
3722
+ vertical-align: top;
3723
+ border-collapse: collapse;
3119
3724
  }
3120
-
3121
- .wy-conversation {
3122
- display: flex;
3123
- position: relative;
3725
+ .wy-table th, .wy-table td {
3726
+ padding: var(--wy-table-cell-padding-y) var(--wy-table-cell-padding-x);
3727
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3728
+ line-height: 1;
3729
+ vertical-align: middle;
3730
+ height: 2.5rem;
3124
3731
  }
3125
-
3126
- .wy-conversation-link {
3127
- display: flex;
3128
- padding: 0.5rem;
3129
- border: none;
3130
- z-index: unset !important;
3732
+ .wy-table th:first-child, .wy-table td:first-child {
3733
+ padding-left: calc(var(--wy-table-cell-padding-x) * 2);
3131
3734
  }
3132
- .wy-conversation-link.wy-active {
3133
- background-color: #f2f2f2;
3735
+ .wy-table th:last-child, .wy-table td:last-child {
3736
+ padding-right: calc(var(--wy-table-cell-padding-x) * 2);
3134
3737
  }
3135
-
3136
- .wy-conversation-body {
3137
- flex-grow: 1;
3138
- min-width: 0;
3139
- margin-left: 1rem;
3738
+ .wy-table > tbody {
3739
+ vertical-align: inherit;
3140
3740
  }
3141
-
3142
- .wy-conversation-header {
3143
- display: flex;
3144
- align-items: center;
3741
+ .wy-table > thead {
3742
+ vertical-align: bottom;
3145
3743
  }
3146
-
3147
- .wy-conversation-title {
3744
+ .wy-table .wy-table-cell-icon {
3745
+ color: var(--wy-component-color);
3746
+ vertical-align: middle;
3747
+ text-align: center;
3748
+ padding: calc(var(--wy-table-cell-padding-y) * .5) var(--wy-table-cell-padding-x);
3749
+ width: calc(2.5rem + var(--wy-table-cell-padding-x) * 2);
3750
+ font-size: var(--wy-font-size-base);
3751
+ font-weight: var(--wy-font-weight);
3752
+ text-transform: none;
3753
+ letter-spacing: normal;
3754
+ }
3755
+ .wy-table .wy-table-cell-text {
3148
3756
  overflow: hidden;
3149
3757
  text-overflow: ellipsis;
3150
3758
  white-space: nowrap;
3151
- margin-right: auto;
3152
- }
3153
- .wy-conversation.wy-unread .wy-conversation-title {
3154
- font-weight: 700;
3759
+ width: 100%;
3155
3760
  }
3156
3761
 
3157
- .wy-conversation-time {
3158
- color: #6b6b6b;
3159
- font-size: 0.75rem;
3160
- margin-left: 0.5rem;
3161
- margin-right: 0.25rem;
3162
- flex-shrink: 0;
3762
+ .wy-table-hover > tbody > tr:not(.wy-pager):hover > * {
3763
+ --wy-component-color: var(--wy-on-surface);
3764
+ --wy-component-background-color: var(--wy-surface-2);
3765
+ color: var(--color);
3766
+ background-color: var(--wy-component-background-color);
3767
+ cursor: pointer;
3163
3768
  }
3164
3769
 
3165
- .wy-conversation-summary {
3166
- overflow: hidden;
3167
- text-overflow: ellipsis;
3168
- white-space: nowrap;
3169
- color: #6b6b6b;
3170
- font-size: 0.875rem;
3171
- margin-right: 4rem;
3172
- height: 1.5rem;
3173
- line-height: 1.5rem;
3770
+ .wy-table-trashed th, .wy-table-trashed td {
3771
+ text-decoration: line-through;
3174
3772
  }
3175
- .wy-conversation-summary .wy-emoji {
3176
- vertical-align: -0.3125rem;
3773
+ .wy-table-trashed th:not(:last-child) > *, .wy-table-trashed td:not(:last-child) > * {
3774
+ opacity: var(--wy-opacity-disabled);
3177
3775
  }
3178
- .wy-conversation-summary .wy-icon {
3179
- vertical-align: -0.4375rem;
3776
+ .wy-table-trashed th > a, .wy-table-trashed td > a {
3777
+ color: var(--wy-component-color);
3180
3778
  }
3181
- .wy-conversation.wy-unread .wy-conversation-summary {
3182
- font-weight: 500;
3183
- color: #292929;
3779
+ .wy-table-trashed:hover th, .wy-table-trashed:hover td {
3780
+ opacity: 1;
3184
3781
  }
3185
- .wy-conversation-summary .wy-typing-show {
3186
- overflow: hidden;
3187
- text-overflow: ellipsis;
3188
- white-space: nowrap;
3189
- font-weight: 400;
3782
+
3783
+ .wy-table-no-result {
3784
+ text-align: center;
3785
+ padding: 1rem;
3190
3786
  }
3191
3787
 
3192
- .wy-conversation-actions {
3193
- display: flex;
3788
+ .wy-table-sort-link {
3789
+ display: inline-flex;
3194
3790
  align-items: center;
3195
- position: absolute;
3196
- right: 0.5rem;
3197
- bottom: 0.25rem;
3198
3791
  }
3199
3792
 
3200
3793
  .wy-messenger-provider {
@@ -3205,11 +3798,19 @@ input[type=search]::-webkit-search-cancel-button {
3205
3798
  }
3206
3799
 
3207
3800
  .wy-messenger-sidebar {
3801
+ ---background-color: var(--wy-background);
3802
+ ---color: var(--wy-on-background);
3803
+ background-color: var(---background-color);
3804
+ color: var(---color);
3208
3805
  width: 300px;
3209
- border-right: 1px solid #ccc;
3806
+ border-right: 1px solid var(--wy-outline-variant);
3210
3807
  }
3211
3808
 
3212
3809
  .wy-messenger-conversation {
3810
+ ---background-color: var(--wy-background);
3811
+ ---color: var(--wy-on-background);
3812
+ background-color: var(---background-color);
3813
+ color: var(---color);
3213
3814
  overflow-anchor: none;
3214
3815
  display: flex;
3215
3816
  flex-direction: column;