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