lib/editor/tiny/js/tinymce/skins/ui/oxide/skin.css

   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   text-decoration: none;
  13   text-shadow: none;
  14   text-transform: none;
  15   vertical-align: initial;
  16   white-space: normal;
  17 }
  18 .tox *:not(svg):not(rect) {
  19   box-sizing: inherit;
  20   color: inherit;
  21   cursor: inherit;
  22   direction: inherit;
  23   font-family: inherit;
  24   font-size: inherit;
  25   font-style: inherit;
  26   font-weight: inherit;
  27   line-height: inherit;
  28   -webkit-tap-highlight-color: inherit;
  29   text-align: inherit;
  30   text-decoration: inherit;
  31   text-shadow: inherit;
  32   text-transform: inherit;
  33   vertical-align: inherit;
  34   white-space: inherit;
  35 }
  36 .tox *:not(svg):not(rect) {
  37   /* stylelint-disable-line no-duplicate-selectors */
  38   background: transparent;
  39   border: 0;
  40   box-shadow: none;
  41   float: none;
  42   height: auto;
  43   margin: 0;
  44   max-width: none;
  45   outline: 0;
  46   padding: 0;
  47   position: static;
  48   width: auto;
  49 }
  50 .tox:not([dir=rtl]) {
  51   direction: ltr;
  52   text-align: left;
  53 }
  54 .tox[dir=rtl] {
  55   direction: rtl;
  56   text-align: right;
  57 }
  58 .tox-tinymce {
  59   border: 2px solid #eeeeee;
  60   border-radius: 10px;
  61   box-shadow: none;
  62   box-sizing: border-box;
  63   display: flex;
  64   flex-direction: column;
  65   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  66   overflow: hidden;
  67   position: relative;
  68   visibility: inherit !important;
  69 }
  70 .tox.tox-tinymce-inline {
  71   border: none;
  72   box-shadow: none;
  73   overflow: initial;
  74 }
  75 .tox.tox-tinymce-inline .tox-editor-container {
  76   overflow: initial;
  77 }
  78 .tox.tox-tinymce-inline .tox-editor-header {
  79   background-color: #fff;
  80   border: 2px solid #eeeeee;
  81   border-radius: 10px;
  82   box-shadow: none;
  83   overflow: hidden;
  84 }
  85 .tox-tinymce-aux {
  86   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  87   z-index: 1300;
  88 }
  89 .tox-tinymce *:focus,
  90 .tox-tinymce-aux *:focus {
  91   outline: none;
  92 }
  93 button::-moz-focus-inner {
  94   border: 0;
  95 }
  96 .tox[dir=rtl] .tox-icon--flip svg {
  97   transform: rotateY(180deg);
  98 }
  99 .tox .accessibility-issue__header {
 100   align-items: center;
 101   display: flex;
 102   margin-bottom: 4px;
 103 }
 104 .tox .accessibility-issue__description {
 105   align-items: stretch;
 106   border-radius: 6px;
 107   display: flex;
 108   justify-content: space-between;
 109 }
 110 .tox .accessibility-issue__description > div {
 111   padding-bottom: 4px;
 112 }
 113 .tox .accessibility-issue__description > div > div {
 114   align-items: center;
 115   display: flex;
 116   margin-bottom: 4px;
 117 }
 118 .tox .accessibility-issue__description > div > div .tox-icon svg {
 119   display: block;
 120 }
 121 .tox .accessibility-issue__repair {
 122   margin-top: 16px;
 123 }
 124 .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
 125   background-color: rgba(0, 101, 216, 0.1);
 126   color: #222f3e;
 127 }
 128 .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
 129   color: #006ce7;
 130 }
 131 .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
 132   fill: #006ce7;
 133 }
 134 .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
 135   background-color: #006ce7;
 136   color: #fff;
 137 }
 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: #0060ce;
 141 }
 142 .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
 143   background-color: #0054b4;
 144 }
 145 .tox .tox-dialog__body-content .accessibility-issue--warn {
 146   /* stylelint-disable-next-line no-descending-specificity */
 147 }
 148 .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
 149   background-color: rgba(255, 165, 0, 0.08);
 150   color: #222f3e;
 151 }
 152 .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
 153   color: #8f5d00;
 154 }
 155 .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
 156   fill: #8f5d00;
 157 }
 158 .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
 159   background-color: #FFE89D;
 160   color: #222f3e;
 161 }
 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;
 165   color: #222f3e;
 166 }
 167 .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
 168   background-color: #E8C657;
 169   color: #222f3e;
 170 }
 171 .tox .tox-dialog__body-content .accessibility-issue--error {
 172   /* stylelint-disable-next-line no-descending-specificity */
 173 }
 174 .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
 175   background-color: rgba(204, 0, 0, 0.1);
 176   color: #222f3e;
 177 }
 178 .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
 179   color: #c00;
 180 }
 181 .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
 182   fill: #c00;
 183 }
 184 .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
 185   background-color: #F2BFBF;
 186   color: #222f3e;
 187 }
 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;
 191   color: #222f3e;
 192 }
 193 .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
 194   background-color: #EE9494;
 195   color: #222f3e;
 196 }
 197 .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
 198   background-color: rgba(120, 171, 70, 0.1);
 199   color: #222f3e;
 200 }
 201 .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
 202   display: none;
 203 }
 204 .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
 205   color: #527530;
 206 }
 207 .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
 208   fill: #527530;
 209 }
 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 {
 212   font-size: 14px;
 213   margin-top: 0;
 214 }
 215 .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
 216   margin-left: 4px;
 217 }
 218 .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
 219   margin-left: auto;
 220 }
 221 .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
 222   padding: 4px 4px 4px 8px;
 223 }
 224 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
 225   margin-right: 4px;
 226 }
 227 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
 228   margin-right: auto;
 229 }
 230 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
 231   padding: 4px 8px 4px 4px;
 232 }
 233 .tox .tox-advtemplate .tox-form__grid {
 234   flex: 1;
 235 }
 236 .tox .tox-advtemplate .tox-form__grid > div:first-child {
 237   display: flex;
 238   flex-direction: column;
 239   width: 30%;
 240 }
 241 .tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
 242   flex-basis: 0;
 243   flex-grow: 1;
 244   overflow: auto;
 245 }
 246 @media only screen and (max-width: 767px ) {
 247   body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
 248     width: 100%;
 249   }
 250 }
 251 .tox .tox-advtemplate iframe {
 252   border-color: #eeeeee;
 253   border-radius: 10px;
 254   border-style: solid;
 255   border-width: 1px;
 256   margin: 0 10px;
 257 }
 258 .tox .tox-anchorbar {
 259   display: flex;
 260   flex: 0 0 auto;
 261 }
 262 .tox .tox-bottom-anchorbar {
 263   display: flex;
 264   flex: 0 0 auto;
 265 }
 266 .tox .tox-bar {
 267   display: flex;
 268   flex: 0 0 auto;
 269 }
 270 .tox .tox-button {
 271   background-color: #006ce7;
 272   background-image: none;
 273   background-position: 0 0;
 274   background-repeat: repeat;
 275   border-color: #006ce7;
 276   border-radius: 6px;
 277   border-style: solid;
 278   border-width: 1px;
 279   box-shadow: none;
 280   box-sizing: border-box;
 281   color: #fff;
 282   cursor: pointer;
 283   display: inline-block;
 284   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 285   font-size: 14px;
 286   font-style: normal;
 287   font-weight: bold;
 288   letter-spacing: normal;
 289   line-height: 24px;
 290   margin: 0;
 291   outline: none;
 292   padding: 4px 16px;
 293   position: relative;
 294   text-align: center;
 295   text-decoration: none;
 296   text-transform: none;
 297   white-space: nowrap;
 298 }
 299 .tox .tox-button::before {
 300   border-radius: 6px;
 301   bottom: -1px;
 302   box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
 303   content: '';
 304   left: -1px;
 305   opacity: 0;
 306   pointer-events: none;
 307   position: absolute;
 308   right: -1px;
 309   top: -1px;
 310 }
 311 .tox .tox-button[disabled] {
 312   background-color: #006ce7;
 313   background-image: none;
 314   border-color: #006ce7;
 315   box-shadow: none;
 316   color: rgba(255, 255, 255, 0.5);
 317   cursor: not-allowed;
 318 }
 319 .tox .tox-button:focus:not(:disabled) {
 320   background-color: #0060ce;
 321   background-image: none;
 322   border-color: #0060ce;
 323   box-shadow: none;
 324   color: #fff;
 325 }
 326 .tox .tox-button:focus-visible:not(:disabled)::before {
 327   opacity: 1;
 328 }
 329 .tox .tox-button:hover:not(:disabled) {
 330   background-color: #0060ce;
 331   background-image: none;
 332   border-color: #0060ce;
 333   box-shadow: none;
 334   color: #fff;
 335 }
 336 .tox .tox-button:active:not(:disabled) {
 337   background-color: #0054b4;
 338   background-image: none;
 339   border-color: #0054b4;
 340   box-shadow: none;
 341   color: #fff;
 342 }
 343 .tox .tox-button.tox-button--enabled {
 344   background-color: #0054b4;
 345   background-image: none;
 346   border-color: #0054b4;
 347   box-shadow: none;
 348   color: #fff;
 349 }
 350 .tox .tox-button.tox-button--enabled[disabled] {
 351   background-color: #0054b4;
 352   background-image: none;
 353   border-color: #0054b4;
 354   box-shadow: none;
 355   color: rgba(255, 255, 255, 0.5);
 356   cursor: not-allowed;
 357 }
 358 .tox .tox-button.tox-button--enabled:focus:not(:disabled) {
 359   background-color: #00489b;
 360   background-image: none;
 361   border-color: #00489b;
 362   box-shadow: none;
 363   color: #fff;
 364 }
 365 .tox .tox-button.tox-button--enabled:hover:not(:disabled) {
 366   background-color: #00489b;
 367   background-image: none;
 368   border-color: #00489b;
 369   box-shadow: none;
 370   color: #fff;
 371 }
 372 .tox .tox-button.tox-button--enabled:active:not(:disabled) {
 373   background-color: #003c81;
 374   background-image: none;
 375   border-color: #003c81;
 376   box-shadow: none;
 377   color: #fff;
 378 }
 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 {
 382   display: flex;
 383   padding: 5px 4px;
 384 }
 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 {
 388   display: block;
 389   fill: currentColor;
 390 }
 391 .tox .tox-button--secondary {
 392   background-color: #f0f0f0;
 393   background-image: none;
 394   background-position: 0 0;
 395   background-repeat: repeat;
 396   border-color: #f0f0f0;
 397   border-radius: 6px;
 398   border-style: solid;
 399   border-width: 1px;
 400   box-shadow: none;
 401   color: #222f3e;
 402   font-size: 14px;
 403   font-style: normal;
 404   font-weight: bold;
 405   letter-spacing: normal;
 406   outline: none;
 407   padding: 4px 16px;
 408   text-decoration: none;
 409   text-transform: none;
 410 }
 411 .tox .tox-button--secondary[disabled] {
 412   background-color: #f0f0f0;
 413   background-image: none;
 414   border-color: #f0f0f0;
 415   box-shadow: none;
 416   color: rgba(34, 47, 62, 0.5);
 417 }
 418 .tox .tox-button--secondary:focus:not(:disabled) {
 419   background-color: #e3e3e3;
 420   background-image: none;
 421   border-color: #e3e3e3;
 422   box-shadow: none;
 423   color: #222f3e;
 424 }
 425 .tox .tox-button--secondary:hover:not(:disabled) {
 426   background-color: #e3e3e3;
 427   background-image: none;
 428   border-color: #e3e3e3;
 429   box-shadow: none;
 430   color: #222f3e;
 431 }
 432 .tox .tox-button--secondary:active:not(:disabled) {
 433   background-color: #d6d6d6;
 434   background-image: none;
 435   border-color: #d6d6d6;
 436   box-shadow: none;
 437   color: #222f3e;
 438 }
 439 .tox .tox-button--secondary.tox-button--enabled {
 440   background-color: #a8c8ed;
 441   background-image: none;
 442   border-color: #a8c8ed;
 443   box-shadow: none;
 444   color: #222f3e;
 445 }
 446 .tox .tox-button--secondary.tox-button--enabled[disabled] {
 447   background-color: #a8c8ed;
 448   background-image: none;
 449   border-color: #a8c8ed;
 450   box-shadow: none;
 451   color: rgba(34, 47, 62, 0.5);
 452 }
 453 .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
 454   background-color: #93bbe9;
 455   background-image: none;
 456   border-color: #93bbe9;
 457   box-shadow: none;
 458   color: #222f3e;
 459 }
 460 .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
 461   background-color: #93bbe9;
 462   background-image: none;
 463   border-color: #93bbe9;
 464   box-shadow: none;
 465   color: #222f3e;
 466 }
 467 .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
 468   background-color: #7daee4;
 469   background-image: none;
 470   border-color: #7daee4;
 471   box-shadow: none;
 472   color: #222f3e;
 473 }
 474 .tox .tox-button--icon,
 475 .tox .tox-button.tox-button--icon,
 476 .tox .tox-button.tox-button--secondary.tox-button--icon {
 477   padding: 4px;
 478 }
 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 {
 482   display: block;
 483   fill: currentColor;
 484 }
 485 .tox .tox-button-link {
 486   background: 0;
 487   border: none;
 488   box-sizing: border-box;
 489   cursor: pointer;
 490   display: inline-block;
 491   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 492   font-size: 16px;
 493   font-weight: normal;
 494   line-height: 1.3;
 495   margin: 0;
 496   padding: 0;
 497   white-space: nowrap;
 498 }
 499 .tox .tox-button-link--sm {
 500   font-size: 14px;
 501 }
 502 .tox .tox-button--naked {
 503   background-color: transparent;
 504   border-color: transparent;
 505   box-shadow: unset;
 506   color: #222f3e;
 507 }
 508 .tox .tox-button--naked[disabled] {
 509   background-color: rgba(34, 47, 62, 0.12);
 510   border-color: transparent;
 511   box-shadow: unset;
 512   color: rgba(34, 47, 62, 0.5);
 513 }
 514 .tox .tox-button--naked:hover:not(:disabled) {
 515   background-color: rgba(34, 47, 62, 0.12);
 516   border-color: transparent;
 517   box-shadow: unset;
 518   color: #222f3e;
 519 }
 520 .tox .tox-button--naked:focus:not(:disabled) {
 521   background-color: rgba(34, 47, 62, 0.12);
 522   border-color: transparent;
 523   box-shadow: unset;
 524   color: #222f3e;
 525 }
 526 .tox .tox-button--naked:active:not(:disabled) {
 527   background-color: rgba(34, 47, 62, 0.18);
 528   border-color: transparent;
 529   box-shadow: unset;
 530   color: #222f3e;
 531 }
 532 .tox .tox-button--naked .tox-icon svg {
 533   fill: currentColor;
 534 }
 535 .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
 536   color: #222f3e;
 537 }
 538 .tox .tox-checkbox {
 539   align-items: center;
 540   border-radius: 6px;
 541   cursor: pointer;
 542   display: flex;
 543   height: 36px;
 544   min-width: 36px;
 545 }
 546 .tox .tox-checkbox__input {
 547   /* Hide from view but visible to screen readers */
 548   height: 1px;
 549   overflow: hidden;
 550   position: absolute;
 551   top: auto;
 552   width: 1px;
 553 }
 554 .tox .tox-checkbox__icons {
 555   align-items: center;
 556   border-radius: 6px;
 557   box-shadow: 0 0 0 2px transparent;
 558   box-sizing: content-box;
 559   display: flex;
 560   height: 24px;
 561   justify-content: center;
 562   padding: calc(4px - 1px);
 563   width: 24px;
 564 }
 565 .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
 566   display: block;
 567   fill: rgba(34, 47, 62, 0.3);
 568 }
 569 .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
 570   display: none;
 571   fill: #006ce7;
 572 }
 573 .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
 574   display: none;
 575   fill: #006ce7;
 576 }
 577 .tox .tox-checkbox--disabled {
 578   color: rgba(34, 47, 62, 0.5);
 579   cursor: not-allowed;
 580 }
 581 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
 582   fill: rgba(34, 47, 62, 0.5);
 583 }
 584 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
 585   fill: rgba(34, 47, 62, 0.5);
 586 }
 587 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
 588   fill: rgba(34, 47, 62, 0.5);
 589 }
 590 .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
 591   display: none;
 592 }
 593 .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
 594   display: block;
 595 }
 596 .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
 597   display: none;
 598 }
 599 .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
 600   display: block;
 601 }
 602 .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
 603   border-radius: 6px;
 604   box-shadow: inset 0 0 0 1px #006ce7;
 605   padding: calc(4px - 1px);
 606 }
 607 .tox:not([dir=rtl]) .tox-checkbox__label {
 608   margin-left: 4px;
 609 }
 610 .tox:not([dir=rtl]) .tox-checkbox__input {
 611   left: -10000px;
 612 }
 613 .tox:not([dir=rtl]) .tox-bar .tox-checkbox {
 614   margin-left: 4px;
 615 }
 616 .tox[dir=rtl] .tox-checkbox__label {
 617   margin-right: 4px;
 618 }
 619 .tox[dir=rtl] .tox-checkbox__input {
 620   right: -10000px;
 621 }
 622 .tox[dir=rtl] .tox-bar .tox-checkbox {
 623   margin-right: 4px;
 624 }
 625 .tox {
 626   /* stylelint-disable-next-line no-descending-specificity */
 627 }
 628 .tox .tox-collection--toolbar .tox-collection__group {
 629   display: flex;
 630   padding: 0;
 631 }
 632 .tox .tox-collection--grid .tox-collection__group {
 633   display: flex;
 634   flex-wrap: wrap;
 635   max-height: 208px;
 636   overflow-x: hidden;
 637   overflow-y: auto;
 638   padding: 0;
 639 }
 640 .tox .tox-collection--list .tox-collection__group {
 641   border-bottom-width: 0;
 642   border-color: #e3e3e3;
 643   border-left-width: 0;
 644   border-right-width: 0;
 645   border-style: solid;
 646   border-top-width: 1px;
 647   padding: 4px 0;
 648 }
 649 .tox .tox-collection--list .tox-collection__group:first-child {
 650   border-top-width: 0;
 651 }
 652 .tox .tox-collection__group-heading {
 653   background-color: #fcfcfc;
 654   color: rgba(34, 47, 62, 0.7);
 655   cursor: default;
 656   font-size: 12px;
 657   font-style: normal;
 658   font-weight: normal;
 659   margin-bottom: 4px;
 660   margin-top: -4px;
 661   padding: 4px 8px;
 662   text-transform: none;
 663   -webkit-touch-callout: none;
 664   -webkit-user-select: none;
 665      -moz-user-select: none;
 666           user-select: none;
 667 }
 668 .tox .tox-collection__item {
 669   align-items: center;
 670   border-radius: 3px;
 671   color: #222f3e;
 672   display: flex;
 673   -webkit-touch-callout: none;
 674   -webkit-user-select: none;
 675      -moz-user-select: none;
 676           user-select: none;
 677 }
 678 .tox .tox-collection--list .tox-collection__item {
 679   padding: 4px 8px;
 680 }
 681 .tox .tox-collection--toolbar .tox-collection__item {
 682   border-radius: 3px;
 683   padding: 4px;
 684 }
 685 .tox .tox-collection--grid .tox-collection__item {
 686   border-radius: 3px;
 687   padding: 4px;
 688 }
 689 .tox .tox-collection--list .tox-collection__item--enabled {
 690   background-color: #fff;
 691   color: #222f3e;
 692 }
 693 .tox .tox-collection--list .tox-collection__item--active {
 694   background-color: #cce2fa;
 695 }
 696 .tox .tox-collection--toolbar .tox-collection__item--enabled {
 697   background-color: #a6ccf7;
 698   color: #222f3e;
 699 }
 700 .tox .tox-collection--toolbar .tox-collection__item--active {
 701   background-color: #cce2fa;
 702 }
 703 .tox .tox-collection--grid .tox-collection__item--enabled {
 704   background-color: #a6ccf7;
 705   color: #222f3e;
 706 }
 707 .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
 708   background-color: #cce2fa;
 709   color: #222f3e;
 710 }
 711 .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
 712   color: #222f3e;
 713 }
 714 .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
 715   color: #222f3e;
 716 }
 717 .tox .tox-collection__item-icon,
 718 .tox .tox-collection__item-checkmark {
 719   align-items: center;
 720   display: flex;
 721   height: 24px;
 722   justify-content: center;
 723   width: 24px;
 724 }
 725 .tox .tox-collection__item-icon svg,
 726 .tox .tox-collection__item-checkmark svg {
 727   fill: currentColor;
 728 }
 729 .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
 730   height: 48px;
 731   width: 48px;
 732 }
 733 .tox .tox-collection__item-label {
 734   color: currentColor;
 735   display: inline-block;
 736   flex: 1;
 737   font-size: 14px;
 738   font-style: normal;
 739   font-weight: normal;
 740   line-height: 24px;
 741   text-transform: none;
 742   word-break: break-all;
 743 }
 744 .tox .tox-collection__item-accessory {
 745   color: rgba(34, 47, 62, 0.7);
 746   display: inline-block;
 747   font-size: 14px;
 748   height: 24px;
 749   line-height: 24px;
 750   text-transform: none;
 751 }
 752 .tox .tox-collection__item-caret {
 753   align-items: center;
 754   display: flex;
 755   min-height: 24px;
 756 }
 757 .tox .tox-collection__item-caret::after {
 758   content: '';
 759   font-size: 0;
 760   min-height: inherit;
 761 }
 762 .tox .tox-collection__item-caret svg {
 763   fill: #222f3e;
 764 }
 765 .tox .tox-collection__item--state-disabled {
 766   background-color: transparent;
 767   color: rgba(34, 47, 62, 0.5);
 768   cursor: not-allowed;
 769 }
 770 .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
 771   fill: rgba(34, 47, 62, 0.5);
 772 }
 773 .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
 774   display: none;
 775 }
 776 .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
 777   display: none;
 778 }
 779 .tox .tox-collection--horizontal {
 780   background-color: #fff;
 781   border: 1px solid #e3e3e3;
 782   border-radius: 6px;
 783   box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
 784   display: flex;
 785   flex: 0 0 auto;
 786   flex-shrink: 0;
 787   flex-wrap: nowrap;
 788   margin-bottom: 0;
 789   overflow-x: auto;
 790   padding: 0;
 791 }
 792 .tox .tox-collection--horizontal .tox-collection__group {
 793   align-items: center;
 794   display: flex;
 795   flex-wrap: nowrap;
 796   margin: 0;
 797   padding: 0 4px;
 798 }
 799 .tox .tox-collection--horizontal .tox-collection__item {
 800   height: 28px;
 801   margin: 6px 1px 5px 0;
 802   padding: 0 4px;
 803 }
 804 .tox .tox-collection--horizontal .tox-collection__item-label {
 805   white-space: nowrap;
 806 }
 807 .tox .tox-collection--horizontal .tox-collection__item-caret {
 808   margin-left: 4px;
 809 }
 810 .tox .tox-collection__item-container {
 811   display: flex;
 812 }
 813 .tox .tox-collection__item-container--row {
 814   align-items: center;
 815   flex: 1 1 auto;
 816   flex-direction: row;
 817 }
 818 .tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
 819   margin-right: auto;
 820 }
 821 .tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
 822   justify-content: flex-end;
 823   margin-left: auto;
 824 }
 825 .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
 826   align-items: flex-start;
 827   margin-bottom: auto;
 828 }
 829 .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
 830   align-items: center;
 831 }
 832 .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
 833   align-items: flex-end;
 834   margin-top: auto;
 835 }
 836 .tox .tox-collection__item-container--column {
 837   align-self: center;
 838   flex: 1 1 auto;
 839   flex-direction: column;
 840 }
 841 .tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
 842   align-items: flex-start;
 843 }
 844 .tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
 845   align-items: flex-end;
 846 }
 847 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
 848   align-self: flex-start;
 849 }
 850 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
 851   align-self: center;
 852 }
 853 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
 854   align-self: flex-end;
 855 }
 856 .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
 857   border-right: 1px solid transparent;
 858 }
 859 .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
 860   margin-left: 8px;
 861 }
 862 .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
 863   margin-left: 4px;
 864 }
 865 .tox:not([dir=rtl]) .tox-collection__item-accessory {
 866   margin-left: 16px;
 867   text-align: right;
 868 }
 869 .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
 870   margin-left: 16px;
 871 }
 872 .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
 873   border-left: 1px solid transparent;
 874 }
 875 .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
 876   margin-right: 8px;
 877 }
 878 .tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
 879   margin-right: 4px;
 880 }
 881 .tox[dir=rtl] .tox-collection__item-accessory {
 882   margin-right: 16px;
 883   text-align: left;
 884 }
 885 .tox[dir=rtl] .tox-collection .tox-collection__item-caret {
 886   margin-right: 16px;
 887   transform: rotateY(180deg);
 888 }
 889 .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
 890   margin-right: 4px;
 891 }
 892 .tox .tox-color-picker-container {
 893   display: flex;
 894   flex-direction: row;
 895   height: 225px;
 896   margin: 0;
 897 }
 898 .tox .tox-sv-palette {
 899   box-sizing: border-box;
 900   display: flex;
 901   height: 100%;
 902 }
 903 .tox .tox-sv-palette-spectrum {
 904   height: 100%;
 905 }
 906 .tox .tox-sv-palette,
 907 .tox .tox-sv-palette-spectrum {
 908   width: 225px;
 909 }
 910 .tox .tox-sv-palette-thumb {
 911   background: none;
 912   border: 1px solid black;
 913   border-radius: 50%;
 914   box-sizing: content-box;
 915   height: 12px;
 916   position: absolute;
 917   width: 12px;
 918 }
 919 .tox .tox-sv-palette-inner-thumb {
 920   border: 1px solid white;
 921   border-radius: 50%;
 922   height: 10px;
 923   position: absolute;
 924   width: 10px;
 925 }
 926 .tox .tox-hue-slider {
 927   box-sizing: border-box;
 928   height: 100%;
 929   width: 25px;
 930 }
 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);
 933   height: 100%;
 934   width: 100%;
 935 }
 936 .tox .tox-hue-slider,
 937 .tox .tox-hue-slider-spectrum {
 938   width: 20px;
 939 }
 940 .tox .tox-hue-slider-thumb {
 941   background: white;
 942   border: 1px solid black;
 943   box-sizing: content-box;
 944   height: 4px;
 945   width: 100%;
 946 }
 947 .tox .tox-rgb-form {
 948   display: flex;
 949   flex-direction: column;
 950   justify-content: space-between;
 951 }
 952 .tox .tox-rgb-form div {
 953   align-items: center;
 954   display: flex;
 955   justify-content: space-between;
 956   margin-bottom: 5px;
 957   width: inherit;
 958 }
 959 .tox .tox-rgb-form input {
 960   width: 6em;
 961 }
 962 .tox .tox-rgb-form input.tox-invalid {
 963   /* Need !important to override Chrome's focus styling unfortunately */
 964   border: 1px solid red !important;
 965 }
 966 .tox .tox-rgb-form .tox-rgba-preview {
 967   border: 1px solid black;
 968   flex-grow: 2;
 969   margin-bottom: 0;
 970 }
 971 .tox:not([dir=rtl]) .tox-sv-palette {
 972   margin-right: 15px;
 973 }
 974 .tox:not([dir=rtl]) .tox-hue-slider {
 975   margin-right: 15px;
 976 }
 977 .tox:not([dir=rtl]) .tox-hue-slider-thumb {
 978   margin-left: -1px;
 979 }
 980 .tox:not([dir=rtl]) .tox-rgb-form label {
 981   margin-right: 0.5em;
 982 }
 983 .tox[dir=rtl] .tox-sv-palette {
 984   margin-left: 15px;
 985 }
 986 .tox[dir=rtl] .tox-hue-slider {
 987   margin-left: 15px;
 988 }
 989 .tox[dir=rtl] .tox-hue-slider-thumb {
 990   margin-right: -1px;
 991 }
 992 .tox[dir=rtl] .tox-rgb-form label {
 993   margin-left: 0.5em;
 994 }
 995 .tox .tox-toolbar .tox-swatches,
 996 .tox .tox-toolbar__primary .tox-swatches,
 997 .tox .tox-toolbar__overflow .tox-swatches {
 998   margin: 5px 0 6px 11px;
 999 }
