@eventuras/scribo 0.8.3 → 0.10.7

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 (164) hide show
  1. package/dist/App.d.ts +11 -0
  2. package/dist/App.d.ts.map +1 -0
  3. package/dist/MarkdownEditor.d.ts +18 -0
  4. package/dist/MarkdownEditor.d.ts.map +1 -0
  5. package/dist/MarkdownEditor2.js +111 -0
  6. package/dist/MarkdownEditor2.js.map +1 -0
  7. package/dist/MarkdownInput.d.ts +27 -0
  8. package/dist/MarkdownInput.d.ts.map +1 -0
  9. package/dist/MarkdownInput.js +57 -0
  10. package/dist/MarkdownInput.js.map +1 -0
  11. package/dist/callout.js +5 -0
  12. package/dist/context/SharedHistoryContext.d.ts +11 -0
  13. package/dist/context/SharedHistoryContext.d.ts.map +1 -0
  14. package/dist/context/SharedHistoryContext.js +12 -0
  15. package/dist/context/SharedHistoryContext.js.map +1 -0
  16. package/dist/index.d.ts +1 -0
  17. package/dist/index.d.ts.map +1 -0
  18. package/dist/main.d.ts +5 -0
  19. package/dist/main.d.ts.map +1 -0
  20. package/dist/main.js +4 -0
  21. package/dist/nodes/EditorNodes.d.ts +4 -0
  22. package/dist/nodes/EditorNodes.d.ts.map +1 -0
  23. package/dist/nodes/EditorNodes.js +39 -0
  24. package/dist/nodes/EditorNodes.js.map +1 -0
  25. package/dist/nodes/callout/CalloutComponent.d.ts +6 -0
  26. package/dist/nodes/callout/CalloutComponent.d.ts.map +1 -0
  27. package/dist/nodes/callout/CalloutComponent.js +53 -0
  28. package/dist/nodes/callout/CalloutComponent.js.map +1 -0
  29. package/dist/nodes/callout/CalloutNode.d.ts +27 -0
  30. package/dist/nodes/callout/CalloutNode.d.ts.map +1 -0
  31. package/dist/nodes/callout/CalloutNode.js +153 -0
  32. package/dist/nodes/callout/CalloutNode.js.map +1 -0
  33. package/dist/nodes/callout/CalloutTransformer.d.ts +3 -0
  34. package/dist/nodes/callout/CalloutTransformer.d.ts.map +1 -0
  35. package/dist/nodes/callout/CalloutTransformer.js +48 -0
  36. package/dist/nodes/callout/CalloutTransformer.js.map +1 -0
  37. package/dist/nodes/callout/calloutPlugin.d.ts +3 -0
  38. package/dist/nodes/callout/calloutPlugin.d.ts.map +1 -0
  39. package/dist/nodes/callout/calloutPlugin.js +34 -0
  40. package/dist/nodes/callout/calloutPlugin.js.map +1 -0
  41. package/dist/nodes/callout/index.d.ts +6 -0
  42. package/dist/nodes/callout/index.d.ts.map +1 -0
  43. package/dist/nodes/schedule/ScheduleItemComponent.d.ts +9 -0
  44. package/dist/nodes/schedule/ScheduleItemComponent.d.ts.map +1 -0
  45. package/dist/nodes/schedule/ScheduleItemComponent.js +167 -0
  46. package/dist/nodes/schedule/ScheduleItemComponent.js.map +1 -0
  47. package/dist/nodes/schedule/ScheduleItemNode.d.ts +31 -0
  48. package/dist/nodes/schedule/ScheduleItemNode.d.ts.map +1 -0
  49. package/dist/nodes/schedule/ScheduleItemNode.js +94 -0
  50. package/dist/nodes/schedule/ScheduleItemNode.js.map +1 -0
  51. package/dist/nodes/schedule/ScheduleTransformer.d.ts +22 -0
  52. package/dist/nodes/schedule/ScheduleTransformer.d.ts.map +1 -0
  53. package/dist/nodes/schedule/ScheduleTransformer.js +60 -0
  54. package/dist/nodes/schedule/ScheduleTransformer.js.map +1 -0
  55. package/dist/nodes/schedule/index.d.ts +5 -0
  56. package/dist/nodes/schedule/index.d.ts.map +1 -0
  57. package/dist/nodes/schedule/schedulePlugin.d.ts +3 -0
  58. package/dist/nodes/schedule/schedulePlugin.d.ts.map +1 -0
  59. package/dist/nodes/schedule/schedulePlugin.js +33 -0
  60. package/dist/nodes/schedule/schedulePlugin.js.map +1 -0
  61. package/dist/plugins/AutoLinkPlugin.d.ts +3 -0
  62. package/dist/plugins/AutoLinkPlugin.d.ts.map +1 -0
  63. package/dist/plugins/AutoLinkPlugin.js +22 -0
  64. package/dist/plugins/AutoLinkPlugin.js.map +1 -0
  65. package/dist/plugins/FloatingLinkEditorPlugin.d.ts +7 -0
  66. package/dist/plugins/FloatingLinkEditorPlugin.d.ts.map +1 -0
  67. package/dist/plugins/FloatingLinkEditorPlugin2.js +302 -0
  68. package/dist/plugins/FloatingLinkEditorPlugin2.js.map +1 -0
  69. package/dist/plugins/HistoryPlugin.d.ts +26 -0
  70. package/dist/plugins/HistoryPlugin.d.ts.map +1 -0
  71. package/dist/plugins/LinkPlugin.d.ts +3 -0
  72. package/dist/plugins/LinkPlugin.d.ts.map +1 -0
  73. package/dist/plugins/LinkPlugin.js +18 -0
  74. package/dist/plugins/LinkPlugin.js.map +1 -0
  75. package/dist/plugins/ToolbarPlugin.d.ts +7 -0
  76. package/dist/plugins/ToolbarPlugin.d.ts.map +1 -0
  77. package/dist/plugins/ToolbarPlugin.js +372 -0
  78. package/dist/plugins/ToolbarPlugin.js.map +1 -0
  79. package/dist/schedule.js +4 -0
  80. package/dist/scribo.css +1977 -0
  81. package/dist/themes/EditorTheme.d.ts +4 -0
  82. package/dist/themes/EditorTheme.d.ts.map +1 -0
  83. package/dist/themes/EditorTheme2.js +107 -0
  84. package/dist/themes/EditorTheme2.js.map +1 -0
  85. package/dist/types.d.ts +26 -0
  86. package/dist/types.d.ts.map +1 -0
  87. package/dist/ui/ContentEditable.d.ts +6 -0
  88. package/dist/ui/ContentEditable.d.ts.map +1 -0
  89. package/dist/ui/ContentEditable2.js +14 -0
  90. package/dist/ui/ContentEditable2.js.map +1 -0
  91. package/dist/ui/DropDown.d.ts +18 -0
  92. package/dist/ui/DropDown.d.ts.map +1 -0
  93. package/dist/ui/DropDown.js +162 -0
  94. package/dist/ui/DropDown.js.map +1 -0
  95. package/dist/ui/Placeholder.d.ts +6 -0
  96. package/dist/ui/Placeholder.d.ts.map +1 -0
  97. package/dist/ui/Placeholder2.js +13 -0
  98. package/dist/ui/Placeholder2.js.map +1 -0
  99. package/dist/utils/environment.d.ts +24 -0
  100. package/dist/utils/environment.d.ts.map +1 -0
  101. package/dist/utils/environment.js +20 -0
  102. package/dist/utils/environment.js.map +1 -0
  103. package/dist/utils/getSelectedNode.d.ts +3 -0
  104. package/dist/utils/getSelectedNode.d.ts.map +1 -0
  105. package/dist/utils/getSelectedNode.js +23 -0
  106. package/dist/utils/getSelectedNode.js.map +1 -0
  107. package/dist/utils/setFloatingElemPosition.d.ts +2 -0
  108. package/dist/utils/setFloatingElemPosition.d.ts.map +1 -0
  109. package/dist/utils/setFloatingElemPositionForLinkEditor.d.ts +2 -0
  110. package/dist/utils/setFloatingElemPositionForLinkEditor.d.ts.map +1 -0
  111. package/dist/utils/setFloatingElemPositionForLinkEditor.js +33 -0
  112. package/dist/utils/setFloatingElemPositionForLinkEditor.js.map +1 -0
  113. package/dist/utils/url.d.ts +11 -0
  114. package/dist/utils/url.d.ts.map +1 -0
  115. package/dist/utils/url.js +33 -0
  116. package/dist/utils/url.js.map +1 -0
  117. package/dist/vite.svg +1 -0
  118. package/package.json +55 -38
  119. package/src/MarkdownEditor.css +61 -47
  120. package/src/MarkdownEditor.tsx +76 -29
  121. package/src/MarkdownInput.tsx +9 -10
  122. package/src/context/SharedHistoryContext.tsx +8 -16
  123. package/src/main.tsx +3 -3
  124. package/src/nodes/EditorNodes.ts +10 -10
  125. package/src/nodes/callout/Callout.css +94 -0
  126. package/src/nodes/callout/CalloutComponent.tsx +61 -0
  127. package/src/nodes/callout/CalloutNode.ts +197 -0
  128. package/src/nodes/callout/CalloutTransformer.ts +87 -0
  129. package/src/nodes/callout/calloutPlugin.ts +37 -0
  130. package/src/nodes/callout/index.ts +5 -0
  131. package/src/nodes/schedule/ScheduleItem.css +140 -0
  132. package/src/nodes/schedule/ScheduleItemComponent.tsx +195 -0
  133. package/src/nodes/schedule/ScheduleItemNode.ts +135 -0
  134. package/src/nodes/schedule/ScheduleTransformer.ts +80 -0
  135. package/src/nodes/schedule/index.ts +4 -0
  136. package/src/nodes/schedule/schedulePlugin.ts +33 -0
  137. package/src/plugins/AutoLinkPlugin.tsx +5 -10
  138. package/src/plugins/FloatingLinkEditorPlugin.tsx +42 -66
  139. package/src/plugins/HistoryPlugin.tsx +20 -30
  140. package/src/plugins/LinkPlugin.tsx +2 -3
  141. package/src/plugins/ToolbarPlugin.tsx +129 -141
  142. package/src/themes/EditorTheme.css +9 -5
  143. package/src/themes/EditorTheme.ts +89 -90
  144. package/src/types.ts +27 -0
  145. package/src/ui/ContentEditable.tsx +5 -5
  146. package/src/ui/DropDown.tsx +23 -41
  147. package/src/ui/Placeholder.tsx +21 -21
  148. package/src/utils/environment.ts +6 -12
  149. package/src/utils/getSelectedNode.ts +3 -5
  150. package/src/utils/setFloatingElemPosition.ts +2 -5
  151. package/src/utils/setFloatingElemPositionForLinkEditor.ts +1 -1
  152. package/src/utils/url.ts +4 -10
  153. package/tsconfig.json +8 -0
  154. package/CHANGELOG.md +0 -65
  155. package/README.md +0 -126
  156. package/RELEASE.md +0 -102
  157. package/eslint.config.js +0 -4
  158. package/src/App.css +0 -35
  159. package/src/App.tsx +0 -42
  160. package/src/index.tsx +0 -13
  161. package/tsconfig.node.json +0 -11
  162. package/vite.config.site.ts +0 -19
  163. package/vite.config.ts +0 -33
  164. /package/{src → dist}/vite-env.d.ts +0 -0
