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