3 box-sizing: content-box
;
6 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, Oxygen-Sans
, Ubuntu
, Cantarell
, "Helvetica Neue", sans-serif
;
11 -webkit-tap-highlight-color: transparent
;
12 text-decoration: none
;
15 vertical-align: initial
;
18 .tox *:not(svg):not(rect) {
28 -webkit-tap-highlight-color: inherit
;
30 text-decoration: inherit
;
32 text-transform: inherit
;
33 vertical-align: inherit
;
36 .tox *:not(svg):not(rect) {
37 /* stylelint-disable-line no-duplicate-selectors */
38 background: transparent
;
59 border: 1px solid
#000000;
62 box-sizing: border-box
;
64 flex-direction: column
;
65 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, Oxygen-Sans
, Ubuntu
, Cantarell
, "Helvetica Neue", sans-serif
;
68 visibility: inherit
!important
;
70 .tox.tox-tinymce-inline {
75 .tox.tox-tinymce-inline .tox-editor-container {
78 .tox.tox-tinymce-inline .tox-editor-header {
79 background-color: #222f3e;
80 border: 1px solid
#000000;
86 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, Oxygen-Sans
, Ubuntu
, Cantarell
, "Helvetica Neue", sans-serif
;
90 .tox-tinymce-aux *:focus {
93 button::-moz-focus-inner
{
96 .tox[dir=rtl] .tox-icon--flip svg {
97 transform: rotateY
(180deg);
99 .tox .accessibility-issue__header {
104 .tox .accessibility-issue__description {
105 align-items: stretch
;
108 justify-content: space-between
;
110 .tox .accessibility-issue__description > div {
113 .tox .accessibility-issue__description > div > div {
118 .tox .accessibility-issue__description > div > div .tox-icon svg {
121 .tox .accessibility-issue__repair {
124 .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
125 background-color: rgba
(30, 113, 170, 0.4);
128 .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
131 .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
134 .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
135 background-color: #207ab7;
138 .tox
.tox-dialog__body-content
.accessibility-issue--info a
.tox-button--naked
.tox-button--icon:hover
,
139 .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
140 background-color: #1c6ca1;
142 .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
143 background-color: #185d8c;
145 .tox .tox-dialog__body-content .accessibility-issue--warn {
146 /* stylelint-disable-next-line no-descending-specificity */
148 .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
149 background-color: rgba
(255, 165, 0, 0.5);
152 .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
155 .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
158 .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
159 background-color: #FFE89D;
162 .tox
.tox-dialog__body-content
.accessibility-issue--warn a
.tox-button--naked
.tox-button--icon:hover
,
163 .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
164 background-color: #F2D574;
167 .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
168 background-color: #E8C657;
171 .tox .tox-dialog__body-content .accessibility-issue--error {
172 /* stylelint-disable-next-line no-descending-specificity */
174 .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
175 background-color: rgba
(204, 0, 0, 0.5);
178 .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
181 .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
184 .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
185 background-color: #F2BFBF;
188 .tox
.tox-dialog__body-content
.accessibility-issue--error a
.tox-button--naked
.tox-button--icon:hover
,
189 .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
190 background-color: #E9A4A4;
193 .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
194 background-color: #EE9494;
197 .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
198 background-color: rgba
(120, 171, 70, 0.5);
201 .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
204 .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
207 .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
210 .tox
.tox-dialog__body-content
.accessibility-issue__header
.tox-form__group h1
,
211 .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
215 .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
218 .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
221 .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
222 padding: 4px 4px 4px 8px;
224 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
227 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
230 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
231 padding: 4px 8px 4px 4px;
233 .tox .tox-advtemplate .tox-form__grid {
236 .tox .tox-advtemplate .tox-form__grid > div:first-child {
238 flex-direction: column
;
241 .tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
246 @media only screen and
(max-width: 767px ) {
247 body:not
(.tox-force-desktop
) .tox
.tox-advtemplate
.tox-form__grid
> div:first-child
{
251 .tox .tox-advtemplate iframe {
252 border-color: #000000;
258 .tox .tox-anchorbar {
262 .tox .tox-bottom-anchorbar {
271 background-color: #207ab7;
272 background-image: none
;
273 background-position: 0 0;
274 background-repeat: repeat
;
275 border-color: #207ab7;
280 box-sizing: border-box
;
283 display: inline-block
;
284 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, Oxygen-Sans
, Ubuntu
, Cantarell
, "Helvetica Neue", sans-serif
;
288 letter-spacing: normal
;
295 text-decoration: none
;
296 text-transform: none
;
299 .tox .tox-button::before {
302 box-shadow: inset
0 0 0 2px #fff, 0 0 0 1px #207ab7, 0 0 0 3px rgba
(32, 122, 183, 0.25);
306 pointer-events: none
;
311 .tox .tox-button[disabled] {
312 background-color: #207ab7;
313 background-image: none
;
314 border-color: #207ab7;
316 color: rgba
(255, 255, 255, 0.5);
319 .tox .tox-button:focus:not(:disabled) {
320 background-color: #1c6ca1;
321 background-image: none
;
322 border-color: #1c6ca1;
326 .tox .tox-button:focus-visible:not(:disabled)::before {
329 .tox .tox-button:hover:not(:disabled) {
330 background-color: #1c6ca1;
331 background-image: none
;
332 border-color: #1c6ca1;
336 .tox .tox-button:active:not(:disabled) {
337 background-color: #185d8c;
338 background-image: none
;
339 border-color: #185d8c;
343 .tox .tox-button.tox-button--enabled {
344 background-color: #185d8c;
345 background-image: none
;
346 border-color: #185d8c;
350 .tox .tox-button.tox-button--enabled[disabled] {
351 background-color: #185d8c;
352 background-image: none
;
353 border-color: #185d8c;
355 color: rgba
(255, 255, 255, 0.5);
358 .tox .tox-button.tox-button--enabled:focus:not(:disabled) {
359 background-color: #154f76;
360 background-image: none
;
361 border-color: #154f76;
365 .tox .tox-button.tox-button--enabled:hover:not(:disabled) {
366 background-color: #154f76;
367 background-image: none
;
368 border-color: #154f76;
372 .tox .tox-button.tox-button--enabled:active:not(:disabled) {
373 background-color: #114060;
374 background-image: none
;
375 border-color: #114060;
379 .tox
.tox-button--icon-and-text
,
380 .tox
.tox-button
.tox-button--icon-and-text
,
381 .tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
385 .tox
.tox-button--icon-and-text
.tox-icon svg
,
386 .tox
.tox-button
.tox-button--icon-and-text
.tox-icon svg
,
387 .tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
391 .tox .tox-button--secondary {
392 background-color: #3d546f;
393 background-image: none
;
394 background-position: 0 0;
395 background-repeat: repeat
;
396 border-color: #3d546f;
405 letter-spacing: normal
;
408 text-decoration: none
;
409 text-transform: none
;
411 .tox .tox-button--secondary[disabled] {
412 background-color: #3d546f;
413 background-image: none
;
414 border-color: #3d546f;
416 color: rgba
(255, 255, 255, 0.5);
418 .tox .tox-button--secondary:focus:not(:disabled) {
419 background-color: #34485f;
420 background-image: none
;
421 border-color: #34485f;
425 .tox .tox-button--secondary:hover:not(:disabled) {
426 background-color: #34485f;
427 background-image: none
;
428 border-color: #34485f;
432 .tox .tox-button--secondary:active:not(:disabled) {
433 background-color: #2b3b4e;
434 background-image: none
;
435 border-color: #2b3b4e;
439 .tox .tox-button--secondary.tox-button--enabled {
440 background-color: #346085;
441 background-image: none
;
442 border-color: #346085;
446 .tox .tox-button--secondary.tox-button--enabled[disabled] {
447 background-color: #346085;
448 background-image: none
;
449 border-color: #346085;
451 color: rgba
(255, 255, 255, 0.5);
453 .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
454 background-color: #2d5373;
455 background-image: none
;
456 border-color: #2d5373;
460 .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
461 background-color: #2d5373;
462 background-image: none
;
463 border-color: #2d5373;
467 .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
468 background-color: #264560;
469 background-image: none
;
470 border-color: #264560;
474 .tox
.tox-button--icon
,
475 .tox
.tox-button
.tox-button--icon
,
476 .tox .tox-button.tox-button--secondary.tox-button--icon {
479 .tox
.tox-button--icon
.tox-icon svg
,
480 .tox
.tox-button
.tox-button--icon
.tox-icon svg
,
481 .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
485 .tox .tox-button-link {
488 box-sizing: border-box
;
490 display: inline-block
;
491 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, Oxygen-Sans
, Ubuntu
, Cantarell
, "Helvetica Neue", sans-serif
;
499 .tox .tox-button-link--sm {
502 .tox .tox-button--naked {
503 background-color: transparent
;
504 border-color: transparent
;
508 .tox .tox-button--naked[disabled] {
509 background-color: #3d546f;
510 border-color: #3d546f;
512 color: rgba
(255, 255, 255, 0.5);
514 .tox .tox-button--naked:hover:not(:disabled) {
515 background-color: #34485f;
516 border-color: #34485f;
520 .tox .tox-button--naked:focus:not(:disabled) {
521 background-color: #34485f;
522 border-color: #34485f;
526 .tox .tox-button--naked:active:not(:disabled) {
527 background-color: #2b3b4e;
528 border-color: #2b3b4e;
532 .tox .tox-button--naked .tox-icon svg {
535 .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
546 .tox .tox-checkbox__input {
547 /* Hide from view but visible to screen readers */
554 .tox .tox-checkbox__icons {
557 box-shadow: 0 0 0 2px transparent
;
558 box-sizing: content-box
;
561 justify-content: center
;
562 padding: calc
(4px - 1px);
565 .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
567 fill: rgba
(255, 255, 255, 0.2);
569 .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
573 .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
577 .tox .tox-checkbox--disabled {
578 color: rgba
(255, 255, 255, 0.5);
581 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
582 fill: rgba
(255, 255, 255, 0.5);
584 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
585 fill: rgba
(255, 255, 255, 0.5);
587 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
588 fill: rgba
(255, 255, 255, 0.5);
590 .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
593 .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
596 .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
599 .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
602 .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
604 box-shadow: inset
0 0 0 1px #207ab7;
605 padding: calc
(4px - 1px);
607 .tox:not([dir=rtl]) .tox-checkbox__label {
610 .tox:not([dir=rtl]) .tox-checkbox__input {
613 .tox:not([dir=rtl]) .tox-bar .tox-checkbox {
616 .tox[dir=rtl] .tox-checkbox__label {
619 .tox[dir=rtl] .tox-checkbox__input {
622 .tox[dir=rtl] .tox-bar .tox-checkbox {
626 /* stylelint-disable-next-line no-descending-specificity */
628 .tox .tox-collection--toolbar .tox-collection__group {
632 .tox .tox-collection--grid .tox-collection__group {
640 .tox .tox-collection--list .tox-collection__group {
641 border-bottom-width: 0;
642 border-color: #1a1a1a;
643 border-left-width: 0;
644 border-right-width: 0;
646 border-top-width: 1px;
649 .tox .tox-collection--list .tox-collection__group:first-child {
652 .tox .tox-collection__group-heading {
653 background-color: #333333;
662 text-transform: none
;
663 -webkit-touch-callout: none
;
664 -webkit-user-select: none
;
665 -moz-user-select: none
;
668 .tox .tox-collection__item {
673 -webkit-touch-callout: none
;
674 -webkit-user-select: none
;
675 -moz-user-select: none
;
678 .tox .tox-collection--list .tox-collection__item {
681 .tox .tox-collection--toolbar .tox-collection__item {
685 .tox .tox-collection--grid .tox-collection__item {
689 .tox .tox-collection--list .tox-collection__item--enabled {
690 background-color: #2b3b4e;
693 .tox .tox-collection--list .tox-collection__item--active {
694 background-color: #4a5562;
696 .tox .tox-collection--toolbar .tox-collection__item--enabled {
697 background-color: #757d87;
700 .tox .tox-collection--toolbar .tox-collection__item--active {
701 background-color: #4a5562;
703 .tox .tox-collection--grid .tox-collection__item--enabled {
704 background-color: #757d87;
707 .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
708 background-color: #4a5562;
711 .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
714 .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
717 .tox
.tox-collection__item-icon
,
718 .tox .tox-collection__item-checkmark {
722 justify-content: center
;
725 .tox
.tox-collection__item-icon svg
,
726 .tox .tox-collection__item-checkmark svg {
729 .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
733 .tox .tox-collection__item-label {
735 display: inline-block
;
741 text-transform: none
;
742 word-break: break-all
;
744 .tox .tox-collection__item-accessory {
745 color: rgba
(255, 255, 255, 0.5);
746 display: inline-block
;
750 text-transform: none
;
752 .tox .tox-collection__item-caret {
757 .tox .tox-collection__item-caret::after {
762 .tox .tox-collection__item-caret svg {
765 .tox .tox-collection__item--state-disabled {
766 background-color: transparent
;
767 color: rgba
(255, 255, 255, 0.5);
770 .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
771 fill: rgba
(255, 255, 255, 0.5);
773 .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
776 .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
779 .tox .tox-collection--horizontal {
780 background-color: #2b3b4e;
781 border: 1px solid
#1a1a1a;
783 box-shadow: 0 0 2px 0 rgba
(42, 55, 70, 0.2), 0 4px 8px 0 rgba
(42, 55, 70, 0.15);
792 .tox .tox-collection--horizontal .tox-collection__group {
799 .tox .tox-collection--horizontal .tox-collection__item {
804 .tox .tox-collection--horizontal .tox-collection__item-label {
807 .tox .tox-collection--horizontal .tox-collection__item-caret {
810 .tox .tox-collection__item-container {
813 .tox .tox-collection__item-container--row {
818 .tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
821 .tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
822 justify-content: flex-end
;
825 .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
826 align-items: flex-start
;
829 .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
832 .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
833 align-items: flex-end
;
836 .tox .tox-collection__item-container--column {
839 flex-direction: column
;
841 .tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
842 align-items: flex-start
;
844 .tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
845 align-items: flex-end
;
847 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
848 align-self: flex-start
;
850 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
853 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
854 align-self: flex-end
;
856 .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
857 border-right: 1px solid
#000000;
859 .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
862 .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
865 .tox:not([dir=rtl]) .tox-collection__item-accessory {
869 .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
872 .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
873 border-left: 1px solid
#000000;
875 .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
878 .tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
881 .tox[dir=rtl] .tox-collection__item-accessory {
885 .tox[dir=rtl] .tox-collection .tox-collection__item-caret {
887 transform: rotateY
(180deg);
889 .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
892 .tox .tox-color-picker-container {
898 .tox .tox-sv-palette {
899 box-sizing: border-box
;
903 .tox .tox-sv-palette-spectrum {
906 .tox
.tox-sv-palette
,
907 .tox .tox-sv-palette-spectrum {
910 .tox .tox-sv-palette-thumb {
912 border: 1px solid black
;
914 box-sizing: content-box
;
919 .tox .tox-sv-palette-inner-thumb {
920 border: 1px solid white
;
926 .tox .tox-hue-slider {
927 box-sizing: border-box
;
931 .tox .tox-hue-slider-spectrum {
932 background: linear-gradient
(to bottom
, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
936 .tox
.tox-hue-slider
,
937 .tox .tox-hue-slider-spectrum {
940 .tox .tox-hue-slider-thumb {
942 border: 1px solid black
;
943 box-sizing: content-box
;
949 flex-direction: column
;
950 justify-content: space-between
;
952 .tox .tox-rgb-form div {
955 justify-content: space-between
;
959 .tox .tox-rgb-form input {
962 .tox .tox-rgb-form input.tox-invalid {
963 /* Need !important to override Chrome's focus styling unfortunately */
964 border: 1px solid red
!important
;
966 .tox .tox-rgb-form .tox-rgba-preview {
967 border: 1px solid black
;
971 .tox:not([dir=rtl]) .tox-sv-palette {
974 .tox:not([dir=rtl]) .tox-hue-slider {
977 .tox:not([dir=rtl]) .tox-hue-slider-thumb {
980 .tox:not([dir=rtl]) .tox-rgb-form label {
983 .tox[dir=rtl] .tox-sv-palette {
986 .tox[dir=rtl] .tox-hue-slider {
989 .tox[dir=rtl] .tox-hue-slider-thumb {
992 .tox[dir=rtl] .tox-rgb-form label {
995 .tox
.tox-toolbar
.tox-swatches
,
996 .tox
.tox-toolbar__primary
.tox-swatches
,
997 .tox .tox-toolbar__overflow .tox-swatches {
998 margin: 2px 0 3px 4px;
1000 .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1004 .tox .tox-swatches__row {
1009 transition: transform
0.15s, box-shadow
0.15s;
1012 .tox
.tox-swatch:hover
,
1013 .tox .tox-swatch:focus {
1014 box-shadow: 0 0 0 1px rgba
(127, 127, 127, 0.3) inset
;
1015 transform: scale
(0.8);
1017 .tox .tox-swatch--remove {
1018 align-items: center
;
1020 justify-content: center
;
1022 .tox .tox-swatch--remove svg path {
1025 .tox .tox-swatches__picker-btn {
1026 align-items: center
;
1027 background-color: transparent
;
1032 justify-content: center
;
1037 .tox .tox-swatches__picker-btn svg {
1042 .tox .tox-swatches__picker-btn:hover {
1043 background: #4a5562;
1045 .tox div.tox-swatch:not(.tox-swatch--remove) svg {
1049 margin: calc
((30px - 24px) / 2) calc
((30px - 24px) / 2);
1052 .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
1054 paint-order: stroke
;
1058 .tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
1061 .tox:not([dir=rtl]) .tox-swatches__picker-btn {
1064 .tox[dir=rtl] .tox-swatches__picker-btn {
1067 .tox .tox-comment-thread {
1068 background: #2b3b4e;
1071 .tox .tox-comment-thread > *:not(:first-child) {
1075 background: #2b3b4e;
1076 border: 1px solid
#000000;
1078 box-shadow: 0 4px 8px 0 rgba
(42, 55, 70, 0.1);
1079 padding: 8px 8px 16px 8px;
1082 .tox .tox-comment__header {
1083 align-items: center
;
1086 justify-content: space-between
;
1088 .tox .tox-comment__date {
1093 .tox .tox-comment__body {
1097 font-weight: normal
;
1101 text-transform: initial
;
1103 .tox .tox-comment__body textarea {
1105 white-space: normal
;
1108 .tox .tox-comment__expander {
1111 .tox .tox-comment__expander p {
1112 color: rgba
(255, 255, 255, 0.5);
1116 .tox .tox-comment__body p {
1119 .tox .tox-comment__buttonspacing {
1123 .tox .tox-comment-thread__overlay::after {
1124 background: #2b3b4e;
1135 .tox .tox-comment__reply {
1139 justify-content: flex-end
;
1142 .tox .tox-comment__reply > *:first-child {
1146 .tox .tox-comment__edit {
1149 justify-content: flex-end
;
1152 .tox .tox-comment__gradient::after {
1153 background: linear-gradient
(rgba
(43, 59, 78, 0), #2b3b4e);
1162 .tox .tox-comment__overlay {
1163 background: #2b3b4e;
1166 flex-direction: column
;
1176 .tox .tox-comment__loading-text {
1177 align-items: center
;
1180 flex-direction: column
;
1183 .tox .tox-comment__loading-text > div {
1184 padding-bottom: 16px;
1186 .tox .tox-comment__overlaytext {
1188 flex-direction: column
;
1197 .tox .tox-comment__overlaytext p {
1198 background-color: #2b3b4e;
1199 box-shadow: 0 0 8px 8px #2b3b4e;
1203 .tox .tox-comment__overlaytext div:nth-of-type(2) {
1206 .tox .tox-comment__busy-spinner {
1207 align-items: center
;
1208 background-color: #2b3b4e;
1211 justify-content: center
;
1218 .tox .tox-comment__scroll {
1220 flex-direction: column
;
1224 .tox .tox-conversations {
1227 .tox:not([dir=rtl]) .tox-comment__edit {
1230 .tox:not
([dir
=rtl
]) .tox-comment__buttonspacing
> *:last-child
,
1231 .tox:not
([dir
=rtl
]) .tox-comment__edit
> *:last-child
,
1232 .tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
1235 .tox[dir=rtl] .tox-comment__edit {
1238 .tox
[dir
=rtl
] .tox-comment__buttonspacing
> *:last-child
,
1239 .tox
[dir
=rtl
] .tox-comment__edit
> *:last-child
,
1240 .tox[dir=rtl] .tox-comment__reply > *:last-child {
1244 align-items: center
;
1247 .tox .tox-user__avatar svg {
1248 fill: rgba
(255, 255, 255, 0.5);
1250 .tox .tox-user__avatar img {
1254 vertical-align: middle
;
1257 .tox .tox-user__name {
1263 text-transform: none
;
1265 .tox:not
([dir
=rtl
]) .tox-user__avatar svg
,
1266 .tox:not([dir=rtl]) .tox-user__avatar img {
1269 .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
1272 .tox
[dir
=rtl
] .tox-user__avatar svg
,
1273 .tox[dir=rtl] .tox-user__avatar img {
1276 .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
1279 .tox .tox-dialog-wrap {
1280 align-items: center
;
1283 justify-content: center
;
1290 .tox .tox-dialog-wrap__backdrop {
1291 background-color: rgba
(34, 47, 62, 0.75);
1299 .tox .tox-dialog-wrap__backdrop--opaque {
1300 background-color: #222f3e;
1303 background-color: #2b3b4e;
1304 border-color: #000000;
1306 border-style: solid
;
1308 box-shadow: 0 16px 16px -10px rgba
(42, 55, 70, 0.15), 0 0 40px 1px rgba
(42, 55, 70, 0.15);
1310 flex-direction: column
;
1318 @media only screen and
(max-width: 767px ) {
1319 body:not
(.tox-force-desktop
) .tox
.tox-dialog
{
1320 align-self: flex-start
;
1322 max-height: calc
(100vh - 8px * 2);
1323 width: calc
(100vw - 16px);
1326 .tox .tox-dialog-inline {
1329 .tox .tox-dialog__header {
1330 align-items: center
;
1331 background-color: #2b3b4e;
1332 border-bottom: none
;
1336 justify-content: space-between
;
1337 padding: 8px 16px 0 16px;
1340 .tox .tox-dialog__header .tox-button {
1343 .tox .tox-dialog__draghandle {
1351 .tox .tox-dialog__draghandle:active {
1354 .tox .tox-dialog__dismiss {
1357 .tox .tox-dialog__title {
1358 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, Oxygen-Sans
, Ubuntu
, Cantarell
, "Helvetica Neue", sans-serif
;
1361 font-weight: normal
;
1364 text-transform: none
;
1366 .tox .tox-dialog__body {
1372 font-weight: normal
;
1376 text-transform: none
;
1378 @media only screen and
(max-width: 767px ) {
1379 body:not
(.tox-force-desktop
) .tox
.tox-dialog__body
{
1380 flex-direction: column
;
1383 .tox .tox-dialog__body-nav {
1384 align-items: flex-start
;
1386 flex-direction: column
;
1390 @media only screen and
(min-width: 768px ) {
1391 .tox .tox-dialog__body-nav {
1395 @media only screen and
(max-width: 767px ) {
1396 body:not
(.tox-force-desktop
) .tox
.tox-dialog__body-nav
{
1397 flex-direction: row
;
1398 -webkit-overflow-scrolling: touch
;
1403 .tox .tox-dialog__body-nav-item {
1404 border-bottom: 2px solid transparent
;
1405 color: rgba
(255, 255, 255, 0.5);
1406 display: inline-block
;
1412 text-decoration: none
;
1414 .tox .tox-dialog__body-nav-item:focus {
1415 background-color: rgba
(32, 122, 183, 0.1);
1417 .tox .tox-dialog__body-nav-item--active {
1418 border-bottom: 2px solid
#207ab7;
1421 .tox .tox-dialog__body-content {
1422 box-sizing: border-box
;
1425 flex-direction: column
;
1426 max-height: min
(650px, calc
(100vh - 110px));
1428 -webkit-overflow-scrolling: touch
;
1431 .tox .tox-dialog__body-content > * {
1435 .tox .tox-dialog__body-content > *:first-child {
1438 .tox .tox-dialog__body-content > *:last-child {
1441 .tox .tox-dialog__body-content > *:only-child {
1445 .tox .tox-dialog__body-content a {
1448 text-decoration: none
;
1450 .tox
.tox-dialog__body-content
a:hover
,
1451 .tox .tox-dialog__body-content a:focus {
1453 text-decoration: none
;
1455 .tox .tox-dialog__body-content a:active {
1457 text-decoration: none
;
1459 .tox .tox-dialog__body-content svg {
1462 .tox .tox-dialog__body-content strong {
1465 .tox .tox-dialog__body-content ul {
1466 list-style-type: disc
;
1468 .tox
.tox-dialog__body-content ul
,
1469 .tox
.tox-dialog__body-content ol
,
1470 .tox .tox-dialog__body-content dd {
1471 padding-inline-start: 2.5rem;
1473 .tox
.tox-dialog__body-content ul
,
1474 .tox
.tox-dialog__body-content ol
,
1475 .tox .tox-dialog__body-content dl {
1476 margin-bottom: 16px;
1478 .tox
.tox-dialog__body-content ul
,
1479 .tox
.tox-dialog__body-content ol
,
1480 .tox
.tox-dialog__body-content dl
,
1481 .tox
.tox-dialog__body-content dd
,
1482 .tox .tox-dialog__body-content dt {
1484 margin-inline-end: 0;
1485 margin-inline-start: 0;
1487 .tox .tox-dialog__body-content .tox-form__group h1 {
1492 letter-spacing: normal
;
1493 margin-bottom: 16px;
1495 text-transform: none
;
1497 .tox .tox-dialog__body-content .tox-form__group h2 {
1502 letter-spacing: normal
;
1503 margin-bottom: 16px;
1505 text-transform: none
;
1507 .tox .tox-dialog__body-content .tox-form__group p {
1508 margin-bottom: 16px;
1510 .tox
.tox-dialog__body-content
.tox-form__group
h1:first-child
,
1511 .tox
.tox-dialog__body-content
.tox-form__group
h2:first-child
,
1512 .tox .tox-dialog__body-content .tox-form__group p:first-child {
1515 .tox
.tox-dialog__body-content
.tox-form__group
h1:last-child
,
1516 .tox
.tox-dialog__body-content
.tox-form__group
h2:last-child
,
1517 .tox .tox-dialog__body-content .tox-form__group p:last-child {
1520 .tox
.tox-dialog__body-content
.tox-form__group
h1:only-child
,
1521 .tox
.tox-dialog__body-content
.tox-form__group
h2:only-child
,
1522 .tox .tox-dialog__body-content .tox-form__group p:only-child {
1526 .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
1529 .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
1532 .tox .tox-dialog--width-lg {
1536 .tox .tox-dialog--fullscreen {
1540 .tox .tox-dialog--fullscreen .tox-dialog__body-content {
1543 .tox .tox-dialog--width-md {
1546 .tox .tox-dialog--width-md .tox-dialog__body-content {
1549 .tox .tox-dialog__body-content--centered {
1552 .tox .tox-dialog__footer {
1553 align-items: center
;
1554 background-color: #2b3b4e;
1555 border-top: 1px solid
#000000;
1557 justify-content: space-between
;
1560 .tox
.tox-dialog__footer-start
,
1561 .tox .tox-dialog__footer-end {
1564 .tox .tox-dialog__busy-spinner {
1565 align-items: center
;
1566 background-color: rgba
(34, 47, 62, 0.75);
1569 justify-content: center
;
1576 .tox .tox-dialog__table {
1577 border-collapse: collapse
;
1580 .tox .tox-dialog__table thead th {
1582 padding-bottom: 8px;
1584 .tox .tox-dialog__table thead th:first-child {
1587 .tox .tox-dialog__table tbody tr {
1588 border-bottom: 1px solid
#000000;
1590 .tox .tox-dialog__table tbody tr:last-child {
1591 border-bottom: none
;
1593 .tox .tox-dialog__table td {
1594 padding-bottom: 8px;
1597 .tox .tox-dialog__table td:first-child {
1600 .tox .tox-dialog__iframe {
1603 .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
1606 .tox .tox-navobj-bordered {
1609 .tox .tox-navobj-bordered::before {
1610 border: 1px solid
#000000;
1615 pointer-events: none
;
1619 .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1620 border-color: #207ab7;
1622 outline: 2px solid rgba
(32, 122, 183, 0.25);
1624 .tox .tox-dialog__popups {
1629 .tox .tox-dialog__body-iframe {
1632 flex-direction: column
;
1634 .tox .tox-dialog__body-iframe .tox-navobj {
1638 .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1642 .tox .tox-dialog-dock-fadeout {
1646 .tox .tox-dialog-dock-fadein {
1648 visibility: visible
;
1650 .tox .tox-dialog-dock-transition {
1651 transition: visibility
0s linear
0.3s, opacity
0.3s ease
;
1653 .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1654 transition-delay: 0s;
1656 @media only screen and
(max-width: 767px ) {
1657 body:not
(.tox-force-desktop
) .tox:not
([dir
=rtl
]) .tox-dialog__body-nav
{
1661 @media only screen and
(max-width: 767px ) {
1662 body:not
(.tox-force-desktop
) .tox:not
([dir
=rtl
]) .tox-dialog__body-nav-item:not
(:first-child
) {
1666 .tox:not
([dir
=rtl
]) .tox-dialog__footer
.tox-dialog__footer-start
> *,
1667 .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
1670 .tox[dir=rtl] .tox-dialog__body {
1673 @media only screen and
(max-width: 767px ) {
1674 body:not
(.tox-force-desktop
) .tox
[dir
=rtl
] .tox-dialog__body-nav
{
1678 @media only screen and
(max-width: 767px ) {
1679 body:not
(.tox-force-desktop
) .tox
[dir
=rtl
] .tox-dialog__body-nav-item:not
(:first-child
) {
1683 .tox
[dir
=rtl
] .tox-dialog__footer
.tox-dialog__footer-start
> *,
1684 .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
1687 body
.tox-dialog__disable-scroll
{
1690 .tox .tox-dropzone-container {
1694 .tox .tox-dropzone {
1695 align-items: center
;
1697 border: 2px dashed
#000000;
1698 box-sizing: border-box
;
1700 flex-direction: column
;
1702 justify-content: center
;
1706 .tox .tox-dropzone p {
1707 color: rgba
(255, 255, 255, 0.5);
1710 .tox .tox-edit-area {
1716 .tox .tox-edit-area::before {
1717 border: 2px solid
#2D6ADF;
1722 pointer-events: none
;
1724 transition: opacity
0.15s;
1727 .tox .tox-edit-area__iframe {
1728 background-color: #fff;
1730 box-sizing: border-box
;
1736 .tox.tox-edit-focus .tox-edit-area::before {
1739 .tox.tox-inline-edit-area {
1740 border: 1px dotted
#000000;
1742 .tox .tox-editor-container {
1745 flex-direction: column
;
1748 .tox .tox-editor-header {
1750 grid-template-columns: 1fr min-content
;
1753 .tox:not(.tox-tinymce-inline) .tox-editor-header {
1754 background-color: #222f3e;
1755 border-bottom: none
;
1759 .tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
1760 transition: box-shadow
0.5s;
1762 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
1763 border-top: 1px solid
#000000;
1766 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
1767 background-color: #222f3e;
1768 box-shadow: 0 4px 4px -3px rgba
(0, 0, 0, 0.25);
1771 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
1772 box-shadow: 0 4px 4px -3px rgba
(0, 0, 0, 0.25);
1774 .tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
1780 .tox-editor-dock-fadeout {
1784 .tox-editor-dock-fadein {
1786 visibility: visible
;
1788 .tox-editor-dock-transition {
1789 transition: visibility
0s linear
0.25s, opacity
0.25s ease
;
1791 .tox-editor-dock-transition.tox-editor-dock-fadein {
1792 transition-delay: 0s;
1794 .tox .tox-control-wrap {
1798 .tox
.tox-control-wrap:not
(.tox-control-wrap--status-invalid
) .tox-control-wrap__status-icon-invalid
,
1799 .tox
.tox-control-wrap:not
(.tox-control-wrap--status-unknown
) .tox-control-wrap__status-icon-unknown
,
1800 .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
1803 .tox .tox-control-wrap svg {
1806 .tox .tox-control-wrap__status-icon-wrap {
1809 transform: translateY
(-50%);
1811 .tox .tox-control-wrap__status-icon-invalid svg {
1814 .tox .tox-control-wrap__status-icon-unknown svg {
1817 .tox .tox-control-wrap__status-icon-valid svg {
1820 .tox:not
([dir
=rtl
]) .tox-control-wrap--status-invalid
.tox-textfield
,
1821 .tox:not
([dir
=rtl
]) .tox-control-wrap--status-unknown
.tox-textfield
,
1822 .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
1823 padding-right: 32px;
1825 .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
1828 .tox
[dir
=rtl
] .tox-control-wrap--status-invalid
.tox-textfield
,
1829 .tox
[dir
=rtl
] .tox-control-wrap--status-unknown
.tox-textfield
,
1830 .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
1833 .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
1836 .tox .tox-autocompleter {
1839 .tox .tox-autocompleter .tox-menu {
1840 box-sizing: border-box
;
1843 .tox .tox-autocompleter .tox-autocompleter-highlight {
1846 .tox .tox-color-input {
1851 .tox .tox-color-input .tox-textfield {
1854 .tox .tox-color-input span {
1855 border-color: rgba
(42, 55, 70, 0.2);
1857 border-style: solid
;
1860 box-sizing: border-box
;
1866 .tox
.tox-color-input
span:hover:not
([aria-disabled
=true
]),
1867 .tox .tox-color-input span:focus:not([aria-disabled=true]) {
1868 border-color: #207ab7;
1871 .tox .tox-color-input span::before {
1872 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.25) 25%, transparent
25%), linear-gradient
(-45deg, rgba
(255, 255, 255, 0.25) 25%, transparent
25%), linear-gradient
(45deg, transparent
75%, rgba
(255, 255, 255, 0.25) 75%), linear-gradient
(-45deg, transparent
75%, rgba
(255, 255, 255, 0.25) 75%);
1873 background-position: 0 0, 0 6px, 6px -6px, -6px 0;
1874 background-size: 12px 12px;
1875 border: 1px solid
#2b3b4e;
1877 box-sizing: border-box
;
1886 .tox .tox-color-input span[aria-disabled=true] {
1887 cursor: not-allowed
;
1889 .tox:not([dir=rtl]) .tox-color-input {
1890 /* stylelint-disable-next-line no-descending-specificity */
1892 .tox:not([dir=rtl]) .tox-color-input .tox-textfield {
1895 .tox:not([dir=rtl]) .tox-color-input span {
1898 .tox[dir="rtl"] .tox-color-input {
1899 /* stylelint-disable-next-line no-descending-specificity */
1901 .tox[dir="rtl"] .tox-color-input .tox-textfield {
1902 padding-right: 36px;
1904 .tox[dir="rtl"] .tox-color-input span {
1908 .tox .tox-toolbar-label {
1909 color: rgba
(255, 255, 255, 0.5);
1913 font-weight: normal
;
1916 text-transform: none
;
1917 white-space: nowrap
;
1919 .tox .tox-toolbar-label {
1922 .tox[dir=rtl] .tox-label {
1928 flex-direction: column
;
1930 .tox .tox-form__group {
1931 box-sizing: border-box
;
1934 .tox .tox-form-group--maximize {
1937 .tox .tox-form__group--error {
1940 .tox .tox-form__group--collection {
1943 .tox .tox-form__grid {
1945 flex-direction: row
;
1947 justify-content: space-between
;
1949 .tox .tox-form__grid--2col > .tox-form__group {
1950 width: calc
(50% - (8px / 2));
1952 .tox .tox-form__grid--3col > .tox-form__group {
1953 width: calc
(100% / 3 - (8px / 2));
1955 .tox .tox-form__grid--4col > .tox-form__group {
1956 width: calc
(25% - (8px / 2));
1958 .tox .tox-form__controls-h-stack {
1959 align-items: center
;
1962 .tox .tox-form__group--inline {
1963 align-items: center
;
1966 .tox .tox-form__group--stretched {
1969 flex-direction: column
;
1971 .tox .tox-form__group--stretched .tox-textarea {
1974 .tox .tox-form__group--stretched .tox-navobj {
1978 .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
1982 .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
1985 .tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
1988 .tox
.tox-lock
.tox-locked
.tox-lock-icon__unlock
,
1989 .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
1992 .tox
.tox-textfield
,
1993 .tox
.tox-toolbar-textfield
,
1994 .tox
.tox-listboxfield
.tox-listbox--select
,
1996 .tox .tox-textarea-wrap .tox-textarea:focus {
1997 -webkit-appearance: none
;
1998 -moz-appearance: none
;
2000 background-color: #2b3b4e;
2001 border-color: #000000;
2003 border-style: solid
;
2006 box-sizing: border-box
;
2008 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, Oxygen-Sans
, Ubuntu
, Cantarell
, "Helvetica Neue", sans-serif
;
2014 padding: 5px 4.75px;
2018 .tox
.tox-textfield
[disabled
],
2019 .tox .tox-textarea[disabled] {
2020 background-color: #222f3e;
2021 color: rgba
(255, 255, 255, 0.85);
2022 cursor: not-allowed
;
2024 .tox
.tox-textfield:focus
,
2025 .tox
.tox-listboxfield
.tox-listbox--select:focus
,
2026 .tox
.tox-textarea-wrap:focus-within
,
2027 .tox
.tox-textarea:focus
,
2028 .tox .tox-custom-editor:focus-within {
2029 background-color: #2b3b4e;
2030 border-color: #207ab7;
2032 outline: 2px solid rgba
(32, 122, 183, 0.25);
2034 .tox .tox-toolbar-textfield {
2040 .tox .tox-naked-btn {
2041 background-color: transparent
;
2043 border-color: transparent
;
2051 .tox .tox-naked-btn svg {
2055 .tox:not([dir=rtl]) .tox-toolbar-textfield + * {
2058 .tox[dir=rtl] .tox-toolbar-textfield + * {
2061 .tox .tox-listboxfield {
2065 .tox .tox-listboxfield .tox-listbox--select[disabled] {
2066 background-color: #19232e;
2067 color: rgba
(255, 255, 255, 0.85);
2068 cursor: not-allowed
;
2070 .tox .tox-listbox__select-label {
2075 .tox .tox-listbox__select-chevron {
2076 align-items: center
;
2078 justify-content: center
;
2081 .tox .tox-listbox__select-chevron svg {
2084 .tox .tox-listboxfield .tox-listbox--select {
2085 align-items: center
;
2088 .tox:not([dir=rtl]) .tox-listboxfield svg {
2091 .tox[dir=rtl] .tox-listboxfield svg {
2094 .tox .tox-selectfield {
2098 .tox .tox-selectfield select {
2099 -webkit-appearance: none
;
2100 -moz-appearance: none
;
2102 background-color: #2b3b4e;
2103 border-color: #000000;
2105 border-style: solid
;
2108 box-sizing: border-box
;
2110 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, Oxygen-Sans
, Ubuntu
, Cantarell
, "Helvetica Neue", sans-serif
;
2116 padding: 5px 4.75px;
2120 .tox .tox-selectfield select[disabled] {
2121 background-color: #19232e;
2122 color: rgba
(255, 255, 255, 0.85);
2123 cursor: not-allowed
;
2125 .tox .tox-selectfield select::-ms-expand {
2128 .tox .tox-selectfield select:focus {
2129 background-color: #2b3b4e;
2130 border-color: #207ab7;
2132 outline: 2px solid rgba
(32, 122, 183, 0.25);
2134 .tox .tox-selectfield svg {
2135 pointer-events: none
;
2138 transform: translateY
(-50%);
2140 .tox:not
([dir
=rtl
]) .tox-selectfield select
[size
="0"],
2141 .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
2142 padding-right: 24px;
2144 .tox:not([dir=rtl]) .tox-selectfield svg {
2147 .tox
[dir
=rtl
] .tox-selectfield select
[size
="0"],
2148 .tox[dir=rtl] .tox-selectfield select[size="1"] {
2151 .tox[dir=rtl] .tox-selectfield svg {
2154 .tox .tox-textarea-wrap {
2155 border-color: #000000;
2157 border-style: solid
;
2163 .tox .tox-textarea {
2164 -webkit-appearance: textarea
;
2165 -moz-appearance: textarea
;
2166 appearance: textarea
;
2167 white-space: pre-wrap
;
2169 .tox .tox-textarea-wrap .tox-textarea {
2172 .tox .tox-textarea-wrap .tox-textarea:focus {
2180 overscroll-behavior: none
;
2182 touch-action: pinch-zoom
;
2185 .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
2188 .tox
.tox-tinymce
.tox-fullscreen
,
2189 .tox-shadowhost.tox-fullscreen {
2195 .tox.tox-tinymce.tox-fullscreen {
2196 background-color: transparent
;
2198 .tox-fullscreen
.tox
.tox-tinymce-aux
,
2199 .tox-fullscreen ~ .tox.tox-tinymce-aux {
2202 .tox .tox-help__more-link {
2206 .tox .tox-imagepreview {
2207 background-color: #666;
2213 .tox .tox-imagepreview.tox-imagepreview__loaded {
2216 .tox .tox-imagepreview__container {
2222 .tox .tox-imagepreview__image {
2223 background: url
(data:image
/gif
;base64
,R0lGODdhDAAMAIABAMzMzP
///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw
==);
2225 .tox .tox-image-tools .tox-spacer {
2228 .tox .tox-image-tools .tox-bar {
2229 align-items: center
;
2232 justify-content: center
;
2234 .tox
.tox-image-tools
.tox-imagepreview
,
2235 .tox .tox-image-tools .tox-imagepreview + .tox-bar {
2238 .tox .tox-image-tools .tox-croprect-block {
2240 filter: alpha
(opacity
=50);
2245 .tox .tox-image-tools .tox-croprect-handle {
2246 border: 2px solid white
;
2253 .tox .tox-image-tools .tox-croprect-handle-move {
2258 .tox .tox-image-tools .tox-croprect-handle-nw {
2259 border-width: 2px 0 0 2px;
2262 margin: -2px 0 0 -2px;
2265 .tox .tox-image-tools .tox-croprect-handle-ne {
2266 border-width: 2px 2px 0 0;
2269 margin: -2px 0 0 -20px;
2272 .tox .tox-image-tools .tox-croprect-handle-sw {
2273 border-width: 0 0 2px 2px;
2276 margin: -20px 2px 0 -2px;
2279 .tox .tox-image-tools .tox-croprect-handle-se {
2280 border-width: 0 2px 2px 0;
2283 margin: -20px 0 0 -20px;
2286 .tox .tox-insert-table-picker {
2291 .tox .tox-insert-table-picker > div {
2292 border-color: #000000;
2293 border-style: solid
;
2294 border-width: 0 1px 1px 0;
2295 box-sizing: border-box
;
2299 .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2302 .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2303 background-color: rgba
(32, 122, 183, 0.5);
2304 border-color: rgba
(32, 122, 183, 0.5);
2306 .tox .tox-insert-table-picker__label {
2314 .tox:not([dir=rtl]) {
2315 /* stylelint-disable-next-line no-descending-specificity */
2317 .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
2321 /* stylelint-disable-next-line no-descending-specificity */
2323 .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
2327 /* stylelint-disable */
2328 /* stylelint-enable */
2331 background-color: #2b3b4e;
2332 border: 1px solid
#000000;
2334 box-shadow: 0 4px 8px 0 rgba
(42, 55, 70, 0.1);
2335 display: inline-block
;
2337 vertical-align: top
;
2340 .tox .tox-menu.tox-collection.tox-collection--list {
2343 .tox .tox-menu.tox-collection.tox-collection--toolbar {
2346 .tox .tox-menu.tox-collection.tox-collection--grid {
2349 @media only screen and
(min-width: 768px ) {
2350 .tox .tox-menu .tox-collection__item-label {
2351 overflow-wrap: break-word
;
2355 .tox
.tox-menu__label h1
,
2356 .tox
.tox-menu__label h2
,
2357 .tox
.tox-menu__label h3
,
2358 .tox
.tox-menu__label h4
,
2359 .tox
.tox-menu__label h5
,
2360 .tox
.tox-menu__label h6
,
2361 .tox
.tox-menu__label p
,
2362 .tox
.tox-menu__label blockquote
,
2363 .tox .tox-menu__label code {
2367 background: url
("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left
0 top
0 #222f3e;
2368 background-color: #222f3e;
2373 grid-column: 1 / -1;
2375 padding: 0 4px 0 4px;
2377 .tox .tox-promotion + .tox-menubar {
2380 .tox .tox-promotion {
2381 background: url
("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left
0 top
0 #222f3e;
2382 background-color: #222f3e;
2385 padding-inline-end: 8px;
2386 padding-inline-start: 4px;
2389 .tox .tox-promotion-link {
2390 align-items: unsafe center
;
2391 background-color: #E8F1F8;
2399 white-space: nowrap
;
2401 .tox .tox-promotion-link:hover {
2402 background-color: #B4D7FF;
2404 .tox .tox-promotion-link:focus {
2405 background-color: #D9EDF7;
2407 /* Deprecated. Remove in next major release */
2409 align-items: center
;
2410 background: transparent
;
2419 font-weight: normal
;
2421 justify-content: center
;
2422 margin: 2px 0 3px 0;
2426 text-transform: none
;
2429 .tox .tox-mbtn[disabled] {
2430 background-color: transparent
;
2433 color: rgba
(255, 255, 255, 0.5);
2434 cursor: not-allowed
;
2436 .tox .tox-mbtn:focus:not(:disabled) {
2437 background: #4a5562;
2442 .tox .tox-mbtn--active {
2443 background: #757d87;
2448 .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2449 background: #4a5562;
2454 .tox .tox-mbtn__select-label {
2456 font-weight: normal
;
2459 .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
2460 cursor: not-allowed
;
2462 .tox .tox-mbtn__select-chevron {
2463 align-items: center
;
2465 justify-content: center
;
2469 .tox .tox-notification {
2471 border-style: solid
;
2474 box-sizing: border-box
;
2477 font-weight: normal
;
2478 grid-template-columns: minmax
(40px, 1fr) auto minmax
(40px, 1fr);
2482 transition: transform
100ms ease-in
, opacity
150ms ease-in
;
2484 .tox .tox-notification p {
2486 font-weight: normal
;
2488 .tox .tox-notification a {
2490 text-decoration: underline
;
2492 .tox .tox-notification--in {
2495 .tox .tox-notification--success {
2496 background-color: #334840;
2497 border-color: #3c5440;
2500 .tox .tox-notification--success p {
2503 .tox .tox-notification--success a {
2506 .tox .tox-notification--success svg {
2509 .tox .tox-notification--error {
2510 background-color: #442632;
2511 border-color: #55212b;
2514 .tox .tox-notification--error p {
2517 .tox .tox-notification--error a {
2520 .tox .tox-notification--error svg {
2523 .tox
.tox-notification--warn
,
2524 .tox .tox-notification--warning {
2525 background-color: #222f3e;
2526 border-color: #000000;
2529 .tox
.tox-notification--warn p
,
2530 .tox .tox-notification--warning p {
2533 .tox
.tox-notification--warn a
,
2534 .tox .tox-notification--warning a {
2537 .tox
.tox-notification--warn svg
,
2538 .tox .tox-notification--warning svg {
2541 .tox .tox-notification--info {
2542 background-color: #254161;
2543 border-color: #264972;
2546 .tox .tox-notification--info p {
2549 .tox .tox-notification--info a {
2552 .tox .tox-notification--info svg {
2555 .tox .tox-notification__body {
2560 grid-column-start: 2;
2564 white-space: normal
;
2565 word-break: break-all
;
2566 word-break: break-word
;
2568 .tox .tox-notification__body > * {
2571 .tox .tox-notification__body > * + * {
2574 .tox .tox-notification__icon {
2577 grid-column-start: 1;
2582 .tox .tox-notification__icon svg {
2585 .tox .tox-notification__dismiss {
2588 grid-column-start: 3;
2593 .tox .tox-notification .tox-progress-bar {
2595 grid-column-start: 1;
2598 justify-self: center
;
2601 display: inline-block
;
2604 .tox .tox-pop--resizing {
2605 transition: width
0.1s ease
;
2607 .tox
.tox-pop--resizing
.tox-toolbar
,
2608 .tox .tox-pop--resizing .tox-toolbar__group {
2611 .tox .tox-pop--transition {
2612 transition: 0.15s ease
;
2613 transition-property: left
, right
, top
, bottom
;
2615 .tox
.tox-pop--transition::before
,
2616 .tox .tox-pop--transition::after {
2617 transition: all
0.15s, visibility
0s, opacity
0.075s ease
0.075s;
2619 .tox .tox-pop__dialog {
2620 background-color: #222f3e;
2621 border: 1px solid
#000000;
2623 box-shadow: 0 0 2px 0 rgba
(42, 55, 70, 0.2), 0 4px 8px 0 rgba
(42, 55, 70, 0.15);
2627 .tox .tox-pop__dialog > *:not(.tox-toolbar) {
2628 margin: 4px 4px 4px 8px;
2630 .tox .tox-pop__dialog .tox-toolbar {
2631 background-color: transparent
;
2632 margin-bottom: -1px;
2634 .tox
.tox-pop::before
,
2635 .tox .tox-pop::after {
2636 border-style: solid
;
2644 .tox
.tox-pop
.tox-pop--inset::before
,
2645 .tox .tox-pop.tox-pop--inset::after {
2647 transition: all
0s 0.15s, visibility
0s, opacity
0.075s ease
;
2649 .tox
.tox-pop
.tox-pop--bottom::before
,
2650 .tox .tox-pop.tox-pop--bottom::after {
2654 .tox .tox-pop.tox-pop--bottom::after {
2655 border-color: #222f3e transparent transparent transparent
;
2660 .tox .tox-pop.tox-pop--bottom::before {
2661 border-color: #000000 transparent transparent transparent
;
2665 .tox
.tox-pop
.tox-pop--top::before
,
2666 .tox .tox-pop.tox-pop--top::after {
2669 transform: translateY
(-100%);
2671 .tox .tox-pop.tox-pop--top::after {
2672 border-color: transparent transparent
#222f3e transparent
;
2677 .tox .tox-pop.tox-pop--top::before {
2678 border-color: transparent transparent
#000000 transparent
;
2682 .tox
.tox-pop
.tox-pop--left::before
,
2683 .tox .tox-pop.tox-pop--left::after {
2685 top: calc
(50% - 1px);
2686 transform: translateY
(-50%);
2688 .tox .tox-pop.tox-pop--left::after {
2689 border-color: transparent
#222f3e transparent transparent
;
2693 .tox .tox-pop.tox-pop--left::before {
2694 border-color: transparent
#000000 transparent transparent
;
2698 .tox
.tox-pop
.tox-pop--right::before
,
2699 .tox .tox-pop.tox-pop--right::after {
2701 top: calc
(50% + 1px);
2702 transform: translateY
(-50%);
2704 .tox .tox-pop.tox-pop--right::after {
2705 border-color: transparent transparent transparent
#222f3e;
2709 .tox .tox-pop.tox-pop--right::before {
2710 border-color: transparent transparent transparent
#000000;
2714 .tox
.tox-pop
.tox-pop--align-left::before
,
2715 .tox .tox-pop.tox-pop--align-left::after {
2718 .tox
.tox-pop
.tox-pop--align-right::before
,
2719 .tox .tox-pop.tox-pop--align-right::after {
2720 left: calc
(100% - 20px);
2722 .tox .tox-sidebar-wrap {
2724 flex-direction: row
;
2729 background-color: #222f3e;
2731 flex-direction: row
;
2732 justify-content: flex-end
;
2734 .tox .tox-sidebar__slider {
2738 .tox .tox-sidebar__pane-container {
2741 .tox .tox-sidebar__pane {
2744 .tox .tox-sidebar--sliding-closed {
2747 .tox .tox-sidebar--sliding-open {
2750 .tox
.tox-sidebar--sliding-growing
,
2751 .tox .tox-sidebar--sliding-shrinking {
2752 transition: width
0.5s ease
, opacity
0.5s ease
;
2754 .tox .tox-selector {
2755 background-color: #4099ff;
2756 border-color: #4099ff;
2757 border-style: solid
;
2759 box-sizing: border-box
;
2760 display: inline-block
;
2765 .tox.tox-platform-touch .tox-selector {
2770 align-items: center
;
2774 justify-content: center
;
2777 .tox .tox-slider__rail {
2778 background-color: transparent
;
2779 border: 1px solid
#000000;
2785 .tox .tox-slider__handle {
2786 background-color: #207ab7;
2787 border: 2px solid
#185d8c;
2794 transform: translateX
(-50%) translateY
(-50%);
2797 .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
2798 margin-inline-start: 8px;
2800 .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
2801 margin-inline-start: 32px;
2803 .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
2804 margin-inline-start: 32px;
2806 .tox .tox-source-code {
2812 .tox .tox-spinner > div {
2813 animation: tam-bouncing-dots
1.5s ease-in-out
0s infinite both
;
2814 background-color: rgba
(255, 255, 255, 0.5);
2815 border-radius: 100%;
2819 .tox .tox-spinner > div:nth-child(1) {
2820 animation-delay: -0.32s;
2822 .tox .tox-spinner > div:nth-child(2) {
2823 animation-delay: -0.16s;
2825 @keyframes tam-bouncing-dots
{
2829 transform: scale
(0);
2832 transform: scale
(1);
2835 .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
2838 .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
2841 .tox .tox-statusbar {
2842 align-items: center
;
2843 background-color: #222f3e;
2844 border-top: 1px solid
#000000;
2849 font-weight: normal
;
2854 text-transform: uppercase
;
2856 .tox .tox-statusbar__text-container {
2859 justify-content: flex-end
;
2862 .tox .tox-statusbar__path {
2867 text-overflow: ellipsis
;
2868 white-space: nowrap
;
2870 .tox .tox-statusbar__path > * {
2872 white-space: nowrap
;
2874 .tox .tox-statusbar__wordcount {
2878 .tox
.tox-statusbar a
,
2879 .tox
.tox-statusbar__path-item
,
2880 .tox .tox-statusbar__wordcount {
2882 text-decoration: none
;
2884 .tox
.tox-statusbar
a:hover:not
(:disabled
):not
([aria-disabled
=true
]),
2885 .tox
.tox-statusbar__path-item:hover:not
(:disabled
):not
([aria-disabled
=true
]),
2886 .tox
.tox-statusbar__wordcount:hover:not
(:disabled
):not
([aria-disabled
=true
]),
2887 .tox
.tox-statusbar
a:focus:not
(:disabled
):not
([aria-disabled
=true
]),
2888 .tox
.tox-statusbar__path-item:focus:not
(:disabled
):not
([aria-disabled
=true
]),
2889 .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
2893 .tox .tox-statusbar__branding svg {
2894 fill: rgba
(255, 255, 255, 0.8);
2896 vertical-align: -0.28em;
2899 .tox
.tox-statusbar__branding
a:hover:not
(:disabled
):not
([aria-disabled
=true
]) svg
,
2900 .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
2903 .tox .tox-statusbar__resize-handle {
2904 align-items: flex-end
;
2905 align-self: stretch
;
2906 cursor: nwse-resize
;
2909 justify-content: flex-end
;
2912 padding-bottom: 3px;
2916 .tox .tox-statusbar__resize-handle svg {
2918 fill: rgba
(255, 255, 255, 0.5);
2920 .tox .tox-statusbar__resize-handle:focus svg {
2921 background-color: #4a5562;
2922 border-radius: 1px 1px -4px 1px;
2923 box-shadow: 0 0 0 2px #4a5562;
2925 .tox:not([dir=rtl]) .tox-statusbar__path > * {
2928 .tox:not([dir=rtl]) .tox-statusbar__branding {
2931 .tox[dir=rtl] .tox-statusbar {
2932 flex-direction: row-reverse
;
2934 .tox[dir=rtl] .tox-statusbar__path > * {
2937 .tox .tox-throbber {
2940 .tox .tox-throbber__busy-spinner {
2941 align-items: center
;
2942 background-color: rgba
(34, 47, 62, 0.6);
2945 justify-content: center
;
2952 align-items: center
;
2953 background: transparent
;
2962 font-weight: normal
;
2964 justify-content: center
;
2965 margin: 3px 0 2px 0;
2969 text-transform: none
;
2972 .tox .tox-tbtn svg {
2976 .tox .tox-tbtn.tox-tbtn-more {
2981 .tox .tox-tbtn:focus {
2982 background: #4a5562;
2986 .tox .tox-tbtn:hover {
2987 background: #4a5562;
2992 .tox .tox-tbtn:hover svg {
2995 .tox .tox-tbtn:active {
2996 background: #757d87;
3001 .tox .tox-tbtn:active svg {
3004 .tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
3005 fill: rgba
(255, 255, 255, 0.5);
3007 .tox
.tox-tbtn--disabled
,
3008 .tox
.tox-tbtn--disabled:hover
,
3009 .tox
.tox-tbtn:disabled
,
3010 .tox .tox-tbtn:disabled:hover {
3011 background: transparent
;
3014 color: rgba
(255, 255, 255, 0.5);
3015 cursor: not-allowed
;
3017 .tox
.tox-tbtn--disabled svg
,
3018 .tox
.tox-tbtn--disabled:hover svg
,
3019 .tox
.tox-tbtn:disabled svg
,
3020 .tox .tox-tbtn:disabled:hover svg {
3021 /* stylelint-disable-line no-descending-specificity */
3022 fill: rgba
(255, 255, 255, 0.5);
3024 .tox
.tox-tbtn--enabled
,
3025 .tox .tox-tbtn--enabled:hover {
3026 background: #757d87;
3031 .tox
.tox-tbtn--enabled
> *,
3032 .tox .tox-tbtn--enabled:hover > * {
3035 .tox
.tox-tbtn--enabled svg
,
3036 .tox .tox-tbtn--enabled:hover svg {
3037 /* stylelint-disable-line no-descending-specificity */
3040 .tox
.tox-tbtn--enabled
.tox-tbtn--disabled svg
,
3041 .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
3042 fill: rgba
(255, 255, 255, 0.5);
3044 .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3047 .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
3050 .tox .tox-tbtn:active > * {
3053 .tox .tox-tbtn--md {
3057 .tox .tox-tbtn--lg {
3058 flex-direction: column
;
3062 .tox .tox-tbtn--return {
3063 align-self: stretch
;
3067 .tox .tox-tbtn--labeled {
3071 .tox .tox-tbtn__vlabel {
3074 font-weight: normal
;
3075 letter-spacing: -0.025em;
3077 white-space: nowrap
;
3079 .tox .tox-number-input {
3082 margin: 3px 0 2px 0;
3086 .tox .tox-number-input .tox-input-wrapper {
3087 background: transparent
;
3089 pointer-events: none
;
3092 .tox .tox-number-input .tox-input-wrapper:focus {
3093 background: #4a5562;
3095 .tox .tox-number-input input {
3100 pointer-events: all
;
3103 .tox .tox-number-input input:hover {
3104 background: #4a5562;
3107 .tox .tox-number-input input:focus {
3111 .tox .tox-number-input input:disabled {
3112 background: transparent
;
3115 color: rgba
(255, 255, 255, 0.5);
3116 cursor: not-allowed
;
3118 .tox .tox-number-input button {
3119 background: transparent
;
3125 .tox .tox-number-input button svg {
3129 transform: scale
(0.67);
3131 .tox .tox-number-input button:focus {
3132 background: #4a5562;
3134 .tox .tox-number-input button:hover {
3135 background: #4a5562;
3140 .tox .tox-number-input button:hover svg {
3143 .tox .tox-number-input button:active {
3144 background: #757d87;
3149 .tox .tox-number-input button:active svg {
3152 .tox .tox-number-input button:disabled {
3153 background: transparent
;
3156 color: rgba
(255, 255, 255, 0.5);
3157 cursor: not-allowed
;
3159 .tox .tox-number-input button:disabled svg {
3160 fill: rgba
(255, 255, 255, 0.5);
3162 .tox .tox-number-input button.minus {
3163 border-radius: 3px 0 0 3px;
3165 .tox .tox-number-input button.plus {
3166 border-radius: 0 3px 3px 0;
3168 .tox
.tox-number-input:focus:not
(:active
) > button
,
3169 .tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
3170 background: #4a5562;
3172 .tox .tox-tbtn--select {
3173 margin: 3px 0 2px 0;
3177 .tox .tox-tbtn__select-label {
3179 font-weight: normal
;
3183 text-overflow: ellipsis
;
3184 white-space: nowrap
;
3186 .tox .tox-tbtn__select-chevron {
3187 align-items: center
;
3189 justify-content: center
;
3192 .tox .tox-tbtn__select-chevron svg {
3193 fill: rgba
(255, 255, 255, 0.5);
3195 .tox .tox-tbtn--bespoke {
3196 background: transparent
;
3198 .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3199 margin-inline-start: 0;
3201 .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3203 text-overflow: ellipsis
;
3204 white-space: nowrap
;
3207 .tox
.tox-tbtn--disabled
.tox-tbtn__select-label
,
3208 .tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
3209 cursor: not-allowed
;
3211 .tox .tox-split-button {
3214 box-sizing: border-box
;
3216 margin: 3px 0 2px 0;
3219 .tox .tox-split-button:hover {
3220 box-shadow: 0 0 0 1px #4a5562 inset
;
3222 .tox .tox-split-button:focus {
3223 background: #4a5562;
3227 .tox .tox-split-button > * {
3230 .tox .tox-split-button__chevron {
3233 .tox .tox-split-button__chevron svg {
3234 fill: rgba
(255, 255, 255, 0.5);
3236 .tox .tox-split-button .tox-tbtn {
3239 .tox
.tox-split-button
.tox-tbtn--disabled:hover
,
3240 .tox
.tox-split-button
.tox-tbtn--disabled:focus
,
3241 .tox
.tox-split-button
.tox-tbtn--disabled
.tox-tbtn:hover
,
3242 .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
3243 background: transparent
;
3245 color: rgba
(255, 255, 255, 0.5);
3247 .tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
3250 .tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
3253 .tox.tox-platform-touch .tox-split-button__chevron {
3256 .tox
.tox-split-button
.tox-tbtn--disabled svg #tox-icon-text-color__color
,
3257 .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color {
3260 .tox .tox-toolbar-overlord {
3261 background-color: #222f3e;
3264 .tox
.tox-toolbar__primary
,
3265 .tox .tox-toolbar__overflow {
3266 background-attachment: local
;
3267 background-color: #222f3e;
3268 background-image: repeating-linear-gradient
(#000000 0px 1px, transparent
1px 39px);
3269 background-position: center top
39px;
3270 background-repeat: no-repeat
;
3271 background-size: calc
(100% - 4px * 2) calc
(100% - 39px);
3277 transform: perspective
(1px);
3279 .tox
.tox-toolbar-overlord
> .tox-toolbar
,
3280 .tox
.tox-toolbar-overlord
> .tox-toolbar__primary
,
3281 .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
3282 background-position: center top
0px;
3283 background-size: calc
(100% - 4px * 2) calc
(100% - 0px);
3285 .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
3292 .tox .tox-toolbar__overflow--growing {
3293 transition: height
0.3s ease
, opacity
0.2s linear
0.1s;
3295 .tox .tox-toolbar__overflow--shrinking {
3296 transition: opacity
0.3s ease
, height
0.2s linear
0.1s, visibility
0s linear
0.3s;
3298 .tox
.tox-toolbar-overlord
,
3299 .tox .tox-anchorbar {
3300 grid-column: 1 / -1;
3302 .tox
.tox-menubar
+ .tox-toolbar
,
3303 .tox .tox-menubar + .tox-toolbar-overlord {
3304 border-top: 1px solid
#000000;
3306 padding-bottom: 0px;
3309 .tox .tox-toolbar--scrolling {
3313 .tox .tox-pop .tox-toolbar {
3316 .tox .tox-toolbar--no-divider {
3317 background-image: none
;
3319 .tox
.tox-toolbar-overlord
.tox-toolbar:not
(.tox-toolbar--scrolling
):first-child
,
3320 .tox .tox-toolbar-overlord .tox-toolbar__primary {
3321 background-position: center top
39px;
3323 .tox
.tox-editor-header
> .tox-toolbar--scrolling
,
3324 .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
3325 background-image: none
;
3327 .tox.tox-tinymce-aux .tox-toolbar__overflow {
3328 background-color: #222f3e;
3329 background-position: center top
43px;
3330 background-size: calc
(100% - 8px * 2) calc
(100% - 51px);
3333 box-shadow: 0 0 2px 0 rgba
(42, 55, 70, 0.2), 0 4px 8px 0 rgba
(42, 55, 70, 0.15);
3334 overscroll-behavior: none
;
3337 .tox-pop .tox-pop__dialog {
3338 /* stylelint-disable-next-line no-descending-specificity */
3340 .tox-pop .tox-pop__dialog .tox-toolbar {
3341 background-position: center top
43px;
3342 background-size: calc
(100% - 4px * 2) calc
(100% - 51px);
3345 .tox .tox-toolbar__group {
3346 align-items: center
;
3350 padding: 0 4px 0 4px;
3352 .tox .tox-toolbar__group--pull-right {
3355 .tox .tox-toolbar--scrolling .tox-toolbar__group {
3359 .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
3360 border-right: 1px solid
#000000;
3362 .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
3363 border-left: 1px solid
#000000;
3366 display: inline-block
;
3370 .tox .tox-tooltip__body {
3371 background-color: #3d546f;
3373 box-shadow: 0 2px 4px rgba
(42, 55, 70, 0.3);
3374 color: rgba
(255, 255, 255, 0.75);
3377 font-weight: normal
;
3379 text-transform: none
;
3381 .tox .tox-tooltip__arrow {
3384 .tox .tox-tooltip--down .tox-tooltip__arrow {
3385 border-left: 8px solid transparent
;
3386 border-right: 8px solid transparent
;
3387 border-top: 8px solid
#3d546f;
3391 transform: translateX
(-50%);
3393 .tox .tox-tooltip--up .tox-tooltip__arrow {
3394 border-bottom: 8px solid
#3d546f;
3395 border-left: 8px solid transparent
;
3396 border-right: 8px solid transparent
;
3400 transform: translateX
(-50%);
3402 .tox .tox-tooltip--right .tox-tooltip__arrow {
3403 border-bottom: 8px solid transparent
;
3404 border-left: 8px solid
#3d546f;
3405 border-top: 8px solid transparent
;
3409 transform: translateY
(-50%);
3411 .tox .tox-tooltip--left .tox-tooltip__arrow {
3412 border-bottom: 8px solid transparent
;
3413 border-right: 8px solid
#3d546f;
3414 border-top: 8px solid transparent
;
3418 transform: translateY
(-50%);
3422 flex-direction: column
;
3424 .tox .tox-tree .tox-trbtn {
3425 align-items: center
;
3426 background: transparent
;
3435 font-weight: normal
;
3443 text-transform: none
;
3445 .tox .tox-tree .tox-trbtn .tox-tree__label {
3448 text-overflow: ellipsis
;
3449 white-space: nowrap
;
3451 .tox .tox-tree .tox-trbtn svg {
3455 .tox .tox-tree .tox-trbtn:focus {
3456 background: #4a5562;
3460 .tox .tox-tree .tox-trbtn:hover {
3461 background: #4a5562;
3466 .tox .tox-tree .tox-trbtn:hover svg {
3469 .tox .tox-tree .tox-trbtn:active {
3470 background: #6ea9d0;
3475 .tox .tox-tree .tox-trbtn:active svg {
3478 .tox
.tox-tree
.tox-trbtn--disabled
,
3479 .tox
.tox-tree
.tox-trbtn--disabled:hover
,
3480 .tox
.tox-tree
.tox-trbtn:disabled
,
3481 .tox .tox-tree .tox-trbtn:disabled:hover {
3482 background: transparent
;
3485 color: rgba
(255, 255, 255, 0.5);
3486 cursor: not-allowed
;
3488 .tox
.tox-tree
.tox-trbtn--disabled svg
,
3489 .tox
.tox-tree
.tox-trbtn--disabled:hover svg
,
3490 .tox
.tox-tree
.tox-trbtn:disabled svg
,
3491 .tox .tox-tree .tox-trbtn:disabled:hover svg {
3492 /* stylelint-disable-line no-descending-specificity */
3493 fill: rgba
(255, 255, 255, 0.5);
3495 .tox
.tox-tree
.tox-trbtn--enabled
,
3496 .tox .tox-tree .tox-trbtn--enabled:hover {
3497 background: #6ea9d0;
3502 .tox
.tox-tree
.tox-trbtn--enabled
> *,
3503 .tox .tox-tree .tox-trbtn--enabled:hover > * {
3506 .tox
.tox-tree
.tox-trbtn--enabled svg
,
3507 .tox .tox-tree .tox-trbtn--enabled:hover svg {
3508 /* stylelint-disable-line no-descending-specificity */
3511 .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
3514 .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
3517 .tox .tox-tree .tox-trbtn:active > * {
3520 .tox .tox-tree .tox-trbtn--return {
3521 align-self: stretch
;
3525 .tox .tox-tree .tox-trbtn--labeled {
3529 .tox .tox-tree .tox-trbtn__vlabel {
3532 font-weight: normal
;
3533 letter-spacing: -0.025em;
3535 white-space: nowrap
;
3537 .tox .tox-tree .tox-tree--directory {
3539 flex-direction: column
;
3540 /* stylelint-disable no-descending-specificity */
3542 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
3545 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
3548 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
3551 .tox
.tox-tree
.tox-tree--directory
.tox-tree--directory__label
.tox-mbtn
.tox-mbtn--active svg
,
3552 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
3555 .tox
.tox-tree
.tox-tree--directory
.tox-tree--directory__label:hover
.tox-mbtn svg
,
3556 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
3559 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
3560 background-color: transparent
;
3563 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
3566 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
3569 .tox
.tox-tree
.tox-tree--directory
.tox-tree--directory__label:has
(+ .tox-tree--directory__children--growing
) .tox-chevron
,
3570 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
3571 transition: transform
0.5s ease-in-out
;
3573 .tox
.tox-tree
.tox-tree--directory
.tox-tree--directory__label:has
(+ .tox-tree--directory__children--growing
) .tox-chevron
,
3574 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
3575 transform: rotate
(90deg);
3577 .tox .tox-tree .tox-tree--leaf__label {
3578 font-weight: normal
;
3580 .tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
3583 .tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
3586 .tox
.tox-tree
.tox-tree--leaf__label
.tox-mbtn
.tox-mbtn--active svg
,
3587 .tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
3590 .tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
3593 .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
3594 background-color: transparent
;
3597 .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
3600 .tox .tox-tree .tox-tree--directory__children {
3604 .tox
.tox-tree
.tox-tree--directory__children
.tox-tree--directory__children--growing
,
3605 .tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
3606 transition: height
0.5s ease-in-out
;
3608 .tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
3610 justify-content: space-between
;
3612 .tox
.tox-view-wrap
,
3613 .tox .tox-view-wrap__slot-container {
3614 background-color: #222f3e;
3617 flex-direction: column
;
3622 flex-direction: column
;
3625 .tox .tox-view__header {
3626 align-items: center
;
3629 justify-content: space-between
;
3630 padding: 8px 8px 0 8px;
3633 .tox
.tox-view--mobile
.tox-view__header
,
3634 .tox .tox-view--mobile.tox-view__toolbar {
3637 .tox .tox-view--scrolling {
3641 .tox .tox-view__toolbar {
3643 flex-direction: row
;
3645 justify-content: space-between
;
3646 padding: 8px 8px 0 8px;
3648 .tox .tox-view__toolbar__group {
3650 flex-direction: row
;
3653 .tox
.tox-view__header-start
,
3654 .tox .tox-view__header-end {
3657 .tox .tox-view__pane {
3662 .tox .tox-view__pane_panel {
3663 border: 1px solid
#000000;
3666 .tox:not
([dir
=rtl
]) .tox-view__header
.tox-view__header-start
> *,
3667 .tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
3670 .tox
[dir
=rtl
] .tox-view__header
.tox-view__header-start
> *,
3671 .tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
3675 border: 1px solid
#000000;
3680 .tox .tox-well > *:first-child {
3683 .tox .tox-well > *:last-child {
3686 .tox .tox-well > *:only-child {
3689 .tox .tox-custom-editor {
3690 border: 1px solid
#000000;
3697 /* stylelint-disable */
3699 /* stylelint-enable */
3701 .tox .tox-dialog-loading::before {
3702 background-color: rgba
(0, 0, 0, 0.5);
3712 .tox .tox-dialog__content-js {
3716 .tox .tox-dialog__body-content .tox-collection {
3720 .tox:not(.tox-tinymce-inline) .tox-editor-header {
3721 background-color: none
;
3724 .tox
.tox-tinymce--toolbar-bottom
.tox-editor-header
,
3725 .tox.tox-tinymce-inline .tox-editor-header {
3726 margin-bottom: -1px;
3728 .tox.tox-tinymce-inline .tox-editor-container {
3731 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
3735 .tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
3736 background-color: transparent
;
3737 box-shadow: 0 4px 4px -3px rgba
(0, 0, 0, 0.25);
3740 .tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
3741 box-shadow: 0 4px 4px -3px rgba
(0, 0, 0, 0.25);
3743 .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
3746 .tox .tox-menu.tox-collection.tox-collection--list {
3753 .tox
.tox-number-input
,
3754 .tox
.tox-tbtn--select
,
3755 .tox .tox-split-button {
3756 margin: 2px 0 3px 0;
3759 .tox
.tox-toolbar__primary
,
3760 .tox .tox-toolbar__overflow {
3761 background: url
("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left
0 top
0px #222f3e !important
;
3763 .tox .tox-menubar + .tox-toolbar-overlord {
3766 .tox
.tox-menubar
+ .tox-toolbar
,
3767 .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
3768 border-top: 1px solid
#000000;
3771 .tox.tox-tinymce-aux .tox-toolbar__overflow {
3772 border: 1px solid
#000000;
3775 .tox .tox-pop .tox-pop__dialog .tox-toolbar {
3778 .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
3779 border-top: 1px solid
#000000;
3781 .tox:not
(.tox-tinymce-inline
) .tox-editor-header:not
(:first-child
) .tox-toolbar-overlord:first-child
.tox-toolbar__primary
,
3782 .tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
3783 border-top: 1px solid
#000000;
3785 .tox .tox-toolbar__group {
3786 padding: 0 4px 0 4px;
3788 .tox .tox-collection__item {
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]) {
3799 text-decoration: underline
;
3801 .tox .tox-statusbar__branding svg {
3802 vertical-align: -0.25em;
3804 .tox:not([dir=rtl]) .tox-statusbar__branding {
3807 .tox .tox-statusbar__resize-handle {
3811 .tox .tox-button::before {