@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,279 +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-attachment,
22
- .wy-meeting {
23
- width: 100%;
24
- color: #5c5c5c;
25
- text-align: inherit;
26
- }
27
- .wy-attachment:hover,
28
- .wy-meeting:hover, .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-attachment:active,
36
- .wy-meeting:active {
37
- color: #383838;
38
- background-color: #e6e6e6;
39
- }
40
-
41
- .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-attachment:first-child,
51
- .wy-meeting:first-child {
52
- border-top-left-radius: inherit;
53
- border-top-right-radius: inherit;
54
- }
55
- .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-attachment,
61
- .disabled.wy-meeting, .wy-attachment:disabled,
62
- .wy-meeting:disabled {
63
- color: #6b6b6b;
64
- pointer-events: none;
65
- background-color: #fff;
66
- }
67
- .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-attachment + .wy-attachment,
75
- .wy-meeting + .wy-attachment,
76
- .wy-attachment + .wy-meeting,
77
- .wy-meeting + .wy-meeting {
78
- border-top-width: 0;
79
- }
80
- .wy-attachment + .active.wy-attachment,
81
- .wy-meeting + .active.wy-attachment,
82
- .wy-attachment + .active.wy-meeting,
83
- .wy-meeting + .active.wy-meeting {
84
- margin-top: -1px;
85
- border-top-width: 1px;
86
- }
87
-
88
- .wy-attachments,
89
- .wy-meetings {
90
- border: none;
91
- border-radius: 0.25rem;
92
- flex: 1 1 100%;
93
- min-width: 0;
94
- }
95
- .wy-attachments .wy-attachment,
96
- .wy-attachments .wy-meeting,
97
- .wy-meetings .wy-attachment,
98
- .wy-meetings .wy-meeting {
99
- border-left: none;
100
- border-right: none;
101
- }
102
- .wy-attachments > *,
103
- .wy-meetings > * {
104
- padding: 0.25rem 0.5rem;
105
- }
106
- .wy-attachments > :first-child,
107
- .wy-meetings > :first-child {
108
- border-top: none;
290
+ :where([class^=wy-], [class*=" wy-"]):where(label), :where([class^=wy-], [class*=" wy-"]) *:where(label) {
291
+ cursor: inherit;
109
292
  }
110
- .wy-attachments > :last-child,
111
- .wy-meetings > :last-child {
112
- border-bottom: none;
293
+ :where([class^=wy-], [class*=" wy-"])[hidden], :where([class^=wy-], [class*=" wy-"]) *[hidden] {
294
+ display: none !important;
113
295
  }
114
-
115
- .wy-attachment,
116
- .wy-meeting {
117
- display: flex;
118
- align-items: center;
296
+ :where([class^=wy-], [class*=" wy-"]):where([role=button]), :where([class^=wy-], [class*=" wy-"]) *:where([role=button]) {
119
297
  cursor: pointer;
120
298
  }
121
299
 
122
- .wy-attachment-icon {
123
- flex: 0 0 auto;
124
- 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%;
125
306
  }
126
- .wy-attachment-icon .wy-icon, .wy-attachment-icon .wy-icon-stack {
127
- width: 3rem;
128
- height: 3rem;
307
+ .wy-scroll-y:not(body) {
308
+ -webkit-overflow-scrolling: touch;
129
309
  }
130
-
131
- .wy-attachment-content {
132
- flex: 1 1 100%;
133
- min-width: 0;
134
- margin-left: 0.5rem;
135
- margin-right: 0.5rem;
310
+ .wy-scroll-y:not(.wy-scroll-x) {
311
+ overflow-x: hidden;
312
+ touch-action: pan-y;
136
313
  }
137
314
 
138
- .wy-attachment-title {
139
- font-weight: 500;
140
- overflow: hidden;
141
- text-overflow: ellipsis;
142
- white-space: nowrap;
143
- font-size: 1rem;
144
- 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%;
145
321
  }
146
-
147
- .wy-attachment-meta {
148
- overflow: hidden;
149
- text-overflow: ellipsis;
150
- white-space: nowrap;
151
- font-size: 0.875em;
152
- color: #6b6b6b;
322
+ .wy-scroll-x:not(.wy-scroll-y) {
323
+ overflow-y: hidden;
324
+ touch-action: pan-x;
153
325
  }
154
326
 
155
- .wy-input, .wy-input-sm, .wy-avatar-input {
156
- display: block;
157
- width: 100%;
158
- padding: 0.375rem 0.75rem;
159
- font-size: 1rem;
160
- font-weight: 400;
161
- line-height: 1.5;
162
- color: #292929;
163
- background-color: #fff;
164
- background-clip: padding-box;
165
- border: 1px solid #999999;
166
- appearance: none;
167
- border-radius: 0.375rem;
168
- box-shadow: 0;
169
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
170
- }
171
- @media (prefers-reduced-motion: reduce) {
172
- .wy-input, .wy-input-sm, .wy-avatar-input {
173
- transition: none;
174
- }
175
- }
176
- [type=file].wy-input, [type=file].wy-input-sm, [type=file].wy-avatar-input {
177
- overflow: hidden;
178
- }
179
- [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]) {
180
- cursor: pointer;
181
- }
182
- .wy-input:focus, .wy-input-sm:focus, .wy-avatar-input:focus {
183
- color: #292929;
184
- background-color: #fff;
185
- border-color: #8ab5c9;
186
- outline: 0;
187
- box-shadow: 0, 0 0 0 0.25rem rgba(230, 230, 230, 0.25);
188
- }
189
- .wy-input::-webkit-date-and-time-value, .wy-input-sm::-webkit-date-and-time-value, .wy-avatar-input::-webkit-date-and-time-value {
190
- height: 1.5em;
191
- }
192
- .wy-input::placeholder, .wy-input-sm::placeholder, .wy-avatar-input::placeholder {
193
- color: #6b6b6b;
194
- opacity: 1;
195
- }
196
- .wy-input:disabled, .wy-input-sm:disabled, .wy-avatar-input:disabled, [readonly].wy-input, [readonly].wy-input-sm, [readonly].wy-avatar-input {
197
- background-color: #cccccc;
198
- opacity: 1;
199
- }
200
- .wy-input::file-selector-button, .wy-input-sm::file-selector-button, .wy-avatar-input::file-selector-button {
201
- padding: 0.375rem 0.75rem;
202
- margin: -0.375rem -0.75rem;
203
- margin-inline-end: 0.75rem;
204
- color: #292929;
205
- background-color: #cccccc;
206
- pointer-events: none;
207
- border-color: inherit;
208
- border-style: solid;
209
- border-width: 0;
210
- border-inline-end-width: 1px;
211
- border-radius: 0;
212
- 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;
213
330
  }
214
- @media (prefers-reduced-motion: reduce) {
215
- .wy-input::file-selector-button, .wy-input-sm::file-selector-button, .wy-avatar-input::file-selector-button {
216
- transition: none;
331
+ @supports (overflow-y: overlay) {
332
+ .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
333
+ overflow-y: overlay;
217
334
  }
218
335
  }
219
- .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 {
220
- 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;
221
341
  }
222
- .wy-input::-webkit-file-upload-button, .wy-input-sm::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
223
- padding: 0.375rem 0.75rem;
224
- margin: -0.375rem -0.75rem;
225
- margin-inline-end: 0.75rem;
226
- color: #292929;
227
- background-color: #cccccc;
228
- pointer-events: none;
229
- border-color: inherit;
230
- border-style: solid;
231
- border-width: 0;
232
- border-inline-end-width: 1px;
233
- border-radius: 0;
234
- 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;
235
344
  }
236
- @media (prefers-reduced-motion: reduce) {
237
- .wy-input::-webkit-file-upload-button, .wy-input-sm::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
238
- transition: none;
239
- }
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%;
240
351
  }
241
- .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 {
242
- 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%;
243
355
  }
244
-
245
- .wy-input-sm, .wy-avatar-input {
246
- min-height: calc(1.5em + 0.5rem + 2px);
247
- padding: 0.25rem 0.5rem;
248
- font-size: 1rem;
249
- 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%;
250
359
  }
251
- .wy-input-sm::file-selector-button, .wy-avatar-input::file-selector-button {
252
- padding: 0.25rem 0.5rem;
253
- margin: -0.25rem -0.5rem;
254
- 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);
255
362
  }
256
- .wy-input-sm::-webkit-file-upload-button, .wy-avatar-input::-webkit-file-upload-button {
257
- padding: 0.25rem 0.5rem;
258
- margin: -0.25rem -0.5rem;
259
- 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);
260
365
  }
261
366
 
262
- .wy-description {
263
- margin-top: 0.25rem;
264
- font-size: 0.875em;
265
- color: #6b6b6b;
367
+ .wy-block-scroll {
368
+ overflow: hidden !important;
266
369
  }
267
370
 
268
- .wy-label {
269
- 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;
270
381
  }
271
382
 
272
- .wy-is-invalid {
273
- border-color: hsl(6deg, 71.1567324185%, 50%);
274
- }
275
- .wy-is-invalid:focus {
276
- border-color: hsl(6deg, 71.1567324185%, 50%);
383
+ :where(:root, :host > *) {
384
+ --wy-presence-active: var(--wy-green);
277
385
  }
278
386
 
279
387
  .wy-avatar {
@@ -287,201 +395,135 @@
287
395
  text-align: center;
288
396
  }
289
397
 
290
- .wy-avatar-input {
291
- background: #f2f2f2;
292
- border-color: transparent;
293
- text-align: center;
294
- margin-left: auto;
295
- margin-right: auto;
296
- margin-bottom: 1.5rem;
297
- }
298
-
299
398
  .wy-avatar-presence {
300
399
  position: relative;
301
- }
302
-
303
- .wy-avatar-display-name {
304
- font-size: 1.5rem;
305
- font-weight: 300;
306
- line-height: 1.2;
307
- text-align: center;
400
+ display: inline-flex;
308
401
  }
309
402
 
310
403
  .wy-presence {
311
- display: none;
312
- background-color: #e6e6e6;
404
+ background-color: var(--wy-component-background-color, transparent);
313
405
  width: 0.75rem;
314
406
  height: 0.75rem;
315
407
  border-radius: 50%;
316
- outline: 0.125rem solid #fff;
317
408
  position: absolute;
318
409
  bottom: 0;
319
410
  right: -5%;
320
411
  }
321
-
322
- .wy-presence-active {
323
- background-color: #66cc68;
324
- 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;
325
424
  }
326
425
 
327
- .wy-button {
328
- --wy-btn-padding-x: 0.75rem;
329
- --wy-btn-padding-y: 0.375rem;
330
- --wy-btn-font-family: ;
331
- --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);
332
431
  --wy-btn-font-weight: 400;
333
- --wy-btn-line-height: 1.5;
334
- --wy-btn-color: #292929;
335
- --wy-btn-bg: transparent;
336
- --wy-btn-border-width: 1px;
432
+ --wy-btn-line-height: var(--wy-line-height);
433
+ --wy-btn-border-width: 0;
337
434
  --wy-btn-border-color: transparent;
338
- --wy-btn-border-radius: 0.375rem;
339
- --wy-btn-box-shadow: unset;
340
- --wy-btn-disabled-opacity: 0.65;
341
- --wy-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--wy-btn-focus-shadow-rgb), .5);
342
- 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);
343
442
  padding: var(--wy-btn-padding-y) var(--wy-btn-padding-x);
344
443
  font-family: var(--wy-btn-font-family);
345
444
  font-size: var(--wy-btn-font-size);
346
445
  font-weight: var(--wy-btn-font-weight);
347
446
  line-height: var(--wy-btn-line-height);
348
- color: var(--wy-btn-color);
349
447
  text-align: center;
448
+ text-decoration: none;
350
449
  vertical-align: middle;
351
450
  cursor: pointer;
352
451
  user-select: none;
353
452
  border: var(--wy-btn-border-width) solid var(--wy-btn-border-color);
354
453
  border-radius: var(--wy-btn-border-radius);
355
- background-color: var(--wy-btn-bg);
356
- box-shadow: var(--wy-btn-box-shadow);
357
- 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;
358
- }
359
- @media (prefers-reduced-motion: reduce) {
360
- .wy-button {
361
- transition: none;
362
- }
363
- }
364
- .wy-button:hover {
365
- color: var(--wy-btn-hover-color);
366
- background-color: var(--wy-btn-hover-bg);
367
- border-color: var(--wy-btn-hover-border-color);
368
- }
369
- .btn-check:focus + .wy-button, .wy-button:focus {
370
- color: var(--wy-btn-hover-color);
371
- background-color: var(--wy-btn-hover-bg);
372
- border-color: var(--wy-btn-hover-border-color);
373
- outline: 0;
374
- box-shadow: var(--wy-btn-box-shadow), var(--wy-btn-focus-box-shadow);
375
- }
376
- .btn-check:checked + .wy-button, .btn-check:active + .wy-button, .wy-button:active, .active.wy-button, .show.wy-button {
377
- color: var(--wy-btn-active-color);
378
- background-color: var(--wy-btn-active-bg);
379
- border-color: var(--wy-btn-active-border-color);
380
- box-shadow: var(--wy-btn-active-shadow);
381
- }
382
- .btn-check:checked + .wy-button:focus, .btn-check:active + .wy-button:focus, .wy-button:active:focus, .active.wy-button:focus, .show.wy-button:focus {
383
- box-shadow: var(--wy-btn-active-shadow), var(--wy-btn-focus-box-shadow);
384
- }
385
- .wy-button:disabled, .disabled.wy-button, fieldset:disabled .wy-button {
386
- color: var(--wy-btn-disabled-color);
387
- pointer-events: none;
388
- background-color: var(--wy-btn-disabled-bg);
389
- border-color: var(--wy-btn-disabled-border-color);
390
- opacity: var(--wy-btn-disabled-opacity);
391
- box-shadow: none;
392
- }
393
-
394
- .wy-button-primary {
395
- --wy-btn-color: #fff;
396
- --wy-btn-bg: #156B93;
397
- --wy-btn-border-color: #156B93;
398
- --wy-btn-hover-color: #fff;
399
- --wy-btn-hover-bg: #125b7d;
400
- --wy-btn-hover-border-color: #115676;
401
- --wy-btn-focus-shadow-rgb: 56, 129, 163;
402
- --wy-btn-active-color: #fff;
403
- --wy-btn-active-bg: #115676;
404
- --wy-btn-active-border-color: #10506e;
405
- --wy-btn-active-shadow: unset;
406
- --wy-btn-disabled-color: #fff;
407
- --wy-btn-disabled-bg: #156B93;
408
- --wy-btn-disabled-border-color: #156B93;
409
- }
410
-
411
- .wy-button-link {
412
- --wy-btn-font-weight: 400;
413
- --wy-btn-color: var(--wy-link-color);
414
- --wy-btn-bg: transparent;
415
- --wy-btn-border-color: transparent;
416
- --wy-btn-hover-color: var(--wy-link-hover-color);
417
- --wy-btn-hover-border-color: transparent;
418
- --wy-btn-active-color: var(--wy-link-hover-color);
419
- --wy-btn-active-border-color: transparent;
420
- --wy-btn-disabled-color: #6b6b6b;
421
- --wy-btn-disabled-border-color: transparent;
422
- --wy-btn-box-shadow: none;
423
- --wy-btn-focus-shadow-rgb: 56, 129, 163;
424
- text-decoration: none;
425
- }
426
- .wy-button-link:focus {
427
- color: var(--wy-btn-color);
428
- }
429
- .wy-button-link:hover {
430
- color: var(--wy-btn-hover-color);
431
- }
432
-
433
- .wy-button {
434
454
  display: inline-flex;
435
455
  align-items: center;
436
456
  justify-content: center;
437
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%;
438
480
  }
