[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * Breakpoints & Media Queries
   6   */
   7  /**
   8   * SCSS Variables.
   9   *
  10   * Please use variables from this sheet to ensure consistency across the UI.
  11   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
  12   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  13   */
  14  /**
  15   * Colors
  16   */
  17  /**
  18   * Fonts & basic variables.
  19   */
  20  /**
  21   * Grid System.
  22   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  23   */
  24  /**
  25   * Dimensions.
  26   */
  27  /**
  28   * Shadows.
  29   */
  30  /**
  31   * Editor widths.
  32   */
  33  /**
  34   * Block & Editor UI.
  35   */
  36  /**
  37   * Block paddings.
  38   */
  39  /**
  40   * React Native specific.
  41   * These variables do not appear to be used anywhere else.
  42   */
  43  /**
  44   * Breakpoint mixins
  45   */
  46  /**
  47   * Long content fade mixin
  48   *
  49   * Creates a fading overlay to signify that the content is longer
  50   * than the space allows.
  51   */
  52  /**
  53   * Focus styles.
  54   */
  55  /**
  56   * Applies editor left position to the selector passed as argument
  57   */
  58  /**
  59   * Styles that are reused verbatim in a few places
  60   */
  61  /**
  62   * Allows users to opt-out of animations via OS-level preferences.
  63   */
  64  /**
  65   * Reset default styles for JavaScript UI based pages.
  66   * This is a WP-admin agnostic reset
  67   */
  68  /**
  69   * Reset the WP Admin page styles for Gutenberg-like pages.
  70   */
  71  #start-resizable-editor-section {
  72    display: none;
  73  }
  74  
  75  ul.wp-block-archives {
  76    padding-left: 2.5em;
  77  }
  78  
  79  .wp-block-audio {
  80    margin-left: 0;
  81    margin-right: 0;
  82  }
  83  
  84  .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
  85    padding-left: 0;
  86    padding-right: 0;
  87  }
  88  .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow {
  89    display: block;
  90  }
  91  .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender {
  92    display: none;
  93  }
  94  
  95  .wp-block[data-align=center] > .wp-block-button {
  96    text-align: center;
  97    margin-left: auto;
  98    margin-right: auto;
  99  }
 100  
 101  .wp-block[data-align=right] > .wp-block-button {
 102    /*!rtl:ignore*/
 103    text-align: right;
 104  }
 105  
 106  .wp-block-button {
 107    position: relative;
 108    cursor: text;
 109  }
 110  .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after {
 111    color: #fff;
 112  }
 113  .wp-block-button:focus {
 114    box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
 115    outline: 2px solid transparent;
 116    outline-offset: -2px;
 117  }
 118  .wp-block-button[data-rich-text-placeholder]::after {
 119    opacity: 0.8;
 120  }
 121  
 122  .wp-block-button__inline-link {
 123    color: #757575;
 124    height: 0;
 125    overflow: hidden;
 126    max-width: 290px;
 127  }
 128  .wp-block-button__inline-link-input__suggestions {
 129    max-width: 290px;
 130  }
 131  @media (min-width: 782px) {
 132    .wp-block-button__inline-link {
 133      max-width: 260px;
 134    }
 135    .wp-block-button__inline-link-input__suggestions {
 136      max-width: 260px;
 137    }
 138  }
 139  @media (min-width: 960px) {
 140    .wp-block-button__inline-link {
 141      max-width: 290px;
 142    }
 143    .wp-block-button__inline-link-input__suggestions {
 144      max-width: 290px;
 145    }
 146  }
 147  .is-selected .wp-block-button__inline-link {
 148    height: auto;
 149    overflow: visible;
 150    margin-top: 16px;
 151  }
 152  
 153  .wp-button-label__width .components-button-group {
 154    display: block;
 155  }
 156  .wp-button-label__width .components-base-control__field {
 157    margin-bottom: 12px;
 158  }
 159  
 160  div[data-type="core/button"] {
 161    display: table;
 162  }
 163  
 164  .wp-block > .wp-block-buttons {
 165    display: flex;
 166    flex-wrap: wrap;
 167  }
 168  
 169  .wp-block-buttons {
 170    /* stylelint-disable indentation */
 171  }
 172  .wp-block-buttons > .wp-block {
 173    margin-left: 0;
 174    margin-top: 0.5em;
 175    margin-right: 0.5em;
 176  }
 177  .wp-block-buttons > .block-list-appender {
 178    display: inline-flex;
 179    align-items: center;
 180  }
 181  .wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle {
 182    justify-content: flex-start;
 183  }
 184  .wp-block-buttons > .wp-block-button:focus {
 185    box-shadow: none;
 186  }
 187  .wp-block-buttons:not(.is-content-justification-space-between,
 188  .is-content-justification-right,
 189  .is-content-justification-left,
 190  .is-content-justification-center) .wp-block[data-align=center] {
 191    /* stylelint-enable indentation */
 192    margin-left: auto;
 193    margin-right: auto;
 194    margin-top: 0;
 195    width: 100%;
 196  }
 197  .wp-block-buttons:not(.is-content-justification-space-between,
 198  .is-content-justification-right,
 199  .is-content-justification-left,
 200  .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
 201    margin-bottom: 0;
 202  }
 203  
 204  .wp-block[data-align=center] > .wp-block-buttons {
 205    align-items: center;
 206    justify-content: center;
 207  }
 208  
 209  .wp-block[data-align=right] > .wp-block-buttons {
 210    justify-content: flex-end;
 211  }
 212  
 213  .wp-block-categories ul {
 214    padding-left: 2.5em;
 215  }
 216  .wp-block-categories ul ul {
 217    margin-top: 6px;
 218  }
 219  
 220  .wp-block-columns .wp-block {
 221    max-width: none;
 222    margin-left: 0;
 223    margin-right: 0;
 224  }
 225  
 226  @media (min-width: 600px) {
 227    .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) {
 228      margin-left: 32px;
 229    }
 230  }
 231  @media (min-width: 782px) {
 232    .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) {
 233      margin-left: 32px;
 234    }
 235  }
 236  .block-editor-block-list__block.wp-block-column.wp-block-column {
 237    margin-top: 0;
 238    margin-bottom: 0;
 239  }
 240  
 241  .wp-block-cover.is-placeholder {
 242    min-height: auto !important;
 243    padding: 0 !important;
 244  }
 245  .wp-block-cover.components-placeholder h2 {
 246    color: inherit;
 247  }
 248  .wp-block-cover.is-transient::before {
 249    background-color: #fff;
 250    opacity: 0.3;
 251  }
 252  .wp-block-cover .components-spinner {
 253    position: absolute;
 254    z-index: 1;
 255    top: 50%;
 256    left: 50%;
 257    transform: translate(-50%, -50%);
 258    margin: 0;
 259  }
 260  .wp-block-cover .block-editor-block-list__layout {
 261    width: 100%;
 262  }
 263  .wp-block-cover .wp-block-cover__inner-container {
 264    text-align: left;
 265    margin-left: 0;
 266    margin-right: 0;
 267  }
 268  .wp-block-cover .wp-block-cover__placeholder-background-options {
 269    width: 100%;
 270  }
 271  
 272  [data-align=left] > .wp-block-cover,
 273  [data-align=right] > .wp-block-cover {
 274    max-width: 420px;
 275    width: 100%;
 276  }
 277  
 278  .block-library-cover__reset-button {
 279    margin-left: auto;
 280  }
 281  
 282  .block-library-cover__resize-container {
 283    position: absolute !important;
 284    top: 0;
 285    left: 0;
 286    right: 0;
 287    bottom: 0;
 288  }
 289  
 290  .block-library-cover__resize-container:not(.is-resizing) {
 291    height: auto !important;
 292  }
 293  
 294  .wp-block-cover > .components-drop-zone.is-active {
 295    transition: 0.2s opacity, 0.2s border;
 296  }
 297  @media (prefers-reduced-motion: reduce) {
 298    .wp-block-cover > .components-drop-zone.is-active {
 299      transition-duration: 0s;
 300      transition-delay: 0s;
 301    }
 302  }
 303  .wp-block-cover > .components-drop-zone.is-dragging-over-element {
 304    background-color: transparent;
 305    border: 48px solid var(--wp-admin-theme-color);
 306  }
 307  .wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content {
 308    transform: none;
 309  }
 310  .wp-block-cover > .components-drop-zone .components-drop-zone__content {
 311    display: flex;
 312    align-items: center;
 313    top: -36px;
 314    left: -36px;
 315    transform: none;
 316  }
 317  .wp-block-cover > .components-drop-zone .components-drop-zone__content-icon,
 318  .wp-block-cover > .components-drop-zone .components-drop-zone__content-text {
 319    display: inline;
 320  }
 321  .wp-block-cover > .components-drop-zone .components-drop-zone__content-icon {
 322    margin: 0;
 323    margin-right: 8px;
 324  }
 325  .wp-block-cover > .components-drop-zone .components-drop-zone__content-text {
 326    font-size: 13px;
 327  }
 328  
 329  .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
 330    background-attachment: scroll;
 331  }
 332  
 333  .wp-block-embed {
 334    margin-left: 0;
 335    margin-right: 0;
 336    clear: both;
 337  }
 338  .wp-block-embed.is-loading {
 339    display: flex;
 340    flex-direction: column;
 341    align-items: center;
 342    justify-content: center;
 343    padding: 1em;
 344    min-height: 200px;
 345    text-align: center;
 346    border-radius: 2px;
 347    background-color: #fff;
 348    box-shadow: inset 0 0 0 1px #1e1e1e;
 349  }
 350  .wp-block-embed.is-loading p {
 351    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 352    font-size: 13px;
 353  }
 354  .wp-block-embed .components-placeholder__error {
 355    word-break: break-word;
 356  }
 357  .wp-block-embed .components-placeholder__learn-more {
 358    margin-top: 1em;
 359  }
 360  
 361  .block-library-embed__interactive-overlay {
 362    position: absolute;
 363    top: 0;
 364    left: 0;
 365    right: 0;
 366    bottom: 0;
 367    opacity: 0;
 368  }
 369  
 370  .wp-block[data-align=left] > .wp-block-embed,
 371  .wp-block[data-align=right] > .wp-block-embed {
 372    max-width: 360px;
 373    width: 100%;
 374  }
 375  .wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper,
 376  .wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper {
 377    min-width: 280px;
 378  }
 379  
 380  .wp-block-file {
 381    display: flex;
 382    flex-wrap: wrap;
 383    justify-content: space-between;
 384    align-items: center;
 385    margin-bottom: 0;
 386  }
 387  .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
 388    height: auto;
 389  }
 390  .wp-block-file .components-resizable-box__container {
 391    margin-bottom: 1em;
 392  }
 393  .wp-block-file .wp-block-file__preview {
 394    margin-bottom: 1em;
 395    width: 100%;
 396    height: 100%;
 397  }
 398  .wp-block-file .wp-block-file__preview-overlay {
 399    position: absolute;
 400    top: 0;
 401    right: 0;
 402    bottom: 0;
 403    left: 0;
 404  }
 405  .wp-block-file .wp-block-file__content-wrapper {
 406    flex-grow: 1;
 407  }
 408  .wp-block-file a {
 409    min-width: 1em;
 410  }
 411  .wp-block-file .wp-block-file__button-richtext-wrapper {
 412    display: inline-block;
 413    margin-left: 0.75em;
 414  }
 415  
 416  .wp-block-freeform.block-library-rich-text__tinymce {
 417    height: auto;
 418    /* Allow height of embed iframes to be calculated properly */
 419    /* Remove blue highlighting of selected images in WebKit */
 420    /* Image captions */
 421    /* WP Views */
 422  }
 423  .wp-block-freeform.block-library-rich-text__tinymce p,
 424  .wp-block-freeform.block-library-rich-text__tinymce li {
 425    line-height: 1.8;
 426  }
 427  .wp-block-freeform.block-library-rich-text__tinymce ul,
 428  .wp-block-freeform.block-library-rich-text__tinymce ol {
 429    padding-left: 2.5em;
 430    margin-left: 0;
 431  }
 432  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 433    margin: 0;
 434    box-shadow: inset 0 0 0 0 #ddd;
 435    border-left: 4px solid #000;
 436    padding-left: 1em;
 437  }
 438  .wp-block-freeform.block-library-rich-text__tinymce pre {
 439    white-space: pre-wrap;
 440    font-family: Menlo, Consolas, monaco, monospace;
 441    font-size: 15px;
 442    color: #1e1e1e;
 443  }
 444  .wp-block-freeform.block-library-rich-text__tinymce > *:first-child {
 445    margin-top: 0;
 446  }
 447  .wp-block-freeform.block-library-rich-text__tinymce > *:last-child {
 448    margin-bottom: 0;
 449  }
 450  .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus {
 451    outline: none;
 452  }
 453  .wp-block-freeform.block-library-rich-text__tinymce a {
 454    color: var(--wp-admin-theme-color);
 455  }
 456  .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] {
 457    padding: 0 2px;
 458    margin: 0 -2px;
 459    border-radius: 2px;
 460    box-shadow: 0 0 0 1px #e5f5fa;
 461    background: #e5f5fa;
 462  }
 463  .wp-block-freeform.block-library-rich-text__tinymce code {
 464    padding: 2px;
 465    border-radius: 2px;
 466    color: #1e1e1e;
 467    background: #f0f0f0;
 468    font-family: Menlo, Consolas, monaco, monospace;
 469    font-size: 14px;
 470  }
 471  .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] {
 472    background: #ddd;
 473  }
 474  .wp-block-freeform.block-library-rich-text__tinymce .alignright {
 475    /*rtl:ignore*/
 476    float: right;
 477    /*rtl:ignore*/
 478    margin: 0.5em 0 0.5em 1em;
 479  }
 480  .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
 481    /*rtl:ignore*/
 482    float: left;
 483    /*rtl:ignore*/
 484    margin: 0.5em 1em 0.5em 0;
 485  }
 486  .wp-block-freeform.block-library-rich-text__tinymce .aligncenter {
 487    display: block;
 488    margin-left: auto;
 489    margin-right: auto;
 490  }
 491  .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag {
 492    width: 96%;
 493    height: 20px;
 494    display: block;
 495    margin: 15px auto;
 496    outline: 0;
 497    cursor: default;
 498    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);
 499    background-size: 1900px 20px;
 500    background-repeat: no-repeat;
 501    background-position: center;
 502  }
 503  .wp-block-freeform.block-library-rich-text__tinymce img::selection {
 504    background-color: transparent;
 505  }
 506  .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp {
 507    -ms-user-select: element;
 508  }
 509  .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption {
 510    margin: 0;
 511    /* dl browser reset */
 512    max-width: 100%;
 513  }
 514  .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,
 515  .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img {
 516    display: block;
 517  }
 518  .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * {
 519    -webkit-user-drag: none;
 520  }
 521  .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd {
 522    padding-top: 0.5em;
 523    margin: 0;
 524    /* browser dd reset */
 525  }
 526  .wp-block-freeform.block-library-rich-text__tinymce .wpview {
 527    width: 99.99%;
 528    /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
 529    position: relative;
 530    clear: both;
 531    margin-bottom: 16px;
 532    border: 1px solid transparent;
 533  }
 534  .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe {
 535    display: block;
 536    max-width: 100%;
 537    background: transparent;
 538  }
 539  .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim {
 540    position: absolute;
 541    top: 0;
 542    right: 0;
 543    bottom: 0;
 544    left: 0;
 545  }
 546  .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim {
 547    display: none;
 548  }
 549  .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder {
 550    border: 1px dashed #ddd;
 551    padding: 10px;
 552  }
 553  .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error {
 554    border: 1px solid #ddd;
 555    padding: 1em 0;
 556    margin: 0;
 557    word-wrap: break-word;
 558  }
 559  .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p {
 560    margin: 0;
 561    text-align: center;
 562  }
 563  .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error {
 564    border-color: transparent;
 565  }
 566  .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons {
 567    display: block;
 568    margin: 0 auto;
 569    width: 32px;
 570    height: 32px;
 571    font-size: 32px;
 572  }
 573  .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after {
 574    content: "";
 575    display: table;
 576    clear: both;
 577  }
 578  .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus {
 579    outline: none;
 580  }
 581  .wp-block-freeform.block-library-rich-text__tinymce .gallery a {
 582    cursor: default;
 583  }
 584  .wp-block-freeform.block-library-rich-text__tinymce .gallery {
 585    margin: auto -6px;
 586    padding: 6px 0;
 587    line-height: 1;
 588    overflow-x: hidden;
 589  }
 590  .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item {
 591    float: left;
 592    margin: 0;
 593    text-align: center;
 594    padding: 6px;
 595    box-sizing: border-box;
 596  }
 597  .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,
 598  .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon {
 599    margin: 0;
 600  }
 601  .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption {
 602    font-size: 13px;
 603    margin: 4px 0;
 604  }
 605  .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item {
 606    width: 100%;
 607  }
 608  .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item {
 609    width: 50%;
 610  }
 611  .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item {
 612    width: 33.3333333333%;
 613  }
 614  .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item {
 615    width: 25%;
 616  }
 617  .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item {
 618    width: 20%;
 619  }
 620  .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item {
 621    width: 16.6666666667%;
 622  }
 623  .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item {
 624    width: 14.2857142857%;
 625  }
 626  .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item {
 627    width: 12.5%;
 628  }
 629  .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item {
 630    width: 11.1111111111%;
 631  }
 632  .wp-block-freeform.block-library-rich-text__tinymce .gallery img {
 633    max-width: 100%;
 634    height: auto;
 635    border: none;
 636    padding: 0;
 637  }
 638  
 639  div[data-type="core/freeform"]::before {
 640    transition: border-color 0.1s linear, box-shadow 0.1s linear;
 641    border: 1px solid #ddd;
 642    outline: 1px solid transparent;
 643  }
 644  @media (prefers-reduced-motion: reduce) {
 645    div[data-type="core/freeform"]::before {
 646      transition-duration: 0s;
 647      transition-delay: 0s;
 648    }
 649  }
 650  div[data-type="core/freeform"].is-selected::before {
 651    border-color: #1e1e1e;
 652  }
 653  div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div {
 654    margin-top: 0;
 655    padding-top: 0;
 656  }
 657  div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after {
 658    content: "";
 659    display: table;
 660    clear: both;
 661  }
 662  
 663  .mce-toolbar-grp .mce-btn.mce-active button,
 664  .mce-toolbar-grp .mce-btn.mce-active:hover button,
 665  .mce-toolbar-grp .mce-btn.mce-active i,
 666  .mce-toolbar-grp .mce-btn.mce-active:hover i {
 667    color: #1e1e1e;
 668  }
 669  .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last {
 670    margin-right: 0;
 671    margin-left: 8px;
 672  }
 673  .mce-toolbar-grp .mce-btn i {
 674    font-style: normal;
 675  }
 676  
 677  .block-library-classic__toolbar {
 678    display: none;
 679    width: auto;
 680    margin: 0;
 681    position: sticky;
 682    z-index: 31;
 683    top: 0;
 684    border: 1px solid #ddd;
 685    border-bottom: none;
 686    border-radius: 2px;
 687    margin-bottom: 8px;
 688    padding: 0;
 689  }
 690  div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
 691    display: block;
 692    border-color: #1e1e1e;
 693  }
 694  .block-library-classic__toolbar .mce-tinymce {
 695    box-shadow: none;
 696  }
 697  @media (min-width: 600px) {
 698    .block-library-classic__toolbar {
 699      padding: 0;
 700    }
 701  }
 702  .block-library-classic__toolbar:empty {
 703    display: block;
 704    background: #f5f5f5;
 705    border-bottom: 1px solid #e2e4e7;
 706  }
 707  .block-library-classic__toolbar:empty::before {
 708    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 709    font-size: 13px;
 710    content: attr(data-placeholder);
 711    color: #555d66;
 712    line-height: 37px;
 713    padding: 14px;
 714  }
 715  .block-library-classic__toolbar div.mce-toolbar-grp {
 716    border-bottom: 1px solid #1e1e1e;
 717  }
 718  .block-library-classic__toolbar .mce-tinymce-inline,
 719  .block-library-classic__toolbar .mce-tinymce-inline > div,
 720  .block-library-classic__toolbar div.mce-toolbar-grp,
 721  .block-library-classic__toolbar div.mce-toolbar-grp > div,
 722  .block-library-classic__toolbar .mce-menubar,
 723  .block-library-classic__toolbar .mce-menubar > div {
 724    height: auto !important;
 725    width: 100% !important;
 726  }
 727  .block-library-classic__toolbar .mce-container-body.mce-abs-layout {
 728    overflow: visible;
 729  }
 730  .block-library-classic__toolbar .mce-menubar,
 731  .block-library-classic__toolbar div.mce-toolbar-grp {
 732    position: static;
 733  }
 734  .block-library-classic__toolbar .mce-toolbar-grp > div {
 735    padding: 1px 3px;
 736  }
 737  .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
 738    display: none;
 739  }
 740  .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
 741    display: block;
 742  }
 743  
 744  .wp-block-gallery li {
 745    list-style-type: none;
 746  }
 747  .wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
 748    display: none;
 749  }
 750  .wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
 751    margin-bottom: 0;
 752  }
 753  
 754  figure.wp-block-gallery {
 755    display: block;
 756    margin: 0;
 757  }
 758  
 759  .blocks-gallery-grid.blocks-gallery-grid {
 760    padding-left: 0;
 761    margin-left: 0;
 762    margin-bottom: 0;
 763  }
 764  
 765  .blocks-gallery-item figure:not(.is-selected):focus,
 766  .blocks-gallery-item img:focus {
 767    outline: none;
 768  }
 769  .blocks-gallery-item figure.is-selected::before {
 770    box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
 771    content: "";
 772    outline: 2px solid transparent;
 773    position: absolute;
 774    top: 0;
 775    right: 0;
 776    bottom: 0;
 777    left: 0;
 778    z-index: 1;
 779    pointer-events: none;
 780  }
 781  .blocks-gallery-item figure.is-selected figcaption {
 782    z-index: 2;
 783  }
 784  .blocks-gallery-item figure.is-transient img {
 785    opacity: 0.3;
 786  }
 787  .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
 788    display: inline-flex;
 789  }
 790  .blocks-gallery-item .block-editor-media-placeholder {
 791    margin: 0;
 792    height: 100%;
 793  }
 794  .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label {
 795    display: flex;
 796  }
 797  
 798  .block-library-gallery-item__inline-menu {
 799    display: none;
 800    position: absolute;
 801    top: -2px;
 802    margin: 8px;
 803    z-index: 20;
 804    transition: box-shadow 0.2s ease-out;
 805    border-radius: 2px;
 806    background: #fff;
 807    border: 1px solid #1e1e1e;
 808  }
 809  @media (prefers-reduced-motion: reduce) {
 810    .block-library-gallery-item__inline-menu {
 811      transition-duration: 0s;
 812      transition-delay: 0s;
 813    }
 814  }
 815  .block-library-gallery-item__inline-menu:hover {
 816    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
 817  }
 818  @media (min-width: 600px) {
 819    .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
 820      padding: 2px;
 821    }
 822  }
 823  .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
 824    border: none;
 825    box-shadow: none;
 826  }
 827  @media (min-width: 600px) {
 828    .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
 829      padding: 0;
 830      width: inherit;
 831      height: inherit;
 832    }
 833  }
 834  .block-library-gallery-item__inline-menu.is-left {
 835    left: -2px;
 836  }
 837  .block-library-gallery-item__inline-menu.is-right {
 838    right: -2px;
 839  }
 840  
 841  .blocks-gallery-item .components-spinner {
 842    position: absolute;
 843    top: 50%;
 844    left: 50%;
 845    margin-top: -9px;
 846    margin-left: -9px;
 847  }
 848  
 849  /**
 850   * Group: All Alignment Settings
 851   */
 852  .wp-block-group .block-editor-block-list__insertion-point {
 853    left: 0;
 854    right: 0;
 855  }
 856  
 857  [data-type="core/group"].is-selected .block-list-appender {
 858    margin-left: 0;
 859    margin-right: 0;
 860  }
 861  [data-type="core/group"].is-selected .has-background .block-list-appender {
 862    margin-top: 18px;
 863    margin-bottom: 18px;
 864  }
 865  
 866  .block-library-heading-level-dropdown .components-popover__content {
 867    min-width: 230px;
 868  }
 869  .block-library-heading-level-dropdown .components-popover__content > div {
 870    padding: 0;
 871  }
 872  
 873  .block-library-heading-level-toolbar {
 874    border: none;
 875  }
 876  
 877  .block-library-html__edit {
 878    margin-bottom: 28px;
 879  }
 880  .block-library-html__edit .block-library-html__preview-overlay {
 881    position: absolute;
 882    width: 100%;
 883    height: 100%;
 884    top: 0;
 885    left: 0;
 886  }
 887  .block-library-html__edit .block-editor-plain-text {
 888    font-family: Menlo, Consolas, monaco, monospace;
 889    color: #1e1e1e;
 890    padding: 0.8em 1em;
 891    border: 1px solid #ddd;
 892    border-radius: 4px;
 893    max-height: 250px;
 894    /* Fonts smaller than 16px causes mobile safari to zoom. */
 895    font-size: 16px;
 896  }
 897  @media (min-width: 600px) {
 898    .block-library-html__edit .block-editor-plain-text {
 899      font-size: 13px;
 900    }
 901  }
 902  .block-library-html__edit .block-editor-plain-text:focus {
 903    box-shadow: none;
 904  }
 905  
 906  figure.wp-block-image:not(.wp-block) {
 907    margin: 0;
 908  }
 909  
 910  .wp-block-image {
 911    position: relative;
 912  }
 913  .wp-block-image .is-applying img, .wp-block-image.is-transient img {
 914    opacity: 0.3;
 915  }
 916  .wp-block-image figcaption img {
 917    display: inline;
 918  }
 919  .wp-block-image .components-spinner {
 920    position: absolute;
 921    top: 50%;
 922    left: 50%;
 923    margin-top: -9px;
 924    margin-left: -9px;
 925  }
 926  .wp-block-image:not(.is-style-rounded) > div {
 927    border-radius: inherit;
 928  }
 929  
 930  .wp-block-image .components-resizable-box__container {
 931    display: inline-block;
 932  }
 933  .wp-block-image .components-resizable-box__container img {
 934    display: block;
 935    width: inherit;
 936    height: inherit;
 937  }
 938  
 939  .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
 940    position: absolute;
 941    left: 0;
 942    right: 0;
 943    margin: -1px 0;
 944  }
 945  @media (min-width: 600px) {
 946    .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
 947      margin: -1px;
 948    }
 949  }
 950  
 951  [data-align=wide] > .wp-block-image img,
 952  [data-align=full] > .wp-block-image img {
 953    width: 100%;
 954  }
 955  
 956  .wp-block[data-align=left] > .wp-block-image,
 957  .wp-block[data-align=center] > .wp-block-image,
 958  .wp-block[data-align=right] > .wp-block-image {
 959    display: table;
 960  }
 961  .wp-block[data-align=left] > .wp-block-image > figcaption,
 962  .wp-block[data-align=center] > .wp-block-image > figcaption,
 963  .wp-block[data-align=right] > .wp-block-image > figcaption {
 964    display: table-caption;
 965    caption-side: bottom;
 966  }
 967  
 968  .wp-block[data-align=left] > .wp-block-image {
 969    margin-right: 1em;
 970    margin-left: 0;
 971    margin-top: 0.5em;
 972    margin-bottom: 0.5em;
 973  }
 974  
 975  .wp-block[data-align=right] > .wp-block-image {
 976    margin-left: 1em;
 977    margin-right: 0;
 978    margin-top: 0.5em;
 979    margin-bottom: 0.5em;
 980  }
 981  
 982  .wp-block[data-align=center] > .wp-block-image {
 983    margin-left: auto;
 984    margin-right: auto;
 985    text-align: center;
 986  }
 987  
 988  .wp-block-image__crop-area {
 989    position: relative;
 990    max-width: 100%;
 991    width: 100%;
 992  }
 993  
 994  .wp-block-image__crop-icon {
 995    padding: 0 8px;
 996    min-width: 48px;
 997    display: flex;
 998    justify-content: center;
 999    align-items: center;
1000  }
1001  .wp-block-image__crop-icon svg {
1002    fill: currentColor;
1003  }
1004  
1005  .wp-block-image__zoom .components-popover__content {
1006    overflow: visible;
1007    min-width: 260px;
1008  }
1009  .wp-block-image__zoom .components-range-control {
1010    flex: 1;
1011  }
1012  .wp-block-image__zoom .components-base-control__field {
1013    display: flex;
1014    margin-bottom: 0;
1015    flex-direction: column;
1016    align-items: flex-start;
1017  }
1018  
1019  .wp-block-image__aspect-ratio {
1020    height: 46px;
1021    margin-bottom: -8px;
1022    display: flex;
1023    align-items: center;
1024  }
1025  .wp-block-image__aspect-ratio .components-button {
1026    width: 36px;
1027    padding-left: 0;
1028    padding-right: 0;
1029  }
1030  
1031  .wp-block-latest-posts {
1032    padding-left: 2.5em;
1033  }
1034  .wp-block-latest-posts.is-grid {
1035    padding-left: 0;
1036  }
1037  
1038  .wp-block-latest-posts li a > div {
1039    display: inline;
1040  }
1041  
1042  .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
1043    margin-bottom: 20px;
1044  }
1045  
1046  .wp-block-media-text .__resizable_base__ {
1047    grid-column: 1/span 2;
1048    grid-row: 2;
1049  }
1050  
1051  .wp-block-media-text .editor-media-container__resizer {
1052    width: 100% !important;
1053  }
1054  
1055  .wp-block-media-text.is-image-fill .editor-media-container__resizer {
1056    height: 100% !important;
1057  }
1058  
1059  .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block {
1060    max-width: unset;
1061  }
1062  
1063  .block-editor-block-list__block[data-type="core/more"] {
1064    max-width: 100%;
1065    text-align: center;
1066    margin-top: 28px;
1067    margin-bottom: 28px;
1068  }
1069  
1070  .wp-block-more {
1071    display: block;
1072    text-align: center;
1073    white-space: nowrap;
1074  }
1075  .wp-block-more input[type=text] {
1076    position: relative;
1077    font-size: 13px;
1078    text-transform: uppercase;
1079    font-weight: 600;
1080    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1081    color: #757575;
1082    border: none;
1083    box-shadow: none;
1084    white-space: nowrap;
1085    text-align: center;
1086    margin: 0;
1087    border-radius: 4px;
1088    background: #fff;
1089    padding: 6px 8px;
1090    height: 24px;
1091    max-width: 100%;
1092  }
1093  .wp-block-more input[type=text]:focus {
1094    box-shadow: none;
1095  }
1096  .wp-block-more::before {
1097    content: "";
1098    position: absolute;
1099    top: calc(50%);
1100    left: 0;
1101    right: 0;
1102    border-top: 3px dashed #ccc;
1103  }
1104  
1105  /**
1106   * Editor only CSS.
1107   */
1108  .editor-styles-wrapper .wp-block-navigation ul {
1109    margin-top: 0;
1110    margin-bottom: 0;
1111    margin-left: 0;
1112    padding-left: 0;
1113  }
1114  
1115  /**
1116   * Submenus.
1117   */
1118  .wp-block-navigation__container.is-parent-of-selected-block {
1119    visibility: visible;
1120    opacity: 1;
1121  }
1122  
1123  .wp-block-navigation__container,
1124  .wp-block-navigation-link {
1125    background-color: inherit;
1126  }
1127  
1128  .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation-link__container {
1129    opacity: 0;
1130    visibility: hidden;
1131  }
1132  
1133  .has-child.is-selected > .wp-block-navigation-link__container, .has-child.has-child-selected > .wp-block-navigation-link__container {
1134    display: flex;
1135    opacity: 1;
1136    visibility: visible;
1137  }
1138  
1139  .is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation-link__container {
1140    opacity: 1;
1141    visibility: visible;
1142  }
1143  
1144  .is-editing > .wp-block-navigation__container {
1145    visibility: visible;
1146    opacity: 1;
1147    display: flex;
1148    flex-direction: column;
1149  }
1150  
1151  .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container {
1152    opacity: 1;
1153    visibility: hidden;
1154  }
1155  .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper {
1156    visibility: visible;
1157  }
1158  
1159  /**
1160   * Colors Selector component
1161   */
1162  .block-library-colors-selector {
1163    width: auto;
1164  }
1165  .block-library-colors-selector .block-library-colors-selector__toggle {
1166    display: block;
1167    margin: 0 auto;
1168    padding: 3px;
1169    width: auto;
1170  }
1171  .block-library-colors-selector .block-library-colors-selector__icon-container {
1172    height: 30px;
1173    position: relative;
1174    margin: 0 auto;
1175    padding: 3px;
1176    display: flex;
1177    align-items: center;
1178    border-radius: 4px;
1179  }
1180  .block-library-colors-selector .block-library-colors-selector__state-selection {
1181    margin-left: auto;
1182    margin-right: auto;
1183    border-radius: 11px;
1184    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
1185    width: 22px;
1186    min-width: 22px;
1187    height: 22px;
1188    min-height: 22px;
1189    line-height: 20px;
1190    padding: 2px;
1191  }
1192  .block-library-colors-selector .block-library-colors-selector__state-selection > svg {
1193    min-width: auto !important;
1194  }
1195  .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg,
1196  .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path {
1197    color: inherit;
1198  }
1199  
1200  .block-library-colors-selector__popover .color-palette-controller-container {
1201    padding: 16px;
1202  }
1203  .block-library-colors-selector__popover .components-base-control__label {
1204    height: 20px;
1205    line-height: 20px;
1206  }
1207  .block-library-colors-selector__popover .component-color-indicator {
1208    float: right;
1209    margin-top: 2px;
1210  }
1211  .block-library-colors-selector__popover .components-panel__body-title {
1212    display: none;
1213  }
1214  
1215  .wp-block-navigation .block-editor-button-block-appender {
1216    justify-content: flex-start;
1217  }
1218  
1219  /**
1220   * Setup state
1221   */
1222  .components-placeholder.wp-block-navigation-placeholder {
1223    outline: none;
1224    padding: 0;
1225    box-shadow: none;
1226    background: none;
1227    min-height: 0;
1228    color: inherit;
1229  }
1230  .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset {
1231    font-size: inherit;
1232  }
1233  .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button {
1234    margin-bottom: 0;
1235  }
1236  .is-selected .components-placeholder.wp-block-navigation-placeholder {
1237    color: #1e1e1e;
1238  }
1239  
1240  .wp-block-navigation-placeholder .components-spinner {
1241    margin-top: -4px;
1242    margin-left: 4px;
1243    vertical-align: middle;
1244    margin-right: 7px;
1245  }
1246  
1247  .wp-block-navigation-placeholder__preview {
1248    display: flex;
1249    flex-direction: row;
1250    align-items: center;
1251    flex-wrap: nowrap;
1252    width: 100%;
1253    overflow: hidden;
1254  }
1255  .wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link {
1256    position: relative;
1257    min-width: 72px;
1258  }
1259  .wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link::before {
1260    display: block;
1261    content: "";
1262    border-radius: 2px;
1263    background: currentColor;
1264    height: 16px;
1265    width: 100%;
1266  }
1267  .wp-block-navigation-placeholder__preview svg {
1268    fill: currentColor;
1269  }
1270  .wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link,
1271  .wp-block-navigation-placeholder__preview svg {
1272    opacity: 0.3;
1273  }
1274  .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview {
1275    display: flex;
1276    opacity: 0;
1277    width: 0;
1278    overflow: hidden;
1279    flex-wrap: nowrap;
1280  }
1281  .wp-block-navigation.is-selected .is-small .wp-block-navigation-placeholder__preview {
1282    display: none;
1283  }
1284  .wp-block-navigation.is-selected .is-medium .wp-block-navigation-placeholder__preview {
1285    display: none;
1286  }
1287  
1288  .wp-block-navigation-placeholder__controls {
1289    padding: 8px;
1290    border-radius: 2px;
1291    background-color: #fff;
1292    box-shadow: inset 0 0 0 1px #1e1e1e;
1293    flex-direction: row;
1294    align-items: center;
1295    display: none;
1296    position: relative;
1297    z-index: 1;
1298    float: left;
1299    width: 100%;
1300  }
1301  .is-large .wp-block-navigation-placeholder__controls {
1302    padding: 4px 8px;
1303  }
1304  .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls {
1305    display: flex;
1306  }
1307  .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
1308    flex-direction: column;
1309  }
1310  .is-selected.is-vertical .wp-block-navigation-placeholder__controls {
1311    display: inline-flex;
1312    padding: 12px;
1313  }
1314  .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon {
1315    margin-right: 12px;
1316    height: 36px;
1317  }
1318  .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator {
1319    margin-right: 12px;
1320    padding: 0;
1321    align-items: center;
1322    justify-content: flex-start;
1323    line-height: 0;
1324    margin-left: 5px;
1325    display: none;
1326  }
1327  .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator svg {
1328    margin-right: 4px;
1329  }
1330  .is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator {
1331    margin-bottom: 4px;
1332    margin-left: 0;
1333  }
1334  .is-large .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator {
1335    display: inline-flex;
1336  }
1337  
1338  .is-vertical .wp-block-navigation-placeholder,
1339  .is-vertical .wp-block-navigation-placeholder__preview,
1340  .is-vertical .wp-block-navigation-placeholder__controls {
1341    min-height: 156px;
1342  }
1343  
1344  .is-vertical .wp-block-navigation-placeholder__preview,
1345  .is-vertical .wp-block-navigation-placeholder__controls {
1346    flex-direction: column;
1347    align-items: flex-start;
1348  }
1349  
1350  .wp-block-navigation-placeholder__actions {
1351    display: flex;
1352    font-size: 13px;
1353    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1354  }
1355  .wp-block-navigation-placeholder__actions .components-button.components-dropdown-menu__toggle.has-icon {
1356    padding: 6px 4px 6px 12px;
1357    display: flex;
1358    flex-direction: row-reverse;
1359  }
1360  .wp-block-navigation-placeholder__actions .components-dropdown,
1361  .wp-block-navigation-placeholder__actions > .components-button {
1362    margin-right: 12px;
1363  }
1364  
1365  /**
1366   * Mobile menu.
1367   */
1368  @media (min-width: 600px) {
1369    .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
1370      display: none;
1371    }
1372  }
1373  
1374  @media (min-width: 600px) {
1375    .components-button.wp-block-navigation__responsive-container-open {
1376      display: none;
1377    }
1378  }
1379  
1380  .wp-block-navigation__responsive-container.is-menu-open {
1381    position: fixed;
1382  }
1383  body.admin-bar .wp-block-navigation__responsive-container.is-menu-open {
1384    top: 155px;
1385  }
1386  @media (min-width: 782px) {
1387    body.admin-bar .wp-block-navigation__responsive-container.is-menu-open {
1388      top: 61px;
1389    }
1390  }
1391  
1392  @media (min-width: 600px) {
1393    .wp-block-navigation__responsive-close {
1394      pointer-events: none;
1395    }
1396    .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
1397  .wp-block-navigation__responsive-close .block-editor-block-list__layout * {
1398      pointer-events: all;
1399    }
1400  }
1401  .wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
1402    pointer-events: none;
1403  }
1404  
1405  .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
1406  .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
1407    padding: 0;
1408    height: auto;
1409    color: inherit;
1410  }
1411  
1412  .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender {
1413    margin-top: 16px;
1414  }
1415  
1416  .wp-block-navigation-link__container {
1417    border-radius: 0;
1418    min-height: 36px;
1419  }
1420  
1421  /**
1422   * Submenus.
1423   */
1424  .wp-block-navigation .has-child {
1425    cursor: pointer;
1426  }
1427  .wp-block-navigation .has-child .submenu-container,
1428  .wp-block-navigation .has-child .wp-block-navigation-link__container {
1429    z-index: 28;
1430  }
1431  .wp-block-navigation .has-child:hover .submenu-container,
1432  .wp-block-navigation .has-child:hover .wp-block-navigation-link__container {
1433    z-index: 29;
1434  }
1435  .wp-block-navigation .has-child.is-selected > .wp-block-navigation-link__container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation-link__container {
1436    visibility: visible !important;
1437    opacity: 1 !important;
1438  }
1439  
1440  /**
1441   * Navigation Items.
1442   */
1443  .wp-block-navigation-link .wp-block-navigation-link__container {
1444    display: block;
1445  }
1446  .wp-block-navigation-link .wp-block-navigation-link__content {
1447    cursor: text;
1448  }
1449  .wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected {
1450    min-width: 20px;
1451  }
1452  .wp-block-navigation-link .block-list-appender {
1453    margin-top: 16px;
1454    margin-right: auto;
1455    margin-bottom: 16px;
1456    margin-left: 16px;
1457  }
1458  
1459  .wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point {
1460    display: none;
1461  }
1462  
1463  /**
1464   * Menu item setup state. Is shown when a menu item has no URL configured.
1465   */
1466  .wp-block-navigation-link__placeholder {
1467    position: relative;
1468    margin: 2px;
1469  }
1470  .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text {
1471    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1472    font-size: 13px;
1473    padding-left: 4px;
1474    padding-right: 4px;
1475  }
1476  .wp-block-navigation-link__placeholder.wp-block-navigation-link__content {
1477    cursor: pointer;
1478  }
1479  .wp-block-navigation-link__placeholder::before {
1480    content: "";
1481    display: block;
1482    position: absolute;
1483    top: 0;
1484    right: 0;
1485    bottom: 0;
1486    left: 0;
1487    border-radius: 2px;
1488    opacity: 0.1;
1489  }
1490  .is-dark-theme .wp-block-navigation-link__placeholder::before {
1491    opacity: 0.2;
1492  }
1493  .is-editing .wp-block-navigation-link__placeholder::before {
1494    background: currentColor;
1495  }
1496  
1497  .wp-block-navigation .wp-block-navigation-link:not(.is-editing) .wp-block-navigation-link__content.wp-block-navigation-link__placeholder {
1498    box-shadow: inset 0 0 0 1px #757575;
1499    border-radius: 2px;
1500    color: var(--wp-admin-theme-color);
1501  }
1502  
1503  .block-editor-block-list__block[data-type="core/nextpage"] {
1504    max-width: 100%;
1505    text-align: center;
1506    margin-top: 28px;
1507    margin-bottom: 28px;
1508  }
1509  
1510  .wp-block-nextpage {
1511    display: block;
1512    text-align: center;
1513    white-space: nowrap;
1514  }
1515  .wp-block-nextpage > span {
1516    font-size: 13px;
1517    position: relative;
1518    text-transform: uppercase;
1519    font-weight: 600;
1520    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1521    color: #757575;
1522    border-radius: 4px;
1523    background: #fff;
1524    padding: 6px 8px;
1525    height: 24px;
1526  }
1527  .wp-block-nextpage::before {
1528    content: "";
1529    position: absolute;
1530    top: calc(50%);
1531    left: 0;
1532    right: 0;
1533    border-top: 3px dashed #ccc;
1534  }
1535  
1536  .wp-block-navigation .wp-block-page-list > div,
1537  .wp-block-navigation .wp-block-page-list {
1538    background-color: inherit;
1539  }
1540  .wp-block-navigation.items-justified-space-between .wp-block-page-list > div,
1541  .wp-block-navigation.items-justified-space-between .wp-block-page-list {
1542    display: contents;
1543    flex: 1;
1544  }
1545  .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list {
1546    flex: inherit;
1547  }
1548  
1549  .wp-block-pages-list__item__link {
1550    pointer-events: none;
1551  }
1552  
1553  .wp-block-page-list .components-placeholder {
1554    min-height: 0;
1555    padding: 0;
1556    background-color: inherit;
1557  }
1558  .wp-block-page-list .components-placeholder .components-spinner {
1559    margin: 0.5em;
1560  }
1561  
1562  .wp-block-page-list-modal {
1563    max-width: 400px;
1564  }
1565  
1566  .wp-block-page-list-modal-buttons {
1567    display: flex;
1568    justify-content: flex-end;
1569  }
1570  .wp-block-page-list-modal-buttons .components-button {
1571    margin-left: 12px;
1572  }
1573  
1574  .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
1575    min-height: auto !important;
1576  }
1577  
1578  .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
1579    opacity: 1;
1580  }
1581  
1582  .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
1583    opacity: 0;
1584  }
1585  
1586  .wp-block-post-content__placeholder {
1587    height: 100px;
1588    border: 1px dashed;
1589    display: flex;
1590    justify-content: center;
1591    align-items: center;
1592  }
1593  .wp-block-post-content__placeholder span {
1594    font-style: italic;
1595  }
1596  
1597  .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
1598    display: inline-block;
1599  }
1600  
1601  .wp-block-post-author {
1602    display: flex;
1603    flex-wrap: wrap;
1604  }
1605  .wp-block-post-author .wp-block-post-author__byline {
1606    font-size: 0.5em;
1607    margin-top: 0;
1608    position: relative;
1609    font-style: normal;
1610  }
1611  .wp-block-post-author .wp-block-post-author__content {
1612    flex-grow: 1;
1613    flex-basis: 0;
1614  }
1615  .wp-block-post-author .wp-block-post-author__avatar img {
1616    margin: 0;
1617  }
1618  .wp-block-post-author .wp-block-post-author__avatar {
1619    margin-bottom: -8px;
1620  }
1621  .wp-block-post-author .wp-block-post-author__name {
1622    margin: 0;
1623    font-weight: bold;
1624  }
1625  .wp-block-post-author .wp-block-post-author__bio {
1626    margin: 0 0 8px;
1627    font-size: 0.7em;
1628  }
1629  
1630  .wp-block[data-align=left] > .wp-block-pullquote p,
1631  .wp-block[data-align=right] > .wp-block-pullquote p {
1632    font-size: 20px;
1633  }
1634  
1635  .wp-block-pullquote blockquote p {
1636    font-size: 28px;
1637    line-height: 1.6;
1638  }
1639  
1640  .wp-block-pullquote.is-style-solid-color blockquote p {
1641    font-size: 32px;
1642  }
1643  .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
1644    text-transform: none;
1645    font-style: normal;
1646  }
1647  
1648  .wp-block-pullquote .wp-block-pullquote__citation {
1649    color: inherit;
1650  }
1651  
1652  .wp-block-rss li a > div {
1653    display: inline;
1654  }
1655  
1656  .wp-block-rss__placeholder-form {
1657    display: flex;
1658    align-items: stretch;
1659  }
1660  .wp-block-rss__placeholder-form > * {
1661    margin-bottom: 8px;
1662  }
1663  @media (min-width: 782px) {
1664    .wp-block-rss__placeholder-form > * {
1665      margin-bottom: 0;
1666    }
1667  }
1668  
1669  .wp-block-rss__placeholder-input {
1670    display: flex;
1671    align-items: stretch;
1672    flex-grow: 1;
1673  }
1674  .wp-block-rss__placeholder-input .components-base-control__field {
1675    margin: 0;
1676    display: flex;
1677    align-items: stretch;
1678    flex-grow: 1;
1679    margin-right: 8px;
1680  }
1681  
1682  .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
1683    margin: auto;
1684  }
1685  
1686  .wp-block-search .wp-block-search__input {
1687    padding: 8px;
1688  }
1689  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
1690    padding: 4px;
1691  }
1692  .wp-block-search .wp-block-search__button {
1693    height: auto;
1694    border-radius: initial;
1695  }
1696  .wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
1697    padding: 6px 10px;
1698  }
1699  .wp-block-search__components-button-group {
1700    margin-top: 10px;
1701  }
1702  
1703  .block-editor-block-list__block[data-type="core/separator"] {
1704    padding-top: 0.1px;
1705    padding-bottom: 0.1px;
1706  }
1707  
1708  [data-type="core/shortcode"] .block-editor-plain-text {
1709    max-height: 250px;
1710  }
1711  [data-type="core/shortcode"].components-placeholder {
1712    min-height: 0;
1713  }
1714  
1715  .blocks-shortcode__textarea {
1716    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1717    padding: 6px 8px;
1718    box-shadow: 0 0 0 transparent;
1719    transition: box-shadow 0.1s linear;
1720    border-radius: 2px;
1721    border: 1px solid #757575;
1722    /* Fonts smaller than 16px causes mobile safari to zoom. */
1723    font-size: 16px;
1724    /* Override core line-height. To be reviewed. */
1725    line-height: normal;
1726  }
1727  @media (prefers-reduced-motion: reduce) {
1728    .blocks-shortcode__textarea {
1729      transition-duration: 0s;
1730      transition-delay: 0s;
1731    }
1732  }
1733  @media (min-width: 600px) {
1734    .blocks-shortcode__textarea {
1735      font-size: 13px;
1736      /* Override core line-height. To be reviewed. */
1737      line-height: normal;
1738    }
1739  }
1740  .blocks-shortcode__textarea:focus {
1741    border-color: var(--wp-admin-theme-color);
1742    box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
1743    outline: 2px solid transparent;
1744  }
1745  .blocks-shortcode__textarea::-webkit-input-placeholder {
1746    color: rgba(30, 30, 30, 0.62);
1747  }
1748  .blocks-shortcode__textarea::-moz-placeholder {
1749    opacity: 1;
1750    color: rgba(30, 30, 30, 0.62);
1751  }
1752  .blocks-shortcode__textarea:-ms-input-placeholder {
1753    color: rgba(30, 30, 30, 0.62);
1754  }
1755  
1756  .wp-block[data-align=center] > .wp-block-site-logo {
1757    margin-left: auto;
1758    margin-right: auto;
1759    text-align: center;
1760  }
1761  
1762  .wp-block-site-logo a {
1763    pointer-events: none;
1764  }
1765  .wp-block-site-logo:not(.is-default-size) {
1766    display: table;
1767  }
1768  .wp-block-site-logo.is-default-size {
1769    width: 120px;
1770  }
1771  .wp-block-site-logo.is-default-size img {
1772    width: 100%;
1773  }
1774  .wp-block-site-logo .custom-logo-link {
1775    cursor: inherit;
1776  }
1777  .wp-block-site-logo .custom-logo-link:focus {
1778    box-shadow: none;
1779  }
1780  .wp-block-site-logo .custom-logo-link.is-transient img {
1781    opacity: 0.3;
1782  }
1783  .wp-block-site-logo img {
1784    display: block;
1785    max-width: 100%;
1786  }
1787  .wp-block-site-logo .components-placeholder {
1788    justify-content: flex-start;
1789    min-height: auto;
1790    height: 120px;
1791    padding: 12px;
1792  }
1793  .wp-block-site-logo .components-placeholder .components-placeholder__label {
1794    margin-top: 12px;
1795    white-space: nowrap;
1796  }
1797  .wp-block-site-logo .components-placeholder .components-placeholder__label .block-editor-block-icon,
1798  .wp-block-site-logo .components-placeholder .components-placeholder__label > svg {
1799    margin-right: 4px;
1800  }
1801  .wp-block-site-logo .components-placeholder .components-form-file-upload {
1802    display: none;
1803  }
1804  .wp-block-site-logo .components-placeholder .components-placeholder__preview {
1805    position: absolute;
1806    top: 4px;
1807    right: 4px;
1808    bottom: 4px;
1809    left: 4px;
1810    background: rgba(255, 255, 255, 0.8);
1811    display: flex;
1812    align-items: center;
1813    justify-content: center;
1814  }
1815  .wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
1816    display: none;
1817  }
1818  
1819  .wp-block-site-tagline__placeholder {
1820    padding: 1em 0;
1821    border: 1px dashed;
1822  }
1823  
1824  .wp-block-site-title__placeholder {
1825    padding: 1em 0;
1826    border: 1px dashed;
1827  }
1828  
1829  .wp-block-social-links .wp-social-link {
1830    line-height: 0;
1831  }
1832  .wp-block-social-links .wp-social-link button {
1833    font-size: inherit;
1834    color: currentColor;
1835    height: auto;
1836    line-height: 0;
1837    padding: 0.25em;
1838  }
1839  
1840  .wp-block-social-links.is-style-pill-shape .wp-social-link button {
1841    padding-left: calc((2/3) * 1em);
1842    padding-right: calc((2/3) * 1em);
1843  }
1844  
1845  .wp-block-social-links div.block-editor-url-input {
1846    display: inline-block;
1847    margin-left: 8px;
1848  }
1849  
1850  .wp-social-link:hover {
1851    transform: none;
1852  }
1853  
1854  .editor-styles-wrapper .wp-block-social-links {
1855    padding: 0;
1856  }
1857  
1858  .wp-block-social-links__social-placeholder {
1859    display: flex;
1860    opacity: 0.8;
1861    list-style: none;
1862  }
1863  .wp-block-social-links__social-placeholder > .wp-social-link {
1864    padding-left: 0 !important;
1865    margin-left: 0 !important;
1866    padding-right: 0 !important;
1867    margin-right: 0 !important;
1868    width: 0 !important;
1869    visibility: hidden;
1870  }
1871  .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
1872    display: flex;
1873  }
1874  .wp-block-social-links__social-placeholder + .block-list-appender,
1875  .wp-block-social-links__social-placeholder .wp-social-link {
1876    padding: 0.25em;
1877  }
1878  .is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender,
1879  .is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
1880    padding-left: calc((2/3) * 1em);
1881    padding-right: calc((2/3) * 1em);
1882  }
1883  .wp-block-social-links__social-placeholder .wp-social-link::before {
1884    content: "";
1885    display: block;
1886    width: 1em;
1887    height: 1em;
1888    border-radius: 50%;
1889  }
1890  .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
1891    background: currentColor;
1892  }
1893  
1894  .wp-block-social-links .wp-block-social-links__social-prompt {
1895    list-style: none;
1896    order: 2;
1897    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1898    font-size: 13px;
1899    line-height: 24px;
1900    margin-top: auto;
1901    margin-bottom: auto;
1902    cursor: default;
1903    padding-right: 8px;
1904  }
1905  .wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender {
1906    margin-right: 8px;
1907    padding: 0.25em;
1908  }
1909  
1910  .wp-block-social-links .block-list-appender {
1911    margin: 4px auto 4px 0;
1912    border-radius: 9999px;
1913  }
1914  .wp-block-social-links .block-list-appender .block-editor-inserter {
1915    display: flex;
1916    align-items: center;
1917    justify-content: center;
1918    font-size: inherit;
1919    width: 1em;
1920    height: 1em;
1921  }
1922  .has-small-icon-size .wp-block-social-links .block-list-appender {
1923    font-size: 16px;
1924  }
1925  .has-normal-icon-size .wp-block-social-links .block-list-appender {
1926    font-size: 24px;
1927  }
1928  .has-large-icon-size .wp-block-social-links .block-list-appender {
1929    font-size: 36px;
1930  }
1931  .has-huge-icon-size .wp-block-social-links .block-list-appender {
1932    font-size: 48px;
1933  }
1934  .wp-block-social-links .block-list-appender::before {
1935    content: none;
1936  }
1937  
1938  .wp-block[data-align=center] > .wp-block-social-links {
1939    justify-content: center;
1940  }
1941  
1942  .block-editor-block-preview__content .components-button:disabled {
1943    opacity: 1;
1944  }
1945  
1946  .wp-social-link.wp-social-link__is-incomplete {
1947    opacity: 0.5;
1948  }
1949  @media (prefers-reduced-motion: reduce) {
1950    .wp-social-link.wp-social-link__is-incomplete {
1951      transition-duration: 0s;
1952      transition-delay: 0s;
1953    }
1954  }
1955  
1956  .wp-block-social-links .is-selected .wp-social-link__is-incomplete,
1957  .wp-social-link.wp-social-link__is-incomplete:hover,
1958  .wp-social-link.wp-social-link__is-incomplete:focus {
1959    opacity: 1;
1960  }
1961  
1962  .block-editor-block-list__block[data-type="core/spacer"]::before {
1963    content: "";
1964    display: block;
1965    position: absolute;
1966    width: 100%;
1967    height: 24px;
1968    transform: translateY(-12px);
1969  }
1970  
1971  .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
1972  .block-library-spacer__resize-container.has-show-handle {
1973    background: rgba(0, 0, 0, 0.1);
1974  }
1975  .is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
1976  .is-dark-theme .block-library-spacer__resize-container.has-show-handle {
1977    background: rgba(255, 255, 255, 0.15);
1978  }
1979  
1980  .block-library-spacer__resize-container {
1981    clear: both;
1982  }
1983  .block-library-spacer__resize-container .components-resizable-box__handle::before {
1984    content: none;
1985  }
1986  .block-library-spacer__resize-container.resize-horizontal {
1987    margin-bottom: 0;
1988  }
1989  
1990  .wp-block-table {
1991    margin: 0;
1992  }
1993  .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table {
1994    height: auto;
1995  }
1996  .wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table {
1997    width: auto;
1998  }
1999  .wp-block[data-align=left] > .wp-block-table td,
2000  .wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td,
2001  .wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td,
2002  .wp-block[data-align=center] > .wp-block-table th {
2003    word-break: break-word;
2004  }
2005  .wp-block[data-align=center] > .wp-block-table {
2006    text-align: initial;
2007  }
2008  .wp-block[data-align=center] > .wp-block-table table {
2009    margin: 0 auto;
2010  }
2011  .wp-block-table td,
2012  .wp-block-table th {
2013    border: 1px solid;
2014  }
2015  .wp-block-table td.is-selected,
2016  .wp-block-table th.is-selected {
2017    border-color: var(--wp-admin-theme-color);
2018    box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
2019    border-style: double;
2020  }
2021  .wp-block-table figcaption {
2022    color: #555;
2023    font-size: 13px;
2024    text-align: center;
2025  }
2026  .is-dark-theme .wp-block-table figcaption {
2027    color: rgba(255, 255, 255, 0.65);
2028  }
2029  
2030  .blocks-table__placeholder-form.blocks-table__placeholder-form {
2031    display: flex;
2032    flex-direction: column;
2033    align-items: flex-start;
2034  }
2035  .blocks-table__placeholder-form.blocks-table__placeholder-form > * {
2036    margin-bottom: 8px;
2037  }
2038  @media (min-width: 782px) {
2039    .blocks-table__placeholder-form.blocks-table__placeholder-form {
2040      flex-direction: row;
2041      align-items: flex-end;
2042    }
2043    .blocks-table__placeholder-form.blocks-table__placeholder-form > * {
2044      margin-bottom: 0;
2045    }
2046  }
2047  
2048  .blocks-table__placeholder-input {
2049    width: 112px;
2050    margin-right: 8px;
2051    margin-bottom: 0;
2052  }
2053  .blocks-table__placeholder-input input {
2054    height: 36px;
2055  }
2056  .blocks-table__placeholder-input .components-base-control__field {
2057    margin-bottom: 0;
2058  }
2059  
2060  .wp-block-tag-cloud a {
2061    display: inline-block;
2062    margin-right: 5px;
2063  }
2064  .wp-block-tag-cloud span {
2065    display: inline-block;
2066    margin-left: 5px;
2067    color: #757575;
2068    text-decoration: none;
2069  }
2070  
2071  .wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content,
2072  .wp-block-template-part__preview-dropdown-content .components-popover__content {
2073    min-width: 320px;
2074    padding: 0;
2075  }
2076  
2077  .wp-block-template-part__selection-preview-search-form {
2078    border-bottom: 1px solid #ddd;
2079  }
2080  
2081  .wp-block-template-part__selection-preview-container {
2082    background: #fff;
2083    padding-bottom: 16px;
2084  }
2085  .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item {
2086    border-radius: 2px;
2087    cursor: pointer;
2088    margin-top: 16px;
2089    transition: all 0.05s ease-in-out;
2090    border: 1px solid transparent;
2091    width: 100%;
2092    background-color: #fff;
2093  }
2094  .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:hover {
2095    border: 1px solid var(--wp-admin-theme-color);
2096  }
2097  .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:focus {
2098    box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2099    outline: 2px solid transparent;
2100  }
2101  .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item.is-placeholder {
2102    min-height: 100px;
2103  }
2104  .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item-title {
2105    padding: 4px;
2106    font-size: 12px;
2107    text-align: left;
2108  }
2109  .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-header {
2110    padding: 16px 16px 0;
2111  }
2112  .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-content {
2113    padding: 0 16px;
2114  }
2115  .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-title {
2116    color: var(--wp-admin-theme-color);
2117    text-transform: uppercase;
2118    font-size: 11px;
2119    font-weight: 500;
2120  }
2121  
2122  .block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
2123    border: 1px dotted var(--wp-admin-theme-color);
2124  }
2125  .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted::after {
2126    border: none;
2127  }
2128  
2129  .wp-block-text-columns .block-editor-rich-text__editable:focus {
2130    outline: 1px solid #ddd;
2131  }
2132  
2133  .wp-block[data-align=center] > .wp-block-video {
2134    text-align: center;
2135  }
2136  
2137  .wp-block-video {
2138    position: relative;
2139  }
2140  .wp-block-video.is-transient video {
2141    opacity: 0.3;
2142  }
2143  .wp-block-video .components-spinner {
2144    position: absolute;
2145    top: 50%;
2146    left: 50%;
2147    margin-top: -9px;
2148    margin-left: -9px;
2149  }
2150  
2151  .editor-video-poster-control .components-base-control__label {
2152    display: block;
2153  }
2154  .editor-video-poster-control .components-button {
2155    margin-right: 8px;
2156  }
2157  
2158  .block-library-video-tracks-editor {
2159    z-index: 159990;
2160  }
2161  
2162  .block-library-video-tracks-editor > .components-popover__content {
2163    width: 360px;
2164  }
2165  
2166  .block-library-video-tracks-editor__track-list-track {
2167    display: flex;
2168    place-content: space-between;
2169    align-items: baseline;
2170    padding-left: 12px;
2171  }
2172  
2173  .block-library-video-tracks-editor__single-track-editor-label-language {
2174    display: flex;
2175    margin-top: 12px;
2176  }
2177  .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control {
2178    width: 50%;
2179  }
2180  .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child {
2181    margin-right: 16px;
2182  }
2183  
2184  .block-library-video-tracks-editor__single-track-editor-kind-select {
2185    max-width: 240px;
2186  }
2187  
2188  .block-library-video-tracks-editor__single-track-editor-buttons-container {
2189    display: flex;
2190    place-content: space-between;
2191    margin-top: 32px;
2192  }
2193  
2194  .block-library-video-tracks-editor__single-track-editor-edit-track-label {
2195    margin-top: 4px;
2196    margin-bottom: 12px;
2197    color: #757575;
2198    text-transform: uppercase;
2199    font-size: 11px;
2200    font-weight: 500;
2201    display: block;
2202  }
2203  
2204  .block-library-video-tracks-editor > .components-popover__content > div {
2205    padding: 0;
2206  }
2207  
2208  .block-library-video-tracks-editor__track-list .components-menu-group__label,
2209  .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label {
2210    padding: 0;
2211  }
2212  
2213  .block-library-video-tracks-editor__single-track-editor,
2214  .block-library-video-tracks-editor__track-list,
2215  .block-library-video-tracks-editor__add-tracks-container {
2216    padding: 12px;
2217  }
2218  
2219  .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label {
2220    margin-bottom: 4px;
2221  }
2222  .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field {
2223    margin-bottom: 12px;
2224  }
2225  .block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input {
2226    margin-left: 0;
2227  }
2228  .block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label {
2229    margin-bottom: 4px;
2230  }
2231  
2232  .wp-block-query-title__placeholder {
2233    padding: 1em 0;
2234    border: 1px dashed;
2235  }
2236  
2237  .editor-styles-wrapper ul.wp-block-post-template {
2238    padding-left: 0;
2239    margin-left: 0;
2240    list-style: none;
2241  }
2242  
2243  .block-library-query-toolbar__popover .components-popover__content {
2244    min-width: 230px;
2245  }
2246  
2247  .wp-block-query__create-new-link {
2248    padding: 0 16px 16px 56px;
2249  }
2250  
2251  .wp-block > .wp-block-query-pagination {
2252    display: flex;
2253    flex-wrap: wrap;
2254    flex-direction: row;
2255  }
2256  
2257  .editor-styles-wrapper .wp-block-query-pagination {
2258    max-width: 100%;
2259  }
2260  .editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout {
2261    margin: 0;
2262  }
2263  
2264  .block-library-query-pagination-toolbar__popover .components-popover__content {
2265    min-width: 230px;
2266  }
2267  
2268  .wp-block-query-pagination > .wp-block-query-pagination-next,
2269  .wp-block-query-pagination > .wp-block-query-pagination-previous,
2270  .wp-block-query-pagination > .wp-block-query-pagination-numbers {
2271    display: inline-block;
2272    margin-left: 0;
2273    margin-top: 0.5em;
2274    /*rtl:ignore*/
2275    margin-right: 0.5em;
2276    margin-bottom: 0.5em;
2277  }
2278  .wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
2279  .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
2280  .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
2281    /*rtl:ignore*/
2282    margin-right: 0;
2283  }
2284  
2285  .wp-block-query-pagination-numbers a {
2286    text-decoration: underline;
2287  }
2288  .wp-block-query-pagination-numbers .page-numbers {
2289    margin-right: 2px;
2290  }
2291  .wp-block-query-pagination-numbers .page-numbers:last-child {
2292    /*rtl:ignore*/
2293    margin-right: 0;
2294  }
2295  
2296  div[data-type="core/post-featured-image"] img {
2297    max-width: 100%;
2298    height: auto;
2299    display: block;
2300  }
2301  
2302  .editor-styles-wrapper .post-featured-image_placeholder {
2303    display: flex;
2304    flex-direction: row;
2305    align-items: flex-start;
2306    border-radius: 2px;
2307    background-color: #fff;
2308    box-shadow: inset 0 0 0 1px #1e1e1e;
2309    padding: 12px;
2310  }
2311  .editor-styles-wrapper .post-featured-image_placeholder svg {
2312    margin-right: 12px;
2313  }
2314  .editor-styles-wrapper .post-featured-image_placeholder p {
2315    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2316    font-size: 13px;
2317    margin: 0;
2318  }
2319  
2320  .wp-block-term-description__placeholder {
2321    padding: 1em 0;
2322    border: 1px dashed;
2323  }
2324  
2325  :root .editor-styles-wrapper {
2326    /* stylelint-disable function-comma-space-after */
2327    /* stylelint-enable function-comma-space-after */
2328  }
2329  :root .editor-styles-wrapper .has-pale-pink-background-color {
2330    background-color: #f78da7;
2331  }
2332  :root .editor-styles-wrapper .has-vivid-red-background-color {
2333    background-color: #cf2e2e;
2334  }
2335  :root .editor-styles-wrapper .has-luminous-vivid-orange-background-color {
2336    background-color: #ff6900;
2337  }
2338  :root .editor-styles-wrapper .has-luminous-vivid-amber-background-color {
2339    background-color: #fcb900;
2340  }
2341  :root .editor-styles-wrapper .has-light-green-cyan-background-color {
2342    background-color: #7bdcb5;
2343  }
2344  :root .editor-styles-wrapper .has-vivid-green-cyan-background-color {
2345    background-color: #00d084;
2346  }
2347  :root .editor-styles-wrapper .has-pale-cyan-blue-background-color {
2348    background-color: #8ed1fc;
2349  }
2350  :root .editor-styles-wrapper .has-vivid-cyan-blue-background-color {
2351    background-color: #0693e3;
2352  }
2353  :root .editor-styles-wrapper .has-vivid-purple-background-color {
2354    background-color: #9b51e0;
2355  }
2356  :root .editor-styles-wrapper .has-white-background-color {
2357    background-color: #fff;
2358  }
2359  :root .editor-styles-wrapper .has-very-light-gray-background-color {
2360    background-color: #eee;
2361  }
2362  :root .editor-styles-wrapper .has-cyan-bluish-gray-background-color {
2363    background-color: #abb8c3;
2364  }
2365  :root .editor-styles-wrapper .has-very-dark-gray-background-color {
2366    background-color: #313131;
2367  }
2368  :root .editor-styles-wrapper .has-black-background-color {
2369    background-color: #000;
2370  }
2371  :root .editor-styles-wrapper .has-pale-pink-color {
2372    color: #f78da7;
2373  }
2374  :root .editor-styles-wrapper .has-vivid-red-color {
2375    color: #cf2e2e;
2376  }
2377  :root .editor-styles-wrapper .has-luminous-vivid-orange-color {
2378    color: #ff6900;
2379  }
2380  :root .editor-styles-wrapper .has-luminous-vivid-amber-color {
2381    color: #fcb900;
2382  }
2383  :root .editor-styles-wrapper .has-light-green-cyan-color {
2384    color: #7bdcb5;
2385  }
2386  :root .editor-styles-wrapper .has-vivid-green-cyan-color {
2387    color: #00d084;
2388  }
2389  :root .editor-styles-wrapper .has-pale-cyan-blue-color {
2390    color: #8ed1fc;
2391  }
2392  :root .editor-styles-wrapper .has-vivid-cyan-blue-color {
2393    color: #0693e3;
2394  }
2395  :root .editor-styles-wrapper .has-vivid-purple-color {
2396    color: #9b51e0;
2397  }
2398  :root .editor-styles-wrapper .has-white-color {
2399    color: #fff;
2400  }
2401  :root .editor-styles-wrapper .has-very-light-gray-color {
2402    color: #eee;
2403  }
2404  :root .editor-styles-wrapper .has-cyan-bluish-gray-color {
2405    color: #abb8c3;
2406  }
2407  :root .editor-styles-wrapper .has-very-dark-gray-color {
2408    color: #313131;
2409  }
2410  :root .editor-styles-wrapper .has-black-color {
2411    color: #000;
2412  }
2413  :root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
2414    background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);
2415  }
2416  :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
2417    background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);
2418  }
2419  :root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
2420    background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
2421  }
2422  :root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
2423    background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);
2424  }
2425  :root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background {
2426    background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);
2427  }
2428  :root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
2429    background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);
2430  }
2431  :root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background {
2432    background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
2433  }
2434  :root .editor-styles-wrapper .has-blush-light-purple-gradient-background {
2435    background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
2436  }
2437  :root .editor-styles-wrapper .has-blush-bordeaux-gradient-background {
2438    background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
2439  }
2440  :root .editor-styles-wrapper .has-purple-crush-gradient-background {
2441    background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
2442  }
2443  :root .editor-styles-wrapper .has-luminous-dusk-gradient-background {
2444    background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
2445  }
2446  :root .editor-styles-wrapper .has-hazy-dawn-gradient-background {
2447    background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);
2448  }
2449  :root .editor-styles-wrapper .has-pale-ocean-gradient-background {
2450    background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
2451  }
2452  :root .editor-styles-wrapper .has-electric-grass-gradient-background {
2453    background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
2454  }
2455  :root .editor-styles-wrapper .has-subdued-olive-gradient-background {
2456    background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);
2457  }
2458  :root .editor-styles-wrapper .has-atomic-cream-gradient-background {
2459    background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);
2460  }
2461  :root .editor-styles-wrapper .has-nightshade-gradient-background {
2462    background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);
2463  }
2464  :root .editor-styles-wrapper .has-midnight-gradient-background {
2465    background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
2466  }
2467  
2468  .editor-styles-wrapper .has-small-font-size {
2469    font-size: 13px;
2470  }
2471  
2472  .editor-styles-wrapper .has-regular-font-size,
2473  .editor-styles-wrapper .has-normal-font-size {
2474    font-size: 16px;
2475  }
2476  
2477  .editor-styles-wrapper .has-medium-font-size {
2478    font-size: 20px;
2479  }
2480  
2481  .editor-styles-wrapper .has-large-font-size {
2482    font-size: 36px;
2483  }
2484  
2485  .editor-styles-wrapper .has-larger-font-size,
2486  .editor-styles-wrapper .has-huge-font-size {
2487    font-size: 42px;
2488  }
2489  
2490  /**
2491   * Editor Normalization Styles
2492   *
2493   * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper.
2494   * This allows us to create normalization styles that are easily overridden by editor styles.
2495   */
2496  #end-resizable-editor-section {
2497    display: none;
2498  }