@weavy/uikit-react 12.1.0 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (280) hide show
  1. package/changelog.md +60 -0
  2. package/dist/cjs/index.js +28 -6
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/types/client/WeavyClient.d.ts +8 -1
  5. package/dist/cjs/types/components/Attachment.d.ts +2 -1
  6. package/dist/cjs/types/components/Chat.d.ts +1 -1
  7. package/dist/cjs/types/components/Messages.d.ts +3 -1
  8. package/dist/cjs/types/components/PdfViewer.d.ts +3 -1
  9. package/dist/cjs/types/components/Preview.d.ts +8 -10
  10. package/dist/cjs/types/contexts/PreviewContext.d.ts +2 -1
  11. package/dist/cjs/types/contexts/WeavyContext.d.ts +2 -3
  12. package/dist/cjs/types/hooks/useConversations.d.ts +1 -1
  13. package/dist/cjs/types/hooks/useMutateMessage.d.ts +1 -1
  14. package/dist/cjs/types/hooks/useMutateRead.d.ts +1 -0
  15. package/dist/cjs/types/types/Chat.d.ts +2 -1
  16. package/dist/cjs/types/types/Message.d.ts +2 -0
  17. package/dist/cjs/types/types/types.d.ts +63 -9
  18. package/dist/cjs/types/ui/Spinner.d.ts +10 -0
  19. package/dist/cjs/types/utils/fileUtilities.d.ts +1 -4
  20. package/dist/css/weavy-chat.css +1803 -1041
  21. package/dist/css/weavy-messenger.css +2141 -1360
  22. package/dist/css/weavy.css +1943 -1162
  23. package/dist/esm/index.js +28 -6
  24. package/dist/esm/index.js.map +1 -1
  25. package/dist/esm/types/client/WeavyClient.d.ts +8 -1
  26. package/dist/esm/types/components/Attachment.d.ts +2 -1
  27. package/dist/esm/types/components/Chat.d.ts +1 -1
  28. package/dist/esm/types/components/Messages.d.ts +3 -1
  29. package/dist/esm/types/components/PdfViewer.d.ts +3 -1
  30. package/dist/esm/types/components/Preview.d.ts +8 -10
  31. package/dist/esm/types/contexts/PreviewContext.d.ts +2 -1
  32. package/dist/esm/types/contexts/WeavyContext.d.ts +2 -3
  33. package/dist/esm/types/hooks/useConversations.d.ts +1 -1
  34. package/dist/esm/types/hooks/useMutateMessage.d.ts +1 -1
  35. package/dist/esm/types/hooks/useMutateRead.d.ts +1 -0
  36. package/dist/esm/types/types/Chat.d.ts +2 -1
  37. package/dist/esm/types/types/Message.d.ts +2 -0
  38. package/dist/esm/types/types/types.d.ts +63 -9
  39. package/dist/esm/types/ui/Spinner.d.ts +10 -0
  40. package/dist/esm/types/utils/fileUtilities.d.ts +1 -4
  41. package/dist/index.d.ts +15 -7
  42. package/package.json +2 -2
  43. package/rollup.config.js +3 -1
  44. package/src/client/WeavyClient.ts +105 -29
  45. package/src/components/Attachment.tsx +8 -7
  46. package/src/components/Chat.tsx +8 -7
  47. package/src/components/Conversation.tsx +29 -23
  48. package/src/components/ConversationBadge.tsx +7 -5
  49. package/src/components/ConversationForm.tsx +1 -1
  50. package/src/components/ConversationList.tsx +59 -11
  51. package/src/components/ConversationListItem.tsx +71 -54
  52. package/src/components/FileBrowser.tsx +53 -50
  53. package/src/components/MeetingCard.tsx +35 -13
  54. package/src/components/Meetings.tsx +1 -1
  55. package/src/components/Message.tsx +41 -41
  56. package/src/components/Messages.tsx +62 -61
  57. package/src/components/Messenger.tsx +7 -2
  58. package/src/components/NewConversation.tsx +1 -1
  59. package/src/components/PdfViewer.tsx +93 -88
  60. package/src/components/Preview.tsx +115 -54
  61. package/src/components/Reactions.tsx +11 -5
  62. package/src/components/SearchUsers.tsx +21 -11
  63. package/src/components/SeenBy.tsx +13 -7
  64. package/src/components/Typing.tsx +11 -12
  65. package/src/contexts/PreviewContext.tsx +90 -16
  66. package/src/contexts/UserContext.tsx +1 -1
  67. package/src/contexts/WeavyContext.tsx +10 -7
  68. package/src/hooks/useBadge.ts +2 -6
  69. package/src/hooks/useChat.ts +3 -14
  70. package/src/hooks/useConversation.ts +1 -7
  71. package/src/hooks/useConversations.ts +15 -11
  72. package/src/hooks/useFileUploader.ts +6 -8
  73. package/src/hooks/useMembers.ts +1 -7
  74. package/src/hooks/useMessages.ts +1 -7
  75. package/src/hooks/useMutateChat.ts +6 -11
  76. package/src/hooks/useMutateConversation.ts +7 -10
  77. package/src/hooks/useMutateConversationName.ts +10 -12
  78. package/src/hooks/useMutateDeleteReaction.ts +3 -8
  79. package/src/hooks/useMutateExternalBlobs.ts +6 -11
  80. package/src/hooks/useMutateMeeting.ts +6 -11
  81. package/src/hooks/useMutateMembers.ts +8 -13
  82. package/src/hooks/useMutateMessage.ts +9 -18
  83. package/src/hooks/useMutatePinned.ts +3 -8
  84. package/src/hooks/useMutateReaction.ts +6 -12
  85. package/src/hooks/useMutateRead.ts +5 -12
  86. package/src/hooks/useMutateRemoveMembers.ts +7 -12
  87. package/src/hooks/useMutateTyping.ts +6 -11
  88. package/src/hooks/usePresence.ts +2 -3
  89. package/src/hooks/useReactions.ts +11 -12
  90. package/src/hooks/useSearchUsers.ts +1 -6
  91. package/src/hooks/useUser.ts +3 -14
  92. package/src/scss/theme/_alert.scss +61 -63
  93. package/src/scss/theme/_appbar.scss +105 -28
  94. package/src/scss/theme/_avatar.scss +23 -28
  95. package/src/scss/theme/_badge.scss +26 -18
  96. package/src/scss/theme/_buttons.scss +107 -52
  97. package/src/scss/theme/_card.scss +102 -4
  98. package/src/scss/theme/_checkbox.scss +16 -20
  99. package/src/scss/theme/_code-vscode-dark.scss +184 -0
  100. package/src/scss/theme/_code-vscode-light.scss +179 -0
  101. package/src/scss/theme/_code.scss +9 -114
  102. package/src/scss/theme/_comment-editor-cm.scss +97 -0
  103. package/src/scss/theme/_comment-editor.scss +129 -0
  104. package/src/scss/theme/_comments.scss +66 -0
  105. package/src/scss/theme/_content.scss +33 -5
  106. package/src/scss/theme/_conversations.scss +19 -78
  107. package/src/scss/theme/_dropdown.scss +102 -15
  108. package/src/scss/theme/_embed.scss +135 -0
  109. package/src/scss/theme/_facepile.scss +11 -0
  110. package/src/scss/theme/_filebrowser.scss +1 -1
  111. package/src/scss/theme/_files.scss +77 -48
  112. package/src/scss/theme/_grid.scss +8 -0
  113. package/src/scss/theme/_icons.scss +155 -19
  114. package/src/scss/theme/_image-grid.scss +7 -10
  115. package/src/scss/theme/_input.scss +160 -0
  116. package/src/scss/theme/_item.scss +169 -0
  117. package/src/scss/theme/_list.scss +57 -0
  118. package/src/scss/theme/_meeting.scss +11 -0
  119. package/src/scss/theme/_message-editor-cm.scss +95 -0
  120. package/src/scss/theme/_message-editor.scss +66 -20
  121. package/src/scss/theme/_messages.scss +51 -105
  122. package/src/scss/theme/_meta.scss +12 -0
  123. package/src/scss/theme/_overlays.scss +31 -76
  124. package/src/scss/theme/_pager.scss +5 -1
  125. package/src/scss/theme/_pane.scss +13 -2
  126. package/src/scss/theme/_panels.scss +34 -25
  127. package/src/scss/theme/_picker-list.scss +5 -3
  128. package/src/scss/theme/_placeholder.scss +19 -0
  129. package/src/scss/theme/_poll.scss +49 -0
  130. package/src/scss/theme/_post-editor-cm.scss +100 -0
  131. package/src/scss/theme/_post-editor.scss +127 -0
  132. package/src/scss/theme/_post.scss +83 -0
  133. package/src/scss/theme/_preview-code.scss +14 -0
  134. package/src/scss/theme/_preview-embed.scss +11 -5
  135. package/src/scss/theme/_preview-image.scss +8 -26
  136. package/src/scss/theme/_preview-media.scss +1 -0
  137. package/src/scss/theme/_preview-pdf.scss +10 -15
  138. package/src/scss/theme/_preview-text.scss +1 -1
  139. package/src/scss/theme/_preview.scss +59 -76
  140. package/src/scss/theme/_reactions.scss +48 -17
  141. package/src/scss/theme/_sheet.scss +59 -0
  142. package/src/scss/theme/_sidebar.scss +86 -0
  143. package/src/scss/theme/_spinner.scss +11 -7
  144. package/src/scss/theme/_tab.scss +72 -0
  145. package/src/scss/theme/_tables.scss +70 -23
  146. package/src/scss/theme/_toasts.scss +56 -26
  147. package/src/scss/theme/_type.scss +41 -0
  148. package/src/scss/theme/{mixins → base}/_backdrop.scss +0 -0
  149. package/src/scss/theme/{bootstrap/mixins → base}/_breakpoints.scss +9 -0
  150. package/src/scss/theme/base/_colors.scss +315 -0
  151. package/src/scss/theme/base/_md.scss +19 -0
  152. package/src/scss/theme/base/_palette.scss +130 -0
  153. package/src/scss/theme/{mixins → base}/_position.scss +5 -5
  154. package/src/scss/theme/base/_reboot.scss +51 -0
  155. package/src/scss/theme/base/_scroll.scss +180 -0
  156. package/src/scss/theme/base/_svg.scss +49 -0
  157. package/src/scss/theme/base/_text.scss +23 -0
  158. package/src/scss/theme/base/_vars.scss +203 -0
  159. package/src/scss/theme/{fonts → base/fonts}/_fontmapping-roboto.scss +0 -0
  160. package/src/scss/theme/{fonts → base/fonts}/_fontmapping-segoe-ui.scss +0 -0
  161. package/src/scss/theme/base/fonts/_index.scss +2 -0
  162. package/src/scss/weavy-chat.scss +11 -4
  163. package/src/scss/weavy-messenger.scss +38 -21
  164. package/src/types/Chat.ts +2 -1
  165. package/src/types/Message.ts +3 -1
  166. package/src/types/types.ts +72 -10
  167. package/src/ui/Icon.tsx +1 -1
  168. package/src/ui/Spinner.tsx +19 -0
  169. package/src/utils/fileUtilities.ts +11 -125
  170. package/src/utils/infiniteScroll.js +11 -2
  171. package/src/utils/postal-parent.js +398 -0
  172. package/src/utils/promise.js +187 -0
  173. package/src/utils/scrollbarDetection.js +68 -9
  174. package/src/utils/utils.js +547 -0
  175. package/src/scss/theme/_attachments.scss +0 -74
  176. package/src/scss/theme/_cm-editor.scss +0 -42
  177. package/src/scss/theme/_colors.scss +0 -520
  178. package/src/scss/theme/_config.scss +0 -6
  179. package/src/scss/theme/_inputs.scss +0 -28
  180. package/src/scss/theme/_nav.scss +0 -52
  181. package/src/scss/theme/_palette.scss +0 -165
  182. package/src/scss/theme/_preview-icon.scss +0 -41
  183. package/src/scss/theme/_reboot.scss +0 -41
  184. package/src/scss/theme/_root.scss +0 -2
  185. package/src/scss/theme/_scroll.scss +0 -55
  186. package/src/scss/theme/_search.scss +0 -68
  187. package/src/scss/theme/_turbo.scss +0 -17
  188. package/src/scss/theme/_variables.scss +0 -139
  189. package/src/scss/theme/bootstrap/_accordion.scss +0 -146
  190. package/src/scss/theme/bootstrap/_alert.scss +0 -71
  191. package/src/scss/theme/bootstrap/_badge.scss +0 -38
  192. package/src/scss/theme/bootstrap/_breadcrumb.scss +0 -40
  193. package/src/scss/theme/bootstrap/_button-group.scss +0 -142
  194. package/src/scss/theme/bootstrap/_buttons.scss +0 -186
  195. package/src/scss/theme/bootstrap/_card.scss +0 -234
  196. package/src/scss/theme/bootstrap/_carousel.scss +0 -229
  197. package/src/scss/theme/bootstrap/_close.scss +0 -40
  198. package/src/scss/theme/bootstrap/_containers.scss +0 -41
  199. package/src/scss/theme/bootstrap/_dropdown.scss +0 -248
  200. package/src/scss/theme/bootstrap/_forms.scss +0 -9
  201. package/src/scss/theme/bootstrap/_functions.scss +0 -302
  202. package/src/scss/theme/bootstrap/_grid.scss +0 -33
  203. package/src/scss/theme/bootstrap/_helpers.scss +0 -10
  204. package/src/scss/theme/bootstrap/_images.scss +0 -42
  205. package/src/scss/theme/bootstrap/_list-group.scss +0 -191
  206. package/src/scss/theme/bootstrap/_maps.scss +0 -54
  207. package/src/scss/theme/bootstrap/_mixins.scss +0 -43
  208. package/src/scss/theme/bootstrap/_modal.scss +0 -237
  209. package/src/scss/theme/bootstrap/_nav.scss +0 -172
  210. package/src/scss/theme/bootstrap/_navbar.scss +0 -276
  211. package/src/scss/theme/bootstrap/_offcanvas.scss +0 -143
  212. package/src/scss/theme/bootstrap/_pagination.scss +0 -109
  213. package/src/scss/theme/bootstrap/_placeholders.scss +0 -51
  214. package/src/scss/theme/bootstrap/_popover.scss +0 -196
  215. package/src/scss/theme/bootstrap/_progress.scss +0 -59
  216. package/src/scss/theme/bootstrap/_reboot.scss +0 -610
  217. package/src/scss/theme/bootstrap/_root.scss +0 -73
  218. package/src/scss/theme/bootstrap/_spinners.scss +0 -85
  219. package/src/scss/theme/bootstrap/_tables.scss +0 -164
  220. package/src/scss/theme/bootstrap/_toasts.scss +0 -70
  221. package/src/scss/theme/bootstrap/_tooltip.scss +0 -120
  222. package/src/scss/theme/bootstrap/_transitions.scss +0 -27
  223. package/src/scss/theme/bootstrap/_type.scss +0 -106
  224. package/src/scss/theme/bootstrap/_utilities.scss +0 -647
  225. package/src/scss/theme/bootstrap/_variables.scss +0 -1633
  226. package/src/scss/theme/bootstrap/forms/_floating-labels.scss +0 -74
  227. package/src/scss/theme/bootstrap/forms/_form-check.scss +0 -175
  228. package/src/scss/theme/bootstrap/forms/_form-control.scss +0 -194
  229. package/src/scss/theme/bootstrap/forms/_form-range.scss +0 -91
  230. package/src/scss/theme/bootstrap/forms/_form-select.scss +0 -71
  231. package/src/scss/theme/bootstrap/forms/_form-text.scss +0 -11
  232. package/src/scss/theme/bootstrap/forms/_input-group.scss +0 -129
  233. package/src/scss/theme/bootstrap/forms/_labels.scss +0 -36
  234. package/src/scss/theme/bootstrap/forms/_validation.scss +0 -12
  235. package/src/scss/theme/bootstrap/helpers/_clearfix.scss +0 -3
  236. package/src/scss/theme/bootstrap/helpers/_color-bg.scss +0 -10
  237. package/src/scss/theme/bootstrap/helpers/_colored-links.scss +0 -12
  238. package/src/scss/theme/bootstrap/helpers/_position.scss +0 -36
  239. package/src/scss/theme/bootstrap/helpers/_ratio.scss +0 -26
  240. package/src/scss/theme/bootstrap/helpers/_stacks.scss +0 -15
  241. package/src/scss/theme/bootstrap/helpers/_stretched-link.scss +0 -15
  242. package/src/scss/theme/bootstrap/helpers/_text-truncation.scss +0 -7
  243. package/src/scss/theme/bootstrap/helpers/_visually-hidden.scss +0 -8
  244. package/src/scss/theme/bootstrap/helpers/_vr.scss +0 -8
  245. package/src/scss/theme/bootstrap/mixins/_alert.scss +0 -15
  246. package/src/scss/theme/bootstrap/mixins/_backdrop.scss +0 -14
  247. package/src/scss/theme/bootstrap/mixins/_banner.scss +0 -9
  248. package/src/scss/theme/bootstrap/mixins/_border-radius.scss +0 -78
  249. package/src/scss/theme/bootstrap/mixins/_box-shadow.scss +0 -18
  250. package/src/scss/theme/bootstrap/mixins/_buttons.scss +0 -70
  251. package/src/scss/theme/bootstrap/mixins/_caret.scss +0 -64
  252. package/src/scss/theme/bootstrap/mixins/_clearfix.scss +0 -9
  253. package/src/scss/theme/bootstrap/mixins/_color-scheme.scss +0 -7
  254. package/src/scss/theme/bootstrap/mixins/_container.scss +0 -11
  255. package/src/scss/theme/bootstrap/mixins/_deprecate.scss +0 -10
  256. package/src/scss/theme/bootstrap/mixins/_forms.scss +0 -152
  257. package/src/scss/theme/bootstrap/mixins/_gradients.scss +0 -47
  258. package/src/scss/theme/bootstrap/mixins/_grid.scss +0 -151
  259. package/src/scss/theme/bootstrap/mixins/_image.scss +0 -16
  260. package/src/scss/theme/bootstrap/mixins/_list-group.scss +0 -24
  261. package/src/scss/theme/bootstrap/mixins/_lists.scss +0 -7
  262. package/src/scss/theme/bootstrap/mixins/_pagination.scss +0 -10
  263. package/src/scss/theme/bootstrap/mixins/_reset-text.scss +0 -17
  264. package/src/scss/theme/bootstrap/mixins/_resize.scss +0 -6
  265. package/src/scss/theme/bootstrap/mixins/_table-variants.scss +0 -24
  266. package/src/scss/theme/bootstrap/mixins/_text-truncate.scss +0 -8
  267. package/src/scss/theme/bootstrap/mixins/_transition.scss +0 -26
  268. package/src/scss/theme/bootstrap/mixins/_utilities.scss +0 -97
  269. package/src/scss/theme/bootstrap/mixins/_visually-hidden.scss +0 -29
  270. package/src/scss/theme/bootstrap/utilities/_api.scss +0 -47
  271. package/src/scss/theme/bootstrap/vendor/_rfs.scss +0 -354
  272. package/src/scss/theme/bs/_badge.scss +0 -20
  273. package/src/scss/theme/bs/_buttons.scss +0 -185
  274. package/src/scss/theme/bs/_dropdown.scss +0 -86
  275. package/src/scss/theme/bs/_forms.scss +0 -161
  276. package/src/scss/theme/bs/_list-group.scss +0 -73
  277. package/src/scss/theme/bs/_tables.scss +0 -46
  278. package/src/scss/theme/fonts/_index.scss +0 -2
  279. package/src/scss/theme/mixins/_palette.scss +0 -165
  280. 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;