439
481
  .wy-button:not(.wy-button-icon) .wy-icon:first-child {
440
- margin-left: -0.25rem;
482
+ margin-left: -0.5rem;
441
483
  }
442
484
  .wy-button:not(.wy-button-icon) .wy-icon:last-child {
443
- margin-right: -0.25rem;
444
- }
445
-
446
- .wy-button:not(.wy-button-link, .wy-button-primary) {
447
- --wy-btn-hover-border-color: transparent;
448
- --wy-btn-active-border-color: transparent;
449
- --wy-btn-hover-color: var(--wy-btn-color);
450
- --wy-btn-hover-bg: rgba(0, 0, 0, 0.04);
451
- --wy-btn-focus-bg: rgba(0, 0, 0, 0.04);
452
- --wy-btn-active-color: var(--wy-btn-color);
453
- --wy-btn-active-bg: rgba(0, 0, 0, 0.12);
485
+ margin-right: -0.5rem;
454
486
  }
455
- .wy-dark .wy-button:not(.wy-button-link, .wy-button-primary) {
456
- color: var(--wy-white);
487
+ .wy-button:disabled {
488
+ opacity: var(--wy-opacity-disabled);
489
+ cursor: unset;
490
+ pointer-events: none;
457
491
  }
458
492
 
459
493
  .wy-button-icon {
460
- width: 2rem;
461
- height: 2rem;
462
- padding: 0.25rem;
494
+ --wy-component-color: var(--wy-on-surface-variant);
495
+ width: 2.5rem;
496
+ height: 2.5rem;
497
+ padding: 0.5rem;
463
498
  line-height: 1;
464
- border-radius: 50%;
499
+ border-radius: var(--wy-border-radius-pill);
465
500
  border-width: 0;
466
501
  }
467
-
468
- .wy-button-icon:not(.wy-button-primary) {
469
- color: rgba(0, 0, 0, 0.54);
502
+ .wy-button-icon.wy-active {
503
+ --wy-component-color: var(--wy-primary);
470
504
  }
471
- .wy-button-icon:not(.wy-button-primary):hover .wy-icon {
472
- 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);
473
509
  }
474
- .wy-dark .wy-button-icon:not(.wy-button-primary) {
475
- 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);
476
514
  }
477
- .wy-dark .wy-button-icon:not(.wy-button-primary) .wy-icon {
478
- color: rgba(255, 255, 255, 0.7);
515
+
516
+ .wy-button-primary-text {
517
+ --wy-component-color: var(--wy-primary);
479
518
  }
480
- .wy-dark .wy-button-icon:not(.wy-button-primary):hover {
481
- 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));
482
524
  }
483
- .wy-dark .wy-button-icon:not(.wy-button-primary):hover .wy-icon {
484
- 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));
485
527
  }
486
528
 