1000 .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1001   border: 0;
1002   margin: -4px -4px;
1003 }
1004 .tox .tox-swatches__row {
1005   display: flex;
1006 }
1007 .tox .tox-swatch {
1008   height: 30px;
1009   transition: transform 0.15s, box-shadow 0.15s;
1010   width: 30px;
1011 }
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);
1016 }
1017 .tox .tox-swatch--remove {
1018   align-items: center;
1019   display: flex;
1020   justify-content: center;
1021 }
1022 .tox .tox-swatch--remove svg path {
1023   stroke: #e74c3c;
1024 }
1025 .tox .tox-swatches__picker-btn {
1026   align-items: center;
1027   background-color: transparent;
1028   border: 0;
1029   cursor: pointer;
1030   display: flex;
1031   height: 30px;
1032   justify-content: center;
1033   outline: none;
1034   padding: 0;
1035   width: 30px;
1036 }
1037 .tox .tox-swatches__picker-btn svg {
1038   fill: #222f3e;
1039   height: 24px;
1040   width: 24px;
1041 }
1042 .tox .tox-swatches__picker-btn:hover {
1043   background: #cce2fa;
1044 }
1045 .tox div.tox-swatch:not(.tox-swatch--remove) svg {
1046   display: none;
1047   fill: #222f3e;
1048   height: 24px;
1049   margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
1050   width: 24px;
1051 }
1052 .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
1053   fill: #fff;
1054   paint-order: stroke;
1055   stroke: #222f3e;
1056   stroke-width: 2px;
1057 }
1058 .tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
1059   display: block;
1060 }
1061 .tox:not([dir=rtl]) .tox-swatches__picker-btn {
1062   margin-left: auto;
1063 }
1064 .tox[dir=rtl] .tox-swatches__picker-btn {
1065   margin-right: auto;
1066 }
1067 .tox .tox-comment-thread {
1068   background: #fff;
1069   position: relative;
1070 }
1071 .tox .tox-comment-thread > *:not(:first-child) {
1072   margin-top: 8px;
1073 }
1074 .tox .tox-comment {
1075   background: #fff;
1076   border: 1px solid #eeeeee;
1077   border-radius: 6px;
1078   box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1079   padding: 8px 8px 16px 8px;
1080   position: relative;
1081 }
1082 .tox .tox-comment__header {
1083   align-items: center;
1084   color: #222f3e;
1085   display: flex;
1086   justify-content: space-between;
1087 }
1088 .tox .tox-comment__date {
1089   color: #222f3e;
1090   font-size: 12px;
1091   line-height: 18px;
1092 }
1093 .tox .tox-comment__body {
1094   color: #222f3e;
1095   font-size: 14px;
1096   font-style: normal;
1097   font-weight: normal;
1098   line-height: 1.3;
1099   margin-top: 8px;
1100   position: relative;
1101   text-transform: initial;
1102 }
1103 .tox .tox-comment__body textarea {
1104   resize: none;
1105   white-space: normal;
1106   width: 100%;
1107 }
1108 .tox .tox-comment__expander {
1109   padding-top: 8px;
1110 }
1111 .tox .tox-comment__expander p {
1112   color: rgba(34, 47, 62, 0.7);
1113   font-size: 14px;
1114   font-style: normal;
1115 }
1116 .tox .tox-comment__body p {
1117   margin: 0;
1118 }
1119 .tox .tox-comment__buttonspacing {
1120   padding-top: 16px;
1121   text-align: center;
1122 }
1123 .tox .tox-comment-thread__overlay::after {
1124   background: #fff;
1125   bottom: 0;
1126   content: "";
1127   display: flex;
1128   left: 0;
1129   opacity: 0.9;
1130   position: absolute;
1131   right: 0;
1132   top: 0;
1133   z-index: 5;
1134 }
1135 .tox .tox-comment__reply {
1136   display: flex;
1137   flex-shrink: 0;
1138   flex-wrap: wrap;
1139   justify-content: flex-end;
1140   margin-top: 8px;
1141 }
1142 .tox .tox-comment__reply > *:first-child {
1143   margin-bottom: 8px;
1144   width: 100%;
1145 }
1146 .tox .tox-comment__edit {
1147   display: flex;
1148   flex-wrap: wrap;
1149   justify-content: flex-end;
1150   margin-top: 16px;
1151 }
1152 .tox .tox-comment__gradient::after {
1153   background: linear-gradient(rgba(255, 255, 255, 0), #fff);
1154   bottom: 0;
1155   content: "";
1156   display: block;
1157   height: 5em;
1158   margin-top: -40px;
1159   position: absolute;
1160   width: 100%;
1161 }
1162 .tox .tox-comment__overlay {
1163   background: #fff;
1164   bottom: 0;
1165   display: flex;
1166   flex-direction: column;
1167   flex-grow: 1;
1168   left: 0;
1169   opacity: 0.9;
1170   position: absolute;
1171   right: 0;
1172   text-align: center;
1173   top: 0;
1174   z-index: 5;
1175 }
1176 .tox .tox-comment__loading-text {
1177   align-items: center;
1178   color: #222f3e;
1179   display: flex;
1180   flex-direction: column;
1181   position: relative;
1182 }
1183 .tox .tox-comment__loading-text > div {
1184   padding-bottom: 16px;
1185 }
1186 .tox .tox-comment__overlaytext {
1187   bottom: 0;
1188   flex-direction: column;
1189   font-size: 14px;
1190   left: 0;
1191   padding: 1em;
1192   position: absolute;
1193   right: 0;
1194   top: 0;
1195   z-index: 10;
1196 }
1197 .tox .tox-comment__overlaytext p {
1198   background-color: #fff;
1199   box-shadow: 0 0 8px 8px #fff;
1200   color: #222f3e;
1201   text-align: center;
1202 }
1203 .tox .tox-comment__overlaytext div:nth-of-type(2) {
1204   font-size: 0.8em;
1205 }
1206 .tox .tox-comment__busy-spinner {
1207   align-items: center;
1208   background-color: #fff;
1209   bottom: 0;
1210   display: flex;
1211   justify-content: center;
1212   left: 0;
1213   position: absolute;
1214   right: 0;
1215   top: 0;
1216   z-index: 20;
1217 }
1218 .tox .tox-comment__scroll {
1219   display: flex;
1220   flex-direction: column;
1221   flex-shrink: 1;
1222   overflow: auto;
1223 }
1224 .tox .tox-conversations {
1225   margin: 8px;
1226 }
1227 .tox:not([dir=rtl]) .tox-comment__edit {
1228   margin-left: 8px;
1229 }
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 {
1233   margin-left: 8px;
1234 }
1235 .tox[dir=rtl] .tox-comment__edit {
1236   margin-right: 8px;
1237 }
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 {
1241   margin-right: 8px;
1242 }
1243 .tox .tox-user {
1244   align-items: center;
1245   display: flex;
1246 }
1247 .tox .tox-user__avatar svg {
1248   fill: rgba(34, 47, 62, 0.7);
1249 }
1250 .tox .tox-user__avatar img {
1251   border-radius: 50%;
1252   height: 36px;
1253   object-fit: cover;
1254   vertical-align: middle;
1255   width: 36px;
1256 }
1257 .tox .tox-user__name {
1258   color: #222f3e;
1259   font-size: 14px;
1260   font-style: normal;
1261   font-weight: bold;
1262   line-height: 18px;
1263   text-transform: none;
1264 }
1265 .tox:not([dir=rtl]) .tox-user__avatar svg,
1266 .tox:not([dir=rtl]) .tox-user__avatar img {
1267   margin-right: 8px;
1268 }
1269 .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
1270   margin-left: 8px;
1271 }
1272 .tox[dir=rtl] .tox-user__avatar svg,
1273 .tox[dir=rtl] .tox-user__avatar img {
1274   margin-left: 8px;
1275 }
1276 .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
1277   margin-right: 8px;
1278 }
1279 .tox .tox-dialog-wrap {
1280   align-items: center;
1281   bottom: 0;
1282   display: flex;
1283   justify-content: center;
1284   left: 0;
1285   position: fixed;
1286   right: 0;
1287   top: 0;
1288   z-index: 1100;
1289 }
1290 .tox .tox-dialog-wrap__backdrop {
1291   background-color: rgba(255, 255, 255, 0.75);
1292   bottom: 0;
1293   left: 0;
1294   position: absolute;
1295   right: 0;
1296   top: 0;
1297   z-index: 1;
1298 }
1299 .tox .tox-dialog-wrap__backdrop--opaque {
1300   background-color: #fff;
1301 }
1302 .tox .tox-dialog {
1303   background-color: #fff;
1304   border-color: #eeeeee;
1305   border-radius: 10px;
1306   border-style: solid;
1307   border-width: 0px;
1308   box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
1309   display: flex;
1310   flex-direction: column;
1311   max-height: 100%;
1312   max-width: 480px;
1313   overflow: hidden;
1314   position: relative;
1315   width: 95vw;
1316   z-index: 2;
1317 }
1318 @media only screen and (max-width: 767px ) {
1319   body:not(.tox-force-desktop) .tox .tox-dialog {
1320     align-self: flex-start;
1321     margin: 8px auto;
1322     max-height: calc(100vh - 8px * 2);
1323     width: calc(100vw - 16px);
1324   }
1325 }
1326 .tox .tox-dialog-inline {
1327   z-index: 1100;
1328 }
1329 .tox .tox-dialog__header {
1330   align-items: center;
1331   background-color: #fff;
1332   border-bottom: none;
1333   color: #222f3e;
1334   display: flex;
1335   font-size: 16px;
1336   justify-content: space-between;
1337   padding: 8px 16px 0 16px;
1338   position: relative;
1339 }
1340 .tox .tox-dialog__header .tox-button {
1341   z-index: 1;
1342 }
1343 .tox .tox-dialog__draghandle {
1344   cursor: grab;
1345   height: 100%;
1346   left: 0;
1347   position: absolute;
1348   top: 0;
1349   width: 100%;
1350 }
1351 .tox .tox-dialog__draghandle:active {
1352   cursor: grabbing;
1353 }
1354 .tox .tox-dialog__dismiss {
1355   margin-left: auto;
1356 }
1357 .tox .tox-dialog__title {
1358   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1359   font-size: 20px;
1360   font-style: normal;
1361   font-weight: normal;
1362   line-height: 1.3;
1363   margin: 0;
1364   text-transform: none;
1365 }
1366 .tox .tox-dialog__body {
1367   color: #222f3e;
1368   display: flex;
1369   flex: 1;
1370   font-size: 16px;
1371   font-style: normal;
1372   font-weight: normal;
1373   line-height: 1.3;
1374   min-width: 0;
1375   text-align: left;
1376   text-transform: none;
1377 }
1378 @media only screen and (max-width: 767px ) {
1379   body:not(.tox-force-desktop) .tox .tox-dialog__body {
1380     flex-direction: column;
1381   }
1382 }
1383 .tox .tox-dialog__body-nav {
1384   align-items: flex-start;
1385   display: flex;
1386   flex-direction: column;
1387   flex-shrink: 0;
1388   padding: 16px 16px;
1389 }
1390 @media only screen and (min-width: 768px ) {
1391   .tox .tox-dialog__body-nav {
1392     max-width: 11em;
1393   }
1394 }
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;
1399     overflow-x: auto;
1400     padding-bottom: 0;
1401   }
1402 }
1403 .tox .tox-dialog__body-nav-item {
1404   border-bottom: 2px solid transparent;
1405   color: rgba(34, 47, 62, 0.7);
1406   display: inline-block;
1407   flex-shrink: 0;
1408   font-size: 14px;
1409   line-height: 1.3;
1410   margin-bottom: 8px;
1411   max-width: 13em;
1412   text-decoration: none;
1413 }
1414 .tox .tox-dialog__body-nav-item:focus {
1415   background-color: rgba(0, 108, 231, 0.1);
1416 }
1417 .tox .tox-dialog__body-nav-item--active {
1418   border-bottom: 2px solid #006ce7;
1419   color: #006ce7;
1420 }
1421 .tox .tox-dialog__body-content {
1422   box-sizing: border-box;
1423   display: flex;
1424   flex: 1;
1425   flex-direction: column;
1426   max-height: min(650px, calc(100vh - 110px));
1427   overflow: auto;
1428   -webkit-overflow-scrolling: touch;
1429   padding: 16px 16px;
1430 }
1431 .tox .tox-dialog__body-content > * {
1432   margin-bottom: 0;
1433   margin-top: 16px;
1434 }
1435 .tox .tox-dialog__body-content > *:first-child {
1436   margin-top: 0;
1437 }
1438 .tox .tox-dialog__body-content > *:last-child {
1439   margin-bottom: 0;
1440 }
1441 .tox .tox-dialog__body-content > *:only-child {
1442   margin-bottom: 0;
1443   margin-top: 0;
1444 }
1445 .tox .tox-dialog__body-content a {
1446   color: #006ce7;
1447   cursor: pointer;
1448   text-decoration: none;
1449 }
1450 .tox .tox-dialog__body-content a:hover,
1451 .tox .tox-dialog__body-content a:focus {
1452   color: #0054b4;
1453   text-decoration: none;
1454 }
1455 .tox .tox-dialog__body-content a:active {
1456   color: #0054b4;
1457   text-decoration: none;
1458 }
1459 .tox .tox-dialog__body-content svg {
1460   fill: #222f3e;
1461 }
1462 .tox .tox-dialog__body-content strong {
1463   font-weight: bold;
1464 }
1465 .tox .tox-dialog__body-content ul {
1466   list-style-type: disc;
1467 }
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;
1472 }
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;
1477 }
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 {
1483   display: block;
1484   margin-inline-end: 0;
1485   margin-inline-start: 0;
1486 }
1487 .tox .tox-dialog__body-content .tox-form__group h1 {
1488   color: #222f3e;
1489   font-size: 20px;
1490   font-style: normal;
1491   font-weight: bold;
1492   letter-spacing: normal;
1493   margin-bottom: 16px;
1494   margin-top: 2rem;
1495   text-transform: none;
1496 }
1497 .tox .tox-dialog__body-content .tox-form__group h2 {
1498   color: #222f3e;
1499   font-size: 16px;
1500   font-style: normal;
1501   font-weight: bold;
1502   letter-spacing: normal;
1503   margin-bottom: 16px;
1504   margin-top: 2rem;
1505   text-transform: none;
1506 }
1507 .tox .tox-dialog__body-content .tox-form__group p {
1508   margin-bottom: 16px;
1509 }
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 {
1513   margin-top: 0;
1514 }
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 {
1518   margin-bottom: 0;
1519 }
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 {
1523   margin-bottom: 0;
1524   margin-top: 0;
1525 }
1526 .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
1527   text-align: center;
1528 }
1529 .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
1530   text-align: end;
1531 }
1532 .tox .tox-dialog--width-lg {
1533   height: 650px;
1534   max-width: 1200px;
1535 }
1536 .tox .tox-dialog--fullscreen {
1537   height: 100%;
1538   max-width: 100%;
1539 }
1540 .tox .tox-dialog--fullscreen .tox-dialog__body-content {
1541   max-height: 100%;
1542 }
1543 .tox .tox-dialog--width-md {
1544   max-width: 800px;
1545 }
1546 .tox .tox-dialog--width-md .tox-dialog__body-content {
1547   overflow: auto;
1548 }
1549 .tox .tox-dialog__body-content--centered {
1550   text-align: center;
1551 }
1552 .tox .tox-dialog__footer {
1553   align-items: center;
1554   background-color: #fff;
1555   border-top: none;
1556   display: flex;
1557   justify-content: space-between;
1558   padding: 8px 16px;
1559 }
1560 .tox .tox-dialog__footer-start,
1561 .tox .tox-dialog__footer-end {
1562   display: flex;
1563 }
1564 .tox .tox-dialog__busy-spinner {
1565   align-items: center;
1566   background-color: rgba(255, 255, 255, 0.75);
1567   bottom: 0;
1568   display: flex;
1569   justify-content: center;
1570   left: 0;
1571   position: absolute;
1572   right: 0;
1573   top: 0;
1574   z-index: 3;
1575 }
1576 .tox .tox-dialog__table {
1577   border-collapse: collapse;
1578   width: 100%;
1579 }
1580 .tox .tox-dialog__table thead th {
1581   font-weight: bold;
1582   padding-bottom: 8px;
1583 }
1584 .tox .tox-dialog__table thead th:first-child {
1585   padding-right: 8px;
1586 }
1587 .tox .tox-dialog__table tbody tr {
1588   border-bottom: 1px solid #626262;
1589 }
1590 .tox .tox-dialog__table tbody tr:last-child {
1591   border-bottom: none;
1592 }
1593 .tox .tox-dialog__table td {
1594   padding-bottom: 8px;
1595   padding-top: 8px;
1596 }
1597 .tox .tox-dialog__table td:first-child {
1598   padding-right: 8px;
1599 }
1600 .tox .tox-dialog__iframe {
1601   min-height: 200px;
1602 }
1603 .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
1604   background: #fff;
1605 }
1606 .tox .tox-navobj-bordered {
1607   position: relative;
1608 }
1609 .tox .tox-navobj-bordered::before {
1610   border: 1px solid #eeeeee;
1611   border-radius: 6px;
1612   content: '';
1613   inset: 0;
1614   opacity: 1;
1615   pointer-events: none;
1616   position: absolute;
1617   z-index: 1;
1618 }
1619 .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1620   border-color: #006ce7;
1621   box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
1622   outline: none;
1623 }
1624 .tox .tox-dialog__popups {
1625   position: absolute;
1626   width: 100%;
1627   z-index: 1100;
1628 }
1629 .tox .tox-dialog__body-iframe {
1630   display: flex;
1631   flex: 1;
1632   flex-direction: column;
1633 }
1634 .tox .tox-dialog__body-iframe .tox-navobj {
1635   display: flex;
1636   flex: 1;
1637 }
1638 .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1639   flex: 1;
1640   height: 100%;
1641 }
1642 .tox .tox-dialog-dock-fadeout {
1643   opacity: 0;
1644   visibility: hidden;
1645 }
1646 .tox .tox-dialog-dock-fadein {
1647   opacity: 1;
1648   visibility: visible;
1649 }
1650 .tox .tox-dialog-dock-transition {
1651   transition: visibility 0s linear 0.3s, opacity 0.3s ease;
1652 }
1653 .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1654   transition-delay: 0s;
1655 }
1656 @media only screen and (max-width: 767px ) {
1657   body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
1658     margin-right: 0;
1659   }
1660 }
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) {
1663     margin-left: 8px;
1664   }
1665 }
1666 .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
1667 .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
1668   margin-left: 8px;
1669 }
1670 .tox[dir=rtl] .tox-dialog__body {
1671   text-align: right;
1672 }
1673 @media only screen and (max-width: 767px ) {
1674   body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
1675     margin-left: 0;
1676   }
1677 }
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) {
1680     margin-right: 8px;
1681   }
1682 }
1683 .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
1684 .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
1685   margin-right: 8px;
1686 }
1687 body.tox-dialog__disable-scroll {
1688   overflow: hidden;
1689 }
1690 .tox .tox-dropzone-container {
1691   display: flex;
1692   flex: 1;
1693 }
1694 .tox .tox-dropzone {
1695   align-items: center;
1696   background: #fff;
1697   border: 2px dashed #eeeeee;
1698   box-sizing: border-box;
1699   display: flex;
1700   flex-direction: column;
1701   flex-grow: 1;
1702   justify-content: center;
1703   min-height: 100px;
1704   padding: 10px;
1705 }
1706 .tox .tox-dropzone p {
1707   color: rgba(34, 47, 62, 0.7);
1708   margin: 0 0 16px 0;
1709 }
1710 .tox .tox-edit-area {
1711   display: flex;
1712   flex: 1;
1713   overflow: hidden;
1714   position: relative;
1715 }
1716 .tox .tox-edit-area::before {
1717   border: 2px solid #2D6ADF;
1718   border-radius: 4px;
1719   content: '';
1720   inset: 0;
1721   opacity: 0;
1722   pointer-events: none;
1723   position: absolute;
1724   transition: opacity 0.15s;
1725   z-index: 1;
1726 }
1727 .tox .tox-edit-area__iframe {
1728   background-color: #fff;
1729   border: 0;
1730   box-sizing: border-box;
1731   flex: 1;
1732   height: 100%;
1733   position: absolute;
1734   width: 100%;
1735 }
1736 .tox.tox-edit-focus .tox-edit-area::before {
1737   opacity: 1;
1738 }
1739 .tox.tox-inline-edit-area {
1740   border: 1px dotted #eeeeee;
1741 }
1742 .tox .tox-editor-container {
1743   display: flex;
1744   flex: 1 1 auto;
1745   flex-direction: column;
1746   overflow: hidden;
1747 }
1748 .tox .tox-editor-header {
1749   display: grid;
1750   grid-template-columns: 1fr min-content;
1751   z-index: 2;
1752 }
1753 .tox:not(.tox-tinymce-inline) .tox-editor-header {
1754   background-color: #fff;
1755   border-bottom: none;
1756   box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
1757   padding: 4px 0;
1758 }
1759 .tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
1760   transition: box-shadow 0.5s;
1761 }
1762 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
1763   border-top: 1px solid #e3e3e3;
1764   box-shadow: none;
1765 }
1766 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
1767   background-color: #fff;
1768   box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
1769   padding: 4px 0;
1770 }
1771 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
1772   box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
1773 }
1774 .tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
1775   background: none;
1776   border: none;
1777   box-shadow: none;
1778   padding: 0;
1779 }
1780 .tox-editor-dock-fadeout {
1781   opacity: 0;
1782   visibility: hidden;
1783 }
1784 .tox-editor-dock-fadein {
1785   opacity: 1;
1786   visibility: visible;
1787 }
1788 .tox-editor-dock-transition {
1789   transition: visibility 0s linear 0.25s, opacity 0.25s ease;
1790 }
1791 .tox-editor-dock-transition.tox-editor-dock-fadein {
1792   transition-delay: 0s;
1793 }
1794 .tox .tox-control-wrap {
1795   flex: 1;
1796   position: relative;
1797 }
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 {
1801   display: none;
1802 }
1803 .tox .tox-control-wrap svg {
1804   display: block;
1805 }
1806 .tox .tox-control-wrap__status-icon-wrap {
1807   position: absolute;
1808   top: 50%;
1809   transform: translateY(-50%);
1810 }
1811 .tox .tox-control-wrap__status-icon-invalid svg {
1812   fill: #c00;
1813 }
1814 .tox .tox-control-wrap__status-icon-unknown svg {
1815   fill: orange;
1816 }
1817 .tox .tox-control-wrap__status-icon-valid svg {
1818   fill: green;
1819 }
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;
1824 }
1825 .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
1826   right: 4px;
1827 }
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 {
1831   padding-left: 32px;
1832 }
1833 .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
1834   left: 4px;
1835 }
1836 .tox .tox-autocompleter {
1837   max-width: 25em;
1838 }
1839 .tox .tox-autocompleter .tox-menu {
1840   box-sizing: border-box;
1841   max-width: 25em;
1842 }
1843 .tox .tox-autocompleter .tox-autocompleter-highlight {
1844   font-weight: bold;
1845 }
1846 .tox .tox-color-input {
1847   display: flex;
1848   position: relative;
1849   z-index: 1;
1850 }
1851 .tox .tox-color-input .tox-textfield {
1852   z-index: -1;
1853 }
1854 .tox .tox-color-input span {
1855   border-color: rgba(34, 47, 62, 0.2);
1856   border-radius: 6px;
1857   border-style: solid;
1858   border-width: 1px;
1859   box-shadow: none;
1860   box-sizing: border-box;
1861   height: 24px;
1862   position: absolute;
1863   top: 6px;
1864   width: 24px;
1865 }
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: #006ce7;
1869   cursor: pointer;
1870 }
1871 .tox .tox-color-input span::before {
1872   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%);
1873   background-position: 0 0, 0 6px, 6px -6px, -6px 0;
1874   background-size: 12px 12px;
1875   border: 1px solid #fff;
1876   border-radius: 6px;
1877   box-sizing: border-box;
1878   content: '';
1879   height: 24px;
1880   left: -1px;
1881   position: absolute;
1882   top: -1px;
1883   width: 24px;
1884   z-index: -1;
1885 }
1886 .tox .tox-color-input span[aria-disabled=true] {
1887   cursor: not-allowed;
1888 }
1889 .tox:not([dir=rtl]) .tox-color-input {
1890   /* stylelint-disable-next-line no-descending-specificity */
1891 }
1892 .tox:not([dir=rtl]) .tox-color-input .tox-textfield {
1893   padding-left: 36px;
1894 }
1895 .tox:not([dir=rtl]) .tox-color-input span {
1896   left: 6px;
1897 }
1898 .tox[dir="rtl"] .tox-color-input {
1899   /* stylelint-disable-next-line no-descending-specificity */
1900 }
1901 .tox[dir="rtl"] .tox-color-input .tox-textfield {
1902   padding-right: 36px;
1903 }
1904 .tox[dir="rtl"] .tox-color-input span {
1905   right: 6px;
1906 }
1907 .tox .tox-label,
1908 .tox .tox-toolbar-label {
1909   color: rgba(34, 47, 62, 0.7);
1910   display: block;
1911   font-size: 14px;
1912   font-style: normal;
1913   font-weight: normal;
1914   line-height: 1.3;
1915   padding: 0 8px 0 0;
1916   text-transform: none;
1917   white-space: nowrap;
1918 }
1919 .tox .tox-toolbar-label {
1920   padding: 0 8px;
1921 }
1922 .tox[dir=rtl] .tox-label {
1923   padding: 0 0 0 8px;
1924 }
1925 .tox .tox-form {
1926   display: flex;
1927   flex: 1;
1928   flex-direction: column;
1929 }
1930 .tox .tox-form__group {
1931   box-sizing: border-box;
1932   margin-bottom: 4px;
1933 }
1934 .tox .tox-form-group--maximize {
1935   flex: 1;
1936 }
1937 .tox .tox-form__group--error {
1938   color: #c00;
1939 }
1940 .tox .tox-form__group--collection {
1941   display: flex;
1942 }
1943 .tox .tox-form__grid {
1944   display: flex;
1945   flex-direction: row;
1946   flex-wrap: wrap;
1947   justify-content: space-between;
1948 }
1949 .tox .tox-form__grid--2col > .tox-form__group {
1950   width: calc(50% - (8px / 2));
1951 }
1952 .tox .tox-form__grid--3col > .tox-form__group {
1953   width: calc(100% / 3 - (8px / 2));
1954 }
1955 .tox .tox-form__grid--4col > .tox-form__group {
1956   width: calc(25% - (8px / 2));
1957 }
1958 .tox .tox-form__controls-h-stack {
1959   align-items: center;
1960   display: flex;
1961 }
1962 .tox .tox-form__group--inline {
1963   align-items: center;
1964   display: flex;
1965 }
1966 .tox .tox-form__group--stretched {
1967   display: flex;
1968   flex: 1;
1969   flex-direction: column;
1970 }
1971 .tox .tox-form__group--stretched .tox-textarea {
1972   flex: 1;
1973 }
1974 .tox .tox-form__group--stretched .tox-navobj {
1975   display: flex;
1976   flex: 1;
1977 }
1978 .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
1979   flex: 1;
1980   height: 100%;
1981 }
1982 .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
1983   margin-left: 4px;
1984 }
1985 .tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
1986   margin-right: 4px;
1987 }
1988 .tox .tox-lock.tox-locked .tox-lock-icon__unlock,
1989 .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
1990   display: none;
1991 }
1992 .tox .tox-textfield,
1993 .tox .tox-toolbar-textfield,
1994 .tox .tox-listboxfield .tox-listbox--select,
1995 .tox .tox-textarea,
1996 .tox .tox-textarea-wrap .tox-textarea:focus {
1997   -webkit-appearance: none;
1998      -moz-appearance: none;
1999           appearance: none;
2000   background-color: #fff;
2001   border-color: #eeeeee;
2002   border-radius: 6px;
2003   border-style: solid;
2004   border-width: 1px;
2005   box-shadow: none;
2006   box-sizing: border-box;
2007   color: #222f3e;
2008   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2009   font-size: 16px;
2010   line-height: 24px;
2011   margin: 0;
2012   min-height: 34px;
2013   outline: none;
2014   padding: 5px 5.5px;
2015   resize: none;
2016   width: 100%;
2017 }
2018 .tox .tox-textfield[disabled],
2019 .tox .tox-textarea[disabled] {
2020   background-color: #f2f2f2;
2021   color: rgba(34, 47, 62, 0.85);
2022   cursor: not-allowed;
2023 }
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: #fff;
2030   border-color: #006ce7;
2031   box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2032   outline: none;
2033 }
2034 .tox .tox-toolbar-textfield {
2035   border-width: 0;
2036   margin-bottom: 3px;
2037   margin-top: 2px;
2038   max-width: 250px;
2039 }
2040 .tox .tox-naked-btn {
2041   background-color: transparent;
2042   border: 0;
2043   border-color: transparent;
2044   box-shadow: unset;
2045   color: #006ce7;
2046   cursor: pointer;
2047   display: block;
2048   margin: 0;
2049   padding: 0;
2050 }
2051 .tox .tox-naked-btn svg {
2052   display: block;
2053   fill: #222f3e;
2054 }
2055 .tox:not([dir=rtl]) .tox-toolbar-textfield + * {
2056   margin-left: 4px;
2057 }
2058 .tox[dir=rtl] .tox-toolbar-textfield + * {
2059   margin-right: 4px;
2060 }
2061 .tox .tox-listboxfield {
2062   cursor: pointer;
2063   position: relative;
2064 }
2065 .tox .tox-listboxfield .tox-listbox--select[disabled] {
2066   background-color: #f2f2f2;
2067   color: rgba(34, 47, 62, 0.85);
2068   cursor: not-allowed;
2069 }
2070 .tox .tox-listbox__select-label {
2071   cursor: default;
2072   flex: 1;
2073   margin: 0 4px;
2074 }
2075 .tox .tox-listbox__select-chevron {
2076   align-items: center;
2077   display: flex;
2078   justify-content: center;
2079   width: 16px;
2080 }
2081 .tox .tox-listbox__select-chevron svg {
2082   fill: #222f3e;
2083 }
2084 .tox .tox-listboxfield .tox-listbox--select {
2085   align-items: center;
2086   display: flex;
2087 }
2088 .tox:not([dir=rtl]) .tox-listboxfield svg {
2089   right: 8px;
2090 }
2091 .tox[dir=rtl] .tox-listboxfield svg {
2092   left: 8px;
2093 }
2094 .tox .tox-selectfield {
2095   cursor: pointer;
2096   position: relative;
2097 }
2098 .tox .tox-selectfield select {
2099   -webkit-appearance: none;
2100      -moz-appearance: none;
2101           appearance: none;
2102   background-color: #fff;
2103   border-color: #eeeeee;
2104   border-radius: 6px;
2105   border-style: solid;
2106   border-width: 1px;
2107   box-shadow: none;
2108   box-sizing: border-box;
2109   color: #222f3e;
2110   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2111   font-size: 16px;
2112   line-height: 24px;
2113   margin: 0;
2114   min-height: 34px;
2115   outline: none;
2116   padding: 5px 5.5px;
2117   resize: none;
2118   width: 100%;
2119 }
2120 .tox .tox-selectfield select[disabled] {
2121   background-color: #f2f2f2;
2122   color: rgba(34, 47, 62, 0.85);
2123   cursor: not-allowed;
2124 }
2125 .tox .tox-selectfield select::-ms-expand {
2126   display: none;
2127 }
2128 .tox .tox-selectfield select:focus {
2129   background-color: #fff;
2130   border-color: #006ce7;
2131   box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2132   outline: none;
2133 }
2134 .tox .tox-selectfield svg {
2135   pointer-events: none;
2136   position: absolute;
2137   top: 50%;
2138   transform: translateY(-50%);
2139 }
2140 .tox:not([dir=rtl]) .tox-selectfield select[size="0"],
2141 .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
2142   padding-right: 24px;
2143 }
2144 .tox:not([dir=rtl]) .tox-selectfield svg {
2145   right: 8px;
2146 }
2147 .tox[dir=rtl] .tox-selectfield select[size="0"],
2148 .tox[dir=rtl] .tox-selectfield select[size="1"] {
2149   padding-left: 24px;
2150 }
2151 .tox[dir=rtl] .tox-selectfield svg {
2152   left: 8px;
2153 }
2154 .tox .tox-textarea-wrap {
2155   border-color: #eeeeee;
2156   border-radius: 6px;
2157   border-style: solid;
2158   border-width: 1px;
2159   display: flex;
2160   flex: 1;
2161   overflow: hidden;
2162 }
2163 .tox .tox-textarea {
2164   -webkit-appearance: textarea;
2165      -moz-appearance: textarea;
2166           appearance: textarea;
2167   white-space: pre-wrap;
2168 }
2169 .tox .tox-textarea-wrap .tox-textarea {
2170   border: none;
2171 }
2172 .tox .tox-textarea-wrap .tox-textarea:focus {
2173   border: none;
2174 }
2175 .tox-fullscreen {
2176   border: 0;
2177   height: 100%;
2178   margin: 0;
2179   overflow: hidden;
2180   overscroll-behavior: none;
2181   padding: 0;
2182   touch-action: pinch-zoom;
2183   width: 100%;
2184 }
2185 .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
2186   display: none;
2187 }
2188 .tox.tox-tinymce.tox-fullscreen,
2189 .tox-shadowhost.tox-fullscreen {
2190   left: 0;
2191   position: fixed;
2192   top: 0;
2193   z-index: 1200;
2194 }
2195 .tox.tox-tinymce.tox-fullscreen {
2196   background-color: transparent;
2197 }
2198 .tox-fullscreen .tox.tox-tinymce-aux,
2199 .tox-fullscreen ~ .tox.tox-tinymce-aux {
2200   z-index: 1201;
2201 }
2202 .tox .tox-help__more-link {
2203   list-style: none;
2204   margin-top: 1em;
2205 }
2206 .tox .tox-imagepreview {
2207   background-color: #666;
2208   height: 380px;
2209   overflow: hidden;
2210   position: relative;
2211   width: 100%;
2212 }
2213 .tox .tox-imagepreview.tox-imagepreview__loaded {
2214   overflow: auto;
2215 }
2216 .tox .tox-imagepreview__container {
2217   display: flex;
2218   left: 100vw;
2219   position: absolute;
2220   top: 100vw;
2221 }
2222 .tox .tox-imagepreview__image {
2223   background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
2224 }
2225 .tox .tox-image-tools .tox-spacer {
2226   flex: 1;
2227 }
2228 .tox .tox-image-tools .tox-bar {
2229   align-items: center;
2230   display: flex;
2231   height: 60px;
2232   justify-content: center;
2233 }
2234 .tox .tox-image-tools .tox-imagepreview,
2235 .tox .tox-image-tools .tox-imagepreview + .tox-bar {
2236   margin-top: 8px;
2237 }
2238 .tox .tox-image-tools .tox-croprect-block {
2239   background: black;
2240   filter: alpha(opacity=50);
2241   opacity: 0.5;
2242   position: absolute;
2243   zoom: 1;
2244 }
2245 .tox .tox-image-tools .tox-croprect-handle {
2246   border: 2px solid white;
2247   height: 20px;
2248   left: 0;
2249   position: absolute;
2250   top: 0;
2251   width: 20px;
2252 }
2253 .tox .tox-image-tools .tox-croprect-handle-move {
2254   border: 0;
2255   cursor: move;
2256   position: absolute;
2257 }
2258 .tox .tox-image-tools .tox-croprect-handle-nw {
2259   border-width: 2px 0 0 2px;
2260   cursor: nw-resize;
2261   left: 100px;
2262   margin: -2px 0 0 -2px;
2263   top: 100px;
2264 }
2265 .tox .tox-image-tools .tox-croprect-handle-ne {
2266   border-width: 2px 2px 0 0;
2267   cursor: ne-resize;
2268   left: 200px;
2269   margin: -2px 0 0 -20px;
2270   top: 100px;
2271 }
2272 .tox .tox-image-tools .tox-croprect-handle-sw {
2273   border-width: 0 0 2px 2px;
2274   cursor: sw-resize;
2275   left: 100px;
2276   margin: -20px 2px 0 -2px;
2277   top: 200px;
2278 }
2279 .tox .tox-image-tools .tox-croprect-handle-se {
2280   border-width: 0 2px 2px 0;
2281   cursor: se-resize;
2282   left: 200px;
2283   margin: -20px 0 0 -20px;
2284   top: 200px;
2285 }
2286 .tox .tox-insert-table-picker {
2287   display: flex;
2288   flex-wrap: wrap;
2289   width: 170px;
2290 }
2291 .tox .tox-insert-table-picker > div {
2292   border-color: #eeeeee;
2293   border-style: solid;
2294   border-width: 0 1px 1px 0;
2295   box-sizing: border-box;
2296   height: 17px;
2297   width: 17px;
2298 }
2299 .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2300   margin: -4px -4px;
2301 }
2302 .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2303   background-color: rgba(0, 108, 231, 0.5);
2304   border-color: rgba(0, 108, 231, 0.5);
2305 }
2306 .tox .tox-insert-table-picker__label {
2307   color: rgba(34, 47, 62, 0.7);
2308   display: block;
2309   font-size: 14px;
2310   padding: 4px;
2311   text-align: center;
2312   width: 100%;
2313 }
2314 .tox:not([dir=rtl]) {
2315   /* stylelint-disable-next-line no-descending-specificity */
2316 }
2317 .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
2318   border-right: 0;
2319 }
2320 .tox[dir=rtl] {
2321   /* stylelint-disable-next-line no-descending-specificity */
2322 }
2323 .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
2324   border-right: 0;
2325 }
2326 .tox {
2327   /* stylelint-disable */
2328   /* stylelint-enable */
2329 }
2330 .tox .tox-menu {
2331   background-color: #fff;
2332   border: 1px solid transparent;
2333   border-radius: 6px;
2334   box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
2335   display: inline-block;
2336   overflow: hidden;
2337   vertical-align: top;
2338   z-index: 1150;
2339 }
2340 .tox .tox-menu.tox-collection.tox-collection--list {
2341   padding: 0 4px;
2342 }
2343 .tox .tox-menu.tox-collection.tox-collection--toolbar {
2344   padding: 8px;
2345 }
2346 .tox .tox-menu.tox-collection.tox-collection--grid {
2347   padding: 8px;
2348 }
2349 @media only screen and (min-width: 768px ) {
2350   .tox .tox-menu .tox-collection__item-label {
2351     overflow-wrap: break-word;
2352     word-break: normal;
2353   }
2354 }
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 {
2364   margin: 0;
2365 }
2366 .tox .tox-menubar {
2367   background: repeating-linear-gradient(transparent 0px 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2368   background-color: #fff;
2369   display: flex;
2370   flex: 0 0 auto;
2371   flex-shrink: 0;
2372   flex-wrap: wrap;
2373   grid-column: 1 / -1;
2374   grid-row: 1;
2375   padding: 0 11px 0 12px;
2376 }
2377 .tox .tox-promotion + .tox-menubar {
2378   grid-column: 1;
2379 }
2380 .tox .tox-promotion {
2381   background: repeating-linear-gradient(transparent 0px 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2382   background-color: #fff;
2383   grid-column: 2;
2384   grid-row: 1;
2385   padding-inline-end: 8px;
2386   padding-inline-start: 4px;
2387   padding-top: 5px;
2388 }
2389 .tox .tox-promotion-link {
2390   align-items: unsafe center;
2391   background-color: #E8F1F8;
2392   border-radius: 5px;
2393   color: #086BE6;
2394   cursor: pointer;
2395   display: flex;
2396   font-size: 14px;
2397   height: 26.6px;
2398   padding: 4px 8px;
2399   white-space: nowrap;
2400 }
2401 .tox .tox-promotion-link:hover {
2402   background-color: #B4D7FF;
2403 }
2404 .tox .tox-promotion-link:focus {
2405   background-color: #D9EDF7;
2406 }
2407 /* Deprecated. Remove in next major release */
2408 .tox .tox-mbtn {
2409   align-items: center;
2410   background: transparent;
2411   border: 0;
2412   border-radius: 3px;
2413   box-shadow: none;
2414   color: #222f3e;
2415   display: flex;
2416   flex: 0 0 auto;
2417   font-size: 14px;
2418   font-style: normal;
2419   font-weight: normal;
2420   height: 28px;
2421   justify-content: center;
2422   margin: 5px 1px 6px 0;
2423   outline: none;
2424   overflow: hidden;
2425   padding: 0 4px;
2426   text-transform: none;
2427   width: auto;
2428 }
2429 .tox .tox-mbtn[disabled] {
2430   background-color: transparent;
2431   border: 0;
2432   box-shadow: none;
2433   color: rgba(34, 47, 62, 0.5);
2434   cursor: not-allowed;
2435 }
2436 .tox .tox-mbtn:focus:not(:disabled) {
2437   background: #cce2fa;
2438   border: 0;
2439   box-shadow: none;
2440   color: #222f3e;
2441 }
2442 .tox .tox-mbtn--active {
2443   background: #a6ccf7;
2444   border: 0;
2445   box-shadow: none;
2446   color: #222f3e;
2447 }
2448 .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2449   background: #cce2fa;
2450   border: 0;
2451   box-shadow: none;
2452   color: #222f3e;
2453 }
2454 .tox .tox-mbtn__select-label {
2455   cursor: default;
2456   font-weight: normal;
2457   margin: 0 4px;
2458 }
2459 .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
2460   cursor: not-allowed;
2461 }
2462 .tox .tox-mbtn__select-chevron {
2463   align-items: center;
2464   display: flex;
2465   justify-content: center;
2466   width: 16px;
2467   display: none;
2468 }
2469 .tox .tox-notification {
2470   border-radius: 6px;
2471   border-style: solid;
2472   border-width: 1px;
2473   box-shadow: none;
2474   box-sizing: border-box;
2475   display: grid;
2476   font-size: 14px;
2477   font-weight: normal;
2478   grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2479   margin-top: 4px;
2480   opacity: 0;
2481   padding: 4px;
2482   transition: transform 100ms ease-in, opacity 150ms ease-in;
2483 }
2484 .tox .tox-notification p {
2485   font-size: 14px;
2486   font-weight: normal;
2487 }
2488 .tox .tox-notification a {
2489   cursor: pointer;
2490   text-decoration: underline;
2491 }
2492 .tox .tox-notification--in {
2493   opacity: 1;
2494 }
2495 .tox .tox-notification--success {
2496   background-color: #e4eeda;
2497   border-color: #d7e6c8;
2498   color: #222f3e;
2499 }
2500 .tox .tox-notification--success p {
2501   color: #222f3e;
2502 }
2503 .tox .tox-notification--success a {
2504   color: #517342;
2505 }
2506 .tox .tox-notification--success svg {
2507   fill: #222f3e;
2508 }
2509 .tox .tox-notification--error {
2510   background-color: #f5cccc;
2511   border-color: #f0b3b3;
2512   color: #222f3e;
2513 }
2514 .tox .tox-notification--error p {
2515   color: #222f3e;
2516 }
2517 .tox .tox-notification--error a {
2518   color: #77181f;
2519 }
2520 .tox .tox-notification--error svg {
2521   fill: #222f3e;
2522 }
2523 .tox .tox-notification--warn,
2524 .tox .tox-notification--warning {
2525   background-color: #fff5cc;
2526   border-color: #fff0b3;
2527   color: #222f3e;
2528 }
2529 .tox .tox-notification--warn p,
2530 .tox .tox-notification--warning p {
2531   color: #222f3e;
2532 }
2533 .tox .tox-notification--warn a,
2534 .tox .tox-notification--warning a {
2535   color: #7a6e25;
2536 }
2537 .tox .tox-notification--warn svg,
2538 .tox .tox-notification--warning svg {
2539   fill: #222f3e;
2540 }
2541 .tox .tox-notification--info {
2542   background-color: #d6e7fb;
2543   border-color: #c1dbf9;
2544   color: #222f3e;
2545 }
2546 .tox .tox-notification--info p {
2547   color: #222f3e;
2548 }
2549 .tox .tox-notification--info a {
2550   color: #2a64a6;
2551 }
2552 .tox .tox-notification--info svg {
2553   fill: #222f3e;
2554 }
2555 .tox .tox-notification__body {
2556   align-self: center;
2557   color: #222f3e;
2558   font-size: 14px;
2559   grid-column-end: 3;
2560   grid-column-start: 2;
2561   grid-row-end: 2;
2562   grid-row-start: 1;
2563   text-align: center;
2564   white-space: normal;
2565   word-break: break-all;
2566   word-break: break-word;
2567 }
2568 .tox .tox-notification__body > * {
2569   margin: 0;
2570 }
2571 .tox .tox-notification__body > * + * {
2572   margin-top: 1rem;
2573 }
2574 .tox .tox-notification__icon {
2575   align-self: center;
2576   grid-column-end: 2;
2577   grid-column-start: 1;
2578   grid-row-end: 2;
2579   grid-row-start: 1;
2580   justify-self: end;
2581 }
2582 .tox .tox-notification__icon svg {
2583   display: block;
2584 }
2585 .tox .tox-notification__dismiss {
2586   align-self: start;
2587   grid-column-end: 4;
2588   grid-column-start: 3;
2589   grid-row-end: 2;
2590   grid-row-start: 1;
2591   justify-self: end;
2592 }
2593 .tox .tox-notification .tox-progress-bar {
2594   grid-column-end: 4;
2595   grid-column-start: 1;
2596   grid-row-end: 3;
2597   grid-row-start: 2;
2598   justify-self: center;
2599 }
2600 .tox .tox-pop {
2601   display: inline-block;
2602   position: relative;
2603 }
2604 .tox .tox-pop--resizing {
2605   transition: width 0.1s ease;
2606 }
2607 .tox .tox-pop--resizing .tox-toolbar,
2608 .tox .tox-pop--resizing .tox-toolbar__group {
2609   flex-wrap: nowrap;
2610 }
2611 .tox .tox-pop--transition {
2612   transition: 0.15s ease;
2613   transition-property: left, right, top, bottom;
2614 }
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;
2618 }
2619 .tox .tox-pop__dialog {
2620   background-color: #fff;
2621   border: 1px solid #eeeeee;
2622   border-radius: 6px;
2623   box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
2624   min-width: 0;
2625   overflow: hidden;
2626 }
2627 .tox .tox-pop__dialog > *:not(.tox-toolbar) {
2628   margin: 4px 4px 4px 8px;
2629 }
2630 .tox .tox-pop__dialog .tox-toolbar {
2631   background-color: transparent;
2632   margin-bottom: -1px;
2633 }
2634 .tox .tox-pop::before,
2635 .tox .tox-pop::after {
2636   border-style: solid;
2637   content: '';
2638   display: block;
2639   height: 0;
2640   opacity: 1;
2641   position: absolute;
2642   width: 0;
2643 }
2644 .tox .tox-pop.tox-pop--inset::before,
2645 .tox .tox-pop.tox-pop--inset::after {
2646   opacity: 0;
2647   transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
2648 }
2649 .tox .tox-pop.tox-pop--bottom::before,
2650 .tox .tox-pop.tox-pop--bottom::after {
2651   left: 50%;
2652   top: 100%;
2653 }
2654 .tox .tox-pop.tox-pop--bottom::after {
2655   border-color: #fff transparent transparent transparent;
2656   border-width: 8px;
2657   margin-left: -8px;
2658   margin-top: -1px;
2659 }
2660 .tox .tox-pop.tox-pop--bottom::before {
2661   border-color: #eeeeee transparent transparent transparent;
2662   border-width: 9px;
2663   margin-left: -9px;
2664 }
2665 .tox .tox-pop.tox-pop--top::before,
2666 .tox .tox-pop.tox-pop--top::after {
2667   left: 50%;
2668   top: 0;
2669   transform: translateY(-100%);
2670 }
2671 .tox .tox-pop.tox-pop--top::after {
2672   border-color: transparent transparent #fff transparent;
2673   border-width: 8px;
2674   margin-left: -8px;
2675   margin-top: 1px;
2676 }
2677 .tox .tox-pop.tox-pop--top::before {
2678   border-color: transparent transparent #eeeeee transparent;
2679   border-width: 9px;
2680   margin-left: -9px;
2681 }
2682 .tox .tox-pop.tox-pop--left::before,
2683 .tox .tox-pop.tox-pop--left::after {
2684   left: 0;
2685   top: calc(50% - 1px);
2686   transform: translateY(-50%);
2687 }
2688 .tox .tox-pop.tox-pop--left::after {
2689   border-color: transparent #fff transparent transparent;
2690   border-width: 8px;
2691   margin-left: -15px;
2692 }
2693 .tox .tox-pop.tox-pop--left::before {
2694   border-color: transparent #eeeeee transparent transparent;
2695   border-width: 10px;
2696   margin-left: -19px;
2697 }
2698 .tox .tox-pop.tox-pop--right::before,
2699 .tox .tox-pop.tox-pop--right::after {
2700   left: 100%;
2701   top: calc(50% + 1px);
2702   transform: translateY(-50%);
2703 }
2704 .tox .tox-pop.tox-pop--right::after {
2705   border-color: transparent transparent transparent #fff;
2706   border-width: 8px;
2707   margin-left: -1px;
2708 }
2709 .tox .tox-pop.tox-pop--right::before {
2710   border-color: transparent transparent transparent #eeeeee;
2711   border-width: 10px;
2712   margin-left: -1px;
2713 }
2714 .tox .tox-pop.tox-pop--align-left::before,
2715 .tox .tox-pop.tox-pop--align-left::after {
2716   left: 20px;
2717 }
2718 .tox .tox-pop.tox-pop--align-right::before,
2719 .tox .tox-pop.tox-pop--align-right::after {
2720   left: calc(100% - 20px);
2721 }
2722 .tox .tox-sidebar-wrap {
2723   display: flex;
2724   flex-direction: row;
2725   flex-grow: 1;
2726   min-height: 0;
2727 }
2728 .tox .tox-sidebar {
2729   background-color: #fff;
2730   display: flex;
2731   flex-direction: row;
2732   justify-content: flex-end;
2733 }
2734 .tox .tox-sidebar__slider {
2735   display: flex;
2736   overflow: hidden;
2737 }
2738 .tox .tox-sidebar__pane-container {
2739   display: flex;
2740 }
2741 .tox .tox-sidebar__pane {
2742   display: flex;
2743 }
2744 .tox .tox-sidebar--sliding-closed {
2745   opacity: 0;
2746 }
2747 .tox .tox-sidebar--sliding-open {
2748   opacity: 1;
2749 }
2750 .tox .tox-sidebar--sliding-growing,
2751 .tox .tox-sidebar--sliding-shrinking {
2752   transition: width 0.5s ease, opacity 0.5s ease;
2753 }
2754 .tox .tox-selector {
2755   background-color: #4099ff;
2756   border-color: #4099ff;
2757   border-style: solid;
2758   border-width: 1px;
2759   box-sizing: border-box;
2760   display: inline-block;
2761   height: 10px;
2762   position: absolute;
2763   width: 10px;
2764 }
2765 .tox.tox-platform-touch .tox-selector {
2766   height: 12px;
2767   width: 12px;
2768 }
2769 .tox .tox-slider {
2770   align-items: center;
2771   display: flex;
2772   flex: 1;
2773   height: 24px;
2774   justify-content: center;
2775   position: relative;
2776 }
2777 .tox .tox-slider__rail {
2778   background-color: transparent;
2779   border: 1px solid #eeeeee;
2780   border-radius: 6px;
2781   height: 10px;
2782   min-width: 120px;
2783   width: 100%;
2784 }
2785 .tox .tox-slider__handle {
2786   background-color: #006ce7;
2787   border: 2px solid #0054b4;
2788   border-radius: 6px;
2789   box-shadow: none;
2790   height: 24px;
2791   left: 50%;
2792   position: absolute;
2793   top: 50%;
2794   transform: translateX(-50%) translateY(-50%);
2795   width: 14px;
2796 }
2797 .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
2798   margin-inline-start: 8px;
2799 }
2800 .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
2801   margin-inline-start: 32px;
2802 }
2803 .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
2804   margin-inline-start: 32px;
2805 }
2806 .tox .tox-source-code {
2807   overflow: auto;
2808 }
2809 .tox .tox-spinner {
2810   display: flex;
2811 }
2812 .tox .tox-spinner > div {
2813   animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
2814   background-color: rgba(34, 47, 62, 0.7);
2815   border-radius: 100%;
2816   height: 8px;
2817   width: 8px;
2818 }
2819 .tox .tox-spinner > div:nth-child(1) {
2820   animation-delay: -0.32s;
2821 }
2822 .tox .tox-spinner > div:nth-child(2) {
2823   animation-delay: -0.16s;
2824 }
2825 @keyframes tam-bouncing-dots {
2826   0%,
2827   80%,
2828   100% {
2829     transform: scale(0);
2830   }
2831   40% {
2832     transform: scale(1);
2833   }
2834 }
2835 .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
2836   margin-left: 4px;
2837 }
2838 .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
2839   margin-right: 4px;
2840 }
2841 .tox .tox-statusbar {
2842   align-items: center;
2843   background-color: #fff;
2844   border-top: 1px solid #e3e3e3;
2845   color: rgba(34, 47, 62, 0.7);
2846   display: flex;
2847   flex: 0 0 auto;
2848   font-size: 14px;
2849   font-weight: normal;
2850   height: 25px;
2851   overflow: hidden;
2852   padding: 0 8px;
2853   position: relative;
2854   text-transform: none;
2855 }
2856 .tox .tox-statusbar__text-container {
2857   display: flex;
2858   flex: 1 1 auto;
2859   justify-content: flex-end;
2860   overflow: hidden;
2861 }
2862 .tox .tox-statusbar__path {
2863   display: flex;
2864   flex: 1 1 auto;
2865   margin-right: auto;
2866   overflow: hidden;
2867   text-overflow: ellipsis;
2868   white-space: nowrap;
2869 }
2870 .tox .tox-statusbar__path > * {
2871   display: inline;
2872   white-space: nowrap;
2873 }
2874 .tox .tox-statusbar__wordcount {
2875   flex: 0 0 auto;
2876   margin-left: 1ch;
2877 }
2878 .tox .tox-statusbar a,
2879 .tox .tox-statusbar__path-item,
2880 .tox .tox-statusbar__wordcount {
2881   color: rgba(34, 47, 62, 0.7);
2882   text-decoration: none;
2883 }
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]) {
2890   color: #222f3e;
2891   cursor: pointer;
2892 }
2893 .tox .tox-statusbar__branding svg {
2894   fill: rgba(34, 47, 62, 0.8);
2895   height: 1.14em;
2896   vertical-align: -0.28em;
2897   width: 3.6em;
2898 }
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 {
2901   fill: #222f3e;
2902 }
2903 .tox .tox-statusbar__resize-handle {
2904   align-items: flex-end;
2905   align-self: stretch;
2906   cursor: nwse-resize;
2907   display: flex;
2908   flex: 0 0 auto;
2909   justify-content: flex-end;
2910   margin-left: auto;
2911   margin-right: -8px;
2912   padding-bottom: 3px;
2913   padding-left: 1ch;
2914   padding-right: 3px;
2915 }
2916 .tox .tox-statusbar__resize-handle svg {
2917   display: block;
2918   fill: rgba(34, 47, 62, 0.5);
2919 }
2920 .tox .tox-statusbar__resize-handle:focus svg {
2921   background-color: #dee0e2;
2922   border-radius: 1px 1px 5px 1px;
2923   box-shadow: 0 0 0 2px #dee0e2;
2924 }
2925 .tox:not([dir=rtl]) .tox-statusbar__path > * {
2926   margin-right: 4px;
2927 }
2928 .tox:not([dir=rtl]) .tox-statusbar__branding {
2929   margin-left: 2ch;
2930 }
2931 .tox[dir=rtl] .tox-statusbar {
2932   flex-direction: row-reverse;
2933 }
2934 .tox[dir=rtl] .tox-statusbar__path > * {
2935   margin-left: 4px;
2936 }
2937 .tox .tox-throbber {
2938   z-index: 1299;
2939 }
2940 .tox .tox-throbber__busy-spinner {
2941   align-items: center;
2942   background-color: rgba(255, 255, 255, 0.6);
2943   bottom: 0;
2944   display: flex;
2945   justify-content: center;
2946   left: 0;
2947   position: absolute;
2948   right: 0;
2949   top: 0;
2950 }
2951 .tox .tox-tbtn {
2952   align-items: center;
2953   background: transparent;
2954   border: 0;
2955   border-radius: 3px;
2956   box-shadow: none;
2957   color: #222f3e;
2958   display: flex;
2959   flex: 0 0 auto;
2960   font-size: 14px;
2961   font-style: normal;
2962   font-weight: normal;
2963   height: 28px;
2964   justify-content: center;
2965   margin: 6px 1px 5px 0;
2966   outline: none;
2967   overflow: hidden;
2968   padding: 0;
2969   text-transform: none;
2970   width: 34px;
2971 }
2972 .tox .tox-tbtn svg {
2973   display: block;
2974   fill: #222f3e;
2975 }
2976 .tox .tox-tbtn.tox-tbtn-more {
2977   padding-left: 5px;
2978   padding-right: 5px;
2979   width: inherit;
2980 }
2981 .tox .tox-tbtn:focus {
2982   background: #cce2fa;
2983   border: 0;
2984   box-shadow: none;
2985 }
2986 .tox .tox-tbtn:hover {
2987   background: #cce2fa;
2988   border: 0;
2989   box-shadow: none;
2990   color: #222f3e;
2991 }
2992 .tox .tox-tbtn:hover svg {
2993   fill: #222f3e;
2994 }
2995 .tox .tox-tbtn:active {
2996   background: #a6ccf7;
2997   border: 0;
2998   box-shadow: none;
2999   color: #222f3e;
3000 }
3001 .tox .tox-tbtn:active svg {
3002   fill: #222f3e;
3003 }
3004 .tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
3005   fill: rgba(34, 47, 62, 0.5);
3006 }
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;
3012   border: 0;
3013   box-shadow: none;
3014   color: rgba(34, 47, 62, 0.5);
3015   cursor: not-allowed;
3016 }
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(34, 47, 62, 0.5);
3023 }
3024 .tox .tox-tbtn--enabled,
3025 .tox .tox-tbtn--enabled:hover {
3026   background: #a6ccf7;
3027   border: 0;
3028   box-shadow: none;
3029   color: #222f3e;
3030 }
3031 .tox .tox-tbtn--enabled > *,
3032 .tox .tox-tbtn--enabled:hover > * {
3033   transform: none;
3034 }
3035 .tox .tox-tbtn--enabled svg,
3036 .tox .tox-tbtn--enabled:hover svg {
3037   /* stylelint-disable-line no-descending-specificity */
3038   fill: #222f3e;
3039 }
3040 .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
3041 .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
3042   fill: rgba(34, 47, 62, 0.5);
3043 }
3044 .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3045   color: #222f3e;
3046 }
3047 .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
3048   fill: #222f3e;
3049 }
3050 .tox .tox-tbtn:active > * {
3051   transform: none;
3052 }
3053 .tox .tox-tbtn--md {
3054   height: 42px;
3055   width: 51px;
3056 }
3057 .tox .tox-tbtn--lg {
3058   flex-direction: column;
3059   height: 56px;
3060   width: 68px;
3061 }
3062 .tox .tox-tbtn--return {
3063   align-self: stretch;
3064   height: unset;
3065   width: 16px;
3066 }
3067 .tox .tox-tbtn--labeled {
3068   padding: 0 4px;
3069   width: unset;
3070 }
3071 .tox .tox-tbtn__vlabel {
3072   display: block;
3073   font-size: 10px;
3074   font-weight: normal;
3075   letter-spacing: -0.025em;
3076   margin-bottom: 4px;
3077   white-space: nowrap;
3078 }
3079 .tox .tox-number-input {
3080   border-radius: 3px;
3081   display: flex;
3082   margin: 6px 1px 5px 0;
3083   padding: 0 4px;
3084   width: auto;
3085 }
3086 .tox .tox-number-input .tox-input-wrapper {
3087   background: #f7f7f7;
3088   display: flex;
3089   pointer-events: none;
3090   text-align: center;
3091 }
3092 .tox .tox-number-input .tox-input-wrapper:focus {
3093   background: #cce2fa;
3094 }
3095 .tox .tox-number-input input {
3096   border-radius: 3px;
3097   color: #222f3e;
3098   font-size: 14px;
3099   margin: 2px 0;
3100   pointer-events: all;
3101   width: 60px;
3102 }
3103 .tox .tox-number-input input:hover {
3104   background: #cce2fa;
3105   color: #222f3e;
3106 }
3107 .tox .tox-number-input input:focus {
3108   background: #fff;
3109   color: #222f3e;
3110 }
3111 .tox .tox-number-input input:disabled {
3112   background: transparent;
3113   border: 0;
3114   box-shadow: none;
3115   color: rgba(34, 47, 62, 0.5);
3116   cursor: not-allowed;
3117 }
3118 .tox .tox-number-input button {
3119   background: #f7f7f7;
3120   color: #222f3e;
3121   height: 28px;
3122   text-align: center;
3123   width: 24px;
3124 }
3125 .tox .tox-number-input button svg {
3126   display: block;
3127   fill: #222f3e;
3128   margin: 0 auto;
3129   transform: scale(0.67);
3130 }
3131 .tox .tox-number-input button:focus {
3132   background: #cce2fa;
3133 }
3134 .tox .tox-number-input button:hover {
3135   background: #cce2fa;
3136   border: 0;
3137   box-shadow: none;
3138   color: #222f3e;
3139 }
3140 .tox .tox-number-input button:hover svg {
3141   fill: #222f3e;
3142 }
3143 .tox .tox-number-input button:active {
3144   background: #a6ccf7;
3145   border: 0;
3146   box-shadow: none;
3147   color: #222f3e;
3148 }
3149 .tox .tox-number-input button:active svg {
3150   fill: #222f3e;
3151 }
3152 .tox .tox-number-input button:disabled {
3153   background: transparent;
3154   border: 0;
3155   box-shadow: none;
3156   color: rgba(34, 47, 62, 0.5);
3157   cursor: not-allowed;
3158 }
3159 .tox .tox-number-input button:disabled svg {
3160   fill: rgba(34, 47, 62, 0.5);
3161 }
3162 .tox .tox-number-input button.minus {
3163   border-radius: 3px 0 0 3px;
3164 }
3165 .tox .tox-number-input button.plus {
3166   border-radius: 0 3px 3px 0;
3167 }
3168 .tox .tox-number-input:focus:not(:active) > button,
3169 .tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
3170   background: #cce2fa;
3171 }
3172 .tox .tox-tbtn--select {
3173   margin: 6px 1px 5px 0;
3174   padding: 0 4px;
3175   width: auto;
3176 }
3177 .tox .tox-tbtn__select-label {
3178   cursor: default;
3179   font-weight: normal;
3180   height: initial;
3181   margin: 0 4px;
3182   overflow: hidden;
3183   text-overflow: ellipsis;
3184   white-space: nowrap;
3185 }
3186 .tox .tox-tbtn__select-chevron {
3187   align-items: center;
3188   display: flex;
3189   justify-content: center;
3190   width: 16px;
3191 }
3192 .tox .tox-tbtn__select-chevron svg {
3193   fill: rgba(34, 47, 62, 0.5);
3194 }
3195 .tox .tox-tbtn--bespoke {
3196   background: #f7f7f7;
3197 }
3198 .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3199   margin-inline-start: 4px;
3200 }
3201 .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3202   overflow: hidden;
3203   text-overflow: ellipsis;
3204   white-space: nowrap;
3205   width: 7em;
3206 }
3207 .tox .tox-tbtn--disabled .tox-tbtn__select-label,
3208 .tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
3209   cursor: not-allowed;
3210 }
3211 .tox .tox-split-button {
3212   border: 0;
3213   border-radius: 3px;
3214   box-sizing: border-box;
3215   display: flex;
3216   margin: 6px 1px 5px 0;
3217   overflow: hidden;
3218 }
3219 .tox .tox-split-button:hover {
3220   box-shadow: 0 0 0 1px #cce2fa inset;
3221 }
3222 .tox .tox-split-button:focus {
3223   background: #cce2fa;
3224   box-shadow: none;
3225   color: #222f3e;
3226 }
3227 .tox .tox-split-button > * {
3228   border-radius: 0;
3229 }
3230 .tox .tox-split-button__chevron {
3231   width: 16px;
3232 }
3233 .tox .tox-split-button__chevron svg {
3234   fill: rgba(34, 47, 62, 0.5);
3235 }
3236 .tox .tox-split-button .tox-tbtn {
3237   margin: 0;
3238 }
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;
3244   box-shadow: none;
3245   color: rgba(34, 47, 62, 0.5);
3246 }
3247 .tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
3248   padding: 0 0px;
3249 }
3250 .tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
3251   width: 30px;
3252 }
3253 .tox.tox-platform-touch .tox-split-button__chevron {
3254   width: 20px;
3255 }
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 {
3258   opacity: 0.6;
3259 }
3260 .tox .tox-toolbar-overlord {
3261   background-color: #fff;
3262 }
3263 .tox .tox-toolbar,
3264 .tox .tox-toolbar__primary,
3265 .tox .tox-toolbar__overflow {
3266   background-attachment: local;
3267   background-color: #fff;
3268   background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
3269   background-position: center top 40px;
3270   background-repeat: no-repeat;
3271   background-size: calc(100% - 11px * 2) calc(100% - 41px);
3272   display: flex;
3273   flex: 0 0 auto;
3274   flex-shrink: 0;
3275   flex-wrap: wrap;
3276   padding: 0 0px;
3277   transform: perspective(1px);
3278 }
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% - 11px * 2) calc(100% - 0px);
3284 }
3285 .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
3286   height: 0;
3287   opacity: 0;
3288   padding-bottom: 0;
3289   padding-top: 0;
3290   visibility: hidden;
3291 }
3292 .tox .tox-toolbar__overflow--growing {
3293   transition: height 0.3s ease, opacity 0.2s linear 0.1s;
3294 }
3295 .tox .tox-toolbar__overflow--shrinking {
3296   transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
3297 }
3298 .tox .tox-toolbar-overlord,
3299 .tox .tox-anchorbar {
3300   grid-column: 1 / -1;
3301 }
3302 .tox .tox-menubar + .tox-toolbar,
3303 .tox .tox-menubar + .tox-toolbar-overlord {
3304   border-top: 1px solid transparent;
3305   margin-top: -1px;
3306   padding-bottom: 1px;
3307   padding-top: 1px;
3308 }
3309 .tox .tox-toolbar--scrolling {
3310   flex-wrap: nowrap;
3311   overflow-x: auto;
3312 }
3313 .tox .tox-pop .tox-toolbar {
3314   border-width: 0;
3315 }
3316 .tox .tox-toolbar--no-divider {
3317   background-image: none;
3318 }
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;
3322 }
3323 .tox .tox-editor-header > .tox-toolbar--scrolling,
3324 .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
3325   background-image: none;
3326 }
3327 .tox.tox-tinymce-aux .tox-toolbar__overflow {
3328   background-color: #fff;
3329   background-position: center top 43px;
3330   background-size: calc(100% - 8px * 2) calc(100% - 51px);
3331   border: none;
3332   border-radius: 6px;
3333   box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3334   overscroll-behavior: none;
3335   padding: 4px 0;
3336 }
3337 .tox-pop .tox-pop__dialog {
3338   /* stylelint-disable-next-line no-descending-specificity */
3339 }
3340 .tox-pop .tox-pop__dialog .tox-toolbar {
3341   background-position: center top 43px;
3342   background-size: calc(100% - 11px * 2) calc(100% - 51px);
3343   padding: 4px 0;
3344 }
3345 .tox .tox-toolbar__group {
3346   align-items: center;
3347   display: flex;
3348   flex-wrap: wrap;
3349   margin: 0 0;
3350   padding: 0 11px 0 12px;
3351 }
3352 .tox .tox-toolbar__group--pull-right {
3353   margin-left: auto;
3354 }
3355 .tox .tox-toolbar--scrolling .tox-toolbar__group {
3356   flex-shrink: 0;
3357   flex-wrap: nowrap;
3358 }
3359 .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
3360   border-right: 1px solid transparent;
3361 }
3362 .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
3363   border-left: 1px solid transparent;
3364 }
3365 .tox .tox-tooltip {
3366   display: inline-block;
3367   padding: 8px;
3368   position: relative;
3369 }
3370 .tox .tox-tooltip__body {
3371   background-color: #222f3e;
3372   border-radius: 6px;
3373   box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
3374   color: rgba(255, 255, 255, 0.75);
3375   font-size: 14px;
3376   font-style: normal;
3377   font-weight: normal;
3378   padding: 4px 8px;
3379   text-transform: none;
3380 }
3381 .tox .tox-tooltip__arrow {
3382   position: absolute;
3383 }
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 #222f3e;
3388   bottom: 0;
3389   left: 50%;
3390   position: absolute;
3391   transform: translateX(-50%);
3392 }
3393 .tox .tox-tooltip--up .tox-tooltip__arrow {
3394   border-bottom: 8px solid #222f3e;
3395   border-left: 8px solid transparent;
3396   border-right: 8px solid transparent;
3397   left: 50%;
3398   position: absolute;
3399   top: 0;
3400   transform: translateX(-50%);
3401 }
3402 .tox .tox-tooltip--right .tox-tooltip__arrow {
3403   border-bottom: 8px solid transparent;
3404   border-left: 8px solid #222f3e;
3405   border-top: 8px solid transparent;
3406   position: absolute;
3407   right: 0;
3408   top: 50%;
3409   transform: translateY(-50%);
3410 }
3411 .tox .tox-tooltip--left .tox-tooltip__arrow {
3412   border-bottom: 8px solid transparent;
3413   border-right: 8px solid #222f3e;
3414   border-top: 8px solid transparent;
3415   left: 0;
3416   position: absolute;
3417   top: 50%;
3418   transform: translateY(-50%);
3419 }
3420 .tox .tox-tree {
3421   display: flex;
3422   flex-direction: column;
3423 }
3424 .tox .tox-tree .tox-trbtn {
3425   align-items: center;
3426   background: transparent;
3427   border: 0;
3428   border-radius: 4px;
3429   box-shadow: none;
3430   color: #222f3e;
3431   display: flex;
3432   flex: 0 0 auto;
3433   font-size: 14px;
3434   font-style: normal;
3435   font-weight: normal;
3436   height: 28px;
3437   margin-bottom: 4px;
3438   margin-top: 4px;
3439   outline: none;
3440   overflow: hidden;
3441   padding: 0;
3442   padding-left: 8px;
3443   text-transform: none;
3444 }
3445 .tox .tox-tree .tox-trbtn .tox-tree__label {
3446   cursor: default;
3447   overflow: hidden;
3448   text-overflow: ellipsis;
3449   white-space: nowrap;
3450 }
3451 .tox .tox-tree .tox-trbtn svg {
3452   display: block;
3453   fill: #222f3e;
3454 }
3455 .tox .tox-tree .tox-trbtn:focus {
3456   background: #cce2fa;
3457   border: 0;
3458   box-shadow: none;
3459 }
3460 .tox .tox-tree .tox-trbtn:hover {
3461   background: #cce2fa;
3462   border: 0;
3463   box-shadow: none;
3464   color: #222f3e;
3465 }
3466 .tox .tox-tree .tox-trbtn:hover svg {
3467   fill: #222f3e;
3468 }
3469 .tox .tox-tree .tox-trbtn:active {
3470   background: #a6ccf7;
3471   border: 0;
3472   box-shadow: none;
3473   color: #222f3e;
3474 }
3475 .tox .tox-tree .tox-trbtn:active svg {
3476   fill: #222f3e;
3477 }
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;
3483   border: 0;
3484   box-shadow: none;
3485   color: rgba(34, 47, 62, 0.5);
3486   cursor: not-allowed;
3487 }
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(34, 47, 62, 0.5);
3494 }
3495 .tox .tox-tree .tox-trbtn--enabled,
3496 .tox .tox-tree .tox-trbtn--enabled:hover {
3497   background: #a6ccf7;
3498   border: 0;
3499   box-shadow: none;
3500   color: #222f3e;
3501 }
3502 .tox .tox-tree .tox-trbtn--enabled > *,
3503 .tox .tox-tree .tox-trbtn--enabled:hover > * {
3504   transform: none;
3505 }
3506 .tox .tox-tree .tox-trbtn--enabled svg,
3507 .tox .tox-tree .tox-trbtn--enabled:hover svg {
3508   /* stylelint-disable-line no-descending-specificity */
3509   fill: #222f3e;
3510 }
3511 .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
3512   color: #222f3e;
3513 }
3514 .tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
3515   fill: #222f3e;
3516 }
3517 .tox .tox-tree .tox-trbtn:active > * {
3518   transform: none;
3519 }
3520 .tox .tox-tree .tox-trbtn--return {
3521   align-self: stretch;
3522   height: unset;
3523   width: 16px;
3524 }
3525 .tox .tox-tree .tox-trbtn--labeled {
3526   padding: 0 4px;
3527   width: unset;
3528 }
3529 .tox .tox-tree .tox-trbtn__vlabel {
3530   display: block;
3531   font-size: 10px;
3532   font-weight: normal;
3533   letter-spacing: -0.025em;
3534   margin-bottom: 4px;
3535   white-space: nowrap;
3536 }
3537 .tox .tox-tree .tox-tree--directory {
3538   display: flex;
3539   flex-direction: column;
3540   /* stylelint-disable no-descending-specificity */
3541 }
3542 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
3543   font-weight: bold;
3544 }
3545 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
3546   margin-left: auto;
3547 }
3548 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
3549   fill: transparent;
3550 }
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 {
3553   fill: #222f3e;
3554 }
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 {
3557   fill: #222f3e;
3558 }
3559 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
3560   background-color: transparent;
3561   color: #222f3e;
3562 }
3563 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
3564   fill: #222f3e;
3565 }
3566 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
3567   margin-right: 6px;
3568 }
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;
3572 }
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);
3576 }
3577 .tox .tox-tree .tox-tree--leaf__label {
3578   font-weight: normal;
3579 }
3580 .tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
3581   margin-left: auto;
3582 }
3583 .tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
3584   fill: transparent;
3585 }
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 {
3588   fill: #222f3e;
3589 }
3590 .tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
3591   fill: #222f3e;
3592 }
3593 .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
3594   background-color: transparent;
3595   color: #222f3e;
3596 }
3597 .tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
3598   fill: #222f3e;
3599 }
3600 .tox .tox-tree .tox-tree--directory__children {
3601   overflow: hidden;
3602   padding-left: 16px;
3603 }
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;
3607 }
3608 .tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
3609   display: flex;
3610   justify-content: space-between;
3611 }
3612 .tox .tox-view-wrap,
3613 .tox .tox-view-wrap__slot-container {
3614   background-color: #fff;
3615   display: flex;
3616   flex: 1;
3617   flex-direction: column;
3618 }
3619 .tox .tox-view {
3620   display: flex;
3621   flex: 1 1 auto;
3622   flex-direction: column;
3623   overflow: hidden;
3624 }
3625 .tox .tox-view__header {
3626   align-items: center;
3627   display: flex;
3628   font-size: 16px;
3629   justify-content: space-between;
3630   padding: 8px 8px 0 8px;
3631   position: relative;
3632 }
3633 .tox .tox-view--mobile.tox-view__header,
3634 .tox .tox-view--mobile.tox-view__toolbar {
3635   padding: 8px;
3636 }
3637 .tox .tox-view--scrolling {
3638   flex-wrap: nowrap;
3639   overflow-x: auto;
3640 }
3641 .tox .tox-view__toolbar {
3642   display: flex;
3643   flex-direction: row;
3644   gap: 8px;
3645   justify-content: space-between;
3646   padding: 8px 8px 0 8px;
3647 }
3648 .tox .tox-view__toolbar__group {
3649   display: flex;
3650   flex-direction: row;
3651   gap: 12px;
3652 }
3653 .tox .tox-view__header-start,
3654 .tox .tox-view__header-end {
3655   display: flex;
3656 }
3657 .tox .tox-view__pane {
3658   height: 100%;
3659   padding: 8px;
3660   width: 100%;
3661 }
3662 .tox .tox-view__pane_panel {
3663   border: 1px solid #eeeeee;
3664   border-radius: 6px;
3665 }
3666 .tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
3667 .tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
3668   margin-left: 8px;
3669 }
3670 .tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
3671 .tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
3672   margin-right: 8px;
3673 }
3674 .tox .tox-well {
3675   border: 1px solid #eeeeee;
3676   border-radius: 6px;
3677   padding: 8px;
3678   width: 100%;
3679 }
3680 .tox .tox-well > *:first-child {
3681   margin-top: 0;
3682 }
3683 .tox .tox-well > *:last-child {
3684   margin-bottom: 0;
3685 }
3686 .tox .tox-well > *:only-child {
3687   margin: 0;
3688 }
3689 .tox .tox-custom-editor {
3690   border: 1px solid #eeeeee;
3691   border-radius: 6px;
3692   display: flex;
3693   flex: 1;
3694   overflow: hidden;
3695   position: relative;
3696 }
3697 /* stylelint-disable */
3698 .tox {
3699   /* stylelint-enable */
3700 }
3701 .tox .tox-dialog-loading::before {
3702   background-color: rgba(0, 0, 0, 0.5);
3703   content: "";
3704   height: 100%;
3705   position: absolute;
3706   width: 100%;
3707   z-index: 1000;
3708 }
3709 .tox .tox-tab {
3710   cursor: pointer;
3711 }
3712 .tox .tox-dialog__content-js {
3713   display: flex;
3714   flex: 1;
3715 }
3716 .tox .tox-dialog__body-content .tox-collection {
3717   display: flex;
3718   flex: 1;
3719 }