290
+ :where([class^=wy-], [class*=" wy-"]):where(label), :where([class^=wy-], [class*=" wy-"]) *:where(label) {
291
+ cursor: inherit;
109
292
  }
110
- .wy-attachments > :first-child,
111
- .wy-meetings > :first-child {
112
- border-top: none;
113
- }
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;
485
+ margin-right: -0.5rem;
448
486
  }
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);
458
- }
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 {
@@ -495,170 +533,560 @@
495
533
  gap: 0.5rem;
496
534
  }
497
535
 
498
- code[class*=language-], pre[class*=language-] {
499
- font-family: var(--wy-font-monospace);
500
- font-size: 1em;
501
- direction: ltr;
536
+ :not(.wy-dark) .wy-code, .wy-code:not(.wy-dark) {
537
+ /*pre[class*="language-"]::-moz-selection,
538
+ pre[class*="language-"] ::-moz-selection,
539
+ code[class*="language-"]::-moz-selection,
540
+ code[class*="language-"] ::-moz-selection {
541
+ text-shadow: none;
542
+ background: #ffffff;
543
+ }
544
+
545
+ pre[class*="language-"]::selection,
546
+ pre[class*="language-"] ::selection,
547
+ code[class*="language-"]::selection,
548
+ code[class*="language-"] ::selection {
549
+ text-shadow: none;
550
+ background: #ffffff;
551
+ }*/
552
+ /* Code blocks */
553
+ }
554
+ :not(.wy-dark) .wy-code code[class*=language-],
555
+ :not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) code[class*=language-],
556
+ .wy-code:not(.wy-dark) pre[class*=language-] {
557
+ color: #000000;
558
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
502
559
  text-align: left;
503
- white-space: pre;
560
+ white-space: pre-wrap;
504
561
  word-spacing: normal;
505
562
  word-break: normal;
563
+ word-wrap: break-word;
506
564
  line-height: 1.5;
565
+ -moz-tab-size: 4;
566
+ -o-tab-size: 4;
507
567
  tab-size: 4;
568
+ -webkit-hyphens: none;
569
+ -moz-hyphens: none;
570
+ -ms-hyphens: none;
508
571
  hyphens: none;
509
572
  }
510
-
511
- pre[class*=language-] {
512
- background: #fff;
513
- font-size: 0.875em;
514
- padding: 1rem;
515
- margin: 0.5rem 0;
573
+ @media print {
574
+ :not(.wy-dark) .wy-code code[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-] {
577
+ text-shadow: none;
578
+ }
579
+ }
580
+ :not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) pre[class*=language-] {
581
+ padding: 1em;
582
+ margin: 0.5em 0;
516
583
  overflow: auto;
517
584
  }
518
-
519
- .token.comment,
520
- .token.prolog,
521
- .token.doctype,
522
- .token.cdata {
585
+ :not(.wy-dark) .wy-code :not(pre) > code[class*=language-],
586
+ :not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) :not(pre) > code[class*=language-],
587
+ .wy-code:not(.wy-dark) pre[class*=language-] {
588
+ color: white;
589
+ background: #ffffff;
590
+ }
591
+ :not(.wy-dark) .wy-code :not(pre) > code[class*=language-], .wy-code:not(.wy-dark) :not(pre) > code[class*=language-] {
592
+ padding: 0.1em;
593
+ border-radius: 0.3em;
594
+ white-space: normal;
595
+ }
596
+ :not(.wy-dark) .wy-code .token.comment, .wy-code:not(.wy-dark) .token.comment {
523
597
  color: #008000;
524
- font-style: italic;
525
598
  }