487
529
  .wy-buttons {
@@ -515,10 +557,10 @@
515
557
  color: #000000;
516
558
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
517
559
  text-align: left;
518
- white-space: pre;
560
+ white-space: pre-wrap;
519
561
  word-spacing: normal;
520
562
  word-break: normal;
521
- word-wrap: normal;
563
+ word-wrap: break-word;
522
564
  line-height: 1.5;
523
565
  -moz-tab-size: 4;
524
566
  -o-tab-size: 4;
@@ -646,10 +688,10 @@
646
688
  color: #d4d4d4;
647
689
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
648
690
  text-align: left;
649
- white-space: pre;
691
+ white-space: pre-wrap;
650
692
  word-spacing: normal;
651
693
  word-break: normal;
652
- word-wrap: normal;
694
+ word-wrap: break-word;
653
695
  line-height: 1.5;
654
696
  -moz-tab-size: 4;
655
697
  -o-tab-size: 4;
@@ -757,69 +799,294 @@
757
799
  font-style: italic;
758
800
  }
759
801
 
760
- .wy-hashtag {
761
- color: #6b6b6b;
802
+ .wy-content {
803
+ overflow-wrap: break-word;
804
+ min-width: 0;
762
805
  }
763
-
764
- .wy-mention {
765
- font-weight: 500;
806
+ .wy-content :not(pre) > code {
807
+ overflow-wrap: inherit;
766
808
  }
767
-
768
- .wy-dropdown-menu {
769
- position: absolute;
770
- 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 {
771
816
  display: none;
772
- min-width: 10rem;
773
- padding: 0.25rem 0;
774
- margin: 0;
775
- font-size: 1rem;
776
- 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;
777
841
  text-align: left;
778
- list-style: none;
779
- background-color: #fff;
780
- background-clip: padding-box;
781
- border: 0 solid var(--wy-border-color-translucent);
782
- border-radius: 0.375rem;
783
- 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;
784
854
  }
785
- [data-bs-popper].wy-dropdown-menu {
786
- top: 100%;
787
- left: 0;
788
- 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
+ }
789
861
  }
790
-
791
- .wy-dropdown-divider {
792
- height: 0;
793
- margin: 0.25rem 0;
794
- overflow: hidden;
795
- border-top: 1px solid var(--wy-border-color-translucent);
862
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) pre[class*=language-] {
863
+ padding: 1em;
864
+ margin: 0.5em 0;
865
+ overflow: auto;
866
+ }
867
+ :not(.wy-dark) .wy-content :not(pre) > code[class*=language-],
868
+ :not(.wy-dark) .wy-content pre[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-],
869
+ .wy-content:not(.wy-dark) pre[class*=language-] {
870
+ color: white;
871
+ background: #ffffff;
872
+ }
873
+ :not(.wy-dark) .wy-content :not(pre) > code[class*=language-], .wy-content:not(.wy-dark) :not(pre) > code[class*=language-] {
874
+ padding: 0.1em;
875
+ border-radius: 0.3em;
876
+ white-space: normal;
877
+ }
878
+ :not(.wy-dark) .wy-content .token.comment, .wy-content:not(.wy-dark) .token.comment {
879
+ color: #008000;
880
+ }
881
+ :not(.wy-dark) .wy-content .token.builtin, .wy-content:not(.wy-dark) .token.builtin {
882
+ color: #0070C1;
883
+ }
884
+ :not(.wy-dark) .wy-content .token.number, .wy-content:not(.wy-dark) .token.number {
885
+ color: #098658;
886
+ }
887
+ :not(.wy-dark) .wy-content .token.variable, .wy-content:not(.wy-dark) .token.variable {
888
+ color: #098658;
889
+ }
890
+ :not(.wy-dark) .wy-content .token.inserted, .wy-content:not(.wy-dark) .token.inserted {
891
+ color: #098658;
892
+ }
893
+ :not(.wy-dark) .wy-content .token.operator, .wy-content:not(.wy-dark) .token.operator {
894
+ color: #000000;
895
+ }
896
+ :not(.wy-dark) .wy-content .token.constant, .wy-content:not(.wy-dark) .token.constant {
897
+ color: #811F3F;
898
+ }
899
+ :not(.wy-dark) .wy-content .token.hexcode, .wy-content:not(.wy-dark) .token.hexcode {
900
+ color: #811F3F;
901
+ }
902
+ :not(.wy-dark) .wy-content .token.regex, .wy-content:not(.wy-dark) .token.regex {
903
+ color: #811F3F;
904
+ }
905
+ :not(.wy-dark) .wy-content .token.char, .wy-content:not(.wy-dark) .token.char {
906
+ color: #811F3F;
907
+ }
908
+ :not(.wy-dark) .wy-content .token.tag, .wy-content:not(.wy-dark) .token.tag {
909
+ color: #800000;
796
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
+ }
797
957
 
798
- .wy-dropdown-item {
799
- display: block;
800
- width: 100%;
801
- padding: 0.75rem 0.75rem;
802
- clear: both;
803
- font-weight: 400;
804
- color: #292929;
805
- text-align: inherit;
806
- white-space: nowrap;
807
- background-color: transparent;
808
- 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 */
809
966
  }
810
- .wy-dropdown-item:hover, .wy-dropdown-item:focus {
811
- color: #252525;
812
- 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;
813
985
  }
814
- .active.wy-dropdown-item, .wy-dropdown-item:active {
815
- color: #383838;
816
- text-decoration: none;
817
- 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
+ }
818
992
  }
819
- .disabled.wy-dropdown-item, .wy-dropdown-item:disabled {
820
- color: gray;
821
- pointer-events: none;
822
- 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;
823
1090
  }
824
1091
 
825
1092
  .wy-dropdown,
@@ -839,8 +1106,29 @@
839
1106
  }
840
1107
 
841
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;
842
1125
  display: block;
843
1126
  }
1127
+ .wy-dropdown-menu[data-bs-popper] {
1128
+ top: 100%;
1129
+ left: 0;
1130
+ margin-top: 0.25rem;
1131
+ }
844
1132
  .wy-dropup .wy-dropdown-menu {
845
1133
  top: auto;
846
1134
  bottom: 100%;
@@ -859,16 +1147,51 @@
859
1147
  }
860
1148
 
861
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;
862
1165
  cursor: pointer;
863
1166
  display: flex;
864
1167
  align-items: center;
865
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
+ }
866
1189
  .wy-dropdown-item > img, .wy-dropdown-item .wy-icon {
867
1190
  margin-right: 0.5rem;
868
- color: rgba(0, 0, 0, 0.54);
1191
+ color: inherit;
869
1192
  }
870
1193
  .wy-dropdown-item:active > .wy-icon {
871
- color: rgba(0, 0, 0, 0.54);
1194
+ color: inherit;
872
1195
  }
873
1196
  .wy-dropdown-item.wy-option .wy-icon {
874
1197
  visibility: hidden;
@@ -877,6 +1200,14 @@
877
1200
  visibility: visible;
878
1201
  }
879
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
+
880
1211
  .wy-emoji {
881
1212
  width: 1.25rem;
882
1213
  height: 1.25rem;
@@ -890,77 +1221,174 @@
890
1221
  flex: 0 0 auto;
891
1222
  position: relative;
892
1223
  }
893
- .wy-icon:not([width]) {
894
- width: 1.5rem;
1224
+ .wy-icon:not([width]) {
1225
+ width: 1.5rem;
1226
+ }
1227
+ .wy-icon:not([height]) {
1228
+ height: 1.5rem;
1229
+ }
1230
+
1231
+ .wy-icon-overlay {
1232
+ position: absolute;
1233
+ bottom: 0;
1234
+ right: 0;
1235
+ background: var(--wy-component-background-color, var(--wy-background));
1236
+ border-radius: 50%;
1237
+ border: 1px solid var(--wy-component-background-color, var(--wy-background));
1238
+ }
1239
+
1240
+ .wy-icon-stack {
1241
+ display: inline-flex;
1242
+ position: relative;
1243
+ line-height: 1;
1244
+ }
1245
+ .wy-icon-stack .wy-icon:last-child {
1246
+ position: absolute;
1247
+ bottom: 0;
1248
+ right: 0;
1249
+ background-color: var(--wy-component-background-color, var(--wy-background));
1250
+ border-radius: 50%;
1251
+ }
1252
+
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-]) * {
1276
+ fill: currentColor;
1277
+ }
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
+
1294
+ .wy-icon-primary * {
1295
+ fill: var(--wy-primary);
1296
+ }
1297
+
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);
895
1336
  }
