@windward/core 0.2.3 → 0.4.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 (173) hide show
  1. package/babel.config.js +1 -1
  2. package/components/Content/Blocks/Accordion.vue +37 -0
  3. package/components/Content/Blocks/ClickableIcons.vue +107 -20
  4. package/components/Content/Blocks/Email.vue +9 -0
  5. package/components/Content/Blocks/Image.vue +48 -20
  6. package/components/Content/Blocks/UserUpload/ManageDataTableUserFiles.vue +1 -1
  7. package/components/Content/Blocks/UserUpload.vue +1 -1
  8. package/components/Content/Blocks/Video.vue +80 -9
  9. package/components/Navigation/Items/AskTheExpert.vue +2 -1
  10. package/components/Navigation/Items/CourseGlossaryToolNav.vue +2 -1
  11. package/components/Settings/AccordionSettings.vue +64 -4
  12. package/components/Settings/BlockQuoteSettings.vue +9 -1
  13. package/components/Settings/ClickableIconsSettings.vue +104 -13
  14. package/components/Settings/EmailSettings.vue +13 -13
  15. package/components/Settings/FeedbackSettings.vue +2 -1
  16. package/components/Settings/HorizontalRuleSettings.vue +2 -1
  17. package/components/Settings/ImageSettings.vue +148 -39
  18. package/components/Settings/MathSettings.vue +6 -5
  19. package/components/Settings/OpenResponseCollateSettings.vue +5 -1
  20. package/components/Settings/OpenResponseSettings.vue +9 -4
  21. package/components/Settings/ScenarioChoiceSettings.vue +15 -4
  22. package/components/Settings/TabSettings.vue +12 -4
  23. package/components/Settings/TextEditorSettings.vue +14 -7
  24. package/components/Settings/UserUploadSettings.vue +11 -4
  25. package/components/Settings/VideoSettings.vue +121 -66
  26. package/components/utils/ContentViewer.vue +6 -1
  27. package/components/utils/MathExpressionEditor.vue +10 -5
  28. package/components/utils/TinyMCEWrapper.vue +120 -19
  29. package/components/utils/assets/tinymce/content/dark/content.scss +4 -0
  30. package/components/utils/assets/tinymce/{css/content.scss → content/global.scss} +38 -37
  31. package/components/utils/assets/tinymce/content/light/content.scss +4 -0
  32. package/components/utils/assets/tinymce/ui/dark/content.scss +803 -0
  33. package/components/utils/assets/tinymce/ui/dark/skin.scss +4727 -0
  34. package/components/utils/assets/tinymce/ui/global.scss +19 -0
  35. package/components/utils/assets/tinymce/ui/light/content.scss +822 -0
  36. package/components/utils/assets/tinymce/ui/light/skin.scss +4731 -0
  37. package/components/utils/glossary/CourseGlossary.vue +4 -3
  38. package/components/utils/glossary/CourseGlossaryForm.vue +1 -1
  39. package/config/tinymce.config.ts +22 -14
  40. package/helpers/FillInBlankHelper.ts +34 -28
  41. package/helpers/GlossaryHelper.ts +90 -73
  42. package/helpers/MathHelper.ts +49 -28
  43. package/helpers/tinymce/plugin.ts +9 -7
  44. package/i18n/en-US/components/content/blocks/image.ts +1 -1
  45. package/i18n/en-US/components/settings/clickable_icon.ts +2 -0
  46. package/i18n/en-US/components/settings/image.ts +6 -1
  47. package/i18n/en-US/shared/settings.ts +3 -0
  48. package/i18n/es-ES/components/content/blocks/image.ts +1 -1
  49. package/i18n/es-ES/components/settings/clickable_icon.ts +2 -0
  50. package/i18n/es-ES/components/settings/image.ts +8 -1
  51. package/i18n/es-ES/shared/settings.ts +3 -0
  52. package/i18n/sv-SE/components/content/blocks/image.ts +1 -1
  53. package/i18n/sv-SE/components/settings/clickable_icon.ts +2 -0
  54. package/i18n/sv-SE/components/settings/image.ts +6 -1
  55. package/i18n/sv-SE/shared/settings.ts +3 -0
  56. package/package.json +4 -3
  57. package/test/Components/Settings/AccordionSettings.spec.js +16 -2
  58. package/test/__mocks__/componentsMock.js +57 -97
  59. package/test/__mocks__/contentBlockMock.js +7 -1
  60. package/test/__mocks__/contentSettingsMock.js +8 -1
  61. package/test/__mocks__/helpersMock.js +9 -0
  62. package/test/__mocks__/modelMock.js +101 -31
  63. package/test/helpers/MathHelper.spec.js +22 -3
  64. package/tsconfig.json +1 -0
  65. package/.idea/codeStyles/Project.xml +0 -58
  66. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  67. package/.idea/inspectionProfiles/Project_Default.xml +0 -6
  68. package/.idea/modules.xml +0 -8
  69. package/.idea/php-docker-settings.xml +0 -24
  70. package/.idea/php.xml +0 -19
  71. package/.idea/vcs.xml +0 -6
  72. package/.idea/watcherTasks.xml +0 -4
  73. package/.idea/windward-ui-plugin-core.iml +0 -8
  74. package/coverage/clover.xml +0 -223
  75. package/coverage/coverage-final.json +0 -16
  76. package/coverage/lcov-report/base.css +0 -224
  77. package/coverage/lcov-report/block-navigation.js +0 -87
  78. package/coverage/lcov-report/components/Content/Blocks/Accordion.vue.html +0 -430
  79. package/coverage/lcov-report/components/Content/Blocks/Image.vue.html +0 -394
  80. package/coverage/lcov-report/components/Content/Blocks/Math.vue.html +0 -262
  81. package/coverage/lcov-report/components/Content/Blocks/RichText.vue.html +0 -295
  82. package/coverage/lcov-report/components/Content/Blocks/Tab.vue.html +0 -415
  83. package/coverage/lcov-report/components/Content/Blocks/Table.vue.html +0 -667
  84. package/coverage/lcov-report/components/Content/Blocks/Video.vue.html +0 -2275
  85. package/coverage/lcov-report/components/Content/Blocks/index.html +0 -206
  86. package/coverage/lcov-report/components/utils/ContentViewer.vue.html +0 -199
  87. package/coverage/lcov-report/components/utils/MathExpressionEditor.vue.html +0 -919
  88. package/coverage/lcov-report/components/utils/MathLiveWrapper.vue.html +0 -343
  89. package/coverage/lcov-report/components/utils/TinyMCEWrapper.vue.html +0 -271
  90. package/coverage/lcov-report/components/utils/index.html +0 -161
  91. package/coverage/lcov-report/config/index.html +0 -116
  92. package/coverage/lcov-report/config/tinymce.config.js.html +0 -493
  93. package/coverage/lcov-report/favicon.png +0 -0
  94. package/coverage/lcov-report/helpers/MathHelper.ts.html +0 -793
  95. package/coverage/lcov-report/helpers/index.html +0 -116
  96. package/coverage/lcov-report/helpers/tinymce/index.html +0 -116
  97. package/coverage/lcov-report/helpers/tinymce/plugin.ts.html +0 -334
  98. package/coverage/lcov-report/index.html +0 -191
  99. package/coverage/lcov-report/prettify.css +0 -1
  100. package/coverage/lcov-report/prettify.js +0 -2
  101. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  102. package/coverage/lcov-report/sorter.js +0 -196
  103. package/coverage/lcov-report/test/index.html +0 -116
  104. package/coverage/lcov-report/test/mocks.js.html +0 -457
  105. package/coverage/lcov.info +0 -403
  106. package/lib/helpers/GlossaryHelper.d.ts +0 -9
  107. package/lib/helpers/GlossaryHelper.js +0 -118
  108. package/lib/helpers/GlossaryTerm.d.ts +0 -10
  109. package/lib/helpers/GlossaryTerm.js +0 -22
  110. package/lib/helpers/MathHelper.d.ts +0 -99
  111. package/lib/helpers/MathHelper.js +0 -194
  112. package/lib/helpers/tinymce/plugin.d.ts +0 -2
  113. package/lib/helpers/tinymce/plugin.js +0 -86
  114. package/lib/i18n/en-US/components/content/blocks/image.d.ts +0 -6
  115. package/lib/i18n/en-US/components/content/blocks/image.js +0 -7
  116. package/lib/i18n/en-US/components/content/blocks/index.d.ts +0 -75
  117. package/lib/i18n/en-US/components/content/blocks/index.js +0 -14
  118. package/lib/i18n/en-US/components/content/blocks/tab.d.ts +0 -5
  119. package/lib/i18n/en-US/components/content/blocks/tab.js +0 -6
  120. package/lib/i18n/en-US/components/content/blocks/table.d.ts +0 -5
  121. package/lib/i18n/en-US/components/content/blocks/table.js +0 -6
  122. package/lib/i18n/en-US/components/content/blocks/user_upload.d.ts +0 -13
  123. package/lib/i18n/en-US/components/content/blocks/user_upload.js +0 -14
  124. package/lib/i18n/en-US/components/content/blocks/video.d.ts +0 -48
  125. package/lib/i18n/en-US/components/content/blocks/video.js +0 -49
  126. package/lib/i18n/en-US/components/content/index.d.ts +0 -77
  127. package/lib/i18n/en-US/components/content/index.js +0 -6
  128. package/lib/i18n/en-US/components/index.d.ts +0 -140
  129. package/lib/i18n/en-US/components/index.js +0 -12
  130. package/lib/i18n/en-US/components/navigation/image.d.ts +0 -5
  131. package/lib/i18n/en-US/components/navigation/image.js +0 -6
  132. package/lib/i18n/en-US/components/navigation/index.d.ts +0 -10
  133. package/lib/i18n/en-US/components/navigation/index.js +0 -8
  134. package/lib/i18n/en-US/components/navigation/user_upload.d.ts +0 -4
  135. package/lib/i18n/en-US/components/navigation/user_upload.js +0 -5
  136. package/lib/i18n/en-US/components/settings/clickable_icon.d.ts +0 -6
  137. package/lib/i18n/en-US/components/settings/clickable_icon.js +0 -7
  138. package/lib/i18n/en-US/components/settings/image.d.ts +0 -2
  139. package/lib/i18n/en-US/components/settings/image.js +0 -3
  140. package/lib/i18n/en-US/components/settings/index.d.ts +0 -39
  141. package/lib/i18n/en-US/components/settings/index.js +0 -14
  142. package/lib/i18n/en-US/components/settings/text_editor.d.ts +0 -8
  143. package/lib/i18n/en-US/components/settings/text_editor.js +0 -9
  144. package/lib/i18n/en-US/components/settings/user_upload.d.ts +0 -12
  145. package/lib/i18n/en-US/components/settings/user_upload.js +0 -13
  146. package/lib/i18n/en-US/components/settings/video.d.ts +0 -13
  147. package/lib/i18n/en-US/components/settings/video.js +0 -14
  148. package/lib/i18n/en-US/components/utils/index.d.ts +0 -15
  149. package/lib/i18n/en-US/components/utils/index.js +0 -6
  150. package/lib/i18n/en-US/components/utils/tiny_mce_wrapper.d.ts +0 -13
  151. package/lib/i18n/en-US/components/utils/tiny_mce_wrapper.js +0 -14
  152. package/lib/i18n/en-US/index.d.ts +0 -197
  153. package/lib/i18n/en-US/index.js +0 -16
  154. package/lib/i18n/en-US/modules/index.d.ts +0 -2
  155. package/lib/i18n/en-US/modules/index.js +0 -6
  156. package/lib/i18n/en-US/pages/glossary.d.ts +0 -8
  157. package/lib/i18n/en-US/pages/glossary.js +0 -9
  158. package/lib/i18n/en-US/pages/index.d.ts +0 -13
  159. package/lib/i18n/en-US/pages/index.js +0 -8
  160. package/lib/i18n/en-US/pages/user_upload.d.ts +0 -4
  161. package/lib/i18n/en-US/pages/user_upload.js +0 -5
  162. package/lib/i18n/en-US/shared/content_blocks.d.ts +0 -20
  163. package/lib/i18n/en-US/shared/content_blocks.js +0 -21
  164. package/lib/i18n/en-US/shared/index.d.ts +0 -39
  165. package/lib/i18n/en-US/shared/index.js +0 -10
  166. package/lib/i18n/en-US/shared/menu.d.ts +0 -4
  167. package/lib/i18n/en-US/shared/menu.js +0 -5
  168. package/lib/i18n/en-US/shared/settings.d.ts +0 -15
  169. package/lib/i18n/en-US/shared/settings.js +0 -16
  170. package/lib/i18n/en-US.d.ts +0 -197
  171. package/lib/i18n/en-US.js +0 -15
  172. package/lib/models/UserFileAsset.d.ts +0 -5
  173. package/lib/models/UserFileAsset.js +0 -37
