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