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