@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,25 +1,390 @@
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
  }
290
+ :where([class^=wy-], [class*=" wy-"]):where(label), :where([class^=wy-], [class*=" wy-"]) *:where(label) {
291
+ cursor: inherit;
292
+ }
293
+ :where([class^=wy-], [class*=" wy-"])[hidden], :where([class^=wy-], [class*=" wy-"]) *[hidden] {
294
+ display: none !important;
295
+ }
296
+ :where([class^=wy-], [class*=" wy-"]):where([role=button]), :where([class^=wy-], [class*=" wy-"]) *:where([role=button]) {
297
+ cursor: pointer;
298
+ }
299
+
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%;
306
+ }
307
+ .wy-scroll-y:not(body) {
308
+ -webkit-overflow-scrolling: touch;
309
+ }
310
+ .wy-scroll-y:not(.wy-scroll-x) {
311
+ overflow-x: hidden;
312
+ touch-action: pan-y;
313
+ }
314
+
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%;
321
+ }
322
+ .wy-scroll-x:not(.wy-scroll-y) {
323
+ overflow-y: hidden;
324
+ touch-action: pan-x;
325
+ }
326
+
327
+ .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
328
+ scrollbar-width: thin;
329
+ scrollbar-color: var(--wy-outline) transparent;
330
+ }
331
+ @supports (overflow-y: overlay) {
332
+ .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
333
+ overflow-y: overlay;
334
+ }
335
+ }
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;
341
+ }
342
+ .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-track, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-track {
343
+ background: transparent;
344
+ }
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%;
351
+ }
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%;
355
+ }
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%;
359
+ }
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);
362
+ }
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);
365
+ }
366
+
367
+ .wy-block-scroll {
368
+ overflow: hidden !important;
369
+ }
370
+
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;
381
+ }
20
382
 
21
383
  .wy-appbars {
22
384
  backface-visibility: hidden;
385
+ --wy-component-background-color: var(--wy-surface-1);
386
+ background-color: var(--wy-component-background-color);
387
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
23
388
  }
24
389
  @supports (position: sticky) {
25
390
  .wy-appbars {
@@ -36,39 +401,50 @@
36
401
  backdrop-filter: none;
37
402
  }
38
403
  }
404
+ .wy-appbars > .wy-appbar, .wy-appbars > .wy-toolbar {
405
+ background-color: transparent;
406
+ box-shadow: none;
407
+ }
39
408
 
40
409
  .wy-appbar {
410
+ --wy-component-color: var(--wy-on-surface);
411
+ --wy-component-background-color: var(--wy-surface-1);
41
412
  display: grid;
42
413
  align-items: center;
43
414
  justify-content: space-between;
415
+ justify-items: center;
44
416
  height: 3rem;
45
- padding: 0.5rem 0.5rem;
417
+ padding: 0.25rem;
46
418
  flex: 0 0 3rem;
47
- grid-template-columns: minmax(2rem, max-content) minmax(0, max-content) minmax(2rem, max-content);
419
+ grid-template-columns: minmax(2.5rem, max-content) minmax(0, max-content) minmax(2.5rem, max-content);
48
420
  column-gap: 0.5rem;
49
- backface-visibility: hidden;
50
- }
51
- @supports (backdrop-filter: blur(0.5rem)) {
52
- .wy-appbar {
53
- backdrop-filter: blur(0.5rem);
54
- }
421
+ line-height: var(--wy-line-height);
422
+ background-color: var(--wy-component-background-color);
423
+ color: var(--wy-component-color);
424
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
55
425
  }
56
426
  .wy-appbar .wy-badge {
57
427
  align-self: center;
58
428
  }
59
429
  .wy-appbar .wy-button {
60
- max-height: 2rem;
430
+ max-height: 2.5rem;
61
431
  }
62
432
 
63
- .wy-appbar-buttons {
433
+ .wy-appbar-buttons, .wy-toolbar-buttons {
64
434
  display: flex;
65
- flex: 0 0 1rem;
435
+ flex: 0 0 auto;
436
+ align-items: center;
437
+ }
438
+
439
+ .wy-toolbar-buttons-last {
440
+ margin-inline-start: auto;
66
441
  }
67
442
 
68
443
  .wy-appbar-text {
69
444
  overflow: hidden;
70
445
  text-overflow: ellipsis;
71
446
  white-space: nowrap;
447
+ max-width: 100%;
72
448
  color: inherit !important;
73
449
  user-select: none;
74
450
  }
@@ -79,22 +455,58 @@
79
455
  color: inherit;
80
456
  }
81
457
 