896
- .wy-icon:not([height]) {
897
- height: 1.5rem;
1337
+
1338
+ .wy-icon-cyan * {
1339
+ fill: var(--wy-cyan);
898
1340
  }
899
1341
 
900
- .wy-icon-overlay {
901
- position: absolute;
902
- bottom: 0;
903
- right: 0;
904
- background: var(--wy-white);
905
- border-radius: 50%;
906
- border: 1px solid var(--wy-white);
1342
+ .wy-icon-gray * {
1343
+ fill: var(--wy-gray);
907
1344
  }
908
1345
 
909
- .wy-icon-stack {
910
- display: inline-block;
911
- position: relative;
912
- line-height: 1;
913
- width: 1.5rem;
914
- height: 1.5rem;
1346
+ [class*=wy-kind-] * {
1347
+ fill: var(--wy-gray);
915
1348
  }
916
- .wy-icon-stack .wy-icon:first-child {
917
- width: 100%;
918
- height: 100%;
1349
+
1350
+ .wy-kind-archive * {
1351
+ fill: var(--wy-orange);
919
1352
  }
920
- .wy-icon-stack .wy-icon:last-child {
921
- position: absolute;
922
- bottom: 0;
923
- right: 0;
924
- width: 50%;
925
- height: 50%;
926
- background-color: var(--wy-body-bg);
927
- border-radius: 50%;
1353
+
1354
+ .wy-kind-audio * {
1355
+ fill: var(--wy-teal);
928
1356
  }
929
1357
 
930
- .wy-icon:not([class*=wy-icon-]) * {
931
- fill: currentColor;
1358
+ .wy-kind-code * {
1359
+ fill: var(--wy-green);
932
1360
  }
933
1361
 
934
- .wy-icon-primary * {
935
- fill: var(--wy-primary);
1362
+ .wy-kind-document * {
1363
+ fill: var(--wy-blue);
936
1364
  }
937
1365
 
938
- .wy-icon-secondary * {
939
- fill: var(--wy-secondary);
1366
+ .wy-kind-email * {
1367
+ fill: var(--wy-red);
940
1368
  }
941
1369
 
942
- .wy-icon-success * {
943
- fill: var(--wy-success);
1370
+ .wy-kind-presentation * {
1371
+ fill: var(--wy-orange);
944
1372
  }
945
1373
 
946
- .wy-icon-info * {
947
- fill: var(--wy-info);
1374
+ .wy-kind-spreadsheet * {
1375
+ fill: var(--wy-green);
948
1376
  }
949
1377
 
950
- .wy-icon-warning * {
951
- fill: var(--wy-warning);
1378
+ .wy-kind-image * {
1379
+ fill: var(--wy-pink);
952
1380
  }
953
1381
 
954
- .wy-icon-danger * {
955
- fill: var(--wy-danger);
1382
+ .wy-kind-text * {
1383
+ fill: var(--wy-cyan);
956
1384
  }
957
1385
 
958
- .wy-icon-light * {
959
- fill: var(--wy-light);
1386
+ .wy-kind-video * {
1387
+ fill: var(--wy-purple);
960
1388
  }
961
1389
 
962
- .wy-icon-dark * {
963
- fill: var(--wy-dark);
1390
+ .wy-ext-pdf * {
1391
+ fill: var(--wy-red);
964
1392
  }
965
1393
 
966
1394
  .wy-image-grid {
@@ -968,7 +1396,7 @@
968
1396
  flex-wrap: wrap;
969
1397
  justify-content: space-evenly;
970
1398
  position: relative;
971
- border-radius: 0.375rem;
1399
+ border-radius: var(--wy-border-radius);
972
1400
  overflow: hidden;
973
1401
  column-gap: 1px;
974
1402
  row-gap: 1px;
@@ -1000,8 +1428,7 @@
1000
1428
  .wy-image-grid .wy-more {
1001
1429
  position: absolute;
1002
1430
  line-height: 100%;
1003
- color: #fff;
1004
- background: rgba(0, 0, 0, 0.5);
1431
+ color: #ffffff;
1005
1432
  top: 0;
1006
1433
  left: 0;
1007
1434
  bottom: 0;
@@ -1010,113 +1437,303 @@
1010
1437
  align-items: center;
1011
1438
  justify-content: center;
1012
1439
  font-size: 1.5rem;
1440
+ background: rgba(0, 0, 0, var(--wy-opacity-disabled));
1013
1441
  }
1014
1442
 
1015
- .wy-table-reactions {
1016
- --bs-table-bg: transparent;
1017
- --bs-table-accent-bg: transparent;
1018
- --bs-table-striped-color: var(--wy-body-color);
1019
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
1020
- --bs-table-active-color: var(--wy-body-color);
1021
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
1022
- --bs-table-hover-color: var(--wy-body-color);
1023
- --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;
1024
1450
  width: 100%;
1025
- margin-bottom: 1rem;
1026
- color: var(--wy-body-color);
1027
- vertical-align: top;
1028
- 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);
1029
1459
  }
1030
- .wy-table-reactions > :not(caption) > * > * {
1031
- padding: 0.5rem 0.5rem;
1032
- background-color: var(--bs-table-bg);
1033
- border-bottom-width: 1px;
1034
- 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;
1035
1465
  }
1036
- .wy-table-reactions > tbody {
1037
- vertical-align: inherit;
1466
+ .wy-input::placeholder {
1467
+ color: var(--wy-outline);
1468
+ opacity: 1;
1038
1469
  }
1039
- .wy-table-reactions > thead {
1040
- vertical-align: bottom;
1470
+ .wy-input:disabled {
1471
+ opacity: 38%;
1041
1472
  }
1042
-
1043
- .wy-table-reactions {
1044
- table-layout: fixed;
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;
1045
1485
  }
1046
- .wy-table-reactions th:first-child, .wy-table-reactions th:last-child, .wy-table-reactions td:first-child, .wy-table-reactions td:last-child {
1047
- color: rgba(0, 0, 0, 0.54) !important;
1048
- vertical-align: middle;
1049
- text-align: center;
1050
- padding: 0.25rem 0.5rem;
1051
- width: 2.5rem;
1052
- font-size: 1rem;
1053
- font-weight: 400;
1054
- text-transform: none;
1055
- letter-spacing: normal;
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);
1056
1488
  }
1057
- .wy-table-reactions th:first-child, .wy-table-reactions td:first-child {
1058
- padding-right: 0;
1489
+ .wy-input[type=file] {
1490
+ overflow: hidden;
1059
1491
  }
1060
- .wy-table-reactions th:last-child, .wy-table-reactions td:last-child {
1061
- padding-left: 0;
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;
1062
1500
  }
1063
1501
 
1064
- .wy-table-trashed th, .wy-table-trashed td {
1065
- color: #6b6b6b;
1066
- text-decoration: line-through;
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);
1067
1509
  }
1068
- .wy-table-trashed th:not(:last-child), .wy-table-trashed td:not(:last-child) {
1069
- opacity: 0.65;
1510
+ .wy-input-filled:focus {
1511
+ border-color: var(--wy-outline-variant);
1070
1512
  }
1071
- .wy-table-trashed th > a, .wy-table-trashed td > a {
1072
- color: #6b6b6b;
1513
+
1514
+ .wy-is-invalid, .wy-is-invalid:focus {
1515
+ border-color: var(--wy-error);
1073
1516
  }
1074
- .wy-table-trashed:hover th, .wy-table-trashed:hover td {
1075
- opacity: 1;
1517
+
1518
+ .wy-description {
1519
+ margin-top: 0.25rem;
1520
+ font-size: var(--wy-font-size-sm);
1076
1521
  }
1077
1522
 
1078
- .wy-reaction-count {
1079
- margin: 0 0.25rem;
1080
- line-height: 1;
1081
- color: #6b6b6b;
1082
- font-size: 0.875rem;
1523
+ .wy-input-label {
1524
+ display: block;
1525
+ margin-bottom: 0.5rem;
1083
1526
  }
1084
1527
 
1085
- .wy-reaction-menu {
1086
- padding: 0.5rem;
1087
- font-size: 1.125rem;
1088
- border-radius: 2.5rem;
1528
+ .wy-input-group {
1529
+ position: relative;
1530
+ }
1531
+ .wy-input-group > .wy-icon {
1532
+ position: absolute;
1533
+ top: 0rem;
1534
+ left: 0rem;
1535
+ z-index: 4;
1536
+ }
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;
1089
1559
  }
1090
1560
 
1091
- .wy-reaction-picker {
1561
+ .wy-item {
1562
+ position: relative;
1092
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;
1093
1569
  }
1094
- .wy-reaction-picker .wy-reaction-button {
1095
- color: unset;
1570
+ .wy-item > .wy-avatar, .wy-item > .wy-icon, .wy-item > .wy-icon-stack {
1571
+ margin-left: -0.25rem;
1096
1572
  }
1097
1573
 
1098
- .wy-reactions {
1099
- display: inline-flex;
1100
- align-items: center;
1101
- column-gap: 0.125rem;
1574
+ .wy-item-body {
1575
+ width: 100%;
1576
+ overflow: hidden;
1577
+ text-overflow: ellipsis;
1578
+ white-space: nowrap;
1102
1579
  }
1103
- .wy-reactions:empty {
1104
- display: none;
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;
1105
1590
  }
1106
1591
 
1107
- .wy-table-reactions td:first-child {
1108
- width: 2rem;
1109
- padding-left: 0;
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;
1110
1598
  }
1111
- .wy-table-reactions td:nth-child(2) {
1112
- width: 100%;
1599
+
1600
+ .wy-item-text {
1601
+ color: var(--wy-outline);
1113
1602
  overflow: hidden;
1114
1603
  text-overflow: ellipsis;
1115
1604
  white-space: nowrap;
1605
+ font-size: var(--wy-font-size-sm);
1116
1606
  }
1117
- .wy-table-reactions td:last-child {
1118
- width: 2rem;
1119
- padding-right: 0;
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 {
1656
+ margin: 0 0.25rem;
1657
+ white-space: nowrap;
1658
+ }
1659
+
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;
1696
+ }
1697
+
1698
+ .wy-list {
1699
+ border-radius: var(--wy-border-radius-sm);
1700
+ display: flex;
1701
+ flex-direction: column;
1702
+ gap: 1px;
1703
+ min-width: 0;
1704
+ }
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);
1710
+ }
1711
+ .wy-list .wy-item:first-child {
1712
+ border-top-left-radius: inherit;
1713
+ border-top-right-radius: inherit;
1714
+ }
1715
+ .wy-list .wy-item:last-child {
1716
+ border-bottom-left-radius: inherit;
1717
+ border-bottom-right-radius: inherit;
1718
+ }
1719
+
1720
+ .wy-list-bordered {
1721
+ border: 1px solid var(--wy-outline-variant);
1722
+ gap: 0;
1723
+ }
1724
+ .wy-list-bordered .wy-item {
1725
+ border-top: 1px solid var(--wy-outline-variant);
1726
+ border-left: none;
1727
+ border-right: none;
1728
+ }
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;
1120
1737
  }
1121
1738
 
1122
1739
  .wy-messages {
@@ -1129,18 +1746,19 @@
1129
1746
  }
1130
1747
 
1131
1748
  .wy-date-separator {
1132
- font-size: 0.75rem;
1749
+ font-size: var(--wy-font-size-xs);
1133
1750
  pointer-events: none;
1134
1751
  margin: 0.5rem;
1135
1752
  text-align: center;
1136
1753
  position: sticky;
1137
1754
  top: 1.5rem;
1138
- z-index: 2;
1755
+ z-index: 10;
1139
1756
  }
1140
1757
  .wy-date-separator time {
1141
- background: #f2f2f2;
1758
+ background: var(--wy-surface-3);
1759
+ color: var(--wy-on-surface);
1142
1760
  padding: 0.25rem 0.5rem;
1143
- border-radius: 0.375rem;
1761
+ border-radius: var(--wy-border-radius-sm);
1144
1762
  display: inline-block;
1145
1763
  }
1146
1764
 
@@ -1156,54 +1774,39 @@
1156
1774
  }
1157
1775
  .wy-message .wy-image-grid,
1158
1776
  .wy-message .wy-attachments {
1159
- border-radius: 0.5rem;
1160
- }
1161
- .wy-message:hover .wy-message-buttons {
1162
- opacity: 1;
1163
- }
1164
- .wy-message .wy-reaction-menu {
1165
- right: 0;
1777
+ border-radius: var(--wy-border-radius);
1166
1778
  }
1167
1779
 
1168
1780
  .wy-message-meta {
1169
- font-size: 0.75rem;
1781
+ font-size: var(--wy-font-size-xs);
1170
1782
  margin: 0 0 0.25rem 0.25rem;
1171
- color: #6b6b6b;
1783
+ color: var(--wy-on-surface-variant);
1172
1784
  }
1173
1785
 
1174
1786
  .wy-message-bubble {
1175
- background-color: #f2f2f2;
1176
- 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);
1177
1792
  display: flex;
1178
- flex-direction: row;
1179
- flex-wrap: wrap;
1793
+ flex-direction: column;
1180
1794
  padding: 0.75rem;
1795
+ gap: 0.75rem;
1181
1796
  max-width: min(32rem, 100% - 2rem);
1182
- min-width: 10rem;
1183
1797
  }
1184
1798
  .wy-message-bubble > div {
1185
- margin-bottom: 0.5rem;
1186
1799
  flex: 1 1 100%;
1187
1800
  }
1188
- .wy-message-bubble > div:last-of-type {
1189
- margin-bottom: 0;
1190
- }
1191
-
1192
- .wy-message-text {
1193
- overflow-wrap: break-word;
1194
- min-width: 0;
1195
- }
1196
- .wy-message-text :not(pre) > code {
1197
- overflow-wrap: inherit;
1198
- }
1199
- .wy-message-text pre, .wy-message-text pre > code {
1200
- white-space: pre-wrap;
1201
- }
1202
- .wy-message-text :last-child {
1203
- margin-bottom: 0;
1204
- }
1205
- .wy-message-text:empty {
1206
- 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;
1207
1810
  }
1208
1811
 
1209
1812
  .wy-message-author {
@@ -1219,15 +1822,6 @@
1219
1822
  min-width: 0;
1220
1823
  position: relative;
1221
1824
  }
1222
- .wy-message-content .wy-reactions {
1223
- position: absolute;
1224
- bottom: -0.75rem;
1225
- left: 0.75rem;
1226
- background: #f2f2f2;
1227
- border-radius: 1.5rem;
1228
- border: 1px solid #f2f2f2;
1229
- padding: 0.125rem;
1230
- }
1231
1825
 
1232
1826
  .wy-message-content-row {
1233
1827
  display: flex;
@@ -1236,14 +1830,6 @@
1236
1830
  max-width: 100%;
1237
1831
  }
1238
1832
 
1239
- .wy-message-buttons {
1240
- display: flex;
1241
- flex-direction: row;
1242
- column-gap: 0.25rem;
1243
- margin: 0.25rem;
1244
- opacity: 0;
1245
- }
1246
-
1247
1833
  .wy-message-me {
1248
1834
  margin-right: 0;
1249
1835
  margin-left: 2.5rem;
@@ -1258,32 +1844,31 @@
1258
1844
  .wy-message-me .wy-message-content-row {
1259
1845
  flex-direction: row-reverse;
1260
1846
  }
1261
- .wy-message-me .wy-message-buttons {
1262
- flex-direction: row-reverse;
1263
- }
1264
1847
  .wy-message-me .wy-message-bubble {
1265
- 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);
1266
1852
  }
1267
- .wy-message-me .wy-reaction-menu {
1268
- justify-content: flex-start;
1269
- right: auto;
1853
+ .wy-message-me .wy-reactions-line {
1854
+ flex-direction: row;
1270
1855
  }
1271
- .wy-message-me .wy-reactions {
1272
- background: #e9f6fc;
1273
- border-color: #e9f6fc;
1274
- left: auto;
1275
- right: 0.75rem;
1856
+ .wy-message-me .wy-reactions-line .wy-dropdown-menu {
1857
+ right: 0;
1276
1858
  }
1277
1859
 
1278
1860
  .wy-message-emoji .wy-message-bubble {
1279
1861
  background: none;
1280
- padding: 0;
1862
+ padding: 0 0 0.75rem;
1281
1863
  }
1282
- .wy-message-emoji .wy-message-text .wy-emoji {
1864
+ .wy-message-emoji .wy-content .wy-emoji {
1283
1865
  width: 3rem;
1284
1866
  height: 3rem;
1285
1867
  margin: 0;
1286
1868
  }
1869
+ .wy-message-emoji.wy-message-me .wy-content {
1870
+ text-align: end;
1871
+ }
1287
1872
 
1288
1873
  .wy-readby-status {
1289
1874
  display: flex;
@@ -1295,48 +1880,51 @@
1295
1880
  margin-left: 0.25rem;
1296
1881
  }
1297
1882
 
1298
- .wy-message-toaster {
1299
- position: sticky;
1300
- top: 3.5rem;
1301
- bottom: 3.5rem;
1302
- cursor: pointer;
1303
- z-index: 3;
1304
- border-radius: 50rem;
1305
- background-color: #156B93;
1306
- color: #fff;
1307
- padding: 0.5rem 1rem;
1308
- margin-left: auto;
1309
- margin-right: auto;
1310
- margin-bottom: 0.5rem;
1311
- font-size: 0.875rem;
1312
- width: max-content;
1313
- align-self: center;
1314
- text-align: center;
1315
- color: #fff;
1316
- }
1317
-
1318
1883
  .wy-message-readmore {
1319
1884
  justify-self: center;
1320
1885
  text-align: center;
1321
1886
  }
1322
1887
 
1323
- .wy-message-editor {
1324
- backface-visibility: hidden;
1325
- 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);
1326
1891
  }
1327
1892
  @supports (position: sticky) {
1328
- .wy-message-editor {
1893
+ .wy-message-editor-top {
1329
1894
  position: sticky;
1330
- bottom: 0;
1895
+ top: 0;
1331
1896
  z-index: 1020;
1332
1897
  }
1333
1898
  }
1334
- @supports (backdrop-filter: blur(0.5rem)) {
1335
- .wy-message-editor {
1336
- 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;
1337
1909
  }
1338
1910
  }
1339
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
+
1340
1928
  .wy-message-form .wy-spinner {
1341
1929
  display: none;
1342
1930
  }
@@ -1347,19 +1935,18 @@
1347
1935
  display: none;
1348
1936
  }
1349
1937
  .wy-message-form .wy-picker-list:not(:empty) {
1350
- border-top: 1px solid #cccccc;
1938
+ border-top: 1px solid var(--wy-outline-variant);
1351
1939
  }
1352
1940
 
1353
1941
  .wy-message-editor-inputs {
1354
1942
  display: flex;
1355
1943
  flex-direction: row;
1356
1944
  align-items: flex-end;
1357
- border-top: 1px solid rgba(204, 204, 204, 0.95);
1358
- padding: 0.5rem;
1359
- min-height: 3rem;
1945
+ padding: 0.5rem 0.25rem;
1946
+ min-height: 3.5rem;
1360
1947
  }
1361
1948
  .wy-message-editor-inputs > :not(:last-child) {
1362
- margin-right: 0.5rem;
1949
+ margin-right: 0.25rem;
1363
1950
  }
1364
1951
 
1365
1952
  .wy-message-editor-buttons {
@@ -1372,21 +1959,36 @@
1372
1959
  flex-direction: column;
1373
1960
  }
1374
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
+
1375
1972
  .wy-message-editor-grow::after,
1376
1973
  .wy-message-editor-grow > textarea,
1377
1974
  .wy-message-editor-textfield {
1378
1975
  flex: 1 1 100%;
1379
- outline: #f2f2f2 solid 1px;
1380
- max-height: 10.2rem;
1381
- background-color: #fff;
1382
- border-radius: 1rem;
1383
- 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);
1384
1986
  }
1385
1987
 
1386
1988
  .wy-message-editor-textcontent {
1387
- font-family: var(--wy-font-sans-serif);
1388
- font-size: 1rem;
1389
- 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);
1390
1992
  }
1391
1993
 
1392
1994
  .wy-message-editor-grow {
@@ -1406,6 +2008,15 @@
1406
2008
  overflow: hidden;
1407
2009
  }
1408
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
+
1409
2020
  .wy-viewport {
1410
2021
  position: fixed;
1411
2022
  top: 0;
@@ -1434,7 +2045,7 @@
1434
2045
  perspective-origin: center center;
1435
2046
  }
1436
2047
  .wy-overlays .wy-panel {
1437
- background-color: rgba(255, 255, 255, 0.95);
2048
+ background-color: var(--wy-background);
1438
2049
  }
1439
2050
  .wy-overlays .wy-panel:not(.wy-transition) {
1440
2051
  transform: translateZ(-4rem) !important;
@@ -1446,7 +2057,7 @@
1446
2057
  transition: opacity 0.1s 0.2s step-end;
1447
2058
  }
1448
2059
  .wy-overlays .wy-panel .wy-controls .wy-icon {
1449
- color: rgba(0, 0, 0, 0.54);
2060
+ color: var(--wy-on-surface);
1450
2061
  }
1451
2062
  .wy-overlays .wy-panel.wy-loaded .wy-controls {
1452
2063
  pointer-events: none;
@@ -1455,57 +2066,6 @@
1455
2066
  .wy-overlays .wy-panel .wy-panel-frame {
1456
2067
  background-color: transparent;
1457
2068
  }
1458
- .wy-overlays .wy-panel.wy-controls-light .wy-icon {
1459
- color: rgba(0, 0, 0, 0.54);
1460
- }
1461
- .wy-overlays .wy-panel.wy-light {
1462
- background-color: rgba(255, 255, 255, 0.95);
1463
- }
1464
- .wy-overlays .wy-panel.wy-light .wy-icon {
1465
- color: rgba(0, 0, 0, 0.54);
1466
- }
1467
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon {
1468
- color: rgba(255, 255, 255, 0.62);
1469
- }
1470
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-controls-dark .wy-icon:focus {
1471
- color: rgba(255, 255, 255, 0.95);
1472
- }
1473
- .wy-overlays .wy-panel.wy-controls-dark .wy-icon:active {
1474
- color: #fff;
1475
- }
1476
- .wy-overlays .wy-panel.wy-dark {
1477
- background-color: rgba(21, 21, 21, 0.95);
1478
- }
1479
- .wy-overlays .wy-panel.wy-dark .wy-icon {
1480
- color: rgba(255, 255, 255, 0.62);
1481
- }
1482
- .wy-overlays .wy-panel.wy-dark .wy-icon:hover, .wy-overlays .wy-panel.wy-dark .wy-icon:focus {
1483
- color: rgba(255, 255, 255, 0.95);
1484
- }
1485
- .wy-overlays .wy-panel.wy-dark .wy-icon:active {
1486
- color: #fff;
1487
- }
1488
- .wy-overlays .wy-panel.wy-dark.wy-open[data-title]::before {
1489
- background-color: rgba(41, 41, 41, 0.95);
1490
- color: rgba(255, 255, 255, 0.62);
1491
- box-shadow: rgba(71, 71, 71, 0.95) 0px -1px 0px 0px inset;
1492
- }
1493
- @media (min-width: 768px) {
1494
- .wy-overlays .wy-panel.wy-floating {
1495
- left: 1rem;
1496
- top: 1rem;
1497
- right: 1rem;
1498
- bottom: 1rem;
1499
- border-radius: 0.1875rem;
1500
- 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);
1501
- }
1502
- .wy-overlays .wy-panel.wy-floating:not(.wy-scroll-y) {
1503
- overflow: hidden;
1504
- }
1505
- }
1506
- .wy-overlays .wy-panel.wy-modal {
1507
- background-color: rgba(255, 255, 255, 0.95);
1508
- }
1509
2069
  @media (min-width: 768px) {
1510
2070
  .wy-overlays .wy-panel.wy-modal {
1511
2071
  left: auto;
@@ -1516,8 +2076,8 @@
1516
2076
  margin-top: auto;
1517
2077
  margin-right: 4rem;
1518
2078
  margin-bottom: auto;
1519
- border-radius: 0.25rem;
1520
- 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);
1521
2081
  width: 32rem;
1522
2082
  max-height: 32rem;
1523
2083
  }
@@ -1525,8 +2085,24 @@
1525
2085
  overflow: hidden;
1526
2086
  }
1527
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
+ }
1528
2104
  .wy-overlays .wy-panel.wy-loading .wy-controls {
1529
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2105
+ transition: opacity var(--wy-transition);
1530
2106
  opacity: 1;
1531
2107
  }
1532
2108
 
@@ -1534,7 +2110,7 @@
1534
2110
  pointer-events: none;
1535
2111
  }
1536
2112
 
1537
- a.wy-pager {
2113
+ :not(tr).wy-pager {
1538
2114
  display: block;
1539
2115
  text-align: center;
1540
2116
  margin: 1rem auto;
@@ -1549,11 +2125,17 @@ tr.wy-pager td .wy-spinner {
1549
2125
  margin: 1rem auto;
1550
2126
  }
1551
2127
 
2128
+ .wy-grid .wy-pager {
2129
+ display: flex;
2130
+ }
2131
+
1552
2132
  .wy-pane {
1553
- min-height: 100vh;
1554
2133
  display: flex;
1555
2134
  flex-direction: column;
1556
2135
  position: relative;
2136
+ min-height: 0;
2137
+ height: 100%;
2138
+ flex: 1 1 auto;
1557
2139
  }
1558
2140
 
1559
2141
  .wy-pane-body {
@@ -1563,7 +2145,14 @@ tr.wy-pager td .wy-spinner {
1563
2145
  }
1564
2146
 
1565
2147
  .wy-pane-group {
1566
- 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);
1567
2156
  }
1568
2157
 
1569
2158
  .wy-panels {
@@ -1585,34 +2174,36 @@ tr.wy-pager td .wy-spinner {
1585
2174
  left: 0;
1586
2175
  pointer-events: none;
1587
2176
  overflow: hidden;
1588
- background-color: rgba(255, 255, 255, 0.95);
2177
+ background-color: var(--wy-background);
1589
2178
  display: flex;
1590
2179
  flex-direction: column;
1591
2180
  }
1592
2181
  .wy-panel .wy-controls {
1593
- top: 0.75rem;
1594
- left: 0.75rem;
1595
- min-width: 2rem;
2182
+ top: 0.25rem;
2183
+ left: 0.25rem;
2184
+ min-width: 2.5rem;
1596
2185
  width: auto;
1597
2186
  display: flex;
1598
2187
  z-index: 10000;
1599
2188
  order: -1;
1600
2189
  flex-direction: row-reverse;
1601
- border-bottom: 1px solid #cccccc;
2190
+ border-bottom: 1px solid var(--wy-outline-variant);
1602
2191
  }
1603
2192
  .wy-panel .wy-controls:empty {
1604
2193
  display: none;
1605
2194
  }
1606
2195
  .wy-panel .wy-controls .wy-icon {
1607
- color: rgba(0, 0, 0, 0.54);
2196
+ color: var(--wy-on-background);
1608
2197
  }
1609
2198
  .wy-panel .wy-panel-frame {
1610
- 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;
1611
2201
  opacity: 1;
1612
2202
  }
1613
2203
  .wy-panel:not(.wy-loaded) .wy-panel-frame {
1614
2204
  opacity: 0;
1615
- transition: opacity 0.2s 0.1s step-start;
2205
+ transition: opacity 0.2s step-start;
2206
+ transition-delay: 0.1s;
1616
2207
  }
1617
2208
  .wy-panel.wy-open {
1618
2209
  pointer-events: all;
@@ -1625,19 +2216,20 @@ tr.wy-pager td .wy-spinner {
1625
2216
  left: 0;
1626
2217
  right: 0;
1627
2218
  height: 3rem;
1628
- padding: 0.5rem 0.5rem;
2219
+ padding: 0.25rem;
1629
2220
  opacity: 0;
1630
2221
  pointer-events: none;
1631
2222
  display: flex;
1632
2223
  align-items: center;
1633
2224
  justify-content: center;
1634
- transition: opacity 0.1s 0.2s step-end;
1635
- 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);
1636
- line-height: 1.5;
1637
- font-weight: 400;
1638
- background-color: rgba(242, 242, 242, 0.95);
1639
- color: rgba(0, 0, 0, 0.69);
1640
- 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;
1641
2233
  backface-visibility: hidden;
1642
2234
  }
1643
2235
  @supports (backdrop-filter: blur(0.5rem)) {
@@ -1654,14 +2246,15 @@ tr.wy-pager td .wy-spinner {
1654
2246
  right: 0;
1655
2247
  pointer-events: none;
1656
2248
  opacity: 0;
1657
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
2249
+ transition: opacity var(--wy-transition);
2250
+ transition-duration: 0s;
1658
2251
  }
1659
2252
  .wy-panel.wy-open.wy-loading[data-title]::before {
1660
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1661
2253
  opacity: 1;
1662
2254
  }
1663
2255
  .wy-panel.wy-open.wy-loading::after {
1664
- 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;
1665
2258
  opacity: 1;
1666
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");
1667
2260
  background-repeat: no-repeat;
@@ -1673,10 +2266,10 @@ tr.wy-pager td .wy-spinner {
1673
2266
  .wy-panel {
1674
2267
  opacity: 0;
1675
2268
  visibility: hidden;
1676
- 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);
1677
2270
  }
1678
2271
  .wy-panel.wy-open {
1679
- 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;
1680
2273
  visibility: visible;
1681
2274
  }
1682
2275
  .wy-panel.wy-open.wy-transition {
@@ -1690,6 +2283,8 @@ tr.wy-pager td .wy-spinner {
1690
2283
  }
1691
2284
 
1692
2285
  .wy-picker-list {
2286
+ background: var(--wy-component-background-color);
2287
+ color: var(--wy-component-color);
1693
2288
  border: none;
1694
2289
  }
1695
2290
  .wy-picker-list > .wy-picker-list-item:first-child, .wy-picker-list > :first-child .wy-picker-list-item {
@@ -1721,28 +2316,51 @@ tr.wy-pager td .wy-spinner {
1721
2316
  white-space: nowrap;
1722
2317
  }
1723
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
+
1724
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);
1725
2334
  display: flex;
2335
+ flex-direction: column;
1726
2336
  align-items: center;
1727
- justify-content: center;
1728
- height: calc(100% - 3rem - 1px);
2337
+ justify-content: space-around;
1729
2338
  position: relative;
1730
- background-color: #fff;
2339
+ flex: 1 1 100%;
2340
+ min-width: 16rem;
2341
+ min-height: 16rem;
2342
+ max-height: 100%;
2343
+ max-width: 100%;
1731
2344
  }
1732
- .wy-dark .wy-preview, .wy-preview.wy-dark {
1733
- 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;
1734
2354
  }
1735
2355
 
1736
2356
  .wy-nav-prev, .wy-nav-next {
1737
- 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;
1738
2361
  top: 50%;
1739
2362
  z-index: 1000;
1740
- }
1741
- .wy-nav-prev .wy-button-icon, .wy-nav-next .wy-button-icon {
1742
- background-color: #f2f2f2;
1743
- }
1744
- .wy-dark .wy-nav-prev .wy-button-icon, .wy-dark .wy-nav-next .wy-button-icon {
1745
- background-color: rgba(41, 41, 41, 0.95);
2363
+ border-radius: 50%;
1746
2364
  }
1747
2365
 
1748
2366
  .wy-nav-prev {
@@ -1754,78 +2372,38 @@ tr.wy-pager td .wy-spinner {
1754
2372
  }
1755
2373
 
1756
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);
1757
2379
  align-self: flex-start;
1758
- background-color: #fff;
1759
- color: #000;
1760
- padding: 2rem 3rem;
2380
+ padding: 2rem 3.5rem;
1761
2381
  width: 100%;
1762
2382
  min-height: 100%;
2383
+ flex: 1 0 auto;
1763
2384
  }
1764
2385
  @media (min-width: 768px) {
1765
2386
  .wy-document {
1766
2387
  padding: 3rem 4rem;
1767
- margin: 2rem 3.5rem;
2388
+ margin: 2rem auto;
1768
2389
  border-radius: 0.125rem;
1769
- 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);
1770
2391
  width: 120ch;
1771
2392
  min-height: 170ch;
1772
- max-width: 100%;
1773
- }
1774
- }
1775
-
1776
- .wy-toolbar {
1777
- position: fixed;
1778
- z-index: 1030;
1779
- bottom: 1.5rem;
1780
- left: 0;
1781
- right: 0;
1782
- height: 3rem;
1783
- display: flex;
1784
- justify-content: center;
1785
- }
1786
- .wy-toolbar span {
1787
- margin-left: 0.25rem;
1788
- }
1789
- .wy-toolbar .wy-input {
1790
- text-align: center;
1791
- border-color: transparent;
1792
- }
1793
-
1794
- .wy-tools {
1795
- background-color: rgba(242, 242, 242, 0.95);
1796
- color: #000;
1797
- border-radius: 0.375rem;
1798
- display: flex;
1799
- align-items: center;
1800
- backface-visibility: hidden;
1801
- }
1802
- @supports (backdrop-filter: blur(0.5rem)) {
1803
- .wy-tools {
1804
- backdrop-filter: blur(0.5rem);
2393
+ max-width: calc(100% - 3.5rem);
1805
2394
  }
1806
2395
  }
1807
- .wy-dark .wy-tools {
1808
- background-color: rgba(41, 41, 41, 0.95);
1809
- color: rgba(255, 255, 255, 0.62);
1810
- }
1811
- .wy-dark .wy-tools .wy-icon {
1812
- color: rgba(255, 255, 255, 0.62);
1813
- }
1814
- .wy-dark .wy-tools .wy-input {
1815
- background-color: rgba(0, 0, 0, 0.5);
1816
- color: rgba(255, 255, 255, 0.62);
1817
- }
1818
-
1819
- .wy-tool {
1820
- display: flex;
1821
- align-items: center;
1822
- margin: 0 0.5rem;
1823
- }
1824
2396
 
1825
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
+ */
1826
2404
  align-self: flex-start;
1827
2405
  width: 100%;
1828
- padding: 1rem 3rem;
2406
+ padding: 2rem 3.5rem;
1829
2407
  }
1830
2408
 
1831
2409
  .wy-content-iframe {
@@ -1833,10 +2411,15 @@ tr.wy-pager td .wy-spinner {
1833
2411
  display: block;
1834
2412
  width: 100%;
1835
2413
  height: 100%;
2414
+ top: 0;
2415
+ left: 0;
1836
2416
  flex: 1 1 100%;
1837
2417
  }
1838
2418
  .wy-content-iframe.wy-loaded {
1839
- 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);
1840
2423
  }
1841
2424
  .wy-content-iframe.wy-loaded ~ .wy-content-iframe-fallback, .wy-content-iframe.wy-loaded ~ .wy-spinner {
1842
2425
  display: none;
@@ -1862,33 +2445,6 @@ tr.wy-pager td .wy-spinner {
1862
2445
  white-space: pre-wrap;
1863
2446
  }
1864
2447
 
1865
- .wy-content-icon {
1866
- background-color: #fff;
1867
- border-radius: 0.5rem;
1868
- display: flex;
1869
- align-items: center;
1870
- flex-direction: column;
1871
- text-align: center;
1872
- padding: 1rem 2rem;
1873
- }
1874
- .wy-content-icon .wy-icon-stack, .wy-content-icon .wy-icon {
1875
- width: 8rem;
1876
- height: 8rem;
1877
- }
1878
- .wy-dark .wy-content-icon {
1879
- background-color: rgba(41, 41, 41, 0.95);
1880
- color: rgba(255, 255, 255, 0.62);
1881
- }
1882
- .wy-dark .wy-content-icon a {
1883
- color: #79c7ec;
1884
- }
1885
- .wy-dark .wy-content-icon .wy-icon {
1886
- color: rgba(255, 255, 255, 0.7);
1887
- }
1888
- .wy-dark .wy-content-icon .wy-icon-stack .wy-icon:last-child {
1889
- background-color: rgba(41, 41, 41, 0.95);
1890
- }
1891
-
1892
2448
  .wy-content-image {
1893
2449
  min-width: 0;
1894
2450
  display: flex;
@@ -1898,32 +2454,18 @@ tr.wy-pager td .wy-spinner {
1898
2454
  margin: auto;
1899
2455
  max-height: 100%;
1900
2456
  max-width: 100%;
1901
- }
1902
- .wy-content-image.wy-intrinsic-image {
1903
- object-fit: scale-down;
1904
- }
1905
- .wy-content-image:not(.wy-intrinsic-image) {
1906
- height: 100%;
1907
- width: 100%;
1908
- --max-width: min(calc((100vh - 3rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
1909
- --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
1910
- /* // With sidebar
1911
- body.controller-content & {
1912
- --max-width: min(calc((100vh - 6rem) * (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
-
1915
- @include bs.media-breakpoint-up(lg) {
1916
- --max-width: min(calc((100vh - 3rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
1917
- --max-height: min(calc((100vw - 20rem) * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
1918
- }
1919
- } */
1920
- max-width: var(--max-width);
1921
- max-height: var(--max-height);
1922
- 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;
1923
2465
  }
1924
2466
  .wy-content-image.wy-zoom {
1925
2467
  cursor: zoom-out;
1926
- 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;
1927
2469
  }
1928
2470
  .wy-content-image img {
1929
2471
  min-width: 0;
@@ -1961,6 +2503,7 @@ tr.wy-pager td .wy-spinner {
1961
2503
  min-height: 0;
1962
2504
  max-width: 100%;
1963
2505
  max-height: 100%;
2506
+ flex: 1 1 auto;
1964
2507
  }
1965
2508
 
1966
2509
  .wy-content-video, .wy-content-audio {
@@ -1976,7 +2519,7 @@ tr.wy-pager td .wy-spinner {
1976
2519
  outline: none;
1977
2520
  }
1978
2521
 
1979
- :root {
2522
+ :root, :host > * {
1980
2523
  --pdfViewer-padding-bottom: 0;
1981
2524
  --page-margin: 2rem auto;
1982
2525
  --page-border: none;
@@ -1986,7 +2529,7 @@ tr.wy-pager td .wy-spinner {
1986
2529
  }
1987
2530
 
1988
2531
  @media screen and (forced-colors: active) {
1989
- :root {
2532
+ :root, :host > * {
1990
2533
  --pdfViewer-padding-bottom: 9px;
1991
2534
  --page-margin: 9px auto 0;
1992
2535
  --page-border: none;
@@ -2048,7 +2591,7 @@ tr.wy-pager td .wy-spinner {
2048
2591
  }
2049
2592
  .wy-scrollbars .wy-content-pdf .wy-pdf-container {
2050
2593
  scrollbar-width: thin;
2051
- scrollbar-color: rgba(128, 128, 128, 0.75) transparent;
2594
+ scrollbar-color: var(--wy-outline) transparent;
2052
2595
  }
2053
2596
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar {
2054
2597
  height: 0.625rem;
@@ -2060,16 +2603,19 @@ tr.wy-pager td .wy-spinner {
2060
2603
  background: transparent;
2061
2604
  }
2062
2605
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb {
2063
- background-color: rgba(128, 128, 128, 0.75);
2606
+ background-color: var(--wy-outline);
2064
2607
  border: 0.125rem solid transparent;
2065
2608
  border-radius: 0.5rem;
2066
2609
  background-clip: padding-box;
2610
+ opacity: 75%;
2067
2611
  }
2068
2612
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:hover {
2069
- background-color: rgba(92, 92, 92, 0.75);
2613
+ background-color: var(--wy-outline-variant);
2614
+ opacity: 75%;
2070
2615
  }
2071
2616
  .wy-scrollbars .wy-content-pdf .wy-pdf-container::-webkit-scrollbar-thumb:window-inactive {
2072
- background-color: rgba(128, 128, 128, 0.5);
2617
+ background-color: var(--wy-outline);
2618
+ opacity: 50%;
2073
2619
  }
2074
2620
  @supports (overflow-y: overlay) {
2075
2621
  .wy-scrollbars .wy-content-pdf .wy-pdf-container {
@@ -2622,8 +3168,8 @@ tr.wy-pager td .wy-spinner {
2622
3168
  overflow: visible;
2623
3169
  border: var(--page-border);
2624
3170
  background-clip: content-box;
2625
- 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);
2626
- background-color: rgb(255, 255, 255);
3171
+ box-shadow: var(--wy-shadow-level2);
3172
+ background-color: #ffffff;
2627
3173
  }
2628
3174
  .wy-content-pdf .pdfViewer .dummyPage {
2629
3175
  position: relative;
@@ -2713,95 +3259,87 @@ tr.wy-pager td .wy-spinner {
2713
3259
  white-space: pre-wrap;
2714
3260
  }
2715
3261
 
2716
- .wy-scroll-y {
2717
- overflow-y: auto;
2718
- touch-action: pan-y, pan-x;
2719
- will-change: scroll-position, opacity;
2720
- backface-visibility: hidden;
2721
- max-height: 100%;
2722
- }
2723
- .wy-scroll-y:not(body) {
2724
- -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);
2725
3266
  }
2726
- .wy-scroll-y:not(.wy-scroll-x) {
2727
- overflow-x: hidden;
2728
- touch-action: pan-y;
3267
+
3268
+ .wy-reaction-menu {
3269
+ padding: 0.25rem;
3270
+ font-size: 1.125rem;
3271
+ border-radius: 2.5rem;
2729
3272
  }
2730
3273
 
2731
- .wy-scroll-x {
2732
- overflow-x: auto;
2733
- touch-action: pan-y, pan-x;
2734
- will-change: scroll-position, opacity;
2735
- backface-visibility: hidden;
2736
- max-width: 100%;
3274
+ .wy-reaction-picker {
3275
+ display: flex;
2737
3276
  }
2738
- .wy-scroll-x:not(.wy-scroll-y) {
2739
- overflow-y: hidden;
2740
- touch-action: pan-x;
3277
+ .wy-reaction-picker .wy-reaction-button {
3278
+ color: unset;
2741
3279
  }
2742
3280
 
2743
- .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
2744
- scrollbar-width: thin;
2745
- 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;
2746
3285
  }
2747
- @supports (overflow-y: overlay) {
2748
- .wy-scrollbars.wy-scroll-y, .wy-scrollbars .wy-scroll-y {
2749
- overflow-y: overlay;
2750
- }
3286
+ .wy-reactions:empty {
3287
+ display: none;
2751
3288
  }
2752
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar {
2753
- height: 0.625rem;
2754
- width: 0.625rem;
2755
- background: transparent;
2756
- z-index: 999;
3289
+
3290
+ .wy-table-reactions td:first-child {
3291
+ width: 3rem;
2757
3292
  }
2758
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-track, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-track {
2759
- background: transparent;
3293
+ .wy-table-reactions td:nth-child(2) {
3294
+ width: 100%;
2760
3295
  }
2761
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb {
2762
- background-color: rgba(128, 128, 128, 0.75);
2763
- border: 0.125rem solid transparent;
2764
- border-radius: 0.5rem;
2765
- background-clip: padding-box;
3296
+ .wy-table-reactions tr:last-child td {
3297
+ box-shadow: none;
2766
3298
  }
2767
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:hover, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:hover {
2768
- 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
+ }*/
2769
3306
  }
2770
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-thumb:window-inactive, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-thumb:window-inactive {
2771
- 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;
2772
3314
  }
2773
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:start, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:start {
2774
- height: var(--wy-scrollbar-adjust-top, 0);
3315
+ .wy-reactions-line .wy-reactions > .wy-emoji:first-child {
3316
+ margin-left: 0.125rem;
2775
3317
  }
2776
- .wy-scrollbars.wy-scroll-y::-webkit-scrollbar-button:vertical:end, .wy-scrollbars .wy-scroll-y::-webkit-scrollbar-button:vertical:end {
2777
- height: var(--wy-scrollbar-adjust-bottom, 0);
3318
+ .wy-reactions-line .wy-reactions > .wy-emoji:last-child {
3319
+ margin-right: 0.125rem;
2778
3320
  }
2779
-
2780
- .wy-block-scroll {
2781
- 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;
2782
3326
  }
2783
3327
 
2784
- .wy-scrollbar-detection {
2785
- position: fixed;
2786
- top: 0;
2787
- left: 0;
2788
- width: 8rem;
2789
- height: 8rem;
2790
- overflow: scroll;
2791
- z-index: -99999;
2792
- pointer-events: none;
2793
- visibility: hidden;
3328
+ .wy-spinner, .wy-icon[data-icon=spinner] {
3329
+ align-self: center;
3330
+ justify-self: center;
3331
+ margin: auto;
2794
3332
  }
2795
-
2796
- svg.wy-spinner circle {
3333
+ .wy-spinner circle, .wy-icon[data-icon=spinner] circle {
2797
3334
  stroke-dasharray: 1, 100;
2798
3335
  stroke-dashoffset: 0;
2799
3336
  transform-origin: center;
3337
+ fill: none !important;
2800
3338
  }
2801
- svg.wy-spinner.wy-spin {
3339
+ .wy-spinner.wy-spin, .wy-icon[data-icon=spinner].wy-spin {
2802
3340
  animation: wy-rotate 1.4s linear infinite;
2803
3341
  }
2804
- svg.wy-spinner.wy-spin circle {
3342
+ .wy-spinner.wy-spin circle, .wy-icon[data-icon=spinner].wy-spin circle {
2805
3343
  animation: wy-dash 1.4s ease-in-out infinite, wy-color 2.8s ease-in-out infinite;
2806
3344
  }
2807
3345
 
@@ -2826,18 +3364,57 @@ svg.wy-spinner.wy-spin circle {
2826
3364
  }
2827
3365
  @keyframes wy-color {
2828
3366
  0%, 100% {
2829
- stroke: hsl(217deg, 77.2287735849%, 50%);
3367
+ stroke: var(--wy-primary);
2830
3368
  }
2831
3369
  25% {
2832
- stroke: hsl(6deg, 71.1567324185%, 50%);
3370
+ stroke: var(--wy-primary);
2833
3371
  }
2834
3372
  50% {
2835
- stroke: hsl(55deg, 81.2875214408%, 50%);
3373
+ stroke: transparent;
2836
3374
  }
2837
3375
  75% {
2838
- stroke: hsl(121deg, 50.2009084556%, 50%);
3376
+ stroke: var(--wy-primary);
2839
3377
  }
2840
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
+
2841
3418
  .wy-typing-show {
2842
3419
  font-style: italic;
2843
3420
  display: none;
@@ -2858,3 +3435,12 @@ svg.wy-spinner.wy-spin circle {
2858
3435
  top: 0.375rem;
2859
3436
  left: 0.25rem;
2860
3437
  }
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
+ }