@@ -0,0 +1,4727 @@
1
+ .tox {
2
+ box-shadow: none;
3
+ box-sizing: content-box;
4
+ color: var(--v-background-base);
5
+ cursor: auto;
6
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
7
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
8
+ font-size: 16px;
9
+ font-style: normal;
10
+ font-weight: normal;
11
+ line-height: normal;
12
+ -webkit-tap-highlight-color: transparent;
13
+ text-decoration: none;
14
+ text-shadow: none;
15
+ text-transform: none;
16
+ vertical-align: initial;
17
+ white-space: normal;
18
+ }
19
+ .tox *:not(svg):not(rect) {
20
+ box-sizing: inherit;
21
+ color: inherit;
22
+ cursor: inherit;
23
+ direction: inherit;
24
+ font-family: inherit;
25
+ font-size: inherit;
26
+ font-style: inherit;
27
+ font-weight: inherit;
28
+ line-height: inherit;
29
+ -webkit-tap-highlight-color: inherit;
30
+ text-align: inherit;
31
+ text-decoration: inherit;
32
+ text-shadow: inherit;
33
+ text-transform: inherit;
34
+ vertical-align: inherit;
35
+ white-space: inherit;
36
+ }
37
+ .tox *:not(svg):not(rect) {
38
+ /* stylelint-disable-line no-duplicate-selectors */
39
+ background: transparent;
40
+ border: 0;
41
+ box-shadow: none;
42
+ float: none;
43
+ height: auto;
44
+ margin: 0;
45
+ max-width: none;
46
+ outline: 0;
47
+ padding: 0;
48
+ position: static;
49
+ width: auto;
50
+ }
51
+ .tox:not([dir='rtl']) {
52
+ direction: ltr;
53
+ text-align: left;
54
+ }
55
+ .tox[dir='rtl'] {
56
+ direction: rtl;
57
+ text-align: right;
58
+ }
59
+ .tox-tinymce {
60
+ border: 2px solid #161f29;
61
+ border-radius: 10px;
62
+ box-shadow: none;
63
+ box-sizing: border-box;
64
+ display: flex;
65
+ flex-direction: column;
66
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
67
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
68
+ overflow: hidden;
69
+ position: relative;
70
+ visibility: inherit !important;
71
+ }
72
+ .tox.tox-tinymce-inline {
73
+ border: none;
74
+ box-shadow: none;
75
+ overflow: initial;
76
+ }
77
+ .tox.tox-tinymce-inline .tox-editor-container {
78
+ overflow: initial;
79
+ }
80
+ .tox.tox-tinymce-inline .tox-editor-header {
81
+ background-color: var(--v-background-base);
82
+ border: 2px solid #161f29;
83
+ border-radius: 10px;
84
+ box-shadow: none;
85
+ overflow: hidden;
86
+ }
87
+ .tox-tinymce-aux {
88
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
89
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
90
+ z-index: 1300;
91
+ }
92
+ .tox-tinymce *:focus,
93
+ .tox-tinymce-aux *:focus {
94
+ outline: none;
95
+ }
96
+ button::-moz-focus-inner {
97
+ border: 0;
98
+ }
99
+ .tox[dir='rtl'] .tox-icon--flip svg {
100
+ transform: rotateY(180deg);
101
+ }
102
+ .tox .accessibility-issue__header {
103
+ align-items: center;
104
+ display: flex;
105
+ margin-bottom: 4px;
106
+ }
107
+ .tox .accessibility-issue__description {
108
+ align-items: stretch;
109
+ border-radius: 6px;
110
+ display: flex;
111
+ justify-content: space-between;
112
+ }
113
+ .tox .accessibility-issue__description > div {
114
+ padding-bottom: 4px;
115
+ }
116
+ .tox .accessibility-issue__description > div > div {
117
+ align-items: center;
118
+ display: flex;
119
+ margin-bottom: 4px;
120
+ }
121
+ .tox .accessibility-issue__description > div > div .tox-icon svg {
122
+ display: block;
123
+ }
124
+ .tox .accessibility-issue__repair {
125
+ margin-top: 16px;
126
+ }
127
+ .tox
128
+ .tox-dialog__body-content
129
+ .accessibility-issue--info
130
+ .accessibility-issue__description {
131
+ background-color: rgba(0, 101, 216, 0.4);
132
+ color: #fff;
133
+ }
134
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
135
+ color: #fff;
136
+ }
137
+ .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
138
+ fill: #fff;
139
+ }
140
+ .tox
141
+ .tox-dialog__body-content
142
+ .accessibility-issue--info
143
+ a.tox-button--naked.tox-button--icon {
144
+ background-color: var(--v-primary-base);
145
+ color: var(--theme--dark-primary-base--text);
146
+ }
147
+ .tox
148
+ .tox-dialog__body-content
149
+ .accessibility-issue--info
150
+ a.tox-button--naked.tox-button--icon:hover,
151
+ .tox
152
+ .tox-dialog__body-content
153
+ .accessibility-issue--info
154
+ a.tox-button--naked.tox-button--icon:focus {
155
+ background-color: inherit;
156
+ }
157
+ .tox
158
+ .tox-dialog__body-content
159
+ .accessibility-issue--info
160
+ a.tox-button--naked.tox-button--icon:active {
161
+ background-color: inherit;
162
+ }
163
+ .tox .tox-dialog__body-content .accessibility-issue--warn {
164
+ /* stylelint-disable-next-line no-descending-specificity */
165
+ }
166
+ .tox
167
+ .tox-dialog__body-content
168
+ .accessibility-issue--warn
169
+ .accessibility-issue__description {
170
+ background-color: rgba(255, 165, 0, 0.5);
171
+ color: #fff;
172
+ }
173
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
174
+ color: #fff;
175
+ }
176
+ .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
177
+ fill: #fff;
178
+ }
179
+ .tox
180
+ .tox-dialog__body-content
181
+ .accessibility-issue--warn
182
+ a.tox-button--naked.tox-button--icon {
183
+ background-color: #ffe89d;
184
+ color: var(--v-background-base);
185
+ }
186
+ .tox
187
+ .tox-dialog__body-content
188
+ .accessibility-issue--warn
189
+ a.tox-button--naked.tox-button--icon:hover,
190
+ .tox
191
+ .tox-dialog__body-content
192
+ .accessibility-issue--warn
193
+ a.tox-button--naked.tox-button--icon:focus {
194
+ background-color: #f2d574;
195
+ color: var(--v-background-base);
196
+ }
197
+ .tox
198
+ .tox-dialog__body-content
199
+ .accessibility-issue--warn
200
+ a.tox-button--naked.tox-button--icon:active {
201
+ background-color: #e8c657;
202
+ color: var(--v-background-base);
203
+ }
204
+ .tox .tox-dialog__body-content .accessibility-issue--error {
205
+ /* stylelint-disable-next-line no-descending-specificity */
206
+ }
207
+ .tox
208
+ .tox-dialog__body-content
209
+ .accessibility-issue--error
210
+ .accessibility-issue__description {
211
+ background-color: rgba(204, 0, 0, 0.5);
212
+ color: #fff;
213
+ }
214
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
215
+ color: #fff;
216
+ }
217
+ .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
218
+ fill: #fff;
219
+ }
220
+ .tox
221
+ .tox-dialog__body-content
222
+ .accessibility-issue--error
223
+ a.tox-button--naked.tox-button--icon {
224
+ background-color: #f2bfbf;
225
+ color: var(--v-background-base);
226
+ }
227
+ .tox
228
+ .tox-dialog__body-content
229
+ .accessibility-issue--error
230
+ a.tox-button--naked.tox-button--icon:hover,
231
+ .tox
232
+ .tox-dialog__body-content
233
+ .accessibility-issue--error
234
+ a.tox-button--naked.tox-button--icon:focus {
235
+ background-color: #e9a4a4;
236
+ color: var(--v-background-base);
237
+ }
238
+ .tox
239
+ .tox-dialog__body-content
240
+ .accessibility-issue--error
241
+ a.tox-button--naked.tox-button--icon:active {
242
+ background-color: #ee9494;
243
+ color: var(--v-background-base);
244
+ }
245
+ .tox
246
+ .tox-dialog__body-content
247
+ .accessibility-issue--success
248
+ .accessibility-issue__description {
249
+ background-color: rgba(120, 171, 70, 0.5);
250
+ color: #fff;
251
+ }
252
+ .tox
253
+ .tox-dialog__body-content
254
+ .accessibility-issue--success
255
+ .accessibility-issue__description
256
+ > *:last-child {
257
+ display: none;
258
+ }
259
+ .tox
260
+ .tox-dialog__body-content
261
+ .accessibility-issue--success
262
+ .tox-form__group
263
+ h2 {
264
+ color: #fff;
265
+ }
266
+ .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
267
+ fill: #fff;
268
+ }
269
+ .tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
270
+ .tox
271
+ .tox-dialog__body-content
272
+ .tox-form__group
273
+ .accessibility-issue__description
274
+ h2 {
275
+ font-size: 14px;
276
+ margin-top: 0;
277
+ }
278
+ .tox:not([dir='rtl'])
279
+ .tox-dialog__body-content
280
+ .accessibility-issue__header
281
+ .tox-button {
282
+ margin-left: 4px;
283
+ }
284
+ .tox:not([dir='rtl'])
285
+ .tox-dialog__body-content
286
+ .accessibility-issue__header
287
+ > *:nth-last-child(2) {
288
+ margin-left: auto;
289
+ }
290
+ .tox:not([dir='rtl'])
291
+ .tox-dialog__body-content
292
+ .accessibility-issue__description {
293
+ padding: 4px 4px 4px 8px;
294
+ }
295
+ .tox[dir='rtl']
296
+ .tox-dialog__body-content
297
+ .accessibility-issue__header
298
+ .tox-button {
299
+ margin-right: 4px;
300
+ }
301
+ .tox[dir='rtl']
302
+ .tox-dialog__body-content
303
+ .accessibility-issue__header
304
+ > *:nth-last-child(2) {
305
+ margin-right: auto;
306
+ }
307
+ .tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
308
+ padding: 4px 8px 4px 4px;
309
+ }
310
+ .tox .mce-codemirror {
311
+ background: #fff;
312
+ bottom: 0;
313
+ font-size: 13px;
314
+ left: 0;
315
+ position: absolute;
316
+ right: 0;
317
+ top: 0;
318
+ z-index: 1;
319
+ }
320
+ .tox .mce-codemirror.tox-inline-codemirror {
321
+ margin: 8px;
322
+ position: absolute;
323
+ }
324
+ .tox .tox-advtemplate .tox-form__grid {
325
+ flex: 1;
326
+ }
327
+ .tox .tox-advtemplate .tox-form__grid > div:first-child {
328
+ display: flex;
329
+ flex-direction: column;
330
+ width: 30%;
331
+ }
332
+ .tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
333
+ flex-basis: 0;
334
+ flex-grow: 1;
335
+ overflow: auto;
336
+ }
337
+ @media only screen and (max-width: 767px) {
338
+ body:not(.tox-force-desktop)
339
+ .tox
340
+ .tox-advtemplate
341
+ .tox-form__grid
342
+ > div:first-child {
343
+ width: 100%;
344
+ }
345
+ }
346
+ .tox .tox-advtemplate iframe {
347
+ border-color: #161f29;
348
+ border-radius: 10px;
349
+ border-style: solid;
350
+ border-width: 1px;
351
+ margin: 0 10px;
352
+ }
353
+ .tox .tox-anchorbar {
354
+ display: flex;
355
+ flex: 0 0 auto;
356
+ }
357
+ .tox .tox-bottom-anchorbar {
358
+ display: flex;
359
+ flex: 0 0 auto;
360
+ }
361
+ .tox .tox-bar {
362
+ display: flex;
363
+ flex: 0 0 auto;
364
+ }
365
+ .tox .tox-button {
366
+ background-color: inherit;
367
+ color: var(--v-primary-base);
368
+ background-image: none;
369
+ background-position: 0 0;
370
+ background-repeat: repeat;
371
+ border-radius: 6px;
372
+ border-style: solid;
373
+ border-width: 1px;
374
+ box-shadow: none;
375
+ box-sizing: border-box;
376
+ cursor: pointer;
377
+ display: inline-block;
378
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
379
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
380
+ font-size: 14px;
381
+ font-style: normal;
382
+ font-weight: bold;
383
+ letter-spacing: normal;
384
+ line-height: 24px;
385
+ margin: 0;
386
+ outline: none;
387
+ padding: 4px 16px;
388
+ position: relative;
389
+ text-align: center;
390
+ text-decoration: none;
391
+ text-transform: none;
392
+ white-space: nowrap;
393
+ }
394
+ .tox .tox-button::before {
395
+ border-radius: 6px;
396
+ bottom: -1px;
397
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
398
+ content: '';
399
+ left: -1px;
400
+ opacity: 0;
401
+ pointer-events: none;
402
+ position: absolute;
403
+ right: -1px;
404
+ top: -1px;
405
+ }
406
+ .tox .tox-button[disabled] {
407
+ background-color: #006ce7;
408
+ background-image: none;
409
+ border-color: #006ce7;
410
+ box-shadow: none;
411
+ color: rgba(255, 255, 255, 0.5);
412
+ cursor: not-allowed;
413
+ }
414
+ .tox .tox-button:focus:not(:disabled) {
415
+ background-color: inherit;
416
+ background-image: none;
417
+ border-color: var(--v-primary-base);
418
+ box-shadow: none;
419
+ color: #fff;
420
+ }
421
+ .tox .tox-button:focus:not(:disabled)::before {
422
+ opacity: 1;
423
+ }
424
+ .tox .tox-button:hover:not(:disabled) {
425
+ background-color: inherit;
426
+ background-image: none;
427
+ border-color: var(--v-primary-base);
428
+ box-shadow: none;
429
+ color: #fff;
430
+ }
431
+ .tox .tox-button:active:not(:disabled) {
432
+ background-color: #0054b4;
433
+ background-image: none;
434
+ border-color: #0054b4;
435
+ box-shadow: none;
436
+ color: #fff;
437
+ }
438
+ .tox .tox-button.tox-button--enabled {
439
+ background-color: #0054b4;
440
+ background-image: none;
441
+ border-color: #0054b4;
442
+ box-shadow: none;
443
+ color: #fff;
444
+ }
445
+ .tox .tox-button.tox-button--enabled[disabled] {
446
+ background-color: #0054b4;
447
+ background-image: none;
448
+ border-color: #0054b4;
449
+ box-shadow: none;
450
+ color: rgba(255, 255, 255, 0.5);
451
+ cursor: not-allowed;
452
+ }
453
+ .tox .tox-button.tox-button--enabled:focus:not(:disabled) {
454
+ background-color: #00489b;
455
+ background-image: none;
456
+ border-color: #00489b;
457
+ box-shadow: none;
458
+ color: #fff;
459
+ }
460
+ .tox .tox-button.tox-button--enabled:hover:not(:disabled) {
461
+ background-color: #00489b;
462
+ background-image: none;
463
+ border-color: #00489b;
464
+ box-shadow: none;
465
+ color: #fff;
466
+ }
467
+ .tox .tox-button.tox-button--enabled:active:not(:disabled) {
468
+ background-color: #003c81;
469
+ background-image: none;
470
+ border-color: #003c81;
471
+ box-shadow: none;
472
+ color: #fff;
473
+ }
474
+ .tox .tox-button--icon-and-text,
475
+ .tox .tox-button.tox-button--icon-and-text,
476
+ .tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
477
+ display: flex;
478
+ padding: 5px 4px;
479
+ }
480
+ .tox .tox-button--icon-and-text .tox-icon svg,
481
+ .tox .tox-button.tox-button--icon-and-text .tox-icon svg,
482
+ .tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
483
+ display: block;
484
+ fill: currentColor;
485
+ }
486
+ .tox .tox-button--secondary {
487
+ background-color: #3d546f;
488
+ background-image: none;
489
+ background-position: 0 0;
490
+ background-repeat: repeat;
491
+ border-color: #3d546f;
492
+ border-radius: 6px;
493
+ border-style: solid;
494
+ border-width: 1px;
495
+ box-shadow: none;
496
+ color: #fff;
497
+ font-size: 14px;
498
+ font-style: normal;
499
+ font-weight: bold;
500
+ letter-spacing: normal;
501
+ outline: none;
502
+ padding: 4px 16px;
503
+ text-decoration: none;
504
+ text-transform: none;
505
+ }
506
+ .tox .tox-button--secondary[disabled] {
507
+ background-color: #3d546f;
508
+ background-image: none;
509
+ border-color: #3d546f;
510
+ box-shadow: none;
511
+ color: rgba(255, 255, 255, 0.5);
512
+ }
513
+ .tox .tox-button--secondary:focus:not(:disabled) {
514
+ background-color: #34485f;
515
+ background-image: none;
516
+ border-color: #34485f;
517
+ box-shadow: none;
518
+ color: #fff;
519
+ }
520
+ .tox .tox-button--secondary:hover:not(:disabled) {
521
+ background-color: #34485f;
522
+ background-image: none;
523
+ border-color: #34485f;
524
+ box-shadow: none;
525
+ color: #fff;
526
+ }
527
+ .tox .tox-button--secondary:active:not(:disabled) {
528
+ background-color: var(--v-surface-base);
529
+ background-image: none;
530
+ border-color: var(--v-surface-base);
531
+ box-shadow: none;
532
+ color: #fff;
533
+ }
534
+ .tox .tox-button--secondary.tox-button--enabled {
535
+ background-color: #2b5c93;
536
+ background-image: none;
537
+ border-color: #2b5c93;
538
+ box-shadow: none;
539
+ color: #fff;
540
+ }
541
+ .tox .tox-button--secondary.tox-button--enabled[disabled] {
542
+ background-color: #2b5c93;
543
+ background-image: none;
544
+ border-color: #2b5c93;
545
+ box-shadow: none;
546
+ color: rgba(255, 255, 255, 0.5);
547
+ }
548
+ .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
549
+ background-color: #254f80;
550
+ background-image: none;
551
+ border-color: #254f80;
552
+ box-shadow: none;
553
+ color: #fff;
554
+ }
555
+ .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
556
+ background-color: #254f80;
557
+ background-image: none;
558
+ border-color: #254f80;
559
+ box-shadow: none;
560
+ color: #fff;
561
+ }
562
+ .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
563
+ background-color: #1f436c;
564
+ background-image: none;
565
+ border-color: #1f436c;
566
+ box-shadow: none;
567
+ color: #fff;
568
+ }
569
+ .tox .tox-button--icon,
570
+ .tox .tox-button.tox-button--icon,
571
+ .tox .tox-button.tox-button--secondary.tox-button--icon {
572
+ padding: 4px;
573
+ }
574
+ .tox .tox-button--icon .tox-icon svg,
575
+ .tox .tox-button.tox-button--icon .tox-icon svg,
576
+ .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
577
+ display: block;
578
+ fill: currentColor;
579
+ }
580
+ .tox .tox-button-link {
581
+ background: 0;
582
+ border: none;
583
+ box-sizing: border-box;
584
+ cursor: pointer;
585
+ display: inline-block;
586
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
587
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
588
+ font-size: 16px;
589
+ font-weight: normal;
590
+ line-height: 1.3;
591
+ margin: 0;
592
+ padding: 0;
593
+ white-space: nowrap;
594
+ }
595
+ .tox .tox-button-link--sm {
596
+ font-size: 14px;
597
+ }
598
+ .tox .tox-button--naked {
599
+ background-color: transparent;
600
+ border-color: transparent;
601
+ box-shadow: unset;
602
+ color: #fff;
603
+ }
604
+ .tox .tox-button--naked[disabled] {
605
+ background-color: rgba(255, 255, 255, 0.2);
606
+ border-color: transparent;
607
+ box-shadow: unset;
608
+ color: rgba(255, 255, 255, 0.5);
609
+ }
610
+ .tox .tox-button--naked:hover:not(:disabled) {
611
+ background-color: rgba(255, 255, 255, 0.2);
612
+ border-color: transparent;
613
+ box-shadow: unset;
614
+ color: #fff;
615
+ }
616
+ .tox .tox-button--naked:focus:not(:disabled) {
617
+ background-color: rgba(255, 255, 255, 0.2);
618
+ border-color: transparent;
619
+ box-shadow: unset;
620
+ color: #fff;
621
+ }
622
+ .tox .tox-button--naked:active:not(:disabled) {
623
+ background-color: rgba(255, 255, 255, 0.3);
624
+ border-color: transparent;
625
+ box-shadow: unset;
626
+ color: #fff;
627
+ }
628
+ .tox .tox-button--naked .tox-icon svg {
629
+ fill: currentColor;
630
+ }
631
+ .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
632
+ color: #fff;
633
+ }
634
+ .tox .tox-checkbox {
635
+ align-items: center;
636
+ border-radius: 6px;
637
+ cursor: pointer;
638
+ display: flex;
639
+ height: 36px;
640
+ min-width: 36px;
641
+ }
642
+ .tox .tox-checkbox__input {
643
+ /* Hide from view but visible to screen readers */
644
+ height: 1px;
645
+ overflow: hidden;
646
+ position: absolute;
647
+ top: auto;
648
+ width: 1px;
649
+ }
650
+ .tox .tox-checkbox__icons {
651
+ align-items: center;
652
+ border-radius: 6px;
653
+ box-shadow: 0 0 0 2px transparent;
654
+ box-sizing: content-box;
655
+ display: flex;
656
+ height: 24px;
657
+ justify-content: center;
658
+ padding: calc(4px - 1px);
659
+ width: 24px;
660
+ }
661
+ .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
662
+ display: block;
663
+ fill: rgba(255, 255, 255, 0.2);
664
+ }
665
+ @media (forced-colors: active) {
666
+ .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
667
+ fill: currentColor !important;
668
+ }
669
+ }
670
+ .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
671
+ display: none;
672
+ fill: #006ce7;
673
+ }
674
+ .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
675
+ display: none;
676
+ fill: #006ce7;
677
+ }
678
+ .tox .tox-checkbox--disabled {
679
+ color: rgba(255, 255, 255, 0.5);
680
+ cursor: not-allowed;
681
+ }
682
+ .tox
683
+ .tox-checkbox--disabled
684
+ .tox-checkbox__icons
685
+ .tox-checkbox-icon__checked
686
+ svg {
687
+ fill: rgba(255, 255, 255, 0.5);
688
+ }
689
+ .tox
690
+ .tox-checkbox--disabled
691
+ .tox-checkbox__icons
692
+ .tox-checkbox-icon__unchecked
693
+ svg {
694
+ fill: rgba(255, 255, 255, 0.5);
695
+ }
696
+ .tox
697
+ .tox-checkbox--disabled
698
+ .tox-checkbox__icons
699
+ .tox-checkbox-icon__indeterminate
700
+ svg {
701
+ fill: rgba(255, 255, 255, 0.5);
702
+ }
703
+ .tox
704
+ input.tox-checkbox__input:checked
705
+ + .tox-checkbox__icons
706
+ .tox-checkbox-icon__unchecked
707
+ svg {
708
+ display: none;
709
+ }
710
+ .tox
711
+ input.tox-checkbox__input:checked
712
+ + .tox-checkbox__icons
713
+ .tox-checkbox-icon__checked
714
+ svg {
715
+ display: block;
716
+ }
717
+ .tox
718
+ input.tox-checkbox__input:indeterminate
719
+ + .tox-checkbox__icons
720
+ .tox-checkbox-icon__unchecked
721
+ svg {
722
+ display: none;
723
+ }
724
+ .tox
725
+ input.tox-checkbox__input:indeterminate
726
+ + .tox-checkbox__icons
727
+ .tox-checkbox-icon__indeterminate
728
+ svg {
729
+ display: block;
730
+ }
731
+ .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
732
+ border-radius: 6px;
733
+ box-shadow: inset 0 0 0 1px #006ce7;
734
+ padding: calc(4px - 1px);
735
+ }
736
+ .tox:not([dir='rtl']) .tox-checkbox__label {
737
+ margin-left: 4px;
738
+ }
739
+ .tox:not([dir='rtl']) .tox-checkbox__input {
740
+ left: -10000px;
741
+ }
742
+ .tox:not([dir='rtl']) .tox-bar .tox-checkbox {
743
+ margin-left: 4px;
744
+ }
745
+ .tox[dir='rtl'] .tox-checkbox__label {
746
+ margin-right: 4px;
747
+ }
748
+ .tox[dir='rtl'] .tox-checkbox__input {
749
+ right: -10000px;
750
+ }
751
+ .tox[dir='rtl'] .tox-bar .tox-checkbox {
752
+ margin-right: 4px;
753
+ }
754
+ .tox {
755
+ /* stylelint-disable-next-line no-descending-specificity */
756
+ }
757
+ .tox .tox-collection--toolbar .tox-collection__group {
758
+ display: flex;
759
+ padding: 0;
760
+ }
761
+ .tox .tox-collection--grid .tox-collection__group {
762
+ display: flex;
763
+ flex-wrap: wrap;
764
+ max-height: 208px;
765
+ overflow-x: hidden;
766
+ overflow-y: auto;
767
+ padding: 0;
768
+ }
769
+ .tox .tox-collection--list .tox-collection__group {
770
+ border-bottom-width: 0;
771
+ border-color: rgba(255, 255, 255, 0.15);
772
+ border-left-width: 0;
773
+ border-right-width: 0;
774
+ border-style: solid;
775
+ border-top-width: 1px;
776
+ padding: 4px 0;
777
+ }
778
+ .tox .tox-collection--list .tox-collection__group:first-child {
779
+ border-top-width: 0;
780
+ }
781
+ .tox .tox-collection__group-heading {
782
+ background-color: rgba(255, 255, 255, 0.15);
783
+ color: rgba(255, 255, 255, 0.5);
784
+ cursor: default;
785
+ font-size: 12px;
786
+ font-style: normal;
787
+ font-weight: normal;
788
+ margin-bottom: 4px;
789
+ margin-top: -4px;
790
+ padding: 4px 8px;
791
+ text-transform: none;
792
+ -webkit-touch-callout: none;
793
+ -webkit-user-select: none;
794
+ -moz-user-select: none;
795
+ user-select: none;
796
+ }
797
+ .tox .tox-collection__item {
798
+ align-items: center;
799
+ border-radius: 3px;
800
+ color: #fff;
801
+ display: flex;
802
+ -webkit-touch-callout: none;
803
+ -webkit-user-select: none;
804
+ -moz-user-select: none;
805
+ user-select: none;
806
+ }
807
+ .tox .tox-collection--list .tox-collection__item {
808
+ padding: 4px 8px;
809
+ }
810
+ .tox .tox-collection--toolbar .tox-collection__item {
811
+ border-radius: 3px;
812
+ padding: 4px;
813
+ }
814
+ .tox .tox-collection--grid .tox-collection__item {
815
+ border-radius: 3px;
816
+ padding: 4px;
817
+ }
818
+ .tox .tox-collection--list .tox-collection__item--enabled {
819
+ background-color: var(--v-surface-base);
820
+ color: #fff;
821
+ }
822
+ .tox .tox-collection--list .tox-collection__item--active {
823
+ background-color: #006ce7;
824
+ }
825
+ .tox .tox-collection--toolbar .tox-collection__item--enabled,
826
+ .tox
827
+ .tox-collection--toolbar
828
+ .tox-collection__item--enabled.tox-collection__item--active,
829
+ .tox
830
+ .tox-collection--toolbar
831
+ .tox-collection__item--enabled.tox-collection__item--active:hover {
832
+ background-color: #599fef;
833
+ color: #fff;
834
+ }
835
+ @media (forced-colors: active) {
836
+ .tox .tox-collection--toolbar .tox-collection__item--enabled,
837
+ .tox
838
+ .tox-collection--toolbar
839
+ .tox-collection__item--enabled.tox-collection__item--active,
840
+ .tox
841
+ .tox-collection--toolbar
842
+ .tox-collection__item--enabled.tox-collection__item--active:hover {
843
+ border-radius: 3px;
844
+ outline: solid 1px;
845
+ }
846
+ }
847
+ .tox .tox-collection--toolbar .tox-collection__item--active {
848
+ background-color: var(--v-surface-base);
849
+ position: relative;
850
+ }
851
+ .tox .tox-collection--toolbar .tox-collection__item--active:hover {
852
+ background-color: #2f4055;
853
+ color: #fff;
854
+ }
855
+ .tox .tox-collection--toolbar .tox-collection__item--active:focus {
856
+ background-color: #2f4055;
857
+ color: #fff;
858
+ }
859
+ .tox .tox-collection--toolbar .tox-collection__item--active:focus::after {
860
+ border-radius: 3px;
861
+ bottom: 0;
862
+ box-shadow: 0 0 0 2px #fff;
863
+ content: '';
864
+ left: 0;
865
+ position: absolute;
866
+ right: 0;
867
+ top: 0;
868
+ }
869
+ @media (forced-colors: active) {
870
+ .tox .tox-collection--toolbar .tox-collection__item--active:focus::after {
871
+ border: 2px solid highlight;
872
+ }
873
+ }
874
+ .tox .tox-collection--grid .tox-collection__item--enabled {
875
+ background-color: #599fef;
876
+ color: #fff;
877
+ }
878
+ .tox
879
+ .tox-collection--grid
880
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
881
+ background-color: #2f4055;
882
+ color: #fff;
883
+ position: relative;
884
+ z-index: 1;
885
+ }
886
+ .tox
887
+ .tox-collection--grid
888
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
889
+ border-radius: 3px;
890
+ bottom: 0;
891
+ box-shadow: 0 0 0 2px #fff 'inset';
892
+ content: '';
893
+ left: 0;
894
+ position: absolute;
895
+ right: 0;
896
+ top: 0;
897
+ }
898
+ @media (forced-colors: active) {
899
+ .tox
900
+ .tox-collection--grid
901
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
902
+ border: 2px solid highlight;
903
+ }
904
+ }
905
+ .tox
906
+ .tox-collection--list
907
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
908
+ color: #fff;
909
+ }
910
+ @media (forced-colors: active) {
911
+ .tox
912
+ .tox-collection--list
913
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
914
+ border: solid 1px;
915
+ }
916
+ }
917
+ .tox
918
+ .tox-collection--toolbar
919
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
920
+ color: #fff;
921
+ }
922
+ @media (forced-colors: active) {
923
+ .tox
924
+ .tox-collection--toolbar
925
+ .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
926
+ border-radius: 3px;
927
+ outline: solid 1px;
928
+ }
929
+ }
930
+ .tox .tox-collection__item-icon,
931
+ .tox .tox-collection__item-checkmark {
932
+ align-items: center;
933
+ display: flex;
934
+ height: 24px;
935
+ justify-content: center;
936
+ width: 24px;
937
+ }
938
+ .tox .tox-collection__item-icon svg,
939
+ .tox .tox-collection__item-checkmark svg {
940
+ fill: currentColor;
941
+ }
942
+ .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
943
+ height: 48px;
944
+ width: 48px;
945
+ }
946
+ .tox .tox-collection__item-label {
947
+ color: currentColor;
948
+ display: inline-block;
949
+ flex: 1;
950
+ font-size: 14px;
951
+ font-style: normal;
952
+ font-weight: normal;
953
+ line-height: 24px;
954
+ max-width: 100%;
955
+ text-transform: none;
956
+ word-break: break-all;
957
+ }
958
+ .tox .tox-collection__item-accessory {
959
+ color: currentColor;
960
+ display: inline-block;
961
+ font-size: 14px;
962
+ height: 24px;
963
+ line-height: 24px;
964
+ text-transform: none;
965
+ }
966
+ .tox .tox-collection__item-caret {
967
+ align-items: center;
968
+ display: flex;
969
+ min-height: 24px;
970
+ }
971
+ .tox .tox-collection__item-caret::after {
972
+ content: '';
973
+ font-size: 0;
974
+ min-height: inherit;
975
+ }
976
+ .tox .tox-collection__item-caret svg {
977
+ fill: currentColor;
978
+ }
979
+ .tox .tox-collection__item--state-disabled {
980
+ background-color: transparent;
981
+ color: rgba(255, 255, 255, 0.5);
982
+ cursor: not-allowed;
983
+ }
984
+ .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
985
+ fill: rgba(255, 255, 255, 0.5);
986
+ }
987
+ .tox
988
+ .tox-collection--list
989
+ .tox-collection__item:not(.tox-collection__item--enabled)
990
+ .tox-collection__item-checkmark
991
+ svg {
992
+ display: none;
993
+ }
994
+ .tox
995
+ .tox-collection--list
996
+ .tox-collection__item:not(.tox-collection__item--enabled)
997
+ .tox-collection__item-accessory
998
+ + .tox-collection__item-checkmark {
999
+ display: none;
1000
+ }
1001
+ .tox .tox-collection--horizontal {
1002
+ background-color: var(--v-surface-base);
1003
+ border: 1px solid rgba(255, 255, 255, 0.15);
1004
+ border-radius: 6px;
1005
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
1006
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
1007
+ display: flex;
1008
+ flex: 0 0 auto;
1009
+ flex-shrink: 0;
1010
+ flex-wrap: nowrap;
1011
+ margin-bottom: 0;
1012
+ overflow-x: auto;
1013
+ padding: 0;
1014
+ }
1015
+ .tox .tox-collection--horizontal .tox-collection__group {
1016
+ align-items: center;
1017
+ display: flex;
1018
+ flex-wrap: nowrap;
1019
+ margin: 0;
1020
+ padding: 0 4px;
1021
+ }
1022
+ .tox .tox-collection--horizontal .tox-collection__item {
1023
+ height: 28px;
1024
+ margin: 6px 1px 5px 0;
1025
+ padding: 0 4px;
1026
+ }
1027
+ .tox .tox-collection--horizontal .tox-collection__item-label {
1028
+ white-space: nowrap;
1029
+ }
1030
+ .tox .tox-collection--horizontal .tox-collection__item-caret {
1031
+ margin-left: 4px;
1032
+ }
1033
+ .tox .tox-collection__item-container {
1034
+ display: flex;
1035
+ }
1036
+ .tox .tox-collection__item-container--row {
1037
+ align-items: center;
1038
+ flex: 1 1 auto;
1039
+ flex-direction: row;
1040
+ }
1041
+ .tox
1042
+ .tox-collection__item-container--row.tox-collection__item-container--align-left {
1043
+ margin-right: auto;
1044
+ }
1045
+ .tox
1046
+ .tox-collection__item-container--row.tox-collection__item-container--align-right {
1047
+ justify-content: flex-end;
1048
+ margin-left: auto;
1049
+ }
1050
+ .tox
1051
+ .tox-collection__item-container--row.tox-collection__item-container--valign-top {
1052
+ align-items: flex-start;
1053
+ margin-bottom: auto;
1054
+ }
1055
+ .tox
1056
+ .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
1057
+ align-items: center;
1058
+ }
1059
+ .tox
1060
+ .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
1061
+ align-items: flex-end;
1062
+ margin-top: auto;
1063
+ }
1064
+ .tox .tox-collection__item-container--column {
1065
+ align-self: center;
1066
+ flex: 1 1 auto;
1067
+ flex-direction: column;
1068
+ }
1069
+ .tox
1070
+ .tox-collection__item-container--column.tox-collection__item-container--align-left {
1071
+ align-items: flex-start;
1072
+ }
1073
+ .tox
1074
+ .tox-collection__item-container--column.tox-collection__item-container--align-right {
1075
+ align-items: flex-end;
1076
+ }
1077
+ .tox
1078
+ .tox-collection__item-container--column.tox-collection__item-container--valign-top {
1079
+ align-self: flex-start;
1080
+ }
1081
+ .tox
1082
+ .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
1083
+ align-self: center;
1084
+ }
1085
+ .tox
1086
+ .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
1087
+ align-self: flex-end;
1088
+ }
1089
+ .tox:not([dir='rtl'])
1090
+ .tox-collection--horizontal
1091
+ .tox-collection__group:not(:last-of-type) {
1092
+ border-right: 1px solid transparent;
1093
+ }
1094
+ .tox:not([dir='rtl'])
1095
+ .tox-collection--list
1096
+ .tox-collection__item
1097
+ > *:not(:first-child) {
1098
+ margin-left: 8px;
1099
+ }
1100
+ .tox:not([dir='rtl'])
1101
+ .tox-collection--list
1102
+ .tox-collection__item
1103
+ > .tox-collection__item-label:first-child {
1104
+ margin-left: 4px;
1105
+ }
1106
+ .tox:not([dir='rtl']) .tox-collection__item-accessory {
1107
+ margin-left: 16px;
1108
+ text-align: right;
1109
+ }
1110
+ .tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
1111
+ margin-left: 16px;
1112
+ }
1113
+ .tox[dir='rtl']
1114
+ .tox-collection--horizontal
1115
+ .tox-collection__group:not(:last-of-type) {
1116
+ border-left: 1px solid transparent;
1117
+ }
1118
+ .tox[dir='rtl']
1119
+ .tox-collection--list
1120
+ .tox-collection__item
1121
+ > *:not(:first-child) {
1122
+ margin-right: 8px;
1123
+ }
1124
+ .tox[dir='rtl']
1125
+ .tox-collection--list
1126
+ .tox-collection__item
1127
+ > .tox-collection__item-label:first-child {
1128
+ margin-right: 4px;
1129
+ }
1130
+ .tox[dir='rtl'] .tox-collection__item-accessory {
1131
+ margin-right: 16px;
1132
+ text-align: left;
1133
+ }
1134
+ .tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
1135
+ margin-right: 16px;
1136
+ transform: rotateY(180deg);
1137
+ }
1138
+ .tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
1139
+ margin-right: 4px;
1140
+ }
1141
+ @media (forced-colors: active) {
1142
+ .tox .tox-hue-slider,
1143
+ .tox .tox-rgb-form .tox-rgba-preview {
1144
+ background-color: currentColor !important;
1145
+ border: 1px solid highlight !important;
1146
+ forced-color-adjust: none;
1147
+ }
1148
+ }
1149
+ .tox .tox-color-picker-container {
1150
+ display: flex;
1151
+ flex-direction: row;
1152
+ height: 225px;
1153
+ margin: 0;
1154
+ }
1155
+ .tox .tox-sv-palette {
1156
+ box-sizing: border-box;
1157
+ display: flex;
1158
+ height: 100%;
1159
+ }
1160
+ .tox .tox-sv-palette-spectrum {
1161
+ height: 100%;
1162
+ }
1163
+ .tox .tox-sv-palette,
1164
+ .tox .tox-sv-palette-spectrum {
1165
+ width: 225px;
1166
+ }
1167
+ .tox .tox-sv-palette-thumb {
1168
+ background: none;
1169
+ border: 1px solid black;
1170
+ border-radius: 50%;
1171
+ box-sizing: content-box;
1172
+ height: 12px;
1173
+ position: absolute;
1174
+ width: 12px;
1175
+ }
1176
+ .tox .tox-sv-palette-inner-thumb {
1177
+ border: 1px solid white;
1178
+ border-radius: 50%;
1179
+ height: 10px;
1180
+ position: absolute;
1181
+ width: 10px;
1182
+ }
1183
+ .tox .tox-hue-slider {
1184
+ box-sizing: border-box;
1185
+ height: 100%;
1186
+ width: 25px;
1187
+ }
1188
+ .tox .tox-hue-slider-spectrum {
1189
+ background: linear-gradient(
1190
+ to bottom,
1191
+ #f00,
1192
+ #ff0080,
1193
+ #f0f,
1194
+ #8000ff,
1195
+ #00f,
1196
+ #0080ff,
1197
+ #0ff,
1198
+ #00ff80,
1199
+ #0f0,
1200
+ #80ff00,
1201
+ #ff0,
1202
+ #ff8000,
1203
+ #f00
1204
+ );
1205
+ height: 100%;
1206
+ width: 100%;
1207
+ }
1208
+ .tox .tox-hue-slider,
1209
+ .tox .tox-hue-slider-spectrum {
1210
+ width: 20px;
1211
+ }
1212
+ .tox .tox-hue-slider-spectrum:focus,
1213
+ .tox .tox-sv-palette-spectrum:focus {
1214
+ outline: #08f solid;
1215
+ }
1216
+ .tox .tox-hue-slider-thumb {
1217
+ background: white;
1218
+ border: 1px solid black;
1219
+ box-sizing: content-box;
1220
+ height: 4px;
1221
+ width: 100%;
1222
+ }
1223
+ .tox .tox-rgb-form {
1224
+ display: flex;
1225
+ flex-direction: column;
1226
+ justify-content: space-between;
1227
+ }
1228
+ .tox .tox-rgb-form div {
1229
+ align-items: center;
1230
+ display: flex;
1231
+ justify-content: space-between;
1232
+ margin-bottom: 5px;
1233
+ width: inherit;
1234
+ }
1235
+ .tox .tox-rgb-form input {
1236
+ width: 6em;
1237
+ }
1238
+ .tox .tox-rgb-form input.tox-invalid {
1239
+ /* Need !important to override Chrome's focus styling unfortunately */
1240
+ border: 1px solid red !important;
1241
+ }
1242
+ .tox .tox-rgb-form .tox-rgba-preview {
1243
+ border: 1px solid black;
1244
+ flex-grow: 2;
1245
+ margin-bottom: 0;
1246
+ }
1247
+ .tox:not([dir='rtl']) .tox-sv-palette {
1248
+ margin-right: 15px;
1249
+ }
1250
+ .tox:not([dir='rtl']) .tox-hue-slider {
1251
+ margin-right: 15px;
1252
+ }
1253
+ .tox:not([dir='rtl']) .tox-hue-slider-thumb {
1254
+ margin-left: -1px;
1255
+ }
1256
+ .tox:not([dir='rtl']) .tox-rgb-form label {
1257
+ margin-right: 0.5em;
1258
+ }
1259
+ .tox[dir='rtl'] .tox-sv-palette {
1260
+ margin-left: 15px;
1261
+ }
1262
+ .tox[dir='rtl'] .tox-hue-slider {
1263
+ margin-left: 15px;
1264
+ }
1265
+ .tox[dir='rtl'] .tox-hue-slider-thumb {
1266
+ margin-right: -1px;
1267
+ }
1268
+ .tox[dir='rtl'] .tox-rgb-form label {
1269
+ margin-left: 0.5em;
1270
+ }
1271
+ .tox .tox-toolbar .tox-swatches,
1272
+ .tox .tox-toolbar__primary .tox-swatches,
1273
+ .tox .tox-toolbar__overflow .tox-swatches {
1274
+ margin: 5px 0 6px 11px;
1275
+ }
1276
+ .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1277
+ border: 0;
1278
+ margin: -4px -4px;
1279
+ }
1280
+ .tox .tox-swatches__row {
1281
+ display: flex;
1282
+ }
1283
+ @media (forced-colors: active) {
1284
+ .tox .tox-swatches__row {
1285
+ forced-color-adjust: none;
1286
+ }
1287
+ }
1288
+ .tox .tox-swatch {
1289
+ height: 30px;
1290
+ transition: transform 0.15s, box-shadow 0.15s;
1291
+ width: 30px;
1292
+ }
1293
+ .tox .tox-swatch:hover,
1294
+ .tox .tox-swatch:focus {
1295
+ box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
1296
+ transform: scale(0.8);
1297
+ }
1298
+ .tox .tox-swatch--remove {
1299
+ align-items: center;
1300
+ display: flex;
1301
+ justify-content: center;
1302
+ }
1303
+ .tox .tox-swatch--remove svg path {
1304
+ stroke: #e74c3c;
1305
+ }
1306
+ .tox .tox-swatches__picker-btn {
1307
+ align-items: center;
1308
+ background-color: transparent;
1309
+ border: 0;
1310
+ cursor: pointer;
1311
+ display: flex;
1312
+ height: 30px;
1313
+ justify-content: center;
1314
+ outline: none;
1315
+ padding: 0;
1316
+ width: 30px;
1317
+ }
1318
+ .tox .tox-swatches__picker-btn svg {
1319
+ fill: #fff;
1320
+ height: 24px;
1321
+ width: 24px;
1322
+ }
1323
+ .tox .tox-swatches__picker-btn:hover {
1324
+ background: #2f4055;
1325
+ }
1326
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg {
1327
+ display: none;
1328
+ fill: #fff;
1329
+ height: 24px;
1330
+ margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
1331
+ width: 24px;
1332
+ }
1333
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
1334
+ fill: #fff;
1335
+ paint-order: stroke;
1336
+ stroke: var(--v-background-base);
1337
+ stroke-width: 2px;
1338
+ }
1339
+ .tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
1340
+ display: block;
1341
+ }
1342
+ .tox:not([dir='rtl']) .tox-swatches__picker-btn {
1343
+ margin-left: auto;
1344
+ }
1345
+ .tox[dir='rtl'] .tox-swatches__picker-btn {
1346
+ margin-right: auto;
1347
+ }
1348
+ .tox .tox-comment-thread {
1349
+ background: var(--v-surface-base);
1350
+ position: relative;
1351
+ }
1352
+ .tox .tox-comment-thread > *:not(:first-child) {
1353
+ margin-top: 8px;
1354
+ }
1355
+ .tox .tox-comment {
1356
+ background: var(--v-surface-base);
1357
+ border: 1px solid #161f29;
1358
+ border-radius: 6px;
1359
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1360
+ padding: 8px 8px 16px 8px;
1361
+ position: relative;
1362
+ }
1363
+ .tox .tox-comment__header {
1364
+ align-items: center;
1365
+ color: #fff;
1366
+ display: flex;
1367
+ justify-content: space-between;
1368
+ }
1369
+ .tox .tox-comment__date {
1370
+ color: #fff;
1371
+ font-size: 12px;
1372
+ line-height: 18px;
1373
+ }
1374
+ .tox .tox-comment__body {
1375
+ color: #fff;
1376
+ font-size: 14px;
1377
+ font-style: normal;
1378
+ font-weight: normal;
1379
+ line-height: 1.3;
1380
+ margin-top: 8px;
1381
+ position: relative;
1382
+ text-transform: initial;
1383
+ }
1384
+ .tox .tox-comment__body textarea {
1385
+ resize: none;
1386
+ white-space: normal;
1387
+ width: 100%;
1388
+ }
1389
+ .tox .tox-comment__expander {
1390
+ padding-top: 8px;
1391
+ }
1392
+ .tox .tox-comment__expander p {
1393
+ color: rgba(255, 255, 255, 0.5);
1394
+ font-size: 14px;
1395
+ font-style: normal;
1396
+ }
1397
+ .tox .tox-comment__body p {
1398
+ margin: 0;
1399
+ }
1400
+ .tox .tox-comment__buttonspacing {
1401
+ padding-top: 16px;
1402
+ text-align: center;
1403
+ }
1404
+ .tox .tox-comment-thread__overlay::after {
1405
+ background: var(--v-surface-base);
1406
+ bottom: 0;
1407
+ content: '';
1408
+ display: flex;
1409
+ left: 0;
1410
+ opacity: 0.9;
1411
+ position: absolute;
1412
+ right: 0;
1413
+ top: 0;
1414
+ z-index: 5;
1415
+ }
1416
+ .tox .tox-comment__reply {
1417
+ display: flex;
1418
+ flex-shrink: 0;
1419
+ flex-wrap: wrap;
1420
+ justify-content: flex-end;
1421
+ margin-top: 8px;
1422
+ }
1423
+ .tox .tox-comment__reply > *:first-child {
1424
+ margin-bottom: 8px;
1425
+ width: 100%;
1426
+ }
1427
+ .tox .tox-comment__edit {
1428
+ display: flex;
1429
+ flex-wrap: wrap;
1430
+ justify-content: flex-end;
1431
+ margin-top: 16px;
1432
+ }
1433
+ .tox .tox-comment__gradient::after {
1434
+ background: linear-gradient(rgba(43, 59, 78, 0), var(--v-surface-base));
1435
+ bottom: 0;
1436
+ content: '';
1437
+ display: block;
1438
+ height: 5em;
1439
+ margin-top: -40px;
1440
+ position: absolute;
1441
+ width: 100%;
1442
+ }
1443
+ .tox .tox-comment__overlay {
1444
+ background: var(--v-surface-base);
1445
+ bottom: 0;
1446
+ display: flex;
1447
+ flex-direction: column;
1448
+ flex-grow: 1;
1449
+ left: 0;
1450
+ opacity: 0.9;
1451
+ position: absolute;
1452
+ right: 0;
1453
+ text-align: center;
1454
+ top: 0;
1455
+ z-index: 5;
1456
+ }
1457
+ .tox .tox-comment__loading-text {
1458
+ align-items: center;
1459
+ color: #fff;
1460
+ display: flex;
1461
+ flex-direction: column;
1462
+ position: relative;
1463
+ }
1464
+ .tox .tox-comment__loading-text > div {
1465
+ padding-bottom: 16px;
1466
+ }
1467
+ .tox .tox-comment__overlaytext {
1468
+ bottom: 0;
1469
+ flex-direction: column;
1470
+ font-size: 14px;
1471
+ left: 0;
1472
+ padding: 1em;
1473
+ position: absolute;
1474
+ right: 0;
1475
+ top: 0;
1476
+ z-index: 10;
1477
+ }
1478
+ .tox .tox-comment__overlaytext p {
1479
+ background-color: var(--v-surface-base);
1480
+ box-shadow: 0 0 8px 8px var(--v-surface-base);
1481
+ color: #fff;
1482
+ text-align: center;
1483
+ }
1484
+ .tox .tox-comment__overlaytext div:nth-of-type(2) {
1485
+ font-size: 0.8em;
1486
+ }
1487
+ .tox .tox-comment__busy-spinner {
1488
+ align-items: center;
1489
+ background-color: var(--v-surface-base);
1490
+ bottom: 0;
1491
+ display: flex;
1492
+ justify-content: center;
1493
+ left: 0;
1494
+ position: absolute;
1495
+ right: 0;
1496
+ top: 0;
1497
+ z-index: 20;
1498
+ }
1499
+ .tox .tox-comment__scroll {
1500
+ display: flex;
1501
+ flex-direction: column;
1502
+ flex-shrink: 1;
1503
+ overflow: auto;
1504
+ }
1505
+ .tox .tox-conversations {
1506
+ margin: 8px;
1507
+ }
1508
+ .tox:not([dir='rtl']) .tox-comment__edit {
1509
+ margin-left: 8px;
1510
+ }
1511
+ .tox:not([dir='rtl']) .tox-comment__buttonspacing > *:last-child,
1512
+ .tox:not([dir='rtl']) .tox-comment__edit > *:last-child,
1513
+ .tox:not([dir='rtl']) .tox-comment__reply > *:last-child {
1514
+ margin-left: 8px;
1515
+ }
1516
+ .tox[dir='rtl'] .tox-comment__edit {
1517
+ margin-right: 8px;
1518
+ }
1519
+ .tox[dir='rtl'] .tox-comment__buttonspacing > *:last-child,
1520
+ .tox[dir='rtl'] .tox-comment__edit > *:last-child,
1521
+ .tox[dir='rtl'] .tox-comment__reply > *:last-child {
1522
+ margin-right: 8px;
1523
+ }
1524
+ .tox .tox-user {
1525
+ align-items: center;
1526
+ display: flex;
1527
+ }
1528
+ .tox .tox-user__avatar svg {
1529
+ fill: rgba(255, 255, 255, 0.5);
1530
+ }
1531
+ .tox .tox-user__avatar img {
1532
+ border-radius: 50%;
1533
+ height: 36px;
1534
+ object-fit: cover;
1535
+ vertical-align: middle;
1536
+ width: 36px;
1537
+ }
1538
+ .tox .tox-user__name {
1539
+ color: #fff;
1540
+ font-size: 14px;
1541
+ font-style: normal;
1542
+ font-weight: bold;
1543
+ line-height: 18px;
1544
+ text-transform: none;
1545
+ }
1546
+ .tox:not([dir='rtl']) .tox-user__avatar svg,
1547
+ .tox:not([dir='rtl']) .tox-user__avatar img {
1548
+ margin-right: 8px;
1549
+ }
1550
+ .tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
1551
+ margin-left: 8px;
1552
+ }
1553
+ .tox[dir='rtl'] .tox-user__avatar svg,
1554
+ .tox[dir='rtl'] .tox-user__avatar img {
1555
+ margin-left: 8px;
1556
+ }
1557
+ .tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
1558
+ margin-right: 8px;
1559
+ }
1560
+ .tox .tox-dialog-wrap {
1561
+ align-items: center;
1562
+ bottom: 0;
1563
+ display: flex;
1564
+ justify-content: center;
1565
+ left: 0;
1566
+ position: fixed;
1567
+ right: 0;
1568
+ top: 0;
1569
+ z-index: 1100;
1570
+ }
1571
+ .tox .tox-dialog-wrap__backdrop {
1572
+ background-color: rgba(34, 47, 62, 0.75);
1573
+ bottom: 0;
1574
+ left: 0;
1575
+ position: absolute;
1576
+ right: 0;
1577
+ top: 0;
1578
+ z-index: 1;
1579
+ }
1580
+ .tox .tox-dialog-wrap__backdrop--opaque {
1581
+ background-color: var(--v-background-base);
1582
+ }
1583
+ .tox .tox-dialog {
1584
+ background-color: var(--v-surface-base);
1585
+ border-color: #161f29;
1586
+ border-radius: 10px;
1587
+ border-style: solid;
1588
+ border-width: 0px;
1589
+ box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15),
1590
+ 0 0 40px 1px rgba(34, 47, 62, 0.15);
1591
+ display: flex;
1592
+ flex-direction: column;
1593
+ max-height: 100%;
1594
+ max-width: 480px;
1595
+ overflow: hidden;
1596
+ position: relative;
1597
+ width: 95vw;
1598
+ z-index: 2;
1599
+ }
1600
+ @media only screen and (max-width: 767px) {
1601
+ body:not(.tox-force-desktop) .tox .tox-dialog {
1602
+ align-self: flex-start;
1603
+ margin: 8px auto;
1604
+ max-height: calc(100vh - 8px * 2);
1605
+ width: calc(100vw - 16px);
1606
+ }
1607
+ }
1608
+ .tox .tox-dialog-inline {
1609
+ z-index: 1100;
1610
+ }
1611
+ .tox .tox-dialog__header {
1612
+ align-items: center;
1613
+ background-color: var(--v-surface-base);
1614
+ border-bottom: none;
1615
+ color: #fff;
1616
+ display: flex;
1617
+ font-size: 16px;
1618
+ justify-content: space-between;
1619
+ padding: 8px 16px 0 16px;
1620
+ position: relative;
1621
+ }
1622
+ .tox .tox-dialog__header .tox-button {
1623
+ z-index: 1;
1624
+ }
1625
+ .tox .tox-dialog__draghandle {
1626
+ cursor: grab;
1627
+ height: 100%;
1628
+ left: 0;
1629
+ position: absolute;
1630
+ top: 0;
1631
+ width: 100%;
1632
+ }
1633
+ .tox .tox-dialog__draghandle:active {
1634
+ cursor: grabbing;
1635
+ }
1636
+ .tox .tox-dialog__dismiss {
1637
+ margin-left: auto;
1638
+ }
1639
+ .tox .tox-dialog__title {
1640
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
1641
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
1642
+ font-size: 20px;
1643
+ font-style: normal;
1644
+ font-weight: normal;
1645
+ line-height: 1.3;
1646
+ margin: 0;
1647
+ text-transform: none;
1648
+ }
1649
+ .tox .tox-dialog__body {
1650
+ color: #fff;
1651
+ display: flex;
1652
+ flex: 1;
1653
+ font-size: 16px;
1654
+ font-style: normal;
1655
+ font-weight: normal;
1656
+ line-height: 1.3;
1657
+ min-width: 0;
1658
+ text-align: left;
1659
+ text-transform: none;
1660
+ }
1661
+ @media only screen and (max-width: 767px) {
1662
+ body:not(.tox-force-desktop) .tox .tox-dialog__body {
1663
+ flex-direction: column;
1664
+ }
1665
+ }
1666
+ .tox .tox-dialog__body-nav {
1667
+ align-items: flex-start;
1668
+ display: flex;
1669
+ flex-direction: column;
1670
+ flex-shrink: 0;
1671
+ padding: 16px 16px;
1672
+ }
1673
+ @media only screen and (min-width: 768px) {
1674
+ .tox .tox-dialog__body-nav {
1675
+ max-width: 11em;
1676
+ }
1677
+ }
1678
+ @media only screen and (max-width: 767px) {
1679
+ body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
1680
+ flex-direction: row;
1681
+ -webkit-overflow-scrolling: touch;
1682
+ overflow-x: auto;
1683
+ padding-bottom: 0;
1684
+ }
1685
+ }
1686
+ .tox .tox-dialog__body-nav-item {
1687
+ border-bottom: 2px solid transparent;
1688
+ color: rgba(255, 255, 255, 0.5);
1689
+ display: inline-block;
1690
+ flex-shrink: 0;
1691
+ font-size: 14px;
1692
+ line-height: 1.3;
1693
+ margin-bottom: 8px;
1694
+ max-width: 13em;
1695
+ text-decoration: none;
1696
+ }
1697
+ .tox .tox-dialog__body-nav-item:focus {
1698
+ background-color: rgba(0, 108, 231, 0.1);
1699
+ }
1700
+ .tox .tox-dialog__body-nav-item--active {
1701
+ border-bottom: 2px solid #67aeff;
1702
+ color: #67aeff;
1703
+ }
1704
+ @media (forced-colors: active) {
1705
+ .tox .tox-dialog__body-nav-item--active {
1706
+ border-bottom: 2px solid highlight;
1707
+ color: highlight;
1708
+ }
1709
+ }
1710
+ .tox .tox-dialog__body-content {
1711
+ box-sizing: border-box;
1712
+ display: flex;
1713
+ flex: 1;
1714
+ flex-direction: column;
1715
+ max-height: min(650px, calc(100vh - 110px));
1716
+ overflow: auto;
1717
+ -webkit-overflow-scrolling: touch;
1718
+ padding: 16px 16px;
1719
+ }
1720
+ .tox .tox-dialog__body-content > * {
1721
+ margin-bottom: 0;
1722
+ margin-top: 16px;
1723
+ }
1724
+ .tox .tox-dialog__body-content > *:first-child {
1725
+ margin-top: 0;
1726
+ }
1727
+ .tox .tox-dialog__body-content > *:last-child {
1728
+ margin-bottom: 0;
1729
+ }
1730
+ .tox .tox-dialog__body-content > *:only-child {
1731
+ margin-bottom: 0;
1732
+ margin-top: 0;
1733
+ }
1734
+ .tox .tox-dialog__body-content a {
1735
+ color: #67aeff;
1736
+ cursor: pointer;
1737
+ text-decoration: underline;
1738
+ }
1739
+ .tox .tox-dialog__body-content a:hover,
1740
+ .tox .tox-dialog__body-content a:focus {
1741
+ color: #cde5ff;
1742
+ text-decoration: underline;
1743
+ }
1744
+ .tox .tox-dialog__body-content a:focus-visible {
1745
+ border-radius: 1px;
1746
+ outline: 2px solid #67aeff;
1747
+ outline-offset: 2px;
1748
+ }
1749
+ .tox .tox-dialog__body-content a:active {
1750
+ color: #ffffff;
1751
+ text-decoration: underline;
1752
+ }
1753
+ .tox .tox-dialog__body-content svg {
1754
+ fill: #fff;
1755
+ }
1756
+ .tox .tox-dialog__body-content strong {
1757
+ font-weight: bold;
1758
+ }
1759
+ .tox .tox-dialog__body-content ul {
1760
+ list-style-type: disc;
1761
+ }
1762
+ .tox .tox-dialog__body-content ul,
1763
+ .tox .tox-dialog__body-content ol,
1764
+ .tox .tox-dialog__body-content dd {
1765
+ padding-inline-start: 2.5rem;
1766
+ }
1767
+ .tox .tox-dialog__body-content ul,
1768
+ .tox .tox-dialog__body-content ol,
1769
+ .tox .tox-dialog__body-content dl {
1770
+ margin-bottom: 16px;
1771
+ }
1772
+ .tox .tox-dialog__body-content ul,
1773
+ .tox .tox-dialog__body-content ol,
1774
+ .tox .tox-dialog__body-content dl,
1775
+ .tox .tox-dialog__body-content dd,
1776
+ .tox .tox-dialog__body-content dt {
1777
+ display: block;
1778
+ margin-inline-end: 0;
1779
+ margin-inline-start: 0;
1780
+ }
1781
+ .tox .tox-dialog__body-content .tox-form__group h1 {
1782
+ color: #fff;
1783
+ font-size: 20px;
1784
+ font-style: normal;
1785
+ font-weight: bold;
1786
+ letter-spacing: normal;
1787
+ margin-bottom: 16px;
1788
+ margin-top: 2rem;
1789
+ text-transform: none;
1790
+ }
1791
+ .tox .tox-dialog__body-content .tox-form__group h2 {
1792
+ color: #fff;
1793
+ font-size: 16px;
1794
+ font-style: normal;
1795
+ font-weight: bold;
1796
+ letter-spacing: normal;
1797
+ margin-bottom: 16px;
1798
+ margin-top: 2rem;
1799
+ text-transform: none;
1800
+ }
1801
+ .tox .tox-dialog__body-content .tox-form__group p {
1802
+ margin-bottom: 16px;
1803
+ }
1804
+ .tox .tox-dialog__body-content .tox-form__group h1:first-child,
1805
+ .tox .tox-dialog__body-content .tox-form__group h2:first-child,
1806
+ .tox .tox-dialog__body-content .tox-form__group p:first-child {
1807
+ margin-top: 0;
1808
+ }
1809
+ .tox .tox-dialog__body-content .tox-form__group h1:last-child,
1810
+ .tox .tox-dialog__body-content .tox-form__group h2:last-child,
1811
+ .tox .tox-dialog__body-content .tox-form__group p:last-child {
1812
+ margin-bottom: 0;
1813
+ }
1814
+ .tox .tox-dialog__body-content .tox-form__group h1:only-child,
1815
+ .tox .tox-dialog__body-content .tox-form__group h2:only-child,
1816
+ .tox .tox-dialog__body-content .tox-form__group p:only-child {
1817
+ margin-bottom: 0;
1818
+ margin-top: 0;
1819
+ }
1820
+ .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
1821
+ text-align: center;
1822
+ }
1823
+ .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
1824
+ text-align: end;
1825
+ }
1826
+ .tox .tox-dialog--width-lg {
1827
+ height: 650px;
1828
+ max-width: 1200px;
1829
+ }
1830
+ .tox .tox-dialog--fullscreen {
1831
+ height: 100%;
1832
+ max-width: 100%;
1833
+ }
1834
+ .tox .tox-dialog--fullscreen .tox-dialog__body-content {
1835
+ max-height: 100%;
1836
+ }
1837
+ .tox .tox-dialog--width-md {
1838
+ max-width: 800px;
1839
+ }
1840
+ .tox .tox-dialog--width-md .tox-dialog__body-content {
1841
+ overflow: auto;
1842
+ }
1843
+ .tox .tox-dialog__body-content--centered {
1844
+ text-align: center;
1845
+ }
1846
+ .tox .tox-dialog__footer {
1847
+ align-items: center;
1848
+ background-color: var(--v-surface-base);
1849
+ border-top: none;
1850
+ display: flex;
1851
+ justify-content: space-between;
1852
+ padding: 8px 16px;
1853
+ }
1854
+ .tox .tox-dialog__footer-start,
1855
+ .tox .tox-dialog__footer-end {
1856
+ display: flex;
1857
+ }
1858
+ .tox .tox-dialog__busy-spinner {
1859
+ align-items: center;
1860
+ background-color: rgba(34, 47, 62, 0.75);
1861
+ bottom: 0;
1862
+ display: flex;
1863
+ justify-content: center;
1864
+ left: 0;
1865
+ position: absolute;
1866
+ right: 0;
1867
+ top: 0;
1868
+ z-index: 3;
1869
+ }
1870
+ .tox .tox-dialog__table {
1871
+ border-collapse: collapse;
1872
+ width: 100%;
1873
+ }
1874
+ .tox .tox-dialog__table thead th {
1875
+ font-weight: bold;
1876
+ padding-bottom: 8px;
1877
+ }
1878
+ .tox .tox-dialog__table thead th:first-child {
1879
+ padding-right: 8px;
1880
+ }
1881
+ .tox .tox-dialog__table tbody tr {
1882
+ border-bottom: 1px solid #000000;
1883
+ }
1884
+ .tox .tox-dialog__table tbody tr:last-child {
1885
+ border-bottom: none;
1886
+ }
1887
+ .tox .tox-dialog__table td {
1888
+ padding-bottom: 8px;
1889
+ padding-top: 8px;
1890
+ }
1891
+ .tox .tox-dialog__table td:first-child {
1892
+ padding-right: 8px;
1893
+ }
1894
+ .tox .tox-dialog__iframe {
1895
+ min-height: 200px;
1896
+ }
1897
+ .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
1898
+ background: #fff;
1899
+ }
1900
+ .tox .tox-navobj-bordered {
1901
+ position: relative;
1902
+ }
1903
+ .tox .tox-navobj-bordered::before {
1904
+ border: 1px solid #161f29;
1905
+ border-radius: 6px;
1906
+ content: '';
1907
+ inset: 0;
1908
+ opacity: 1;
1909
+ pointer-events: none;
1910
+ position: absolute;
1911
+ z-index: 1;
1912
+ }
1913
+ .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1914
+ border-color: #006ce7;
1915
+ box-shadow: 0 0 0 1px #006ce7;
1916
+ outline: none;
1917
+ }
1918
+ .tox .tox-dialog__popups {
1919
+ position: absolute;
1920
+ width: 100%;
1921
+ z-index: 1100;
1922
+ }
1923
+ .tox .tox-dialog__body-iframe {
1924
+ display: flex;
1925
+ flex: 1;
1926
+ flex-direction: column;
1927
+ }
1928
+ .tox .tox-dialog__body-iframe .tox-navobj {
1929
+ display: flex;
1930
+ flex: 1;
1931
+ }
1932
+ .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1933
+ flex: 1;
1934
+ height: 100%;
1935
+ }
1936
+ .tox .tox-dialog-dock-fadeout {
1937
+ opacity: 0;
1938
+ visibility: hidden;
1939
+ }
1940
+ .tox .tox-dialog-dock-fadein {
1941
+ opacity: 1;
1942
+ visibility: visible;
1943
+ }
1944
+ .tox .tox-dialog-dock-transition {
1945
+ transition: visibility 0s linear 0.3s, opacity 0.3s ease;
1946
+ }
1947
+ .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1948
+ transition-delay: 0s;
1949
+ }
1950
+ @media only screen and (max-width: 767px) {
1951
+ body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
1952
+ margin-right: 0;
1953
+ }
1954
+ }
1955
+ @media only screen and (max-width: 767px) {
1956
+ body:not(.tox-force-desktop)
1957
+ .tox:not([dir='rtl'])
1958
+ .tox-dialog__body-nav-item:not(:first-child) {
1959
+ margin-left: 8px;
1960
+ }
1961
+ }
1962
+ .tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > *,
1963
+ .tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > * {
1964
+ margin-left: 8px;
1965
+ }
1966
+ .tox[dir='rtl'] .tox-dialog__body {
1967
+ text-align: right;
1968
+ }
1969
+ @media only screen and (max-width: 767px) {
1970
+ body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
1971
+ margin-left: 0;
1972
+ }
1973
+ }
1974
+ @media only screen and (max-width: 767px) {
1975
+ body:not(.tox-force-desktop)
1976
+ .tox[dir='rtl']
1977
+ .tox-dialog__body-nav-item:not(:first-child) {
1978
+ margin-right: 8px;
1979
+ }
1980
+ }
1981
+ .tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > *,
1982
+ .tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > * {
1983
+ margin-right: 8px;
1984
+ }
1985
+ body.tox-dialog__disable-scroll {
1986
+ overflow: hidden;
1987
+ }
1988
+ .tox .tox-dropzone-container {
1989
+ display: flex;
1990
+ flex: 1;
1991
+ }
1992
+ .tox .tox-dropzone {
1993
+ align-items: center;
1994
+ background: #fff;
1995
+ border: 2px dashed #161f29;
1996
+ box-sizing: border-box;
1997
+ display: flex;
1998
+ flex-direction: column;
1999
+ flex-grow: 1;
2000
+ justify-content: center;
2001
+ min-height: 100px;
2002
+ padding: 10px;
2003
+ }
2004
+ .tox .tox-dropzone p {
2005
+ color: rgba(255, 255, 255, 0.5);
2006
+ margin: 0 0 16px 0;
2007
+ }
2008
+ .tox .tox-edit-area {
2009
+ display: flex;
2010
+ flex: 1;
2011
+ overflow: hidden;
2012
+ position: relative;
2013
+ }
2014
+ .tox .tox-edit-area::before {
2015
+ border: 2px solid #ffffff;
2016
+ border-radius: 4px;
2017
+ content: '';
2018
+ inset: 0;
2019
+ opacity: 0;
2020
+ pointer-events: none;
2021
+ position: absolute;
2022
+ transition: opacity 0.15s;
2023
+ z-index: 1;
2024
+ }
2025
+ @media (forced-colors: active) {
2026
+ .tox .tox-edit-area::before {
2027
+ border: 2px solid highlight;
2028
+ }
2029
+ }
2030
+ .tox .tox-edit-area__iframe {
2031
+ background-color: #fff;
2032
+ border: 0;
2033
+ box-sizing: border-box;
2034
+ flex: 1;
2035
+ height: 100%;
2036
+ position: absolute;
2037
+ width: 100%;
2038
+ }
2039
+ .tox.tox-edit-focus .tox-edit-area::before {
2040
+ opacity: 1;
2041
+ }
2042
+ .tox.tox-inline-edit-area {
2043
+ border: 1px dotted #161f29;
2044
+ }
2045
+ .tox .tox-editor-container {
2046
+ display: flex;
2047
+ flex: 1 1 auto;
2048
+ flex-direction: column;
2049
+ overflow: hidden;
2050
+ }
2051
+ .tox .tox-editor-header {
2052
+ display: grid;
2053
+ grid-template-columns: 1fr min-content;
2054
+ z-index: 2;
2055
+ }
2056
+ .tox:not(.tox-tinymce-inline) .tox-editor-header {
2057
+ background-color: var(--v-background-base);
2058
+ border-bottom: 1px solid rgba(255, 255, 255, 0.15);
2059
+ box-shadow: none;
2060
+ padding: 4px 0;
2061
+ }
2062
+ .tox:not(.tox-tinymce-inline)
2063
+ .tox-editor-header:not(.tox-editor-dock-transition) {
2064
+ transition: box-shadow 0.5s;
2065
+ }
2066
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
2067
+ border-top: 1px solid rgba(255, 255, 255, 0.15);
2068
+ box-shadow: none;
2069
+ }
2070
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on
2071
+ .tox-editor-header {
2072
+ background-color: var(--v-background-base);
2073
+ box-shadow: none;
2074
+ padding: 4px 0;
2075
+ }
2076
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom
2077
+ .tox-editor-header {
2078
+ box-shadow: none;
2079
+ }
2080
+ .tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
2081
+ background: none;
2082
+ border: none;
2083
+ box-shadow: none;
2084
+ padding: 0;
2085
+ }
2086
+ .tox-editor-dock-fadeout {
2087
+ opacity: 0;
2088
+ visibility: hidden;
2089
+ }
2090
+ .tox-editor-dock-fadein {
2091
+ opacity: 1;
2092
+ visibility: visible;
2093
+ }
2094
+ .tox-editor-dock-transition {
2095
+ transition: visibility 0s linear 0.25s, opacity 0.25s ease;
2096
+ }
2097
+ .tox-editor-dock-transition.tox-editor-dock-fadein {
2098
+ transition-delay: 0s;
2099
+ }
2100
+ .tox .tox-control-wrap {
2101
+ flex: 1;
2102
+ position: relative;
2103
+ }
2104
+ .tox
2105
+ .tox-control-wrap:not(.tox-control-wrap--status-invalid)
2106
+ .tox-control-wrap__status-icon-invalid,
2107
+ .tox
2108
+ .tox-control-wrap:not(.tox-control-wrap--status-unknown)
2109
+ .tox-control-wrap__status-icon-unknown,
2110
+ .tox
2111
+ .tox-control-wrap:not(.tox-control-wrap--status-valid)
2112
+ .tox-control-wrap__status-icon-valid {
2113
+ display: none;
2114
+ }
2115
+ .tox .tox-control-wrap svg {
2116
+ display: block;
2117
+ }
2118
+ .tox .tox-control-wrap__status-icon-wrap {
2119
+ position: absolute;
2120
+ top: 50%;
2121
+ transform: translateY(-50%);
2122
+ }
2123
+ .tox .tox-control-wrap__status-icon-invalid svg {
2124
+ fill: #c00;
2125
+ }
2126
+ .tox .tox-control-wrap__status-icon-unknown svg {
2127
+ fill: orange;
2128
+ }
2129
+ .tox .tox-control-wrap__status-icon-valid svg {
2130
+ fill: green;
2131
+ }
2132
+ .tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
2133
+ .tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
2134
+ .tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
2135
+ padding-right: 32px;
2136
+ }
2137
+ .tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
2138
+ right: 4px;
2139
+ }
2140
+ .tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
2141
+ .tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
2142
+ .tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
2143
+ padding-left: 32px;
2144
+ }
2145
+ .tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
2146
+ left: 4px;
2147
+ }
2148
+ .tox .tox-autocompleter {
2149
+ max-width: 25em;
2150
+ }
2151
+ .tox .tox-autocompleter .tox-menu {
2152
+ box-sizing: border-box;
2153
+ max-width: 25em;
2154
+ }
2155
+ .tox .tox-autocompleter .tox-autocompleter-highlight {
2156
+ font-weight: bold;
2157
+ }
2158
+ .tox .tox-color-input {
2159
+ display: flex;
2160
+ position: relative;
2161
+ z-index: 1;
2162
+ }
2163
+ .tox .tox-color-input .tox-textfield {
2164
+ z-index: -1;
2165
+ }
2166
+ .tox .tox-color-input span {
2167
+ border-color: rgba(34, 47, 62, 0.2);
2168
+ border-radius: 6px;
2169
+ border-style: solid;
2170
+ border-width: 1px;
2171
+ box-shadow: none;
2172
+ box-sizing: border-box;
2173
+ height: 24px;
2174
+ position: absolute;
2175
+ top: 6px;
2176
+ width: 24px;
2177
+ }
2178
+ @media (forced-colors: active) {
2179
+ .tox .tox-color-input span {
2180
+ border-color: currentColor;
2181
+ border-width: 2px !important;
2182
+ forced-color-adjust: none;
2183
+ }
2184
+ }
2185
+ .tox .tox-color-input span:hover:not([aria-disabled='true']),
2186
+ .tox .tox-color-input span:focus:not([aria-disabled='true']) {
2187
+ border-color: #006ce7;
2188
+ cursor: pointer;
2189
+ }
2190
+ .tox .tox-color-input span::before {
2191
+ background-image: linear-gradient(
2192
+ 45deg,
2193
+ rgba(255, 255, 255, 0.25) 25%,
2194
+ transparent 25%
2195
+ ),
2196
+ linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%),
2197
+ linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%),
2198
+ linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
2199
+ background-position: 0 0, 0 6px, 6px -6px, -6px 0;
2200
+ background-size: 12px 12px;
2201
+ border: 1px solid var(--v-surface-base);
2202
+ border-radius: 6px;
2203
+ box-sizing: border-box;
2204
+ content: '';
2205
+ height: 24px;
2206
+ left: -1px;
2207
+ position: absolute;
2208
+ top: -1px;
2209
+ width: 24px;
2210
+ z-index: -1;
2211
+ }
2212
+ @media (forced-colors: active) {
2213
+ .tox .tox-color-input span::before {
2214
+ border: none;
2215
+ }
2216
+ }
2217
+ .tox .tox-color-input span[aria-disabled='true'] {
2218
+ cursor: not-allowed;
2219
+ }
2220
+ .tox:not([dir='rtl']) .tox-color-input {
2221
+ /* stylelint-disable-next-line no-descending-specificity */
2222
+ }
2223
+ .tox:not([dir='rtl']) .tox-color-input .tox-textfield {
2224
+ padding-left: 36px;
2225
+ }
2226
+ .tox:not([dir='rtl']) .tox-color-input span {
2227
+ left: 6px;
2228
+ }
2229
+ .tox[dir='rtl'] .tox-color-input {
2230
+ /* stylelint-disable-next-line no-descending-specificity */
2231
+ }
2232
+ .tox[dir='rtl'] .tox-color-input .tox-textfield {
2233
+ padding-right: 36px;
2234
+ }
2235
+ .tox[dir='rtl'] .tox-color-input span {
2236
+ right: 6px;
2237
+ }
2238
+ .tox .tox-label,
2239
+ .tox .tox-toolbar-label {
2240
+ color: rgba(255, 255, 255, 0.5);
2241
+ display: block;
2242
+ font-size: 14px;
2243
+ font-style: normal;
2244
+ font-weight: normal;
2245
+ line-height: 1.3;
2246
+ padding: 0 8px 0 0;
2247
+ text-transform: none;
2248
+ white-space: nowrap;
2249
+ }
2250
+ .tox .tox-toolbar-label {
2251
+ padding: 0 8px;
2252
+ }
2253
+ .tox[dir='rtl'] .tox-label {
2254
+ padding: 0 0 0 8px;
2255
+ }
2256
+ .tox .tox-form {
2257
+ display: flex;
2258
+ flex: 1;
2259
+ flex-direction: column;
2260
+ }
2261
+ .tox .tox-form__group {
2262
+ box-sizing: border-box;
2263
+ margin-bottom: 4px;
2264
+ }
2265
+ .tox .tox-form-group--maximize {
2266
+ flex: 1;
2267
+ }
2268
+ .tox .tox-form__group--error {
2269
+ color: #c00;
2270
+ }
2271
+ .tox .tox-form__group--collection {
2272
+ display: flex;
2273
+ }
2274
+ .tox .tox-form__grid {
2275
+ display: flex;
2276
+ flex-direction: row;
2277
+ flex-wrap: wrap;
2278
+ justify-content: space-between;
2279
+ }
2280
+ .tox .tox-form__grid--2col > .tox-form__group {
2281
+ width: calc(50% - (8px / 2));
2282
+ }
2283
+ .tox .tox-form__grid--3col > .tox-form__group {
2284
+ width: calc(100% / 3 - (8px / 2));
2285
+ }
2286
+ .tox .tox-form__grid--4col > .tox-form__group {
2287
+ width: calc(25% - (8px / 2));
2288
+ }
2289
+ .tox .tox-form__controls-h-stack {
2290
+ align-items: center;
2291
+ display: flex;
2292
+ }
2293
+ .tox .tox-form__group--inline {
2294
+ align-items: center;
2295
+ display: flex;
2296
+ }
2297
+ .tox .tox-form__group--stretched {
2298
+ display: flex;
2299
+ flex: 1;
2300
+ flex-direction: column;
2301
+ }
2302
+ .tox .tox-form__group--stretched .tox-textarea {
2303
+ flex: 1;
2304
+ }
2305
+ .tox .tox-form__group--stretched .tox-navobj {
2306
+ display: flex;
2307
+ flex: 1;
2308
+ }
2309
+ .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
2310
+ flex: 1;
2311
+ height: 100%;
2312
+ }
2313
+ .tox:not([dir='rtl']) .tox-form__controls-h-stack > *:not(:first-child) {
2314
+ margin-left: 4px;
2315
+ }
2316
+ .tox[dir='rtl'] .tox-form__controls-h-stack > *:not(:first-child) {
2317
+ margin-right: 4px;
2318
+ }
2319
+ .tox .tox-lock.tox-locked .tox-lock-icon__unlock,
2320
+ .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
2321
+ display: none;
2322
+ }
2323
+ .tox .tox-textfield,
2324
+ .tox .tox-toolbar-textfield,
2325
+ .tox .tox-listboxfield .tox-listbox--select,
2326
+ .tox .tox-textarea,
2327
+ .tox .tox-textarea-wrap .tox-textarea:focus {
2328
+ -webkit-appearance: none;
2329
+ -moz-appearance: none;
2330
+ appearance: none;
2331
+ background-color: var(--v-surface-base);
2332
+ border-color: #161f29;
2333
+ border-radius: 6px;
2334
+ border-style: solid;
2335
+ border-width: 1px;
2336
+ box-shadow: none;
2337
+ box-sizing: border-box;
2338
+ color: #fff;
2339
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
2340
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
2341
+ font-size: 16px;
2342
+ line-height: 24px;
2343
+ margin: 0;
2344
+ min-height: 34px;
2345
+ outline: none;
2346
+ padding: 5px 5.5px;
2347
+ resize: none;
2348
+ width: 100%;
2349
+ }
2350
+ .tox .tox-textfield[disabled],
2351
+ .tox .tox-textarea[disabled] {
2352
+ background-color: var(--v-background-base);
2353
+ color: rgba(255, 255, 255, 0.85);
2354
+ cursor: not-allowed;
2355
+ }
2356
+ .tox .tox-textfield:focus,
2357
+ .tox .tox-listboxfield .tox-listbox--select:focus,
2358
+ .tox .tox-textarea-wrap:focus-within,
2359
+ .tox .tox-textarea:focus,
2360
+ .tox .tox-custom-editor:focus-within {
2361
+ background-color: var(--v-surface-base);
2362
+ border-color: #006ce7;
2363
+ box-shadow: 0 0 0 1px #006ce7;
2364
+ outline: none;
2365
+ }
2366
+ .tox .tox-toolbar-textfield {
2367
+ border-width: 0;
2368
+ margin-bottom: 3px;
2369
+ margin-top: 2px;
2370
+ max-width: 250px;
2371
+ }
2372
+ .tox .tox-naked-btn {
2373
+ background-color: transparent;
2374
+ border: 0;
2375
+ border-color: transparent;
2376
+ box-shadow: unset;
2377
+ color: #006ce7;
2378
+ cursor: pointer;
2379
+ display: block;
2380
+ margin: 0;
2381
+ padding: 0;
2382
+ }
2383
+ .tox .tox-naked-btn svg {
2384
+ display: block;
2385
+ fill: #fff;
2386
+ }
2387
+ .tox:not([dir='rtl']) .tox-toolbar-textfield + * {
2388
+ margin-left: 4px;
2389
+ }
2390
+ .tox[dir='rtl'] .tox-toolbar-textfield + * {
2391
+ margin-right: 4px;
2392
+ }
2393
+ .tox .tox-listboxfield {
2394
+ cursor: pointer;
2395
+ position: relative;
2396
+ }
2397
+ .tox .tox-listboxfield .tox-listbox--select[disabled] {
2398
+ background-color: #19232e;
2399
+ color: rgba(255, 255, 255, 0.85);
2400
+ cursor: not-allowed;
2401
+ }
2402
+ .tox .tox-listbox__select-label {
2403
+ cursor: default;
2404
+ flex: 1;
2405
+ margin: 0 4px;
2406
+ }
2407
+ .tox .tox-listbox__select-chevron {
2408
+ align-items: center;
2409
+ display: flex;
2410
+ justify-content: center;
2411
+ width: 16px;
2412
+ }
2413
+ .tox .tox-listbox__select-chevron svg {
2414
+ fill: #fff;
2415
+ }
2416
+ @media (forced-colors: active) {
2417
+ .tox .tox-listbox__select-chevron svg {
2418
+ fill: currentColor !important;
2419
+ }
2420
+ }
2421
+ .tox .tox-listboxfield .tox-listbox--select {
2422
+ align-items: center;
2423
+ display: flex;
2424
+ }
2425
+ .tox:not([dir='rtl']) .tox-listboxfield svg {
2426
+ right: 8px;
2427
+ }
2428
+ .tox[dir='rtl'] .tox-listboxfield svg {
2429
+ left: 8px;
2430
+ }
2431
+ .tox .tox-selectfield {
2432
+ cursor: pointer;
2433
+ position: relative;
2434
+ }
2435
+ .tox .tox-selectfield select {
2436
+ -webkit-appearance: none;
2437
+ -moz-appearance: none;
2438
+ appearance: none;
2439
+ background-color: var(--v-surface-base);
2440
+ border-color: #161f29;
2441
+ border-radius: 6px;
2442
+ border-style: solid;
2443
+ border-width: 1px;
2444
+ box-shadow: none;
2445
+ box-sizing: border-box;
2446
+ color: #fff;
2447
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
2448
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
2449
+ font-size: 16px;
2450
+ line-height: 24px;
2451
+ margin: 0;
2452
+ min-height: 34px;
2453
+ outline: none;
2454
+ padding: 5px 5.5px;
2455
+ resize: none;
2456
+ width: 100%;
2457
+ }
2458
+ .tox .tox-selectfield select[disabled] {
2459
+ background-color: #19232e;
2460
+ color: rgba(255, 255, 255, 0.85);
2461
+ cursor: not-allowed;
2462
+ }
2463
+ .tox .tox-selectfield select::-ms-expand {
2464
+ display: none;
2465
+ }
2466
+ .tox .tox-selectfield select:focus {
2467
+ background-color: var(--v-surface-base);
2468
+ border-color: #006ce7;
2469
+ box-shadow: 0 0 0 1px #006ce7;
2470
+ outline: none;
2471
+ }
2472
+ .tox .tox-selectfield svg {
2473
+ pointer-events: none;
2474
+ position: absolute;
2475
+ top: 50%;
2476
+ transform: translateY(-50%);
2477
+ }
2478
+ .tox:not([dir='rtl']) .tox-selectfield select[size='0'],
2479
+ .tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
2480
+ padding-right: 24px;
2481
+ }
2482
+ .tox:not([dir='rtl']) .tox-selectfield svg {
2483
+ right: 8px;
2484
+ }
2485
+ .tox[dir='rtl'] .tox-selectfield select[size='0'],
2486
+ .tox[dir='rtl'] .tox-selectfield select[size='1'] {
2487
+ padding-left: 24px;
2488
+ }
2489
+ .tox[dir='rtl'] .tox-selectfield svg {
2490
+ left: 8px;
2491
+ }
2492
+ .tox .tox-textarea-wrap {
2493
+ border-color: #161f29;
2494
+ border-radius: 6px;
2495
+ border-style: solid;
2496
+ border-width: 1px;
2497
+ display: flex;
2498
+ flex: 1;
2499
+ overflow: hidden;
2500
+ }
2501
+ .tox .tox-textarea {
2502
+ -webkit-appearance: textarea;
2503
+ -moz-appearance: textarea;
2504
+ appearance: textarea;
2505
+ white-space: pre-wrap;
2506
+ }
2507
+ .tox .tox-textarea-wrap .tox-textarea {
2508
+ border: none;
2509
+ }
2510
+ .tox .tox-textarea-wrap .tox-textarea:focus {
2511
+ border: none;
2512
+ }
2513
+ .tox-fullscreen {
2514
+ border: 0;
2515
+ height: 100%;
2516
+ margin: 0;
2517
+ overflow: hidden;
2518
+ overscroll-behavior: none;
2519
+ padding: 0;
2520
+ touch-action: pinch-zoom;
2521
+ width: 100%;
2522
+ }
2523
+ .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
2524
+ display: none;
2525
+ }
2526
+ .tox.tox-tinymce.tox-fullscreen,
2527
+ .tox-shadowhost.tox-fullscreen {
2528
+ left: 0;
2529
+ position: fixed;
2530
+ top: 0;
2531
+ z-index: 1200;
2532
+ }
2533
+ .tox.tox-tinymce.tox-fullscreen {
2534
+ background-color: transparent;
2535
+ }
2536
+ .tox-fullscreen .tox.tox-tinymce-aux,
2537
+ .tox-fullscreen ~ .tox.tox-tinymce-aux {
2538
+ z-index: 1201;
2539
+ }
2540
+ .tox .tox-help__more-link {
2541
+ list-style: none;
2542
+ margin-top: 1em;
2543
+ }
2544
+ .tox .tox-imagepreview {
2545
+ background-color: #666;
2546
+ height: 380px;
2547
+ overflow: hidden;
2548
+ position: relative;
2549
+ width: 100%;
2550
+ }
2551
+ .tox .tox-imagepreview.tox-imagepreview__loaded {
2552
+ overflow: auto;
2553
+ }
2554
+ .tox .tox-imagepreview__container {
2555
+ display: flex;
2556
+ left: 100vw;
2557
+ position: absolute;
2558
+ top: 100vw;
2559
+ }
2560
+ .tox .tox-imagepreview__image {
2561
+ background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
2562
+ }
2563
+ .tox .tox-image-tools .tox-spacer {
2564
+ flex: 1;
2565
+ }
2566
+ .tox .tox-image-tools .tox-bar {
2567
+ align-items: center;
2568
+ display: flex;
2569
+ height: 60px;
2570
+ justify-content: center;
2571
+ }
2572
+ .tox .tox-image-tools .tox-imagepreview,
2573
+ .tox .tox-image-tools .tox-imagepreview + .tox-bar {
2574
+ margin-top: 8px;
2575
+ }
2576
+ .tox .tox-image-tools .tox-croprect-block {
2577
+ background: black;
2578
+ filter: alpha(opacity=50);
2579
+ opacity: 0.5;
2580
+ position: absolute;
2581
+ zoom: 1;
2582
+ }
2583
+ .tox .tox-image-tools .tox-croprect-handle {
2584
+ border: 2px solid white;
2585
+ height: 20px;
2586
+ left: 0;
2587
+ position: absolute;
2588
+ top: 0;
2589
+ width: 20px;
2590
+ }
2591
+ .tox .tox-image-tools .tox-croprect-handle-move {
2592
+ border: 0;
2593
+ cursor: move;
2594
+ position: absolute;
2595
+ }
2596
+ .tox .tox-image-tools .tox-croprect-handle-nw {
2597
+ border-width: 2px 0 0 2px;
2598
+ cursor: nw-resize;
2599
+ left: 100px;
2600
+ margin: -2px 0 0 -2px;
2601
+ top: 100px;
2602
+ }
2603
+ .tox .tox-image-tools .tox-croprect-handle-ne {
2604
+ border-width: 2px 2px 0 0;
2605
+ cursor: ne-resize;
2606
+ left: 200px;
2607
+ margin: -2px 0 0 -20px;
2608
+ top: 100px;
2609
+ }
2610
+ .tox .tox-image-tools .tox-croprect-handle-sw {
2611
+ border-width: 0 0 2px 2px;
2612
+ cursor: sw-resize;
2613
+ left: 100px;
2614
+ margin: -20px 2px 0 -2px;
2615
+ top: 200px;
2616
+ }
2617
+ .tox .tox-image-tools .tox-croprect-handle-se {
2618
+ border-width: 0 2px 2px 0;
2619
+ cursor: se-resize;
2620
+ left: 200px;
2621
+ margin: -20px 0 0 -20px;
2622
+ top: 200px;
2623
+ }
2624
+ .tox .tox-insert-table-picker {
2625
+ background-color: var(--v-background-base);
2626
+ display: flex;
2627
+ flex-wrap: wrap;
2628
+ width: 170px;
2629
+ }
2630
+ .tox .tox-insert-table-picker > div {
2631
+ border-color: rgba(255, 255, 255, 0.15);
2632
+ border-style: solid;
2633
+ border-width: 0 1px 1px 0;
2634
+ box-sizing: border-box;
2635
+ height: 17px;
2636
+ width: 17px;
2637
+ }
2638
+ .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2639
+ margin: -4px -4px;
2640
+ }
2641
+ .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2642
+ background-color: #006ce7;
2643
+ border-color: rgba(255, 255, 255, 0.15);
2644
+ }
2645
+ @media (forced-colors: active) {
2646
+ .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2647
+ border-color: Highlight;
2648
+ filter: contrast(50%);
2649
+ }
2650
+ }
2651
+ .tox .tox-insert-table-picker__label {
2652
+ color: #fff;
2653
+ display: block;
2654
+ font-size: 14px;
2655
+ padding: 4px;
2656
+ text-align: center;
2657
+ width: 100%;
2658
+ }
2659
+ .tox:not([dir='rtl']) {
2660
+ /* stylelint-disable-next-line no-descending-specificity */
2661
+ }
2662
+ .tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
2663
+ border-right: 0;
2664
+ }
2665
+ .tox[dir='rtl'] {
2666
+ /* stylelint-disable-next-line no-descending-specificity */
2667
+ }
2668
+ .tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
2669
+ border-right: 0;
2670
+ }
2671
+ .tox {
2672
+ /* stylelint-disable */
2673
+ /* stylelint-enable */
2674
+ }
2675
+ .tox .tox-menu {
2676
+ background-color: var(--v-surface-base);
2677
+ border: 1px solid rgba(255, 255, 255, 0.15);
2678
+ border-radius: 6px;
2679
+ box-shadow: none;
2680
+ display: inline-block;
2681
+ overflow: hidden;
2682
+ vertical-align: top;
2683
+ z-index: 1150;
2684
+ }
2685
+ .tox .tox-menu.tox-collection.tox-collection--list {
2686
+ padding: 0 4px;
2687
+ }
2688
+ .tox .tox-menu.tox-collection.tox-collection--toolbar {
2689
+ padding: 8px;
2690
+ }
2691
+ .tox .tox-menu.tox-collection.tox-collection--grid {
2692
+ padding: 8px;
2693
+ }
2694
+ @media only screen and (min-width: 768px) {
2695
+ .tox .tox-menu .tox-collection__item-label {
2696
+ overflow-wrap: break-word;
2697
+ word-break: normal;
2698
+ }
2699
+ .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
2700
+ word-break: break-all;
2701
+ }
2702
+ }
2703
+ .tox .tox-menu__label h1,
2704
+ .tox .tox-menu__label h2,
2705
+ .tox .tox-menu__label h3,
2706
+ .tox .tox-menu__label h4,
2707
+ .tox .tox-menu__label h5,
2708
+ .tox .tox-menu__label h6,
2709
+ .tox .tox-menu__label p,
2710
+ .tox .tox-menu__label blockquote,
2711
+ .tox .tox-menu__label code {
2712
+ margin: 0;
2713
+ }
2714
+ .tox .tox-menubar {
2715
+ background: repeating-linear-gradient(
2716
+ transparent 0px 1px,
2717
+ transparent 1px 39px
2718
+ )
2719
+ center top 39px / 100% calc(100% - 39px) no-repeat;
2720
+ background-color: var(--v-background-base);
2721
+ display: flex;
2722
+ flex: 0 0 auto;
2723
+ flex-shrink: 0;
2724
+ flex-wrap: wrap;
2725
+ grid-column: 1 / -1;
2726
+ grid-row: 1;
2727
+ padding: 0 11px 0 12px;
2728
+ }
2729
+ .tox .tox-promotion + .tox-menubar {
2730
+ grid-column: 1;
2731
+ }
2732
+ .tox .tox-promotion {
2733
+ background: repeating-linear-gradient(
2734
+ transparent 0px 1px,
2735
+ transparent 1px 39px
2736
+ )
2737
+ center top 39px / 100% calc(100% - 39px) no-repeat;
2738
+ background-color: var(--v-background-base);
2739
+ grid-column: 2;
2740
+ grid-row: 1;
2741
+ padding-inline-end: 8px;
2742
+ padding-inline-start: 4px;
2743
+ padding-top: 5px;
2744
+ }
2745
+ .tox .tox-promotion-link {
2746
+ align-items: unsafe center;
2747
+ background-color: #e8f1f8;
2748
+ border-radius: 5px;
2749
+ color: #086be6;
2750
+ cursor: pointer;
2751
+ display: flex;
2752
+ font-size: 14px;
2753
+ height: 26.6px;
2754
+ padding: 4px 8px;
2755
+ white-space: nowrap;
2756
+ }
2757
+ .tox .tox-promotion-link:hover {
2758
+ background-color: #b4d7ff;
2759
+ }
2760
+ .tox .tox-promotion-link:focus {
2761
+ background-color: #d9edf7;
2762
+ }
2763
+ /* Deprecated. Remove in next major release */
2764
+ .tox .tox-mbtn {
2765
+ align-items: center;
2766
+ background: var(--v-background-base);
2767
+ border: 0;
2768
+ border-radius: 3px;
2769
+ box-shadow: none;
2770
+ color: #fff;
2771
+ display: flex;
2772
+ flex: 0 0 auto;
2773
+ font-size: 14px;
2774
+ font-style: normal;
2775
+ font-weight: normal;
2776
+ height: 28px;
2777
+ justify-content: center;
2778
+ margin: 5px 1px 6px 0;
2779
+ outline: none;
2780
+ padding: 0 4px;
2781
+ text-transform: none;
2782
+ width: auto;
2783
+ }
2784
+ .tox .tox-mbtn[disabled] {
2785
+ background-color: var(--v-background-base);
2786
+ border: 0;
2787
+ box-shadow: none;
2788
+ color: rgba(255, 255, 255, 0.5);
2789
+ cursor: not-allowed;
2790
+ }
2791
+ .tox .tox-mbtn:focus:not(:disabled) {
2792
+ background: var(--v-background-base);
2793
+ border: 0;
2794
+ box-shadow: none;
2795
+ color: #fff;
2796
+ position: relative;
2797
+ z-index: 1;
2798
+ }
2799
+ .tox .tox-mbtn:focus:not(:disabled)::after {
2800
+ border-radius: 3px;
2801
+ bottom: 0;
2802
+ box-shadow: 0 0 0 2px #fff;
2803
+ content: '';
2804
+ left: 0;
2805
+ position: absolute;
2806
+ right: 0;
2807
+ top: 0;
2808
+ }
2809
+ @media (forced-colors: active) {
2810
+ .tox .tox-mbtn:focus:not(:disabled)::after {
2811
+ border: 2px solid highlight;
2812
+ }
2813
+ }
2814
+ .tox .tox-mbtn--active,
2815
+ .tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
2816
+ background: #599fef;
2817
+ border: 0;
2818
+ box-shadow: none;
2819
+ color: #fff;
2820
+ }
2821
+ .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2822
+ background: #2f4055;
2823
+ border: 0;
2824
+ box-shadow: none;
2825
+ color: #fff;
2826
+ }
2827
+ .tox .tox-mbtn__select-label {
2828
+ cursor: default;
2829
+ font-weight: normal;
2830
+ margin: 0 4px;
2831
+ }
2832
+ .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
2833
+ cursor: not-allowed;
2834
+ }
2835
+ .tox .tox-mbtn__select-chevron {
2836
+ align-items: center;
2837
+ display: flex;
2838
+ justify-content: center;
2839
+ width: 16px;
2840
+ display: none;
2841
+ }
2842
+ .tox .tox-notification {
2843
+ border-radius: 6px;
2844
+ border-style: solid;
2845
+ border-width: 1px;
2846
+ box-shadow: none;
2847
+ box-sizing: border-box;
2848
+ display: grid;
2849
+ font-size: 14px;
2850
+ font-weight: normal;
2851
+ grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2852
+ margin-left: auto;
2853
+ margin-right: auto;
2854
+ margin-top: 4px;
2855
+ opacity: 0;
2856
+ padding: 4px;
2857
+ transition: transform 100ms ease-in, opacity 150ms ease-in;
2858
+ width: -moz-max-content;
2859
+ width: max-content;
2860
+ }
2861
+ .tox .tox-notification a {
2862
+ cursor: pointer;
2863
+ text-decoration: underline;
2864
+ }
2865
+ .tox .tox-notification p {
2866
+ font-size: 14px;
2867
+ font-weight: normal;
2868
+ }
2869
+ .tox .tox-notification:focus {
2870
+ border-color: #006ce7;
2871
+ box-shadow: 0 0 0 1px #006ce7;
2872
+ }
2873
+ .tox .tox-notification--in {
2874
+ opacity: 1;
2875
+ }
2876
+ .tox .tox-notification--success {
2877
+ background-color: #334840;
2878
+ border-color: #3c5440;
2879
+ color: #fff;
2880
+ }
2881
+ .tox .tox-notification--success p {
2882
+ color: #fff;
2883
+ }
2884
+ .tox .tox-notification--success a {
2885
+ color: #b5d199;
2886
+ }
2887
+ .tox .tox-notification--success a:hover,
2888
+ .tox .tox-notification--success a:focus {
2889
+ color: #82b153;
2890
+ text-decoration: underline;
2891
+ }
2892
+ .tox .tox-notification--success a:focus-visible {
2893
+ border-radius: 1px;
2894
+ outline: 2px solid #b5d199;
2895
+ outline-offset: 2px;
2896
+ }
2897
+ .tox .tox-notification--success a:active {
2898
+ color: #689041;
2899
+ text-decoration: underline;
2900
+ }
2901
+ .tox .tox-notification--success svg {
2902
+ fill: #fff;
2903
+ }
2904
+ .tox .tox-notification--error {
2905
+ background-color: #442632;
2906
+ border-color: #55212b;
2907
+ color: #fff;
2908
+ /* stylelint-disable-next-line no-descending-specificity */
2909
+ }
2910
+ .tox .tox-notification--error p {
2911
+ color: #fff;
2912
+ }
2913
+ .tox .tox-notification--error a {
2914
+ color: #e68080;
2915
+ }
2916
+ .tox .tox-notification--error a:hover,
2917
+ .tox .tox-notification--error a:focus {
2918
+ color: #d42b2b;
2919
+ text-decoration: underline;
2920
+ }
2921
+ .tox .tox-notification--error a:focus-visible {
2922
+ border-radius: 1px;
2923
+ outline: 2px solid #e68080;
2924
+ outline-offset: 2px;
2925
+ }
2926
+ .tox .tox-notification--error a:active {
2927
+ color: #aa2222;
2928
+ text-decoration: underline;
2929
+ }
2930
+ .tox .tox-notification--error svg {
2931
+ fill: #fff;
2932
+ }
2933
+ .tox .tox-notification--warn,
2934
+ .tox .tox-notification--warning {
2935
+ background-color: var(--v-background-base);
2936
+ border-color: rgba(255, 255, 255, 0.15);
2937
+ color: #fff0b3;
2938
+ /* stylelint-disable-next-line no-descending-specificity */
2939
+ }
2940
+ .tox .tox-notification--warn p,
2941
+ .tox .tox-notification--warning p {
2942
+ color: #fff0b3;
2943
+ }
2944
+ .tox .tox-notification--warn a,
2945
+ .tox .tox-notification--warning a {
2946
+ color: #ffcc00;
2947
+ }
2948
+ .tox .tox-notification--warn a:hover,
2949
+ .tox .tox-notification--warning a:hover,
2950
+ .tox .tox-notification--warn a:focus,
2951
+ .tox .tox-notification--warning a:focus {
2952
+ color: #997a00;
2953
+ text-decoration: underline;
2954
+ }
2955
+ .tox .tox-notification--warn a:focus-visible,
2956
+ .tox .tox-notification--warning a:focus-visible {
2957
+ border-radius: 1px;
2958
+ outline: 2px solid #ffcc00;
2959
+ outline-offset: 2px;
2960
+ }
2961
+ .tox .tox-notification--warn a:active,
2962
+ .tox .tox-notification--warning a:active {
2963
+ color: #665200;
2964
+ text-decoration: underline;
2965
+ }
2966
+ .tox .tox-notification--warn svg,
2967
+ .tox .tox-notification--warning svg {
2968
+ fill: #fff0b3;
2969
+ }
2970
+ .tox .tox-notification--info {
2971
+ background-color: #254161;
2972
+ border-color: #264972;
2973
+ color: #fff;
2974
+ /* stylelint-disable-next-line no-descending-specificity */
2975
+ }
2976
+ .tox .tox-notification--info p {
2977
+ color: #fff;
2978
+ }
2979
+ .tox .tox-notification--info a {
2980
+ color: #83b7f3;
2981
+ }
2982
+ .tox .tox-notification--info a:hover,
2983
+ .tox .tox-notification--info a:focus {
2984
+ color: #2681ea;
2985
+ text-decoration: underline;
2986
+ }
2987
+ .tox .tox-notification--info a:focus-visible {
2988
+ border-radius: 1px;
2989
+ outline: 2px solid #83b7f3;
2990
+ outline-offset: 2px;
2991
+ }
2992
+ .tox .tox-notification--info a:active {
2993
+ color: #1368c9;
2994
+ text-decoration: underline;
2995
+ }
2996
+ .tox .tox-notification--info svg {
2997
+ fill: #fff;
2998
+ }
2999
+ .tox .tox-notification__body {
3000
+ align-self: center;
3001
+ color: #fff;
3002
+ font-size: 14px;
3003
+ grid-column-end: 3;
3004
+ grid-column-start: 2;
3005
+ grid-row-end: 2;
3006
+ grid-row-start: 1;
3007
+ text-align: center;
3008
+ white-space: normal;
3009
+ word-break: break-all;
3010
+ word-break: break-word;
3011
+ }
3012
+ .tox .tox-notification__body > * {
3013
+ margin: 0;
3014
+ }
3015
+ .tox .tox-notification__body > * + * {
3016
+ margin-top: 1rem;
3017
+ }
3018
+ .tox .tox-notification__icon {
3019
+ align-self: center;
3020
+ grid-column-end: 2;
3021
+ grid-column-start: 1;
3022
+ grid-row-end: 2;
3023
+ grid-row-start: 1;
3024
+ justify-self: end;
3025
+ }
3026
+ .tox .tox-notification__icon svg {
3027
+ display: block;
3028
+ }
3029
+ .tox .tox-notification__dismiss {
3030
+ align-self: start;
3031
+ grid-column-end: 4;
3032
+ grid-column-start: 3;
3033
+ grid-row-end: 2;
3034
+ grid-row-start: 1;
3035
+ justify-self: end;
3036
+ }
3037
+ .tox .tox-notification .tox-progress-bar {
3038
+ grid-column-end: 4;
3039
+ grid-column-start: 1;
3040
+ grid-row-end: 3;
3041
+ grid-row-start: 2;
3042
+ justify-self: center;
3043
+ }
3044
+ .tox .tox-notification-container-dock-fadeout {
3045
+ opacity: 0;
3046
+ visibility: hidden;
3047
+ }
3048
+ .tox .tox-notification-container-dock-fadein {
3049
+ opacity: 1;
3050
+ visibility: visible;
3051
+ }
3052
+ .tox .tox-notification-container-dock-transition {
3053
+ transition: visibility 0s linear 0.3s, opacity 0.3s ease;
3054
+ }
3055
+ .tox
3056
+ .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
3057
+ transition-delay: 0s;
3058
+ }
3059
+ .tox .tox-pop {
3060
+ display: inline-block;
3061
+ position: relative;
3062
+ }
3063
+ .tox .tox-pop--resizing {
3064
+ transition: width 0.1s ease;
3065
+ }
3066
+ .tox .tox-pop--resizing .tox-toolbar,
3067
+ .tox .tox-pop--resizing .tox-toolbar__group {
3068
+ flex-wrap: nowrap;
3069
+ }
3070
+ .tox .tox-pop--transition {
3071
+ transition: 0.15s ease;
3072
+ transition-property: left, right, top, bottom;
3073
+ }
3074
+ .tox .tox-pop--transition::before,
3075
+ .tox .tox-pop--transition::after {
3076
+ transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
3077
+ }
3078
+ .tox .tox-pop__dialog {
3079
+ background-color: var(--v-background-base);
3080
+ border: 1px solid #161f29;
3081
+ border-radius: 6px;
3082
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
3083
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3084
+ min-width: 0;
3085
+ overflow: hidden;
3086
+ }
3087
+ .tox .tox-pop__dialog > *:not(.tox-toolbar) {
3088
+ margin: 4px 4px 4px 8px;
3089
+ }
3090
+ .tox .tox-pop__dialog .tox-toolbar {
3091
+ background-color: transparent;
3092
+ margin-bottom: -1px;
3093
+ }
3094
+ .tox .tox-pop::before,
3095
+ .tox .tox-pop::after {
3096
+ border-style: solid;
3097
+ content: '';
3098
+ display: block;
3099
+ height: 0;
3100
+ opacity: 1;
3101
+ position: absolute;
3102
+ width: 0;
3103
+ }
3104
+ @media (forced-colors: active) {
3105
+ .tox .tox-pop::before,
3106
+ .tox .tox-pop::after {
3107
+ content: none;
3108
+ }
3109
+ }
3110
+ .tox .tox-pop.tox-pop--inset::before,
3111
+ .tox .tox-pop.tox-pop--inset::after {
3112
+ opacity: 0;
3113
+ transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
3114
+ }
3115
+ .tox .tox-pop.tox-pop--bottom::before,
3116
+ .tox .tox-pop.tox-pop--bottom::after {
3117
+ left: 50%;
3118
+ top: 100%;
3119
+ }
3120
+ .tox .tox-pop.tox-pop--bottom::after {
3121
+ border-color: var(--v-background-base) transparent transparent transparent;
3122
+ border-width: 8px;
3123
+ margin-left: -8px;
3124
+ margin-top: -1px;
3125
+ }
3126
+ .tox .tox-pop.tox-pop--bottom::before {
3127
+ border-color: #161f29 transparent transparent transparent;
3128
+ border-width: 9px;
3129
+ margin-left: -9px;
3130
+ }
3131
+ .tox .tox-pop.tox-pop--top::before,
3132
+ .tox .tox-pop.tox-pop--top::after {
3133
+ left: 50%;
3134
+ top: 0;
3135
+ transform: translateY(-100%);
3136
+ }
3137
+ .tox .tox-pop.tox-pop--top::after {
3138
+ border-color: transparent transparent var(--v-background-base) transparent;
3139
+ border-width: 8px;
3140
+ margin-left: -8px;
3141
+ margin-top: 1px;
3142
+ }
3143
+ .tox .tox-pop.tox-pop--top::before {
3144
+ border-color: transparent transparent #161f29 transparent;
3145
+ border-width: 9px;
3146
+ margin-left: -9px;
3147
+ }
3148
+ .tox .tox-pop.tox-pop--left::before,
3149
+ .tox .tox-pop.tox-pop--left::after {
3150
+ left: 0;
3151
+ top: calc(50% - 1px);
3152
+ transform: translateY(-50%);
3153
+ }
3154
+ .tox .tox-pop.tox-pop--left::after {
3155
+ border-color: transparent var(--v-background-base) transparent transparent;
3156
+ border-width: 8px;
3157
+ margin-left: -15px;
3158
+ }
3159
+ .tox .tox-pop.tox-pop--left::before {
3160
+ border-color: transparent #161f29 transparent transparent;
3161
+ border-width: 10px;
3162
+ margin-left: -19px;
3163
+ }
3164
+ .tox .tox-pop.tox-pop--right::before,
3165
+ .tox .tox-pop.tox-pop--right::after {
3166
+ left: 100%;
3167
+ top: calc(50% + 1px);
3168
+ transform: translateY(-50%);
3169
+ }
3170
+ .tox .tox-pop.tox-pop--right::after {
3171
+ border-color: transparent transparent transparent var(--v-background-base);
3172
+ border-width: 8px;
3173
+ margin-left: -1px;
3174
+ }
3175
+ .tox .tox-pop.tox-pop--right::before {
3176
+ border-color: transparent transparent transparent #161f29;
3177
+ border-width: 10px;
3178
+ margin-left: -1px;
3179
+ }
3180
+ .tox .tox-pop.tox-pop--align-left::before,
3181
+ .tox .tox-pop.tox-pop--align-left::after {
3182
+ left: 20px;
3183
+ }
3184
+ .tox .tox-pop.tox-pop--align-right::before,
3185
+ .tox .tox-pop.tox-pop--align-right::after {
3186
+ left: calc(100% - 20px);
3187
+ }
3188
+ .tox .tox-sidebar-wrap {
3189
+ display: flex;
3190
+ flex-direction: row;
3191
+ flex-grow: 1;
3192
+ min-height: 0;
3193
+ }
3194
+ .tox .tox-sidebar {
3195
+ background-color: var(--v-background-base);
3196
+ display: flex;
3197
+ flex-direction: row;
3198
+ justify-content: flex-end;
3199
+ }
3200
+ .tox .tox-sidebar__slider {
3201
+ display: flex;
3202
+ overflow: hidden;
3203
+ }
3204
+ .tox .tox-sidebar__pane-container {
3205
+ display: flex;
3206
+ }
3207
+ .tox .tox-sidebar__pane {
3208
+ display: flex;
3209
+ }
3210
+ .tox .tox-sidebar--sliding-closed {
3211
+ opacity: 0;
3212
+ }
3213
+ .tox .tox-sidebar--sliding-open {
3214
+ opacity: 1;
3215
+ }
3216
+ .tox .tox-sidebar--sliding-growing,
3217
+ .tox .tox-sidebar--sliding-shrinking {
3218
+ transition: width 0.5s ease, opacity 0.5s ease;
3219
+ }
3220
+ .tox .tox-selector {
3221
+ background-color: #4099ff;
3222
+ border-color: #4099ff;
3223
+ border-style: solid;
3224
+ border-width: 1px;
3225
+ box-sizing: border-box;
3226
+ display: inline-block;
3227
+ height: 10px;
3228
+ position: absolute;
3229
+ width: 10px;
3230
+ }
3231
+ .tox.tox-platform-touch .tox-selector {
3232
+ height: 12px;
3233
+ width: 12px;
3234
+ }
3235
+ .tox .tox-slider {
3236
+ align-items: center;
3237
+ display: flex;
3238
+ flex: 1;
3239
+ height: 24px;
3240
+ justify-content: center;
3241
+ position: relative;
3242
+ }
3243
+ .tox .tox-slider__rail {
3244
+ background-color: transparent;
3245
+ border: 1px solid #161f29;
3246
+ border-radius: 6px;
3247
+ height: 10px;
3248
+ min-width: 120px;
3249
+ width: 100%;
3250
+ }
3251
+ .tox .tox-slider__handle {
3252
+ background-color: #006ce7;
3253
+ border: 2px solid #0054b4;
3254
+ border-radius: 6px;
3255
+ box-shadow: none;
3256
+ height: 24px;
3257
+ left: 50%;
3258
+ position: absolute;
3259
+ top: 50%;
3260
+ transform: translateX(-50%) translateY(-50%);
3261
+ width: 14px;
3262
+ }
3263
+ .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
3264
+ margin-inline-start: 8px;
3265
+ }
3266
+ .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
3267
+ margin-inline-start: 32px;
3268
+ }
3269
+ .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
3270
+ margin-inline-start: 32px;
3271
+ }
3272
+ .tox .tox-source-code {
3273
+ overflow: auto;
3274
+ }
3275
+ .tox .tox-spinner {
3276
+ display: flex;
3277
+ }
3278
+ .tox .tox-spinner > div {
3279
+ animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
3280
+ background-color: rgba(255, 255, 255, 0.5);
3281
+ border-radius: 100%;
3282
+ height: 8px;
3283
+ width: 8px;
3284
+ }
3285
+ .tox .tox-spinner > div:nth-child(1) {
3286
+ animation-delay: -0.32s;
3287
+ }
3288
+ .tox .tox-spinner > div:nth-child(2) {
3289
+ animation-delay: -0.16s;
3290
+ }
3291
+ @keyframes tam-bouncing-dots {
3292
+ 0%,
3293
+ 80%,
3294
+ 100% {
3295
+ transform: scale(0);
3296
+ }
3297
+ 40% {
3298
+ transform: scale(1);
3299
+ }
3300
+ }
3301
+ .tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
3302
+ margin-left: 4px;
3303
+ }
3304
+ .tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
3305
+ margin-right: 4px;
3306
+ }
3307
+ .tox .tox-statusbar {
3308
+ align-items: center;
3309
+ background-color: var(--v-background-base);
3310
+ border-top: 1px solid rgba(255, 255, 255, 0.15);
3311
+ color: rgba(255, 255, 255, 0.75);
3312
+ display: flex;
3313
+ flex: 0 0 auto;
3314
+ font-size: 14px;
3315
+ font-weight: normal;
3316
+ height: 25px;
3317
+ overflow: hidden;
3318
+ padding: 0 8px;
3319
+ position: relative;
3320
+ text-transform: none;
3321
+ }
3322
+ .tox .tox-statusbar__path {
3323
+ display: flex;
3324
+ flex: 1 1 auto;
3325
+ text-overflow: ellipsis;
3326
+ white-space: nowrap;
3327
+ }
3328
+ .tox .tox-statusbar__right-container {
3329
+ display: flex;
3330
+ justify-content: flex-end;
3331
+ white-space: nowrap;
3332
+ }
3333
+ .tox .tox-statusbar__help-text {
3334
+ text-align: center;
3335
+ }
3336
+ .tox .tox-statusbar__text-container {
3337
+ display: flex;
3338
+ flex: 1 1 auto;
3339
+ justify-content: space-between;
3340
+ }
3341
+ @media only screen and (min-width: 768px) {
3342
+ .tox
3343
+ .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
3344
+ > .tox-statusbar__help-text,
3345
+ .tox
3346
+ .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
3347
+ > .tox-statusbar__right-container,
3348
+ .tox
3349
+ .tox-statusbar__text-container.tox-statusbar__text-container-3-cols
3350
+ > .tox-statusbar__path {
3351
+ flex: 0 0 calc(100% / 3);
3352
+ }
3353
+ }
3354
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
3355
+ justify-content: flex-end;
3356
+ }
3357
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
3358
+ justify-content: flex-start;
3359
+ }
3360
+ .tox
3361
+ .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
3362
+ justify-content: space-around;
3363
+ }
3364
+ .tox .tox-statusbar__path > * {
3365
+ display: inline;
3366
+ white-space: nowrap;
3367
+ }
3368
+ .tox .tox-statusbar__wordcount {
3369
+ flex: 0 0 auto;
3370
+ margin-left: 1ch;
3371
+ }
3372
+ @media only screen and (max-width: 767px) {
3373
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text {
3374
+ display: none;
3375
+ }
3376
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
3377
+ display: block;
3378
+ }
3379
+ }
3380
+ .tox .tox-statusbar a,
3381
+ .tox .tox-statusbar__path-item,
3382
+ .tox .tox-statusbar__wordcount {
3383
+ color: rgba(255, 255, 255, 0.75);
3384
+ position: relative;
3385
+ text-decoration: none;
3386
+ }
3387
+ .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
3388
+ .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
3389
+ .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']),
3390
+ .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
3391
+ .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
3392
+ .tox
3393
+ .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']) {
3394
+ color: #fff;
3395
+ cursor: pointer;
3396
+ }
3397
+ .tox .tox-statusbar a:focus-visible::after,
3398
+ .tox .tox-statusbar__path-item:focus-visible::after,
3399
+ .tox .tox-statusbar__wordcount:focus-visible::after {
3400
+ border-radius: 3px;
3401
+ bottom: 0;
3402
+ box-shadow: 0 0 0 2px #fff;
3403
+ content: '';
3404
+ left: 0;
3405
+ position: absolute;
3406
+ right: 0;
3407
+ top: 0;
3408
+ }
3409
+ @media (forced-colors: active) {
3410
+ .tox .tox-statusbar a:focus-visible::after,
3411
+ .tox .tox-statusbar__path-item:focus-visible::after,
3412
+ .tox .tox-statusbar__wordcount:focus-visible::after {
3413
+ border: 2px solid highlight;
3414
+ }
3415
+ }
3416
+ .tox .tox-statusbar__branding svg {
3417
+ fill: rgba(255, 255, 255, 0.8);
3418
+ height: 1.14em;
3419
+ vertical-align: -0.28em;
3420
+ width: 3.6em;
3421
+ }
3422
+ @media (forced-colors: active) {
3423
+ .tox .tox-statusbar__branding svg {
3424
+ fill: currentColor;
3425
+ }
3426
+ }
3427
+ .tox
3428
+ .tox-statusbar__branding
3429
+ a:hover:not(:disabled):not([aria-disabled='true'])
3430
+ svg,
3431
+ .tox
3432
+ .tox-statusbar__branding
3433
+ a:focus:not(:disabled):not([aria-disabled='true'])
3434
+ svg {
3435
+ fill: #fff;
3436
+ }
3437
+ .tox .tox-statusbar__resize-handle {
3438
+ align-items: flex-end;
3439
+ align-self: stretch;
3440
+ cursor: nwse-resize;
3441
+ display: flex;
3442
+ flex: 0 0 auto;
3443
+ justify-content: flex-end;
3444
+ margin-bottom: 3px;
3445
+ margin-left: 4px;
3446
+ margin-right: calc(3px - 8px);
3447
+ margin-top: 3px;
3448
+ padding-bottom: 0;
3449
+ padding-left: 0;
3450
+ padding-right: 0;
3451
+ position: relative;
3452
+ }
3453
+ .tox .tox-statusbar__resize-handle svg {
3454
+ display: block;
3455
+ fill: rgba(255, 255, 255, 0.5);
3456
+ }
3457
+ .tox .tox-statusbar__resize-handle:hover svg,
3458
+ .tox .tox-statusbar__resize-handle:focus svg {
3459
+ fill: #fff;
3460
+ }
3461
+ .tox .tox-statusbar__resize-handle:focus-visible {
3462
+ background-color: transparent;
3463
+ border-radius: 1px 1px 5px 1px;
3464
+ box-shadow: 0 0 0 2px transparent;
3465
+ }
3466
+ .tox .tox-statusbar__resize-handle:focus-visible::after {
3467
+ border-radius: 3px;
3468
+ bottom: 0;
3469
+ box-shadow: 0 0 0 2px #fff;
3470
+ content: '';
3471
+ left: 0;
3472
+ position: absolute;
3473
+ right: 0;
3474
+ top: 0;
3475
+ }
3476
+ @media (forced-colors: active) {
3477
+ .tox .tox-statusbar__resize-handle:focus-visible::after {
3478
+ border: 2px solid highlight;
3479
+ }
3480
+ }
3481
+ .tox:not([dir='rtl']) .tox-statusbar__path > * {
3482
+ margin-right: 4px;
3483
+ }
3484
+ .tox:not([dir='rtl']) .tox-statusbar__branding {
3485
+ margin-left: 2ch;
3486
+ }
3487
+ .tox[dir='rtl'] .tox-statusbar {
3488
+ flex-direction: row-reverse;
3489
+ }
3490
+ .tox[dir='rtl'] .tox-statusbar__path > * {
3491
+ margin-left: 4px;
3492
+ }
3493
+ .tox .tox-throbber {
3494
+ z-index: 1299;
3495
+ }
3496
+ .tox .tox-throbber__busy-spinner {
3497
+ align-items: center;
3498
+ background-color: rgba(34, 47, 62, 0.6);
3499
+ bottom: 0;
3500
+ display: flex;
3501
+ justify-content: center;
3502
+ left: 0;
3503
+ position: absolute;
3504
+ right: 0;
3505
+ top: 0;
3506
+ }
3507
+ .tox .tox-tbtn {
3508
+ align-items: center;
3509
+ background: var(--v-background-base);
3510
+ border: 0;
3511
+ border-radius: 3px;
3512
+ box-shadow: none;
3513
+ color: #fff;
3514
+ display: flex;
3515
+ flex: 0 0 auto;
3516
+ font-size: 14px;
3517
+ font-style: normal;
3518
+ font-weight: normal;
3519
+ height: 28px;
3520
+ justify-content: center;
3521
+ margin: 6px 1px 5px 0;
3522
+ outline: none;
3523
+ padding: 0;
3524
+ text-transform: none;
3525
+ width: 34px;
3526
+ }
3527
+ @media (forced-colors: active) {
3528
+ .tox .tox-tbtn:hover,
3529
+ .tox .tox-tbtn.tox-tbtn:hover {
3530
+ outline: 1px dashed currentColor;
3531
+ }
3532
+ .tox .tox-tbtn.tox-tbtn--active,
3533
+ .tox .tox-tbtn.tox-tbtn--enabled,
3534
+ .tox .tox-tbtn.tox-tbtn--enabled:hover,
3535
+ .tox .tox-tbtn.tox-tbtn--enabled:focus,
3536
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3537
+ outline: 1px solid currentColor;
3538
+ position: relative;
3539
+ }
3540
+ }
3541
+ .tox .tox-tbtn svg {
3542
+ display: block;
3543
+ fill: #fff;
3544
+ }
3545
+ @media (forced-colors: active) {
3546
+ .tox .tox-tbtn svg {
3547
+ fill: currentColor !important;
3548
+ }
3549
+ .tox .tox-tbtn svg.tox-tbtn--enabled,
3550
+ .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
3551
+ fill: currentColor !important;
3552
+ }
3553
+ .tox .tox-tbtn svg.tox-tbtn--disabled,
3554
+ .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
3555
+ .tox .tox-tbtn svg .tox-tbtn:disabled,
3556
+ .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
3557
+ filter: contrast(0%);
3558
+ }
3559
+ }
3560
+ .tox .tox-tbtn.tox-tbtn-more {
3561
+ padding-left: 5px;
3562
+ padding-right: 5px;
3563
+ width: inherit;
3564
+ }
3565
+ .tox .tox-tbtn:focus {
3566
+ background: var(--v-background-base);
3567
+ border: 0;
3568
+ box-shadow: none;
3569
+ position: relative;
3570
+ z-index: 1;
3571
+ }
3572
+ .tox .tox-tbtn:focus::after {
3573
+ border-radius: 3px;
3574
+ bottom: 0;
3575
+ box-shadow: 0 0 0 2px #fff;
3576
+ content: '';
3577
+ left: 0;
3578
+ position: absolute;
3579
+ right: 0;
3580
+ top: 0;
3581
+ }
3582
+ @media (forced-colors: active) {
3583
+ .tox .tox-tbtn:focus::after {
3584
+ border: 2px solid highlight;
3585
+ }
3586
+ }
3587
+ .tox .tox-tbtn:hover {
3588
+ background: #2f4055;
3589
+ border: 0;
3590
+ box-shadow: none;
3591
+ color: #fff;
3592
+ }
3593
+ .tox .tox-tbtn:hover svg {
3594
+ fill: #fff;
3595
+ }
3596
+ .tox .tox-tbtn:active {
3597
+ background: #599fef;
3598
+ border: 0;
3599
+ box-shadow: none;
3600
+ color: #fff;
3601
+ }
3602
+ .tox .tox-tbtn:active svg {
3603
+ fill: #fff;
3604
+ }
3605
+ .tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
3606
+ fill: rgba(255, 255, 255, 0.5);
3607
+ }
3608
+ .tox .tox-tbtn--disabled,
3609
+ .tox .tox-tbtn--disabled:hover,
3610
+ .tox .tox-tbtn:disabled,
3611
+ .tox .tox-tbtn:disabled:hover {
3612
+ background: var(--v-background-base);
3613
+ border: 0;
3614
+ box-shadow: none;
3615
+ color: rgba(255, 255, 255, 0.5);
3616
+ cursor: not-allowed;
3617
+ }
3618
+ .tox .tox-tbtn--disabled svg,
3619
+ .tox .tox-tbtn--disabled:hover svg,
3620
+ .tox .tox-tbtn:disabled svg,
3621
+ .tox .tox-tbtn:disabled:hover svg {
3622
+ /* stylelint-disable-line no-descending-specificity */
3623
+ fill: rgba(255, 255, 255, 0.5);
3624
+ }
3625
+ .tox .tox-tbtn--active,
3626
+ .tox .tox-tbtn--enabled,
3627
+ .tox .tox-tbtn--enabled:hover,
3628
+ .tox .tox-tbtn--enabled:focus {
3629
+ background: #599fef;
3630
+ border: 0;
3631
+ box-shadow: none;
3632
+ color: #fff;
3633
+ position: relative;
3634
+ }
3635
+ .tox .tox-tbtn--active > *,
3636
+ .tox .tox-tbtn--enabled > *,
3637
+ .tox .tox-tbtn--enabled:hover > *,
3638
+ .tox .tox-tbtn--enabled:focus > * {
3639
+ transform: none;
3640
+ }
3641
+ .tox .tox-tbtn--active svg,
3642
+ .tox .tox-tbtn--enabled svg,
3643
+ .tox .tox-tbtn--enabled:hover svg,
3644
+ .tox .tox-tbtn--enabled:focus svg {
3645
+ /* stylelint-disable-line no-descending-specificity */
3646
+ fill: #fff;
3647
+ }
3648
+ .tox .tox-tbtn--active.tox-tbtn--disabled svg,
3649
+ .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
3650
+ .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
3651
+ .tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
3652
+ fill: rgba(255, 255, 255, 0.5);
3653
+ }
3654
+ .tox .tox-tbtn--enabled:focus::after {
3655
+ border-radius: 3px;
3656
+ bottom: 0;
3657
+ box-shadow: 0 0 0 2px #fff;
3658
+ content: '';
3659
+ left: 0;
3660
+ position: absolute;
3661
+ right: 0;
3662
+ top: 0;
3663
+ }
3664
+ @media (forced-colors: active) {
3665
+ .tox .tox-tbtn--enabled:focus::after {
3666
+ border: 2px solid highlight;
3667
+ }
3668
+ }
3669
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3670
+ color: #fff;
3671
+ }
3672
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
3673
+ fill: #fff;
3674
+ }
3675
+ .tox .tox-tbtn:active > * {
3676
+ transform: none;
3677
+ }
3678
+ .tox .tox-tbtn--md {
3679
+ height: 42px;
3680
+ width: 51px;
3681
+ }
3682
+ .tox .tox-tbtn--lg {
3683
+ flex-direction: column;
3684
+ height: 56px;
3685
+ width: 68px;
3686
+ }
3687
+ .tox .tox-tbtn--return {
3688
+ align-self: stretch;
3689
+ height: unset;
3690
+ width: 16px;
3691
+ }
3692
+ .tox .tox-tbtn--labeled {
3693
+ padding: 0 4px;
3694
+ width: unset;
3695
+ }
3696
+ .tox .tox-tbtn__vlabel {
3697
+ display: block;
3698
+ font-size: 10px;
3699
+ font-weight: normal;
3700
+ letter-spacing: -0.025em;
3701
+ margin-bottom: 4px;
3702
+ white-space: nowrap;
3703
+ }
3704
+ .tox .tox-number-input {
3705
+ background: #2f4055;
3706
+ border-radius: 3px;
3707
+ display: flex;
3708
+ margin: 6px 1px 5px 0;
3709
+ position: relative;
3710
+ width: auto;
3711
+ }
3712
+ .tox .tox-number-input:focus {
3713
+ background: #2f4055;
3714
+ }
3715
+ .tox .tox-number-input:focus::after {
3716
+ border-radius: 3px;
3717
+ bottom: 0;
3718
+ box-shadow: 0 0 0 2px #fff;
3719
+ content: '';
3720
+ left: 0;
3721
+ position: absolute;
3722
+ right: 0;
3723
+ top: 0;
3724
+ }
3725
+ @media (forced-colors: active) {
3726
+ .tox .tox-number-input:focus::after {
3727
+ border: 2px solid highlight;
3728
+ }
3729
+ }
3730
+ .tox .tox-number-input .tox-input-wrapper {
3731
+ display: flex;
3732
+ pointer-events: none;
3733
+ position: relative;
3734
+ text-align: center;
3735
+ }
3736
+ .tox .tox-number-input .tox-input-wrapper:focus {
3737
+ background-color: #2f4055;
3738
+ z-index: 1;
3739
+ }
3740
+ .tox .tox-number-input .tox-input-wrapper:focus::after {
3741
+ border-radius: 3px;
3742
+ bottom: 0;
3743
+ box-shadow: 0 0 0 2px #fff;
3744
+ content: '';
3745
+ left: 0;
3746
+ position: absolute;
3747
+ right: 0;
3748
+ top: 0;
3749
+ }
3750
+ @media (forced-colors: active) {
3751
+ .tox .tox-number-input .tox-input-wrapper:focus::after {
3752
+ border: 2px solid highlight;
3753
+ }
3754
+ }
3755
+ .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
3756
+ border-radius: 3px;
3757
+ bottom: 0;
3758
+ box-shadow: 0 0 0 2px #fff;
3759
+ content: '';
3760
+ left: 0;
3761
+ position: absolute;
3762
+ right: 0;
3763
+ top: 0;
3764
+ }
3765
+ @media (forced-colors: active) {
3766
+ .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
3767
+ border: 2px solid highlight;
3768
+ }
3769
+ }
3770
+ .tox .tox-number-input input {
3771
+ border-radius: 3px;
3772
+ color: #fff;
3773
+ font-size: 14px;
3774
+ margin: 2px 0;
3775
+ pointer-events: all;
3776
+ position: relative;
3777
+ width: 60px;
3778
+ }
3779
+ .tox .tox-number-input input:hover {
3780
+ background: #2f4055;
3781
+ color: #fff;
3782
+ }
3783
+ .tox .tox-number-input input:focus {
3784
+ background-color: #2f4055;
3785
+ }
3786
+ .tox .tox-number-input input:disabled {
3787
+ background: var(--v-background-base);
3788
+ border: 0;
3789
+ box-shadow: none;
3790
+ color: rgba(255, 255, 255, 0.5);
3791
+ cursor: not-allowed;
3792
+ }
3793
+ .tox .tox-number-input button {
3794
+ color: #fff;
3795
+ height: 28px;
3796
+ position: relative;
3797
+ text-align: center;
3798
+ width: 24px;
3799
+ }
3800
+ @media (forced-colors: active) {
3801
+ .tox .tox-number-input button:hover,
3802
+ .tox .tox-number-input button:focus,
3803
+ .tox .tox-number-input button:active {
3804
+ outline: 1px solid currentColor !important;
3805
+ }
3806
+ }
3807
+ .tox .tox-number-input button svg {
3808
+ display: block;
3809
+ fill: #fff;
3810
+ margin: 0 auto;
3811
+ transform: scale(0.67);
3812
+ }
3813
+ @media (forced-colors: active) {
3814
+ .tox .tox-number-input button svg,
3815
+ .tox .tox-number-input button svg:active,
3816
+ .tox .tox-number-input button svg:hover {
3817
+ fill: currentColor !important;
3818
+ }
3819
+ .tox .tox-number-input button svg:disabled {
3820
+ filter: contrast(0);
3821
+ }
3822
+ }
3823
+ .tox .tox-number-input button:focus {
3824
+ background: #2f4055;
3825
+ z-index: 1;
3826
+ }
3827
+ .tox .tox-number-input button:focus::after {
3828
+ border-radius: 3px;
3829
+ bottom: 0;
3830
+ box-shadow: 0 0 0 2px #fff;
3831
+ content: '';
3832
+ left: 0;
3833
+ position: absolute;
3834
+ right: 0;
3835
+ top: 0;
3836
+ }
3837
+ @media (forced-colors: active) {
3838
+ .tox .tox-number-input button:focus::after {
3839
+ border: 2px solid highlight;
3840
+ }
3841
+ }
3842
+ .tox .tox-number-input button:hover {
3843
+ background: #2f4055;
3844
+ border: 0;
3845
+ box-shadow: none;
3846
+ color: #fff;
3847
+ }
3848
+ .tox .tox-number-input button:hover svg {
3849
+ fill: #fff;
3850
+ }
3851
+ .tox .tox-number-input button:active {
3852
+ background: #599fef;
3853
+ border: 0;
3854
+ box-shadow: none;
3855
+ color: #fff;
3856
+ }
3857
+ .tox .tox-number-input button:active svg {
3858
+ fill: #fff;
3859
+ }
3860
+ .tox .tox-number-input button:disabled {
3861
+ background: var(--v-background-base);
3862
+ border: 0;
3863
+ box-shadow: none;
3864
+ color: rgba(255, 255, 255, 0.5);
3865
+ cursor: not-allowed;
3866
+ }
3867
+ .tox .tox-number-input button:disabled svg {
3868
+ fill: rgba(255, 255, 255, 0.5);
3869
+ }
3870
+ .tox .tox-number-input button.minus {
3871
+ border-radius: 3px 0 0 3px;
3872
+ }
3873
+ .tox .tox-number-input button.plus {
3874
+ border-radius: 0 3px 3px 0;
3875
+ }
3876
+ .tox .tox-number-input:focus:not(:active) > button,
3877
+ .tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
3878
+ background: #2f4055;
3879
+ }
3880
+ .tox .tox-tbtn--select {
3881
+ margin: 6px 1px 5px 0;
3882
+ padding: 0 4px;
3883
+ width: auto;
3884
+ }
3885
+ .tox .tox-tbtn__select-label {
3886
+ cursor: default;
3887
+ font-weight: normal;
3888
+ height: initial;
3889
+ margin: 0 4px;
3890
+ overflow: hidden;
3891
+ text-overflow: ellipsis;
3892
+ white-space: nowrap;
3893
+ }
3894
+ .tox .tox-tbtn__select-chevron {
3895
+ align-items: center;
3896
+ display: flex;
3897
+ justify-content: center;
3898
+ width: 16px;
3899
+ }
3900
+ .tox .tox-tbtn__select-chevron svg {
3901
+ fill: rgba(255, 255, 255, 0.5);
3902
+ }
3903
+ @media (forced-colors: active) {
3904
+ .tox .tox-tbtn__select-chevron svg {
3905
+ fill: currentColor;
3906
+ }
3907
+ }
3908
+ .tox .tox-tbtn--bespoke {
3909
+ background: #2f4055;
3910
+ }
3911
+ .tox .tox-tbtn--bespoke:focus {
3912
+ background: #2f4055;
3913
+ }
3914
+ .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3915
+ margin-inline-start: 4px;
3916
+ }
3917
+ .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3918
+ overflow: hidden;
3919
+ text-overflow: ellipsis;
3920
+ white-space: nowrap;
3921
+ width: 7em;
3922
+ }
3923
+ .tox .tox-tbtn--disabled .tox-tbtn__select-label,
3924
+ .tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
3925
+ cursor: not-allowed;
3926
+ }
3927
+ .tox .tox-split-button {
3928
+ border: 0;
3929
+ border-radius: 3px;
3930
+ box-sizing: border-box;
3931
+ display: flex;
3932
+ margin: 6px 1px 5px 0;
3933
+ }
3934
+ .tox .tox-split-button:hover {
3935
+ box-shadow: 0 0 0 1px #2f4055 inset;
3936
+ }
3937
+ .tox .tox-split-button:focus {
3938
+ background: var(--v-background-base);
3939
+ box-shadow: none;
3940
+ color: #fff;
3941
+ position: relative;
3942
+ z-index: 1;
3943
+ }
3944
+ .tox .tox-split-button:focus::after {
3945
+ pointer-events: none;
3946
+ border-radius: 3px;
3947
+ bottom: 0;
3948
+ box-shadow: 0 0 0 2px #fff;
3949
+ content: '';
3950
+ left: 0;
3951
+ position: absolute;
3952
+ right: 0;
3953
+ top: 0;
3954
+ }
3955
+ @media (forced-colors: active) {
3956
+ .tox .tox-split-button:focus::after {
3957
+ border: 2px solid highlight;
3958
+ }
3959
+ }
3960
+ .tox .tox-split-button > * {
3961
+ border-radius: 0;
3962
+ }
3963
+ .tox .tox-split-button > *:nth-child(1) {
3964
+ border-bottom-left-radius: 3px;
3965
+ border-top-left-radius: 3px;
3966
+ }
3967
+ .tox .tox-split-button > *:nth-child(2) {
3968
+ border-bottom-right-radius: 3px;
3969
+ border-top-right-radius: 3px;
3970
+ }
3971
+ .tox .tox-split-button__chevron {
3972
+ width: 16px;
3973
+ }
3974
+ .tox .tox-split-button__chevron svg {
3975
+ fill: rgba(255, 255, 255, 0.5);
3976
+ }
3977
+ @media (forced-colors: active) {
3978
+ .tox .tox-split-button__chevron svg {
3979
+ fill: currentColor;
3980
+ }
3981
+ }
3982
+ .tox .tox-split-button .tox-tbtn {
3983
+ margin: 0;
3984
+ }
3985
+ .tox .tox-split-button:focus .tox-tbtn {
3986
+ background-color: transparent;
3987
+ }
3988
+ .tox .tox-split-button.tox-tbtn--disabled:hover,
3989
+ .tox .tox-split-button.tox-tbtn--disabled:focus,
3990
+ .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
3991
+ .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
3992
+ background: var(--v-background-base);
3993
+ box-shadow: none;
3994
+ color: rgba(255, 255, 255, 0.5);
3995
+ }
3996
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
3997
+ padding: 0 0px;
3998
+ }
3999
+ .tox.tox-platform-touch
4000
+ .tox-split-button
4001
+ .tox-tbtn:not(.tox-tbtn--select):first-child {
4002
+ width: 30px;
4003
+ }
4004
+ .tox.tox-platform-touch .tox-split-button__chevron {
4005
+ width: 20px;
4006
+ }
4007
+ .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color,
4008
+ .tox
4009
+ .tox-split-button.tox-tbtn--disabled
4010
+ svg
4011
+ #tox-icon-highlight-bg-color__color {
4012
+ opacity: 0.6;
4013
+ }
4014
+ .tox .tox-toolbar-overlord {
4015
+ background-color: var(--v-background-base);
4016
+ }
4017
+ .tox .tox-toolbar,
4018
+ .tox .tox-toolbar__primary,
4019
+ .tox .tox-toolbar__overflow {
4020
+ background-attachment: local;
4021
+ background-color: var(--v-background-base);
4022
+ background-image: repeating-linear-gradient(
4023
+ rgba(255, 255, 255, 0.15) 0px 1px,
4024
+ transparent 1px 39px
4025
+ );
4026
+ background-position: center top 40px;
4027
+ background-repeat: no-repeat;
4028
+ background-size: calc(100% - 11px * 2) calc(100% - 41px);
4029
+ display: flex;
4030
+ flex: 0 0 auto;
4031
+ flex-shrink: 0;
4032
+ flex-wrap: wrap;
4033
+ padding: 0 0px;
4034
+ transform: perspective(1px);
4035
+ }
4036
+ .tox .tox-toolbar-overlord > .tox-toolbar,
4037
+ .tox .tox-toolbar-overlord > .tox-toolbar__primary,
4038
+ .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
4039
+ background-position: center top 0px;
4040
+ background-size: calc(100% - 11px * 2) calc(100% - 0px);
4041
+ }
4042
+ .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
4043
+ height: 0;
4044
+ opacity: 0;
4045
+ padding-bottom: 0;
4046
+ padding-top: 0;
4047
+ visibility: hidden;
4048
+ }
4049
+ .tox .tox-toolbar__overflow--growing {
4050
+ transition: height 0.3s ease, opacity 0.2s linear 0.1s;
4051
+ }
4052
+ .tox .tox-toolbar__overflow--shrinking {
4053
+ transition: opacity 0.3s ease, height 0.2s linear 0.1s,
4054
+ visibility 0s linear 0.3s;
4055
+ }
4056
+ .tox .tox-toolbar-overlord,
4057
+ .tox .tox-anchorbar {
4058
+ grid-column: 1 / -1;
4059
+ }
4060
+ .tox .tox-menubar + .tox-toolbar,
4061
+ .tox .tox-menubar + .tox-toolbar-overlord {
4062
+ border-top: 1px solid transparent;
4063
+ margin-top: -1px;
4064
+ padding-bottom: 1px;
4065
+ padding-top: 1px;
4066
+ }
4067
+ @media (forced-colors: active) {
4068
+ .tox .tox-menubar + .tox-toolbar,
4069
+ .tox .tox-menubar + .tox-toolbar-overlord {
4070
+ outline: 1px solid currentColor;
4071
+ }
4072
+ }
4073
+ .tox .tox-toolbar--scrolling {
4074
+ flex-wrap: nowrap;
4075
+ overflow-x: auto;
4076
+ }
4077
+ .tox .tox-pop .tox-toolbar {
4078
+ border-width: 0;
4079
+ }
4080
+ .tox .tox-toolbar--no-divider {
4081
+ background-image: none;
4082
+ }
4083
+ .tox
4084
+ .tox-toolbar-overlord
4085
+ .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
4086
+ .tox .tox-toolbar-overlord .tox-toolbar__primary {
4087
+ background-position: center top 39px;
4088
+ }
4089
+ .tox .tox-editor-header > .tox-toolbar--scrolling,
4090
+ .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
4091
+ background-image: none;
4092
+ }
4093
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
4094
+ background-color: var(--v-background-base);
4095
+ background-position: center top 43px;
4096
+ background-size: calc(100% - 8px * 2) calc(100% - 51px);
4097
+ border: none;
4098
+ border-radius: 6px;
4099
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2),
4100
+ 0 4px 8px 0 rgba(34, 47, 62, 0.15);
4101
+ overscroll-behavior: none;
4102
+ padding: 4px 0;
4103
+ }
4104
+ @media (forced-colors: active) {
4105
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
4106
+ border: solid;
4107
+ }
4108
+ }
4109
+ .tox-pop .tox-pop__dialog {
4110
+ /* stylelint-disable-next-line no-descending-specificity */
4111
+ }
4112
+ .tox-pop .tox-pop__dialog .tox-toolbar {
4113
+ background-position: center top 43px;
4114
+ background-size: calc(100% - 11px * 2) calc(100% - 51px);
4115
+ padding: 4px 0;
4116
+ }
4117
+ .tox .tox-toolbar__group {
4118
+ align-items: center;
4119
+ display: flex;
4120
+ flex-wrap: wrap;
4121
+ margin: 0 0;
4122
+ padding: 0 11px 0 12px;
4123
+ }
4124
+ .tox .tox-toolbar__group--pull-right {
4125
+ margin-left: auto;
4126
+ }
4127
+ .tox .tox-toolbar--scrolling .tox-toolbar__group {
4128
+ flex-shrink: 0;
4129
+ flex-wrap: nowrap;
4130
+ }
4131
+ .tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
4132
+ border-right: 1px solid transparent;
4133
+ }
4134
+ .tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
4135
+ border-left: 1px solid transparent;
4136
+ }
4137
+ .tox .tox-tooltip {
4138
+ display: inline-block;
4139
+ max-width: 15em;
4140
+ padding: 8px;
4141
+ /*
4142
+ * The pointer-events: none is designed to make mouse events bleed through the tooltip
4143
+ * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
4144
+ * another item should trigger the hover of the item obscured by the tooltip, even though
4145
+ * the tooltip is on top
4146
+ */
4147
+ pointer-events: none;
4148
+ position: relative;
4149
+ width: -moz-max-content;
4150
+ width: max-content;
4151
+ z-index: 1150;
4152
+ }
4153
+ .tox .tox-tooltip__body {
4154
+ background-color: #324053;
4155
+ border-radius: 6px;
4156
+ box-shadow: none;
4157
+ color: #fff;
4158
+ font-size: 12px;
4159
+ font-style: normal;
4160
+ font-weight: 600;
4161
+ overflow-wrap: break-word;
4162
+ padding: 4px 6px;
4163
+ text-transform: none;
4164
+ }
4165
+ @media (forced-colors: active) {
4166
+ .tox .tox-tooltip__body {
4167
+ outline: outset 1px;
4168
+ }
4169
+ }
4170
+ .tox .tox-tooltip__arrow {
4171
+ position: absolute;
4172
+ }
4173
+ .tox .tox-tooltip--down .tox-tooltip__arrow {
4174
+ border-left: 8px solid transparent;
4175
+ border-right: 8px solid transparent;
4176
+ border-top: 8px solid #324053;
4177
+ bottom: 0;
4178
+ left: 50%;
4179
+ position: absolute;
4180
+ transform: translateX(-50%);
4181
+ }
4182
+ .tox .tox-tooltip--up .tox-tooltip__arrow {
4183
+ border-bottom: 8px solid #324053;
4184
+ border-left: 8px solid transparent;
4185
+ border-right: 8px solid transparent;
4186
+ left: 50%;
4187
+ position: absolute;
4188
+ top: 0;
4189
+ transform: translateX(-50%);
4190
+ }
4191
+ .tox .tox-tooltip--right .tox-tooltip__arrow {
4192
+ border-bottom: 8px solid transparent;
4193
+ border-left: 8px solid #324053;
4194
+ border-top: 8px solid transparent;
4195
+ position: absolute;
4196
+ right: 0;
4197
+ top: 50%;
4198
+ transform: translateY(-50%);
4199
+ }
4200
+ .tox .tox-tooltip--left .tox-tooltip__arrow {
4201
+ border-bottom: 8px solid transparent;
4202
+ border-right: 8px solid #324053;
4203
+ border-top: 8px solid transparent;
4204
+ left: 0;
4205
+ position: absolute;
4206
+ top: 50%;
4207
+ transform: translateY(-50%);
4208
+ }
4209
+ .tox .tox-tree {
4210
+ display: flex;
4211
+ flex-direction: column;
4212
+ }
4213
+ .tox .tox-tree .tox-trbtn {
4214
+ align-items: center;
4215
+ background: transparent;
4216
+ border: 0;
4217
+ border-radius: 4px;
4218
+ box-shadow: none;
4219
+ color: #fff;
4220
+ display: flex;
4221
+ flex: 0 0 auto;
4222
+ font-size: 14px;
4223
+ font-style: normal;
4224
+ font-weight: normal;
4225
+ height: 28px;
4226
+ margin-bottom: 4px;
4227
+ margin-top: 4px;
4228
+ outline: none;
4229
+ overflow: hidden;
4230
+ padding: 0;
4231
+ padding-left: 8px;
4232
+ text-transform: none;
4233
+ }
4234
+ .tox .tox-tree .tox-trbtn .tox-tree__label {
4235
+ cursor: default;
4236
+ overflow: hidden;
4237
+ text-overflow: ellipsis;
4238
+ white-space: nowrap;
4239
+ }
4240
+ .tox .tox-tree .tox-trbtn svg {
4241
+ display: block;
4242
+ fill: #fff;
4243
+ }
4244
+ .tox .tox-tree .tox-trbtn:focus {
4245
+ background: #2f4055;
4246
+ border: 0;
4247
+ box-shadow: none;
4248
+ }
4249
+ .tox .tox-tree .tox-trbtn:hover {
4250
+ background: #2f4055;
4251
+ border: 0;
4252
+ box-shadow: none;
4253
+ color: #fff;
4254
+ }
4255
+ .tox .tox-tree .tox-trbtn:hover svg {
4256
+ fill: #fff;
4257
+ }
4258
+ .tox .tox-tree .tox-trbtn:active {
4259
+ background: #599fef;
4260
+ border: 0;
4261
+ box-shadow: none;
4262
+ color: #fff;
4263
+ }
4264
+ .tox .tox-tree .tox-trbtn:active svg {
4265
+ fill: #fff;
4266
+ }
4267
+ .tox .tox-tree .tox-trbtn--disabled,
4268
+ .tox .tox-tree .tox-trbtn--disabled:hover,
4269
+ .tox .tox-tree .tox-trbtn:disabled,
4270
+ .tox .tox-tree .tox-trbtn:disabled:hover {
4271
+ background: transparent;
4272
+ border: 0;
4273
+ box-shadow: none;
4274
+ color: rgba(255, 255, 255, 0.5);
4275
+ cursor: not-allowed;
4276
+ }
4277
+ .tox .tox-tree .tox-trbtn--disabled svg,
4278
+ .tox .tox-tree .tox-trbtn--disabled:hover svg,
4279
+ .tox .tox-tree .tox-trbtn:disabled svg,
4280
+ .tox .tox-tree .tox-trbtn:disabled:hover svg {
4281
+ /* stylelint-disable-line no-descending-specificity */
4282
+ fill: rgba(255, 255, 255, 0.5);
4283
+ }
4284
+ .tox .tox-tree .tox-trbtn--enabled,
4285
+ .tox .tox-tree .tox-trbtn--enabled:hover {
4286
+ background: #599fef;
4287
+ border: 0;
4288
+ box-shadow: none;
4289
+ color: #fff;
4290
+ }
4291
+ .tox .tox-tree .tox-trbtn--enabled > *,
4292
+ .tox .tox-tree .tox-trbtn--enabled:hover > * {
4293
+ transform: none;
4294
+ }
4295
+ .tox .tox-tree .tox-trbtn--enabled svg,
4296
+ .tox .tox-tree .tox-trbtn--enabled:hover svg {
4297
+ /* stylelint-disable-line no-descending-specificity */
4298
+ fill: #fff;
4299
+ }
4300
+ .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
4301
+ color: #fff;
4302
+ }
4303
+ .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
4304
+ fill: #fff;
4305
+ }
4306
+ .tox .tox-tree .tox-trbtn:active > * {
4307
+ transform: none;
4308
+ }
4309
+ .tox .tox-tree .tox-trbtn--return {
4310
+ align-self: stretch;
4311
+ height: unset;
4312
+ width: 16px;
4313
+ }
4314
+ .tox .tox-tree .tox-trbtn--labeled {
4315
+ padding: 0 4px;
4316
+ width: unset;
4317
+ }
4318
+ .tox .tox-tree .tox-trbtn__vlabel {
4319
+ display: block;
4320
+ font-size: 10px;
4321
+ font-weight: normal;
4322
+ letter-spacing: -0.025em;
4323
+ margin-bottom: 4px;
4324
+ white-space: nowrap;
4325
+ }
4326
+ .tox .tox-tree .tox-tree--directory {
4327
+ display: flex;
4328
+ flex-direction: column;
4329
+ /* stylelint-disable no-descending-specificity */
4330
+ }
4331
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
4332
+ font-weight: bold;
4333
+ }
4334
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
4335
+ margin-left: auto;
4336
+ }
4337
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
4338
+ fill: transparent;
4339
+ }
4340
+ .tox
4341
+ .tox-tree
4342
+ .tox-tree--directory
4343
+ .tox-tree--directory__label
4344
+ .tox-mbtn.tox-mbtn--active
4345
+ svg,
4346
+ .tox
4347
+ .tox-tree
4348
+ .tox-tree--directory
4349
+ .tox-tree--directory__label
4350
+ .tox-mbtn:focus
4351
+ svg {
4352
+ fill: #fff;
4353
+ }
4354
+ .tox
4355
+ .tox-tree
4356
+ .tox-tree--directory
4357
+ .tox-tree--directory__label:hover
4358
+ .tox-mbtn
4359
+ svg,
4360
+ .tox
4361
+ .tox-tree
4362
+ .tox-tree--directory
4363
+ .tox-tree--directory__label:focus
4364
+ .tox-mbtn
4365
+ svg {
4366
+ fill: #fff;
4367
+ }
4368
+ .tox
4369
+ .tox-tree
4370
+ .tox-tree--directory
4371
+ .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
4372
+ background-color: transparent;
4373
+ color: #fff;
4374
+ }
4375
+ .tox
4376
+ .tox-tree
4377
+ .tox-tree--directory
4378
+ .tox-tree--directory__label:hover:has(.tox-mbtn:hover)
4379
+ .tox-chevron
4380
+ svg {
4381
+ fill: #fff;
4382
+ }
4383
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
4384
+ margin-right: 6px;
4385
+ }
4386
+ .tox
4387
+ .tox-tree
4388
+ .tox-tree--directory
4389
+ .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing)
4390
+ .tox-chevron,
4391
+ .tox
4392
+ .tox-tree
4393
+ .tox-tree--directory
4394
+ .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking)
4395
+ .tox-chevron {
4396
+ transition: transform 0.5s ease-in-out;
4397
+ }
4398
+ .tox
4399
+ .tox-tree
4400
+ .tox-tree--directory
4401
+ .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing)
4402
+ .tox-chevron,
4403
+ .tox
4404
+ .tox-tree
4405
+ .tox-tree--directory
4406
+ .tox-tree--directory__label:has(+ .tox-tree--directory__children--open)
4407
+ .tox-chevron {
4408
+ transform: rotate(90deg);
4409
+ }
4410
+ .tox .tox-tree .tox-tree--leaf__label {
4411
+ font-weight: normal;
4412
+ }
4413
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
4414
+ margin-left: auto;
4415
+ }
4416
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
4417
+ fill: transparent;
4418
+ }
4419
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
4420
+ .tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
4421
+ fill: #fff;
4422
+ }
4423
+ .tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
4424
+ fill: #fff;
4425
+ }
4426
+ .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
4427
+ background-color: transparent;
4428
+ color: #fff;
4429
+ }
4430
+ .tox
4431
+ .tox-tree
4432
+ .tox-tree--leaf__label:hover:has(.tox-mbtn:hover)
4433
+ .tox-chevron
4434
+ svg {
4435
+ fill: #fff;
4436
+ }
4437
+ .tox .tox-tree .tox-tree--directory__children {
4438
+ overflow: hidden;
4439
+ padding-left: 16px;
4440
+ }
4441
+ .tox
4442
+ .tox-tree
4443
+ .tox-tree--directory__children.tox-tree--directory__children--growing,
4444
+ .tox
4445
+ .tox-tree
4446
+ .tox-tree--directory__children.tox-tree--directory__children--shrinking {
4447
+ transition: height 0.5s ease-in-out;
4448
+ }
4449
+ .tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
4450
+ display: flex;
4451
+ justify-content: space-between;
4452
+ }
4453
+ .tox .tox-revisionhistory__pane {
4454
+ padding: 0 !important;
4455
+ /* Override the default padding of tox-view__pane */
4456
+ }
4457
+ .tox .tox-revisionhistory__container {
4458
+ display: flex;
4459
+ flex-direction: column;
4460
+ height: 100%;
4461
+ }
4462
+ .tox .tox-revisionhistory {
4463
+ background-color: var(--v-surface-base);
4464
+ border-radius: 4px;
4465
+ border-top: 1px solid #161f29;
4466
+ display: flex;
4467
+ flex: 1;
4468
+ height: 100%;
4469
+ margin-top: 8px;
4470
+ overflow-x: auto;
4471
+ overflow-y: hidden;
4472
+ position: relative;
4473
+ width: 100%;
4474
+ }
4475
+ .tox .tox-revisionhistory--align-right {
4476
+ margin-left: auto;
4477
+ }
4478
+ .tox .tox-revisionhistory__iframe {
4479
+ flex: 1;
4480
+ }
4481
+ .tox .tox-revisionhistory__sidebar {
4482
+ border-left: 1px solid #161f29;
4483
+ height: 100%;
4484
+ max-width: 360px;
4485
+ }
4486
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
4487
+ border-bottom: 1px solid #161f29;
4488
+ color: #fff;
4489
+ font-size: 20px;
4490
+ font-weight: 400;
4491
+ height: 60px;
4492
+ min-width: 192px;
4493
+ padding: 16px;
4494
+ }
4495
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
4496
+ flex-direction: column;
4497
+ max-height: calc(100% - 60px);
4498
+ min-width: 192px;
4499
+ overflow-y: auto;
4500
+ padding: 8px;
4501
+ }
4502
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
4503
+ height: 100%;
4504
+ position: relative;
4505
+ z-index: 1;
4506
+ }
4507
+ .tox
4508
+ .tox-revisionhistory__sidebar
4509
+ .tox-revisionhistory__revisions:focus::after {
4510
+ border-radius: 3px;
4511
+ bottom: 0;
4512
+ box-shadow: 0 0 0 2px #fff;
4513
+ content: '';
4514
+ left: 0;
4515
+ position: absolute;
4516
+ right: 0;
4517
+ top: 0;
4518
+ border-radius: 6px;
4519
+ bottom: 1px;
4520
+ left: 1px;
4521
+ right: 1px;
4522
+ top: 1px;
4523
+ }
4524
+ @media (forced-colors: active) {
4525
+ .tox
4526
+ .tox-revisionhistory__sidebar
4527
+ .tox-revisionhistory__revisions:focus::after {
4528
+ border: 2px solid highlight;
4529
+ }
4530
+ }
4531
+ .tox
4532
+ .tox-revisionhistory__sidebar
4533
+ .tox-revisionhistory__revisions
4534
+ .tox-revisionhistory__card {
4535
+ border: 1px solid #161f29;
4536
+ border-radius: 6px;
4537
+ color: #fff;
4538
+ cursor: pointer;
4539
+ font-size: 14px;
4540
+ margin-bottom: 8px;
4541
+ padding: 8px;
4542
+ text-overflow: ellipsis;
4543
+ text-wrap: nowrap;
4544
+ width: 100%;
4545
+ }
4546
+ .tox
4547
+ .tox-revisionhistory__sidebar
4548
+ .tox-revisionhistory__revisions
4549
+ .tox-revisionhistory__card:hover {
4550
+ background-color: #2f4055;
4551
+ box-shadow: none;
4552
+ color: #fff;
4553
+ }
4554
+ .tox
4555
+ .tox-revisionhistory__sidebar
4556
+ .tox-revisionhistory__revisions
4557
+ .tox-revisionhistory__card:focus {
4558
+ position: relative;
4559
+ z-index: 1;
4560
+ }
4561
+ .tox
4562
+ .tox-revisionhistory__sidebar
4563
+ .tox-revisionhistory__revisions
4564
+ .tox-revisionhistory__card:focus::after {
4565
+ border-radius: 6px !important;
4566
+ border-radius: 3px;
4567
+ bottom: 0;
4568
+ box-shadow: 0 0 0 2px #fff;
4569
+ content: '';
4570
+ left: 0;
4571
+ position: absolute;
4572
+ right: 0;
4573
+ top: 0;
4574
+ }
4575
+ @media (forced-colors: active) {
4576
+ .tox
4577
+ .tox-revisionhistory__sidebar
4578
+ .tox-revisionhistory__revisions
4579
+ .tox-revisionhistory__card:focus::after {
4580
+ border: 2px solid highlight;
4581
+ }
4582
+ }
4583
+ .tox
4584
+ .tox-revisionhistory__sidebar
4585
+ .tox-revisionhistory__revisions
4586
+ .tox-revisionhistory__card.tox-revisionhistory__card--selected {
4587
+ background-color: #599fef;
4588
+ box-shadow: none;
4589
+ color: #fff;
4590
+ }
4591
+ .tox
4592
+ .tox-revisionhistory__sidebar
4593
+ .tox-revisionhistory__revisions
4594
+ .tox-revisionhistory__norevision {
4595
+ color: rgba(255, 255, 255, 0.5);
4596
+ font-size: 16px;
4597
+ line-height: 24px;
4598
+ padding: 5px 5.5px;
4599
+ }
4600
+ .tox .tox-view-wrap,
4601
+ .tox .tox-view-wrap__slot-container {
4602
+ background-color: var(--v-background-base);
4603
+ display: flex;
4604
+ flex: 1;
4605
+ flex-direction: column;
4606
+ height: 100%;
4607
+ }
4608
+ .tox .tox-view {
4609
+ display: flex;
4610
+ flex: 1 1 auto;
4611
+ flex-direction: column;
4612
+ overflow: hidden;
4613
+ }
4614
+ .tox .tox-view__header {
4615
+ align-items: center;
4616
+ display: flex;
4617
+ font-size: 16px;
4618
+ justify-content: space-between;
4619
+ padding: 10px 10px 2px 10px;
4620
+ position: relative;
4621
+ }
4622
+ .tox .tox-view__label {
4623
+ color: #fff;
4624
+ font-weight: bold;
4625
+ line-height: 24px;
4626
+ padding: 4px 16px;
4627
+ text-align: center;
4628
+ white-space: nowrap;
4629
+ }
4630
+ .tox .tox-view__label--normal {
4631
+ font-size: 16px;
4632
+ }
4633
+ .tox .tox-view__label--large {
4634
+ font-size: 20px;
4635
+ }
4636
+ .tox .tox-view--mobile.tox-view__header,
4637
+ .tox .tox-view--mobile.tox-view__toolbar {
4638
+ padding: 8px;
4639
+ }
4640
+ .tox .tox-view--scrolling {
4641
+ flex-wrap: nowrap;
4642
+ overflow-x: auto;
4643
+ }
4644
+ .tox .tox-view__toolbar {
4645
+ display: flex;
4646
+ flex-direction: row;
4647
+ gap: 8px;
4648
+ justify-content: space-between;
4649
+ overflow-x: auto;
4650
+ padding: 10px 10px 2px 10px;
4651
+ }
4652
+ .tox .tox-view__toolbar__group {
4653
+ display: flex;
4654
+ flex-direction: row;
4655
+ gap: 12px;
4656
+ }
4657
+ .tox .tox-view__header-start,
4658
+ .tox .tox-view__header-end {
4659
+ display: flex;
4660
+ }
4661
+ .tox .tox-view__pane {
4662
+ height: 100%;
4663
+ padding: 8px;
4664
+ position: relative;
4665
+ width: 100%;
4666
+ }
4667
+ .tox .tox-view__pane_panel {
4668
+ border: 1px solid #161f29;
4669
+ border-radius: 6px;
4670
+ }
4671
+ .tox:not([dir='rtl']) .tox-view__header .tox-view__header-start > *,
4672
+ .tox:not([dir='rtl']) .tox-view__header .tox-view__header-end > * {
4673
+ margin-left: 8px;
4674
+ }
4675
+ .tox[dir='rtl'] .tox-view__header .tox-view__header-start > *,
4676
+ .tox[dir='rtl'] .tox-view__header .tox-view__header-end > * {
4677
+ margin-right: 8px;
4678
+ }
4679
+ .tox .tox-well {
4680
+ border: 1px solid #161f29;
4681
+ border-radius: 6px;
4682
+ padding: 8px;
4683
+ width: 100%;
4684
+ }
4685
+ .tox .tox-well > *:first-child {
4686
+ margin-top: 0;
4687
+ }
4688
+ .tox .tox-well > *:last-child {
4689
+ margin-bottom: 0;
4690
+ }
4691
+ .tox .tox-well > *:only-child {
4692
+ margin: 0;
4693
+ }
4694
+ .tox .tox-custom-editor {
4695
+ border: 1px solid #161f29;
4696
+ border-radius: 6px;
4697
+ display: flex;
4698
+ flex: 1;
4699
+ overflow: hidden;
4700
+ position: relative;
4701
+ }
4702
+ /* stylelint-disable */
4703
+ .tox {
4704
+ /* stylelint-enable */
4705
+ }
4706
+ .tox .tox-dialog-loading::before {
4707
+ background-color: rgba(0, 0, 0, 0.5);
4708
+ content: '';
4709
+ height: 100%;
4710
+ position: absolute;
4711
+ width: 100%;
4712
+ z-index: 1000;
4713
+ }
4714
+ .tox .tox-tab {
4715
+ cursor: pointer;
4716
+ }
4717
+ .tox .tox-dialog__content-js {
4718
+ display: flex;
4719
+ flex: 1;
4720
+ }
4721
+ .tox .tox-dialog__body-content .tox-collection {
4722
+ display: flex;
4723
+ flex: 1;
4724
+ }
4725
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
4726
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
4727
+ }