526
-
527
- .token.namespace {
528
- opacity: 0.7;
599
+ :not(.wy-dark) .wy-code .token.builtin, .wy-code:not(.wy-dark) .token.builtin {
600
+ color: #0070C1;
529
601
  }
530
-
531
- .token.string {
602
+ :not(.wy-dark) .wy-code .token.number, .wy-code:not(.wy-dark) .token.number {
603
+ color: #098658;
604
+ }
605
+ :not(.wy-dark) .wy-code .token.variable, .wy-code:not(.wy-dark) .token.variable {
606
+ color: #098658;
607
+ }
608
+ :not(.wy-dark) .wy-code .token.inserted, .wy-code:not(.wy-dark) .token.inserted {
609
+ color: #098658;
610
+ }
611
+ :not(.wy-dark) .wy-code .token.operator, .wy-code:not(.wy-dark) .token.operator {
612
+ color: #000000;
613
+ }
614
+ :not(.wy-dark) .wy-code .token.constant, .wy-code:not(.wy-dark) .token.constant {
615
+ color: #811F3F;
616
+ }
617
+ :not(.wy-dark) .wy-code .token.hexcode, .wy-code:not(.wy-dark) .token.hexcode {
618
+ color: #811F3F;
619
+ }
620
+ :not(.wy-dark) .wy-code .token.regex, .wy-code:not(.wy-dark) .token.regex {
621
+ color: #811F3F;
622
+ }
623
+ :not(.wy-dark) .wy-code .token.char, .wy-code:not(.wy-dark) .token.char {
624
+ color: #811F3F;
625
+ }
626
+ :not(.wy-dark) .wy-code .token.tag, .wy-code:not(.wy-dark) .token.tag {
627
+ color: #800000;
628
+ }
629
+ :not(.wy-dark) .wy-code .token.attr-name, .wy-code:not(.wy-dark) .token.attr-name {
630
+ color: #FF0000;
631
+ }
632
+ :not(.wy-dark) .wy-code .token.selector, .wy-code:not(.wy-dark) .token.selector {
633
+ color: #FF0000;
634
+ }
635
+ :not(.wy-dark) .wy-code .token.property, .wy-code:not(.wy-dark) .token.property {
636
+ color: #FF0000;
637
+ }
638
+ :not(.wy-dark) .wy-code .token.deleted, .wy-code:not(.wy-dark) .token.deleted {
532
639
  color: #A31515;
533
640
  }
534
-
535
- .token.url,
536
- .token.symbol,
537
- .token.number,
538
- .token.boolean,
539
- .token.variable,
540
- .token.constant,
541
- .token.inserted {
542
- color: #36acaa;
641
+ :not(.wy-dark) .wy-code .token.string, .wy-code:not(.wy-dark) .token.string {
642
+ color: #A31515;
543
643
  }
544
-
545
- .token.atrule,
546
- .token.keyword,
547
- .token.attr-value,
548
- .language-autohotkey .token.selector,
549
- .language-json .token.boolean,
550
- .language-json .token.number,
551
- code[class*=language-css] {
552
- color: #0000ff;
644
+ :not(.wy-dark) .wy-code .token.changed, .wy-code:not(.wy-dark) .token.changed {
645
+ color: #0451A5;
553
646
  }
554
-
555
- .token.deleted,
556
- .language-autohotkey .token.tag {
557
- color: #9a050f;
647
+ :not(.wy-dark) .wy-code .token.punctuation, .wy-code:not(.wy-dark) .token.punctuation {
648
+ color: #0451A5;
558
649
  }
559
-
560
- .token.selector,
561
- .language-autohotkey .token.keyword {
562
- color: #00009f;
650
+ :not(.wy-dark) .wy-code .token.function, .wy-code:not(.wy-dark) .token.function {
651
+ color: #0000FF;
563
652
  }
564
-
565
- .token.important {
566
- color: #e90;
653
+ :not(.wy-dark) .wy-code .token.keyword, .wy-code:not(.wy-dark) .token.keyword {
654
+ color: #0000FF;
567
655
  }
568
-
569
- .token.important,
570
- .token.bold {
571
- font-weight: 700;
656
+ :not(.wy-dark) .wy-code .token.class-name, .wy-code:not(.wy-dark) .token.class-name {
657
+ color: #267F99;
658
+ }
659
+ :not(.wy-dark) .wy-code .token.important,
660
+ :not(.wy-dark) .wy-code .token.bold, .wy-code:not(.wy-dark) .token.important,
661
+ .wy-code:not(.wy-dark) .token.bold {
662
+ font-weight: bold;
663
+ }
664
+ :not(.wy-dark) .wy-code .token.italic, .wy-code:not(.wy-dark) .token.italic {
665
+ font-style: italic;
572
666
  }
667
+ .wy-dark .wy-code, .wy-code.wy-dark {
668
+ /*pre[class*="language-"]::-moz-selection,
669
+ pre[class*="language-"] ::-moz-selection,
670
+ code[class*="language-"]::-moz-selection,
671
+ code[class*="language-"] ::-moz-selection {
672
+ text-shadow: none;
673
+ background: #1e1e1e;
674
+ }
573
675
 
574
- .token.italic {
676
+ pre[class*="language-"]::selection,
677
+ pre[class*="language-"] ::selection,
678
+ code[class*="language-"]::selection,
679
+ code[class*="language-"] ::selection {
680
+ text-shadow: none;
681
+ background: #1e1e1e;
682
+ }*/
683
+ /* Code blocks */
684
+ }
685
+ .wy-dark .wy-code code[class*=language-],
686
+ .wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark code[class*=language-],
687
+ .wy-code.wy-dark pre[class*=language-] {
688
+ color: #d4d4d4;
689
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
690
+ text-align: left;
691
+ white-space: pre-wrap;
692
+ word-spacing: normal;
693
+ word-break: normal;
694
+ word-wrap: break-word;
695
+ line-height: 1.5;
696
+ -moz-tab-size: 4;
697
+ -o-tab-size: 4;
698
+ tab-size: 4;
699
+ -webkit-hyphens: none;
700
+ -moz-hyphens: none;
701
+ -ms-hyphens: none;
702
+ hyphens: none;
703
+ }
704
+ @media print {
705
+ .wy-dark .wy-code code[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-] {
708
+ text-shadow: none;
709
+ }
710
+ }
711
+ .wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark pre[class*=language-] {
712
+ padding: 1em;
713
+ margin: 0.5em 0;
714
+ overflow: auto;
715
+ }
716
+ .wy-dark .wy-code :not(pre) > code[class*=language-],
717
+ .wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark :not(pre) > code[class*=language-],
718
+ .wy-code.wy-dark pre[class*=language-] {
719
+ color: white;
720
+ background: #1e1e1e;
721
+ }
722
+ .wy-dark .wy-code :not(pre) > code[class*=language-], .wy-code.wy-dark :not(pre) > code[class*=language-] {
723
+ padding: 0.1em;
724
+ border-radius: 0.3em;
725
+ white-space: normal;
726
+ }
727
+ .wy-dark .wy-code .token.prolog, .wy-code.wy-dark .token.prolog {
728
+ color: #8080ff;
729
+ }
730
+ .wy-dark .wy-code .token.comment, .wy-code.wy-dark .token.comment {
731
+ color: #6A9955;
732
+ }
733
+ .wy-dark .wy-code .token.punctuation, .wy-code.wy-dark .token.punctuation {
734
+ color: #6A9955;
735
+ }
736
+ .wy-dark .wy-code .token.builtin, .wy-code.wy-dark .token.builtin {
737
+ color: #4FC1FF;
738
+ }
739
+ .wy-dark .wy-code .token.number, .wy-code.wy-dark .token.number {
740
+ color: #B5CEA8;
741
+ }
742
+ .wy-dark .wy-code .token.variable, .wy-code.wy-dark .token.variable {
743
+ color: #B5CEA8;
744
+ }
745
+ .wy-dark .wy-code .token.inserted, .wy-code.wy-dark .token.inserted {
746
+ color: #B5CEA8;
747
+ }
748
+ .wy-dark .wy-code .token.operator, .wy-code.wy-dark .token.operator {
749
+ color: #D4D4D4;
750
+ }
751
+ .wy-dark .wy-code .token.constant, .wy-code.wy-dark .token.constant {
752
+ color: #646695;
753
+ }
754
+ .wy-dark .wy-code .token.hexcode, .wy-code.wy-dark .token.hexcode {
755
+ color: #646695;
756
+ }
757
+ .wy-dark .wy-code .token.tag, .wy-code.wy-dark .token.tag {
758
+ color: #569CD6;
759
+ }
760
+ .wy-dark .wy-code .token.changed, .wy-code.wy-dark .token.changed {
761
+ color: #569CD6;
762
+ }
763
+ .wy-dark .wy-code .token.function, .wy-code.wy-dark .token.function {
764
+ color: #569CD6;
765
+ }
766
+ .wy-dark .wy-code .token.keyword, .wy-code.wy-dark .token.keyword {
767
+ color: #569CD6;
768
+ }
769
+ .wy-dark .wy-code .token.attr-name, .wy-code.wy-dark .token.attr-name {
770
+ color: #9CDCFE;
771
+ }
772
+ .wy-dark .wy-code .token.selector, .wy-code.wy-dark .token.selector {
773
+ color: #9CDCFE;
774
+ }
775
+ .wy-dark .wy-code .token.property, .wy-code.wy-dark .token.property {
776
+ color: #9CDCFE;
777
+ }
778
+ .wy-dark .wy-code .token.deleted, .wy-code.wy-dark .token.deleted {
779
+ color: #CE9178;
780
+ }
781
+ .wy-dark .wy-code .token.string, .wy-code.wy-dark .token.string {
782
+ color: #CE9178;
783
+ }
784
+ .wy-dark .wy-code .token.regex, .wy-code.wy-dark .token.regex {
785
+ color: #D16969;
786
+ }
787
+ .wy-dark .wy-code .token.char, .wy-code.wy-dark .token.char {
788
+ color: #D16969;
789
+ }
790
+ .wy-dark .wy-code .token.class-name, .wy-code.wy-dark .token.class-name {
791
+ color: #4EC9B0;
792
+ }
793
+ .wy-dark .wy-code .token.important,
794
+ .wy-dark .wy-code .token.bold, .wy-code.wy-dark .token.important,
795
+ .wy-code.wy-dark .token.bold {
796
+ font-weight: bold;
797
+ }
798
+ .wy-dark .wy-code .token.italic, .wy-code.wy-dark .token.italic {
575
799
  font-style: italic;
576
800
  }
577
801
 
578
- .token.class-name,
579
- .language-json .token.property {
580
- color: #2B91AF;
802
+ .wy-content {
803
+ overflow-wrap: break-word;
804
+ min-width: 0;
805
+ }
806
+ .wy-content :not(pre) > code {
807
+ overflow-wrap: inherit;
808
+ }
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 {
816
+ display: none;
581
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
+ }
582
826
 
583
- .token.tag,
584
- .token.selector {
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;
841
+ text-align: left;
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;
854
+ }
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
+ }
861
+ }
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 {
585
909
  color: #800000;
586
910
  }
587
-
588
- .token.attr-name,
589
- .token.property,
590
- .token.regex,
591
- .token.entity {
592
- color: #ff0000;
911
+ :not(.wy-dark) .wy-content .token.attr-name, .wy-content:not(.wy-dark) .token.attr-name {
912
+ color: #FF0000;
593
913
  }
594
-
595
- .token.directive.tag .tag {
596
- background: #ffff00;
914
+ :not(.wy-dark) .wy-content .token.selector, .wy-content:not(.wy-dark) .token.selector {
915
+ color: #FF0000;
597
916
  }
598
-
599
- .wy-hashtag {
600
- color: #6b6b6b;
917
+ :not(.wy-dark) .wy-content .token.property, .wy-content:not(.wy-dark) .token.property {
918
+ color: #FF0000;
601
919
  }
602
-
603
- .wy-mention {
604
- font-weight: 500;
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;
605
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
+ }
606
957
 
607
- .wy-dropdown-menu {
608
- position: absolute;
609
- z-index: 1000;
610
- display: none;
611
- min-width: 10rem;
612
- padding: 0.25rem 0;
613
- margin: 0;
614
- font-size: 1rem;
615
- color: #292929;
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 */
966
+ }
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;
616
972
  text-align: left;
617
- list-style: none;
618
- background-color: #fff;
619
- background-clip: padding-box;
620
- border: 0 solid var(--wy-border-color-translucent);
621
- border-radius: 0.375rem;
622
- 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);
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;
623
985
  }
624
- [data-bs-popper].wy-dropdown-menu {
625
- top: 100%;
626
- left: 0;
627
- margin-top: 0.25rem;
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
+ }
628
992
  }
629
-
630
- .wy-dropdown-divider {
631
- height: 0;
632
- margin: 0.25rem 0;
633
- overflow: hidden;
634
- border-top: 1px solid var(--wy-border-color-translucent);
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;
635
997
  }
636
-
637
- .wy-dropdown-item {
638
- display: block;
639
- width: 100%;
640
- padding: 0.75rem 0.75rem;
641
- clear: both;
642
- font-weight: 400;
643
- color: #292929;
644
- text-align: inherit;
645
- white-space: nowrap;
646
- background-color: transparent;
647
- border: 0;
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;
648
1071
  }
649
- .wy-dropdown-item:hover, .wy-dropdown-item:focus {
650
- color: #252525;
651
- background-color: #f2f2f2;
1072
+ .wy-dark .wy-content .token.class-name, .wy-content.wy-dark .token.class-name {
1073
+ color: #4EC9B0;
652
1074
  }
653
- .active.wy-dropdown-item, .wy-dropdown-item:active {
654
- color: #383838;
655
- text-decoration: none;
656
- background-color: #e6e6e6;
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;
657
1079
  }
658
- .disabled.wy-dropdown-item, .wy-dropdown-item:disabled {
659
- color: gray;
660
- pointer-events: none;
661
- background-color: transparent;
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;
662
1090
  }
663
1091
 
664
1092
  .wy-dropdown,
@@ -678,8 +1106,29 @@ code[class*=language-css] {
678
1106
  }
679
1107
 
680
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;
681
1125
  display: block;
682
1126
  }
1127
+ .wy-dropdown-menu[data-bs-popper] {
1128
+ top: 100%;
1129
+ left: 0;
1130
+ margin-top: 0.25rem;
1131
+ }
683
1132
  .wy-dropup .wy-dropdown-menu {
684
1133
  top: auto;
685
1134
  bottom: 100%;
@@ -698,16 +1147,51 @@ code[class*=language-css] {
698
1147
  }
699
1148
 
700
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;
701
1165
  cursor: pointer;
702
1166
  display: flex;
703
1167
  align-items: center;
704
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
+ }
705
1189
  .wy-dropdown-item > img, .wy-dropdown-item .wy-icon {
706
1190
  margin-right: 0.5rem;
707
- color: rgba(0, 0, 0, 0.54);
1191
+ color: inherit;
708
1192
  }
709
1193
  .wy-dropdown-item:active > .wy-icon {
710
- color: rgba(0, 0, 0, 0.54);
1194
+ color: inherit;
711
1195
  }
712
1196
  .wy-dropdown-item.wy-option .wy-icon {
713
1197
  visibility: hidden;
@@ -716,6 +1200,14 @@ code[class*=language-css] {
716
1200
  visibility: visible;
717
1201
  }
718
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
+
719
1211
  .wy-emoji {
720
1212
  width: 1.25rem;
721
1213
  height: 1.25rem;
@@ -740,66 +1232,163 @@ code[class*=language-css] {
740
1232
  position: absolute;
741
1233
  bottom: 0;
742
1234
  right: 0;
743
- background: var(--wy-white);
1235
+ background: var(--wy-component-background-color, var(--wy-background));
744
1236
  border-radius: 50%;
745
- border: 1px solid var(--wy-white);
1237
+ border: 1px solid var(--wy-component-background-color, var(--wy-background));
746
1238
  }
747
1239
 
748
1240
  .wy-icon-stack {
749
- display: inline-block;
1241
+ display: inline-flex;
750
1242
  position: relative;
751
1243
  line-height: 1;
752
- width: 1.5rem;
753
- height: 1.5rem;
754
- }
755
- .wy-icon-stack .wy-icon:first-child {
756
- width: 100%;
757
- height: 100%;
758
1244
  }
759
1245
  .wy-icon-stack .wy-icon:last-child {
760
1246
  position: absolute;
761
1247
  bottom: 0;
762
1248
  right: 0;
763
- width: 50%;
764
- height: 50%;
765
- background-color: var(--wy-body-bg);
1249
+ background-color: var(--wy-component-background-color, var(--wy-background));
766
1250
  border-radius: 50%;
767
1251
  }
768
1252
 
769
- .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-]) * {
770
1276
  fill: currentColor;
771
1277
  }
772
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
+
773
1294
  .wy-icon-primary * {
774
1295
  fill: var(--wy-primary);
775
1296
  }
776
1297
 
777
- .wy-icon-secondary * {
778
- fill: var(--wy-secondary);
1298
+ .wy-icon-error * {
1299
+ fill: var(--wy-error);
1300
+ }
1301
+
1302
+ .wy-icon-blue * {
1303
+ fill: var(--wy-blue);
1304
+ }
1305
+
1306
+ .wy-icon-indigo * {
1307
+ fill: var(--wy-indigo);
1308
+ }
1309
+
1310
+ .wy-icon-purple * {
1311
+ fill: var(--wy-purple);
1312
+ }
1313
+
1314
+ .wy-icon-pink * {
1315
+ fill: var(--wy-pink);
1316
+ }
1317
+
1318
+ .wy-icon-red * {
1319
+ fill: var(--wy-red);
1320
+ }
1321
+
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);
779
1368
  }
780
1369
 
781
- .wy-icon-success * {
782
- fill: var(--wy-success);
1370
+ .wy-kind-presentation * {
1371
+ fill: var(--wy-orange);
783
1372
  }
784
1373
 
785
- .wy-icon-info * {
786
- fill: var(--wy-info);
1374
+ .wy-kind-spreadsheet * {
1375
+ fill: var(--wy-green);
787
1376
  }
788
1377
 
789
- .wy-icon-warning * {
790
- fill: var(--wy-warning);
1378
+ .wy-kind-image * {
1379
+ fill: var(--wy-pink);
791
1380
  }
792
1381
 
793
- .wy-icon-danger * {
794
- fill: var(--wy-danger);
1382
+ .wy-kind-text * {
1383
+ fill: var(--wy-cyan);
795
1384
  }
796
1385
 
797
- .wy-icon-light * {
798
- fill: var(--wy-light);
1386
+ .wy-kind-video * {
1387
+ fill: var(--wy-purple);
799
1388
  }
800
1389
 
801
- .wy-icon-dark * {
802
- fill: var(--wy-dark);
1390
+ .wy-ext-pdf * {
1391
+ fill: var(--wy-red);
803
1392
  }
804
1393
 
805
1394
  .wy-image-grid {
@@ -807,7 +1396,7 @@ code[class*=language-css] {
807
1396
  flex-wrap: wrap;
808
1397
  justify-content: space-evenly;
809
1398
  position: relative;
810
- border-radius: 0.375rem;
1399
+ border-radius: var(--wy-border-radius);
811
1400
  overflow: hidden;
812
1401
  column-gap: 1px;
813
1402
  row-gap: 1px;
@@ -839,8 +1428,7 @@ code[class*=language-css] {
839
1428
  .wy-image-grid .wy-more {
840
1429
  position: absolute;
841
1430
  line-height: 100%;
842
- color: #fff;
843
- background: rgba(0, 0, 0, 0.5);
1431
+ color: #ffffff;
844
1432
  top: 0;
845
1433
  left: 0;
846
1434
  bottom: 0;
@@ -849,113 +1437,303 @@ code[class*=language-css] {
849
1437
  align-items: center;
850
1438
  justify-content: center;
851
1439
  font-size: 1.5rem;
1440
+ background: rgba(0, 0, 0, var(--wy-opacity-disabled));
852
1441
  }
853
1442
 
854
- .wy-search-result-table, .wy-table-reactions {
855
- --bs-table-bg: transparent;
856
- --bs-table-accent-bg: transparent;
857
- --bs-table-striped-color: var(--wy-body-color);
858
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
859
- --bs-table-active-color: var(--wy-body-color);
860
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
861
- --bs-table-hover-color: var(--wy-body-color);
862
- --bs-table-hover-bg: #f2f2f2;
1443
+ .wy-input {
1444
+ --wy-component-background-color: var(--wy-background);
1445
+ --wy-component-color: var(--wy-on-background);
1446
+ background-color: var(--wy-component-background-color);
1447
+ color: var(--wy-component-color);
1448
+ border: var(--wy-input-border-width) solid var(--wy-outline-variant);
1449
+ display: block;
863
1450
  width: 100%;
864
- margin-bottom: 1rem;
865
- color: var(--wy-body-color);
866
- vertical-align: top;
867
- border-color: #e6e6e6;
1451
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1452
+ font-family: var(--wy-font-family);
1453
+ font-size: var(--wy-input-font-size);
1454
+ font-weight: var(--wy-input-font-weight);
1455
+ line-height: var(--wy-input-line-height);
1456
+ background-clip: padding-box;
1457
+ appearance: none;
1458
+ border-radius: var(--wy-input-border-radius);
868
1459
  }
869
- .wy-search-result-table > :not(caption) > * > *, .wy-table-reactions > :not(caption) > * > * {
870
- padding: 0.5rem 0.5rem;
871
- background-color: var(--bs-table-bg);
872
- border-bottom-width: 1px;
873
- box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
1460
+ .wy-input:focus {
1461
+ --wy-component-color: var(--wy-on-surface);
1462
+ color: var(--wy-component-color);
1463
+ border-color: var(--wy-primary);
1464
+ outline: 0;
874
1465
  }
875
- .wy-search-result-table > tbody, .wy-table-reactions > tbody {
876
- vertical-align: inherit;
1466
+ .wy-input::placeholder {
1467
+ color: var(--wy-outline);
1468
+ opacity: 1;
877
1469
  }
878
- .wy-search-result-table > thead, .wy-table-reactions > thead {
879
- vertical-align: bottom;
1470
+ .wy-input:disabled {
1471
+ opacity: 38%;
1472
+ }
1473
+ .wy-input::file-selector-button, .wy-input::-webkit-file-upload-button {
1474
+ color: var(--wy-component-color);
1475
+ background-color: var(--wy-component-background-color);
1476
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1477
+ margin: calc(-1 * var(--wy-input-padding-y)) calc(-1 * var(--wy-input-padding-x));
1478
+ margin-inline-end: var(--wy-input-padding-x);
1479
+ pointer-events: none;
1480
+ border-color: inherit;
1481
+ border-style: solid;
1482
+ border-width: 0;
1483
+ border-inline-end-width: var(--wy-input-border-width);
1484
+ border-radius: 0;
1485
+ }
1486
+ .wy-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-input:hover:not(:disabled):not([readonly]) ::-webkit-file-upload-button {
1487
+ background-color: var(--wy-component-background-color);
1488
+ }
1489
+ .wy-input[type=file] {
1490
+ overflow: hidden;
1491
+ }
1492
+ .wy-input[type=file]:not(:disabled):not([readonly]) {
1493
+ cursor: pointer;
1494
+ }
1495
+ .wy-input::-webkit-date-and-time-value {
1496
+ height: calc(var(--wy-input-line-height) * 1em);
1497
+ }
1498
+ .wy-input[type=search]::-webkit-search-cancel-button {
1499
+ -webkit-appearance: none;
880
1500
  }
881
1501
 
882
- .wy-search-result-table, .wy-table-reactions {
883
- table-layout: fixed;
1502
+ .wy-input-filled {
1503
+ --wy-component-background-color: var(--wy-surface-2);
1504
+ --wy-component-color: var(--wy-on-surface);
1505
+ background-color: var(--wy-component-background-color);
1506
+ color: var(--wy-component-color);
1507
+ border-radius: 1.25rem;
1508
+ border-color: var(--wy-component-background-color);
884
1509
  }
885
- .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 {
886
- color: rgba(0, 0, 0, 0.54) !important;
887
- vertical-align: middle;
888
- text-align: center;
889
- padding: 0.25rem 0.5rem;
890
- width: 2.5rem;
891
- font-size: 1rem;
892
- font-weight: 400;
893
- text-transform: none;
894
- letter-spacing: normal;
1510
+ .wy-input-filled:focus {
1511
+ border-color: var(--wy-outline-variant);
895
1512
  }
896
- .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 {
897
- padding-right: 0;
1513
+
1514
+ .wy-is-invalid, .wy-is-invalid:focus {
1515
+ border-color: var(--wy-error);
898
1516
  }
899
- .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 {
900
- padding-left: 0;
1517
+
1518
+ .wy-description {
1519
+ margin-top: 0.25rem;
1520
+ font-size: var(--wy-font-size-sm);
901
1521
  }
902
1522
 
903
- .wy-table-trashed th, .wy-table-trashed td {
904
- color: #6b6b6b;
905
- text-decoration: line-through;
1523
+ .wy-input-label {
1524
+ display: block;
1525
+ margin-bottom: 0.5rem;
906
1526
  }
907
- .wy-table-trashed th:not(:last-child), .wy-table-trashed td:not(:last-child) {
908
- opacity: 0.65;
1527
+
1528
+ .wy-input-group {
1529
+ position: relative;
909
1530
  }
910
- .wy-table-trashed th > a, .wy-table-trashed td > a {
911
- color: #6b6b6b;
1531
+ .wy-input-group > .wy-icon {
1532
+ position: absolute;
1533
+ top: 0rem;
1534
+ left: 0rem;
1535
+ z-index: 4;
912
1536
  }
913
- .wy-table-trashed:hover th, .wy-table-trashed:hover td {
914
- opacity: 1;
1537
+ .wy-input-group > .wy-icon + .wy-input {
1538
+ padding-left: 2.5rem;
1539
+ }
1540
+ .wy-input-group .wy-button-icon {
1541
+ position: absolute;
1542
+ top: 0rem;
1543
+ right: 0rem;
1544
+ z-index: 4;
1545
+ border-radius: var(--wy-input-border-radius);
1546
+ background: transparent;
1547
+ }
1548
+ .wy-input-group .wy-input-filled ~ .wy-button-icon {
1549
+ border-radius: 1.25rem;
1550
+ }
1551
+ .wy-input-group .wy-input {
1552
+ padding-right: 2.5rem;
1553
+ }
1554
+ .wy-input-group .wy-input:placeholder-shown ~ .wy-button-icon[type=reset] {
1555
+ display: none;
1556
+ }
1557
+ .wy-input-group .wy-input:not(:placeholder-shown) ~ .wy-button-icon[type=reset] + .wy-button-icon {
1558
+ display: none;
915
1559
  }
916
1560
 
917
- .wy-reaction-count {
1561
+ .wy-item {
1562
+ position: relative;
1563
+ display: flex;
1564
+ align-items: center;
1565
+ gap: 0.5rem;
1566
+ padding: 0.25rem 0.75rem;
1567
+ text-decoration: none;
1568
+ min-height: 3rem;
1569
+ }
1570
+ .wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon-stack {
1571
+ margin-left: -0.25rem;
1572
+ }
1573
+
1574
+ .wy-item-body {
1575
+ width: 100%;
1576
+ overflow: hidden;
1577
+ text-overflow: ellipsis;
1578
+ white-space: nowrap;
1579
+ }
1580
+ .wy-item-body > * {
1581
+ overflow: hidden;
1582
+ text-overflow: ellipsis;
1583
+ white-space: nowrap;
1584
+ }
1585
+ .wy-item-body + .wy-dropdown, .wy-item-body + .wy-button-icon, .wy-item-body + .wy-item-actions {
1586
+ margin-right: -0.5rem;
1587
+ }
1588
+ .wy-item-body + .wy-emoji {
1589
+ margin-right: 0.125rem;
1590
+ }
1591
+
1592
+ .wy-item-title {
1593
+ color: var(--wy-on-background);
1594
+ font-weight: var(--wy-headings-font-weight);
1595
+ overflow: hidden;
1596
+ text-overflow: ellipsis;
1597
+ white-space: nowrap;
1598
+ }
1599
+
1600
+ .wy-item-text {
1601
+ color: var(--wy-outline);
1602
+ overflow: hidden;
1603
+ text-overflow: ellipsis;
1604
+ white-space: nowrap;
1605
+ font-size: var(--wy-font-size-sm);
1606
+ }
1607
+ .wy-item-text .wy-emoji, .wy-item-text .wy-icon {
1608
+ width: 1.25rem;
1609
+ height: 1.25rem;
1610
+ vertical-align: -0.3125rem;
1611
+ }
1612
+
1613
+ .wy-item-actions {
1614
+ --wy-component-background-color: transparent;
1615
+ display: flex;
1616
+ align-items: center;
1617
+ flex: 0 0 auto;
1618
+ }
1619
+
1620
+ .wy-item-actions-top {
1621
+ position: absolute;
1622
+ top: 0.25rem;
1623
+ right: 0.25rem;
1624
+ margin: 0 !important;
1625
+ }
1626
+
1627
+ .wy-item-actions-bottom {
1628
+ position: absolute;
1629
+ bottom: 0.25rem;
1630
+ right: 0.25rem;
1631
+ margin: 0 !important;
1632
+ }
1633
+
1634
+ .wy-item-body:has(+ .wy-item-actions-bottom) .wy-item-row:last-child {
1635
+ margin-right: 4.5rem;
1636
+ }
1637
+
1638
+ .wy-item-body:has(+ .wy-item-actions-top) .wy-item-row:first-child {
1639
+ margin-right: 2rem;
1640
+ }
1641
+
1642
+ .wy-item-row {
1643
+ display: flex;
1644
+ align-items: center;
1645
+ }
1646
+ .wy-item-row:first-child {
1647
+ margin-bottom: 0.125rem;
1648
+ }
1649
+ .wy-item-row .wy-item-title {
1650
+ margin-right: auto;
1651
+ }
1652
+ .wy-item-row .wy-item-text {
1653
+ margin-right: auto;
1654
+ }
1655
+ .wy-item-row .wy-meta {
918
1656
  margin: 0 0.25rem;
919
- line-height: 1;
920
- color: #6b6b6b;
921
- font-size: 0.875rem;
1657
+ white-space: nowrap;
922
1658
  }
923
1659
 
924
- .wy-reaction-menu {
925
- padding: 0.5rem;
926
- font-size: 1.125rem;
927
- border-radius: 2.5rem;
1660
+ .wy-item-hover {
1661
+ user-select: none;
1662
+ cursor: pointer;
1663
+ }
1664
+ .wy-item-hover:hover, .wy-item-hover:focus {
1665
+ --wy-component-background-color: var(--wy-surface-2);
1666
+ --wy-component-color: var(--wy-on-surface);
1667
+ background-color: var(--wy-component-background-color);
1668
+ color: var(--wy-component-color);
1669
+ text-decoration: none;
1670
+ }
1671
+ .wy-item-hover:active {
1672
+ --wy-component-background-color: var(--wy-surface-variant);
1673
+ --wy-component-color: var(--wy-on-surface-variant);
1674
+ background-color: var(--wy-component-background-color);
1675
+ color: var(--wy-component-color);
1676
+ }
1677
+ .wy-item-hover.wy-disabled, .wy-item-hover:disabled {
1678
+ opacity: var(--wy-opacity-disabled);
1679
+ pointer-events: none;
1680
+ }
1681
+ .wy-item-hover.wy-active {
1682
+ --wy-component-background-color: var(--wy-primary-container);
1683
+ --wy-component-color: var(--wy-on-primary-container);
1684
+ background-color: var(--wy-component-background-color);
1685
+ color: var(--wy-component-color);
1686
+ border-color: var(--wy-component-background-color);
1687
+ }
1688
+
1689
+ .wy-item-lg {
1690
+ padding: 0.75rem;
1691
+ min-height: 4.5rem;
1692
+ gap: 0.75rem;
1693
+ }
1694
+ .wy-item-lg > .wy-avatar, .wy-item-lg > .wy-icon, .wy-item-lg > .wy-icon-stack {
1695
+ margin-left: 0;
928
1696
  }
929
1697
 
930
- .wy-reaction-picker {
1698
+ .wy-list {
1699
+ border-radius: var(--wy-border-radius-sm);
931
1700
  display: flex;
1701
+ flex-direction: column;
1702
+ gap: 1px;
1703
+ min-width: 0;
932
1704
  }
933
- .wy-reaction-picker .wy-reaction-button {
934
- color: unset;
1705
+ .wy-list .wy-item:not(.wy-item-hover) {
1706
+ --wy-component-background-color: var(--wy-background);
1707
+ --wy-component-color: var(--wy-on-background);
1708
+ background-color: var(--wy-component-background-color);
1709
+ color: var(--wy-component-color);
935
1710
  }
936
-
937
- .wy-reactions {
938
- display: inline-flex;
939
- align-items: center;
940
- column-gap: 0.125rem;
1711
+ .wy-list .wy-item:first-child {
1712
+ border-top-left-radius: inherit;
1713
+ border-top-right-radius: inherit;
941
1714
  }
942
- .wy-reactions:empty {
943
- display: none;
1715
+ .wy-list .wy-item:last-child {
1716
+ border-bottom-left-radius: inherit;
1717
+ border-bottom-right-radius: inherit;
944
1718
  }
945
1719
 
946
- .wy-table-reactions td:first-child {
947
- width: 2rem;
948
- padding-left: 0;
1720
+ .wy-list-bordered {
1721
+ border: 1px solid var(--wy-outline-variant);
1722
+ gap: 0;
949
1723
  }
950
- .wy-table-reactions td:nth-child(2) {
951
- width: 100%;
952
- overflow: hidden;
953
- text-overflow: ellipsis;
954
- white-space: nowrap;
1724
+ .wy-list-bordered .wy-item {
1725
+ border-top: 1px solid var(--wy-outline-variant);
1726
+ border-left: none;
1727
+ border-right: none;
955
1728
  }
956
- .wy-table-reactions td:last-child {
957
- width: 2rem;
958
- padding-right: 0;
1729
+ .wy-list-bordered .wy-item:first-child {
1730
+ border-top: none;
1731
+ }
1732
+ .wy-list-bordered .wy-item:last-child {
1733
+ border-bottom: none;
1734
+ }
1735
+ .wy-list-bordered .wy-item + .wy-list-bordered .wy-item {
1736
+ border-top-width: 0;
959
1737
  }
960
1738
 
961
1739
  .wy-messages {
@@ -968,18 +1746,19 @@ code[class*=language-css] {
968
1746
  }
969
1747
 
970
1748
  .wy-date-separator {
971
- font-size: 0.75rem;
1749
+ font-size: var(--wy-font-size-xs);
972
1750
  pointer-events: none;
973
1751
  margin: 0.5rem;
974
1752
  text-align: center;
975
1753
  position: sticky;
976
1754
  top: 1.5rem;
977
- z-index: 2;
1755
+ z-index: 10;
978
1756
  }
979
1757
  .wy-date-separator time {
980
- background: #f2f2f2;
1758
+ background: var(--wy-surface-3);
1759
+ color: var(--wy-on-surface);
981
1760
  padding: 0.25rem 0.5rem;
982
- border-radius: 0.375rem;
1761
+ border-radius: var(--wy-border-radius-sm);
983
1762
  display: inline-block;
984
1763
  }
985
1764
 
@@ -995,54 +1774,39 @@ code[class*=language-css] {
995
1774
  }
996
1775
  .wy-message .wy-image-grid,
997
1776
  .wy-message .wy-attachments {
998
- border-radius: 0.5rem;
999
- }
1000
- .wy-message:hover .wy-message-buttons {
1001
- opacity: 1;
1002
- }
1003
- .wy-message .wy-reaction-menu {
1004
- right: 0;
1777
+ border-radius: var(--wy-border-radius);
1005
1778
  }
1006
1779
 
1007
1780
  .wy-message-meta {
1008
- font-size: 0.75rem;
1781
+ font-size: var(--wy-font-size-xs);
1009
1782
  margin: 0 0 0.25rem 0.25rem;
1010
- color: #6b6b6b;
1783
+ color: var(--wy-on-surface-variant);
1011
1784
  }
1012
1785
 
1013
1786
  .wy-message-bubble {
1014
- background-color: #f2f2f2;
1015
- border-radius: 1rem;
1787
+ --wy-component-background-color: var(--wy-surface-variant);
1788
+ --wy-component-color: var(--wy-on-surface-variant);
1789
+ background-color: var(--wy-component-background-color);
1790
+ color: var(--wy-component-color);
1791
+ border-radius: calc(var(--wy-border-radius) + 0.5rem);
1016
1792
  display: flex;
1017
- flex-direction: row;
1018
- flex-wrap: wrap;
1793
+ flex-direction: column;
1019
1794
  padding: 0.75rem;
1795
+ gap: 0.75rem;
1020
1796
  max-width: min(32rem, 100% - 2rem);
1021
- min-width: 10rem;
1022
1797
  }
1023
1798
  .wy-message-bubble > div {
1024
- margin-bottom: 0.5rem;
1025
1799
  flex: 1 1 100%;
1026
1800
  }
1027
- .wy-message-bubble > div:last-of-type {
1028
- margin-bottom: 0;
1029
- }
1030
-
1031
- .wy-message-text {
1032
- overflow-wrap: break-word;
1033
- min-width: 0;
1034
- }
1035
- .wy-message-text :not(pre) > code {
1036
- overflow-wrap: inherit;
1037
- }
1038
- .wy-message-text pre, .wy-message-text pre > code {
1039
- white-space: pre-wrap;
1040
- }
1041
- .wy-message-text :last-child {
1042
- margin-bottom: 0;
1043
- }
1044
- .wy-message-text:empty {
1045
- display: none;
1801
+ .wy-message-bubble .wy-reactions-line {
1802
+ position: relative;
1803
+ height: 0;
1804
+ min-height: 0;
1805
+ max-height: 0;
1806
+ margin: 0 -0.75rem -0.75rem;
1807
+ flex: 0 0 0;
1808
+ flex-direction: row-reverse;
1809
+ justify-content: flex-end;
1046
1810
  }
1047
1811
 
1048
1812
  .wy-message-author {
@@ -1058,15 +1822,6 @@ code[class*=language-css] {
1058
1822
  min-width: 0;
1059
1823
  position: relative;
1060
1824
  }
1061
- .wy-message-content .wy-reactions {
1062
- position: absolute;
1063
- bottom: -0.75rem;
1064
- left: 0.75rem;
1065
- background: #f2f2f2;
1066
- border-radius: 1.5rem;
1067
- border: 1px solid #f2f2f2;
1068
- padding: 0.125rem;
1069
- }
1070
1825
 
1071
1826
  .wy-message-content-row {
1072
1827
  display: flex;
@@ -1075,14 +1830,6 @@ code[class*=language-css] {
1075
1830
  max-width: 100%;
1076
1831
  }
1077
1832
 
1078
- .wy-message-buttons {
1079
- display: flex;
1080
- flex-direction: row;
1081
- column-gap: 0.25rem;
1082
- margin: 0.25rem;
1083
- opacity: 0;
1084
- }
1085
-
1086
1833
  .wy-message-me {
1087
1834
  margin-right: 0;
1088
1835
  margin-left: 2.5rem;
@@ -1097,32 +1844,31 @@ code[class*=language-css] {
1097
1844
  .wy-message-me .wy-message-content-row {
1098
1845
  flex-direction: row-reverse;
1099
1846
  }
1100
- .wy-message-me .wy-message-buttons {
1101
- flex-direction: row-reverse;
1102
- }
1103
1847
  .wy-message-me .wy-message-bubble {
1104
- background-color: #e9f6fc;
1848
+ --wy-component-background-color: var(--wy-primary-container);
1849
+ --wy-component-color: var(--wy-on-primary-container);
1850
+ background-color: var(--wy-component-background-color);
1851
+ color: var(--wy-component-color);
1105
1852
  }
1106
- .wy-message-me .wy-reaction-menu {
1107
- justify-content: flex-start;
1108
- right: auto;
1853
+ .wy-message-me .wy-reactions-line {
1854
+ flex-direction: row;
1109
1855
  }
1110
- .wy-message-me .wy-reactions {
1111
- background: #e9f6fc;
1112
- border-color: #e9f6fc;
1113
- left: auto;
1114
- right: 0.75rem;
1856
+ .wy-message-me .wy-reactions-line .wy-dropdown-menu {
1857
+ right: 0;
1115
1858
  }
1116
1859
 
1117
1860
  .wy-message-emoji .wy-message-bubble {
1118
1861
  background: none;
1119
- padding: 0;
1862
+ padding: 0 0 0.75rem;
1120
1863
  }
1121
- .wy-message-emoji .wy-message-text .wy-emoji {
1864
+ .wy-message-emoji .wy-content .wy-emoji {
1122
1865
  width: 3rem;
1123
1866
  height: 3rem;
1124
1867
  margin: 0;
1125
1868
  }
1869
+ .wy-message-emoji.wy-message-me .wy-content {
1870
+ text-align: end;
1871
+ }
1126
1872
 
1127
1873
  .wy-readby-status {
1128
1874
  display: flex;
@@ -1134,71 +1880,73 @@ code[class*=language-css] {
1134
1880
  margin-left: 0.25rem;
1135
1881
  }
1136
1882
 
1137
- .wy-message-toaster {
1138
- position: sticky;
1139
- top: 3.5rem;
1140
- bottom: 3.5rem;
1141
- cursor: pointer;
1142
- z-index: 3;
1143
- border-radius: 50rem;
1144
- background-color: #156B93;
1145
- color: #fff;
1146
- padding: 0.5rem 1rem;
1147
- margin-left: auto;
1148
- margin-right: auto;
1149
- margin-bottom: 0.5rem;
1150
- font-size: 0.875rem;
1151
- width: max-content;
1152
- align-self: center;
1153
- text-align: center;
1154
- color: #fff;
1155
- }
1156
-
1157
1883
  .wy-message-readmore {
1158
1884
  justify-self: center;
1159
1885
  text-align: center;
1160
1886
  }
1161
1887
 
1162
- .wy-message-editor {
1163
- backface-visibility: hidden;
1164
- background-color: rgba(242, 242, 242, 0.95);
1888
+ .wy-message-editor-top {
1889
+ background-color: var(--wy-component-background-color);
1890
+ color: var(--wy-component-color);
1165
1891
  }
1166
1892
  @supports (position: sticky) {
1167
- .wy-message-editor {
1893
+ .wy-message-editor-top {
1168
1894
  position: sticky;
1169
- bottom: 0;
1895
+ top: 0;
1170
1896
  z-index: 1020;
1171
1897
  }
1172
1898
  }
1173
- @supports (backdrop-filter: blur(0.5rem)) {
1174
- .wy-message-editor {
1175
- backdrop-filter: blur(0.5rem);
1899
+
1900
+ .wy-message-editor-bottom {
1901
+ background-color: var(--wy-component-background-color);
1902
+ color: var(--wy-component-color);
1903
+ }
1904
+ @supports (position: sticky) {
1905
+ .wy-message-editor-bottom {
1906
+ position: sticky;
1907
+ bottom: 0;
1908
+ z-index: 1020;
1176
1909
  }
1177
1910
  }
1178
1911
 
1912
+ .wy-message-editor-dragging::after {
1913
+ content: "Drop files here to upload.";
1914
+ background-color: rgba(255, 255, 255, 0.5);
1915
+ display: flex;
1916
+ justify-content: center;
1917
+ align-items: center;
1918
+ border: 2px dashed var(--wy-primary);
1919
+ font-weight: 700;
1920
+ z-index: 10000;
1921
+ position: absolute;
1922
+ top: 0;
1923
+ left: 0;
1924
+ bottom: 0;
1925
+ right: 0;
1926
+ }
1927
+
1179
1928
  .wy-message-form .wy-spinner {
1180
1929
  display: none;
1181
1930
  }
1182
1931
  .wy-message-form.wy-uploading .wy-spinner {
1183
1932
  display: block;
1184
1933
  }
1185
- .wy-message-form.wy-uploading .wy-icon-attachment {
1934
+ .wy-message-form.wy-uploading [data-icon=plus] {
1186
1935
  display: none;
1187
1936
  }
1188
1937
  .wy-message-form .wy-picker-list:not(:empty) {
1189
- border-top: 1px solid #cccccc;
1938
+ border-top: 1px solid var(--wy-outline-variant);
1190
1939
  }
1191
1940
 
1192
1941
  .wy-message-editor-inputs {
1193
1942
  display: flex;
1194
1943
  flex-direction: row;
1195
1944
  align-items: flex-end;
1196
- border-top: 1px solid rgba(204, 204, 204, 0.95);
1197
- padding: 0.5rem;
1198
- min-height: 3rem;
1945
+ padding: 0.5rem 0.25rem;
1946
+ min-height: 3.5rem;
1199
1947
  }
1200
1948
  .wy-message-editor-inputs > :not(:last-child) {
1201
- margin-right: 0.5rem;
1949
+ margin-right: 0.25rem;
1202
1950
  }
1203
1951
 
1204
1952
  .wy-message-editor-buttons {
@@ -1211,21 +1959,36 @@ code[class*=language-css] {
1211
1959
  flex-direction: column;
1212
1960
  }
1213
1961
 
1962
+ .wy-message-editor-mention {
1963
+ background: blue;
1964
+ color: white;
1965
+ }
1966
+
1967
+ .wy-message-editor-link {
1968
+ background: blue;
1969
+ color: white;
1970
+ }
1971
+
1214
1972
  .wy-message-editor-grow::after,
1215
1973
  .wy-message-editor-grow > textarea,
1216
1974
  .wy-message-editor-textfield {
1217
1975
  flex: 1 1 100%;
1218
- outline: #f2f2f2 solid 1px;
1219
- max-height: 10.2rem;
1220
- background-color: #fff;
1221
- border-radius: 1rem;
1222
- border: none;
1976
+ max-height: 11.25rem;
1977
+ background-color: var(--wy-background);
1978
+ color: var(--wy-on-background);
1979
+ border-radius: 1.25rem;
1980
+ border: var(--wy-input-border-width) solid var(--wy-background);
1981
+ }
1982
+ .wy-message-editor-grow:focus::after,
1983
+ .wy-message-editor-grow > textarea:focus,
1984
+ .wy-message-editor-textfield:focus {
1985
+ border-color: var(--wy-outline-variant);
1223
1986
  }
1224
1987
 
1225
1988
  .wy-message-editor-textcontent {
1226
- font-family: var(--wy-font-sans-serif);
1227
- font-size: 1rem;
1228
- padding: 0.375rem 0.75rem;
1989
+ font-family: var(--wy-font-family);
1990
+ font-size: var(--wy-font-size-base);
1991
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1229
1992
  }
1230
1993
 
1231
1994
  .wy-message-editor-grow {
@@ -1245,6 +2008,15 @@ code[class*=language-css] {
1245
2008
  overflow: hidden;
1246
2009
  }
1247
2010
 
2011
+ .wy-meta {
2012
+ color: var(--wy-outline);
2013
+ font-size: var(--wy-font-size-sm);
2014
+ }
2015
+
2016
+ .wy-meta-sm {
2017
+ font-size: var(--wy-font-size-xs);
2018
+ }
2019
+
1248
2020
  .wy-viewport {
1249
2021
  position: fixed;
1250
2022
  top: 0;
@@ -1273,7 +2045,7 @@ code[class*=language-css] {
1273
2045
  perspective-origin: center center;
1274
2046
  }
1275
2047
  .wy-overlays .wy-panel {
1276
- background-color: rgba(255, 255, 255, 0.95);
2048
+ background-color: var(--wy-background);
1277
2049
  }
1278
2050
  .wy-overlays .wy-panel:not(.wy-transition) {
1279
2051
  transform: translateZ(-4rem) !important;
@@ -1285,7 +2057,7 @@ code[class*=language-css] {
1285
2057
  transition: opacity 0.1s 0.2s step-end;
1286
2058
  }
1287
2059
  .wy-overlays .wy-panel .wy-controls .wy-icon {
1288
- color: rgba(0, 0, 0, 0.54);
2060
+ color: var(--wy-on-surface);
1289
2061
  }
1290
2062
  .wy-overlays .wy-panel.wy-loaded .wy-controls {
1291
2063
  pointer-events: none;
@@ -1294,57 +2066,6 @@ code[class*=language-css] {
1294
2066
  .wy-overlays .wy-panel .wy-panel-frame {
1295
2067
  background-color: transparent;
1296
2068
  }
1297
- .wy-overlays .wy-panel.wy-controls-light .wy-icon {
1298
- color: rgba(0, 0, 0, 0.54);
1299
- }
1300
- .wy-overlays .wy-panel.wy-light {
1301
- background-color: rgba(255, 255, 255, 0.95);
1302
- }
1303
- .wy-overlays .wy-panel.wy-light .wy-icon {
1304
- color: rgba(0, 0, 0, 0.54);
1305
- }
1306
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon {
1307
- color: rgba(255, 255, 255, 0.62);
1308
- }
1309
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-controls-dark .wy-icon:focus {
1310
- color: rgba(255, 255, 255, 0.95);
1311
- }
1312
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon:active {
1313
- color: #fff;
1314
- }
1315
- .wy-overlays .wy-panel.wy-dark {
1316
- background-color: rgba(21, 21, 21, 0.95);
1317
- }
1318
- .wy-overlays .wy-panel.wy-dark .wy-icon {
1319
- color: rgba(255, 255, 255, 0.62);
1320
- }
1321
- .wy-overlays .wy-panel.wy-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-dark .wy-icon:focus {
1322
- color: rgba(255, 255, 255, 0.95);
1323
- }
1324
- .wy-overlays .wy-panel.wy-dark .wy-icon:active {
1325
- color: #fff;
1326
- }
1327
- .wy-overlays .wy-panel.wy-dark.wy-open[data-title]::before {
1328
- background: rgba(41, 41, 41, 0.95);
1329
- color: rgba(255, 255, 255, 0.62);
1330
- border-bottom: 1px #000 solid;
1331
- }
1332
- @media (min-width: 768px) {
1333
- .wy-overlays .wy-panel.wy-floating {
1334
- left: 1rem;
1335
- top: 1rem;
1336
- right: 1rem;
1337
- bottom: 1rem;
1338
- border-radius: 0.1875rem;
1339
- 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);
1340
- }
1341
- .wy-overlays .wy-panel.wy-floating:not(.wy-scroll-y) {
1342
- overflow: hidden;
1343
- }
1344
- }
1345
- .wy-overlays .wy-panel.wy-modal {
1346
- background-color: rgba(255, 255, 255, 0.95);
1347
- }
1348
2069
  @media (min-width: 768px) {
1349
2070
  .wy-overlays .wy-panel.wy-modal {
1350
2071
  left: auto;
@@ -1355,8 +2076,8 @@ code[class*=language-css] {
1355
2076
  margin-top: auto;
1356
2077
  margin-right: 4rem;
1357
2078
  margin-bottom: auto;
1358
- border-radius: 0.25rem;
1359
- 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);
2079
+ border-radius: var(--wy-border-radius);
2080
+ box-shadow: var(--wy-shadow-level4);
1360
2081
  width: 32rem;
1361
2082
  max-height: 32rem;
1362
2083
  }
@@ -1364,8 +2085,24 @@ code[class*=language-css] {
1364
2085
  overflow: hidden;
1365
2086
  }
1366
2087
  }
2088
+ @media (min-width: 768px) {
2089
+ .wy-overlays .wy-panel.wy-modal-full {
2090
+ left: 1rem;
2091
+ top: 1rem;
2092
+ right: 1rem;
2093
+ bottom: 1rem;
2094
+ margin: 0;
2095
+ border-radius: var(--wy-border-radius);
2096
+ box-shadow: var(--wy-shadow-level4);
2097
+ width: auto;
2098
+ max-height: none;
2099
+ }
2100
+ .wy-overlays .wy-panel.wy-modal-full:not(.wy-scroll-y) {
2101
+ overflow: hidden;
2102
+ }
2103
+ }
1367
2104
  .wy-overlays .wy-panel.wy-loading .wy-controls {
1368
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2105
+ transition: opacity var(--wy-transition);
1369
2106
  opacity: 1;
1370
2107
  }
1371
2108
 
@@ -1373,7 +2110,7 @@ code[class*=language-css] {
1373
2110
  pointer-events: none;
1374
2111
  }
1375
2112
 
1376
- a.wy-pager {
2113
+ :not(tr).wy-pager {
1377
2114
  display: block;
1378
2115
  text-align: center;
1379
2116
  margin: 1rem auto;
@@ -1388,11 +2125,17 @@ tr.wy-pager td .wy-spinner {
1388
2125
  margin: 1rem auto;
1389
2126
  }
1390
2127
 
2128
+ .wy-grid .wy-pager {
2129
+ display: flex;
2130
+ }
2131
+
1391
2132
  .wy-pane {
1392
- min-height: 100vh;
1393
2133
  display: flex;
1394
2134
  flex-direction: column;
1395
2135
  position: relative;
2136
+ min-height: 0;
2137
+ height: 100%;
2138
+ flex: 1 1 auto;
1396
2139
  }
1397
2140
 
1398
2141
  .wy-pane-body {
@@ -1402,7 +2145,14 @@ tr.wy-pager td .wy-spinner {
1402
2145
  }
1403
2146
 
1404
2147
  .wy-pane-group {
1405
- padding: 0.5rem;
2148
+ padding: 0.75rem;
2149
+ }
2150
+
2151
+ .wy-pane-background {
2152
+ --wy-component-background-color: var(--wy-background);
2153
+ --wy-component-color: var(--wy-on-background);
2154
+ background-color: var(--wy-component-background-color);
2155
+ color: var(--wy-component-color);
1406
2156
  }
1407
2157
 
1408
2158
  .wy-panels {
@@ -1424,34 +2174,36 @@ tr.wy-pager td .wy-spinner {
1424
2174
  left: 0;
1425
2175
  pointer-events: none;
1426
2176
  overflow: hidden;
1427
- background-color: rgba(255, 255, 255, 0.95);
2177
+ background-color: var(--wy-background);
1428
2178
  display: flex;
1429
2179
  flex-direction: column;
1430
2180
  }
1431
2181
  .wy-panel .wy-controls {
1432
- top: 0.5rem;
1433
- left: 0.5rem;
1434
- min-width: 2rem;
2182
+ top: 0.25rem;
2183
+ left: 0.25rem;
2184
+ min-width: 2.5rem;
1435
2185
  width: auto;
1436
2186
  display: flex;
1437
2187
  z-index: 10000;
1438
2188
  order: -1;
1439
2189
  flex-direction: row-reverse;
1440
- border-bottom: 1px solid #cccccc;
2190
+ border-bottom: 1px solid var(--wy-outline-variant);
1441
2191
  }
1442
2192
  .wy-panel .wy-controls:empty {
1443
2193
  display: none;
1444
2194
  }
1445
2195
  .wy-panel .wy-controls .wy-icon {
1446
- color: rgba(0, 0, 0, 0.54);
2196
+ color: var(--wy-on-background);
1447
2197
  }
1448
2198
  .wy-panel .wy-panel-frame {
1449
- transition: opacity 0.1s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2199
+ transition: opacity var(--wy-transition-fast);
2200
+ transition-delay: 0.2s;
1450
2201
  opacity: 1;
1451
2202
  }
1452
2203
  .wy-panel:not(.wy-loaded) .wy-panel-frame {
1453
2204
  opacity: 0;
1454
- transition: opacity 0.2s 0.1s step-start;
2205
+ transition: opacity 0.2s step-start;
2206
+ transition-delay: 0.1s;
1455
2207
  }
1456
2208
  .wy-panel.wy-open {
1457
2209
  pointer-events: all;
@@ -1463,19 +2215,21 @@ tr.wy-pager td .wy-spinner {
1463
2215
  top: 0;
1464
2216
  left: 0;
1465
2217
  right: 0;
1466
- height: 2.9375rem;
2218
+ height: 3rem;
2219
+ padding: 0.25rem;
1467
2220
  opacity: 0;
1468
2221
  pointer-events: none;
1469
2222
  display: flex;
1470
2223
  align-items: center;
1471
2224
  justify-content: center;
1472
- background-color: rgba(242, 242, 242, 0.95);
1473
- color: rgba(0, 0, 0, 0.69);
1474
- border-bottom: 1px solid #cccccc;
1475
- transition: opacity 0.1s 0.2s step-end;
1476
- font-family: var(--wy-font-sans-serif);
1477
- line-height: 1.5;
1478
- font-weight: 400;
2225
+ transition: opacity 0.1s step-end;
2226
+ transition-delay: 0.2s;
2227
+ font-family: inherit;
2228
+ line-height: var(--wy-line-height);
2229
+ font-weight: var(--wy-font-weight);
2230
+ background-color: var(--wy-surface-1);
2231
+ color: var(--wy-on-surface);
2232
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
1479
2233
  backface-visibility: hidden;
1480
2234
  }
1481
2235
  @supports (backdrop-filter: blur(0.5rem)) {
@@ -1492,14 +2246,15 @@ tr.wy-pager td .wy-spinner {
1492
2246
  right: 0;
1493
2247
  pointer-events: none;
1494
2248
  opacity: 0;
1495
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
2249
+ transition: opacity var(--wy-transition);
2250
+ transition-duration: 0s;
1496
2251
  }
1497
2252
  .wy-panel.wy-open.wy-loading[data-title]::before {
1498
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1499
2253
  opacity: 1;
1500
2254
  }
1501
2255
  .wy-panel.wy-open.wy-loading::after {
1502
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
2256
+ transition: opacity var(--wy-transition);
2257
+ transition-duration: 0.5s;
1503
2258
  opacity: 1;
1504
2259
  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");
1505
2260
  background-repeat: no-repeat;
@@ -1511,10 +2266,10 @@ tr.wy-pager td .wy-spinner {
1511
2266
  .wy-panel {
1512
2267
  opacity: 0;
1513
2268
  visibility: hidden;
1514
- 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;
2269
+ 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);
1515
2270
  }
1516
2271
  .wy-panel.wy-open {
1517
- 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;
2272
+ transition: opacity var(--wy-transition), transform var(--wy-transition), visibility var(--wy-transition-duration) step-start;
1518
2273
  visibility: visible;
1519
2274
  }
1520
2275
  .wy-panel.wy-open.wy-transition {
@@ -1528,6 +2283,8 @@ tr.wy-pager td .wy-spinner {
1528
2283
  }
1529
2284
 
1530
2285
  .wy-picker-list {
2286
+ background: var(--wy-component-background-color);
2287
+ color: var(--wy-component-color);
1531
2288
  border: none;
1532
2289
  }
1533
2290
  .wy-picker-list > .wy-picker-list-item:first-child, .wy-picker-list > :first-child .wy-picker-list-item {
@@ -1559,24 +2316,51 @@ tr.wy-pager td .wy-spinner {
1559
2316
  white-space: nowrap;
1560
2317
  }
1561
2318
 
2319
+ .wy-main {
2320
+ display: flex;
2321
+ height: calc(100vh - 3rem);
2322
+ }
2323
+ @media (max-width: 767.98px) {
2324
+ .wy-main {
2325
+ flex-direction: column;
2326
+ }
2327
+ }
2328
+
1562
2329
  .wy-preview {
2330
+ --wy-component-background-color: var(--wy-background);
2331
+ --wy-component-color: var(--wy-on-background);
2332
+ background-color: var(--wy-component-background-color);
2333
+ color: var(--wy-component-color);
1563
2334
  display: flex;
2335
+ flex-direction: column;
1564
2336
  align-items: center;
1565
- justify-content: center;
1566
- height: calc(100% - 3rem - 1px);
2337
+ justify-content: space-around;
1567
2338
  position: relative;
2339
+ flex: 1 1 100%;
2340
+ min-width: 16rem;
2341
+ min-height: 16rem;
2342
+ max-height: 100%;
2343
+ max-width: 100%;
2344
+ }
2345
+
2346
+ .wy-preview-area {
2347
+ min-width: 0;
2348
+ min-height: 0;
2349
+ width: 100%;
2350
+ height: 100%;
2351
+ flex: 1 1 auto;
2352
+ display: flex;
2353
+ flex-direction: column;
1568
2354
  }
1569
2355
 
1570
2356
  .wy-nav-prev, .wy-nav-next {
1571
- position: fixed;
2357
+ --wy-component-background-color: var(--wy-surface-variant);
2358
+ --wy-component-color: var(--wy-on-surface-variant);
2359
+ background-color: var(--wy-component-background-color);
2360
+ position: absolute;
1572
2361
  top: 50%;
1573
2362
  z-index: 1000;
1574
- }
1575
- .wy-nav-prev .wy-button-icon, .wy-nav-next .wy-button-icon {
1576
- background-color: #f2f2f2;
1577
- }
1578
- .wy-dark .wy-nav-prev .wy-button-icon, .wy-dark .wy-nav-next .wy-button-icon {
1579
- background-color: rgba(41, 41, 41, 0.95);
2363
+ border-radius: 50%;
1580
2364
  }
1581
2365
 
1582
2366
  .wy-nav-prev {
@@ -1588,100 +2372,71 @@ tr.wy-pager td .wy-spinner {
1588
2372
  }
1589
2373
 
1590
2374
  .wy-document {
2375
+ --wy-component-background-color: var(--wy-white);
2376
+ --wy-component-color: var(--wy-on-background);
2377
+ background-color: var(--wy-component-background-color);
2378
+ color: var(--wy-component-color);
1591
2379
  align-self: flex-start;
1592
- background-color: #fff;
1593
- color: #000;
1594
- padding: 2rem 3rem;
2380
+ padding: 2rem 3.5rem;
1595
2381
  width: 100%;
1596
2382
  min-height: 100%;
2383
+ flex: 1 0 auto;
1597
2384
  }
1598
2385
  @media (min-width: 768px) {
1599
2386
  .wy-document {
1600
2387
  padding: 3rem 4rem;
1601
- margin: 2rem 3.5rem;
1602
- border-radius: 0.25rem;
1603
- 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
+ margin: 2rem auto;
2389
+ border-radius: 0.125rem;
2390
+ box-shadow: var(--wy-shadow-level2);
1604
2391
  width: 120ch;
1605
2392
  min-height: 170ch;
1606
- max-width: 100%;
2393
+ max-width: calc(100% - 3.5rem);
1607
2394
  }
1608
2395
  }
1609
2396
 
1610
- .wy-toolbar {
1611
- position: fixed;
1612
- z-index: 1030;
1613
- bottom: 1.5rem;
1614
- left: 0;
1615
- right: 0;
1616
- height: 3rem;
1617
- display: flex;
1618
- justify-content: center;
1619
- }
1620
- .wy-toolbar span {
1621
- margin-left: 0.25rem;
1622
- }
1623
- .wy-toolbar .wy-input {
1624
- text-align: center;
1625
- border-color: transparent;
1626
- }
1627
-
1628
- .wy-tools {
1629
- background-color: rgba(242, 242, 242, 0.95);
1630
- color: #000;
1631
- border-radius: 0.375rem;
1632
- display: flex;
1633
- align-items: center;
1634
- backface-visibility: hidden;
1635
- }
1636
- @supports (backdrop-filter: blur(0.5rem)) {
1637
- .wy-tools {
1638
- backdrop-filter: blur(0.5rem);
1639
- }
1640
- }
1641
- .wy-dark .wy-tools, .wy-tools.wy-dark {
1642
- background-color: rgba(41, 41, 41, 0.95);
1643
- color: rgba(255, 255, 255, 0.62);
1644
- }
1645
- .wy-dark .wy-tools .wy-icon, .wy-tools.wy-dark .wy-icon {
1646
- color: rgba(255, 255, 255, 0.62);
1647
- }
1648
- .wy-dark .wy-tools .wy-input, .wy-tools.wy-dark .wy-input {
1649
- background-color: rgba(0, 0, 0, 0.5);
1650
- color: rgba(255, 255, 255, 0.62);
1651
- }
2397
+ .wy-content-code {
2398
+ /*--wy-component-background-color: var(--wy-surface-1);
2399
+ --wy-component-color: var(--wy-on-surface);
1652
2400
 
1653
- .wy-tool {
1654
- display: flex;
1655
- align-items: center;
1656
- margin: 0 0.5rem;
2401
+ background-color: var(--wy-component-background-color);
2402
+ color: var(--wy-component-color);
2403
+ */
2404
+ align-self: flex-start;
2405
+ width: 100%;
2406
+ padding: 2rem 3.5rem;
1657
2407
  }
1658
2408
 
1659
- .wy-content-iframe, [data-controller~=embed] {
2409
+ .wy-content-iframe {
1660
2410
  border: 0;
1661
2411
  display: block;
1662
2412
  width: 100%;
1663
2413
  height: 100%;
2414
+ top: 0;
2415
+ left: 0;
1664
2416
  flex: 1 1 100%;
1665
2417
  }
1666
- .wy-content-iframe:not(.wy-loading):not([data-controller~=embed]), .wy-content-iframe[data-controller~=embed].wy-loaded, [data-controller~=embed]:not(.wy-loading):not([data-controller~=embed]), [data-controller~=embed][data-controller~=embed].wy-loaded {
1667
- background: #fff;
2418
+ .wy-content-iframe.wy-loaded {
2419
+ --wy-component-background-color: var(--wy-surface-1);
2420
+ --wy-component-color: var(--wy-on-surface);
2421
+ background-color: var(--wy-component-background-color);
2422
+ color: var(--wy-component-color);
1668
2423
  }
1669
- .wy-content-iframe:not(.wy-loading):not([data-controller~=embed]) ~ .wy-content-iframe-fallback, .wy-content-iframe:not(.wy-loading):not([data-controller~=embed]) ~ .wy-spinner, .wy-content-iframe[data-controller~=embed].wy-loaded ~ .wy-content-iframe-fallback, .wy-content-iframe[data-controller~=embed].wy-loaded ~ .wy-spinner, [data-controller~=embed]:not(.wy-loading):not([data-controller~=embed]) ~ .wy-content-iframe-fallback, [data-controller~=embed]:not(.wy-loading):not([data-controller~=embed]) ~ .wy-spinner, [data-controller~=embed][data-controller~=embed].wy-loaded ~ .wy-content-iframe-fallback, [data-controller~=embed][data-controller~=embed].wy-loaded ~ .wy-spinner {
2424
+ .wy-content-iframe.wy-loaded ~ .wy-content-iframe-fallback, .wy-content-iframe.wy-loaded ~ .wy-spinner {
1670
2425
  display: none;
1671
2426
  }
1672
- .wy-content-iframe.wy-loading:not(.wy-loaded), .wy-content-iframe[data-controller~=embed]:not(.wy-loaded), [data-controller~=embed].wy-loading:not(.wy-loaded), [data-controller~=embed][data-controller~=embed]:not(.wy-loaded) {
2427
+ .wy-content-iframe.wy-loading:not(.wy-loaded) {
1673
2428
  position: absolute;
1674
2429
  visibility: hidden;
1675
2430
  z-index: -1;
1676
2431
  pointer-events: none;
1677
2432
  }
1678
- .wy-content-iframe.wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback, .wy-content-iframe[data-controller~=embed]:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback, [data-controller~=embed].wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback, [data-controller~=embed][data-controller~=embed]:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback {
2433
+ .wy-content-iframe.wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback {
1679
2434
  display: none;
1680
2435
  }
1681
- .wy-content-iframe.wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner, .wy-content-iframe[data-controller~=embed]:not(.wy-loaded).wy-fallback ~ .wy-spinner, [data-controller~=embed].wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner, [data-controller~=embed][data-controller~=embed]:not(.wy-loaded).wy-fallback ~ .wy-spinner {
2436
+ .wy-content-iframe.wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner {
1682
2437
  display: none;
1683
2438
  }
1684
- .wy-content-iframe ~ .wy-spinner, [data-controller~=embed] ~ .wy-spinner {
2439
+ .wy-content-iframe ~ .wy-spinner {
1685
2440
  margin: auto;
1686
2441
  }
1687
2442
 
@@ -1690,33 +2445,6 @@ tr.wy-pager td .wy-spinner {
1690
2445
  white-space: pre-wrap;
1691
2446
  }
1692
2447
 
1693
- .wy-content-icon {
1694
- background-color: #fff;
1695
- border-radius: 0.5rem;
1696
- display: flex;
1697
- align-items: center;
1698
- flex-direction: column;
1699
- text-align: center;
1700
- padding: 1rem 2rem;
1701
- }
1702
- .wy-content-icon .wy-icon-stack, .wy-content-icon .wy-icon {
1703
- width: 8rem;
1704
- height: 8rem;
1705
- }
1706
- .wy-dark .wy-content-icon {
1707
- background-color: rgba(41, 41, 41, 0.95);
1708
- color: rgba(255, 255, 255, 0.62);
1709
- }
1710
- .wy-dark .wy-content-icon a {
1711
- color: #79c7ec;
1712
- }
1713
- .wy-dark .wy-content-icon .wy-icon {
1714
- color: rgba(255, 255, 255, 0.7);
1715
- }
1716
- .wy-dark .wy-content-icon .wy-icon-stack .wy-icon:last-child {
1717
- background-color: rgba(41, 41, 41, 0.95);
1718
- }
1719
-
1720
2448
  .wy-content-image {
1721
2449
  min-width: 0;
1722
2450
  display: flex;
@@ -1726,32 +2454,18 @@ tr.wy-pager td .wy-spinner {
1726
2454
  margin: auto;
1727
2455
  max-height: 100%;
1728
2456
  max-width: 100%;
1729
- }
1730
- .wy-content-image.wy-intrinsic-image {
1731
- object-fit: scale-down;
1732
- }
1733
- .wy-content-image:not(.wy-intrinsic-image) {
1734
- height: 100%;
1735
- width: 100%;
1736
- --max-width: min(calc((100vh - 3rem - 1px) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
1737
- --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
1738
- /* // With sidebar
1739
- body.controller-content & {
1740
- --max-width: min(calc((100vh - 6rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
1741
- --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
1742
-
1743
- @include bs.media-breakpoint-up(lg) {
1744
- --max-width: min(calc((100vh - 3rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
1745
- --max-height: min(calc((100vw - 20rem) * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
1746
- }
1747
- } */
1748
- max-width: var(--max-width);
1749
- max-height: var(--max-height);
1750
- transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform-origin 0.2s step-end;
2457
+ /*&.wy-intrinsic-image {
2458
+ object-fit: scale-down;
2459
+ }*/
2460
+ /*&:not(.wy-intrinsic-image) {
2461
+ transition: transform vars.$transition, transform-origin vars.$transition-duration step-end;
2462
+ //cursor: zoom-in;
2463
+ }*/
2464
+ transition: transform var(--wy-transition), transform-origin var(--wy-transition-duration) step-end;
1751
2465
  }
1752
2466
  .wy-content-image.wy-zoom {
1753
2467
  cursor: zoom-out;
1754
- transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform-origin 0.2s step-start;
2468
+ transition: transform var(--wy-transition), transform-origin var(--wy-transition-duration) step-start;
1755
2469
  }
1756
2470
  .wy-content-image img {
1757
2471
  min-width: 0;
@@ -1789,6 +2503,7 @@ tr.wy-pager td .wy-spinner {
1789
2503
  min-height: 0;
1790
2504
  max-width: 100%;
1791
2505
  max-height: 100%;
2506
+ flex: 1 1 auto;
1792
2507
  }
1793
2508
 
1794
2509
  .wy-content-video, .wy-content-audio {
@@ -1804,7 +2519,7 @@ tr.wy-pager td .wy-spinner {
1804
2519
  outline: none;
1805
2520
  }
1806
2521
 
1807
- :root {
2522
+ :root, :host > * {
1808
2523
  --pdfViewer-padding-bottom: 0;
1809
2524
  --page-margin: 2rem auto;
1810
2525
  --page-border: none;
@@ -1814,7 +2529,7 @@ tr.wy-pager td .wy-spinner {
1814
2529
  }
1815
2530
 
1816
2531
  @media screen and (forced-colors: active) {
1817
- :root {
2532
+ :root, :host > * {
1818
2533
  --pdfViewer-padding-bottom: 9px;
1819
2534
  --page-margin: 9px auto 0;
1820
2535
  --page-border: none;
@@ -1876,7 +2591,7 @@ tr.wy-pager td .wy-spinner {
1876
2591
  }
1877
2592
  .wy-scrollbars .wy-content-pdf .wy-pdf-container {
1878
2593
  scrollbar-width: thin;
1879
- scrollbar-color: rgba(128, 128, 128, 0.75) transparent;
2594
+ scrollbar-color: var(--wy-outline) transparent;
1880
2595
  }
1881
2596
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar {
1882
2597
  height: 0.625rem;
@@ -1888,16 +2603,19 @@ tr.wy-pager td .wy-spinner {
1888
2603
  background: transparent;
1889
2604
  }
1890
2605
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb {
1891
- background-color: rgba(128, 128, 128, 0.75);
2606
+ background-color: var(--wy-outline);
1892
2607
  border: 0.125rem solid transparent;
1893
2608
  border-radius: 0.5rem;
1894
2609
  background-clip: padding-box;
2610
+ opacity: 75%;
1895
2611
  }
1896
2612
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:hover {
1897
- background-color: rgba(92, 92, 92, 0.75);
2613
+ background-color: var(--wy-outline-variant);
2614
+ opacity: 75%;
1898
2615
  }
1899
2616
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:window-inactive {
1900
- background-color: rgba(128, 128, 128, 0.5);
2617
+ background-color: var(--wy-outline);
2618
+ opacity: 50%;
1901
2619
  }
1902
2620
  @supports (overflow-y: overlay) {
1903
2621
  .wy-scrollbars .wy-content-pdf .wy-pdf-container {
@@ -2450,8 +3168,8 @@ tr.wy-pager td .wy-spinner {
2450
3168
  overflow: visible;
2451
3169
  border: var(--page-border);
2452
3170
  background-clip: content-box;
2453
- 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);
2454
- background-color: rgb(255, 255, 255);
3171
+ box-shadow: var(--wy-shadow-level2);
3172
+ background-color: #ffffff;
2455
3173
  }
2456
3174
  .wy-content-pdf .pdfViewer .dummyPage {
2457
3175
  position: relative;
@@ -2541,95 +3259,87 @@ tr.wy-pager td .wy-spinner {
2541
3259
  white-space: pre-wrap;
2542
3260
  }
2543
3261
 
2544
- .wy-scroll-y {
2545
- overflow-y: auto;
2546
- touch-action: pan-y, pan-x;
2547
- will-change: scroll-position, opacity;
2548
- backface-visibility: hidden;
2549
- max-height: 100%;
2550
- }
2551
- .wy-scroll-y:not(body) {
2552
- -webkit-overflow-scrolling: touch;
3262
+ .wy-reaction-count {
3263
+ margin: 0 0.5rem 0 0.125rem;
3264
+ line-height: 1;
3265
+ font-size: var(--wy-font-size-sm);
2553
3266
  }
2554
- .wy-scroll-y:not(.wy-scroll-x) {
2555
- overflow-x: hidden;
2556
- touch-action: pan-y;
3267
+
3268
+ .wy-reaction-menu {
3269
+ padding: 0.25rem;
3270
+ font-size: 1.125rem;
3271
+ border-radius: 2.5rem;
2557
3272
  }
2558
3273
 
2559
- .wy-scroll-x {
2560
- overflow-x: auto;
2561
- touch-action: pan-y, pan-x;
2562
- will-change: scroll-position, opacity;
2563
- backface-visibility: hidden;
2564
- max-width: 100%;
3274
+ .wy-reaction-picker {
3275
+ display: flex;
2565
3276
  }
2566
- .wy-scroll-x:not(.wy-scroll-y) {
2567
- overflow-y: hidden;
2568
- touch-action: pan-x;
3277
+ .wy-reaction-picker .wy-reaction-button {
3278
+ color: unset;
2569
3279
  }
2570
3280
 
2571
- .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
2572
- scrollbar-width: thin;
2573
- scrollbar-color: rgba(128, 128, 128, 0.75) transparent;
2574
- }
2575
- @supports (overflow-y: overlay) {
2576
- .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
2577
- overflow-y: overlay;
2578
- }
3281
+ .wy-reactions {
3282
+ display: inline-flex;
3283
+ align-items: center;
3284
+ column-gap: 0.125rem;
2579
3285
  }
2580
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar {
2581
- height: 0.625rem;
2582
- width: 0.625rem;
2583
- background: transparent;
2584
- z-index: 999;
3286
+ .wy-reactions:empty {
3287
+ display: none;
2585
3288
  }
2586
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-track, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-track {
2587
- background: transparent;
3289
+
3290
+ .wy-table-reactions td:first-child {
3291
+ width: 3rem;
2588
3292
  }
2589
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb {
2590
- background-color: rgba(128, 128, 128, 0.75);
2591
- border: 0.125rem solid transparent;
2592
- border-radius: 0.5rem;
2593
- background-clip: padding-box;
3293
+ .wy-table-reactions td:nth-child(2) {
3294
+ width: 100%;
2594
3295
  }
2595
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:hover, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:hover {
2596
- background-color: rgba(92, 92, 92, 0.75);
3296
+ .wy-table-reactions tr:last-child td {
3297
+ box-shadow: none;
2597
3298
  }
2598
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:window-inactive, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:window-inactive {
2599
- background-color: rgba(128, 128, 128, 0.5);
3299
+
3300
+ .wy-reactions-line {
3301
+ display: flex;
3302
+ align-items: center;
3303
+ /*> * {
3304
+ position: relative;
3305
+ }*/
3306
+ }
3307
+ .wy-reactions-line .wy-reactions {
3308
+ background: var(--wy-component-background-color);
3309
+ color: currentColor;
3310
+ border-radius: var(--wy-border-radius-pill);
3311
+ display: flex;
3312
+ width: auto;
3313
+ background-clip: content-box;
2600
3314
  }
2601
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:start, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:start {
2602
- height: var(--wy-scrollbar-adjust-top, 0);
3315
+ .wy-reactions-line .wy-reactions > .wy-emoji:first-child {
3316
+ margin-left: 0.125rem;
2603
3317
  }
2604
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:end, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:end {
2605
- height: var(--wy-scrollbar-adjust-bottom, 0);
3318
+ .wy-reactions-line .wy-reactions > .wy-emoji:last-child {
3319
+ margin-right: 0.125rem;
2606
3320
  }
2607
-
2608
- .wy-block-scroll {
2609
- overflow: hidden !important;
3321
+ .wy-reactions-line .wy-reaction-menu-button {
3322
+ background: var(--wy-component-background-color);
3323
+ color: currentColor;
3324
+ border-radius: var(--wy-border-radius-pill);
3325
+ background-clip: content-box;
2610
3326
  }
2611
3327
 
2612
- .wy-scrollbar-detection {
2613
- position: fixed;
2614
- top: 0;
2615
- left: 0;
2616
- width: 8rem;
2617
- height: 8rem;
2618
- overflow: scroll;
2619
- z-index: -99999;
2620
- pointer-events: none;
2621
- visibility: hidden;
3328
+ .wy-spinner, .wy-icon[data-icon=spinner] {
3329
+ align-self: center;
3330
+ justify-self: center;
3331
+ margin: auto;
2622
3332
  }
2623
-
2624
- svg.wy-spinner circle {
3333
+ .wy-spinner circle, .wy-icon[data-icon=spinner] circle {
2625
3334
  stroke-dasharray: 1, 100;
2626
3335
  stroke-dashoffset: 0;
2627
3336
  transform-origin: center;
3337
+ fill: none !important;
2628
3338
  }
2629
- svg.wy-spinner.wy-spin {
3339
+ .wy-spinner.wy-spin, .wy-icon[data-icon=spinner].wy-spin {
2630
3340
  animation: wy-rotate 1.4s linear infinite;
2631
3341
  }
2632
- svg.wy-spinner.wy-spin circle {
3342
+ .wy-spinner.wy-spin circle, .wy-icon[data-icon=spinner].wy-spin circle {
2633
3343
  animation: wy-dash 1.4s ease-in-out infinite, wy-color 2.8s ease-in-out infinite;
2634
3344
  }
2635
3345
 
@@ -2654,18 +3364,57 @@ svg.wy-spinner.wy-spin circle {
2654
3364
  }
2655
3365
  @keyframes wy-color {
2656
3366
  0%, 100% {
2657
- stroke: hsl(217deg, 77.2287735849%, 50%);
3367
+ stroke: var(--wy-primary);
2658
3368
  }
2659
3369
  25% {
2660
- stroke: hsl(6deg, 71.1567324185%, 50%);
3370
+ stroke: var(--wy-primary);
2661
3371
  }
2662
3372
  50% {
2663
- stroke: hsl(55deg, 81.2875214408%, 50%);
3373
+ stroke: transparent;
2664
3374
  }
2665
3375
  75% {
2666
- stroke: hsl(121deg, 50.2009084556%, 50%);
3376
+ stroke: var(--wy-primary);
2667
3377
  }
2668
3378
  }
3379
+ .wy-title {
3380
+ margin-top: 0.5rem;
3381
+ margin-bottom: 0.5rem;
3382
+ font-style: var(--wy-headings-font-style);
3383
+ font-weight: var(--wy-headings-font-weight);
3384
+ line-height: var(--wy-headings-line-height);
3385
+ margin-top: 0.5rem;
3386
+ margin-bottom: 0.5rem;
3387
+ font-weight: 400;
3388
+ font-size: 2.5rem;
3389
+ line-height: 3rem;
3390
+ }
3391
+
3392
+ .wy-headline {
3393
+ margin-top: 0.5rem;
3394
+ margin-bottom: 0.5rem;
3395
+ font-style: var(--wy-headings-font-style);
3396
+ font-weight: var(--wy-headings-font-weight);
3397
+ line-height: var(--wy-headings-line-height);
3398
+ margin-top: 0.5rem;
3399
+ margin-bottom: 0.5rem;
3400
+ font-weight: 400;
3401
+ font-size: 1.5rem;
3402
+ line-height: 2rem;
3403
+ }
3404
+
3405
+ .wy-label {
3406
+ margin-top: 0.5rem;
3407
+ margin-bottom: 0.5rem;
3408
+ font-style: var(--wy-headings-font-style);
3409
+ font-weight: var(--wy-headings-font-weight);
3410
+ line-height: var(--wy-headings-line-height);
3411
+ margin-top: 0rem;
3412
+ margin-bottom: 0rem;
3413
+ font-weight: 500;
3414
+ font-size: 1rem;
3415
+ line-height: 1.5rem;
3416
+ }
3417
+
2669
3418
  .wy-typing-show {
2670
3419
  font-style: italic;
2671
3420
  display: none;
@@ -2687,8 +3436,20 @@ svg.wy-spinner.wy-spin circle {
2687
3436
  left: 0.25rem;
2688
3437
  }
2689
3438
 
3439
+ .wy-meeting {
3440
+ flex: 1 1 100%;
3441
+ align-items: flex-start;
3442
+ }
3443
+
3444
+ .wy-meeting-actions {
3445
+ margin-top: 0.5rem;
3446
+ }
3447
+
2690
3448
  .wy-appbars {
2691
3449
  backface-visibility: hidden;
3450
+ --wy-component-background-color: var(--wy-surface-1);
3451
+ background-color: var(--wy-component-background-color);
3452
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
2692
3453
  }
2693
3454
  @supports (position: sticky) {
2694
3455
  .wy-appbars {
@@ -2705,39 +3466,50 @@ svg.wy-spinner.wy-spin circle {
2705
3466
  backdrop-filter: none;
2706
3467
  }
2707
3468
  }
3469
+ .wy-appbars > .wy-appbar, .wy-appbars > .wy-toolbar {
3470
+ background-color: transparent;
3471
+ box-shadow: none;
3472
+ }
2708
3473
 
2709
3474
  .wy-appbar {
3475
+ --wy-component-color: var(--wy-on-surface);
3476
+ --wy-component-background-color: var(--wy-surface-1);
2710
3477
  display: grid;
2711
3478
  align-items: center;
2712
3479
  justify-content: space-between;
3480
+ justify-items: center;
2713
3481
  height: 3rem;
2714
- padding: 0.5rem 0.5rem;
3482
+ padding: 0.25rem;
2715
3483
  flex: 0 0 3rem;
2716
- grid-template-columns: minmax(2rem, max-content) minmax(0, max-content) minmax(2rem, max-content);
3484
+ grid-template-columns: minmax(2.5rem, max-content) minmax(0, max-content) minmax(2.5rem, max-content);
2717
3485
  column-gap: 0.5rem;
2718
- backface-visibility: hidden;
2719
- }
2720
- @supports (backdrop-filter: blur(0.5rem)) {
2721
- .wy-appbar {
2722
- backdrop-filter: blur(0.5rem);
2723
- }
3486
+ line-height: var(--wy-line-height);
3487
+ background-color: var(--wy-component-background-color);
3488
+ color: var(--wy-component-color);
3489
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
2724
3490
  }
2725
3491
  .wy-appbar .wy-badge {
2726
3492
  align-self: center;
2727
3493
  }
2728
3494
  .wy-appbar .wy-button {
2729
- max-height: 2rem;
3495
+ max-height: 2.5rem;
2730
3496
  }
2731
3497
 
2732
- .wy-appbar-buttons {
3498
+ .wy-appbar-buttons, .wy-toolbar-buttons {
2733
3499
  display: flex;
2734
- flex: 0 0 1rem;
3500
+ flex: 0 0 auto;
3501
+ align-items: center;
3502
+ }
3503
+
3504
+ .wy-toolbar-buttons-last {
3505
+ margin-inline-start: auto;
2735
3506
  }
2736
3507
 
2737
3508
  .wy-appbar-text {
2738
3509
  overflow: hidden;
2739
3510
  text-overflow: ellipsis;
2740
3511
  white-space: nowrap;
3512
+ max-width: 100%;
2741
3513
  color: inherit !important;
2742
3514
  user-select: none;
2743
3515
  }
@@ -2748,22 +3520,58 @@ svg.wy-spinner.wy-spin circle {
2748
3520
  color: inherit;
2749
3521
  }
2750
3522
 
2751
- .wy-appbar, .wy-light .wy-appbar, .wy-appbar.wy-light {
2752
- background-color: rgba(242, 242, 242, 0.95);
2753
- color: rgba(0, 0, 0, 0.69);
2754
- border-bottom: 1px solid rgba(204, 204, 204, 0.95);
3523
+ .wy-toolbars-bottom {
3524
+ position: absolute;
3525
+ z-index: 1030;
3526
+ bottom: 2rem;
3527
+ left: 0;
3528
+ right: 0;
3529
+ min-height: 3rem;
3530
+ display: flex;
3531
+ flex-direction: column;
3532
+ justify-content: center;
3533
+ justify-items: center;
3534
+ }
3535
+
3536
+ .wy-toolbar {
3537
+ --wy-component-color: var(--wy-on-surface);
3538
+ --wy-component-background-color: var(--wy-surface-1);
3539
+ display: flex;
3540
+ flex-wrap: wrap;
3541
+ align-items: center;
3542
+ justify-content: flex-start;
3543
+ justify-items: center;
3544
+ min-height: 3rem;
3545
+ padding: 0.25rem;
3546
+ flex: 1 0 3rem;
3547
+ column-gap: 0.25rem;
3548
+ line-height: var(--wy-line-height);
3549
+ background-color: var(--wy-component-background-color);
3550
+ color: var(--wy-component-color);
3551
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3552
+ }
3553
+ .wy-toolbar span {
3554
+ margin-left: 0.25rem;
3555
+ }
3556
+
3557
+ .wy-toolbar-center {
3558
+ margin: 0 auto;
3559
+ border-radius: var(--wy-border-radius);
2755
3560
  }
2756
- .wy-dark .wy-appbar, .wy-appbar.wy-dark {
2757
- background-color: rgba(41, 41, 41, 0.95);
2758
- color: rgba(255, 255, 255, 0.62);
2759
- border-bottom: 1px solid rgba(71, 71, 71, 0.95);
3561
+ .wy-toolbar-center .wy-input {
3562
+ text-align: center;
2760
3563
  }
2761
3564
 
2762
3565
  .wy-footerbars {
2763
- padding-bottom: 3.5rem;
3566
+ padding-bottom: 4rem;
3567
+ }
3568
+ .wy-footerbars > .wy-toolbar {
3569
+ box-shadow: none;
2764
3570
  }
2765
3571
 
2766
3572
  .wy-footerbar {
3573
+ --wy-component-background-color: var(--wy-surface-1);
3574
+ --wy-component-color: var(--wy-on-surface);
2767
3575
  position: absolute;
2768
3576
  bottom: 0;
2769
3577
  left: 0;
@@ -2772,13 +3580,14 @@ svg.wy-spinner.wy-spin circle {
2772
3580
  }
2773
3581
  .wy-footerbar::after {
2774
3582
  content: "";
3583
+ background-color: var(--wy-component-background-color);
3584
+ color: var(--wy-component-color);
3585
+ box-shadow: var(--wy-outline-variant) 0px 1px 0px 0px inset;
2775
3586
  position: absolute;
2776
3587
  width: 100vw;
2777
3588
  left: 0;
2778
3589
  bottom: 0;
2779
- height: 3.5rem;
2780
- border-top: 1px solid rgba(204, 204, 204, 0.95);
2781
- background: rgba(242, 242, 242, 0.95);
3590
+ height: 100%;
2782
3591
  z-index: -1;
2783
3592
  backface-visibility: hidden;
2784
3593
  }
@@ -2794,11 +3603,16 @@ svg.wy-spinner.wy-spin circle {
2794
3603
  margin: 0 0 0 0.5rem;
2795
3604
  }
2796
3605
 
3606
+ .wy-footerbar-sticky {
3607
+ position: sticky;
3608
+ }
3609
+
2797
3610
  .wy-footerbars-fixed .wy-footerbar {
2798
3611
  position: fixed;
2799
3612
  }
2800
3613
  .wy-footerbars-fixed .wy-footerbar::after {
2801
3614
  position: fixed;
3615
+ height: 4rem;
2802
3616
  }
2803
3617
 
2804
3618
  .wy-badge {
@@ -2807,38 +3621,22 @@ svg.wy-spinner.wy-spin circle {
2807
3621
  font-size: 0.75em;
2808
3622
  font-weight: 700;
2809
3623
  line-height: 1;
2810
- color: #fff;
3624
+ color: var(--wy-on-primary);
2811
3625
  text-align: center;
2812
3626
  white-space: nowrap;
2813
3627
  vertical-align: baseline;
2814
- border-radius: 0.375rem;
3628
+ border-radius: var(--wy-border-radius-pill);
3629
+ background-color: var(--wy-primary);
2815
3630
  }
2816
3631
  .wy-badge:empty {
2817
3632
  display: none;
2818
3633
  }
2819
3634
 
2820
- .wy-badge {
2821
- border-radius: 50rem;
2822
- background-color: #156B93;
2823
- }
2824
-
2825
- .wy-badge-success {
2826
- background-color: #35a137;
2827
- }
2828
-
2829
- .wy-badge-warning {
2830
- background-color: hsl(55deg, 81.2875214408%, 50%);
2831
- }
2832
-
2833
- .wy-badge-danger {
2834
- background-color: hsl(6deg, 71.1567324185%, 50%);
2835
- }
2836
-
2837
3635
  .wy-button {
2838
3636
  position: relative;
2839
3637
  }
2840
3638
  .wy-button .wy-badge {
2841
- font-size: 0.75rem;
3639
+ font-size: var(--wy-font-size-xs);
2842
3640
  position: absolute;
2843
3641
  right: 0;
2844
3642
  top: 0;
@@ -2859,6 +3657,16 @@ svg.wy-spinner.wy-spin circle {
2859
3657
  display: none;
2860
3658
  }
2861
3659
 
3660
+ .wy-button {
3661
+ /*&-check:checked + &,
3662
+ &-check:active + & {
3663
+ box-shadow: vars.$btn-active-box-shadow;
3664
+
3665
+ &:focus {
3666
+ box-shadow: vars.$btn-focus-box-shadow, vars.$btn-active-box-shadow;
3667
+ }
3668
+ }*/
3669
+ }
2862
3670
  .wy-button-check {
2863
3671
  position: absolute;
2864
3672
  clip: rect(0, 0, 0, 0);
@@ -2867,21 +3675,17 @@ svg.wy-spinner.wy-spin circle {
2867
3675
  .wy-button-check[disabled] + .wy-button-check, .wy-button-check:disabled + .wy-button-check {
2868
3676
  pointer-events: none;
2869
3677
  filter: none;
2870
- opacity: 0.65;
3678
+ opacity: var(--wy-opacity-disabled);
2871
3679
  }
2872
3680
  .wy-button-check:focus + .wy-button, .wy-button:focus {
2873
3681
  outline: 0;
2874
- box-shadow: unset;
2875
- }
2876
- .wy-button-check:checked + .wy-button, .wy-button-check:active + .wy-button {
2877
- box-shadow: unset;
2878
- }
2879
- .wy-button-check:checked + .wy-button:focus, .wy-button-check:active + .wy-button:focus {
2880
- box-shadow: unset, unset;
2881
3682
  }
2882
3683
  .wy-button-check + .wy-button-icon svg:last-child {
2883
3684
  display: none;
2884
3685
  }
3686
+ .wy-button-check:disabled + .wy-button-icon {
3687
+ opacity: var(--wy-opacity-disabled);
3688
+ }
2885
3689
  .wy-button-check:checked + .wy-button-icon svg:first-child {
2886
3690
  display: none;
2887
3691
  }
@@ -2889,134 +3693,103 @@ svg.wy-spinner.wy-spin circle {
2889
3693
  display: inline-block;
2890
3694
  }
2891
3695
 
2892
- input[type=search]::-webkit-search-cancel-button {
2893
- -webkit-appearance: none;
2894
- }
2895
-
2896
- .wy-search-form {
3696
+ .wy-conversation {
3697
+ display: flex;
2897
3698
  position: relative;
2898
- padding-top: 0.5rem;
2899
- padding-bottom: 0.5rem;
2900
- }
2901
- .wy-search-form [type=reset] {
2902
- display: none;
2903
- }
2904
- .wy-search-form .wy-button-icon {
2905
- position: absolute;
2906
- top: 0.25rem;
2907
- border-radius: 50%;
2908
- top: 0.5rem;
2909
- padding: 0.25rem;
2910
- z-index: 4;
2911
- }
2912
-
2913
- .wy-search-input {
2914
- background: #f2f2f2;
2915
- border-color: transparent;
2916
- padding-left: 2rem;
2917
3699
  }
2918
- .wy-search-input:focus {
2919
- background: #f2f2f2;
2920
- border-color: transparent;
3700
+ .wy-conversation .wy-item-title {
3701
+ font-weight: 400;
2921
3702
  }
2922
-
2923
- .wy-searching .wy-search-form [type=reset],
2924
- .wy-searching.wy-search-form [type=reset] {
2925
- display: inline;
3703
+ .wy-conversation.wy-unread .wy-item-title {
3704
+ font-weight: 700;
2926
3705
  }
2927
- .wy-searching .wy-search-form [type=submit],
2928
- .wy-searching.wy-search-form [type=submit] {
2929
- display: none;
3706
+ .wy-conversation.wy-unread .wy-item-text, .wy-conversation.wy-unread .wy-meta {
3707
+ color: var(--wy-on-background);
3708
+ font-weight: 600;
2930
3709
  }
2931
-
2932
- .wy-search-result-table td:nth-child(2) {
3710
+ .wy-conversation .wy-item-text .wy-typing-show {
2933
3711
  overflow: hidden;
2934
3712
  text-overflow: ellipsis;
2935
3713
  white-space: nowrap;
3714
+ font-weight: 400;
2936
3715
  }
2937
3716
 
2938
- .wy-search-no-result {
2939
- color: #6b6b6b;
2940
- text-align: center;
3717
+ .wy-table {
3718
+ --wy-component-color: var(--wy-on-background);
3719
+ --wy-component-background-color: var(--wy-background);
3720
+ color: var(--wy-component-color);
3721
+ background-color: var(--wy-component-background-color);
3722
+ table-layout: fixed;
3723
+ width: 100%;
3724
+ vertical-align: top;
3725
+ border-collapse: collapse;
2941
3726
  }
2942
-
2943
- .wy-conversation {
2944
- display: flex;
2945
- position: relative;
3727
+ .wy-table th, .wy-table td {
3728
+ padding: var(--wy-table-cell-padding-y) var(--wy-table-cell-padding-x);
3729
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3730
+ line-height: 1;
3731
+ vertical-align: middle;
3732
+ height: 2.5rem;
2946
3733
  }
2947
-
2948
- .wy-conversation-link {
2949
- display: flex;
2950
- padding: 0.5rem;
2951
- border: none;
2952
- z-index: unset !important;
3734
+ .wy-table th:first-child, .wy-table td:first-child {
3735
+ padding-left: calc(var(--wy-table-cell-padding-x) * 2);
2953
3736
  }
2954
- .wy-conversation-link.wy-active {
2955
- background-color: #f2f2f2;
3737
+ .wy-table th:last-child, .wy-table td:last-child {
3738
+ padding-right: calc(var(--wy-table-cell-padding-x) * 2);
2956
3739
  }
2957
-
2958
- .wy-conversation-body {
2959
- flex-grow: 1;
2960
- min-width: 0;
2961
- margin-left: 1rem;
3740
+ .wy-table > tbody {
3741
+ vertical-align: inherit;
2962
3742
  }
2963
-
2964
- .wy-conversation-header {
2965
- display: flex;
2966
- align-items: center;
3743
+ .wy-table > thead {
3744
+ vertical-align: bottom;
2967
3745
  }
2968
-
2969
- .wy-conversation-title {
3746
+ .wy-table .wy-table-cell-icon {
3747
+ color: var(--wy-component-color);
3748
+ vertical-align: middle;
3749
+ text-align: center;
3750
+ padding: calc(var(--wy-table-cell-padding-y) * .5) var(--wy-table-cell-padding-x);
3751
+ width: calc(2.5rem + var(--wy-table-cell-padding-x) * 2);
3752
+ font-size: var(--wy-font-size-base);
3753
+ font-weight: var(--wy-font-weight);
3754
+ text-transform: none;
3755
+ letter-spacing: normal;
3756
+ }
3757
+ .wy-table .wy-table-cell-text {
2970
3758
  overflow: hidden;
2971
3759
  text-overflow: ellipsis;
2972
3760
  white-space: nowrap;
2973
- margin-right: auto;
2974
- }
2975
- .wy-conversation.wy-unread .wy-conversation-title {
2976
- font-weight: 700;
3761
+ width: 100%;
2977
3762
  }
2978
3763
 
2979
- .wy-conversation-time {
2980
- color: #6b6b6b;
2981
- font-size: 0.75rem;
2982
- margin-left: 0.5rem;
2983
- margin-right: 0.25rem;
2984
- flex-shrink: 0;
3764
+ .wy-table-hover > tbody > tr:not(.wy-pager):hover > * {
3765
+ --wy-component-color: var(--wy-on-surface);
3766
+ --wy-component-background-color: var(--wy-surface-2);
3767
+ color: var(--color);
3768
+ background-color: var(--wy-component-background-color);
3769
+ cursor: pointer;
2985
3770
  }
2986
3771
 
2987
- .wy-conversation-summary {
2988
- overflow: hidden;
2989
- text-overflow: ellipsis;
2990
- white-space: nowrap;
2991
- color: #6b6b6b;
2992
- font-size: 0.875rem;
2993
- margin-right: 4rem;
2994
- height: 1.5rem;
2995
- line-height: 1.5rem;
3772
+ .wy-table-trashed th, .wy-table-trashed td {
3773
+ text-decoration: line-through;
2996
3774
  }
2997
- .wy-conversation-summary .wy-emoji {
2998
- vertical-align: -0.3125rem;
3775
+ .wy-table-trashed th:not(:last-child) > *, .wy-table-trashed td:not(:last-child) > * {
3776
+ opacity: var(--wy-opacity-disabled);
2999
3777
  }
3000
- .wy-conversation-summary .wy-icon {
3001
- vertical-align: -0.4375rem;
3778
+ .wy-table-trashed th > a, .wy-table-trashed td > a {
3779
+ color: var(--wy-component-color);
3002
3780
  }
3003
- .wy-conversation.wy-unread .wy-conversation-summary {
3004
- font-weight: 500;
3005
- color: #292929;
3781
+ .wy-table-trashed:hover th, .wy-table-trashed:hover td {
3782
+ opacity: 1;
3006
3783
  }
3007
- .wy-conversation-summary .wy-typing-show {
3008
- overflow: hidden;
3009
- text-overflow: ellipsis;
3010
- white-space: nowrap;
3011
- font-weight: 400;
3784
+
3785
+ .wy-table-no-result {
3786
+ text-align: center;
3787
+ padding: 1rem;
3012
3788
  }
3013
3789
 
3014
- .wy-conversation-actions {
3015
- display: flex;
3790
+ .wy-table-sort-link {
3791
+ display: inline-flex;
3016
3792
  align-items: center;
3017
- position: absolute;
3018
- right: 0.5rem;
3019
- bottom: 0.25rem;
3020
3793
  }
3021
3794
 
3022
3795
  .wy-messenger-provider {
@@ -3027,11 +3800,19 @@ input[type=search]::-webkit-search-cancel-button {
3027
3800
  }
3028
3801
 
3029
3802
  .wy-messenger-sidebar {
3803
+ ---background-color: var(--wy-background);
3804
+ ---color: var(--wy-on-background);
3805
+ background-color: var(---background-color);
3806
+ color: var(---color);
3030
3807
  width: 300px;
3031
- border-right: 1px solid #ccc;
3808
+ border-right: 1px solid var(--wy-outline-variant);
3032
3809
  }
3033
3810
 
3034
3811
  .wy-messenger-conversation {
3812
+ ---background-color: var(--wy-background);
3813
+ ---color: var(--wy-on-background);
3814
+ background-color: var(---background-color);
3815
+ color: var(---color);
3035
3816
  overflow-anchor: none;
3036
3817
  display: flex;
3037
3818
  flex-direction: column;