@@ -0,0 +1,1977 @@
1
+ /* Callout container (ElementNode) */
2
+ .callout-editor {
3
+ position: relative;
4
+ border-left: 4px solid;
5
+ border-radius: 0.375rem;
6
+ padding: 2rem 0.75rem 0.75rem;
7
+ margin: 0.5rem 0;
8
+ min-height: 3rem;
9
+ }
10
+
11
+ .callout-editor--note {
12
+ border-color: #2563eb;
13
+ background: rgba(37, 99, 235, 0.06);
14
+ }
15
+
16
+ .callout-editor--tip {
17
+ border-color: #16a34a;
18
+ background: rgba(22, 163, 74, 0.06);
19
+ }
20
+
21
+ .callout-editor--important {
22
+ border-color: #7c3aed;
23
+ background: rgba(124, 58, 237, 0.06);
24
+ }
25
+
26
+ .callout-editor--warning {
27
+ border-color: #d97706;
28
+ background: rgba(217, 119, 6, 0.06);
29
+ }
30
+
31
+ .callout-editor--caution {
32
+ border-color: #dc2626;
33
+ background: rgba(220, 38, 38, 0.06);
34
+ }
35
+
36
+ /* Toolbar rendered directly inside callout element */
37
+ .callout-toolbar {
38
+ position: absolute;
39
+ top: 0.25rem;
40
+ left: 0.5rem;
41
+ right: 0.5rem;
42
+ display: flex;
43
+ align-items: center;
44
+ gap: 0.25rem;
45
+ user-select: none;
46
+ }
47
+
48
+ .callout-toolbar-icon {
49
+ font-size: 0.875rem;
50
+ line-height: 1;
51
+ }
52
+
53
+ .callout-toolbar-type {
54
+ font: inherit;
55
+ font-weight: 600;
56
+ font-size: 0.75rem;
57
+ border: none;
58
+ background: transparent;
59
+ cursor: pointer;
60
+ padding: 0.125rem 0.25rem;
61
+ border-radius: 0.25rem;
62
+ color: inherit;
63
+ }
64
+
65
+ .callout-toolbar-type:hover {
66
+ background: rgba(0, 0, 0, 0.06);
67
+ }
68
+
69
+ .callout-toolbar-remove {
70
+ margin-left: auto;
71
+ border: 1px solid rgba(0, 0, 0, 0.12);
72
+ background: #f7f7f7;
73
+ cursor: pointer;
74
+ padding: 0 0.375rem;
75
+ color: #595959;
76
+ font-size: 0.875rem;
77
+ line-height: 1.5;
78
+ border-radius: 0.25rem;
79
+ transition:
80
+ color 0.15s,
81
+ background 0.15s,
82
+ border-color 0.15s;
83
+ }
84
+
85
+ .callout-toolbar-remove:hover {
86
+ color: #991b1b;
87
+ background: #f3e4e4;
88
+ border-color: rgba(153, 27, 27, 0.35);
89
+ }
90
+
91
+ /* Content paragraphs inside callout */
92
+ .callout-editor p {
93
+ margin: 0.25rem 0;
94
+ }
95
+ /**
96
+ *
97
+ * Modified from the work of Meta Platforms, Inc. and affiliates
98
+ *
99
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
100
+ *
101
+ * This source code is licensed under the MIT license found in the
102
+ * LICENSE file in the root directory of this source tree.
103
+ *
104
+ * Source: https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/index.css
105
+ */
106
+
107
+ .editor-shell {
108
+ margin: 10px auto;
109
+ border-radius: 2px;
110
+ color: #000;
111
+ position: relative;
112
+ line-height: 1.7;
113
+ font-weight: 400;
114
+ }
115
+
116
+ [data-theme="dark"] .editor-shell,
117
+ [data-color-scheme="dark"] .editor-shell {
118
+ color: #e5e5e5;
119
+ }
120
+
121
+ .editor-shell .editor-container {
122
+ background: #fff;
123
+ position: relative;
124
+ display: block;
125
+ border-bottom-left-radius: 10px;
126
+ border-bottom-right-radius: 10px;
127
+ }
128
+
129
+ [data-theme="dark"] .editor-shell .editor-container,
130
+ [data-color-scheme="dark"] .editor-shell .editor-container {
131
+ background: rgba(255, 255, 255, 0.05);
132
+ }
133
+
134
+ .editor-shell .editor-container.tree-view {
135
+ border-radius: 0;
136
+ }
137
+
138
+ .editor-shell .editor-container.plain-text {
139
+ border-top-left-radius: 10px;
140
+ border-top-right-radius: 10px;
141
+ }
142
+
143
+ .editor-scroller {
144
+ min-height: 150px;
145
+ border: 0;
146
+ display: flex;
147
+ position: relative;
148
+ outline: 0;
149
+ z-index: 0;
150
+ overflow: auto;
151
+ resize: vertical;
152
+ }
153
+
154
+ .editor {
155
+ flex: auto;
156
+ position: relative;
157
+ z-index: -1;
158
+ }
159
+
160
+ .editor p {
161
+ margin: 0 0 1em 0;
162
+ }
163
+
164
+ .editor h1,
165
+ .editor h2,
166
+ .editor h3,
167
+ .editor h4,
168
+ .editor h5,
169
+ .editor h6 {
170
+ margin: 1em 0 0.5em 0;
171
+ line-height: 1.3;
172
+ }
173
+
174
+ .editor h1 {
175
+ font-size: 1.75em;
176
+ }
177
+
178
+ .editor h2 {
179
+ font-size: 1.5em;
180
+ }
181
+
182
+ .editor h3 {
183
+ font-size: 1.25em;
184
+ }
185
+
186
+ .editor h4 {
187
+ font-size: 1.1em;
188
+ }
189
+
190
+ .editor h5,
191
+ .editor h6 {
192
+ font-size: 1em;
193
+ }
194
+
195
+ .editor h1:first-child,
196
+ .editor h2:first-child,
197
+ .editor h3:first-child,
198
+ .editor h4:first-child,
199
+ .editor h5:first-child,
200
+ .editor h6:first-child {
201
+ margin-top: 0;
202
+ }
203
+
204
+ .editor blockquote {
205
+ margin: 1em 0;
206
+ padding-left: 1em;
207
+ border-left: 3px solid #ddd;
208
+ }
209
+
210
+ [data-theme="dark"] .editor blockquote,
211
+ [data-color-scheme="dark"] .editor blockquote {
212
+ border-left-color: #555;
213
+ }
214
+
215
+ .editor ul {
216
+ list-style-type: disc;
217
+ padding: 10px 0 !important;
218
+ padding-left: 20px !important;
219
+ }
220
+
221
+ .editor-shell pre {
222
+ line-height: 1.1;
223
+ background: #222;
224
+ color: #fff;
225
+ margin: 0;
226
+ padding: 10px;
227
+ font-size: 12px;
228
+ overflow: auto;
229
+ max-height: 400px;
230
+ }
231
+
232
+ .editor-shell pre::-webkit-scrollbar {
233
+ background: transparent;
234
+ width: 10px;
235
+ }
236
+
237
+ .editor-shell pre::-webkit-scrollbar-thumb {
238
+ background: #999;
239
+ }
240
+
241
+ i.bold {
242
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-bold'%3E%3Cpath d='M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z'/%3E%3C/svg%3E");
243
+ }
244
+
245
+ i.italic {
246
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-italic'%3E%3Cpath d='M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z'/%3E%3C/svg%3E");
247
+ }
248
+
249
+ i.code {
250
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-code'%3E%3Cpath d='M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8l3.147-3.146zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8l-3.147-3.146z'/%3E%3C/svg%3E");
251
+ }
252
+
253
+ i.underline {
254
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-underline'%3E%3Cpath d='M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57-1.709 0-2.687-1.08-2.687-2.57V3.136zM12.5 15h-9v-1h9v1z'/%3E%3C/svg%3E");
255
+ }
256
+
257
+ i.strikethrough {
258
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-strikethrough'%3E%3Cpath d='M6.333 5.686c0 .31.083.581.27.814H5.166a2.776 2.776 0 0 1-.099-.76c0-1.627 1.436-2.768 3.48-2.768 1.969 0 3.39 1.175 3.445 2.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23 0-2.18.602-2.18 1.607zm2.194 7.478c-2.153 0-3.589-1.107-3.705-2.81h1.23c.144 1.06 1.129 1.703 2.544 1.703 1.34 0 2.31-.705 2.31-1.675 0-.827-.547-1.374-1.914-1.675L8.046 8.5H1v-1h14v1h-3.504c.468.437.675.994.675 1.697 0 1.826-1.436 2.967-3.644 2.967z'/%3E%3C/svg%3E");
259
+ }
260
+
261
+ i.link {
262
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-link'%3E%3Cpath d='M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z'/%3E%3Cpath d='M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z'/%3E%3C/svg%3E");
263
+ }
264
+
265
+ .icon.plus {
266
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
267
+ }
268
+
269
+ .icon.caret-right {
270
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-right-fill'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E");
271
+ }
272
+
273
+ .icon.dropdown-more {
274
+ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.648 4.475 1.824 12.25H.67l3.252-8.531h.744l-.018.756Zm2.368 7.775-2.83-7.775-.018-.756h.744l3.264 8.531h-1.16Zm-.147-3.158v.926H2.076v-.926H6.87Zm6.024 2.074V7.902c0-.25-.051-.466-.153-.65a.997.997 0 0 0-.445-.434c-.2-.101-.445-.152-.738-.152-.274 0-.514.047-.721.14a1.255 1.255 0 0 0-.48.37.809.809 0 0 0-.17.492H9.101c0-.227.058-.451.175-.674.118-.223.286-.424.504-.603.223-.184.489-.329.797-.434.313-.11.66-.164 1.043-.164.461 0 .867.078 1.219.234.355.157.633.393.832.71.203.312.305.704.305 1.177v2.953c0 .211.017.436.052.674.04.238.096.443.17.615v.094h-1.13a2.022 2.022 0 0 1-.13-.498 4.011 4.011 0 0 1-.046-.586Zm.187-2.76.012.762h-1.096c-.309 0-.584.025-.826.076a1.89 1.89 0 0 0-.61.217.979.979 0 0 0-.504.879c0 .2.046.38.135.545a.98.98 0 0 0 .405.392c.183.094.408.141.674.141.332 0 .625-.07.878-.211a1.83 1.83 0 0 0 .604-.516c.152-.203.234-.4.246-.591l.463.521a1.572 1.572 0 0 1-.223.545 2.607 2.607 0 0 1-1.2 1.025 2.328 2.328 0 0 1-.927.176c-.43 0-.806-.084-1.13-.252a1.933 1.933 0 0 1-.75-.674 1.784 1.784 0 0 1-.264-.955c0-.34.066-.638.199-.896a1.73 1.73 0 0 1 .574-.65c.25-.176.551-.31.903-.399a4.76 4.76 0 0 1 1.177-.135h1.26Z' fill='%23000'/%3E%3C/svg%3E");
275
+ }
276
+
277
+ i.image {
278
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-image'%3E%3Cpath d='M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3Cpath d='M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12V2z'/%3E%3C/svg%3E");
279
+ }
280
+
281
+ i.close {
282
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M0 256C0 114.6 114.6 0 256 0s256 114.6 256 256-114.6 256-256 256S0 397.4 0 256zm175-47.9 47.1 47L175 303c-9.3 9.4-9.3 24.6 0 33.1 9.4 10.2 24.6 10.2 33.1 0l47-46.2 47.9 46.2c9.4 10.2 24.6 10.2 33.1 0 10.2-8.5 10.2-23.7 0-33.1l-46.2-47.9 46.2-47c10.2-8.5 10.2-23.7 0-33.1-8.5-9.3-23.7-9.3-33.1 0l-47.9 47.1-47-47.1c-8.5-9.3-23.7-9.3-33.1 0-9.3 9.4-9.3 24.6 0 33.1z'/%3E%3C/svg%3E");
283
+ }
284
+
285
+ i.markdown {
286
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-markdown'%3E%3Cpath d='M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z'/%3E%3Cpath fill-rule='evenodd' d='M9.146 8.146a.5.5 0 0 1 .708 0L11.5 9.793l1.646-1.647a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 0-.708z'/%3E%3Cpath fill-rule='evenodd' d='M11.5 5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M3.56 11V7.01h.056l1.428 3.239h.774l1.42-3.24h.056V11h1.073V5.001h-1.2l-1.71 3.894h-.039l-1.71-3.894H2.5V11h1.06z'/%3E%3C/svg%3E");
287
+ }
288
+
289
+ i.undo {
290
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E");
291
+ }
292
+
293
+ i.redo {
294
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-clockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z'/%3E%3C/svg%3E");
295
+ }
296
+
297
+ .link-editor .button.active,
298
+ .toolbar .button.active {
299
+ background-color: rgb(223, 232, 250);
300
+ }
301
+
302
+ [data-theme="dark"] .link-editor .button.active,
303
+ [data-color-scheme="dark"] .link-editor .button.active,
304
+ [data-theme="dark"] .toolbar .button.active,
305
+ [data-color-scheme="dark"] .toolbar .button.active {
306
+ background-color: rgba(100, 150, 255, 0.3);
307
+ }
308
+
309
+ .link-editor .link-input {
310
+ display: block;
311
+ width: calc(100% - 75px);
312
+ box-sizing: border-box;
313
+ margin: 12px 12px;
314
+ padding: 8px 12px;
315
+ border-radius: 15px;
316
+ background-color: #eee;
317
+ font-size: 15px;
318
+ color: rgb(5, 5, 5);
319
+ border: 0;
320
+ outline: 0;
321
+ position: relative;
322
+ font-family: inherit;
323
+ }
324
+
325
+ [data-theme="dark"] .link-editor .link-input,
326
+ [data-color-scheme="dark"] .link-editor .link-input {
327
+ background-color: #303030;
328
+ color: #e5e5e5;
329
+ }
330
+
331
+ .link-editor .link-view {
332
+ display: block;
333
+ width: calc(100% - 24px);
334
+ margin: 8px 12px;
335
+ padding: 8px 12px;
336
+ border-radius: 15px;
337
+ font-size: 15px;
338
+ color: rgb(5, 5, 5);
339
+ border: 0;
340
+ outline: 0;
341
+ position: relative;
342
+ font-family: inherit;
343
+ }
344
+
345
+ .link-editor .link-view a {
346
+ display: block;
347
+ word-break: break-word;
348
+ width: calc(100% - 33px);
349
+ }
350
+
351
+ .link-editor div.link-edit {
352
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pencil-fill'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z'/%3E%3C/svg%3E");
353
+ background-size: 16px;
354
+ background-position: center;
355
+ background-repeat: no-repeat;
356
+ width: 35px;
357
+ vertical-align: -0.25em;
358
+ position: absolute;
359
+ right: 30px;
360
+ top: 0;
361
+ bottom: 0;
362
+ cursor: pointer;
363
+ }
364
+
365
+ .link-editor div.link-trash {
366
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z'/%3E%3Cpath fill-rule='evenodd' d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z'/%3E%3C/svg%3E");
367
+ background-size: 16px;
368
+ background-position: center;
369
+ background-repeat: no-repeat;
370
+ width: 35px;
371
+ vertical-align: -0.25em;
372
+ position: absolute;
373
+ right: 0;
374
+ top: 0;
375
+ bottom: 0;
376
+ cursor: pointer;
377
+ }
378
+
379
+ .link-editor div.link-cancel {
380
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M0 256C0 114.6 114.6 0 256 0s256 114.6 256 256-114.6 256-256 256S0 397.4 0 256zm175-47.9 47.1 47L175 303c-9.3 9.4-9.3 24.6 0 33.1 9.4 10.2 24.6 10.2 33.1 0l47-46.2 47.9 46.2c9.4 10.2 24.6 10.2 33.1 0 10.2-8.5 10.2-23.7 0-33.1l-46.2-47.9 46.2-47c10.2-8.5 10.2-23.7 0-33.1-8.5-9.3-23.7-9.3-33.1 0l-47.9 47.1-47-47.1c-8.5-9.3-23.7-9.3-33.1 0-9.3 9.4-9.3 24.6 0 33.1z'/%3E%3C/svg%3E");
381
+ background-size: 16px;
382
+ background-position: center;
383
+ background-repeat: no-repeat;
384
+ width: 35px;
385
+ vertical-align: -0.25em;
386
+ margin-right: 28px;
387
+ position: absolute;
388
+ right: 0;
389
+ top: 0;
390
+ bottom: 0;
391
+ cursor: pointer;
392
+ }
393
+
394
+ .link-editor div.link-confirm {
395
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23000'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M38 15 22 33l-10-8'/%3E%3C/svg%3E");
396
+ background-size: 16px;
397
+ background-position: center;
398
+ background-repeat: no-repeat;
399
+ width: 35px;
400
+ vertical-align: -0.25em;
401
+ margin-right: 2px;
402
+ position: absolute;
403
+ right: 0;
404
+ top: 0;
405
+ bottom: 0;
406
+ cursor: pointer;
407
+ }
408
+
409
+ .link-editor .link-input a {
410
+ color: rgb(33, 111, 219);
411
+ text-decoration: underline;
412
+ white-space: nowrap;
413
+ overflow: hidden;
414
+ margin-right: 30px;
415
+ text-overflow: ellipsis;
416
+ }
417
+
418
+ .link-editor .link-input a:hover {
419
+ text-decoration: underline;
420
+ }
421
+
422
+ .link-editor .font-size-wrapper,
423
+ .link-editor .font-family-wrapper {
424
+ display: flex;
425
+ margin: 0 4px;
426
+ }
427
+
428
+ .link-editor select {
429
+ padding: 6px;
430
+ border: none;
431
+ background-color: rgba(0, 0, 0, 0.075);
432
+ border-radius: 4px;
433
+ }
434
+
435
+ .mention:focus {
436
+ box-shadow: rgb(180 213 255) 0px 0px 0px 2px;
437
+ outline: none;
438
+ }
439
+
440
+ .characters-limit {
441
+ color: #888;
442
+ font-size: 12px;
443
+ text-align: right;
444
+ display: block;
445
+ position: absolute;
446
+ left: 12px;
447
+ bottom: 5px;
448
+ }
449
+
450
+ .characters-limit.characters-limit-exceeded {
451
+ color: red;
452
+ }
453
+
454
+ .dropdown {
455
+ z-index: 100;
456
+ display: block;
457
+ position: fixed;
458
+ box-shadow:
459
+ 0 12px 28px 0 rgba(0, 0, 0, 0.2),
460
+ 0 2px 4px 0 rgba(0, 0, 0, 0.1),
461
+ inset 0 0 0 1px rgba(255, 255, 255, 0.5);
462
+ border-radius: 8px;
463
+ min-height: 40px;
464
+ background-color: #fff;
465
+ }
466
+
467
+ [data-theme="dark"] .dropdown,
468
+ [data-color-scheme="dark"] .dropdown {
469
+ background-color: rgba(30, 30, 30, 0.95);
470
+ box-shadow:
471
+ 0 12px 28px 0 rgba(0, 0, 0, 0.6),
472
+ 0 2px 4px 0 rgba(0, 0, 0, 0.3),
473
+ inset 0 0 0 1px rgba(255, 255, 255, 0.1);
474
+ }
475
+
476
+ .dropdown .item {
477
+ margin: 0 8px 0 8px;
478
+ padding: 8px;
479
+ color: #050505;
480
+ cursor: pointer;
481
+ line-height: 16px;
482
+ font-size: 15px;
483
+ display: flex;
484
+ align-content: center;
485
+ flex-direction: row;
486
+ flex-shrink: 0;
487
+ justify-content: space-between;
488
+ background-color: #fff;
489
+ border-radius: 8px;
490
+ border: 0;
491
+ max-width: 250px;
492
+ min-width: 100px;
493
+ }
494
+
495
+ [data-theme="dark"] .dropdown .item,
496
+ [data-color-scheme="dark"] .dropdown .item {
497
+ color: #e5e5e5;
498
+ background-color: transparent;
499
+ }
500
+
501
+ .dropdown .item.fontsize-item,
502
+ .dropdown .item.fontsize-item .text {
503
+ min-width: unset;
504
+ }
505
+
506
+ .dropdown .item .active {
507
+ display: flex;
508
+ width: 20px;
509
+ height: 20px;
510
+ background-size: contain;
511
+ }
512
+
513
+ .dropdown .item:first-child {
514
+ margin-top: 8px;
515
+ }
516
+
517
+ .dropdown .item:last-child {
518
+ margin-bottom: 8px;
519
+ }
520
+
521
+ .dropdown .item:hover {
522
+ background-color: #eee;
523
+ }
524
+
525
+ [data-theme="dark"] .dropdown .item:hover,
526
+ [data-color-scheme="dark"] .dropdown .item:hover {
527
+ background-color: rgba(255, 255, 255, 0.1);
528
+ }
529
+
530
+ .dropdown .item .text {
531
+ display: flex;
532
+ line-height: 20px;
533
+ flex-grow: 1;
534
+ min-width: 150px;
535
+ }
536
+
537
+ .dropdown .item .icon {
538
+ display: flex;
539
+ width: 20px;
540
+ height: 20px;
541
+ user-select: none;
542
+ margin-right: 12px;
543
+ line-height: 16px;
544
+ background-size: contain;
545
+ background-position: center;
546
+ background-repeat: no-repeat;
547
+ }
548
+
549
+ [data-theme="dark"] .dropdown .item .icon,
550
+ [data-color-scheme="dark"] .dropdown .item .icon {
551
+ filter: invert(1);
552
+ }
553
+
554
+ .dropdown .divider {
555
+ width: auto;
556
+ background-color: #eee;
557
+ margin: 4px 8px;
558
+ height: 1px;
559
+ }
560
+
561
+ [data-theme="dark"] .dropdown .divider,
562
+ [data-color-scheme="dark"] .dropdown .divider {
563
+ background-color: rgba(255, 255, 255, 0.2);
564
+ }
565
+
566
+ @media screen and (max-width: 1100px) {
567
+ .dropdown-button-text {
568
+ display: none !important;
569
+ }
570
+
571
+ .font-size .dropdown-button-text {
572
+ display: flex !important;
573
+ }
574
+
575
+ .code-language .dropdown-button-text {
576
+ display: flex !important;
577
+ }
578
+ }
579
+
580
+ .icon.paragraph {
581
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-paragraph'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
582
+ }
583
+
584
+ .icon.h1 {
585
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h1'%3E%3Cpath d='M8.637 13V3.669H7.379V7.62H2.758V3.67H1.5V13h1.258V8.728h4.62V13h1.259zm5.329 0V3.669h-1.244L10.5 5.316v1.265l2.16-1.565h.062V13h1.244z'/%3E%3C/svg%3E");
586
+ }
587
+
588
+ .icon.h2 {
589
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h2'%3E%3Cpath d='M7.638 13V3.669H6.38V7.62H1.759V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.022-6.733v-.048c0-.889.63-1.668 1.716-1.668.957 0 1.675.608 1.675 1.572 0 .855-.554 1.504-1.067 2.085l-3.513 3.999V13H15.5v-1.094h-4.245v-.075l2.481-2.844c.875-.998 1.586-1.784 1.586-2.953 0-1.463-1.155-2.556-2.919-2.556-1.941 0-2.966 1.326-2.966 2.74v.049h1.223z'/%3E%3C/svg%3E");
590
+ }
591
+
592
+ .icon.h3 {
593
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h3'%3E%3Cpath d='M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.625-4.272h1.018c1.142 0 1.935.67 1.949 1.674.013 1.005-.78 1.737-2.01 1.73-1.08-.007-1.853-.588-1.935-1.32H9.108c.069 1.327 1.224 2.386 3.083 2.386 1.935 0 3.343-1.155 3.309-2.789-.027-1.51-1.251-2.16-2.037-2.249v-.068c.704-.123 1.764-.91 1.723-2.229-.035-1.353-1.176-2.4-2.954-2.385-1.873.006-2.857 1.162-2.898 2.358h1.196c.062-.69.711-1.299 1.696-1.299.998 0 1.695.622 1.695 1.525.007.922-.718 1.592-1.695 1.592h-.964v1.074z'/%3E%3C/svg%3E");
594
+ }
595
+
596
+ .icon.h4 {
597
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-type-h4' %3E%3Cpath d='M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.337.2v-2.328H9.108V9.828l3.441-6.35h1.632v6.141H15.5v1.253h-1.319V13.2Zm-2.615-3.581h2.615V6.7L13 4.689l-.872 1.7z'/%3E%3C/svg%3E");
598
+ }
599
+
600
+ .icon.bullet-list,
601
+ .icon.bullet {
602
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-list-ul'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
603
+ }
604
+
605
+ .icon.numbered-list,
606
+ .icon.number {
607
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-list-ol'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M1.713 11.865v-.474H2c.217 0 .363-.137.363-.317 0-.185-.158-.31-.361-.31-.223 0-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595 0 0 1-.492.594v.033a.615.615 0 0 1 .569.631c.003.533-.502.8-1.051.8-.656 0-1-.37-1.008-.794h.582c.008.178.186.306.422.309.254 0 .424-.145.422-.35-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844.583 0 .96.326.96.756 0 .389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508 0-.18-.147-.32-.342-.32a.33.33 0 0 0-.342.338v.041zM2.564 5h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635V5z'/%3E%3C/svg%3E");
608
+ }
609
+
610
+ .icon.quote {
611
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chat-square-quote'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z'/%3E%3C/svg%3E");
612
+ }
613
+
614
+ .icon.code {
615
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-code'%3E%3Cpath d='M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8l3.147-3.146zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8l-3.147-3.146z'/%3E%3C/svg%3E");
616
+ }
617
+
618
+ .icon.schedule {
619
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V8a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 7.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E");
620
+ }
621
+
622
+ .icon.alert {
623
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E");
624
+ }
625
+
626
+ .switches {
627
+ z-index: 6;
628
+ position: fixed;
629
+ left: 10px;
630
+ bottom: 70px;
631
+ animation: slide-in 0.4s ease;
632
+ }
633
+
634
+ @keyframes slide-in {
635
+ 0% {
636
+ opacity: 0;
637
+ transform: translateX(-200px);
638
+ }
639
+
640
+ 100% {
641
+ opacity: 1;
642
+ transform: translateX(0);
643
+ }
644
+ }
645
+
646
+ .switch {
647
+ display: block;
648
+ color: #444;
649
+ margin: 5px 0;
650
+ background-color: rgba(238, 238, 238, 0.7);
651
+ padding: 5px 10px;
652
+ border-radius: 10px;
653
+ }
654
+
655
+ #rich-text-switch {
656
+ right: 0;
657
+ }
658
+
659
+ #character-count-switch {
660
+ right: 130px;
661
+ }
662
+
663
+ .switch label {
664
+ margin-right: 5px;
665
+ line-height: 24px;
666
+ width: 100px;
667
+ font-size: 14px;
668
+ display: inline-block;
669
+ vertical-align: middle;
670
+ }
671
+
672
+ .switch button {
673
+ background-color: rgb(206, 208, 212);
674
+ height: 24px;
675
+ box-sizing: border-box;
676
+ border-radius: 12px;
677
+ width: 44px;
678
+ display: inline-block;
679
+ vertical-align: middle;
680
+ position: relative;
681
+ outline: none;
682
+ cursor: pointer;
683
+ transition: background-color 0.1s;
684
+ border: 2px solid transparent;
685
+ }
686
+
687
+ .switch button:focus-visible {
688
+ border-color: blue;
689
+ }
690
+
691
+ .switch button span {
692
+ top: 0px;
693
+ left: 0px;
694
+ display: block;
695
+ position: absolute;
696
+ width: 20px;
697
+ height: 20px;
698
+ border-radius: 12px;
699
+ background-color: white;
700
+ transition: transform 0.2s;
701
+ }
702
+
703
+ .switch button[aria-checked="true"] {
704
+ background-color: rgb(24, 119, 242);
705
+ }
706
+
707
+ .switch button[aria-checked="true"] span {
708
+ transform: translateX(20px);
709
+ }
710
+
711
+ .editor-shell span.editor-image {
712
+ cursor: default;
713
+ display: inline-block;
714
+ position: relative;
715
+ user-select: none;
716
+ }
717
+
718
+ .editor-shell .editor-image img {
719
+ max-width: 100%;
720
+ cursor: default;
721
+ }
722
+
723
+ .editor-shell .editor-image img.focused {
724
+ outline: 2px solid rgb(60, 132, 244);
725
+ user-select: none;
726
+ }
727
+
728
+ .editor-shell .editor-image img.focused.draggable {
729
+ cursor: grab;
730
+ }
731
+
732
+ .editor-shell .editor-image img.focused.draggable:active {
733
+ cursor: grabbing;
734
+ }
735
+
736
+ .editor-shell .editor-image .image-caption-container .tree-view-output {
737
+ margin: 0;
738
+ border-radius: 0;
739
+ }
740
+
741
+ .editor-shell .editor-image .image-caption-container {
742
+ display: block;
743
+ position: absolute;
744
+ bottom: 4px;
745
+ left: 0;
746
+ right: 0;
747
+ padding: 0;
748
+ margin: 0;
749
+ border-top: 1px solid #fff;
750
+ background-color: rgba(255, 255, 255, 0.9);
751
+ min-width: 100px;
752
+ color: #000;
753
+ overflow: hidden;
754
+ }
755
+
756
+ .editor-shell .editor-image .image-caption-button {
757
+ display: block;
758
+ position: absolute;
759
+ bottom: 20px;
760
+ left: 0;
761
+ right: 0;
762
+ width: 30%;
763
+ padding: 10px;
764
+ margin: 0 auto;
765
+ border: 1px solid rgba(255, 255, 255, 0.3);
766
+ border-radius: 5px;
767
+ background-color: rgba(0, 0, 0, 0.5);
768
+ min-width: 100px;
769
+ color: #fff;
770
+ cursor: pointer;
771
+ user-select: none;
772
+ }
773
+
774
+ .editor-shell .editor-image .image-caption-button:hover {
775
+ background-color: rgba(60, 132, 244, 0.5);
776
+ }
777
+
778
+ .editor-shell .editor-image .image-edit-button {
779
+ border: 1px solid rgba(0, 0, 0, 0.3);
780
+ border-radius: 5px;
781
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pencil-fill'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z'/%3E%3C/svg%3E");
782
+ background-size: 16px;
783
+ background-position: center;
784
+ background-repeat: no-repeat;
785
+ width: 35px;
786
+ height: 35px;
787
+ vertical-align: -0.25em;
788
+ position: absolute;
789
+ right: 4px;
790
+ top: 4px;
791
+ cursor: pointer;
792
+ user-select: none;
793
+ }
794
+
795
+ .editor-shell .editor-image .image-edit-button:hover {
796
+ background-color: rgba(60, 132, 244, 0.1);
797
+ }
798
+
799
+ .editor-shell .editor-image .image-resizer {
800
+ display: block;
801
+ width: 7px;
802
+ height: 7px;
803
+ position: absolute;
804
+ background-color: rgb(60, 132, 244);
805
+ border: 1px solid #fff;
806
+ }
807
+
808
+ .editor-shell .editor-image .image-resizer.image-resizer-n {
809
+ top: -6px;
810
+ left: 48%;
811
+ cursor: n-resize;
812
+ }
813
+
814
+ .editor-shell .editor-image .image-resizer.image-resizer-ne {
815
+ top: -6px;
816
+ right: -6px;
817
+ cursor: ne-resize;
818
+ }
819
+
820
+ .editor-shell .editor-image .image-resizer.image-resizer-e {
821
+ bottom: 48%;
822
+ right: -6px;
823
+ cursor: e-resize;
824
+ }
825
+
826
+ .editor-shell .editor-image .image-resizer.image-resizer-se {
827
+ bottom: -2px;
828
+ right: -6px;
829
+ cursor: nwse-resize;
830
+ }
831
+
832
+ .editor-shell .editor-image .image-resizer.image-resizer-s {
833
+ bottom: -2px;
834
+ left: 48%;
835
+ cursor: s-resize;
836
+ }
837
+
838
+ .editor-shell .editor-image .image-resizer.image-resizer-sw {
839
+ bottom: -2px;
840
+ left: -6px;
841
+ cursor: sw-resize;
842
+ }
843
+
844
+ .editor-shell .editor-image .image-resizer.image-resizer-w {
845
+ bottom: 48%;
846
+ left: -6px;
847
+ cursor: w-resize;
848
+ }
849
+
850
+ .editor-shell .editor-image .image-resizer.image-resizer-nw {
851
+ top: -6px;
852
+ left: -6px;
853
+ cursor: nw-resize;
854
+ }
855
+
856
+ .editor-shell span.inline-editor-image {
857
+ cursor: default;
858
+ display: inline-block;
859
+ position: relative;
860
+ z-index: 1;
861
+ }
862
+
863
+ .editor-shell .inline-editor-image img {
864
+ max-width: 100%;
865
+ cursor: default;
866
+ }
867
+
868
+ .editor-shell .inline-editor-image img.focused {
869
+ outline: 2px solid rgb(60, 132, 244);
870
+ }
871
+
872
+ .editor-shell .inline-editor-image img.focused.draggable {
873
+ cursor: grab;
874
+ }
875
+
876
+ .editor-shell .inline-editor-image img.focused.draggable:active {
877
+ cursor: grabbing;
878
+ }
879
+
880
+ .editor-shell .inline-editor-image .image-caption-container .tree-view-output {
881
+ margin: 0;
882
+ border-radius: 0;
883
+ }
884
+
885
+ .editor-shell .inline-editor-image.position-full {
886
+ margin: 1em 0 1em 0;
887
+ }
888
+
889
+ .editor-shell .inline-editor-image.position-left {
890
+ float: left;
891
+ width: 50%;
892
+ margin: 1em 1em 0 0;
893
+ }
894
+
895
+ .editor-shell .inline-editor-image.position-right {
896
+ float: right;
897
+ width: 50%;
898
+ margin: 1em 0 0 1em;
899
+ }
900
+
901
+ .editor-shell .inline-editor-image .image-edit-button {
902
+ display: block;
903
+ position: absolute;
904
+ top: 12px;
905
+ right: 12px;
906
+ padding: 6px 8px;
907
+ margin: 0 auto;
908
+ border: 1px solid rgba(255, 255, 255, 0.3);
909
+ border-radius: 5px;
910
+ background-color: rgba(0, 0, 0, 0.5);
911
+ min-width: 60px;
912
+ color: #fff;
913
+ cursor: pointer;
914
+ user-select: none;
915
+ }
916
+
917
+ .editor-shell .inline-editor-image .image-edit-button:hover {
918
+ background-color: rgba(60, 132, 244, 0.5);
919
+ }
920
+
921
+ .editor-shell .inline-editor-image .image-caption-container {
922
+ display: block;
923
+ background-color: #f4f4f4;
924
+ min-width: 100%;
925
+ color: #000;
926
+ overflow: hidden;
927
+ }
928
+
929
+ .keyword {
930
+ color: rgb(241, 118, 94);
931
+ font-weight: bold;
932
+ }
933
+
934
+ .actions {
935
+ position: absolute;
936
+ text-align: right;
937
+ margin: 10px;
938
+ bottom: 0;
939
+ right: 0;
940
+ }
941
+
942
+ .actions.tree-view {
943
+ border-bottom-left-radius: 0;
944
+ border-bottom-right-radius: 0;
945
+ }
946
+
947
+ .actions i {
948
+ background-size: contain;
949
+ display: inline-block;
950
+ height: 15px;
951
+ width: 15px;
952
+ vertical-align: -0.25em;
953
+ }
954
+
955
+ .actions i.image {
956
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-image'%3E%3Cpath d='M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3Cpath d='M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12V2z'/%3E%3C/svg%3E");
957
+ }
958
+
959
+ .table-cell-action-button-container {
960
+ position: absolute;
961
+ top: 0;
962
+ left: 0;
963
+ will-change: transform;
964
+ }
965
+
966
+ .table-cell-action-button {
967
+ background-color: transparent;
968
+ display: inline-flex;
969
+ justify-content: center;
970
+ align-items: center;
971
+ border: 0;
972
+ position: relative;
973
+ border-radius: 15px;
974
+ color: #222;
975
+ cursor: pointer;
976
+ }
977
+
978
+ i.chevron-down {
979
+ background-color: transparent;
980
+ background-size: contain;
981
+ display: inline-block;
982
+ height: 8px;
983
+ width: 8px;
984
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
985
+ }
986
+
987
+ .action-button {
988
+ background-color: #eee;
989
+ border: 0;
990
+ padding: 8px 12px;
991
+ position: relative;
992
+ margin-left: 5px;
993
+ border-radius: 15px;
994
+ color: #222;
995
+ display: inline-block;
996
+ cursor: pointer;
997
+ }
998
+
999
+ [data-theme="dark"] .action-button,
1000
+ [data-color-scheme="dark"] .action-button {
1001
+ background-color: #303030;
1002
+ color: #e5e5e5;
1003
+ }
1004
+
1005
+ .action-button:hover {
1006
+ background-color: #ddd;
1007
+ color: #000;
1008
+ }
1009
+
1010
+ [data-theme="dark"] .action-button:hover,
1011
+ [data-color-scheme="dark"] .action-button:hover {
1012
+ background-color: #474747;
1013
+ color: #fff;
1014
+ }
1015
+
1016
+ button.action-button:disabled {
1017
+ opacity: 0.6;
1018
+ background: #eee;
1019
+ cursor: not-allowed;
1020
+ }
1021
+
1022
+ [data-theme="dark"] button.action-button:disabled,
1023
+ [data-color-scheme="dark"] button.action-button:disabled {
1024
+ background: rgba(255, 255, 255, 0.05);
1025
+ }
1026
+
1027
+ .ltr {
1028
+ text-align: left;
1029
+ }
1030
+
1031
+ .rtl {
1032
+ text-align: right;
1033
+ }
1034
+
1035
+ .toolbar {
1036
+ display: flex;
1037
+ margin-bottom: 1px;
1038
+ background: #fff;
1039
+ padding: 4px;
1040
+ border-top-left-radius: 10px;
1041
+ border-top-right-radius: 10px;
1042
+ vertical-align: middle;
1043
+ overflow: auto;
1044
+ height: 36px;
1045
+ position: sticky;
1046
+ top: 0;
1047
+ z-index: 2;
1048
+ }
1049
+
1050
+ [data-theme="dark"] .toolbar,
1051
+ [data-color-scheme="dark"] .toolbar {
1052
+ background: rgba(255, 255, 255, 0.1);
1053
+ }
1054
+
1055
+ button.toolbar-item {
1056
+ border: 0;
1057
+ display: flex;
1058
+ background: none;
1059
+ border-radius: 10px;
1060
+ padding: 8px;
1061
+ cursor: pointer;
1062
+ vertical-align: middle;
1063
+ flex-shrink: 0;
1064
+ align-items: center;
1065
+ justify-content: space-between;
1066
+ }
1067
+
1068
+ button.toolbar-item:disabled {
1069
+ cursor: not-allowed;
1070
+ }
1071
+
1072
+ button.toolbar-item.spaced {
1073
+ margin-right: 2px;
1074
+ }
1075
+
1076
+ button.toolbar-item i.format {
1077
+ background-size: contain;
1078
+ display: flex;
1079
+ height: 18px;
1080
+ width: 18px;
1081
+ vertical-align: -0.25em;
1082
+ opacity: 0.6;
1083
+ }
1084
+
1085
+ [data-theme="dark"] button.toolbar-item i.format,
1086
+ [data-color-scheme="dark"] button.toolbar-item i.format {
1087
+ filter: invert(1);
1088
+ }
1089
+
1090
+ button.toolbar-item:disabled .icon,
1091
+ button.toolbar-item:disabled .text,
1092
+ button.toolbar-item:disabled i.format,
1093
+ button.toolbar-item:disabled .chevron-down {
1094
+ opacity: 0.2;
1095
+ }
1096
+
1097
+ button.toolbar-item.active {
1098
+ background-color: rgba(223, 232, 250, 0.3);
1099
+ }
1100
+
1101
+ button.toolbar-item.active i {
1102
+ opacity: 1;
1103
+ }
1104
+
1105
+ .toolbar-item:hover:not([disabled]) {
1106
+ background-color: #eee;
1107
+ }
1108
+
1109
+ [data-theme="dark"] .toolbar-item:hover:not([disabled]),
1110
+ [data-color-scheme="dark"] .toolbar-item:hover:not([disabled]) {
1111
+ background-color: rgba(255, 255, 255, 0.1);
1112
+ }
1113
+
1114
+ .toolbar-item.font-family .text {
1115
+ display: block;
1116
+ max-width: 40px;
1117
+ }
1118
+
1119
+ .toolbar .code-language {
1120
+ width: 150px;
1121
+ }
1122
+
1123
+ .toolbar .toolbar-item .text {
1124
+ display: flex;
1125
+ line-height: 20px;
1126
+ vertical-align: middle;
1127
+ font-size: 14px;
1128
+ color: #777;
1129
+ text-overflow: ellipsis;
1130
+ overflow: hidden;
1131
+ height: 20px;
1132
+ text-align: left;
1133
+ padding-right: 10px;
1134
+ }
1135
+
1136
+ [data-theme="dark"] .toolbar .toolbar-item .text,
1137
+ [data-color-scheme="dark"] .toolbar .toolbar-item .text {
1138
+ color: #bbb;
1139
+ }
1140
+
1141
+ .toolbar .toolbar-item .icon {
1142
+ display: flex;
1143
+ width: 20px;
1144
+ height: 20px;
1145
+ user-select: none;
1146
+ margin-right: 8px;
1147
+ line-height: 16px;
1148
+ background-size: contain;
1149
+ }
1150
+
1151
+ [data-theme="dark"] .toolbar .toolbar-item .icon,
1152
+ [data-color-scheme="dark"] .toolbar .toolbar-item .icon {
1153
+ filter: invert(1);
1154
+ }
1155
+
1156
+ .toolbar i.chevron-down,
1157
+ .toolbar-item i.chevron-down {
1158
+ margin-top: 3px;
1159
+ width: 16px;
1160
+ height: 16px;
1161
+ display: flex;
1162
+ user-select: none;
1163
+ }
1164
+
1165
+ [data-theme="dark"] .toolbar i.chevron-down,
1166
+ [data-color-scheme="dark"] .toolbar i.chevron-down,
1167
+ [data-theme="dark"] .toolbar-item i.chevron-down,
1168
+ [data-color-scheme="dark"] .toolbar-item i.chevron-down {
1169
+ filter: invert(1);
1170
+ }
1171
+
1172
+ .toolbar i.chevron-down.inside {
1173
+ width: 16px;
1174
+ height: 16px;
1175
+ display: flex;
1176
+ margin-left: -25px;
1177
+ margin-top: 11px;
1178
+ margin-right: 10px;
1179
+ pointer-events: none;
1180
+ }
1181
+
1182
+ .toolbar .divider {
1183
+ width: 1px;
1184
+ background-color: #eee;
1185
+ margin: 0 4px;
1186
+ }
1187
+
1188
+ .sticky-note-container {
1189
+ position: absolute;
1190
+ z-index: 9;
1191
+ width: 120px;
1192
+ display: inline-block;
1193
+ }
1194
+
1195
+ .sticky-note {
1196
+ line-height: 1;
1197
+ text-align: left;
1198
+ width: 120px;
1199
+ margin: 25px;
1200
+ padding: 20px 10px;
1201
+ position: relative;
1202
+ border: 1px solid #e8e8e8;
1203
+ font-family: "Reenie Beanie", cursive;
1204
+ font-size: 24px;
1205
+ border-bottom-right-radius: 60px 5px;
1206
+ display: block;
1207
+ cursor: move;
1208
+ }
1209
+
1210
+ .sticky-note:after {
1211
+ content: "";
1212
+ position: absolute;
1213
+ z-index: -1;
1214
+ right: -0px;
1215
+ bottom: 20px;
1216
+ width: 120px;
1217
+ height: 25px;
1218
+ background: rgba(0, 0, 0, 0.2);
1219
+ box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.4);
1220
+ transform: matrix(-1, -0.1, 0, 1, 0, 0);
1221
+ }
1222
+
1223
+ .sticky-note.yellow {
1224
+ border-top: 1px solid #fdfd86;
1225
+ background: linear-gradient(135deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
1226
+ }
1227
+
1228
+ .sticky-note.pink {
1229
+ border-top: 1px solid #e7d1e4;
1230
+ background: linear-gradient(135deg, #f7cbe8 81%, #f7cbe8 82%, #f7cbe8 82%, #e7bfe1 100%);
1231
+ }
1232
+
1233
+ .sticky-note-container.dragging {
1234
+ transition: none !important;
1235
+ }
1236
+
1237
+ .sticky-note div {
1238
+ cursor: text;
1239
+ }
1240
+
1241
+ .sticky-note .delete {
1242
+ border: 0;
1243
+ background: none;
1244
+ position: absolute;
1245
+ top: 8px;
1246
+ right: 10px;
1247
+ font-size: 10px;
1248
+ cursor: pointer;
1249
+ opacity: 0.5;
1250
+ }
1251
+
1252
+ .sticky-note .delete:hover {
1253
+ font-weight: bold;
1254
+ opacity: 1;
1255
+ }
1256
+
1257
+ .sticky-note .color {
1258
+ border: 0;
1259
+ background: none;
1260
+ position: absolute;
1261
+ top: 8px;
1262
+ right: 25px;
1263
+ cursor: pointer;
1264
+ opacity: 0.5;
1265
+ }
1266
+
1267
+ .sticky-note .color:hover {
1268
+ opacity: 1;
1269
+ }
1270
+
1271
+ .sticky-note .color i {
1272
+ display: block;
1273
+ width: 12px;
1274
+ height: 12px;
1275
+ background-size: contain;
1276
+ }
1277
+
1278
+ .excalidraw-button {
1279
+ border: 0;
1280
+ padding: 0;
1281
+ margin: 0;
1282
+ background-color: transparent;
1283
+ }
1284
+
1285
+ .excalidraw-button.selected {
1286
+ outline: 2px solid rgb(60, 132, 244);
1287
+ user-select: none;
1288
+ }
1289
+
1290
+ .github-corner:hover .octo-arm {
1291
+ animation: octocat-wave 560ms ease-in-out;
1292
+ }
1293
+
1294
+ .spacer {
1295
+ letter-spacing: -2px;
1296
+ }
1297
+
1298
+ button.item i {
1299
+ opacity: 0.6;
1300
+ }
1301
+
1302
+ button.item.dropdown-item-active {
1303
+ background-color: rgba(223, 232, 250, 0.3);
1304
+ }
1305
+
1306
+ button.item.dropdown-item-active i {
1307
+ opacity: 1;
1308
+ }
1309
+
1310
+ hr {
1311
+ padding: 2px 2px;
1312
+ border: none;
1313
+ margin: 1em 0;
1314
+ cursor: pointer;
1315
+ }
1316
+
1317
+ hr:after {
1318
+ content: "";
1319
+ display: block;
1320
+ height: 2px;
1321
+ background-color: #ccc;
1322
+ line-height: 2px;
1323
+ }
1324
+
1325
+ hr.selected {
1326
+ outline: 2px solid rgb(60, 132, 244);
1327
+ user-select: none;
1328
+ }
1329
+
1330
+ .TableNode__contentEditable {
1331
+ min-height: 20px;
1332
+ border: 0px;
1333
+ resize: none;
1334
+ cursor: text;
1335
+ display: block;
1336
+ position: relative;
1337
+ outline: 0px;
1338
+ padding: 0;
1339
+ user-select: text;
1340
+ font-size: 15px;
1341
+ white-space: pre-wrap;
1342
+ word-break: break-word;
1343
+ z-index: 3;
1344
+ }
1345
+
1346
+ .EditorTheme__blockCursor {
1347
+ display: block;
1348
+ pointer-events: none;
1349
+ position: absolute;
1350
+ }
1351
+
1352
+ .EditorTheme__blockCursor:after {
1353
+ content: "";
1354
+ display: block;
1355
+ position: absolute;
1356
+ top: -2px;
1357
+ width: 20px;
1358
+ border-top: 1px solid black;
1359
+ animation: CursorBlink 1.1s steps(2, start) infinite;
1360
+ }
1361
+
1362
+ @keyframes CursorBlink {
1363
+ to {
1364
+ visibility: hidden;
1365
+ }
1366
+ }
1367
+
1368
+ .dialog-dropdown {
1369
+ background-color: #eee !important;
1370
+ margin-bottom: 10px;
1371
+ width: 100%;
1372
+ }
1373
+ .link-editor {
1374
+ display: flex;
1375
+ position: absolute;
1376
+ top: 0;
1377
+ left: 0;
1378
+ z-index: 10;
1379
+ max-width: 400px;
1380
+ width: 100%;
1381
+ opacity: 0;
1382
+ background-color: #fff;
1383
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
1384
+ border-radius: 0 0 8px 8px;
1385
+ transition: opacity 0.5s;
1386
+ will-change: transform;
1387
+ }
1388
+
1389
+ .link-editor .button {
1390
+ width: 20px;
1391
+ height: 20px;
1392
+ display: inline-block;
1393
+ padding: 6px;
1394
+ border-radius: 8px;
1395
+ cursor: pointer;
1396
+ margin: 0 2px;
1397
+ }
1398
+
1399
+ .link-editor .button.hovered {
1400
+ width: 20px;
1401
+ height: 20px;
1402
+ display: inline-block;
1403
+ background-color: #eee;
1404
+ }
1405
+
1406
+ .link-editor .button i,
1407
+ .actions i {
1408
+ background-size: contain;
1409
+ display: inline-block;
1410
+ height: 20px;
1411
+ width: 20px;
1412
+ vertical-align: -0.25em;
1413
+ }
1414
+ /**
1415
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
1416
+ *
1417
+ * This source code is licensed under the MIT license found in the
1418
+ * LICENSE file in the root directory of this source tree.
1419
+ *
1420
+ *
1421
+ */
1422
+ .EditorTheme__ltr {
1423
+ text-align: left;
1424
+ }
1425
+
1426
+ .EditorTheme__rtl {
1427
+ text-align: right;
1428
+ }
1429
+
1430
+ .EditorTheme__paragraph {
1431
+ margin: 0;
1432
+ position: relative;
1433
+ }
1434
+
1435
+ .EditorTheme__quote {
1436
+ margin: 0;
1437
+ margin-left: 20px;
1438
+ margin-bottom: 10px;
1439
+ font-size: 15px;
1440
+ color: rgb(101, 103, 107);
1441
+ border-left-color: rgb(206, 208, 212);
1442
+ border-left-width: 4px;
1443
+ border-left-style: solid;
1444
+ padding-left: 16px;
1445
+ }
1446
+
1447
+ .EditorTheme__h1 {
1448
+ font-size: 32px;
1449
+ line-height: 1.3;
1450
+ padding-top: 2rem;
1451
+ padding-bottom: 0.5rem;
1452
+ color: #406280;
1453
+ font-weight: 700;
1454
+ margin: 0;
1455
+ }
1456
+
1457
+ [data-theme="dark"] .EditorTheme__h1,
1458
+ [data-color-scheme="dark"] .EditorTheme__h1 {
1459
+ color: #ffffff;
1460
+ }
1461
+
1462
+ .EditorTheme__h2 {
1463
+ font-size: 24px;
1464
+ color: #406280;
1465
+ padding-top: 2rem;
1466
+ padding-bottom: 0.5rem;
1467
+ font-weight: 700;
1468
+ margin: 0;
1469
+ }
1470
+
1471
+ [data-theme="dark"] .EditorTheme__h2,
1472
+ [data-color-scheme="dark"] .EditorTheme__h2 {
1473
+ color: #ffffff;
1474
+ }
1475
+
1476
+ .EditorTheme__h3 {
1477
+ font-size: 24px;
1478
+ color: #406280;
1479
+ padding-top: 2rem;
1480
+ padding-bottom: 0.5rem;
1481
+ font-weight: 700;
1482
+ margin: 0;
1483
+ }
1484
+
1485
+ [data-theme="dark"] .EditorTheme__h3,
1486
+ [data-color-scheme="dark"] .EditorTheme__h3 {
1487
+ color: #ffffff;
1488
+ }
1489
+
1490
+ .EditorTheme__h4 {
1491
+ font-size: 16px;
1492
+ color: #406280;
1493
+ padding-top: 1.5rem;
1494
+ padding-bottom: 0rem;
1495
+ font-weight: 700;
1496
+ margin: 0;
1497
+ }
1498
+
1499
+ [data-theme="dark"] .EditorTheme__h4,
1500
+ [data-color-scheme="dark"] .EditorTheme__h4 {
1501
+ color: #ffffff;
1502
+ }
1503
+
1504
+ .EditorTheme__indent {
1505
+ --lexical-indent-base-value: 40px;
1506
+ }
1507
+
1508
+ .EditorTheme__textBold {
1509
+ font-weight: bold;
1510
+ }
1511
+
1512
+ .EditorTheme__textItalic {
1513
+ font-style: italic;
1514
+ }
1515
+
1516
+ .EditorTheme__textUnderline {
1517
+ text-decoration: underline;
1518
+ }
1519
+
1520
+ .EditorTheme__textStrikethrough {
1521
+ text-decoration: line-through;
1522
+ }
1523
+
1524
+ .EditorTheme__textUnderlineStrikethrough {
1525
+ text-decoration: underline line-through;
1526
+ }
1527
+
1528
+ .EditorTheme__textSubscript {
1529
+ font-size: 0.8em;
1530
+ vertical-align: sub !important;
1531
+ }
1532
+
1533
+ .EditorTheme__textSuperscript {
1534
+ font-size: 0.8em;
1535
+ vertical-align: super;
1536
+ }
1537
+
1538
+ .EditorTheme__textCode {
1539
+ background-color: rgb(240, 242, 245);
1540
+ padding: 1px 0.25rem;
1541
+ font-family: Menlo, Consolas, Monaco, monospace;
1542
+ font-size: 94%;
1543
+ }
1544
+
1545
+ .EditorTheme__hashtag {
1546
+ background-color: rgba(88, 144, 255, 0.15);
1547
+ border-bottom: 1px solid rgba(88, 144, 255, 0.3);
1548
+ }
1549
+
1550
+ .EditorTheme__link {
1551
+ color: rgb(33, 111, 219);
1552
+ text-decoration: none;
1553
+ }
1554
+
1555
+ .EditorTheme__link:hover {
1556
+ text-decoration: underline;
1557
+ cursor: pointer;
1558
+ }
1559
+
1560
+ .EditorTheme__code {
1561
+ background-color: rgb(240, 242, 245);
1562
+ font-family: Menlo, Consolas, Monaco, monospace;
1563
+ display: block;
1564
+ padding: 8px 8px 8px 52px;
1565
+ line-height: 1.53;
1566
+ font-size: 13px;
1567
+ margin: 0;
1568
+ margin-top: 8px;
1569
+ margin-bottom: 8px;
1570
+ overflow-x: auto;
1571
+ position: relative;
1572
+ tab-size: 2;
1573
+ }
1574
+
1575
+ .EditorTheme__code:before {
1576
+ content: attr(data-gutter);
1577
+ position: absolute;
1578
+ background-color: #eee;
1579
+ left: 0;
1580
+ top: 0;
1581
+ border-right: 1px solid #ccc;
1582
+ padding: 8px;
1583
+ color: #696969;
1584
+ white-space: pre-wrap;
1585
+ text-align: right;
1586
+ min-width: 25px;
1587
+ }
1588
+
1589
+ .EditorTheme__characterLimit {
1590
+ display: inline;
1591
+ background-color: #ffbbbb !important;
1592
+ }
1593
+
1594
+ .EditorTheme__ol1 {
1595
+ padding: 0;
1596
+ margin: 0;
1597
+ list-style-position: inside;
1598
+ }
1599
+
1600
+ .EditorTheme__ol2 {
1601
+ padding: 0;
1602
+ margin: 0;
1603
+ list-style-type: upper-alpha;
1604
+ list-style-position: inside;
1605
+ }
1606
+
1607
+ .EditorTheme__ol3 {
1608
+ padding: 0;
1609
+ margin: 0;
1610
+ list-style-type: lower-alpha;
1611
+ list-style-position: inside;
1612
+ }
1613
+
1614
+ .EditorTheme__ol4 {
1615
+ padding: 0;
1616
+ margin: 0;
1617
+ list-style-type: upper-roman;
1618
+ list-style-position: inside;
1619
+ }
1620
+
1621
+ .EditorTheme__ol5 {
1622
+ padding: 0;
1623
+ margin: 0;
1624
+ list-style-type: lower-roman;
1625
+ list-style-position: inside;
1626
+ }
1627
+
1628
+ .EditorTheme__ul {
1629
+ padding: 0;
1630
+ margin: 0;
1631
+ list-style-position: inside;
1632
+ }
1633
+
1634
+ .EditorTheme__listItem {
1635
+ margin: 0 32px;
1636
+ }
1637
+
1638
+ .EditorTheme__listItemChecked,
1639
+ .EditorTheme__listItemUnchecked {
1640
+ position: relative;
1641
+ margin-left: 8px;
1642
+ margin-right: 8px;
1643
+ padding-left: 24px;
1644
+ padding-right: 24px;
1645
+ list-style-type: none;
1646
+ outline: none;
1647
+ }
1648
+
1649
+ .EditorTheme__listItemChecked {
1650
+ text-decoration: line-through;
1651
+ }
1652
+
1653
+ .EditorTheme__listItemUnchecked:before,
1654
+ .EditorTheme__listItemChecked:before {
1655
+ content: "";
1656
+ width: 16px;
1657
+ height: 16px;
1658
+ top: 2px;
1659
+ left: 0;
1660
+ cursor: pointer;
1661
+ display: block;
1662
+ background-size: cover;
1663
+ position: absolute;
1664
+ }
1665
+
1666
+ .EditorTheme__listItemUnchecked[dir="rtl"]:before,
1667
+ .EditorTheme__listItemChecked[dir="rtl"]:before {
1668
+ left: auto;
1669
+ right: 0;
1670
+ }
1671
+
1672
+ .EditorTheme__listItemUnchecked:focus:before,
1673
+ .EditorTheme__listItemChecked:focus:before {
1674
+ box-shadow: 0 0 0 2px #a6cdfe;
1675
+ border-radius: 2px;
1676
+ }
1677
+
1678
+ .EditorTheme__listItemUnchecked:before {
1679
+ border: 1px solid #999;
1680
+ border-radius: 2px;
1681
+ }
1682
+
1683
+ .EditorTheme__listItemChecked:before {
1684
+ border: 1px solid rgb(61, 135, 245);
1685
+ border-radius: 2px;
1686
+ background-color: #3d87f5;
1687
+ background-repeat: no-repeat;
1688
+ }
1689
+
1690
+ .EditorTheme__listItemChecked:after {
1691
+ content: "";
1692
+ cursor: pointer;
1693
+ border-color: #fff;
1694
+ border-style: solid;
1695
+ position: absolute;
1696
+ display: block;
1697
+ top: 6px;
1698
+ width: 3px;
1699
+ left: 7px;
1700
+ right: 7px;
1701
+ height: 6px;
1702
+ transform: rotate(45deg);
1703
+ border-width: 0 2px 2px 0;
1704
+ }
1705
+
1706
+ .EditorTheme__nestedListItem {
1707
+ list-style-type: none;
1708
+ }
1709
+
1710
+ .EditorTheme__nestedListItem:before,
1711
+ .EditorTheme__nestedListItem:after {
1712
+ display: none;
1713
+ }
1714
+
1715
+ .EditorTheme__tokenComment {
1716
+ color: slategray;
1717
+ }
1718
+
1719
+ .EditorTheme__tokenPunctuation {
1720
+ color: #999;
1721
+ }
1722
+
1723
+ .EditorTheme__tokenProperty {
1724
+ color: #905;
1725
+ }
1726
+
1727
+ .EditorTheme__tokenSelector {
1728
+ color: #690;
1729
+ }
1730
+
1731
+ .EditorTheme__tokenOperator {
1732
+ color: #9a6e3a;
1733
+ }
1734
+
1735
+ .EditorTheme__tokenAttr {
1736
+ color: #07a;
1737
+ }
1738
+
1739
+ .EditorTheme__tokenVariable {
1740
+ color: #e90;
1741
+ }
1742
+
1743
+ .EditorTheme__tokenFunction {
1744
+ color: #dd4a68;
1745
+ }
1746
+
1747
+ .EditorTheme__mark {
1748
+ background: rgba(255, 212, 0, 0.14);
1749
+ border-bottom: 2px solid rgba(255, 212, 0, 0.3);
1750
+ padding-bottom: 2px;
1751
+ }
1752
+
1753
+ .EditorTheme__markOverlap {
1754
+ background: rgba(255, 212, 0, 0.3);
1755
+ border-bottom: 2px solid rgba(255, 212, 0, 0.7);
1756
+ }
1757
+
1758
+ .EditorTheme__mark.selected {
1759
+ background: rgba(255, 212, 0, 0.5);
1760
+ border-bottom: 2px solid rgba(255, 212, 0, 1);
1761
+ }
1762
+
1763
+ .EditorTheme__markOverlap.selected {
1764
+ background: rgba(255, 212, 0, 0.7);
1765
+ border-bottom: 2px solid rgba(255, 212, 0, 0.7);
1766
+ }
1767
+
1768
+ .EditorTheme__embedBlock {
1769
+ user-select: none;
1770
+ }
1771
+
1772
+ .EditorTheme__embedBlockFocus {
1773
+ outline: 2px solid rgb(60, 132, 244);
1774
+ }
1775
+
1776
+ .EditorTheme__layoutContaner {
1777
+ display: grid;
1778
+ gap: 10px;
1779
+ margin: 10px 0;
1780
+ }
1781
+
1782
+ .EditorTheme__layoutItem {
1783
+ border: 1px dashed #ddd;
1784
+ padding: 8px 16px;
1785
+ }
1786
+ /**
1787
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
1788
+ *
1789
+ * This source code is licensed under the MIT license found in the
1790
+ * LICENSE file in the root directory of this source tree.
1791
+ *
1792
+ *
1793
+ */
1794
+ .ContentEditable__root {
1795
+ border: 0;
1796
+ font-size: 15px;
1797
+ display: block;
1798
+ position: relative;
1799
+ outline: 0;
1800
+ padding: 8px 28px 40px;
1801
+ min-height: 150px;
1802
+ }
1803
+ @media (max-width: 1025px) {
1804
+ .ContentEditable__root {
1805
+ padding-left: 8px;
1806
+ padding-right: 8px;
1807
+ }
1808
+ }
1809
+ /**
1810
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
1811
+ *
1812
+ * This source code is licensed under the MIT license found in the
1813
+ * LICENSE file in the root directory of this source tree.
1814
+ *
1815
+ *
1816
+ */
1817
+
1818
+ .Placeholder__root {
1819
+ font-size: 15px;
1820
+ color: #999;
1821
+ overflow: hidden;
1822
+ position: absolute;
1823
+ text-overflow: ellipsis;
1824
+ top: 8px;
1825
+ left: 28px;
1826
+ right: 28px;
1827
+ user-select: none;
1828
+ white-space: nowrap;
1829
+ display: inline-block;
1830
+ pointer-events: none;
1831
+ }
1832
+ @media (max-width: 1025px) {
1833
+ .Placeholder__root {
1834
+ left: 8px;
1835
+ }
1836
+ }
1837
+ /* Schedule item wrapper */
1838
+ .schedule-item-wrapper + .schedule-item-wrapper {
1839
+ margin-top: 0;
1840
+ }
1841
+
1842
+ /* Main editor row */
1843
+ .schedule-item-editor {
1844
+ display: flex;
1845
+ gap: 0.5rem;
1846
+ align-items: center;
1847
+ padding: 0.375rem 0.5rem;
1848
+ border-radius: 0.375rem;
1849
+ background: rgba(74, 142, 161, 0.06);
1850
+ border: 1px solid rgba(74, 142, 161, 0.15);
1851
+ transition:
1852
+ border-color 0.15s,
1853
+ opacity 0.15s;
1854
+ }
1855
+
1856
+ .schedule-item-editor--selected {
1857
+ border-color: rgba(74, 142, 161, 0.4);
1858
+ }
1859
+
1860
+ .schedule-item-editor--dragging {
1861
+ opacity: 0.4;
1862
+ }
1863
+
1864
+ /* Drag handle */
1865
+ .schedule-item-drag {
1866
+ cursor: grab;
1867
+ border: none;
1868
+ background: transparent;
1869
+ padding: 0.125rem;
1870
+ color: rgba(0, 0, 0, 0.25);
1871
+ font-size: 0.875rem;
1872
+ line-height: 1;
1873
+ letter-spacing: -0.05em;
1874
+ flex-shrink: 0;
1875
+ user-select: none;
1876
+ }
1877
+
1878
+ .schedule-item-drag:hover {
1879
+ color: rgba(0, 0, 0, 0.5);
1880
+ }
1881
+
1882
+ .schedule-item-drag:active {
1883
+ cursor: grabbing;
1884
+ }
1885
+
1886
+ /* Input fields */
1887
+ .schedule-item-editor input {
1888
+ border: none;
1889
+ background: transparent;
1890
+ font: inherit;
1891
+ padding: 0.125rem 0.25rem;
1892
+ border-radius: 0.25rem;
1893
+ outline: none;
1894
+ min-width: 0;
1895
+ }
1896
+
1897
+ .schedule-item-editor input:focus {
1898
+ background: rgba(255, 255, 255, 0.8);
1899
+ }
1900
+
1901
+ .schedule-item-time {
1902
+ font-weight: 700;
1903
+ font-variant-numeric: tabular-nums;
1904
+ width: 8rem;
1905
+ flex-shrink: 0;
1906
+ }
1907
+
1908
+ .schedule-item-title {
1909
+ font-weight: 600;
1910
+ flex: 2;
1911
+ }
1912
+
1913
+ .schedule-item-speaker {
1914
+ flex: 1;
1915
+ color: rgba(0, 0, 0, 0.6);
1916
+ }
1917
+
1918
+ .schedule-item-description {
1919
+ flex: 2;
1920
+ color: rgba(0, 0, 0, 0.5);
1921
+ font-size: 0.9em;
1922
+ }
1923
+
1924
+ .schedule-item-editor input::placeholder {
1925
+ color: rgba(0, 0, 0, 0.25);
1926
+ }
1927
+
1928
+ /* Remove button */
1929
+ .schedule-item-remove {
1930
+ border: 1px solid rgba(0, 0, 0, 0.15);
1931
+ background: #f5f5f5;
1932
+ cursor: pointer;
1933
+ padding: 0.25rem 0.5rem;
1934
+ color: #666666;
1935
+ font-size: 1rem;
1936
+ line-height: 1;
1937
+ flex-shrink: 0;
1938
+ border-radius: 0.25rem;
1939
+ transition:
1940
+ color 0.15s,
1941
+ background 0.15s,
1942
+ border-color 0.15s;
1943
+ }
1944
+
1945
+ .schedule-item-remove:hover {
1946
+ color: #b91c1c;
1947
+ background: #f8e8e8;
1948
+ border-color: rgba(185, 28, 28, 0.3);
1949
+ }
1950
+
1951
+ /* Add button — only on last item */
1952
+ .schedule-item-add {
1953
+ display: flex;
1954
+ align-items: center;
1955
+ justify-content: center;
1956
+ width: 100%;
1957
+ margin-top: 0.375rem;
1958
+ padding: 0.375rem;
1959
+ border: 1px dashed rgba(74, 142, 161, 0.35);
1960
+ border-radius: 0.375rem;
1961
+ background: #f4f8f9;
1962
+ cursor: pointer;
1963
+ color: #3a7287;
1964
+ font-size: 1rem;
1965
+ font-weight: 600;
1966
+ transition:
1967
+ border-color 0.15s,
1968
+ color 0.15s,
1969
+ background 0.15s;
1970
+ }
1971
+
1972
+ .schedule-item-add:hover {
1973
+ border-color: rgba(74, 142, 161, 0.6);
1974
+ color: #2f5f6d;
1975
+ background: #e9f1f4;
1976
+ }
1977
+ /*$vite$:1*/