82
- .wy-appbar, .wy-light .wy-appbar, .wy-appbar.wy-light {
83
- background-color: rgba(242, 242, 242, 0.95);
84
- color: rgba(0, 0, 0, 0.69);
85
- border-bottom: 1px solid rgba(204, 204, 204, 0.95);
458
+ .wy-toolbars-bottom {
459
+ position: absolute;
460
+ z-index: 1030;
461
+ bottom: 2rem;
462
+ left: 0;
463
+ right: 0;
464
+ min-height: 3rem;
465
+ display: flex;
466
+ flex-direction: column;
467
+ justify-content: center;
468
+ justify-items: center;
469
+ }
470
+
471
+ .wy-toolbar {
472
+ --wy-component-color: var(--wy-on-surface);
473
+ --wy-component-background-color: var(--wy-surface-1);
474
+ display: flex;
475
+ flex-wrap: wrap;
476
+ align-items: center;
477
+ justify-content: flex-start;
478
+ justify-items: center;
479
+ min-height: 3rem;
480
+ padding: 0.25rem;
481
+ flex: 1 0 3rem;
482
+ column-gap: 0.25rem;
483
+ line-height: var(--wy-line-height);
484
+ background-color: var(--wy-component-background-color);
485
+ color: var(--wy-component-color);
486
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
487
+ }
488
+ .wy-toolbar span {
489
+ margin-left: 0.25rem;
490
+ }
491
+
492
+ .wy-toolbar-center {
493
+ margin: 0 auto;
494
+ border-radius: var(--wy-border-radius);
86
495
  }
87
- .wy-dark .wy-appbar, .wy-appbar.wy-dark {
88
- background-color: rgba(41, 41, 41, 0.95);
89
- color: rgba(255, 255, 255, 0.62);
90
- border-bottom: 1px solid rgba(71, 71, 71, 0.95);
496
+ .wy-toolbar-center .wy-input {
497
+ text-align: center;
91
498
  }
92
499
 
93
500
  .wy-footerbars {
94
- padding-bottom: 3.5rem;
501
+ padding-bottom: 4rem;
502
+ }
503
+ .wy-footerbars > .wy-toolbar {
504
+ box-shadow: none;
95
505
  }
96
506
 
97
507
  .wy-footerbar {
508
+ --wy-component-background-color: var(--wy-surface-1);
509
+ --wy-component-color: var(--wy-on-surface);
98
510
  position: absolute;
99
511
  bottom: 0;
100
512
  left: 0;
@@ -103,13 +515,14 @@
103
515
  }
104
516
  .wy-footerbar::after {
105
517
  content: "";
518
+ background-color: var(--wy-component-background-color);
519
+ color: var(--wy-component-color);
520
+ box-shadow: var(--wy-outline-variant) 0px 1px 0px 0px inset;
106
521
  position: absolute;
107
522
  width: 100vw;
108
523
  left: 0;
109
524
  bottom: 0;
110
- height: 3.5rem;
111
- border-top: 1px solid rgba(204, 204, 204, 0.95);
112
- background: rgba(242, 242, 242, 0.95);
525
+ height: 100%;
113
526
  z-index: -1;
114
527
  backface-visibility: hidden;
115
528
  }
@@ -125,1142 +538,1126 @@
125
538
  margin: 0 0 0 0.5rem;
126
539
  }
127
540
 
541
+ .wy-footerbar-sticky {
542
+ position: sticky;
543
+ }
544
+
128
545
  .wy-footerbars-fixed .wy-footerbar {
129
546
  position: fixed;
130
547
  }
131
548
  .wy-footerbars-fixed .wy-footerbar::after {
132
549
  position: fixed;
550
+ height: 4rem;
133
551
  }
134
552
 
135
- .wy-conversation-link, .wy-attachment,
136
- .wy-meeting {
137
- width: 100%;
138
- color: #5c5c5c;
139
- text-align: inherit;
553
+ :where(:root, :host > *) {
554
+ --wy-presence-active: var(--wy-green);
140
555
  }
141
- .wy-conversation-link:hover, .wy-attachment:hover,
142
- .wy-meeting:hover, .wy-conversation-link:focus, .wy-attachment:focus,
143
- .wy-meeting:focus {
144
- z-index: 1;
145
- color: #5c5c5c;
146
- text-decoration: none;
147
- background-color: #f2f2f2;
556
+
557
+ .wy-avatar {
558
+ border-radius: 50%;
148
559
  }
149
- .wy-conversation-link:active, .wy-attachment:active,
150
- .wy-meeting:active {
151
- color: #383838;
152
- background-color: #e6e6e6;
560
+
561
+ .wy-avatar-header {
562
+ padding: 1.5rem;
563
+ margin-left: auto;
564
+ margin-right: auto;
565
+ text-align: center;
153
566
  }
154
567
 
155
- .wy-conversation-link, .wy-attachment,
156
- .wy-meeting {
568
+ .wy-avatar-presence {
157
569
  position: relative;
158
- display: block;
159
- padding: 0.5rem 1rem;
160
- color: #383838;
161
- background-color: #fff;
162
- border: 1px solid rgba(0, 0, 0, 0.125);
163
- }
164
- .wy-conversation-link:first-child, .wy-attachment:first-child,
165
- .wy-meeting:first-child {
166
- border-top-left-radius: inherit;
167
- border-top-right-radius: inherit;
168
- }
169
- .wy-conversation-link:last-child, .wy-attachment:last-child,
170
- .wy-meeting:last-child {
171
- border-bottom-right-radius: inherit;
172
- border-bottom-left-radius: inherit;
173
- }
174
- .disabled.wy-conversation-link, .disabled.wy-attachment,
175
- .disabled.wy-meeting, .wy-conversation-link:disabled, .wy-attachment:disabled,
176
- .wy-meeting:disabled {
177
- color: #6b6b6b;
178
- pointer-events: none;
179
- background-color: #fff;
180
- }
181
- .active.wy-conversation-link, .active.wy-attachment,
182
- .active.wy-meeting {
183
- z-index: 2;
184
- color: #383838;
185
- background-color: #e6e6e6;
186
- border-color: #e6e6e6;
187
- }
188
- .wy-conversation-link + .wy-conversation-link, .wy-attachment + .wy-conversation-link,
189
- .wy-meeting + .wy-conversation-link, .wy-conversation-link + .wy-attachment, .wy-attachment + .wy-attachment,
190
- .wy-meeting + .wy-attachment,
191
- .wy-conversation-link + .wy-meeting,
192
- .wy-attachment + .wy-meeting,
193
- .wy-meeting + .wy-meeting {
194
- border-top-width: 0;
195
- }
196
- .wy-conversation-link + .active.wy-conversation-link, .wy-attachment + .active.wy-conversation-link,
197
- .wy-meeting + .active.wy-conversation-link, .wy-conversation-link + .active.wy-attachment, .wy-attachment + .active.wy-attachment,
198
- .wy-meeting + .active.wy-attachment,
199
- .wy-conversation-link + .active.wy-meeting,
200
- .wy-attachment + .active.wy-meeting,
201
- .wy-meeting + .active.wy-meeting {
202
- margin-top: -1px;
203
- border-top-width: 1px;
570
+ display: inline-flex;
204
571
  }
205
572
 
206
- .wy-attachments,
207
- .wy-meetings {
208
- border: none;
209
- border-radius: 0.25rem;
210
- flex: 1 1 100%;
211
- min-width: 0;
212
- }
213
- .wy-attachments .wy-attachment,
214
- .wy-attachments .wy-meeting,
215
- .wy-meetings .wy-attachment,
216
- .wy-meetings .wy-meeting {
217
- border-left: none;
218
- border-right: none;
219
- }
220
- .wy-attachments > *,
221
- .wy-meetings > * {
222
- padding: 0.25rem 0.5rem;
223
- }
224
- .wy-attachments > :first-child,
225
- .wy-meetings > :first-child {
226
- border-top: none;
573
+ .wy-presence {
574
+ background-color: var(--wy-component-background-color, transparent);
575
+ width: 0.75rem;
576
+ height: 0.75rem;
577
+ border-radius: 50%;
578
+ position: absolute;
579
+ bottom: 0;
580
+ right: -5%;
227
581
  }
228
- .wy-attachments > :last-child,
229
- .wy-meetings > :last-child {
230
- border-bottom: none;
582
+ .wy-presence:not(.wy-presence-active) {
583
+ display: none;
231
584
  }
232
-
233
- .wy-attachment,
234
- .wy-meeting {
235
- display: flex;
236
- align-items: center;
237
- cursor: pointer;
585
+ .wy-presence::after {
586
+ content: "";
587
+ position: absolute;
588
+ width: 100%;
589
+ height: 100%;
590
+ border-radius: inherit;
591
+ background-color: var(--wy-presence-active);
592
+ background-clip: content-box;
593
+ padding: 0.125rem;
238
594
  }
239
595
 
240
- .wy-attachment-icon {
241
- flex: 0 0 auto;
242
- display: flex;
596
+ .wy-badge {
597
+ display: inline-block;
598
+ padding: 0.35em 0.65em;
599
+ font-size: 0.75em;
600
+ font-weight: 700;
601
+ line-height: 1;
602
+ color: var(--wy-on-primary);
603
+ text-align: center;
604
+ white-space: nowrap;
605
+ vertical-align: baseline;
606
+ border-radius: var(--wy-border-radius-pill);
607
+ background-color: var(--wy-primary);
243
608
  }
244
- .wy-attachment-icon .wy-icon, .wy-attachment-icon .wy-icon-stack {
245
- width: 3rem;
246
- height: 3rem;
609
+ .wy-badge:empty {
610
+ display: none;
247
611
  }
248
612
 
249
- .wy-attachment-content {
250
- flex: 1 1 100%;
251
- min-width: 0;
252
- margin-left: 0.5rem;
253
- margin-right: 0.5rem;
613
+ .wy-button {
614
+ position: relative;
254
615
  }
255
-
256
- .wy-attachment-title {
257
- font-weight: 500;
258
- overflow: hidden;
259
- text-overflow: ellipsis;
260
- white-space: nowrap;
261
- font-size: 1rem;
616
+ .wy-button .wy-badge {
617
+ font-size: var(--wy-font-size-xs);
618
+ position: absolute;
619
+ right: 0;
620
+ top: 0;
621
+ border-radius: 1rem;
262
622
  margin: 0;
263
- }
264
-
265
- .wy-attachment-meta {
623
+ padding: 0.25rem;
624
+ min-width: 1rem;
625
+ max-width: 2rem;
626
+ height: 1rem;
627
+ line-height: 0.5rem;
628
+ display: block;
629
+ text-align: center;
266
630
  overflow: hidden;
267
631
  text-overflow: ellipsis;
268
632
  white-space: nowrap;
269
- font-size: 0.875em;
270
- color: #6b6b6b;
271
- }
272
-
273
- .wy-input, .wy-input-sm, .wy-search-input, .wy-avatar-input {
274
- display: block;
275
- width: 100%;
276
- padding: 0.375rem 0.75rem;
277
- font-size: 1rem;
278
- font-weight: 400;
279
- line-height: 1.5;
280
- color: #292929;
281
- background-color: #fff;
282
- background-clip: padding-box;
283
- border: 1px solid #999999;
284
- appearance: none;
285
- border-radius: 0.375rem;
286
- box-shadow: 0;
287
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
288
633
  }
289
- @media (prefers-reduced-motion: reduce) {
290
- .wy-input, .wy-input-sm, .wy-search-input, .wy-avatar-input {
291
- transition: none;
292
- }
634
+ .wy-button .wy-badge:empty {
635
+ display: none;
293
636
  }
294
- [type=file].wy-input, [type=file].wy-input-sm, [type=file].wy-search-input, [type=file].wy-avatar-input {
295
- overflow: hidden;
637
+
638
+ :where(:root, :host > *) {
639
+ --wy-btn-padding-x: 1.5rem;
640
+ --wy-btn-padding-y: .5rem;
641
+ --wy-btn-font-family: var(--wy-font-family);
642
+ --wy-btn-font-size: var(--wy-font-size-base);
643
+ --wy-btn-font-weight: 400;
644
+ --wy-btn-line-height: var(--wy-line-height);
645
+ --wy-btn-border-width: 0;
646
+ --wy-btn-border-color: transparent;
647
+ --wy-btn-border-radius: 1.25rem;
296
648
  }
297
- [type=file].wy-input:not(:disabled):not([readonly]), [type=file].wy-input-sm:not(:disabled):not([readonly]), [type=file].wy-search-input:not(:disabled):not([readonly]), [type=file].wy-avatar-input:not(:disabled):not([readonly]) {
649
+
650
+ .wy-button {
651
+ --wy-component-color: var(--wy-primary);
652
+ color: var(--wy-component-color);
653
+ background: var(--wy-component-background-color, transparent);
654
+ padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
655
+ font-family: var(--wy-btn-font-family);
656
+ font-size: var(--wy-btn-font-size);
657
+ font-weight: var(--wy-btn-font-weight);
658
+ line-height: var(--wy-btn-line-height);
659
+ text-align: center;
660
+ text-decoration: none;
661
+ vertical-align: middle;
298
662
  cursor: pointer;
663
+ user-select: none;
664
+ border: var(--wy-btn-border-width) solid var(--wy-btn-border-color);
665
+ border-radius: var(--wy-btn-border-radius);
666
+ display: inline-flex;
667
+ align-items: center;
668
+ justify-content: center;
669
+ gap: 0.25rem;
670
+ position: relative;
299
671
  }
300
- .wy-input:focus, .wy-input-sm:focus, .wy-search-input:focus, .wy-avatar-input:focus {
301
- color: #292929;
302
- background-color: #fff;
303
- border-color: #8ab5c9;
304
- outline: 0;
305
- box-shadow: 0, 0 0 0 0.25rem rgba(230, 230, 230, 0.25);
306
- }
307
- .wy-input::-webkit-date-and-time-value, .wy-input-sm::-webkit-date-and-time-value, .wy-search-input::-webkit-date-and-time-value, .wy-avatar-input::-webkit-date-and-time-value {
308
- height: 1.5em;
672
+ .wy-button:not(.wy-button-link, :disabled) > * {
673
+ z-index: 3;
309
674
  }
310
- .wy-input::placeholder, .wy-input-sm::placeholder, .wy-search-input::placeholder, .wy-avatar-input::placeholder {
311
- color: #6b6b6b;
312
- opacity: 1;
675
+ .wy-button:not(.wy-button-link, :disabled)::before {
676
+ content: "";
677
+ z-index: 2;
678
+ position: absolute;
679
+ top: 0;
680
+ left: 0;
681
+ width: 100%;
682
+ height: 100%;
683
+ border-radius: inherit;
684
+ background: var(--wy-component-color);
685
+ opacity: 0%;
313
686
  }
314
- .wy-input:disabled, .wy-input-sm:disabled, .wy-search-input:disabled, .wy-avatar-input:disabled, [readonly].wy-input, [readonly].wy-input-sm, [readonly].wy-search-input, [readonly].wy-avatar-input {
315
- background-color: #cccccc;
316
- opacity: 1;
687
+ .wy-button:not(.wy-button-link, :disabled):hover::before {
688
+ opacity: 8%;
317
689
  }
318
- .wy-input::file-selector-button, .wy-input-sm::file-selector-button, .wy-search-input::file-selector-button, .wy-avatar-input::file-selector-button {
319
- padding: 0.375rem 0.75rem;
320
- margin: -0.375rem -0.75rem;
321
- margin-inline-end: 0.75rem;
322
- color: #292929;
323
- background-color: #cccccc;
324
- pointer-events: none;
325
- border-color: inherit;
326
- border-style: solid;
327
- border-width: 0;
328
- border-inline-end-width: 1px;
329
- border-radius: 0;
330
- 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;
690
+ .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 {
691
+ opacity: 12%;
331
692
  }
332
- @media (prefers-reduced-motion: reduce) {
333
- .wy-input::file-selector-button, .wy-input-sm::file-selector-button, .wy-search-input::file-selector-button, .wy-avatar-input::file-selector-button {
334
- transition: none;
335
- }
693
+ .wy-button:not(.wy-button-icon) .wy-icon:first-child {
694
+ margin-left: -0.5rem;
336
695
  }
337
- .wy-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-input-sm:hover:not(:disabled):not([readonly])::file-selector-button, .wy-search-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-avatar-input:hover:not(:disabled):not([readonly])::file-selector-button {
338
- background-color: #c2c2c2;
696
+ .wy-button:not(.wy-button-icon) .wy-icon:last-child {
697
+ margin-right: -0.5rem;
339
698
  }
340
- .wy-input::-webkit-file-upload-button, .wy-input-sm::-webkit-file-upload-button, .wy-search-input::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
341
- padding: 0.375rem 0.75rem;
342
- margin: -0.375rem -0.75rem;
343
- margin-inline-end: 0.75rem;
344
- color: #292929;
345
- background-color: #cccccc;
699
+ .wy-button:disabled {
700
+ opacity: var(--wy-opacity-disabled);
701
+ cursor: unset;
346
702
  pointer-events: none;
347
- border-color: inherit;
348
- border-style: solid;
349
- border-width: 0;
350
- border-inline-end-width: 1px;
351
- border-radius: 0;
352
- 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;
353
- }
354
- @media (prefers-reduced-motion: reduce) {
355
- .wy-input::-webkit-file-upload-button, .wy-input-sm::-webkit-file-upload-button, .wy-search-input::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
356
- transition: none;
357
- }
358
- }
359
- .wy-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .wy-input-sm:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .wy-search-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .wy-avatar-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
360
- background-color: #c2c2c2;
361
703
  }
362
704
 
363
- .wy-input-sm, .wy-search-input, .wy-avatar-input {
364
- min-height: calc(1.5em + 0.5rem + 2px);
365
- padding: 0.25rem 0.5rem;
366
- font-size: 1rem;
367
- border-radius: 0.25rem;
368
- }
369
- .wy-input-sm::file-selector-button, .wy-search-input::file-selector-button, .wy-avatar-input::file-selector-button {
370
- padding: 0.25rem 0.5rem;
371
- margin: -0.25rem -0.5rem;
372
- margin-inline-end: 0.5rem;
705
+ .wy-button-icon {
706
+ --wy-component-color: var(--wy-on-surface-variant);
707
+ width: 2.5rem;
708
+ height: 2.5rem;
709
+ padding: 0.5rem;
710
+ line-height: 1;
711
+ border-radius: var(--wy-border-radius-pill);
712
+ border-width: 0;
373
713
  }
374
- .wy-input-sm::-webkit-file-upload-button, .wy-search-input::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
375
- padding: 0.25rem 0.5rem;
376
- margin: -0.25rem -0.5rem;
377
- margin-inline-end: 0.5rem;
714
+ .wy-button-icon.wy-active {
715
+ --wy-component-color: var(--wy-primary);
378
716
  }
379
717
 
380
- .wy-description {
381
- margin-top: 0.25rem;
382
- font-size: 0.875em;
383
- color: #6b6b6b;
718
+ .wy-button-primary {
719
+ --wy-component-background-color: var(--wy-primary);
720
+ --wy-component-color: var(--wy-on-primary);
384
721
  }
385
722
 
386
- .wy-label {
387
- margin-bottom: 0.5rem;
723
+ .wy-button-variant {
724
+ --wy-component-background-color: var(--wy-surface-variant);
725
+ --wy-component-color: var(--wy-on-surface-variant);
388
726
  }
389
727
 
390
- .wy-is-invalid {
391
- border-color: hsl(6deg, 71.1567324185%, 50%);
392
- }
393
- .wy-is-invalid:focus {
394
- border-color: hsl(6deg, 71.1567324185%, 50%);
728
+ .wy-button-primary-text {
729
+ --wy-component-color: var(--wy-primary);
395
730
  }
396
731
 
397
- .wy-avatar {
398
- border-radius: 50%;
732
+ .wy-button-link {
733
+ padding: 0;
734
+ color: var(--wy-link-color, var(--wy-primary));
735
+ text-decoration: var(--wy-link-decoration, var(--wy-link-decoration));
399
736
  }
400
-
401
- .wy-avatar-header {
402
- padding: 1.5rem;
403
- margin-left: auto;
404
- margin-right: auto;
405
- text-align: center;
737
+ .wy-button-link:hover, .wy-button-link:focus {
738
+ text-decoration: var(--wy-link-hover-decoration, var(--wy-link-hover-decoration));
406
739
  }
407
740
 
408
- .wy-avatar-input {
409
- background: #f2f2f2;
410
- border-color: transparent;
411
- text-align: center;
412
- margin-left: auto;
413
- margin-right: auto;
414
- margin-bottom: 1.5rem;
741
+ .wy-buttons {
742
+ display: flex;
743
+ align-items: center;
744
+ flex-wrap: wrap;
745
+ gap: 0.5rem;
415
746
  }
416
747
 
417
- .wy-avatar-presence {
418
- position: relative;
419
- }
748
+ .wy-button {
749
+ /*&-check:checked + &,
750
+ &-check:active + & {
751
+ box-shadow: vars.$btn-active-box-shadow;
420
752
 
421
- .wy-avatar-display-name {
422
- font-size: 1.5rem;
423
- font-weight: 300;
424
- line-height: 1.2;
425
- text-align: center;
753
+ &:focus {
754
+ box-shadow: vars.$btn-focus-box-shadow, vars.$btn-active-box-shadow;
755
+ }
756
+ }*/
426
757
  }
427
-
428
- .wy-presence {
429
- display: none;
430
- background-color: #e6e6e6;
431
- width: 0.75rem;
432
- height: 0.75rem;
433
- border-radius: 50%;
434
- outline: 0.125rem solid #fff;
758
+ .wy-button-check {
435
759
  position: absolute;
436
- bottom: 0;
437
- right: -5%;
760
+ clip: rect(0, 0, 0, 0);
761
+ pointer-events: none;
438
762
  }
439
-
440
- .wy-presence-active {
441
- background-color: #66cc68;
442
- display: block;
763
+ .wy-button-check[disabled] + .wy-button-check, .wy-button-check:disabled + .wy-button-check {
764
+ pointer-events: none;
765
+ filter: none;
766
+ opacity: var(--wy-opacity-disabled);
443
767
  }
444
-
445
- .wy-badge {
446
- display: inline-block;
447
- padding: 0.35em 0.65em;
448
- font-size: 0.75em;
449
- font-weight: 700;
450
- line-height: 1;
451
- color: #fff;
452
- text-align: center;
453
- white-space: nowrap;
454
- vertical-align: baseline;
455
- border-radius: 0.375rem;
768
+ .wy-button-check:focus + .wy-button, .wy-button:focus {
769
+ outline: 0;
456
770
  }
457
- .wy-badge:empty {
771
+ .wy-button-check + .wy-button-icon svg:last-child {
458
772
  display: none;
459
773
  }
460
-
461
- .wy-badge {
462
- border-radius: 50rem;
463
- background-color: #156B93;
464
- }
465
-
466
- .wy-badge-success {
467
- background-color: #35a137;
468
- }
469
-
470
- .wy-badge-warning {
471
- background-color: hsl(55deg, 81.2875214408%, 50%);
472
- }
473
-
474
- .wy-badge-danger {
475
- background-color: hsl(6deg, 71.1567324185%, 50%);
476
- }
477
-
478
- .wy-button {
479
- position: relative;
480
- }
481
- .wy-button .wy-badge {
482
- font-size: 0.75rem;
483
- position: absolute;
484
- right: 0;
485
- top: 0;
486
- border-radius: 1rem;
487
- margin: 0;
488
- padding: 0.25rem;
489
- min-width: 1rem;
490
- max-width: 2rem;
491
- height: 1rem;
492
- line-height: 0.5rem;
493
- display: block;
494
- text-align: center;
495
- overflow: hidden;
496
- text-overflow: ellipsis;
497
- white-space: nowrap;
774
+ .wy-button-check:disabled + .wy-button-icon {
775
+ opacity: var(--wy-opacity-disabled);
498
776
  }
499
- .wy-button .wy-badge:empty {
777
+ .wy-button-check:checked + .wy-button-icon svg:first-child {
500
778
  display: none;
501
779
  }
502
-
503
- .wy-button {
504
- --wy-btn-padding-x: 0.75rem;
505
- --wy-btn-padding-y: 0.375rem;
506
- --wy-btn-font-family: ;
507
- --wy-btn-font-size: 1rem;
508
- --wy-btn-font-weight: 400;
509
- --wy-btn-line-height: 1.5;
510
- --wy-btn-color: #292929;
511
- --wy-btn-bg: transparent;
512
- --wy-btn-border-width: 1px;
513
- --wy-btn-border-color: transparent;
514
- --wy-btn-border-radius: 0.375rem;
515
- --wy-btn-box-shadow: unset;
516
- --wy-btn-disabled-opacity: 0.65;
517
- --wy-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--wy-btn-focus-shadow-rgb), .5);
780
+ .wy-button-check:checked + .wy-button-icon svg:last-child {
518
781
  display: inline-block;
519
- padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
520
- font-family: var(--wy-btn-font-family);
521
- font-size: var(--wy-btn-font-size);
522
- font-weight: var(--wy-btn-font-weight);
523
- line-height: var(--wy-btn-line-height);
524
- color: var(--wy-btn-color);
525
- text-align: center;
526
- vertical-align: middle;
527
- cursor: pointer;
528
- user-select: none;
529
- border: var(--wy-btn-border-width) solid var(--wy-btn-border-color);
530
- border-radius: var(--wy-btn-border-radius);
531
- background-color: var(--wy-btn-bg);
532
- box-shadow: var(--wy-btn-box-shadow);
533
- 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;
534
782
  }
535
- @media (prefers-reduced-motion: reduce) {
536
- .wy-button {
537
- transition: none;
783
+
784
+ :not(.wy-dark) .wy-code, .wy-code:not(.wy-dark) {
785
+ /*pre[class*="language-"]::-moz-selection,
786
+ pre[class*="language-"] ::-moz-selection,
787
+ code[class*="language-"]::-moz-selection,
788
+ code[class*="language-"] ::-moz-selection {
789
+ text-shadow: none;
790
+ background: #ffffff;
538
791
  }
792
+
793
+ pre[class*="language-"]::selection,
794
+ pre[class*="language-"] ::selection,
795
+ code[class*="language-"]::selection,
796
+ code[class*="language-"] ::selection {
797
+ text-shadow: none;
798
+ background: #ffffff;
799
+ }*/
800
+ /* Code blocks */
801
+ }
802
+ :not(.wy-dark) .wy-code code[class*=language-],
803
+ :not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) code[class*=language-],
804
+ .wy-code:not(.wy-dark) pre[class*=language-] {
805
+ color: #000000;
806
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
807
+ text-align: left;
808
+ white-space: pre-wrap;
809
+ word-spacing: normal;
810
+ word-break: normal;
811
+ word-wrap: break-word;
812
+ line-height: 1.5;
813
+ -moz-tab-size: 4;
814
+ -o-tab-size: 4;
815
+ tab-size: 4;
816
+ -webkit-hyphens: none;
817
+ -moz-hyphens: none;
818
+ -ms-hyphens: none;
819
+ hyphens: none;
539
820
  }
540
- .wy-button:hover {
541
- color: var(--wy-btn-hover-color);
542
- background-color: var(--wy-btn-hover-bg);
543
- border-color: var(--wy-btn-hover-border-color);
544
- }
545
- .btn-check:focus + .wy-button, .wy-button:focus {
546
- color: var(--wy-btn-hover-color);
547
- background-color: var(--wy-btn-hover-bg);
548
- border-color: var(--wy-btn-hover-border-color);
549
- outline: 0;
550
- box-shadow: var(--wy-btn-box-shadow), var(--wy-btn-focus-box-shadow);
551
- }
552
- .btn-check:checked + .wy-button, .btn-check:active + .wy-button, .wy-button:active, .active.wy-button, .show.wy-button {
553
- color: var(--wy-btn-active-color);
554
- background-color: var(--wy-btn-active-bg);
555
- border-color: var(--wy-btn-active-border-color);
556
- box-shadow: var(--wy-btn-active-shadow);
557
- }
558
- .btn-check:checked + .wy-button:focus, .btn-check:active + .wy-button:focus, .wy-button:active:focus, .active.wy-button:focus, .show.wy-button:focus {
559
- box-shadow: var(--wy-btn-active-shadow), var(--wy-btn-focus-box-shadow);
821
+ @media print {
822
+ :not(.wy-dark) .wy-code code[class*=language-],
823
+ :not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) code[class*=language-],
824
+ .wy-code:not(.wy-dark) pre[class*=language-] {
825
+ text-shadow: none;
826
+ }
560
827
  }
561
- .wy-button:disabled, .disabled.wy-button, fieldset:disabled .wy-button {
562
- color: var(--wy-btn-disabled-color);
563
- pointer-events: none;
564
- background-color: var(--wy-btn-disabled-bg);
565
- border-color: var(--wy-btn-disabled-border-color);
566
- opacity: var(--wy-btn-disabled-opacity);
567
- box-shadow: none;
828
+ :not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) pre[class*=language-] {
829
+ padding: 1em;
830
+ margin: 0.5em 0;
831
+ overflow: auto;
568
832
  }
569
-
570
- .wy-button-primary {
571
- --wy-btn-color: #fff;
572
- --wy-btn-bg: #156B93;
573
- --wy-btn-border-color: #156B93;
574
- --wy-btn-hover-color: #fff;
575
- --wy-btn-hover-bg: #125b7d;
576
- --wy-btn-hover-border-color: #115676;
577
- --wy-btn-focus-shadow-rgb: 56, 129, 163;
578
- --wy-btn-active-color: #fff;
579
- --wy-btn-active-bg: #115676;
580
- --wy-btn-active-border-color: #10506e;
581
- --wy-btn-active-shadow: unset;
582
- --wy-btn-disabled-color: #fff;
583
- --wy-btn-disabled-bg: #156B93;
584
- --wy-btn-disabled-border-color: #156B93;
833
+ :not(.wy-dark) .wy-code :not(pre) > code[class*=language-],
834
+ :not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) :not(pre) > code[class*=language-],
835
+ .wy-code:not(.wy-dark) pre[class*=language-] {
836
+ color: white;
837
+ background: #ffffff;
585
838
  }
586
-
587
- .wy-button-link {
588
- --wy-btn-font-weight: 400;
589
- --wy-btn-color: var(--wy-link-color);
590
- --wy-btn-bg: transparent;
591
- --wy-btn-border-color: transparent;
592
- --wy-btn-hover-color: var(--wy-link-hover-color);
593
- --wy-btn-hover-border-color: transparent;
594
- --wy-btn-active-color: var(--wy-link-hover-color);
595
- --wy-btn-active-border-color: transparent;
596
- --wy-btn-disabled-color: #6b6b6b;
597
- --wy-btn-disabled-border-color: transparent;
598
- --wy-btn-box-shadow: none;
599
- --wy-btn-focus-shadow-rgb: 56, 129, 163;
600
- text-decoration: none;
839
+ :not(.wy-dark) .wy-code :not(pre) > code[class*=language-], .wy-code:not(.wy-dark) :not(pre) > code[class*=language-] {
840
+ padding: 0.1em;
841
+ border-radius: 0.3em;
842
+ white-space: normal;
601
843
  }
602
- .wy-button-link:focus {
603
- color: var(--wy-btn-color);
844
+ :not(.wy-dark) .wy-code .token.comment, .wy-code:not(.wy-dark) .token.comment {
845
+ color: #008000;
604
846
  }
605
- .wy-button-link:hover {
606
- color: var(--wy-btn-hover-color);
847
+ :not(.wy-dark) .wy-code .token.builtin, .wy-code:not(.wy-dark) .token.builtin {
848
+ color: #0070C1;
607
849
  }
608
-
609
- .wy-button {
610
- display: inline-flex;
611
- align-items: center;
612
- justify-content: center;
613
- gap: 0.25rem;
850
+ :not(.wy-dark) .wy-code .token.number, .wy-code:not(.wy-dark) .token.number {
851
+ color: #098658;
614
852
  }
615
- .wy-button:not(.wy-button-icon) .wy-icon:first-child {
616
- margin-left: -0.25rem;
853
+ :not(.wy-dark) .wy-code .token.variable, .wy-code:not(.wy-dark) .token.variable {
854
+ color: #098658;
617
855
  }
618
- .wy-button:not(.wy-button-icon) .wy-icon:last-child {
619
- margin-right: -0.25rem;
856
+ :not(.wy-dark) .wy-code .token.inserted, .wy-code:not(.wy-dark) .token.inserted {
857
+ color: #098658;
620
858
  }
621
-
622
- .wy-button:not(.wy-button-link, .wy-button-primary) {
623
- --wy-btn-hover-border-color: transparent;
624
- --wy-btn-active-border-color: transparent;
625
- --wy-btn-hover-color: var(--wy-btn-color);
626
- --wy-btn-hover-bg: rgba(0, 0, 0, 0.04);
627
- --wy-btn-focus-bg: rgba(0, 0, 0, 0.04);
628
- --wy-btn-active-color: var(--wy-btn-color);
629
- --wy-btn-active-bg: rgba(0, 0, 0, 0.12);
859
+ :not(.wy-dark) .wy-code .token.operator, .wy-code:not(.wy-dark) .token.operator {
860
+ color: #000000;
630
861
  }
631
- .wy-dark .wy-button:not(.wy-button-link, .wy-button-primary) {
632
- color: var(--wy-white);
862
+ :not(.wy-dark) .wy-code .token.constant, .wy-code:not(.wy-dark) .token.constant {
863
+ color: #811F3F;
633
864
  }
634
-
635
- .wy-button-icon {
636
- width: 2rem;
637
- height: 2rem;
638
- padding: 0.25rem;
639
- line-height: 1;
640
- border-radius: 50%;
641
- border-width: 0;
865
+ :not(.wy-dark) .wy-code .token.hexcode, .wy-code:not(.wy-dark) .token.hexcode {
866
+ color: #811F3F;
642
867
  }
643
-
644
- .wy-button-icon:not(.wy-button-primary) {
645
- color: rgba(0, 0, 0, 0.54);
868
+ :not(.wy-dark) .wy-code .token.regex, .wy-code:not(.wy-dark) .token.regex {
869
+ color: #811F3F;
646
870
  }
647
- .wy-button-icon:not(.wy-button-primary):hover .wy-icon {
648
- color: rgba(0, 0, 0, 0.87);
871
+ :not(.wy-dark) .wy-code .token.char, .wy-code:not(.wy-dark) .token.char {
872
+ color: #811F3F;
649
873
  }
650
- .wy-dark .wy-button-icon:not(.wy-button-primary) {
651
- color: rgba(255, 255, 255, 0.7);
874
+ :not(.wy-dark) .wy-code .token.tag, .wy-code:not(.wy-dark) .token.tag {
875
+ color: #800000;
652
876
  }
653
- .wy-dark .wy-button-icon:not(.wy-button-primary) .wy-icon {
654
- color: rgba(255, 255, 255, 0.7);
877
+ :not(.wy-dark) .wy-code .token.attr-name, .wy-code:not(.wy-dark) .token.attr-name {
878
+ color: #FF0000;
655
879
  }
656
- .wy-dark .wy-button-icon:not(.wy-button-primary):hover {
657
- color: rgb(255, 255, 255);
880
+ :not(.wy-dark) .wy-code .token.selector, .wy-code:not(.wy-dark) .token.selector {
881
+ color: #FF0000;
658
882
  }
659
- .wy-dark .wy-button-icon:not(.wy-button-primary):hover .wy-icon {
660
- color: rgb(255, 255, 255);
883
+ :not(.wy-dark) .wy-code .token.property, .wy-code:not(.wy-dark) .token.property {
884
+ color: #FF0000;
661
885
  }
662
-
663
- .wy-buttons {
664
- display: flex;
665
- align-items: center;
666
- flex-wrap: wrap;
667
- gap: 0.5rem;
886
+ :not(.wy-dark) .wy-code .token.deleted, .wy-code:not(.wy-dark) .token.deleted {
887
+ color: #A31515;
668
888
  }
669
-
670
- .wy-button-check {
671
- position: absolute;
672
- clip: rect(0, 0, 0, 0);
673
- pointer-events: none;
889
+ :not(.wy-dark) .wy-code .token.string, .wy-code:not(.wy-dark) .token.string {
890
+ color: #A31515;
674
891
  }
675
- .wy-button-check[disabled] + .wy-button-check, .wy-button-check:disabled + .wy-button-check {
676
- pointer-events: none;
677
- filter: none;
678
- opacity: 0.65;
892
+ :not(.wy-dark) .wy-code .token.changed, .wy-code:not(.wy-dark) .token.changed {
893
+ color: #0451A5;
679
894
  }
680
- .wy-button-check:focus + .wy-button, .wy-button:focus {
681
- outline: 0;
682
- box-shadow: unset;
895
+ :not(.wy-dark) .wy-code .token.punctuation, .wy-code:not(.wy-dark) .token.punctuation {
896
+ color: #0451A5;
683
897
  }
684
- .wy-button-check:checked + .wy-button, .wy-button-check:active + .wy-button {
685
- box-shadow: unset;
898
+ :not(.wy-dark) .wy-code .token.function, .wy-code:not(.wy-dark) .token.function {
899
+ color: #0000FF;
686
900
  }
687
- .wy-button-check:checked + .wy-button:focus, .wy-button-check:active + .wy-button:focus {
688
- box-shadow: unset, unset;
901
+ :not(.wy-dark) .wy-code .token.keyword, .wy-code:not(.wy-dark) .token.keyword {
902
+ color: #0000FF;
689
903
  }
690
- .wy-button-check + .wy-button-icon svg:last-child {
691
- display: none;
904
+ :not(.wy-dark) .wy-code .token.class-name, .wy-code:not(.wy-dark) .token.class-name {
905
+ color: #267F99;
692
906
  }
693
- .wy-button-check:checked + .wy-button-icon svg:first-child {
694
- display: none;
907
+ :not(.wy-dark) .wy-code .token.important,
908
+ :not(.wy-dark) .wy-code .token.bold, .wy-code:not(.wy-dark) .token.important,
909
+ .wy-code:not(.wy-dark) .token.bold {
910
+ font-weight: bold;
695
911
  }
696
- .wy-button-check:checked + .wy-button-icon svg:last-child {
697
- display: inline-block;
912
+ :not(.wy-dark) .wy-code .token.italic, .wy-code:not(.wy-dark) .token.italic {
913
+ font-style: italic;
698
914
  }
915
+ .wy-dark .wy-code, .wy-code.wy-dark {
916
+ /*pre[class*="language-"]::-moz-selection,
917
+ pre[class*="language-"] ::-moz-selection,
918
+ code[class*="language-"]::-moz-selection,
919
+ code[class*="language-"] ::-moz-selection {
920
+ text-shadow: none;
921
+ background: #1e1e1e;
922
+ }
699
923
 
700
- code[class*=language-], pre[class*=language-] {
701
- font-family: var(--wy-font-monospace);
702
- font-size: 1em;
703
- direction: ltr;
924
+ pre[class*="language-"]::selection,
925
+ pre[class*="language-"] ::selection,
926
+ code[class*="language-"]::selection,
927
+ code[class*="language-"] ::selection {
928
+ text-shadow: none;
929
+ background: #1e1e1e;
930
+ }*/
931
+ /* Code blocks */
932
+ }
933
+ .wy-dark .wy-code code[class*=language-],
934
+ .wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark code[class*=language-],
935
+ .wy-code.wy-dark pre[class*=language-] {
936
+ color: #d4d4d4;
937
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
704
938
  text-align: left;
705
- white-space: pre;
939
+ white-space: pre-wrap;
706
940
  word-spacing: normal;
707
941
  word-break: normal;
942
+ word-wrap: break-word;
708
943
  line-height: 1.5;
944
+ -moz-tab-size: 4;
945
+ -o-tab-size: 4;
709
946
  tab-size: 4;
947
+ -webkit-hyphens: none;
948
+ -moz-hyphens: none;
949
+ -ms-hyphens: none;
710
950
  hyphens: none;
711
951
  }
712
-
713
- pre[class*=language-] {
714
- background: #fff;
715
- font-size: 0.875em;
716
- padding: 1rem;
717
- margin: 0.5rem 0;
952
+ @media print {
953
+ .wy-dark .wy-code code[class*=language-],
954
+ .wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark code[class*=language-],
955
+ .wy-code.wy-dark pre[class*=language-] {
956
+ text-shadow: none;
957
+ }
958
+ }
959
+ .wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark pre[class*=language-] {
960
+ padding: 1em;
961
+ margin: 0.5em 0;
718
962
  overflow: auto;
719
963
  }
720
-
721
- .token.comment,
722
- .token.prolog,
723
- .token.doctype,
724
- .token.cdata {
725
- color: #008000;
726
- font-style: italic;
964
+ .wy-dark .wy-code :not(pre) > code[class*=language-],
965
+ .wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark :not(pre) > code[class*=language-],
966
+ .wy-code.wy-dark pre[class*=language-] {
967
+ color: white;
968
+ background: #1e1e1e;
727
969
  }
728
-
729
- .token.namespace {
730
- opacity: 0.7;
970
+ .wy-dark .wy-code :not(pre) > code[class*=language-], .wy-code.wy-dark :not(pre) > code[class*=language-] {
971
+ padding: 0.1em;
972
+ border-radius: 0.3em;
973
+ white-space: normal;
731
974
  }
732
-
733
- .token.string {
734
- color: #A31515;
975
+ .wy-dark .wy-code .token.prolog, .wy-code.wy-dark .token.prolog {
976
+ color: #8080ff;
735
977
  }
736
-
737
- .token.url,
738
- .token.symbol,
739
- .token.number,
740
- .token.boolean,
741
- .token.variable,
742
- .token.constant,
743
- .token.inserted {
744
- color: #36acaa;
978
+ .wy-dark .wy-code .token.comment, .wy-code.wy-dark .token.comment {
979
+ color: #6A9955;
745
980
  }
746
-
747
- .token.atrule,
748
- .token.keyword,
749
- .token.attr-value,
750
- .language-autohotkey .token.selector,
751
- .language-json .token.boolean,
752
- .language-json .token.number,
753
- code[class*=language-css] {
754
- color: #0000ff;
981
+ .wy-dark .wy-code .token.punctuation, .wy-code.wy-dark .token.punctuation {
982
+ color: #6A9955;
755
983
  }
756
-
757
- .token.deleted,
758
- .language-autohotkey .token.tag {
759
- color: #9a050f;
984
+ .wy-dark .wy-code .token.builtin, .wy-code.wy-dark .token.builtin {
985
+ color: #4FC1FF;
760
986
  }
761
-
762
- .token.selector,
763
- .language-autohotkey .token.keyword {
764
- color: #00009f;
987
+ .wy-dark .wy-code .token.number, .wy-code.wy-dark .token.number {
988
+ color: #B5CEA8;
765
989
  }
766
-
767
- .token.important {
768
- color: #e90;
990
+ .wy-dark .wy-code .token.variable, .wy-code.wy-dark .token.variable {
991
+ color: #B5CEA8;
769
992
  }
770
-
771
- .token.important,
772
- .token.bold {
773
- font-weight: 700;
993
+ .wy-dark .wy-code .token.inserted, .wy-code.wy-dark .token.inserted {
994
+ color: #B5CEA8;
774
995
  }
775
-
776
- .token.italic {
777
- font-style: italic;
996
+ .wy-dark .wy-code .token.operator, .wy-code.wy-dark .token.operator {
997
+ color: #D4D4D4;
778
998
  }
779
-
780
- .token.class-name,
781
- .language-json .token.property {
782
- color: #2B91AF;
999
+ .wy-dark .wy-code .token.constant, .wy-code.wy-dark .token.constant {
1000
+ color: #646695;
783
1001
  }
784
-
785
- .token.tag,
786
- .token.selector {
787
- color: #800000;
1002
+ .wy-dark .wy-code .token.hexcode, .wy-code.wy-dark .token.hexcode {
1003
+ color: #646695;
788
1004
  }
789
-
790
- .token.attr-name,
791
- .token.property,
792
- .token.regex,
793
- .token.entity {
794
- color: #ff0000;
1005
+ .wy-dark .wy-code .token.tag, .wy-code.wy-dark .token.tag {
1006
+ color: #569CD6;
795
1007
  }
796
-
797
- .token.directive.tag .tag {
798
- background: #ffff00;
1008
+ .wy-dark .wy-code .token.changed, .wy-code.wy-dark .token.changed {
1009
+ color: #569CD6;
799
1010
  }
800
-
801
- .wy-hashtag {
802
- color: #6b6b6b;
1011
+ .wy-dark .wy-code .token.function, .wy-code.wy-dark .token.function {
1012
+ color: #569CD6;
803
1013
  }
804
-
805
- .wy-mention {
806
- font-weight: 500;
1014
+ .wy-dark .wy-code .token.keyword, .wy-code.wy-dark .token.keyword {
1015
+ color: #569CD6;
807
1016
  }
808
-
809
- .wy-icon {
810
- display: inline-flex;
811
- align-items: center;
812
- justify-content: center;
813
- flex: 0 0 auto;
814
- position: relative;
1017
+ .wy-dark .wy-code .token.attr-name, .wy-code.wy-dark .token.attr-name {
1018
+ color: #9CDCFE;
815
1019
  }
816
- .wy-icon:not([width]) {
817
- width: 1.5rem;
1020
+ .wy-dark .wy-code .token.selector, .wy-code.wy-dark .token.selector {
1021
+ color: #9CDCFE;
818
1022
  }
819
- .wy-icon:not([height]) {
820
- height: 1.5rem;
1023
+ .wy-dark .wy-code .token.property, .wy-code.wy-dark .token.property {
1024
+ color: #9CDCFE;
821
1025
  }
822
-
823
- .wy-icon-overlay {
824
- position: absolute;
825
- bottom: 0;
826
- right: 0;
827
- background: var(--wy-white);
828
- border-radius: 50%;
829
- border: 1px solid var(--wy-white);
1026
+ .wy-dark .wy-code .token.deleted, .wy-code.wy-dark .token.deleted {
1027
+ color: #CE9178;
830
1028
  }
831
-
832
- .wy-icon-stack {
833
- display: inline-block;
834
- position: relative;
835
- line-height: 1;
836
- width: 1.5rem;
837
- height: 1.5rem;
1029
+ .wy-dark .wy-code .token.string, .wy-code.wy-dark .token.string {
1030
+ color: #CE9178;
838
1031
  }
839
- .wy-icon-stack .wy-icon:first-child {
840
- width: 100%;
841
- height: 100%;
1032
+ .wy-dark .wy-code .token.regex, .wy-code.wy-dark .token.regex {
1033
+ color: #D16969;
842
1034
  }
843
- .wy-icon-stack .wy-icon:last-child {
844
- position: absolute;
845
- bottom: 0;
846
- right: 0;
847
- width: 50%;
848
- height: 50%;
849
- background-color: var(--wy-body-bg);
850
- border-radius: 50%;
1035
+ .wy-dark .wy-code .token.char, .wy-code.wy-dark .token.char {
1036
+ color: #D16969;
851
1037
  }
852
-
853
- .wy-icon:not([class*=wy-icon-]) * {
854
- fill: currentColor;
1038
+ .wy-dark .wy-code .token.class-name, .wy-code.wy-dark .token.class-name {
1039
+ color: #4EC9B0;
855
1040
  }
856
-
857
- .wy-icon-primary * {
858
- fill: var(--wy-primary);
1041
+ .wy-dark .wy-code .token.important,
1042
+ .wy-dark .wy-code .token.bold, .wy-code.wy-dark .token.important,
1043
+ .wy-code.wy-dark .token.bold {
1044
+ font-weight: bold;
859
1045
  }
860
-
861
- .wy-icon-secondary * {
862
- fill: var(--wy-secondary);
1046
+ .wy-dark .wy-code .token.italic, .wy-code.wy-dark .token.italic {
1047
+ font-style: italic;
863
1048
  }
864
1049
 
865
- .wy-icon-success * {
866
- fill: var(--wy-success);
1050
+ .wy-content {
1051
+ overflow-wrap: break-word;
1052
+ min-width: 0;
867
1053
  }
868
-
869
- .wy-icon-info * {
870
- fill: var(--wy-info);
1054
+ .wy-content :not(pre) > code {
1055
+ overflow-wrap: inherit;
871
1056
  }
872
-
873
- .wy-icon-warning * {
874
- fill: var(--wy-warning);
1057
+ .wy-content pre, .wy-content pre > code[class*=language-] {
1058
+ white-space: pre-wrap;
875
1059
  }
876
-
877
- .wy-icon-danger * {
878
- fill: var(--wy-danger);
1060
+ .wy-content :last-child {
1061
+ margin-bottom: 0;
879
1062
  }
880
-
881
- .wy-icon-light * {
882
- fill: var(--wy-light);
1063
+ .wy-content:empty {
1064
+ display: none;
883
1065
  }
1066
+ :not(.wy-dark) .wy-content, .wy-content:not(.wy-dark) {
1067
+ /*pre[class*="language-"]::-moz-selection,
1068
+ pre[class*="language-"] ::-moz-selection,
1069
+ code[class*="language-"]::-moz-selection,
1070
+ code[class*="language-"] ::-moz-selection {
1071
+ text-shadow: none;
1072
+ background: #ffffff;
1073
+ }
884
1074
 
885
- .wy-icon-dark * {
886
- fill: var(--wy-dark);
1075
+ pre[class*="language-"]::selection,
1076
+ pre[class*="language-"] ::selection,
1077
+ code[class*="language-"]::selection,
1078
+ code[class*="language-"] ::selection {
1079
+ text-shadow: none;
1080
+ background: #ffffff;
1081
+ }*/
1082
+ /* Code blocks */
1083
+ }
1084
+ :not(.wy-dark) .wy-content code[class*=language-],
1085
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) code[class*=language-],
1086
+ .wy-content:not(.wy-dark) pre[class*=language-] {
1087
+ color: #000000;
1088
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1089
+ text-align: left;
1090
+ white-space: pre-wrap;
1091
+ word-spacing: normal;
1092
+ word-break: normal;
1093
+ word-wrap: break-word;
1094
+ line-height: 1.5;
1095
+ -moz-tab-size: 4;
1096
+ -o-tab-size: 4;
1097
+ tab-size: 4;
1098
+ -webkit-hyphens: none;
1099
+ -moz-hyphens: none;
1100
+ -ms-hyphens: none;
1101
+ hyphens: none;
887
1102
  }
888
-
889
- svg.wy-spinner circle {
890
- stroke-dasharray: 1, 100;
891
- stroke-dashoffset: 0;
892
- transform-origin: center;
1103
+ @media print {
1104
+ :not(.wy-dark) .wy-content code[class*=language-],
1105
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) code[class*=language-],
1106
+ .wy-content:not(.wy-dark) pre[class*=language-] {
1107
+ text-shadow: none;
1108
+ }
893
1109
  }
894
- svg.wy-spinner.wy-spin {
895
- animation: wy-rotate 1.4s linear infinite;
1110
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) pre[class*=language-] {
1111
+ padding: 1em;
1112
+ margin: 0.5em 0;
1113
+ overflow: auto;
896
1114
  }
897
- svg.wy-spinner.wy-spin circle {
898
- animation: wy-dash 1.4s ease-in-out infinite, wy-color 2.8s ease-in-out infinite;
1115
+ :not(.wy-dark) .wy-content :not(pre) > code[class*=language-],
1116
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-],
1117
+ .wy-content:not(.wy-dark) pre[class*=language-] {
1118
+ color: white;
1119
+ background: #ffffff;
899
1120
  }
900
-
901
- @keyframes wy-rotate {
902
- 100% {
903
- transform: rotate(360deg);
904
- }
1121
+ :not(.wy-dark) .wy-content :not(pre) > code[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-] {
1122
+ padding: 0.1em;
1123
+ border-radius: 0.3em;
1124
+ white-space: normal;
905
1125
  }
906
- @keyframes wy-dash {
907
- 0% {
908
- stroke-dasharray: 1, 100;
909
- stroke-dashoffset: 0;
910
- }
911
- 50% {
912
- stroke-dasharray: 44.5, 100;
913
- stroke-dashoffset: -17.5;
914
- }
915
- 100% {
916
- stroke-dasharray: 44.5, 100;
917
- stroke-dashoffset: -62;
918
- }
1126
+ :not(.wy-dark) .wy-content .token.comment, .wy-content:not(.wy-dark) .token.comment {
1127
+ color: #008000;
919
1128
  }
920
- @keyframes wy-color {
921
- 0%, 100% {
922
- stroke: hsl(217deg, 77.2287735849%, 50%);
923
- }
924
- 25% {
925
- stroke: hsl(6deg, 71.1567324185%, 50%);
926
- }
927
- 50% {
928
- stroke: hsl(55deg, 81.2875214408%, 50%);
1129
+ :not(.wy-dark) .wy-content .token.builtin, .wy-content:not(.wy-dark) .token.builtin {
1130
+ color: #0070C1;
1131
+ }
1132
+ :not(.wy-dark) .wy-content .token.number, .wy-content:not(.wy-dark) .token.number {
1133
+ color: #098658;
1134
+ }
1135
+ :not(.wy-dark) .wy-content .token.variable, .wy-content:not(.wy-dark) .token.variable {
1136
+ color: #098658;
1137
+ }
1138
+ :not(.wy-dark) .wy-content .token.inserted, .wy-content:not(.wy-dark) .token.inserted {
1139
+ color: #098658;
1140
+ }
1141
+ :not(.wy-dark) .wy-content .token.operator, .wy-content:not(.wy-dark) .token.operator {
1142
+ color: #000000;
1143
+ }
1144
+ :not(.wy-dark) .wy-content .token.constant, .wy-content:not(.wy-dark) .token.constant {
1145
+ color: #811F3F;
1146
+ }
1147
+ :not(.wy-dark) .wy-content .token.hexcode, .wy-content:not(.wy-dark) .token.hexcode {
1148
+ color: #811F3F;
1149
+ }
1150
+ :not(.wy-dark) .wy-content .token.regex, .wy-content:not(.wy-dark) .token.regex {
1151
+ color: #811F3F;
1152
+ }
1153
+ :not(.wy-dark) .wy-content .token.char, .wy-content:not(.wy-dark) .token.char {
1154
+ color: #811F3F;
1155
+ }
1156
+ :not(.wy-dark) .wy-content .token.tag, .wy-content:not(.wy-dark) .token.tag {
1157
+ color: #800000;
1158
+ }
1159
+ :not(.wy-dark) .wy-content .token.attr-name, .wy-content:not(.wy-dark) .token.attr-name {
1160
+ color: #FF0000;
1161
+ }
1162
+ :not(.wy-dark) .wy-content .token.selector, .wy-content:not(.wy-dark) .token.selector {
1163
+ color: #FF0000;
1164
+ }
1165
+ :not(.wy-dark) .wy-content .token.property, .wy-content:not(.wy-dark) .token.property {
1166
+ color: #FF0000;
1167
+ }
1168
+ :not(.wy-dark) .wy-content .token.deleted, .wy-content:not(.wy-dark) .token.deleted {
1169
+ color: #A31515;
1170
+ }
1171
+ :not(.wy-dark) .wy-content .token.string, .wy-content:not(.wy-dark) .token.string {
1172
+ color: #A31515;
1173
+ }
1174
+ :not(.wy-dark) .wy-content .token.changed, .wy-content:not(.wy-dark) .token.changed {
1175
+ color: #0451A5;
1176
+ }
1177
+ :not(.wy-dark) .wy-content .token.punctuation, .wy-content:not(.wy-dark) .token.punctuation {
1178
+ color: #0451A5;
1179
+ }
1180
+ :not(.wy-dark) .wy-content .token.function, .wy-content:not(.wy-dark) .token.function {
1181
+ color: #0000FF;
1182
+ }
1183
+ :not(.wy-dark) .wy-content .token.keyword, .wy-content:not(.wy-dark) .token.keyword {
1184
+ color: #0000FF;
1185
+ }
1186
+ :not(.wy-dark) .wy-content .token.class-name, .wy-content:not(.wy-dark) .token.class-name {
1187
+ color: #267F99;
1188
+ }
1189
+ :not(.wy-dark) .wy-content .token.important,
1190
+ :not(.wy-dark) .wy-content .token.bold, .wy-content:not(.wy-dark) .token.important,
1191
+ .wy-content:not(.wy-dark) .token.bold {
1192
+ font-weight: bold;
1193
+ }
1194
+ :not(.wy-dark) .wy-content .token.italic, .wy-content:not(.wy-dark) .token.italic {
1195
+ font-style: italic;
1196
+ }
1197
+ .wy-dark .wy-content, .wy-content.wy-dark {
1198
+ /*pre[class*="language-"]::-moz-selection,
1199
+ pre[class*="language-"] ::-moz-selection,
1200
+ code[class*="language-"]::-moz-selection,
1201
+ code[class*="language-"] ::-moz-selection {
1202
+ text-shadow: none;
1203
+ background: #1e1e1e;
929
1204
  }
930
- 75% {
931
- stroke: hsl(121deg, 50.2009084556%, 50%);
1205
+
1206
+ pre[class*="language-"]::selection,
1207
+ pre[class*="language-"] ::selection,
1208
+ code[class*="language-"]::selection,
1209
+ code[class*="language-"] ::selection {
1210
+ text-shadow: none;
1211
+ background: #1e1e1e;
1212
+ }*/
1213
+ /* Code blocks */
1214
+ }
1215
+ .wy-dark .wy-content code[class*=language-],
1216
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark code[class*=language-],
1217
+ .wy-content.wy-dark pre[class*=language-] {
1218
+ color: #d4d4d4;
1219
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1220
+ text-align: left;
1221
+ white-space: pre-wrap;
1222
+ word-spacing: normal;
1223
+ word-break: normal;
1224
+ word-wrap: break-word;
1225
+ line-height: 1.5;
1226
+ -moz-tab-size: 4;
1227
+ -o-tab-size: 4;
1228
+ tab-size: 4;
1229
+ -webkit-hyphens: none;
1230
+ -moz-hyphens: none;
1231
+ -ms-hyphens: none;
1232
+ hyphens: none;
1233
+ }
1234
+ @media print {
1235
+ .wy-dark .wy-content code[class*=language-],
1236
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark code[class*=language-],
1237
+ .wy-content.wy-dark pre[class*=language-] {
1238
+ text-shadow: none;
932
1239
  }
933
1240
  }
934
- .wy-table-reactions, .wy-search-result-table {
935
- --bs-table-bg: transparent;
936
- --bs-table-accent-bg: transparent;
937
- --bs-table-striped-color: var(--wy-body-color);
938
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
939
- --bs-table-active-color: var(--wy-body-color);
940
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
941
- --bs-table-hover-color: var(--wy-body-color);
942
- --bs-table-hover-bg: #f2f2f2;
943
- width: 100%;
944
- margin-bottom: 1rem;
945
- color: var(--wy-body-color);
946
- vertical-align: top;
947
- border-color: #e6e6e6;
1241
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark pre[class*=language-] {
1242
+ padding: 1em;
1243
+ margin: 0.5em 0;
1244
+ overflow: auto;
948
1245
  }
949
- .wy-table-reactions > :not(caption) > * > *, .wy-search-result-table > :not(caption) > * > * {
950
- padding: 0.5rem 0.5rem;
951
- background-color: var(--bs-table-bg);
952
- border-bottom-width: 1px;
953
- box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
1246
+ .wy-dark .wy-content :not(pre) > code[class*=language-],
1247
+ .wy-dark .wy-content pre[class*=language-], .wy-content.wy-dark :not(pre) > code[class*=language-],
1248
+ .wy-content.wy-dark pre[class*=language-] {
1249
+ color: white;
1250
+ background: #1e1e1e;
954
1251
  }
955
- .wy-table-reactions > tbody, .wy-search-result-table > tbody {
956
- vertical-align: inherit;
1252
+ .wy-dark .wy-content :not(pre) > code[class*=language-], .wy-content.wy-dark :not(pre) > code[class*=language-] {
1253
+ padding: 0.1em;
1254
+ border-radius: 0.3em;
1255
+ white-space: normal;
957
1256
  }
958
- .wy-table-reactions > thead, .wy-search-result-table > thead {
959
- vertical-align: bottom;
1257
+ .wy-dark .wy-content .token.prolog, .wy-content.wy-dark .token.prolog {
1258
+ color: #8080ff;
960
1259
  }
961
-
962
- .wy-table-reactions, .wy-search-result-table {
963
- table-layout: fixed;
1260
+ .wy-dark .wy-content .token.comment, .wy-content.wy-dark .token.comment {
1261
+ color: #6A9955;
964
1262
  }
965
- .wy-table-reactions th:first-child, .wy-search-result-table th:first-child, .wy-table-reactions th:last-child, .wy-search-result-table th:last-child, .wy-table-reactions td:first-child, .wy-search-result-table td:first-child, .wy-table-reactions td:last-child, .wy-search-result-table td:last-child {
966
- color: rgba(0, 0, 0, 0.54) !important;
967
- vertical-align: middle;
968
- text-align: center;
969
- padding: 0.25rem 0.5rem;
970
- width: 2.5rem;
971
- font-size: 1rem;
972
- font-weight: 400;
973
- text-transform: none;
974
- letter-spacing: normal;
1263
+ .wy-dark .wy-content .token.punctuation, .wy-content.wy-dark .token.punctuation {
1264
+ color: #6A9955;
975
1265
  }
976
- .wy-table-reactions th:first-child, .wy-search-result-table th:first-child, .wy-table-reactions td:first-child, .wy-search-result-table td:first-child {
977
- padding-right: 0;
1266
+ .wy-dark .wy-content .token.builtin, .wy-content.wy-dark .token.builtin {
1267
+ color: #4FC1FF;
978
1268
  }
979
- .wy-table-reactions th:last-child, .wy-search-result-table th:last-child, .wy-table-reactions td:last-child, .wy-search-result-table td:last-child {
980
- padding-left: 0;
1269
+ .wy-dark .wy-content .token.number, .wy-content.wy-dark .token.number {
1270
+ color: #B5CEA8;
981
1271
  }
982
-
983
- .wy-table-trashed th, .wy-table-trashed td {
984
- color: #6b6b6b;
985
- text-decoration: line-through;
1272
+ .wy-dark .wy-content .token.variable, .wy-content.wy-dark .token.variable {
1273
+ color: #B5CEA8;
986
1274
  }
987
- .wy-table-trashed th:not(:last-child), .wy-table-trashed td:not(:last-child) {
988
- opacity: 0.65;
1275
+ .wy-dark .wy-content .token.inserted, .wy-content.wy-dark .token.inserted {
1276
+ color: #B5CEA8;
989
1277
  }
990
- .wy-table-trashed th > a, .wy-table-trashed td > a {
991
- color: #6b6b6b;
1278
+ .wy-dark .wy-content .token.operator, .wy-content.wy-dark .token.operator {
1279
+ color: #D4D4D4;
992
1280
  }
993
- .wy-table-trashed:hover th, .wy-table-trashed:hover td {
994
- opacity: 1;
1281
+ .wy-dark .wy-content .token.constant, .wy-content.wy-dark .token.constant {
1282
+ color: #646695;
1283
+ }
1284
+ .wy-dark .wy-content .token.hexcode, .wy-content.wy-dark .token.hexcode {
1285
+ color: #646695;
1286
+ }
1287
+ .wy-dark .wy-content .token.tag, .wy-content.wy-dark .token.tag {
1288
+ color: #569CD6;
1289
+ }
1290
+ .wy-dark .wy-content .token.changed, .wy-content.wy-dark .token.changed {
1291
+ color: #569CD6;
1292
+ }
1293
+ .wy-dark .wy-content .token.function, .wy-content.wy-dark .token.function {
1294
+ color: #569CD6;
1295
+ }
1296
+ .wy-dark .wy-content .token.keyword, .wy-content.wy-dark .token.keyword {
1297
+ color: #569CD6;
1298
+ }
1299
+ .wy-dark .wy-content .token.attr-name, .wy-content.wy-dark .token.attr-name {
1300
+ color: #9CDCFE;
1301
+ }
1302
+ .wy-dark .wy-content .token.selector, .wy-content.wy-dark .token.selector {
1303
+ color: #9CDCFE;
1304
+ }
1305
+ .wy-dark .wy-content .token.property, .wy-content.wy-dark .token.property {
1306
+ color: #9CDCFE;
1307
+ }
1308
+ .wy-dark .wy-content .token.deleted, .wy-content.wy-dark .token.deleted {
1309
+ color: #CE9178;
1310
+ }
1311
+ .wy-dark .wy-content .token.string, .wy-content.wy-dark .token.string {
1312
+ color: #CE9178;
1313
+ }
1314
+ .wy-dark .wy-content .token.regex, .wy-content.wy-dark .token.regex {
1315
+ color: #D16969;
1316
+ }
1317
+ .wy-dark .wy-content .token.char, .wy-content.wy-dark .token.char {
1318
+ color: #D16969;
1319
+ }
1320
+ .wy-dark .wy-content .token.class-name, .wy-content.wy-dark .token.class-name {
1321
+ color: #4EC9B0;
1322
+ }
1323
+ .wy-dark .wy-content .token.important,
1324
+ .wy-dark .wy-content .token.bold, .wy-content.wy-dark .token.important,
1325
+ .wy-content.wy-dark .token.bold {
1326
+ font-weight: bold;
1327
+ }
1328
+ .wy-dark .wy-content .token.italic, .wy-content.wy-dark .token.italic {
1329
+ font-style: italic;
995
1330
  }
996
1331
 
997
- input[type=search]::-webkit-search-cancel-button {
998
- -webkit-appearance: none;
1332
+ .wy-hashtag {
1333
+ color: var(--wy-primary);
1334
+ }
1335
+
1336
+ .wy-mention {
1337
+ font-weight: 500;
999
1338
  }
1000
1339
 
1001
- .wy-search-form {
1340
+ .wy-conversation {
1341
+ display: flex;
1002
1342
  position: relative;
1003
- padding-top: 0.5rem;
1004
- padding-bottom: 0.5rem;
1005
1343
  }
1006
- .wy-search-form [type=reset] {
1007
- display: none;
1344
+ .wy-conversation .wy-item-title {
1345
+ font-weight: 400;
1008
1346
  }
1009
- .wy-search-form .wy-button-icon {
1010
- position: absolute;
1011
- top: 0.25rem;
1012
- border-radius: 50%;
1013
- top: 0.5rem;
1014
- padding: 0.25rem;
1015
- z-index: 4;
1347
+ .wy-conversation.wy-unread .wy-item-title {
1348
+ font-weight: 700;
1349
+ }
1350
+ .wy-conversation.wy-unread .wy-item-text, .wy-conversation.wy-unread .wy-meta {
1351
+ color: var(--wy-on-background);
1352
+ font-weight: 600;
1353
+ }
1354
+ .wy-conversation .wy-item-text .wy-typing-show {
1355
+ overflow: hidden;
1356
+ text-overflow: ellipsis;
1357
+ white-space: nowrap;
1358
+ font-weight: 400;
1016
1359
  }
1017
1360
 
1018
- .wy-search-input {
1019
- background: #f2f2f2;
1020
- border-color: transparent;
1021
- padding-left: 2rem;
1361
+ .wy-dropdown,
1362
+ .wy-dropup {
1363
+ position: relative;
1022
1364
  }
1023
- .wy-search-input:focus {
1024
- background: #f2f2f2;
1025
- border-color: transparent;
1365
+
1366
+ .wy-dropup .wy-dropdown-menu {
1367
+ top: auto;
1368
+ bottom: 100%;
1369
+ margin-top: 0;
1370
+ margin-bottom: 0.25rem;
1026
1371
  }
1027
1372
 
1028
- .wy-searching .wy-search-form [type=reset],
1029
- .wy-searching.wy-search-form [type=reset] {
1030
- display: inline;
1373
+ .wy-dropdown-toggle {
1374
+ white-space: nowrap;
1375
+ }
1376
+
1377
+ .wy-dropdown-menu {
1378
+ --wy-component-background-color: var(--wy-surface-2);
1379
+ --wy-component-color: var(--wy-on-surface);
1380
+ background-color: var(--wy-component-background-color);
1381
+ color: var(--wy-component-color);
1382
+ position: absolute;
1383
+ z-index: 1000;
1384
+ min-width: 10rem;
1385
+ padding: 0 0;
1386
+ margin: 0;
1387
+ font-size: var(--wy-font-size-base);
1388
+ text-align: left;
1389
+ list-style: none;
1390
+ background-clip: padding-box;
1391
+ border-radius: var(--wy-border-radius);
1392
+ box-shadow: var(--wy-shadow-level1);
1393
+ overflow: hidden;
1394
+ display: block;
1395
+ }
1396
+ .wy-dropdown-menu[data-bs-popper] {
1397
+ top: 100%;
1398
+ left: 0;
1399
+ margin-top: 0.25rem;
1400
+ }
1401
+ .wy-dropup .wy-dropdown-menu {
1402
+ top: auto;
1403
+ bottom: 100%;
1404
+ margin-top: 0;
1405
+ margin-bottom: 0.25rem;
1031
1406
  }
1032
- .wy-searching .wy-search-form [type=submit],
1033
- .wy-searching.wy-search-form [type=submit] {
1407
+ [data-bs-toggle=dropdown] ~ .wy-dropdown-menu:not(.show) {
1034
1408
  display: none;
1035
1409
  }
1410
+ [data-bs-toggle=dropdown] ~ .wy-dropdown-menu[hidden].show {
1411
+ display: block !important;
1412
+ }
1036
1413
 
1037
- .wy-search-result-table td:nth-child(2) {
1038
- overflow: hidden;
1039
- text-overflow: ellipsis;
1414
+ .wy-dropdown-menu-end {
1415
+ right: 0;
1416
+ }
1417
+
1418
+ .wy-dropdown-item {
1419
+ background-color: transparent;
1420
+ color: var(--wy-component-color, var(--wy-on-surface));
1421
+ display: block;
1422
+ width: 100%;
1423
+ padding: 0.75rem 1rem;
1424
+ clear: both;
1425
+ font-family: inherit;
1426
+ font-size: inherit;
1427
+ font-weight: 400;
1428
+ line-height: 1;
1429
+ text-align: inherit;
1430
+ text-decoration: none;
1040
1431
  white-space: nowrap;
1432
+ border: 0;
1433
+ gap: 0.25rem;
1434
+ cursor: pointer;
1435
+ display: flex;
1436
+ align-items: center;
1437
+ }
1438
+ .wy-dropdown-item:hover, .wy-dropdown-item:focus {
1439
+ --wy-component-color: var(--wy-on-surface-variant);
1440
+ --wy-component-background-color: var(--wy-surface-variant);
1441
+ color: var(--wy-component-color);
1442
+ background-color: var(--wy-component-background-color);
1443
+ text-decoration: none;
1444
+ }
1445
+ .wy-dropdown-item.wy-active, .wy-dropdown-item:active {
1446
+ --wy-component-color: var(--wy-on-primary-container);
1447
+ --wy-component-background-color: var(--wy-primary-container);
1448
+ color: var(--wy-component-color);
1449
+ background-color: var(--wy-component-background-color);
1450
+ text-decoration: none;
1451
+ }
1452
+ .wy-dropdown-item.wy-disabled, .wy-dropdown-item:disabled {
1453
+ color: var(--wy-component-color);
1454
+ background-color: var(--wy-component-background-color);
1455
+ pointer-events: none;
1456
+ opacity: var(--wy-opacity-disabled);
1457
+ }
1458
+ .wy-dropdown-item > img, .wy-dropdown-item .wy-icon {
1459
+ margin-right: 0.5rem;
1460
+ color: inherit;
1461
+ }
1462
+ .wy-dropdown-item:active > .wy-icon {
1463
+ color: inherit;
1464
+ }
1465
+ .wy-dropdown-item.wy-option .wy-icon {
1466
+ visibility: hidden;
1467
+ }
1468
+ .wy-dropdown-item.wy-option.wy-selected .wy-icon {
1469
+ visibility: visible;
1041
1470
  }
1042
1471
 
1043
- .wy-search-no-result {
1044
- color: #6b6b6b;
1045
- text-align: center;
1472
+ .wy-dropdown-divider {
1473
+ height: 0;
1474
+ margin: 0;
1475
+ overflow: hidden;
1476
+ border: none;
1477
+ border-top: 1px solid var(--wy-outline-variant);
1046
1478
  }
1047
1479
 
1048
- .wy-typing-show {
1049
- font-style: italic;
1050
- display: none;
1480
+ .wy-emoji {
1481
+ width: 1.25rem;
1482
+ height: 1.25rem;
1483
+ vertical-align: -0.25rem;
1051
1484
  }
1052
1485
 
1053
- .wy-typing-active .wy-typing-show {
1054
- display: block;
1486
+ .wy-icon {
1487
+ display: inline-flex;
1488
+ align-items: center;
1489
+ justify-content: center;
1490
+ flex: 0 0 auto;
1491
+ position: relative;
1055
1492
  }
1056
- .wy-typing-active .wy-typing-hide {
1057
- display: none;
1493
+ .wy-icon:not([width]) {
1494
+ width: 1.5rem;
1495
+ }
1496
+ .wy-icon:not([height]) {
1497
+ height: 1.5rem;
1058
1498
  }
1059
1499
 
1060
- .wy-appbar .wy-typing-hide {
1500
+ .wy-icon-overlay {
1501
+ position: absolute;
1502
+ bottom: 0;
1503
+ right: 0;
1504
+ background: var(--wy-component-background-color, var(--wy-background));
1505
+ border-radius: 50%;
1506
+ border: 1px solid var(--wy-component-background-color, var(--wy-background));
1507
+ }
1508
+
1509
+ .wy-icon-stack {
1510
+ display: inline-flex;
1061
1511
  position: relative;
1062
- padding: 0 1.25rem;
1512
+ line-height: 1;
1063
1513
  }
1064
- .wy-appbar .wy-typing-hide .wy-presence.wy-presence-active {
1065
- top: 0.375rem;
1066
- left: 0.25rem;
1514
+ .wy-icon-stack .wy-icon:last-child {
1515
+ position: absolute;
1516
+ bottom: 0;
1517
+ right: 0;
1518
+ background-color: var(--wy-component-background-color, var(--wy-background));
1519
+ border-radius: 50%;
1067
1520
  }
1068
1521
 
1069
- .wy-conversation {
1070
- display: flex;
1522
+ .wy-icon-active-stack {
1523
+ display: inline-flex;
1071
1524
  position: relative;
1525
+ line-height: 1;
1072
1526
  }
1073
-
1074
- .wy-conversation-link {
1075
- display: flex;
1076
- padding: 0.5rem;
1077
- border: none;
1078
- z-index: unset !important;
1527
+ .wy-icon-active-stack > * {
1528
+ transition: opacity var(--wy-transition);
1529
+ align-self: center;
1530
+ justify-self: center;
1531
+ margin: auto;
1532
+ }
1533
+ .wy-icon-active-stack > :last-child {
1534
+ position: absolute;
1535
+ opacity: 0;
1079
1536
  }
1080
- .wy-conversation-link.wy-active {
1081
- background-color: #f2f2f2;
1537
+ .wy-icon-active-stack.wy-active > :first-child, .wy-active .wy-icon-active-stack > :first-child {
1538
+ opacity: 0;
1539
+ }
1540
+ .wy-icon-active-stack.wy-active > :last-child, .wy-active .wy-icon-active-stack > :last-child {
1541
+ opacity: 1;
1082
1542
  }
1083
1543
 
1084
- .wy-conversation-body {
1085
- flex-grow: 1;
1086
- min-width: 0;
1087
- margin-left: 1rem;
1544
+ .wy-icon:not([class*=wy-icon-]):not([class*=wy-kind-]) * {
1545
+ fill: currentColor;
1088
1546
  }
1089
1547
 
1090
- .wy-conversation-header {
1548
+ .wy-content-icon {
1549
+ border-radius: var(--wy-component-border-radius, var(--wy-border-radius-lg));
1091
1550
  display: flex;
1092
1551
  align-items: center;
1552
+ justify-content: center;
1553
+ flex-direction: column;
1554
+ text-align: center;
1555
+ padding: 1rem 2rem;
1556
+ margin: auto;
1093
1557
  }
1094
-
1095
- .wy-conversation-title {
1096
- overflow: hidden;
1097
- text-overflow: ellipsis;
1098
- white-space: nowrap;
1099
- margin-right: auto;
1100
- }
1101
- .wy-conversation.wy-unread .wy-conversation-title {
1102
- font-weight: 700;
1558
+ .wy-content-icon > .wy-icon-stack, .wy-content-icon > .wy-icon {
1559
+ width: 4rem;
1560
+ height: 4rem;
1103
1561
  }
1104
1562
 
1105
- .wy-conversation-time {
1106
- color: #6b6b6b;
1107
- font-size: 0.75rem;
1108
- margin-left: 0.5rem;
1109
- margin-right: 0.25rem;
1110
- flex-shrink: 0;
1563
+ .wy-icon-primary * {
1564
+ fill: var(--wy-primary);
1111
1565
  }
1112
1566
 
1113
- .wy-conversation-summary {
1114
- overflow: hidden;
1115
- text-overflow: ellipsis;
1116
- white-space: nowrap;
1117
- color: #6b6b6b;
1118
- font-size: 0.875rem;
1119
- margin-right: 4rem;
1120
- height: 1.5rem;
1121
- line-height: 1.5rem;
1122
- }
1123
- .wy-conversation-summary .wy-emoji {
1124
- vertical-align: -0.3125rem;
1125
- }
1126
- .wy-conversation-summary .wy-icon {
1127
- vertical-align: -0.4375rem;
1128
- }
1129
- .wy-conversation.wy-unread .wy-conversation-summary {
1130
- font-weight: 500;
1131
- color: #292929;
1567
+ .wy-icon-error * {
1568
+ fill: var(--wy-error);
1132
1569
  }
1133
- .wy-conversation-summary .wy-typing-show {
1134
- overflow: hidden;
1135
- text-overflow: ellipsis;
1136
- white-space: nowrap;
1137
- font-weight: 400;
1570
+
1571
+ .wy-icon-blue * {
1572
+ fill: var(--wy-blue);
1138
1573
  }
1139
1574
 
1140
- .wy-conversation-actions {
1141
- display: flex;
1142
- align-items: center;
1143
- position: absolute;
1144
- right: 0.5rem;
1145
- bottom: 0.25rem;
1575
+ .wy-icon-indigo * {
1576
+ fill: var(--wy-indigo);
1146
1577
  }
1147
1578
 
1148
- .wy-dropdown-menu {
1149
- position: absolute;
1150
- z-index: 1000;
1151
- display: none;
1152
- min-width: 10rem;
1153
- padding: 0.25rem 0;
1154
- margin: 0;
1155
- font-size: 1rem;
1156
- color: #292929;
1157
- text-align: left;
1158
- list-style: none;
1159
- background-color: #fff;
1160
- background-clip: padding-box;
1161
- border: 0 solid var(--wy-border-color-translucent);
1162
- border-radius: 0.375rem;
1163
- 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);
1579
+ .wy-icon-purple * {
1580
+ fill: var(--wy-purple);
1164
1581
  }
1165
- [data-bs-popper].wy-dropdown-menu {
1166
- top: 100%;
1167
- left: 0;
1168
- margin-top: 0.25rem;
1582
+
1583
+ .wy-icon-pink * {
1584
+ fill: var(--wy-pink);
1169
1585
  }
1170
1586
 
1171
- .wy-dropdown-divider {
1172
- height: 0;
1173
- margin: 0.25rem 0;
1174
- overflow: hidden;
1175
- border-top: 1px solid var(--wy-border-color-translucent);
1587
+ .wy-icon-red * {
1588
+ fill: var(--wy-red);
1176
1589
  }
1177
1590
 
1178
- .wy-dropdown-item {
1179
- display: block;
1180
- width: 100%;
1181
- padding: 0.75rem 0.75rem;
1182
- clear: both;
1183
- font-weight: 400;
1184
- color: #292929;
1185
- text-align: inherit;
1186
- white-space: nowrap;
1187
- background-color: transparent;
1188
- border: 0;
1591
+ .wy-icon-orange * {
1592
+ fill: var(--wy-orange);
1189
1593
  }
1190
- .wy-dropdown-item:hover, .wy-dropdown-item:focus {
1191
- color: #252525;
1192
- background-color: #f2f2f2;
1594
+
1595
+ .wy-icon-yellow * {
1596
+ fill: var(--wy-yellow);
1193
1597
  }
1194
- .active.wy-dropdown-item, .wy-dropdown-item:active {
1195
- color: #383838;
1196
- text-decoration: none;
1197
- background-color: #e6e6e6;
1598
+
1599
+ .wy-icon-green * {
1600
+ fill: var(--wy-green);
1198
1601
  }
1199
- .disabled.wy-dropdown-item, .wy-dropdown-item:disabled {
1200
- color: gray;
1201
- pointer-events: none;
1202
- background-color: transparent;
1602
+
1603
+ .wy-icon-teal * {
1604
+ fill: var(--wy-teal);
1203
1605
  }
1204
1606
 
1205
- .wy-dropdown,
1206
- .wy-dropup {
1207
- position: relative;
1607
+ .wy-icon-cyan * {
1608
+ fill: var(--wy-cyan);
1208
1609
  }
1209
1610
 
1210
- .wy-dropup .wy-dropdown-menu {
1211
- top: auto;
1212
- bottom: 100%;
1213
- margin-top: 0;
1214
- margin-bottom: 0.25rem;
1611
+ .wy-icon-gray * {
1612
+ fill: var(--wy-gray);
1215
1613
  }
1216
1614
 
1217
- .wy-dropdown-toggle {
1218
- white-space: nowrap;
1615
+ [class*=wy-kind-] * {
1616
+ fill: var(--wy-gray);
1219
1617
  }
1220
1618
 
1221
- .wy-dropdown-menu {
1222
- display: block;
1619
+ .wy-kind-archive * {
1620
+ fill: var(--wy-orange);
1223
1621
  }
1224
- .wy-dropup .wy-dropdown-menu {
1225
- top: auto;
1226
- bottom: 100%;
1227
- margin-top: 0;
1228
- margin-bottom: 0.25rem;
1622
+
1623
+ .wy-kind-audio * {
1624
+ fill: var(--wy-teal);
1229
1625
  }
1230
- [data-bs-toggle=dropdown] ~ .wy-dropdown-menu:not(.show) {
1231
- display: none;
1626
+
1627
+ .wy-kind-code * {
1628
+ fill: var(--wy-green);
1232
1629
  }
1233
- [data-bs-toggle=dropdown] ~ .wy-dropdown-menu[hidden].show {
1234
- display: block !important;
1630
+
1631
+ .wy-kind-document * {
1632
+ fill: var(--wy-blue);
1235
1633
  }
1236
1634
 
1237
- .wy-dropdown-menu-end {
1238
- right: 0;
1635
+ .wy-kind-email * {
1636
+ fill: var(--wy-red);
1239
1637
  }
1240
1638
 
1241
- .wy-dropdown-item {
1242
- cursor: pointer;
1243
- display: flex;
1244
- align-items: center;
1639
+ .wy-kind-presentation * {
1640
+ fill: var(--wy-orange);
1245
1641
  }
1246
- .wy-dropdown-item > img, .wy-dropdown-item .wy-icon {
1247
- margin-right: 0.5rem;
1248
- color: rgba(0, 0, 0, 0.54);
1642
+
1643
+ .wy-kind-spreadsheet * {
1644
+ fill: var(--wy-green);
1249
1645
  }
1250
- .wy-dropdown-item:active > .wy-icon {
1251
- color: rgba(0, 0, 0, 0.54);
1646
+
1647
+ .wy-kind-image * {
1648
+ fill: var(--wy-pink);
1252
1649
  }
1253
- .wy-dropdown-item.wy-option .wy-icon {
1254
- visibility: hidden;
1650
+
1651
+ .wy-kind-text * {
1652
+ fill: var(--wy-cyan);
1255
1653
  }
1256
- .wy-dropdown-item.wy-option.wy-selected .wy-icon {
1257
- visibility: visible;
1654
+
1655
+ .wy-kind-video * {
1656
+ fill: var(--wy-purple);
1258
1657
  }
1259
1658
 
1260
- .wy-emoji {
1261
- width: 1.25rem;
1262
- height: 1.25rem;
1263
- vertical-align: -0.25rem;
1659
+ .wy-ext-pdf * {
1660
+ fill: var(--wy-red);
1264
1661
  }
1265
1662
 
1266
1663
  .wy-image-grid {
@@ -1268,7 +1665,7 @@ input[type=search]::-webkit-search-cancel-button {
1268
1665
  flex-wrap: wrap;
1269
1666
  justify-content: space-evenly;
1270
1667
  position: relative;
1271
- border-radius: 0.375rem;
1668
+ border-radius: var(--wy-border-radius);
1272
1669
  overflow: hidden;
1273
1670
  column-gap: 1px;
1274
1671
  row-gap: 1px;
@@ -1300,8 +1697,7 @@ input[type=search]::-webkit-search-cancel-button {
1300
1697
  .wy-image-grid .wy-more {
1301
1698
  position: absolute;
1302
1699
  line-height: 100%;
1303
- color: #fff;
1304
- background: rgba(0, 0, 0, 0.5);
1700
+ color: #ffffff;
1305
1701
  top: 0;
1306
1702
  left: 0;
1307
1703
  bottom: 0;
@@ -1310,50 +1706,303 @@ input[type=search]::-webkit-search-cancel-button {
1310
1706
  align-items: center;
1311
1707
  justify-content: center;
1312
1708
  font-size: 1.5rem;
1709
+ background: rgba(0, 0, 0, var(--wy-opacity-disabled));
1710
+ }
1711
+
1712
+ .wy-input {
1713
+ --wy-component-background-color: var(--wy-background);
1714
+ --wy-component-color: var(--wy-on-background);
1715
+ background-color: var(--wy-component-background-color);
1716
+ color: var(--wy-component-color);
1717
+ border: var(--wy-input-border-width) solid var(--wy-outline-variant);
1718
+ display: block;
1719
+ width: 100%;
1720
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1721
+ font-family: var(--wy-font-family);
1722
+ font-size: var(--wy-input-font-size);
1723
+ font-weight: var(--wy-input-font-weight);
1724
+ line-height: var(--wy-input-line-height);
1725
+ background-clip: padding-box;
1726
+ appearance: none;
1727
+ border-radius: var(--wy-input-border-radius);
1728
+ }
1729
+ .wy-input:focus {
1730
+ --wy-component-color: var(--wy-on-surface);
1731
+ color: var(--wy-component-color);
1732
+ border-color: var(--wy-primary);
1733
+ outline: 0;
1734
+ }
1735
+ .wy-input::placeholder {
1736
+ color: var(--wy-outline);
1737
+ opacity: 1;
1738
+ }
1739
+ .wy-input:disabled {
1740
+ opacity: 38%;
1741
+ }
1742
+ .wy-input::file-selector-button, .wy-input::-webkit-file-upload-button {
1743
+ color: var(--wy-component-color);
1744
+ background-color: var(--wy-component-background-color);
1745
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1746
+ margin: calc(-1 * var(--wy-input-padding-y)) calc(-1 * var(--wy-input-padding-x));
1747
+ margin-inline-end: var(--wy-input-padding-x);
1748
+ pointer-events: none;
1749
+ border-color: inherit;
1750
+ border-style: solid;
1751
+ border-width: 0;
1752
+ border-inline-end-width: var(--wy-input-border-width);
1753
+ border-radius: 0;
1754
+ }
1755
+ .wy-input:hover:not(:disabled):not([readonly])::file-selector-button, .wy-input:hover:not(:disabled):not([readonly]) ::-webkit-file-upload-button {
1756
+ background-color: var(--wy-component-background-color);
1757
+ }
1758
+ .wy-input[type=file] {
1759
+ overflow: hidden;
1760
+ }
1761
+ .wy-input[type=file]:not(:disabled):not([readonly]) {
1762
+ cursor: pointer;
1763
+ }
1764
+ .wy-input::-webkit-date-and-time-value {
1765
+ height: calc(var(--wy-input-line-height) * 1em);
1766
+ }
1767
+ .wy-input[type=search]::-webkit-search-cancel-button {
1768
+ -webkit-appearance: none;
1769
+ }
1770
+
1771
+ .wy-input-filled {
1772
+ --wy-component-background-color: var(--wy-surface-2);
1773
+ --wy-component-color: var(--wy-on-surface);
1774
+ background-color: var(--wy-component-background-color);
1775
+ color: var(--wy-component-color);
1776
+ border-radius: 1.25rem;
1777
+ border-color: var(--wy-component-background-color);
1778
+ }
1779
+ .wy-input-filled:focus {
1780
+ border-color: var(--wy-outline-variant);
1781
+ }
1782
+
1783
+ .wy-is-invalid, .wy-is-invalid:focus {
1784
+ border-color: var(--wy-error);
1785
+ }
1786
+
1787
+ .wy-description {
1788
+ margin-top: 0.25rem;
1789
+ font-size: var(--wy-font-size-sm);
1790
+ }
1791
+
1792
+ .wy-input-label {
1793
+ display: block;
1794
+ margin-bottom: 0.5rem;
1795
+ }
1796
+
1797
+ .wy-input-group {
1798
+ position: relative;
1799
+ }
1800
+ .wy-input-group > .wy-icon {
1801
+ position: absolute;
1802
+ top: 0rem;
1803
+ left: 0rem;
1804
+ z-index: 4;
1805
+ }
1806
+ .wy-input-group > .wy-icon + .wy-input {
1807
+ padding-left: 2.5rem;
1808
+ }
1809
+ .wy-input-group .wy-button-icon {
1810
+ position: absolute;
1811
+ top: 0rem;
1812
+ right: 0rem;
1813
+ z-index: 4;
1814
+ border-radius: var(--wy-input-border-radius);
1815
+ background: transparent;
1816
+ }
1817
+ .wy-input-group .wy-input-filled ~ .wy-button-icon {
1818
+ border-radius: 1.25rem;
1819
+ }
1820
+ .wy-input-group .wy-input {
1821
+ padding-right: 2.5rem;
1822
+ }
1823
+ .wy-input-group .wy-input:placeholder-shown ~ .wy-button-icon[type=reset] {
1824
+ display: none;
1825
+ }
1826
+ .wy-input-group .wy-input:not(:placeholder-shown) ~ .wy-button-icon[type=reset] + .wy-button-icon {
1827
+ display: none;
1828
+ }
1829
+
1830
+ .wy-item {
1831
+ position: relative;
1832
+ display: flex;
1833
+ align-items: center;
1834
+ gap: 0.5rem;
1835
+ padding: 0.25rem 0.75rem;
1836
+ text-decoration: none;
1837
+ min-height: 3rem;
1838
+ }
1839
+ .wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon-stack {
1840
+ margin-left: -0.25rem;
1841
+ }
1842
+
1843
+ .wy-item-body {
1844
+ width: 100%;
1845
+ overflow: hidden;
1846
+ text-overflow: ellipsis;
1847
+ white-space: nowrap;
1848
+ }
1849
+ .wy-item-body > * {
1850
+ overflow: hidden;
1851
+ text-overflow: ellipsis;
1852
+ white-space: nowrap;
1853
+ }
1854
+ .wy-item-body + .wy-dropdown, .wy-item-body + .wy-button-icon, .wy-item-body + .wy-item-actions {
1855
+ margin-right: -0.5rem;
1856
+ }
1857
+ .wy-item-body + .wy-emoji {
1858
+ margin-right: 0.125rem;
1859
+ }
1860
+
1861
+ .wy-item-title {
1862
+ color: var(--wy-on-background);
1863
+ font-weight: var(--wy-headings-font-weight);
1864
+ overflow: hidden;
1865
+ text-overflow: ellipsis;
1866
+ white-space: nowrap;
1867
+ }
1868
+
1869
+ .wy-item-text {
1870
+ color: var(--wy-outline);
1871
+ overflow: hidden;
1872
+ text-overflow: ellipsis;
1873
+ white-space: nowrap;
1874
+ font-size: var(--wy-font-size-sm);
1875
+ }
1876
+ .wy-item-text .wy-emoji, .wy-item-text .wy-icon {
1877
+ width: 1.25rem;
1878
+ height: 1.25rem;
1879
+ vertical-align: -0.3125rem;
1880
+ }
1881
+
1882
+ .wy-item-actions {
1883
+ --wy-component-background-color: transparent;
1884
+ display: flex;
1885
+ align-items: center;
1886
+ flex: 0 0 auto;
1887
+ }
1888
+
1889
+ .wy-item-actions-top {
1890
+ position: absolute;
1891
+ top: 0.25rem;
1892
+ right: 0.25rem;
1893
+ margin: 0 !important;
1894
+ }
1895
+
1896
+ .wy-item-actions-bottom {
1897
+ position: absolute;
1898
+ bottom: 0.25rem;
1899
+ right: 0.25rem;
1900
+ margin: 0 !important;
1901
+ }
1902
+
1903
+ .wy-item-body:has(+ .wy-item-actions-bottom) .wy-item-row:last-child {
1904
+ margin-right: 4.5rem;
1905
+ }
1906
+
1907
+ .wy-item-body:has(+ .wy-item-actions-top) .wy-item-row:first-child {
1908
+ margin-right: 2rem;
1909
+ }
1910
+
1911
+ .wy-item-row {
1912
+ display: flex;
1913
+ align-items: center;
1914
+ }
1915
+ .wy-item-row:first-child {
1916
+ margin-bottom: 0.125rem;
1917
+ }
1918
+ .wy-item-row .wy-item-title {
1919
+ margin-right: auto;
1920
+ }
1921
+ .wy-item-row .wy-item-text {
1922
+ margin-right: auto;
1923
+ }
1924
+ .wy-item-row .wy-meta {
1925
+ margin: 0 0.25rem;
1926
+ white-space: nowrap;
1927
+ }
1928
+
1929
+ .wy-item-hover {
1930
+ user-select: none;
1931
+ cursor: pointer;
1313
1932
  }
1314
-
1315
- .wy-reaction-count {
1316
- margin: 0 0.25rem;
1317
- line-height: 1;
1318
- color: #6b6b6b;
1319
- font-size: 0.875rem;
1933
+ .wy-item-hover:hover, .wy-item-hover:focus {
1934
+ --wy-component-background-color: var(--wy-surface-2);
1935
+ --wy-component-color: var(--wy-on-surface);
1936
+ background-color: var(--wy-component-background-color);
1937
+ color: var(--wy-component-color);
1938
+ text-decoration: none;
1939
+ }
1940
+ .wy-item-hover:active {
1941
+ --wy-component-background-color: var(--wy-surface-variant);
1942
+ --wy-component-color: var(--wy-on-surface-variant);
1943
+ background-color: var(--wy-component-background-color);
1944
+ color: var(--wy-component-color);
1945
+ }
1946
+ .wy-item-hover.wy-disabled, .wy-item-hover:disabled {
1947
+ opacity: var(--wy-opacity-disabled);
1948
+ pointer-events: none;
1949
+ }
1950
+ .wy-item-hover.wy-active {
1951
+ --wy-component-background-color: var(--wy-primary-container);
1952
+ --wy-component-color: var(--wy-on-primary-container);
1953
+ background-color: var(--wy-component-background-color);
1954
+ color: var(--wy-component-color);
1955
+ border-color: var(--wy-component-background-color);
1320
1956
  }
1321
1957
 
1322
- .wy-reaction-menu {
1323
- padding: 0.5rem;
1324
- font-size: 1.125rem;
1325
- border-radius: 2.5rem;
1958
+ .wy-item-lg {
1959
+ padding: 0.75rem;
1960
+ min-height: 4.5rem;
1961
+ gap: 0.75rem;
1962
+ }
1963
+ .wy-item-lg > .wy-avatar, .wy-item-lg > .wy-icon, .wy-item-lg > .wy-icon-stack {
1964
+ margin-left: 0;
1326
1965
  }
1327
1966
 
1328
- .wy-reaction-picker {
1967
+ .wy-list {
1968
+ border-radius: var(--wy-border-radius-sm);
1329
1969
  display: flex;
1970
+ flex-direction: column;
1971
+ gap: 1px;
1972
+ min-width: 0;
1330
1973
  }
1331
- .wy-reaction-picker .wy-reaction-button {
1332
- color: unset;
1974
+ .wy-list .wy-item:not(.wy-item-hover) {
1975
+ --wy-component-background-color: var(--wy-background);
1976
+ --wy-component-color: var(--wy-on-background);
1977
+ background-color: var(--wy-component-background-color);
1978
+ color: var(--wy-component-color);
1333
1979
  }
1334
-
1335
- .wy-reactions {
1336
- display: inline-flex;
1337
- align-items: center;
1338
- column-gap: 0.125rem;
1980
+ .wy-list .wy-item:first-child {
1981
+ border-top-left-radius: inherit;
1982
+ border-top-right-radius: inherit;
1339
1983
  }
1340
- .wy-reactions:empty {
1341
- display: none;
1984
+ .wy-list .wy-item:last-child {
1985
+ border-bottom-left-radius: inherit;
1986
+ border-bottom-right-radius: inherit;
1342
1987
  }
1343
1988
 
1344
- .wy-table-reactions td:first-child {
1345
- width: 2rem;
1346
- padding-left: 0;
1989
+ .wy-list-bordered {
1990
+ border: 1px solid var(--wy-outline-variant);
1991
+ gap: 0;
1347
1992
  }
1348
- .wy-table-reactions td:nth-child(2) {
1349
- width: 100%;
1350
- overflow: hidden;
1351
- text-overflow: ellipsis;
1352
- white-space: nowrap;
1993
+ .wy-list-bordered .wy-item {
1994
+ border-top: 1px solid var(--wy-outline-variant);
1995
+ border-left: none;
1996
+ border-right: none;
1353
1997
  }
1354
- .wy-table-reactions td:last-child {
1355
- width: 2rem;
1356
- padding-right: 0;
1998
+ .wy-list-bordered .wy-item:first-child {
1999
+ border-top: none;
2000
+ }
2001
+ .wy-list-bordered .wy-item:last-child {
2002
+ border-bottom: none;
2003
+ }
2004
+ .wy-list-bordered .wy-item + .wy-list-bordered .wy-item {
2005
+ border-top-width: 0;
1357
2006
  }
1358
2007
 
1359
2008
  .wy-messages {
@@ -1366,18 +2015,19 @@ input[type=search]::-webkit-search-cancel-button {
1366
2015
  }
1367
2016
 
1368
2017
  .wy-date-separator {
1369
- font-size: 0.75rem;
2018
+ font-size: var(--wy-font-size-xs);
1370
2019
  pointer-events: none;
1371
2020
  margin: 0.5rem;
1372
2021
  text-align: center;
1373
2022
  position: sticky;
1374
2023
  top: 1.5rem;
1375
- z-index: 2;
2024
+ z-index: 10;
1376
2025
  }
1377
2026
  .wy-date-separator time {
1378
- background: #f2f2f2;
2027
+ background: var(--wy-surface-3);
2028
+ color: var(--wy-on-surface);
1379
2029
  padding: 0.25rem 0.5rem;
1380
- border-radius: 0.375rem;
2030
+ border-radius: var(--wy-border-radius-sm);
1381
2031
  display: inline-block;
1382
2032
  }
1383
2033
 
@@ -1393,54 +2043,39 @@ input[type=search]::-webkit-search-cancel-button {
1393
2043
  }
1394
2044
  .wy-message .wy-image-grid,
1395
2045
  .wy-message .wy-attachments {
1396
- border-radius: 0.5rem;
1397
- }
1398
- .wy-message:hover .wy-message-buttons {
1399
- opacity: 1;
1400
- }
1401
- .wy-message .wy-reaction-menu {
1402
- right: 0;
2046
+ border-radius: var(--wy-border-radius);
1403
2047
  }
1404
2048
 
1405
2049
  .wy-message-meta {
1406
- font-size: 0.75rem;
2050
+ font-size: var(--wy-font-size-xs);
1407
2051
  margin: 0 0 0.25rem 0.25rem;
1408
- color: #6b6b6b;
2052
+ color: var(--wy-on-surface-variant);
1409
2053
  }
1410
2054
 
1411
2055
  .wy-message-bubble {
1412
- background-color: #f2f2f2;
1413
- border-radius: 1rem;
2056
+ --wy-component-background-color: var(--wy-surface-variant);
2057
+ --wy-component-color: var(--wy-on-surface-variant);
2058
+ background-color: var(--wy-component-background-color);
2059
+ color: var(--wy-component-color);
2060
+ border-radius: calc(var(--wy-border-radius) + 0.5rem);
1414
2061
  display: flex;
1415
- flex-direction: row;
1416
- flex-wrap: wrap;
2062
+ flex-direction: column;
1417
2063
  padding: 0.75rem;
2064
+ gap: 0.75rem;
1418
2065
  max-width: min(32rem, 100% - 2rem);
1419
- min-width: 10rem;
1420
2066
  }
1421
2067
  .wy-message-bubble > div {
1422
- margin-bottom: 0.5rem;
1423
2068
  flex: 1 1 100%;
1424
2069
  }
1425
- .wy-message-bubble > div:last-of-type {
1426
- margin-bottom: 0;
1427
- }
1428
-
1429
- .wy-message-text {
1430
- overflow-wrap: break-word;
1431
- min-width: 0;
1432
- }
1433
- .wy-message-text :not(pre) > code {
1434
- overflow-wrap: inherit;
1435
- }
1436
- .wy-message-text pre, .wy-message-text pre > code {
1437
- white-space: pre-wrap;
1438
- }
1439
- .wy-message-text :last-child {
1440
- margin-bottom: 0;
1441
- }
1442
- .wy-message-text:empty {
1443
- display: none;
2070
+ .wy-message-bubble .wy-reactions-line {
2071
+ position: relative;
2072
+ height: 0;
2073
+ min-height: 0;
2074
+ max-height: 0;
2075
+ margin: 0 -0.75rem -0.75rem;
2076
+ flex: 0 0 0;
2077
+ flex-direction: row-reverse;
2078
+ justify-content: flex-end;
1444
2079
  }
1445
2080
 
1446
2081
  .wy-message-author {
@@ -1456,15 +2091,6 @@ input[type=search]::-webkit-search-cancel-button {
1456
2091
  min-width: 0;
1457
2092
  position: relative;
1458
2093
  }
1459
- .wy-message-content .wy-reactions {
1460
- position: absolute;
1461
- bottom: -0.75rem;
1462
- left: 0.75rem;
1463
- background: #f2f2f2;
1464
- border-radius: 1.5rem;
1465
- border: 1px solid #f2f2f2;
1466
- padding: 0.125rem;
1467
- }
1468
2094
 
1469
2095
  .wy-message-content-row {
1470
2096
  display: flex;
@@ -1473,14 +2099,6 @@ input[type=search]::-webkit-search-cancel-button {
1473
2099
  max-width: 100%;
1474
2100
  }
1475
2101
 
1476
- .wy-message-buttons {
1477
- display: flex;
1478
- flex-direction: row;
1479
- column-gap: 0.25rem;
1480
- margin: 0.25rem;
1481
- opacity: 0;
1482
- }
1483
-
1484
2102
  .wy-message-me {
1485
2103
  margin-right: 0;
1486
2104
  margin-left: 2.5rem;
@@ -1495,32 +2113,31 @@ input[type=search]::-webkit-search-cancel-button {
1495
2113
  .wy-message-me .wy-message-content-row {
1496
2114
  flex-direction: row-reverse;
1497
2115
  }
1498
- .wy-message-me .wy-message-buttons {
1499
- flex-direction: row-reverse;
1500
- }
1501
2116
  .wy-message-me .wy-message-bubble {
1502
- background-color: #e9f6fc;
2117
+ --wy-component-background-color: var(--wy-primary-container);
2118
+ --wy-component-color: var(--wy-on-primary-container);
2119
+ background-color: var(--wy-component-background-color);
2120
+ color: var(--wy-component-color);
1503
2121
  }
1504
- .wy-message-me .wy-reaction-menu {
1505
- justify-content: flex-start;
1506
- right: auto;
2122
+ .wy-message-me .wy-reactions-line {
2123
+ flex-direction: row;
1507
2124
  }
1508
- .wy-message-me .wy-reactions {
1509
- background: #e9f6fc;
1510
- border-color: #e9f6fc;
1511
- left: auto;
1512
- right: 0.75rem;
2125
+ .wy-message-me .wy-reactions-line .wy-dropdown-menu {
2126
+ right: 0;
1513
2127
  }
1514
2128
 
1515
2129
  .wy-message-emoji .wy-message-bubble {
1516
2130
  background: none;
1517
- padding: 0;
2131
+ padding: 0 0 0.75rem;
1518
2132
  }
1519
- .wy-message-emoji .wy-message-text .wy-emoji {
2133
+ .wy-message-emoji .wy-content .wy-emoji {
1520
2134
  width: 3rem;
1521
2135
  height: 3rem;
1522
2136
  margin: 0;
1523
2137
  }
2138
+ .wy-message-emoji.wy-message-me .wy-content {
2139
+ text-align: end;
2140
+ }
1524
2141
 
1525
2142
  .wy-readby-status {
1526
2143
  display: flex;
@@ -1532,71 +2149,73 @@ input[type=search]::-webkit-search-cancel-button {
1532
2149
  margin-left: 0.25rem;
1533
2150
  }
1534
2151
 
1535
- .wy-message-toaster {
1536
- position: sticky;
1537
- top: 3.5rem;
1538
- bottom: 3.5rem;
1539
- cursor: pointer;
1540
- z-index: 3;
1541
- border-radius: 50rem;
1542
- background-color: #156B93;
1543
- color: #fff;
1544
- padding: 0.5rem 1rem;
1545
- margin-left: auto;
1546
- margin-right: auto;
1547
- margin-bottom: 0.5rem;
1548
- font-size: 0.875rem;
1549
- width: max-content;
1550
- align-self: center;
1551
- text-align: center;
1552
- color: #fff;
1553
- }
1554
-
1555
2152
  .wy-message-readmore {
1556
2153
  justify-self: center;
1557
2154
  text-align: center;
1558
2155
  }
1559
2156
 
1560
- .wy-message-editor {
1561
- backface-visibility: hidden;
1562
- background-color: rgba(242, 242, 242, 0.95);
2157
+ .wy-message-editor-top {
2158
+ background-color: var(--wy-component-background-color);
2159
+ color: var(--wy-component-color);
1563
2160
  }
1564
2161
  @supports (position: sticky) {
1565
- .wy-message-editor {
2162
+ .wy-message-editor-top {
1566
2163
  position: sticky;
1567
- bottom: 0;
2164
+ top: 0;
1568
2165
  z-index: 1020;
1569
2166
  }
1570
2167
  }
1571
- @supports (backdrop-filter: blur(0.5rem)) {
1572
- .wy-message-editor {
1573
- backdrop-filter: blur(0.5rem);
2168
+
2169
+ .wy-message-editor-bottom {
2170
+ background-color: var(--wy-component-background-color);
2171
+ color: var(--wy-component-color);
2172
+ }
2173
+ @supports (position: sticky) {
2174
+ .wy-message-editor-bottom {
2175
+ position: sticky;
2176
+ bottom: 0;
2177
+ z-index: 1020;
1574
2178
  }
1575
2179
  }
1576
2180
 
2181
+ .wy-message-editor-dragging::after {
2182
+ content: "Drop files here to upload.";
2183
+ background-color: rgba(255, 255, 255, 0.5);
2184
+ display: flex;
2185
+ justify-content: center;
2186
+ align-items: center;
2187
+ border: 2px dashed var(--wy-primary);
2188
+ font-weight: 700;
2189
+ z-index: 10000;
2190
+ position: absolute;
2191
+ top: 0;
2192
+ left: 0;
2193
+ bottom: 0;
2194
+ right: 0;
2195
+ }
2196
+
1577
2197
  .wy-message-form .wy-spinner {
1578
2198
  display: none;
1579
2199
  }
1580
2200
  .wy-message-form.wy-uploading .wy-spinner {
1581
2201
  display: block;
1582
2202
  }
1583
- .wy-message-form.wy-uploading .wy-icon-attachment {
2203
+ .wy-message-form.wy-uploading [data-icon=plus] {
1584
2204
  display: none;
1585
2205
  }
1586
2206
  .wy-message-form .wy-picker-list:not(:empty) {
1587
- border-top: 1px solid #cccccc;
2207
+ border-top: 1px solid var(--wy-outline-variant);
1588
2208
  }
1589
2209
 
1590
2210
  .wy-message-editor-inputs {
1591
2211
  display: flex;
1592
2212
  flex-direction: row;
1593
2213
  align-items: flex-end;
1594
- border-top: 1px solid rgba(204, 204, 204, 0.95);
1595
- padding: 0.5rem;
1596
- min-height: 3rem;
2214
+ padding: 0.5rem 0.25rem;
2215
+ min-height: 3.5rem;
1597
2216
  }
1598
2217
  .wy-message-editor-inputs > :not(:last-child) {
1599
- margin-right: 0.5rem;
2218
+ margin-right: 0.25rem;
1600
2219
  }
1601
2220
 
1602
2221
  .wy-message-editor-buttons {
@@ -1609,21 +2228,36 @@ input[type=search]::-webkit-search-cancel-button {
1609
2228
  flex-direction: column;
1610
2229
  }
1611
2230
 
2231
+ .wy-message-editor-mention {
2232
+ background: blue;
2233
+ color: white;
2234
+ }
2235
+
2236
+ .wy-message-editor-link {
2237
+ background: blue;
2238
+ color: white;
2239
+ }
2240
+
1612
2241
  .wy-message-editor-grow::after,
1613
2242
  .wy-message-editor-grow > textarea,
1614
2243
  .wy-message-editor-textfield {
1615
2244
  flex: 1 1 100%;
1616
- outline: #f2f2f2 solid 1px;
1617
- max-height: 10.2rem;
1618
- background-color: #fff;
1619
- border-radius: 1rem;
1620
- border: none;
2245
+ max-height: 11.25rem;
2246
+ background-color: var(--wy-background);
2247
+ color: var(--wy-on-background);
2248
+ border-radius: 1.25rem;
2249
+ border: var(--wy-input-border-width) solid var(--wy-background);
2250
+ }
2251
+ .wy-message-editor-grow:focus::after,
2252
+ .wy-message-editor-grow > textarea:focus,
2253
+ .wy-message-editor-textfield:focus {
2254
+ border-color: var(--wy-outline-variant);
1621
2255
  }
1622
2256
 
1623
2257
  .wy-message-editor-textcontent {
1624
- font-family: var(--wy-font-sans-serif);
1625
- font-size: 1rem;
1626
- padding: 0.375rem 0.75rem;
2258
+ font-family: var(--wy-font-family);
2259
+ font-size: var(--wy-font-size-base);
2260
+ padding: var(--wy-input-padding-y) var(--wy-input-padding-x);
1627
2261
  }
1628
2262
 
1629
2263
  .wy-message-editor-grow {
@@ -1643,6 +2277,15 @@ input[type=search]::-webkit-search-cancel-button {
1643
2277
  overflow: hidden;
1644
2278
  }
1645
2279
 
2280
+ .wy-meta {
2281
+ color: var(--wy-outline);
2282
+ font-size: var(--wy-font-size-sm);
2283
+ }
2284
+
2285
+ .wy-meta-sm {
2286
+ font-size: var(--wy-font-size-xs);
2287
+ }
2288
+
1646
2289
  .wy-viewport {
1647
2290
  position: fixed;
1648
2291
  top: 0;
@@ -1671,7 +2314,7 @@ input[type=search]::-webkit-search-cancel-button {
1671
2314
  perspective-origin: center center;
1672
2315
  }
1673
2316
  .wy-overlays .wy-panel {
1674
- background-color: rgba(255, 255, 255, 0.95);
2317
+ background-color: var(--wy-background);
1675
2318
  }
1676
2319
  .wy-overlays .wy-panel:not(.wy-transition) {
1677
2320
  transform: translateZ(-4rem) !important;
@@ -1683,7 +2326,7 @@ input[type=search]::-webkit-search-cancel-button {
1683
2326
  transition: opacity 0.1s 0.2s step-end;
1684
2327
  }
1685
2328
  .wy-overlays .wy-panel .wy-controls .wy-icon {
1686
- color: rgba(0, 0, 0, 0.54);
2329
+ color: var(--wy-on-surface);
1687
2330
  }
1688
2331
  .wy-overlays .wy-panel.wy-loaded .wy-controls {
1689
2332
  pointer-events: none;
@@ -1692,57 +2335,6 @@ input[type=search]::-webkit-search-cancel-button {
1692
2335
  .wy-overlays .wy-panel .wy-panel-frame {
1693
2336
  background-color: transparent;
1694
2337
  }
1695
- .wy-overlays .wy-panel.wy-controls-light .wy-icon {
1696
- color: rgba(0, 0, 0, 0.54);
1697
- }
1698
- .wy-overlays .wy-panel.wy-light {
1699
- background-color: rgba(255, 255, 255, 0.95);
1700
- }
1701
- .wy-overlays .wy-panel.wy-light .wy-icon {
1702
- color: rgba(0, 0, 0, 0.54);
1703
- }
1704
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon {
1705
- color: rgba(255, 255, 255, 0.62);
1706
- }
1707
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-controls-dark .wy-icon:focus {
1708
- color: rgba(255, 255, 255, 0.95);
1709
- }
1710
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon:active {
1711
- color: #fff;
1712
- }
1713
- .wy-overlays .wy-panel.wy-dark {
1714
- background-color: rgba(21, 21, 21, 0.95);
1715
- }
1716
- .wy-overlays .wy-panel.wy-dark .wy-icon {
1717
- color: rgba(255, 255, 255, 0.62);
1718
- }
1719
- .wy-overlays .wy-panel.wy-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-dark .wy-icon:focus {
1720
- color: rgba(255, 255, 255, 0.95);
1721
- }
1722
- .wy-overlays .wy-panel.wy-dark .wy-icon:active {
1723
- color: #fff;
1724
- }
1725
- .wy-overlays .wy-panel.wy-dark.wy-open[data-title]::before {
1726
- background: rgba(41, 41, 41, 0.95);
1727
- color: rgba(255, 255, 255, 0.62);
1728
- border-bottom: 1px #000 solid;
1729
- }
1730
- @media (min-width: 768px) {
1731
- .wy-overlays .wy-panel.wy-floating {
1732
- left: 1rem;
1733
- top: 1rem;
1734
- right: 1rem;
1735
- bottom: 1rem;
1736
- border-radius: 0.1875rem;
1737
- 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);
1738
- }
1739
- .wy-overlays .wy-panel.wy-floating:not(.wy-scroll-y) {
1740
- overflow: hidden;
1741
- }
1742
- }
1743
- .wy-overlays .wy-panel.wy-modal {
1744
- background-color: rgba(255, 255, 255, 0.95);
1745
- }
1746
2338
  @media (min-width: 768px) {
1747
2339
  .wy-overlays .wy-panel.wy-modal {
1748
2340
  left: auto;
@@ -1753,8 +2345,8 @@ input[type=search]::-webkit-search-cancel-button {
1753
2345
  margin-top: auto;
1754
2346
  margin-right: 4rem;
1755
2347
  margin-bottom: auto;
1756
- border-radius: 0.25rem;
1757
- 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);
2348
+ border-radius: var(--wy-border-radius);
2349
+ box-shadow: var(--wy-shadow-level4);
1758
2350
  width: 32rem;
1759
2351
  max-height: 32rem;
1760
2352
  }
@@ -1762,8 +2354,24 @@ input[type=search]::-webkit-search-cancel-button {
1762
2354
  overflow: hidden;
1763
2355
  }
1764
2356
  }
2357
+ @media (min-width: 768px) {
2358
+ .wy-overlays .wy-panel.wy-modal-full {
2359
+ left: 1rem;
2360
+ top: 1rem;
2361
+ right: 1rem;
2362
+ bottom: 1rem;
2363
+ margin: 0;
2364
+ border-radius: var(--wy-border-radius);
2365
+ box-shadow: var(--wy-shadow-level4);
2366
+ width: auto;
2367
+ max-height: none;
2368
+ }
2369
+ .wy-overlays .wy-panel.wy-modal-full:not(.wy-scroll-y) {
2370
+ overflow: hidden;
2371
+ }
2372
+ }
1765
2373
  .wy-overlays .wy-panel.wy-loading .wy-controls {
1766
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2374
+ transition: opacity var(--wy-transition);
1767
2375
  opacity: 1;
1768
2376
  }
1769
2377
 
@@ -1771,7 +2379,7 @@ input[type=search]::-webkit-search-cancel-button {
1771
2379
  pointer-events: none;
1772
2380
  }
1773
2381
 
1774
- a.wy-pager {
2382
+ :not(tr).wy-pager {
1775
2383
  display: block;
1776
2384
  text-align: center;
1777
2385
  margin: 1rem auto;
@@ -1786,11 +2394,17 @@ tr.wy-pager td .wy-spinner {
1786
2394
  margin: 1rem auto;
1787
2395
  }
1788
2396
 
2397
+ .wy-grid .wy-pager {
2398
+ display: flex;
2399
+ }
2400
+
1789
2401
  .wy-pane {
1790
- min-height: 100vh;
1791
2402
  display: flex;
1792
2403
  flex-direction: column;
1793
2404
  position: relative;
2405
+ min-height: 0;
2406
+ height: 100%;
2407
+ flex: 1 1 auto;
1794
2408
  }
1795
2409
 
1796
2410
  .wy-pane-body {
@@ -1800,7 +2414,14 @@ tr.wy-pager td .wy-spinner {
1800
2414
  }
1801
2415
 
1802
2416
  .wy-pane-group {
1803
- padding: 0.5rem;
2417
+ padding: 0.75rem;
2418
+ }
2419
+
2420
+ .wy-pane-background {
2421
+ --wy-component-background-color: var(--wy-background);
2422
+ --wy-component-color: var(--wy-on-background);
2423
+ background-color: var(--wy-component-background-color);
2424
+ color: var(--wy-component-color);
1804
2425
  }
1805
2426
 
1806
2427
  .wy-panels {
@@ -1822,34 +2443,36 @@ tr.wy-pager td .wy-spinner {
1822
2443
  left: 0;
1823
2444
  pointer-events: none;
1824
2445
  overflow: hidden;
1825
- background-color: rgba(255, 255, 255, 0.95);
2446
+ background-color: var(--wy-background);
1826
2447
  display: flex;
1827
2448
  flex-direction: column;
1828
2449
  }
1829
2450
  .wy-panel .wy-controls {
1830
- top: 0.5rem;
1831
- left: 0.5rem;
1832
- min-width: 2rem;
2451
+ top: 0.25rem;
2452
+ left: 0.25rem;
2453
+ min-width: 2.5rem;
1833
2454
  width: auto;
1834
2455
  display: flex;
1835
2456
  z-index: 10000;
1836
2457
  order: -1;
1837
2458
  flex-direction: row-reverse;
1838
- border-bottom: 1px solid #cccccc;
2459
+ border-bottom: 1px solid var(--wy-outline-variant);
1839
2460
  }
1840
2461
  .wy-panel .wy-controls:empty {
1841
2462
  display: none;
1842
2463
  }
1843
2464
  .wy-panel .wy-controls .wy-icon {
1844
- color: rgba(0, 0, 0, 0.54);
2465
+ color: var(--wy-on-background);
1845
2466
  }
1846
2467
  .wy-panel .wy-panel-frame {
1847
- transition: opacity 0.1s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2468
+ transition: opacity var(--wy-transition-fast);
2469
+ transition-delay: 0.2s;
1848
2470
  opacity: 1;
1849
2471
  }
1850
2472
  .wy-panel:not(.wy-loaded) .wy-panel-frame {
1851
2473
  opacity: 0;
1852
- transition: opacity 0.2s 0.1s step-start;
2474
+ transition: opacity 0.2s step-start;
2475
+ transition-delay: 0.1s;
1853
2476
  }
1854
2477
  .wy-panel.wy-open {
1855
2478
  pointer-events: all;
@@ -1861,19 +2484,21 @@ tr.wy-pager td .wy-spinner {
1861
2484
  top: 0;
1862
2485
  left: 0;
1863
2486
  right: 0;
1864
- height: 2.9375rem;
2487
+ height: 3rem;
2488
+ padding: 0.25rem;
1865
2489
  opacity: 0;
1866
2490
  pointer-events: none;
1867
2491
  display: flex;
1868
2492
  align-items: center;
1869
2493
  justify-content: center;
1870
- background-color: rgba(242, 242, 242, 0.95);
1871
- color: rgba(0, 0, 0, 0.69);
1872
- border-bottom: 1px solid #cccccc;
1873
- transition: opacity 0.1s 0.2s step-end;
1874
- font-family: var(--wy-font-sans-serif);
1875
- line-height: 1.5;
1876
- font-weight: 400;
2494
+ transition: opacity 0.1s step-end;
2495
+ transition-delay: 0.2s;
2496
+ font-family: inherit;
2497
+ line-height: var(--wy-line-height);
2498
+ font-weight: var(--wy-font-weight);
2499
+ background-color: var(--wy-surface-1);
2500
+ color: var(--wy-on-surface);
2501
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
1877
2502
  backface-visibility: hidden;
1878
2503
  }
1879
2504
  @supports (backdrop-filter: blur(0.5rem)) {
@@ -1890,14 +2515,15 @@ tr.wy-pager td .wy-spinner {
1890
2515
  right: 0;
1891
2516
  pointer-events: none;
1892
2517
  opacity: 0;
1893
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
2518
+ transition: opacity var(--wy-transition);
2519
+ transition-duration: 0s;
1894
2520
  }
1895
2521
  .wy-panel.wy-open.wy-loading[data-title]::before {
1896
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1897
2522
  opacity: 1;
1898
2523
  }
1899
2524
  .wy-panel.wy-open.wy-loading::after {
1900
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
2525
+ transition: opacity var(--wy-transition);
2526
+ transition-duration: 0.5s;
1901
2527
  opacity: 1;
1902
2528
  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");
1903
2529
  background-repeat: no-repeat;
@@ -1909,10 +2535,10 @@ tr.wy-pager td .wy-spinner {
1909
2535
  .wy-panel {
1910
2536
  opacity: 0;
1911
2537
  visibility: hidden;
1912
- 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;
2538
+ 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);
1913
2539
  }
1914
2540
  .wy-panel.wy-open {
1915
- 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;
2541
+ transition: opacity var(--wy-transition), transform var(--wy-transition), visibility var(--wy-transition-duration) step-start;
1916
2542
  visibility: visible;
1917
2543
  }
1918
2544
  .wy-panel.wy-open.wy-transition {
@@ -1926,6 +2552,8 @@ tr.wy-pager td .wy-spinner {
1926
2552
  }
1927
2553
 
1928
2554
  .wy-picker-list {
2555
+ background: var(--wy-component-background-color);
2556
+ color: var(--wy-component-color);
1929
2557
  border: none;
1930
2558
  }
1931
2559
  .wy-picker-list > .wy-picker-list-item:first-child, .wy-picker-list > :first-child .wy-picker-list-item {
@@ -1957,129 +2585,127 @@ tr.wy-pager td .wy-spinner {
1957
2585
  white-space: nowrap;
1958
2586
  }
1959
2587
 
1960
- .wy-preview {
2588
+ .wy-main {
1961
2589
  display: flex;
1962
- align-items: center;
1963
- justify-content: center;
1964
- height: calc(100% - 3rem - 1px);
1965
- position: relative;
1966
- }
1967
-
1968
- .wy-nav-prev, .wy-nav-next {
1969
- position: fixed;
1970
- top: 50%;
1971
- z-index: 1000;
1972
- }
1973
- .wy-nav-prev .wy-button-icon, .wy-nav-next .wy-button-icon {
1974
- background-color: #f2f2f2;
2590
+ height: calc(100vh - 3rem);
1975
2591
  }
1976
- .wy-dark .wy-nav-prev .wy-button-icon, .wy-dark .wy-nav-next .wy-button-icon {
1977
- background-color: rgba(41, 41, 41, 0.95);
1978
- }
1979
-
1980
- .wy-nav-prev {
1981
- left: 0.5rem;
2592
+ @media (max-width: 767.98px) {
2593
+ .wy-main {
2594
+ flex-direction: column;
2595
+ }
1982
2596
  }
1983
2597
 
1984
- .wy-nav-next {
1985
- right: 0.5rem;
2598
+ .wy-preview {
2599
+ --wy-component-background-color: var(--wy-background);
2600
+ --wy-component-color: var(--wy-on-background);
2601
+ background-color: var(--wy-component-background-color);
2602
+ color: var(--wy-component-color);
2603
+ display: flex;
2604
+ flex-direction: column;
2605
+ align-items: center;
2606
+ justify-content: space-around;
2607
+ position: relative;
2608
+ flex: 1 1 100%;
2609
+ min-width: 16rem;
2610
+ min-height: 16rem;
2611
+ max-height: 100%;
2612
+ max-width: 100%;
1986
2613
  }
1987
2614
 
1988
- .wy-document {
1989
- align-self: flex-start;
1990
- background-color: #fff;
1991
- color: #000;
1992
- padding: 2rem 3rem;
2615
+ .wy-preview-area {
2616
+ min-width: 0;
2617
+ min-height: 0;
1993
2618
  width: 100%;
1994
- min-height: 100%;
1995
- }
1996
- @media (min-width: 768px) {
1997
- .wy-document {
1998
- padding: 3rem 4rem;
1999
- margin: 2rem 3.5rem;
2000
- border-radius: 0.25rem;
2001
- 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);
2002
- width: 120ch;
2003
- min-height: 170ch;
2004
- max-width: 100%;
2005
- }
2006
- }
2007
-
2008
- .wy-toolbar {
2009
- position: fixed;
2010
- z-index: 1030;
2011
- bottom: 1.5rem;
2012
- left: 0;
2013
- right: 0;
2014
- height: 3rem;
2619
+ height: 100%;
2620
+ flex: 1 1 auto;
2015
2621
  display: flex;
2016
- justify-content: center;
2017
- }
2018
- .wy-toolbar span {
2019
- margin-left: 0.25rem;
2020
- }
2021
- .wy-toolbar .wy-input {
2022
- text-align: center;
2023
- border-color: transparent;
2622
+ flex-direction: column;
2024
2623
  }
2025
2624
 
2026
- .wy-tools {
2027
- background-color: rgba(242, 242, 242, 0.95);
2028
- color: #000;
2029
- border-radius: 0.375rem;
2030
- display: flex;
2031
- align-items: center;
2032
- backface-visibility: hidden;
2625
+ .wy-nav-prev, .wy-nav-next {
2626
+ --wy-component-background-color: var(--wy-surface-variant);
2627
+ --wy-component-color: var(--wy-on-surface-variant);
2628
+ background-color: var(--wy-component-background-color);
2629
+ position: absolute;
2630
+ top: 50%;
2631
+ z-index: 1000;
2632
+ border-radius: 50%;
2033
2633
  }
2034
- @supports (backdrop-filter: blur(0.5rem)) {
2035
- .wy-tools {
2036
- backdrop-filter: blur(0.5rem);
2037
- }
2634
+
2635
+ .wy-nav-prev {
2636
+ left: 0.5rem;
2038
2637
  }
2039
- .wy-dark .wy-tools, .wy-tools.wy-dark {
2040
- background-color: rgba(41, 41, 41, 0.95);
2041
- color: rgba(255, 255, 255, 0.62);
2638
+
2639
+ .wy-nav-next {
2640
+ right: 0.5rem;
2042
2641
  }
2043
- .wy-dark .wy-tools .wy-icon, .wy-tools.wy-dark .wy-icon {
2044
- color: rgba(255, 255, 255, 0.62);
2642
+
2643
+ .wy-document {
2644
+ --wy-component-background-color: var(--wy-white);
2645
+ --wy-component-color: var(--wy-on-background);
2646
+ background-color: var(--wy-component-background-color);
2647
+ color: var(--wy-component-color);
2648
+ align-self: flex-start;
2649
+ padding: 2rem 3.5rem;
2650
+ width: 100%;
2651
+ min-height: 100%;
2652
+ flex: 1 0 auto;
2045
2653
  }
2046
- .wy-dark .wy-tools .wy-input, .wy-tools.wy-dark .wy-input {
2047
- background-color: rgba(0, 0, 0, 0.5);
2048
- color: rgba(255, 255, 255, 0.62);
2654
+ @media (min-width: 768px) {
2655
+ .wy-document {
2656
+ padding: 3rem 4rem;
2657
+ margin: 2rem auto;
2658
+ border-radius: 0.125rem;
2659
+ box-shadow: var(--wy-shadow-level2);
2660
+ width: 120ch;
2661
+ min-height: 170ch;
2662
+ max-width: calc(100% - 3.5rem);
2663
+ }
2049
2664
  }
2050
2665
 
2051
- .wy-tool {
2052
- display: flex;
2053
- align-items: center;
2054
- margin: 0 0.5rem;
2666
+ .wy-content-code {
2667
+ /*--wy-component-background-color: var(--wy-surface-1);
2668
+ --wy-component-color: var(--wy-on-surface);
2669
+
2670
+ background-color: var(--wy-component-background-color);
2671
+ color: var(--wy-component-color);
2672
+ */
2673
+ align-self: flex-start;
2674
+ width: 100%;
2675
+ padding: 2rem 3.5rem;
2055
2676
  }
2056
2677
 
2057
- .wy-content-iframe, [data-controller~=embed] {
2678
+ .wy-content-iframe {
2058
2679
  border: 0;
2059
2680
  display: block;
2060
2681
  width: 100%;
2061
2682
  height: 100%;
2683
+ top: 0;
2684
+ left: 0;
2062
2685
  flex: 1 1 100%;
2063
2686
  }
2064
- .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 {
2065
- background: #fff;
2687
+ .wy-content-iframe.wy-loaded {
2688
+ --wy-component-background-color: var(--wy-surface-1);
2689
+ --wy-component-color: var(--wy-on-surface);
2690
+ background-color: var(--wy-component-background-color);
2691
+ color: var(--wy-component-color);
2066
2692
  }
2067
- .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 {
2693
+ .wy-content-iframe.wy-loaded ~ .wy-content-iframe-fallback, .wy-content-iframe.wy-loaded ~ .wy-spinner {
2068
2694
  display: none;
2069
2695
  }
2070
- .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) {
2696
+ .wy-content-iframe.wy-loading:not(.wy-loaded) {
2071
2697
  position: absolute;
2072
2698
  visibility: hidden;
2073
2699
  z-index: -1;
2074
2700
  pointer-events: none;
2075
2701
  }
2076
- .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 {
2702
+ .wy-content-iframe.wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback {
2077
2703
  display: none;
2078
2704
  }
2079
- .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 {
2705
+ .wy-content-iframe.wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner {
2080
2706
  display: none;
2081
2707
  }
2082
- .wy-content-iframe ~ .wy-spinner, [data-controller~=embed] ~ .wy-spinner {
2708
+ .wy-content-iframe ~ .wy-spinner {
2083
2709
  margin: auto;
2084
2710
  }
2085
2711
 
@@ -2088,33 +2714,6 @@ tr.wy-pager td .wy-spinner {
2088
2714
  white-space: pre-wrap;
2089
2715
  }
2090
2716
 
2091
- .wy-content-icon {
2092
- background-color: #fff;
2093
- border-radius: 0.5rem;
2094
- display: flex;
2095
- align-items: center;
2096
- flex-direction: column;
2097
- text-align: center;
2098
- padding: 1rem 2rem;
2099
- }
2100
- .wy-content-icon .wy-icon-stack, .wy-content-icon .wy-icon {
2101
- width: 8rem;
2102
- height: 8rem;
2103
- }
2104
- .wy-dark .wy-content-icon {
2105
- background-color: rgba(41, 41, 41, 0.95);
2106
- color: rgba(255, 255, 255, 0.62);
2107
- }
2108
- .wy-dark .wy-content-icon a {
2109
- color: #79c7ec;
2110
- }
2111
- .wy-dark .wy-content-icon .wy-icon {
2112
- color: rgba(255, 255, 255, 0.7);
2113
- }
2114
- .wy-dark .wy-content-icon .wy-icon-stack .wy-icon:last-child {
2115
- background-color: rgba(41, 41, 41, 0.95);
2116
- }
2117
-
2118
2717
  .wy-content-image {
2119
2718
  min-width: 0;
2120
2719
  display: flex;
@@ -2124,32 +2723,18 @@ tr.wy-pager td .wy-spinner {
2124
2723
  margin: auto;
2125
2724
  max-height: 100%;
2126
2725
  max-width: 100%;
2127
- }
2128
- .wy-content-image.wy-intrinsic-image {
2129
- object-fit: scale-down;
2130
- }
2131
- .wy-content-image:not(.wy-intrinsic-image) {
2132
- height: 100%;
2133
- width: 100%;
2134
- --max-width: min(calc((100vh - 3rem - 1px) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
2135
- --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
2136
- /* // With sidebar
2137
- body.controller-content & {
2138
- --max-width: min(calc((100vh - 6rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
2139
- --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
2140
-
2141
- @include bs.media-breakpoint-up(lg) {
2142
- --max-width: min(calc((100vh - 3rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
2143
- --max-height: min(calc((100vw - 20rem) * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
2144
- }
2145
- } */
2146
- max-width: var(--max-width);
2147
- max-height: var(--max-height);
2148
- transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform-origin 0.2s step-end;
2726
+ /*&.wy-intrinsic-image {
2727
+ object-fit: scale-down;
2728
+ }*/
2729
+ /*&:not(.wy-intrinsic-image) {
2730
+ transition: transform vars.$transition, transform-origin vars.$transition-duration step-end;
2731
+ //cursor: zoom-in;
2732
+ }*/
2733
+ transition: transform var(--wy-transition), transform-origin var(--wy-transition-duration) step-end;
2149
2734
  }
2150
2735
  .wy-content-image.wy-zoom {
2151
2736
  cursor: zoom-out;
2152
- transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform-origin 0.2s step-start;
2737
+ transition: transform var(--wy-transition), transform-origin var(--wy-transition-duration) step-start;
2153
2738
  }
2154
2739
  .wy-content-image img {
2155
2740
  min-width: 0;
@@ -2187,6 +2772,7 @@ tr.wy-pager td .wy-spinner {
2187
2772
  min-height: 0;
2188
2773
  max-width: 100%;
2189
2774
  max-height: 100%;
2775
+ flex: 1 1 auto;
2190
2776
  }
2191
2777
 
2192
2778
  .wy-content-video, .wy-content-audio {
@@ -2202,7 +2788,7 @@ tr.wy-pager td .wy-spinner {
2202
2788
  outline: none;
2203
2789
  }
2204
2790
 
2205
- :root {
2791
+ :root, :host > * {
2206
2792
  --pdfViewer-padding-bottom: 0;
2207
2793
  --page-margin: 2rem auto;
2208
2794
  --page-border: none;
@@ -2212,7 +2798,7 @@ tr.wy-pager td .wy-spinner {
2212
2798
  }
2213
2799
 
2214
2800
  @media screen and (forced-colors: active) {
2215
- :root {
2801
+ :root, :host > * {
2216
2802
  --pdfViewer-padding-bottom: 9px;
2217
2803
  --page-margin: 9px auto 0;
2218
2804
  --page-border: none;
@@ -2274,7 +2860,7 @@ tr.wy-pager td .wy-spinner {
2274
2860
  }
2275
2861
  .wy-scrollbars .wy-content-pdf .wy-pdf-container {
2276
2862
  scrollbar-width: thin;
2277
- scrollbar-color: rgba(128, 128, 128, 0.75) transparent;
2863
+ scrollbar-color: var(--wy-outline) transparent;
2278
2864
  }
2279
2865
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar {
2280
2866
  height: 0.625rem;
@@ -2286,16 +2872,19 @@ tr.wy-pager td .wy-spinner {
2286
2872
  background: transparent;
2287
2873
  }
2288
2874
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb {
2289
- background-color: rgba(128, 128, 128, 0.75);
2875
+ background-color: var(--wy-outline);
2290
2876
  border: 0.125rem solid transparent;
2291
2877
  border-radius: 0.5rem;
2292
2878
  background-clip: padding-box;
2879
+ opacity: 75%;
2293
2880
  }
2294
2881
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:hover {
2295
- background-color: rgba(92, 92, 92, 0.75);
2882
+ background-color: var(--wy-outline-variant);
2883
+ opacity: 75%;
2296
2884
  }
2297
2885
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:window-inactive {
2298
- background-color: rgba(128, 128, 128, 0.5);
2886
+ background-color: var(--wy-outline);
2887
+ opacity: 50%;
2299
2888
  }
2300
2889
  @supports (overflow-y: overlay) {
2301
2890
  .wy-scrollbars .wy-content-pdf .wy-pdf-container {
@@ -2848,8 +3437,8 @@ tr.wy-pager td .wy-spinner {
2848
3437
  overflow: visible;
2849
3438
  border: var(--page-border);
2850
3439
  background-clip: content-box;
2851
- 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);
2852
- background-color: rgb(255, 255, 255);
3440
+ box-shadow: var(--wy-shadow-level2);
3441
+ background-color: #ffffff;
2853
3442
  }
2854
3443
  .wy-content-pdf .pdfViewer .dummyPage {
2855
3444
  position: relative;
@@ -2939,84 +3528,268 @@ tr.wy-pager td .wy-spinner {
2939
3528
  white-space: pre-wrap;
2940
3529
  }
2941
3530
 
2942
- .wy-scroll-y {
2943
- overflow-y: auto;
2944
- touch-action: pan-y, pan-x;
2945
- will-change: scroll-position, opacity;
2946
- backface-visibility: hidden;
2947
- max-height: 100%;
3531
+ .wy-reaction-count {
3532
+ margin: 0 0.5rem 0 0.125rem;
3533
+ line-height: 1;
3534
+ font-size: var(--wy-font-size-sm);
2948
3535
  }
2949
- .wy-scroll-y:not(body) {
2950
- -webkit-overflow-scrolling: touch;
3536
+
3537
+ .wy-reaction-menu {
3538
+ padding: 0.25rem;
3539
+ font-size: 1.125rem;
3540
+ border-radius: 2.5rem;
2951
3541
  }
2952
- .wy-scroll-y:not(.wy-scroll-x) {
2953
- overflow-x: hidden;
2954
- touch-action: pan-y;
3542
+
3543
+ .wy-reaction-picker {
3544
+ display: flex;
3545
+ }
3546
+ .wy-reaction-picker .wy-reaction-button {
3547
+ color: unset;
2955
3548
  }
2956
3549
 
2957
- .wy-scroll-x {
2958
- overflow-x: auto;
2959
- touch-action: pan-y, pan-x;
2960
- will-change: scroll-position, opacity;
2961
- backface-visibility: hidden;
2962
- max-width: 100%;
3550
+ .wy-reactions {
3551
+ display: inline-flex;
3552
+ align-items: center;
3553
+ column-gap: 0.125rem;
2963
3554
  }
2964
- .wy-scroll-x:not(.wy-scroll-y) {
2965
- overflow-y: hidden;
2966
- touch-action: pan-x;
3555
+ .wy-reactions:empty {
3556
+ display: none;
2967
3557
  }
2968
3558
 
2969
- .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
2970
- scrollbar-width: thin;
2971
- scrollbar-color: rgba(128, 128, 128, 0.75) transparent;
3559
+ .wy-table-reactions td:first-child {
3560
+ width: 3rem;
2972
3561
  }
2973
- @supports (overflow-y: overlay) {
2974
- .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
2975
- overflow-y: overlay;
3562
+ .wy-table-reactions td:nth-child(2) {
3563
+ width: 100%;
3564
+ }
3565
+ .wy-table-reactions tr:last-child td {
3566
+ box-shadow: none;
3567
+ }
3568
+
3569
+ .wy-reactions-line {
3570
+ display: flex;
3571
+ align-items: center;
3572
+ /*> * {
3573
+ position: relative;
3574
+ }*/
3575
+ }
3576
+ .wy-reactions-line .wy-reactions {
3577
+ background: var(--wy-component-background-color);
3578
+ color: currentColor;
3579
+ border-radius: var(--wy-border-radius-pill);
3580
+ display: flex;
3581
+ width: auto;
3582
+ background-clip: content-box;
3583
+ }
3584
+ .wy-reactions-line .wy-reactions > .wy-emoji:first-child {
3585
+ margin-left: 0.125rem;
3586
+ }
3587
+ .wy-reactions-line .wy-reactions > .wy-emoji:last-child {
3588
+ margin-right: 0.125rem;
3589
+ }
3590
+ .wy-reactions-line .wy-reaction-menu-button {
3591
+ background: var(--wy-component-background-color);
3592
+ color: currentColor;
3593
+ border-radius: var(--wy-border-radius-pill);
3594
+ background-clip: content-box;
3595
+ }
3596
+
3597
+ .wy-spinner, .wy-icon[data-icon=spinner] {
3598
+ align-self: center;
3599
+ justify-self: center;
3600
+ margin: auto;
3601
+ }
3602
+ .wy-spinner circle, .wy-icon[data-icon=spinner] circle {
3603
+ stroke-dasharray: 1, 100;
3604
+ stroke-dashoffset: 0;
3605
+ transform-origin: center;
3606
+ fill: none !important;
3607
+ }
3608
+ .wy-spinner.wy-spin, .wy-icon[data-icon=spinner].wy-spin {
3609
+ animation: wy-rotate 1.4s linear infinite;
3610
+ }
3611
+ .wy-spinner.wy-spin circle, .wy-icon[data-icon=spinner].wy-spin circle {
3612
+ animation: wy-dash 1.4s ease-in-out infinite, wy-color 2.8s ease-in-out infinite;
3613
+ }
3614
+
3615
+ @keyframes wy-rotate {
3616
+ 100% {
3617
+ transform: rotate(360deg);
2976
3618
  }
2977
3619
  }
2978
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar {
2979
- height: 0.625rem;
2980
- width: 0.625rem;
2981
- background: transparent;
2982
- z-index: 999;
3620
+ @keyframes wy-dash {
3621
+ 0% {
3622
+ stroke-dasharray: 1, 100;
3623
+ stroke-dashoffset: 0;
3624
+ }
3625
+ 50% {
3626
+ stroke-dasharray: 44.5, 100;
3627
+ stroke-dashoffset: -17.5;
3628
+ }
3629
+ 100% {
3630
+ stroke-dasharray: 44.5, 100;
3631
+ stroke-dashoffset: -62;
3632
+ }
2983
3633
  }
2984
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-track, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-track {
2985
- background: transparent;
3634
+ @keyframes wy-color {
3635
+ 0%, 100% {
3636
+ stroke: var(--wy-primary);
3637
+ }
3638
+ 25% {
3639
+ stroke: var(--wy-primary);
3640
+ }
3641
+ 50% {
3642
+ stroke: transparent;
3643
+ }
3644
+ 75% {
3645
+ stroke: var(--wy-primary);
3646
+ }
2986
3647
  }
2987
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb {
2988
- background-color: rgba(128, 128, 128, 0.75);
2989
- border: 0.125rem solid transparent;
2990
- border-radius: 0.5rem;
2991
- background-clip: padding-box;
3648
+ .wy-table {
3649
+ --wy-component-color: var(--wy-on-background);
3650
+ --wy-component-background-color: var(--wy-background);
3651
+ color: var(--wy-component-color);
3652
+ background-color: var(--wy-component-background-color);
3653
+ table-layout: fixed;
3654
+ width: 100%;
3655
+ vertical-align: top;
3656
+ border-collapse: collapse;
2992
3657
  }
2993
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:hover, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:hover {
2994
- background-color: rgba(92, 92, 92, 0.75);
3658
+ .wy-table th, .wy-table td {
3659
+ padding: var(--wy-table-cell-padding-y) var(--wy-table-cell-padding-x);
3660
+ box-shadow: var(--wy-outline-variant) 0px -1px 0px 0px inset;
3661
+ line-height: 1;
3662
+ vertical-align: middle;
3663
+ height: 2.5rem;
2995
3664
  }
2996
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:window-inactive, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:window-inactive {
2997
- background-color: rgba(128, 128, 128, 0.5);
3665
+ .wy-table th:first-child, .wy-table td:first-child {
3666
+ padding-left: calc(var(--wy-table-cell-padding-x) * 2);
2998
3667
  }
2999
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:start, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:start {
3000
- height: var(--wy-scrollbar-adjust-top, 0);
3668
+ .wy-table th:last-child, .wy-table td:last-child {
3669
+ padding-right: calc(var(--wy-table-cell-padding-x) * 2);
3001
3670
  }
3002
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:end, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:end {
3003
- height: var(--wy-scrollbar-adjust-bottom, 0);
3671
+ .wy-table > tbody {
3672
+ vertical-align: inherit;
3673
+ }
3674
+ .wy-table > thead {
3675
+ vertical-align: bottom;
3676
+ }
3677
+ .wy-table .wy-table-cell-icon {
3678
+ color: var(--wy-component-color);
3679
+ vertical-align: middle;
3680
+ text-align: center;
3681
+ padding: calc(var(--wy-table-cell-padding-y) * .5) var(--wy-table-cell-padding-x);
3682
+ width: calc(2.5rem + var(--wy-table-cell-padding-x) * 2);
3683
+ font-size: var(--wy-font-size-base);
3684
+ font-weight: var(--wy-font-weight);
3685
+ text-transform: none;
3686
+ letter-spacing: normal;
3687
+ }
3688
+ .wy-table .wy-table-cell-text {
3689
+ overflow: hidden;
3690
+ text-overflow: ellipsis;
3691
+ white-space: nowrap;
3692
+ width: 100%;
3004
3693
  }
3005
3694
 
3006
- .wy-block-scroll {
3007
- overflow: hidden !important;
3695
+ .wy-table-hover > tbody > tr:not(.wy-pager):hover > * {
3696
+ --wy-component-color: var(--wy-on-surface);
3697
+ --wy-component-background-color: var(--wy-surface-2);
3698
+ color: var(--color);
3699
+ background-color: var(--wy-component-background-color);
3700
+ cursor: pointer;
3008
3701
  }
3009
3702
 
3010
- .wy-scrollbar-detection {
3011
- position: fixed;
3012
- top: 0;
3013
- left: 0;
3014
- width: 8rem;
3015
- height: 8rem;
3016
- overflow: scroll;
3017
- z-index: -99999;
3018
- pointer-events: none;
3019
- visibility: hidden;
3703
+ .wy-table-trashed th, .wy-table-trashed td {
3704
+ text-decoration: line-through;
3705
+ }
3706
+ .wy-table-trashed th:not(:last-child) > *, .wy-table-trashed td:not(:last-child) > * {
3707
+ opacity: var(--wy-opacity-disabled);
3708
+ }
3709
+ .wy-table-trashed th > a, .wy-table-trashed td > a {
3710
+ color: var(--wy-component-color);
3711
+ }
3712
+ .wy-table-trashed:hover th, .wy-table-trashed:hover td {
3713
+ opacity: 1;
3714
+ }
3715
+
3716
+ .wy-table-no-result {
3717
+ text-align: center;
3718
+ padding: 1rem;
3719
+ }
3720
+
3721
+ .wy-table-sort-link {
3722
+ display: inline-flex;
3723
+ align-items: center;
3724
+ }
3725
+
3726
+ .wy-title {
3727
+ margin-top: 0.5rem;
3728
+ margin-bottom: 0.5rem;
3729
+ font-style: var(--wy-headings-font-style);
3730
+ font-weight: var(--wy-headings-font-weight);
3731
+ line-height: var(--wy-headings-line-height);
3732
+ margin-top: 0.5rem;
3733
+ margin-bottom: 0.5rem;
3734
+ font-weight: 400;
3735
+ font-size: 2.5rem;
3736
+ line-height: 3rem;
3737
+ }
3738
+
3739
+ .wy-headline {
3740
+ margin-top: 0.5rem;
3741
+ margin-bottom: 0.5rem;
3742
+ font-style: var(--wy-headings-font-style);
3743
+ font-weight: var(--wy-headings-font-weight);
3744
+ line-height: var(--wy-headings-line-height);
3745
+ margin-top: 0.5rem;
3746
+ margin-bottom: 0.5rem;
3747
+ font-weight: 400;
3748
+ font-size: 1.5rem;
3749
+ line-height: 2rem;
3750
+ }
3751
+
3752
+ .wy-label {
3753
+ margin-top: 0.5rem;
3754
+ margin-bottom: 0.5rem;
3755
+ font-style: var(--wy-headings-font-style);
3756
+ font-weight: var(--wy-headings-font-weight);
3757
+ line-height: var(--wy-headings-line-height);
3758
+ margin-top: 0rem;
3759
+ margin-bottom: 0rem;
3760
+ font-weight: 500;
3761
+ font-size: 1rem;
3762
+ line-height: 1.5rem;
3763
+ }
3764
+
3765
+ .wy-typing-show {
3766
+ font-style: italic;
3767
+ display: none;
3768
+ }
3769
+
3770
+ .wy-typing-active .wy-typing-show {
3771
+ display: block;
3772
+ }
3773
+ .wy-typing-active .wy-typing-hide {
3774
+ display: none;
3775
+ }
3776
+
3777
+ .wy-appbar .wy-typing-hide {
3778
+ position: relative;
3779
+ padding: 0 1.25rem;
3780
+ }
3781
+ .wy-appbar .wy-typing-hide .wy-presence.wy-presence-active {
3782
+ top: 0.375rem;
3783
+ left: 0.25rem;
3784
+ }
3785
+
3786
+ .wy-meeting {
3787
+ flex: 1 1 100%;
3788
+ align-items: flex-start;
3789
+ }
3790
+
3791
+ .wy-meeting-actions {
3792
+ margin-top: 0.5rem;
3020
3793
  }
3021
3794
 
3022
3795
  .wy-messenger-provider {
@@ -3027,11 +3800,19 @@ tr.wy-pager td .wy-spinner {
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;