[Summary view] [Print] [Text view]

   1  /**
   2   * Typography
   3   */
   4  /**
   5   * SCSS Variables.
   6   *
   7   * Please use variables from this sheet to ensure consistency across the UI.
   8   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
   9   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  10   */
  11  /**
  12   * Colors
  13   */
  14  /**
  15   * Fonts & basic variables.
  16   */
  17  /**
  18   * Typography
  19   */
  20  /**
  21   * Grid System.
  22   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  23   */
  24  /**
  25   * Radius scale.
  26   */
  27  /**
  28   * Elevation scale.
  29   */
  30  /**
  31   * Dimensions.
  32   */
  33  /**
  34   * Mobile specific styles
  35   */
  36  /**
  37   * Editor styles.
  38   */
  39  /**
  40   * Block & Editor UI.
  41   */
  42  /**
  43   * Block paddings.
  44   */
  45  /**
  46   * React Native specific.
  47   * These variables do not appear to be used anywhere else.
  48   */
  49  /**
  50   * Breakpoints & Media Queries
  51   */
  52  /**
  53  *  Converts a hex value into the rgb equivalent.
  54  *
  55  * @param {string} hex - the hexadecimal value to convert
  56  * @return {string} comma separated rgb values
  57  */
  58  /**
  59   * Long content fade mixin
  60   *
  61   * Creates a fading overlay to signify that the content is longer
  62   * than the space allows.
  63   */
  64  /**
  65   * Breakpoint mixins
  66   */
  67  /**
  68   * Focus styles.
  69   */
  70  /**
  71   * Standard focus rings for the WordPress Design System.
  72   *
  73   * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
  74   * e.g. `&:focus { @include outset-ring__focus(); }`.
  75   */
  76  /**
  77   * Applies editor left position to the selector passed as argument
  78   */
  79  /**
  80   * Styles that are reused verbatim in a few places
  81   */
  82  /**
  83   * Allows users to opt-out of animations via OS-level preferences.
  84   */
  85  /**
  86   * Reset default styles for JavaScript UI based pages.
  87   * This is a WP-admin agnostic reset
  88   */
  89  /**
  90   * Reset the WP Admin page styles for Gutenberg-like pages.
  91   */
  92  /**
  93   * Creates a checkerboard pattern background to indicate transparency.
  94   * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
  95   */
  96  .block-library-utils__media-control {
  97    position: relative;
  98  }
  99  .block-library-utils__media-control .components-drop-zone__content-icon {
 100    display: none;
 101  }
 102  .block-library-utils__media-control .block-library-utils__media-control__replace-flow {
 103    display: block;
 104  }
 105  .block-library-utils__media-control .block-library-utils__media-control__replace-flow button.components-button {
 106    color: #1e1e1e;
 107    border-color: #ccc;
 108    width: 100%;
 109    display: block;
 110    height: 40px;
 111    padding-right: 32px;
 112  }
 113  .block-library-utils__media-control .block-library-utils__media-control__replace-flow button.components-button:hover {
 114    color: var(--wp-admin-theme-color);
 115  }
 116  
 117  .block-library-utils__media-control__inspector-media-replace-title {
 118    word-break: break-all;
 119    white-space: normal;
 120    text-align: start;
 121  }
 122  
 123  .block-library-utils__media-control__inspector-image-indicator {
 124    width: 20px;
 125    height: 20px;
 126    border-radius: 2px;
 127    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
 128    background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
 129    background-size: cover;
 130    outline: 1px solid transparent;
 131  }
 132  
 133  .block-library-utils__media-control__reset {
 134    position: absolute;
 135    right: 0;
 136    top: 8px;
 137    margin: auto 8px auto;
 138    opacity: 0;
 139    border-radius: 2px;
 140  }
 141  @media not (prefers-reduced-motion) {
 142    .block-library-utils__media-control__reset {
 143      transition: opacity 0.1s ease-in-out;
 144    }
 145  }
 146  .block-library-utils__media-control:hover .block-library-utils__media-control__reset, .block-library-utils__media-control__reset:focus, .block-library-utils__media-control__reset:hover {
 147    opacity: 1;
 148  }
 149  @media (hover: none) {
 150    .block-library-utils__media-control__reset {
 151      opacity: 1;
 152    }
 153  }
 154  
 155  .wp-block-audio {
 156    margin-left: 0;
 157    margin-right: 0;
 158    position: relative;
 159  }
 160  .wp-block-audio.is-transient audio {
 161    opacity: 0.3;
 162  }
 163  .wp-block-audio .components-spinner {
 164    position: absolute;
 165    top: 50%;
 166    left: 50%;
 167    margin-top: -9px;
 168    margin-left: -9px;
 169  }
 170  
 171  .wp-block-avatar__image img {
 172    width: 100%;
 173  }
 174  
 175  .wp-block-avatar.aligncenter .components-resizable-box__container {
 176    margin: 0 auto;
 177  }
 178  
 179  .wp-block[data-align=center] > .wp-block-button {
 180    text-align: center;
 181    margin-left: auto;
 182    margin-right: auto;
 183  }
 184  
 185  .wp-block[data-align=right] > .wp-block-button {
 186    /*!rtl:ignore*/
 187    text-align: right;
 188  }
 189  
 190  .wp-block-button {
 191    position: relative;
 192    cursor: text;
 193  }
 194  .wp-block-button:focus {
 195    box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
 196    outline: 2px solid transparent;
 197    outline-offset: -2px;
 198  }
 199  .wp-block-button[data-rich-text-placeholder]::after {
 200    opacity: 0.8;
 201  }
 202  
 203  div[data-type="core/button"] {
 204    display: table;
 205  }
 206  
 207  .wp-block-buttons > .wp-block {
 208    margin: 0;
 209  }
 210  .wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button {
 211    margin: 0;
 212  }
 213  .wp-block-buttons > .block-list-appender {
 214    display: inline-flex;
 215    align-items: center;
 216  }
 217  .wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle {
 218    justify-content: flex-start;
 219  }
 220  .wp-block-buttons > .wp-block-button:focus {
 221    box-shadow: none;
 222  }
 223  .wp-block-buttons {
 224    /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 225  }
 226  .wp-block-buttons:not(.is-content-justification-space-between,
 227  .is-content-justification-right,
 228  .is-content-justification-left,
 229  .is-content-justification-center) .wp-block[data-align=center] {
 230    /* stylelint-enable @stylistic/indentation */
 231    margin-left: auto;
 232    margin-right: auto;
 233    margin-top: 0;
 234    width: 100%;
 235  }
 236  .wp-block-buttons:not(.is-content-justification-space-between,
 237  .is-content-justification-right,
 238  .is-content-justification-left,
 239  .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
 240    margin-bottom: 0;
 241  }
 242  
 243  .wp-block[data-align=center] > .wp-block-buttons {
 244    align-items: center;
 245    justify-content: center;
 246  }
 247  
 248  .wp-block[data-align=right] > .wp-block-buttons {
 249    justify-content: flex-end;
 250  }
 251  
 252  .wp-block-categories ul {
 253    padding-left: 2.5em;
 254  }
 255  .wp-block-categories ul ul {
 256    margin-top: 6px;
 257  }
 258  
 259  /* Center alignment for classic themes. */
 260  [data-align=center] .wp-block-categories {
 261    text-align: center;
 262  }
 263  
 264  .wp-block-categories__indentation {
 265    padding-left: 16px;
 266  }
 267  
 268  .wp-block-code code {
 269    background: none;
 270  }
 271  
 272  .wp-block-columns :where(.wp-block) {
 273    max-width: none;
 274    margin-left: 0;
 275    margin-right: 0;
 276  }
 277  
 278  html :where(.wp-block-column) {
 279    margin-top: 0;
 280    margin-bottom: 0;
 281  }
 282  
 283  /* Styles for backwards compatibility with the legacy `post-comments` block */
 284  .wp-block-post-comments, .wp-block-comments__legacy-placeholder {
 285    box-sizing: border-box;
 286    /* utility classes */
 287  }
 288  .wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft {
 289    float: left;
 290  }
 291  .wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright {
 292    float: right;
 293  }
 294  .wp-block-post-comments, .wp-block-comments__legacy-placeholder {
 295    /* end utility classes */
 296  }
 297  .wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after {
 298    content: "";
 299    display: table;
 300    clear: both;
 301  }
 302  .wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist {
 303    clear: both;
 304    list-style: none;
 305    margin: 0;
 306    padding: 0;
 307  }
 308  .wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment {
 309    min-height: 2.25em;
 310    padding-left: 3.25em;
 311  }
 312  .wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p {
 313    font-size: 1em;
 314    line-height: 1.8;
 315    margin: 1em 0;
 316  }
 317  .wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children {
 318    list-style: none;
 319    margin: 0;
 320    padding: 0;
 321  }
 322  .wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author {
 323    line-height: 1.5;
 324  }
 325  .wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .comment-author .avatar {
 326    border-radius: 1.5em;
 327    display: block;
 328    float: left;
 329    height: 2.5em;
 330    margin-top: 0.5em;
 331    margin-right: 0.75em;
 332    width: 2.5em;
 333  }
 334  .wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite {
 335    font-style: normal;
 336  }
 337  .wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta {
 338    font-size: 0.875em;
 339    line-height: 1.5;
 340  }
 341  .wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b {
 342    font-weight: normal;
 343  }
 344  .wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation {
 345    margin-top: 1em;
 346    margin-bottom: 1em;
 347    display: block;
 348  }
 349  .wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata {
 350    font-size: 0.875em;
 351  }
 352  .wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label,
 353  .wp-block-post-comments .comment-form-author label,
 354  .wp-block-comments__legacy-placeholder .comment-form-author label,
 355  .wp-block-post-comments .comment-form-email label,
 356  .wp-block-comments__legacy-placeholder .comment-form-email label,
 357  .wp-block-post-comments .comment-form-url label,
 358  .wp-block-comments__legacy-placeholder .comment-form-url label {
 359    display: block;
 360    margin-bottom: 0.25em;
 361  }
 362  .wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea,
 363  .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
 364  .wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) {
 365    display: block;
 366    box-sizing: border-box;
 367    width: 100%;
 368  }
 369  .wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent {
 370    display: flex;
 371    gap: 0.25em;
 372  }
 373  .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent {
 374    margin-top: 0.35em;
 375  }
 376  .wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title {
 377    margin-bottom: 0;
 378  }
 379  .wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) {
 380    font-size: var(--wp--preset--font-size--medium, smaller);
 381    margin-left: 0.5em;
 382  }
 383  .wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply {
 384    font-size: 0.875em;
 385    margin-bottom: 1.4em;
 386  }
 387  .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
 388  .wp-block-post-comments input:not([type=submit]),
 389  .wp-block-comments__legacy-placeholder input:not([type=submit]) {
 390    border: 1px solid #949494;
 391    font-size: 1em;
 392    font-family: inherit;
 393  }
 394  .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
 395  .wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
 396  .wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) {
 397    padding: calc(0.667em + 2px);
 398  }
 399  
 400  :where(.wp-block-post-comments input[type=submit], .wp-block-comments__legacy-placeholder input[type=submit]) {
 401    border: none;
 402  }
 403  
 404  .wp-block-comments {
 405    box-sizing: border-box;
 406  }
 407  
 408  .block-library-comments-toolbar__popover .components-popover__content {
 409    min-width: 230px;
 410  }
 411  
 412  .wp-block-comments__legacy-placeholder * {
 413    pointer-events: none;
 414  }
 415  
 416  .wp-block-comment-author-avatar__placeholder {
 417    border: currentColor 1px dashed;
 418    width: 100%;
 419    height: 100%;
 420    stroke: currentColor;
 421    stroke-dasharray: 3;
 422  }
 423  
 424  .wp-block[data-align=center] > .wp-block-comments-pagination {
 425    justify-content: center;
 426  }
 427  
 428  :where(.editor-styles-wrapper) .wp-block-comments-pagination {
 429    max-width: 100%;
 430  }
 431  
 432  .wp-block-comments-pagination > .wp-block-comments-pagination-next,
 433  .wp-block-comments-pagination > .wp-block-comments-pagination-previous,
 434  .wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
 435    font-size: inherit;
 436  }
 437  
 438  .wp-block-comments-pagination-numbers a {
 439    text-decoration: underline;
 440  }
 441  .wp-block-comments-pagination-numbers .page-numbers {
 442    margin-right: 2px;
 443  }
 444  .wp-block-comments-pagination-numbers .page-numbers:last-child {
 445    /*rtl:ignore*/
 446    margin-right: 0;
 447  }
 448  
 449  .wp-block-comments-title.has-background {
 450    padding: inherit;
 451  }
 452  
 453  .wp-block-cover.is-placeholder {
 454    padding: 0 !important;
 455    display: flex;
 456    align-items: stretch;
 457    min-height: 240px;
 458  }
 459  .wp-block-cover.is-placeholder .components-placeholder.is-large {
 460    justify-content: flex-start;
 461    z-index: 1;
 462  }
 463  .wp-block-cover.is-placeholder:focus::after {
 464    min-height: auto;
 465  }
 466  .wp-block-cover.components-placeholder h2 {
 467    color: inherit;
 468  }
 469  .wp-block-cover.is-transient {
 470    position: relative;
 471  }
 472  .wp-block-cover.is-transient::before {
 473    background-color: #fff;
 474    content: "";
 475    height: 100%;
 476    opacity: 0.3;
 477    position: absolute;
 478    width: 100%;
 479    z-index: 1;
 480  }
 481  .wp-block-cover.is-transient .wp-block-cover__inner-container {
 482    z-index: 2;
 483  }
 484  .wp-block-cover.is-transient .components-spinner {
 485    z-index: 3;
 486  }
 487  .wp-block-cover .components-spinner {
 488    position: absolute;
 489    top: 50%;
 490    left: 50%;
 491    transform: translate(-50%, -50%);
 492    margin: 0;
 493  }
 494  .wp-block-cover .wp-block-cover__inner-container {
 495    text-align: left;
 496    margin-left: 0;
 497    margin-right: 0;
 498  }
 499  .wp-block-cover .wp-block-cover__placeholder-background-options {
 500    width: 100%;
 501  }
 502  .wp-block-cover .wp-block-cover__image--placeholder-image {
 503    position: absolute;
 504    top: 0;
 505    right: 0;
 506    bottom: 0;
 507    left: 0;
 508  }
 509  
 510  [data-align=left] > .wp-block-cover,
 511  [data-align=right] > .wp-block-cover {
 512    max-width: 420px;
 513    width: 100%;
 514  }
 515  
 516  .block-library-cover__reset-button {
 517    margin-left: auto;
 518  }
 519  
 520  .block-library-cover__resize-container {
 521    position: absolute !important;
 522    top: 0;
 523    left: 0;
 524    right: 0;
 525    bottom: 0;
 526    min-height: 50px;
 527  }
 528  
 529  .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div,
 530  .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container {
 531    pointer-events: none;
 532    overflow: visible;
 533  }
 534  
 535  .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
 536    background-attachment: scroll;
 537  }
 538  
 539  .color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
 540    margin-top: 24px;
 541  }
 542  
 543  .wp-block-details summary div {
 544    display: inline;
 545  }
 546  
 547  .wp-block-embed {
 548    margin-left: 0;
 549    margin-right: 0;
 550    clear: both;
 551  }
 552  .wp-block-embed.is-loading {
 553    display: flex;
 554    justify-content: center;
 555  }
 556  .wp-block-embed .wp-block-embed__placeholder-input {
 557    flex: 1 1 auto;
 558  }
 559  .wp-block-embed .components-placeholder__error {
 560    word-break: break-word;
 561  }
 562  
 563  .wp-block-post-content .wp-block-embed__learn-more a {
 564    color: var(--wp-admin-theme-color);
 565  }
 566  
 567  .block-library-embed__interactive-overlay {
 568    position: absolute;
 569    top: 0;
 570    left: 0;
 571    right: 0;
 572    bottom: 0;
 573    opacity: 0;
 574  }
 575  
 576  .wp-block[data-align=left] > .wp-block-embed,
 577  .wp-block[data-align=right] > .wp-block-embed {
 578    max-width: 360px;
 579    width: 100%;
 580  }
 581  .wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper,
 582  .wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper {
 583    min-width: 280px;
 584  }
 585  
 586  .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
 587    height: auto;
 588  }
 589  .wp-block[data-align=center] > .wp-block-file {
 590    text-align: center;
 591  }
 592  .wp-block-file {
 593    display: flex;
 594    flex-wrap: wrap;
 595    justify-content: space-between;
 596    align-items: center;
 597    margin-bottom: 0;
 598  }
 599  .wp-block-file .components-resizable-box__container {
 600    margin-bottom: 1em;
 601  }
 602  .wp-block-file .wp-block-file__preview {
 603    margin-bottom: 1em;
 604    width: 100%;
 605    height: 100%;
 606  }
 607  .wp-block-file .wp-block-file__preview-overlay {
 608    position: absolute;
 609    top: 0;
 610    right: 0;
 611    bottom: 0;
 612    left: 0;
 613  }
 614  .wp-block-file .wp-block-file__content-wrapper {
 615    flex-grow: 1;
 616  }
 617  .wp-block-file a {
 618    min-width: 1em;
 619  }
 620  .wp-block-file a:not(.wp-block-file__button) {
 621    display: inline-block;
 622  }
 623  .wp-block-file .wp-block-file__button-richtext-wrapper {
 624    display: inline-block;
 625    margin-left: 0.75em;
 626  }
 627  
 628  .wp-block-form-input .is-input-hidden {
 629    display: flex;
 630    position: relative;
 631    font-size: 0.85em;
 632    opacity: 0.3;
 633    border: 1px dashed;
 634    padding: 0.5em;
 635    box-sizing: border-box;
 636    background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
 637    justify-content: center;
 638    align-items: center;
 639  }
 640  .wp-block-form-input .is-input-hidden::after {
 641    content: attr(data-message);
 642  }
 643  .wp-block-form-input.is-selected .is-input-hidden {
 644    opacity: 1;
 645    background: none;
 646  }
 647  
 648  .wp-block-form-submission-notification > * {
 649    opacity: 0.25;
 650    border: 1px dashed;
 651    box-sizing: border-box;
 652    background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
 653  }
 654  .wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * {
 655    opacity: 1;
 656    background: none;
 657  }
 658  .wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after {
 659    display: none !important;
 660  }
 661  .wp-block-form-submission-notification::after {
 662    display: flex;
 663    position: absolute;
 664    width: 100%;
 665    height: 100%;
 666    top: 0;
 667    left: 0;
 668    justify-content: center;
 669    align-items: center;
 670    font-size: 1.1em;
 671  }
 672  .wp-block-form-submission-notification.form-notification-type-success::after {
 673    content: attr(data-message-success);
 674  }
 675  .wp-block-form-submission-notification.form-notification-type-error::after {
 676    content: attr(data-message-error);
 677  }
 678  
 679  .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe {
 680    height: 50vh !important;
 681  }
 682  @media (min-width: 960px) {
 683    .block-editor-freeform-modal .block-editor-freeform-modal__content:not(.is-full-screen) {
 684      height: 9999rem;
 685    }
 686    .block-editor-freeform-modal .block-editor-freeform-modal__content .components-modal__header + div {
 687      height: 100%;
 688    }
 689    .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-tinymce {
 690      height: calc(100% - 36px - 16px);
 691    }
 692    .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-container-body {
 693      height: 100%;
 694      display: flex;
 695      flex-direction: column;
 696      min-width: 50vw;
 697    }
 698    .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area {
 699      flex-grow: 1;
 700      display: flex;
 701      flex-direction: column;
 702    }
 703    .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe {
 704      flex-grow: 1;
 705      height: 10px !important;
 706    }
 707  }
 708  .block-editor-freeform-modal__actions {
 709    margin-top: 16px;
 710  }
 711  
 712  :root :where(figure.wp-block-gallery) {
 713    display: block;
 714  }
 715  :root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
 716    flex: 0 0 100%;
 717  }
 718  :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
 719    display: none;
 720  }
 721  :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
 722    margin-bottom: 0;
 723  }
 724  :root :where(figure.wp-block-gallery) .block-editor-media-placeholder {
 725    margin: 0;
 726  }
 727  :root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
 728    display: flex;
 729  }
 730  :root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
 731    z-index: 2;
 732  }
 733  :root :where(figure.wp-block-gallery) .components-spinner {
 734    position: absolute;
 735    top: 50%;
 736    left: 50%;
 737    margin-top: -9px;
 738    margin-left: -9px;
 739  }
 740  
 741  /**
 742   * Gallery inspector controls settings.
 743   */
 744  .gallery-settings-buttons .components-button:first-child {
 745    margin-right: 8px;
 746  }
 747  
 748  /**
 749   * Deprecated css past this point. This can be removed once all galleries are migrated
 750   * to V2.
 751   */
 752  .blocks-gallery-item figure:not(.is-selected):focus,
 753  .blocks-gallery-item img:focus {
 754    outline: none;
 755  }
 756  .blocks-gallery-item figure.is-selected::before {
 757    box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
 758    content: "";
 759    outline: 2px solid transparent;
 760    position: absolute;
 761    top: 0;
 762    right: 0;
 763    bottom: 0;
 764    left: 0;
 765    z-index: 1;
 766    pointer-events: none;
 767  }
 768  .blocks-gallery-item figure.is-transient img {
 769    opacity: 0.3;
 770  }
 771  .blocks-gallery-item .block-editor-media-placeholder {
 772    margin: 0;
 773    height: 100%;
 774  }
 775  .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label {
 776    display: flex;
 777  }
 778  
 779  .wp-block-gallery ul.blocks-gallery-grid {
 780    padding: 0;
 781    margin: 0;
 782  }
 783  
 784  @media (min-width: 600px) {
 785    .wp-block-update-gallery-modal {
 786      max-width: 480px;
 787    }
 788  }
 789  
 790  .wp-block-update-gallery-modal-buttons {
 791    display: flex;
 792    justify-content: flex-end;
 793    gap: 12px;
 794  }
 795  
 796  .wp-block-gallery__source-settings {
 797    grid-column: 1/-1;
 798    display: flex;
 799    flex-direction: column;
 800    gap: 8px;
 801  }
 802  .wp-block-gallery__source-settings .wp-block-gallery__source-description {
 803    margin: 0;
 804    color: #757575;
 805    font-size: 12px;
 806  }
 807  .wp-block-gallery__source-settings .components-button {
 808    justify-content: center;
 809    width: 100%;
 810  }
 811  
 812  .wp-block-gallery__source-notice {
 813    grid-column: 1/-1;
 814    margin: 0;
 815  }
 816  
 817  /**
 818   * Group: All Alignment Settings
 819   */
 820  .wp-block-group .block-editor-block-list__insertion-point {
 821    left: 0;
 822    right: 0;
 823  }
 824  
 825  [data-type="core/group"].is-selected .block-list-appender {
 826    margin-left: 0;
 827    margin-right: 0;
 828  }
 829  [data-type="core/group"].is-selected .has-background .block-list-appender {
 830    margin-top: 18px;
 831    margin-bottom: 18px;
 832  }
 833  
 834  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child {
 835    gap: inherit;
 836  }
 837  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child,
 838  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content,
 839  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
 840    display: inherit;
 841    width: 100%;
 842    flex-direction: inherit;
 843    flex: 1;
 844  }
 845  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after {
 846    content: "";
 847    display: flex;
 848    flex: 1 0 40px;
 849    pointer-events: none;
 850    min-height: 38px;
 851    border: 1px dashed currentColor;
 852  }
 853  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child {
 854    pointer-events: none;
 855  }
 856  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter,
 857  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-button-block-appender {
 858    pointer-events: all;
 859  }
 860  
 861  .block-library-html__edit .block-library-html__preview-overlay {
 862    position: absolute;
 863    width: 100%;
 864    height: 100%;
 865    top: 0;
 866    left: 0;
 867  }
 868  
 869  .block-library-html__edit-code {
 870    margin: 16px;
 871  }
 872  .block-library-html__edit-code .block-library-html__edit-code-button {
 873    justify-content: center;
 874  }
 875  
 876  @media (min-width: 600px) {
 877    .block-library-html__modal:not(.is-full-screen) {
 878      height: 9999rem;
 879    }
 880  }
 881  .block-library-html__modal .components-modal__children-container {
 882    height: 100%;
 883  }
 884  
 885  .block-library-html__modal-tabs {
 886    flex: 1;
 887  }
 888  
 889  .block-library-html__modal-content {
 890    flex: 1;
 891  }
 892  
 893  .block-library-html__modal-tab {
 894    height: 100%;
 895    display: flex;
 896    flex-direction: column;
 897    margin: 0;
 898    box-sizing: border-box;
 899    border: 1px solid #e0e0e0;
 900    border-radius: 2px;
 901    padding: 16px;
 902    font-family: Menlo, Consolas, monaco, monospace;
 903  }
 904  
 905  .block-library-html__modal-editor {
 906    width: 100%;
 907    height: 100%;
 908    flex: 1;
 909    border: none;
 910    background: transparent;
 911    padding: 0;
 912    font-family: inherit;
 913    font-size: inherit;
 914    line-height: inherit;
 915    color: inherit;
 916    resize: none;
 917    /*rtl:ignore*/
 918    direction: ltr;
 919    overflow-x: auto;
 920    box-sizing: border-box;
 921  }
 922  .block-library-html__modal-editor:focus {
 923    outline: none;
 924    box-shadow: none;
 925  }
 926  
 927  .block-library-html__preview {
 928    display: flex;
 929    align-items: center;
 930    justify-content: center;
 931    min-height: 0;
 932    overflow-y: auto;
 933    flex: 1;
 934  }
 935  .block-library-html__preview iframe {
 936    height: 100%;
 937  }
 938  
 939  .wp-block[data-align=center] > .wp-block-icon {
 940    display: flex;
 941    justify-content: center;
 942  }
 943  
 944  .wp-block-icon__inserter-sidebar {
 945    padding-bottom: 24px;
 946  }
 947  @media (min-width: 782px) {
 948    .wp-block-icon__inserter-sidebar {
 949      overflow-x: visible;
 950      overflow-y: auto;
 951      position: absolute;
 952      top: 72px;
 953      left: 0;
 954      bottom: 0;
 955      width: 280px;
 956      padding-top: 24px;
 957      padding-inline: 24px;
 958    }
 959  }
 960  
 961  @media (min-width: 782px) {
 962    .wp-block-icon__inserter-panel {
 963      margin-inline-start: 280px;
 964    }
 965  }
 966  
 967  .wp-block-icon__inserter-loading {
 968    display: flex;
 969    justify-content: center;
 970    padding: 24px;
 971  }
 972  
 973  .wp-block-icon__inserter-grid-icons-list {
 974    display: grid;
 975    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 976  }
 977  
 978  .wp-block-icon__inserter-grid-no-results {
 979    display: flex;
 980    justify-content: center;
 981  }
 982  
 983  .wp-block-icon__inserter-grid-icons-list-item {
 984    display: flex;
 985    flex-direction: column;
 986    height: auto !important;
 987  }
 988  
 989  .wp-block-icon__inserter-grid-icons-list-item-icon {
 990    padding: 12px;
 991  }
 992  .wp-block-icon__inserter-grid-icons-list-item-icon svg {
 993    display: block;
 994    width: 24px;
 995    height: 24px;
 996  }
 997  
 998  .wp-block-icon__inserter-grid-icons-list-item-title {
 999    font-size: 12px;
1000    padding: 4px 4px 8px;
1001    overflow-wrap: break-word;
1002  }
1003  
1004  .wp-block-icon__toolbar-content {
1005    width: 250px;
1006  }
1007  
1008  .wp-block-icon__placeholder {
1009    backdrop-filter: blur(100px);
1010  }
1011  
1012  .wp-block-image.wp-block-image .block-editor-media-placeholder.is-small {
1013    min-height: 60px;
1014  }
1015  
1016  figure.wp-block-image:not(.wp-block) {
1017    margin: 0;
1018  }
1019  
1020  .wp-block-image {
1021    position: relative;
1022  }
1023  .wp-block-image.is-transient:not(.alignwide):not(.alignfull), .wp-block-image:has(img.is-swapping-media):not(.alignwide):not(.alignfull) {
1024    width: -moz-fit-content;
1025    width: fit-content;
1026  }
1027  .wp-block-image .is-applying img, .wp-block-image.is-transient img,
1028  .wp-block-image img.is-swapping-media {
1029    opacity: 0.3;
1030  }
1031  .wp-block-image figcaption img {
1032    display: inline;
1033  }
1034  .wp-block-image .components-spinner {
1035    position: absolute;
1036    top: 50%;
1037    left: 50%;
1038    transform: translate(-50%, -50%);
1039    margin: 0;
1040  }
1041  
1042  .wp-block-image__placeholder {
1043    aspect-ratio: 4/3;
1044  }
1045  .wp-block-image__placeholder.has-illustration::before {
1046    background: #fff;
1047    opacity: 0.8;
1048  }
1049  .wp-block-image__placeholder .components-placeholder__illustration {
1050    opacity: 0.1;
1051  }
1052  
1053  .wp-block-image.is-selected .block-editor-media-placeholder {
1054    filter: none !important;
1055  }
1056  
1057  .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
1058    position: absolute;
1059    left: 0;
1060    right: 0;
1061    margin: -1px 0;
1062  }
1063  @media (min-width: 600px) {
1064    .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
1065      margin: -1px;
1066    }
1067  }
1068  
1069  [data-align=wide] > .wp-block-image img,
1070  [data-align=full] > .wp-block-image img {
1071    height: auto;
1072    width: 100%;
1073  }
1074  
1075  .wp-block[data-align=left] > .wp-block-image,
1076  .wp-block[data-align=center] > .wp-block-image,
1077  .wp-block[data-align=right] > .wp-block-image {
1078    display: table;
1079  }
1080  .wp-block[data-align=left] > .wp-block-image > figcaption,
1081  .wp-block[data-align=center] > .wp-block-image > figcaption,
1082  .wp-block[data-align=right] > .wp-block-image > figcaption {
1083    display: table-caption;
1084    caption-side: bottom;
1085  }
1086  
1087  .wp-block[data-align=left] > .wp-block-image {
1088    margin-right: 1em;
1089    margin-left: 0;
1090    margin-top: 0.5em;
1091    margin-bottom: 0.5em;
1092  }
1093  
1094  .wp-block[data-align=right] > .wp-block-image {
1095    margin-left: 1em;
1096    margin-right: 0;
1097    margin-top: 0.5em;
1098    margin-bottom: 0.5em;
1099  }
1100  
1101  .wp-block[data-align=center] > .wp-block-image {
1102    margin-left: auto;
1103    margin-right: auto;
1104    text-align: center;
1105  }
1106  
1107  .wp-block[data-align]:has(> .wp-block-image) {
1108    position: relative;
1109  }
1110  
1111  .wp-block-image__crop-area {
1112    position: relative;
1113    max-width: 100%;
1114    width: 100%;
1115    overflow: hidden;
1116  }
1117  .wp-block-image__crop-area .reactEasyCrop_Container {
1118    pointer-events: auto;
1119  }
1120  .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
1121    border: none;
1122    border-radius: 0;
1123  }
1124  
1125  .wp-block-image__crop-icon {
1126    padding: 0 8px;
1127    min-width: 48px;
1128    display: flex;
1129    justify-content: center;
1130    align-items: center;
1131  }
1132  .wp-block-image__crop-icon svg {
1133    fill: currentColor;
1134  }
1135  
1136  .wp-block-image__zoom .components-popover__content {
1137    min-width: 260px;
1138    overflow: visible !important;
1139  }
1140  
1141  .wp-block-image__toolbar_content_textarea__container {
1142    padding: 8px;
1143  }
1144  
1145  .wp-block-image__toolbar_content_textarea {
1146    width: 250px;
1147  }
1148  
1149  .wp-block-latest-posts > li {
1150    overflow: hidden;
1151  }
1152  
1153  .wp-block-latest-posts li a > div {
1154    display: inline;
1155  }
1156  
1157  :root :where(.wp-block-latest-posts) {
1158    padding-left: 2.5em;
1159  }
1160  
1161  :root :where(.wp-block-latest-posts.is-grid),
1162  :root :where(.wp-block-latest-posts__list) {
1163    padding-left: 0;
1164  }
1165  
1166  .wp-block-math__textarea-control textarea {
1167    font-family: Menlo, Consolas, monaco, monospace;
1168    /*rtl:ignore*/
1169    direction: ltr;
1170  }
1171  
1172  .wp-block-media-text__media {
1173    position: relative;
1174  }
1175  .wp-block-media-text__media.is-transient img {
1176    opacity: 0.3;
1177  }
1178  .wp-block-media-text__media .components-spinner {
1179    position: absolute;
1180    top: 50%;
1181    left: 50%;
1182    margin-top: -9px;
1183    margin-left: -9px;
1184  }
1185  
1186  .wp-block-media-text .__resizable_base__ {
1187    grid-column: 1/span 2;
1188    grid-row: 2;
1189  }
1190  
1191  .wp-block-media-text .editor-media-container__resizer {
1192    width: 100% !important;
1193  }
1194  
1195  .wp-block-media-text.is-image-fill .editor-media-container__resizer,
1196  .wp-block-media-text.is-image-fill .components-placeholder.has-illustration,
1197  .wp-block-media-text.is-image-fill-element .editor-media-container__resizer,
1198  .wp-block-media-text.is-image-fill-element .components-placeholder.has-illustration {
1199    height: 100% !important;
1200  }
1201  
1202  .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block {
1203    max-width: unset;
1204  }
1205  
1206  /* Make the featured image placeholder the same height as the media selection area. */
1207  .wp-block-media-text--placeholder-image {
1208    min-height: 205px;
1209  }
1210  
1211  .block-editor-block-list__block[data-type="core/more"] {
1212    max-width: 100%;
1213    text-align: center;
1214    margin-top: 28px;
1215    margin-bottom: 28px;
1216  }
1217  
1218  .wp-block-more {
1219    display: block;
1220    text-align: center;
1221    white-space: nowrap;
1222  }
1223  .wp-block-more .rich-text {
1224    position: relative;
1225    font-size: 13px;
1226    text-transform: uppercase;
1227    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1228    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1229    color: #757575;
1230    display: inline-flex;
1231    white-space: nowrap;
1232    text-align: center;
1233    background: #fff;
1234    padding: 10px 36px;
1235  }
1236  .wp-block-more::before {
1237    content: "";
1238    position: absolute;
1239    top: 50%;
1240    left: 0;
1241    right: 0;
1242    border-top: 3px dashed #ccc;
1243  }
1244  
1245  /**
1246   * Editor only CSS.
1247   */
1248  .editor-styles-wrapper .wp-block-navigation ul {
1249    margin-top: 0;
1250    margin-bottom: 0;
1251    margin-left: 0;
1252    padding-left: 0;
1253  }
1254  .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block {
1255    margin: revert;
1256  }
1257  
1258  .wp-block-navigation-item__label {
1259    display: inline;
1260  }
1261  
1262  /**
1263   * Submenus.
1264   */
1265  .wp-block-navigation__container,
1266  .wp-block-navigation-item {
1267    background-color: inherit;
1268  }
1269  
1270  .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container {
1271    opacity: 0;
1272    visibility: hidden;
1273  }
1274  
1275  .has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container {
1276    display: flex;
1277    opacity: 1;
1278    visibility: visible;
1279  }
1280  
1281  .is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container {
1282    opacity: 1;
1283    visibility: visible;
1284  }
1285  
1286  .is-editing > .wp-block-navigation__container {
1287    visibility: visible;
1288    opacity: 1;
1289    display: flex;
1290    flex-direction: column;
1291  }
1292  
1293  .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container {
1294    opacity: 1;
1295    visibility: hidden;
1296  }
1297  .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper {
1298    visibility: visible;
1299  }
1300  
1301  .is-editing > .wp-block-navigation__submenu-container > .block-list-appender {
1302    display: block;
1303    position: static;
1304    width: 100%;
1305  }
1306  .is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender {
1307    color: #fff;
1308    background: #1e1e1e;
1309    padding: 0;
1310    width: 24px;
1311    margin-right: 0;
1312    margin-left: auto;
1313  }
1314  
1315  .wp-block-navigation__submenu-container .block-list-appender {
1316    display: none;
1317  }
1318  
1319  /**
1320   * Colors Selector component
1321   */
1322  .block-library-colors-selector {
1323    width: auto;
1324  }
1325  .block-library-colors-selector .block-library-colors-selector__toggle {
1326    display: block;
1327    margin: 0 auto;
1328    padding: 3px;
1329    width: auto;
1330  }
1331  .block-library-colors-selector .block-library-colors-selector__icon-container {
1332    height: 30px;
1333    position: relative;
1334    margin: 0 auto;
1335    padding: 3px;
1336    display: flex;
1337    align-items: center;
1338    border-radius: 4px;
1339  }
1340  .block-library-colors-selector .block-library-colors-selector__state-selection {
1341    margin-left: auto;
1342    margin-right: auto;
1343    border-radius: 11px;
1344    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
1345    width: 22px;
1346    min-width: 22px;
1347    height: 22px;
1348    min-height: 22px;
1349    line-height: 20px;
1350    padding: 2px;
1351  }
1352  .block-library-colors-selector .block-library-colors-selector__state-selection > svg {
1353    min-width: auto !important;
1354  }
1355  .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg,
1356  .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path {
1357    color: inherit;
1358  }
1359  
1360  .block-library-colors-selector__popover .color-palette-controller-container {
1361    padding: 16px;
1362  }
1363  .block-library-colors-selector__popover .components-base-control__label {
1364    height: 20px;
1365    line-height: 20px;
1366  }
1367  .block-library-colors-selector__popover .component-color-indicator {
1368    float: right;
1369    margin-top: 2px;
1370  }
1371  .block-library-colors-selector__popover .components-panel__body-title {
1372    display: none;
1373  }
1374  
1375  .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender {
1376    background-color: #1e1e1e;
1377    color: #fff;
1378    height: 24px;
1379  }
1380  .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender {
1381    padding: 0;
1382  }
1383  
1384  .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender {
1385    background-color: transparent;
1386    color: #1e1e1e;
1387  }
1388  
1389  /**
1390   * Setup state
1391   */
1392  @keyframes loadingpulse {
1393    0% {
1394      opacity: 1;
1395    }
1396    50% {
1397      opacity: 0.5;
1398    }
1399    100% {
1400      opacity: 1;
1401    }
1402  }
1403  .components-placeholder.wp-block-navigation-placeholder {
1404    outline: none;
1405    padding: 0;
1406    box-shadow: none;
1407    background: none;
1408    min-height: 0;
1409  }
1410  .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset {
1411    font-size: inherit;
1412  }
1413  .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button {
1414    margin-bottom: 0;
1415  }
1416  .components-placeholder.wp-block-navigation-placeholder {
1417    color: inherit;
1418  }
1419  .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder {
1420    color: #1e1e1e;
1421  }
1422  
1423  .wp-block-navigation-placeholder__preview {
1424    display: flex;
1425    align-items: center;
1426    min-width: 96px;
1427    font-size: 13px;
1428    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1429  }
1430  .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview {
1431    display: none;
1432  }
1433  .wp-block-navigation-placeholder__preview {
1434    color: currentColor;
1435    background: transparent;
1436  }
1437  .wp-block-navigation-placeholder__preview::before {
1438    content: "";
1439    display: block;
1440    position: absolute;
1441    top: 0;
1442    right: 0;
1443    bottom: 0;
1444    left: 0;
1445    pointer-events: none;
1446    border: 1px dashed currentColor;
1447    border-radius: inherit;
1448  }
1449  .wp-block-navigation-placeholder__preview > svg {
1450    fill: currentColor;
1451  }
1452  
1453  .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset,
1454  .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset {
1455    min-height: 90px;
1456  }
1457  
1458  .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset {
1459    min-height: 132px;
1460  }
1461  
1462  .wp-block-navigation-placeholder__preview,
1463  .wp-block-navigation-placeholder__controls {
1464    padding: 6px 8px;
1465    flex-direction: row;
1466    align-items: flex-start;
1467  }
1468  
1469  .wp-block-navigation-placeholder__controls {
1470    border-radius: 2px;
1471    background-color: #fff;
1472    box-shadow: inset 0 0 0 1px #1e1e1e;
1473    display: none;
1474    position: relative;
1475    z-index: 1;
1476  }
1477  .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls {
1478    display: flex;
1479  }
1480  .wp-block-navigation-placeholder__controls {
1481    float: left;
1482    width: 100%;
1483  }
1484  .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,
1485  .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,
1486  .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr {
1487    display: none;
1488  }
1489  .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
1490    flex-direction: column;
1491    align-items: flex-start;
1492  }
1493  .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr {
1494    display: none;
1495  }
1496  .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon {
1497    margin-right: 12px;
1498    height: 36px;
1499  }
1500  
1501  .wp-block-navigation-placeholder__actions__indicator {
1502    display: flex;
1503    padding: 0 6px 0 0;
1504    align-items: center;
1505    justify-content: flex-start;
1506    line-height: 0;
1507    height: 36px;
1508    margin-left: 4px;
1509  }
1510  .wp-block-navigation-placeholder__actions__indicator svg {
1511    margin-right: 4px;
1512    fill: currentColor;
1513  }
1514  
1515  .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset {
1516    flex-direction: row !important;
1517  }
1518  
1519  .wp-block-navigation-placeholder__actions {
1520    display: flex;
1521    font-size: 13px;
1522    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1523    gap: 6px;
1524    align-items: center;
1525  }
1526  .wp-block-navigation-placeholder__actions .components-dropdown,
1527  .wp-block-navigation-placeholder__actions > .components-button {
1528    margin-right: 0;
1529  }
1530  .wp-block-navigation-placeholder__actions {
1531    height: 100%;
1532  }
1533  .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr {
1534    border: 0;
1535    min-height: 1px;
1536    min-width: 1px;
1537    background-color: #1e1e1e;
1538    margin: auto 0;
1539    height: 100%;
1540    max-height: 16px;
1541  }
1542  
1543  /**
1544   * Mobile menu.
1545   */
1546  @media (min-width: 600px) {
1547    .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
1548      display: none;
1549    }
1550  }
1551  
1552  .wp-block-navigation__responsive-container.is-menu-open {
1553    position: fixed;
1554    top: 159px;
1555  }
1556  @media (min-width: 782px) {
1557    .wp-block-navigation__responsive-container.is-menu-open {
1558      top: 97px;
1559    }
1560  }
1561  @media (min-width: 782px) {
1562    .wp-block-navigation__responsive-container.is-menu-open {
1563      left: 36px;
1564    }
1565  }
1566  @media (min-width: 960px) {
1567    .wp-block-navigation__responsive-container.is-menu-open {
1568      left: 160px;
1569    }
1570  }
1571  
1572  .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,
1573  .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open {
1574    top: 145px;
1575  }
1576  
1577  .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open {
1578    left: 0;
1579    top: 159px;
1580  }
1581  @media (min-width: 782px) {
1582    .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open {
1583      top: 65px;
1584    }
1585  }
1586  .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,
1587  .is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open {
1588    top: 113px;
1589  }
1590  
1591  body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open {
1592    top: 0;
1593    right: 0;
1594    bottom: 0;
1595    left: 0;
1596  }
1597  
1598  .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
1599  .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
1600    padding: 0;
1601    height: auto;
1602    color: inherit;
1603  }
1604  
1605  .components-heading.wp-block-navigation-off-canvas-editor__title {
1606    margin: 0;
1607  }
1608  
1609  .wp-block-navigation-off-canvas-editor__header {
1610    margin-bottom: 8px;
1611  }
1612  
1613  .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender {
1614    margin-top: 16px;
1615  }
1616  
1617  @keyframes fadein {
1618    0% {
1619      opacity: 0;
1620    }
1621    100% {
1622      opacity: 1;
1623    }
1624  }
1625  .wp-block-navigation__loading-indicator-container {
1626    padding: 8px 12px;
1627  }
1628  
1629  .wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator {
1630    margin-top: 0;
1631  }
1632  
1633  @keyframes fadeouthalf {
1634    0% {
1635      opacity: 1;
1636    }
1637    100% {
1638      opacity: 0.5;
1639    }
1640  }
1641  .wp-block-navigation-delete-menu-button {
1642    width: 100%;
1643    justify-content: center;
1644    margin-bottom: 16px;
1645  }
1646  
1647  .components-button.is-link.wp-block-navigation-manage-menus-button {
1648    margin-bottom: 16px;
1649  }
1650  
1651  .wp-block-navigation__overlay-menu-preview {
1652    display: flex;
1653    align-items: center;
1654    justify-content: space-between;
1655    width: 100%;
1656    background-color: #f0f0f0;
1657    padding: 0 24px;
1658    height: 64px !important;
1659    grid-column: span 2;
1660  }
1661  .wp-block-navigation__overlay-menu-preview.open {
1662    border-color: #e0e0e0;
1663    background-color: #fff;
1664  }
1665  
1666  .wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty {
1667    display: none;
1668  }
1669  
1670  .wp-block-navigation-placeholder__actions hr + hr {
1671    display: none;
1672  }
1673  
1674  /**
1675   * Navigation selector styles
1676   */
1677  .wp-block-navigation__navigation-selector {
1678    margin-bottom: 16px;
1679    width: 100%;
1680  }
1681  
1682  .wp-block-navigation__navigation-selector-button {
1683    border: 1px solid;
1684    justify-content: space-between;
1685    width: 100%;
1686  }
1687  
1688  .wp-block-navigation__navigation-selector-button__icon {
1689    flex: 0 0 auto;
1690  }
1691  
1692  .wp-block-navigation__navigation-selector-button__label {
1693    flex: 0 1 auto;
1694    overflow: hidden;
1695    text-overflow: ellipsis;
1696    white-space: nowrap;
1697  }
1698  
1699  .wp-block-navigation__navigation-selector-button--createnew {
1700    border: 1px solid;
1701    margin-bottom: 16px;
1702    width: 100%;
1703  }
1704  
1705  .wp-block-navigation__responsive-container-open.components-button {
1706    opacity: 1;
1707  }
1708  
1709  .wp-block-navigation__menu-inspector-controls__empty-message {
1710    margin-left: 24px;
1711  }
1712  
1713  .editor-sidebar__panel .wp-block-navigation__submenu-header {
1714    margin-top: 0;
1715    margin-bottom: 0;
1716  }
1717  
1718  .wp-block-navigation__submenu-accessibility-notice {
1719    grid-column: span 2;
1720  }
1721  
1722  .wp-block-navigation__overlay-selector {
1723    position: relative;
1724  }
1725  
1726  .wp-block-navigation__overlay-selector-controls {
1727    margin-bottom: 8px;
1728  }
1729  
1730  .wp-block-navigation__overlay-create-button {
1731    position: absolute;
1732    top: -4px;
1733    right: 0;
1734    z-index: 1;
1735  }
1736  
1737  .wp-block-navigation__overlay-preview {
1738    border: 1px solid #ddd;
1739    border-radius: 2px;
1740    overflow-y: auto;
1741    max-height: 200px;
1742    background: #fff;
1743  }
1744  
1745  .wp-block-navigation__overlay-preview-loading {
1746    display: flex;
1747    align-items: center;
1748    justify-content: center;
1749    min-height: 200px;
1750    background: #f0f0f0;
1751  }
1752  
1753  .wp-block-navigation__overlay-preview-empty {
1754    display: flex;
1755    align-items: center;
1756    justify-content: center;
1757    min-height: 200px;
1758    padding: 16px;
1759    text-align: center;
1760    color: #757575;
1761    background: #f0f0f0;
1762    font-style: italic;
1763  }
1764  
1765  .wp-block-navigation__overlay-preview-placeholder {
1766    width: 100%;
1767    height: 200px;
1768    background: #f0f0f0;
1769    animation: wp-block-navigation-overlay-preview-pulse 1.5s ease-in-out infinite;
1770  }
1771  
1772  @keyframes wp-block-navigation-overlay-preview-pulse {
1773    0%, 100% {
1774      opacity: 1;
1775    }
1776    50% {
1777      opacity: 0.5;
1778    }
1779  }
1780  .wp-block-navigation__deleted-overlay-warning {
1781    margin-top: 12px;
1782  }
1783  
1784  .wp-block-navigation__overlay-create-button-prominent {
1785    width: 100%;
1786    justify-content: center;
1787    margin-bottom: 8px;
1788  }
1789  
1790  .wp-block-navigation__overlay-help-text-wrapper {
1791    margin-top: 8px;
1792  }
1793  
1794  /**
1795   * Appender
1796   */
1797  .wp-block-navigation .block-list-appender {
1798    position: relative;
1799  }
1800  
1801  /**
1802   * Submenus.
1803   */
1804  .wp-block-navigation .has-child {
1805    cursor: pointer;
1806  }
1807  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
1808    z-index: 28;
1809  }
1810  .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container {
1811    z-index: 29;
1812  }
1813  .wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container {
1814    visibility: visible !important;
1815    opacity: 1 !important;
1816    min-width: 200px !important;
1817    height: auto !important;
1818    width: auto !important;
1819    overflow: visible !important;
1820  }
1821  
1822  /**
1823   * Navigation Items.
1824   */
1825  .wp-block-navigation-item .wp-block-navigation-item__content {
1826    cursor: text;
1827  }
1828  .wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected {
1829    min-width: 20px;
1830  }
1831  .wp-block-navigation-item .block-list-appender {
1832    margin-top: 16px;
1833    margin-right: auto;
1834    margin-bottom: 16px;
1835    margin-left: 16px;
1836  }
1837  
1838  .wp-block-navigation-link__invalid-item {
1839    color: #000;
1840  }
1841  
1842  /**
1843   * Menu item setup state. Is shown when a menu item has no URL configured.
1844   */
1845  .wp-block-navigation-link__placeholder {
1846    position: relative;
1847    text-decoration: none !important;
1848    box-shadow: none !important;
1849    background-image: none !important;
1850  }
1851  .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
1852    -webkit-text-decoration: wavy underline;
1853            text-decoration: wavy underline;
1854    -webkit-text-decoration-skip-ink: none;
1855            text-decoration-skip-ink: none;
1856    text-underline-offset: 0.25rem;
1857  }
1858  .wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
1859    cursor: pointer;
1860  }
1861  
1862  /**
1863  * Link Control Transforms
1864  */
1865  .link-control-transform {
1866    border-top: 1px solid #ccc;
1867    padding: 0 16px 8px 16px;
1868  }
1869  
1870  .link-control-transform__subheading {
1871    font-size: 11px;
1872    text-transform: uppercase;
1873    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1874    color: #1e1e1e;
1875    margin-bottom: 1.5em;
1876  }
1877  
1878  .link-control-transform__items {
1879    display: flex;
1880    justify-content: space-between;
1881  }
1882  
1883  .link-control-transform__item {
1884    flex-basis: 33%;
1885    flex-direction: column;
1886    gap: 8px;
1887    height: auto;
1888  }
1889  
1890  .link-ui-page-creator {
1891    max-width: 350px;
1892    min-width: auto;
1893    width: 90vw;
1894    padding-top: 8px;
1895  }
1896  .link-ui-page-creator__inner {
1897    padding: 16px;
1898  }
1899  .link-ui-page-creator__back {
1900    margin-left: 8px;
1901    text-transform: uppercase;
1902  }
1903  
1904  /**
1905   * Error text styling for missing entity help text.
1906   */
1907  .navigation-link-control__error-text {
1908    color: #cc1818;
1909  }
1910  
1911  .navigation-link-to__action-button {
1912    grid-column: auto;
1913  }
1914  .navigation-link-to__action-button:nth-last-child(1 of .navigation-link-to__action-button):nth-child(odd of .navigation-link-to__action-button) {
1915    grid-column: 1/-1;
1916  }
1917  .navigation-link-to__action-button.navigation-link-to__action-button.navigation-link-to__action-button {
1918    justify-content: center;
1919  }
1920  
1921  .wp-block-navigation-submenu {
1922    display: block;
1923  }
1924  .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
1925    z-index: 28;
1926  }
1927  .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
1928    visibility: visible !important;
1929    opacity: 1 !important;
1930    min-width: 200px !important;
1931    height: auto !important;
1932    width: auto !important;
1933    position: absolute;
1934    left: -1px;
1935    top: 100%;
1936  }
1937  @media (min-width: 782px) {
1938    .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
1939      left: 100%;
1940      top: -1px;
1941    }
1942    .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
1943      content: "";
1944      position: absolute;
1945      right: 100%;
1946      height: 100%;
1947      display: block;
1948      width: 0.5em;
1949      background: transparent;
1950    }
1951  }
1952  
1953  .block-editor-block-list__block[data-type="core/nextpage"] {
1954    max-width: 100%;
1955    text-align: center;
1956    margin-top: 28px;
1957    margin-bottom: 28px;
1958  }
1959  
1960  .wp-block-nextpage {
1961    display: block;
1962    text-align: center;
1963    white-space: nowrap;
1964  }
1965  .wp-block-nextpage > span {
1966    font-size: 13px;
1967    position: relative;
1968    text-transform: uppercase;
1969    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1970    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1971    color: #757575;
1972    border-radius: 4px;
1973    background: #fff;
1974    padding: 6px 8px;
1975    height: 24px;
1976  }
1977  .wp-block-nextpage::before {
1978    content: "";
1979    position: absolute;
1980    top: 50%;
1981    left: 0;
1982    right: 0;
1983    border-top: 3px dashed #ccc;
1984  }
1985  
1986  .wp-block-navigation.items-justified-space-between .wp-block-page-list > div,
1987  .wp-block-navigation.items-justified-space-between .wp-block-page-list {
1988    display: contents;
1989    flex: 1;
1990  }
1991  .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 {
1992    flex: inherit;
1993  }
1994  
1995  .wp-block-navigation .wp-block-navigation__submenu-container > .wp-block-page-list {
1996    display: block;
1997  }
1998  
1999  .wp-block-pages-list__item__link {
2000    pointer-events: none;
2001  }
2002  
2003  @media (min-width: 600px) {
2004    .wp-block-page-list-modal {
2005      max-width: 480px;
2006    }
2007  }
2008  
2009  .wp-block-page-list-modal-buttons {
2010    display: flex;
2011    justify-content: flex-end;
2012    gap: 12px;
2013  }
2014  
2015  .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
2016    visibility: visible;
2017    opacity: 1;
2018    width: auto;
2019    height: auto;
2020    min-width: 200px;
2021  }
2022  
2023  .wp-block-page-list__loading-indicator-container {
2024    padding: 8px 12px;
2025  }
2026  
2027  .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
2028    min-height: auto !important;
2029  }
2030  
2031  .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
2032    opacity: 1;
2033  }
2034  
2035  .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] {
2036    opacity: 0;
2037  }
2038  
2039  .block-editor-block-list__block[data-type="core/paragraph"].has-text-align-right[style*="writing-mode: vertical-rl"],
2040  .block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"] {
2041    rotate: 180deg;
2042  }
2043  
2044  .is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
2045    opacity: 0;
2046  }
2047  
2048  html[dir=rtl] .has-drop-cap:not(:focus)::first-letter {
2049    float: initial;
2050    margin-left: 0.1em;
2051  }
2052  
2053  .wp-block-post-author__transform {
2054    background: #f0f0f0;
2055    border-radius: 2px;
2056    margin: 16px;
2057    padding: 16px;
2058  }
2059  
2060  .wp-block-playlist__waveform-color-controls {
2061    display: grid;
2062    grid-column: 1/-1;
2063    row-gap: 0;
2064  }
2065  
2066  .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
2067    display: inline;
2068  }
2069  
2070  .wp-block-pullquote.is-style-solid-color blockquote p {
2071    font-size: 32px;
2072  }
2073  .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
2074    text-transform: none;
2075    font-style: normal;
2076  }
2077  
2078  .wp-block-pullquote__citation {
2079    color: inherit;
2080  }
2081  
2082  .wp-block-rss li a > div {
2083    display: inline;
2084  }
2085  
2086  .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
2087    flex: 1 1 auto;
2088  }
2089  
2090  .wp-block-rss .wp-block-rss {
2091    all: inherit;
2092    margin: 0;
2093    padding: 0;
2094  }
2095  
2096  .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
2097    margin: auto;
2098  }
2099  
2100  .wp-block-search :where(.wp-block-search__button) {
2101    height: auto;
2102    border-radius: initial;
2103    display: flex;
2104    align-items: center;
2105    justify-content: center;
2106    text-align: center;
2107  }
2108  
2109  .wp-block-search__inspector-controls .components-base-control {
2110    margin-bottom: 0;
2111  }
2112  
2113  .block-editor-block-list__block[data-type="core/separator"] {
2114    padding-top: 0.1px;
2115    padding-bottom: 0.1px;
2116  }
2117  
2118  .blocks-shortcode__textarea {
2119    box-sizing: border-box;
2120    max-height: 250px;
2121    resize: none;
2122    font-family: Menlo, Consolas, monaco, monospace !important;
2123    color: #1e1e1e !important;
2124    background: #fff !important;
2125    padding: 12px !important;
2126    border: 1px solid #1e1e1e !important;
2127    box-shadow: none !important;
2128    border-radius: 2px !important;
2129    font-size: 16px !important;
2130  }
2131  @media (min-width: 600px) {
2132    .blocks-shortcode__textarea {
2133      font-size: 13px !important;
2134    }
2135  }
2136  .blocks-shortcode__textarea:focus {
2137    border-color: var(--wp-admin-theme-color) !important;
2138    box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
2139    outline: 2px solid transparent !important;
2140  }
2141  
2142  .wp-block[data-align=center] > .wp-block-site-logo,
2143  .wp-block-site-logo.aligncenter > div {
2144    display: table;
2145    margin-left: auto;
2146    margin-right: auto;
2147  }
2148  
2149  .wp-block-site-logo a {
2150    pointer-events: none;
2151  }
2152  .wp-block-site-logo .custom-logo-link {
2153    cursor: inherit;
2154  }
2155  .wp-block-site-logo .custom-logo-link:focus {
2156    box-shadow: none;
2157  }
2158  .wp-block-site-logo img {
2159    display: block;
2160    height: auto;
2161    max-width: 100%;
2162  }
2163  .wp-block-site-logo.is-transient {
2164    position: relative;
2165  }
2166  .wp-block-site-logo.is-transient img {
2167    opacity: 0.3;
2168  }
2169  .wp-block-site-logo.is-transient .components-spinner {
2170    position: absolute;
2171    top: 50%;
2172    left: 50%;
2173    transform: translate(-50%, -50%);
2174    margin: 0;
2175  }
2176  
2177  .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
2178    height: 60px;
2179    width: 60px;
2180  }
2181  .wp-block-site-logo.wp-block-site-logo > div,
2182  .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
2183    border-radius: inherit;
2184  }
2185  .wp-block-site-logo.wp-block-site-logo .components-placeholder {
2186    display: flex;
2187    justify-content: center;
2188    align-items: center;
2189    padding: 0;
2190    border-radius: inherit;
2191    min-height: 48px;
2192    min-width: 48px;
2193    height: 100%;
2194    width: 100%;
2195  }
2196  .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload {
2197    display: none;
2198  }
2199  .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
2200    display: none;
2201  }
2202  .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
2203    padding: 0;
2204    margin: auto;
2205    display: flex;
2206    justify-content: center;
2207    align-items: center;
2208    width: 48px;
2209    height: 48px;
2210    border-radius: 50%;
2211    position: relative;
2212    background: var(--wp-admin-theme-color);
2213    border-color: var(--wp-admin-theme-color);
2214    border-style: solid;
2215    color: #fff;
2216  }
2217  .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
2218    color: inherit;
2219  }
2220  
2221  .block-library-site-logo__inspector-media-replace-container {
2222    position: relative;
2223  }
2224  .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
2225    word-break: break-all;
2226    white-space: normal;
2227    text-align: start;
2228    -moz-text-align-last: center;
2229         text-align-last: center;
2230  }
2231  .block-library-site-logo__inspector-media-replace-container img {
2232    width: 20px;
2233    min-width: 20px;
2234    aspect-ratio: 1;
2235    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
2236    border-radius: 2px;
2237  }
2238  .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview {
2239    padding: 6px 12px;
2240    display: flex;
2241    height: 40px;
2242  }
2243  
2244  .wp-block-site-tagline__placeholder {
2245    padding: 1em 0;
2246    border: 1px dashed;
2247  }
2248  
2249  .wp-block-site-title__placeholder {
2250    padding: 1em 0;
2251    border: 1px dashed;
2252  }
2253  
2254  .wp-block-social-links .wp-social-link {
2255    line-height: 0;
2256  }
2257  
2258  .wp-block-social-link-anchor {
2259    align-items: center;
2260    background: none;
2261    border: 0;
2262    box-sizing: border-box;
2263    cursor: pointer;
2264    display: inline-flex;
2265    font-size: inherit;
2266    color: currentColor;
2267    height: auto;
2268    font-weight: inherit;
2269    font-family: inherit;
2270    margin: 0;
2271    opacity: 1;
2272    padding: 0.25em;
2273  }
2274  .wp-block-social-link-anchor:hover {
2275    transform: none;
2276  }
2277  
2278  :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {
2279    padding-left: 0.6666666667em;
2280    padding-right: 0.6666666667em;
2281  }
2282  
2283  :root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button) {
2284    padding: 0;
2285  }
2286  
2287  .wp-block-social-link__toolbar_content_text {
2288    width: 250px;
2289  }
2290  
2291  .wp-block-social-links div.block-editor-url-input {
2292    display: inline-block;
2293    margin-left: 8px;
2294  }
2295  
2296  .wp-social-link:hover {
2297    transform: none;
2298  }
2299  
2300  :root :where(.wp-block-social-links) {
2301    padding: 0;
2302  }
2303  
2304  .wp-block[data-align=center] > .wp-block-social-links,
2305  .wp-block.wp-block-social-links.aligncenter {
2306    justify-content: center;
2307  }
2308  
2309  .block-editor-block-preview__content .components-button:disabled {
2310    opacity: 1;
2311  }
2312  
2313  .wp-social-link.wp-social-link__is-incomplete {
2314    opacity: 0.5;
2315  }
2316  
2317  .wp-block-social-links .is-selected .wp-social-link__is-incomplete,
2318  .wp-social-link.wp-social-link__is-incomplete:hover,
2319  .wp-social-link.wp-social-link__is-incomplete:focus {
2320    opacity: 1;
2321  }
2322  
2323  .wp-block-social-links .block-list-appender {
2324    position: static;
2325  }
2326  .wp-block-social-links .block-list-appender .block-editor-inserter {
2327    font-size: inherit;
2328  }
2329  .wp-block-social-links .block-list-appender .block-editor-button-block-appender {
2330    height: 1.5em;
2331    width: 1.5em;
2332    font-size: inherit;
2333    padding: 0;
2334  }
2335  
2336  .block-editor-block-list__block[data-type="core/spacer"]::before {
2337    content: "";
2338    display: block;
2339    position: absolute;
2340    z-index: 1;
2341    width: 100%;
2342    min-height: 8px;
2343    min-width: 8px;
2344    height: 100%;
2345  }
2346  
2347  .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
2348  .block-library-spacer__resize-container.has-show-handle,
2349  .wp-block-spacer.is-selected.custom-sizes-disabled {
2350    background: rgba(0, 0, 0, 0.1);
2351  }
2352  .is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
2353  .is-dark-theme .block-library-spacer__resize-container.has-show-handle,
2354  .is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled {
2355    background: rgba(255, 255, 255, 0.15);
2356  }
2357  
2358  .block-library-spacer__resize-container {
2359    clear: both;
2360  }
2361  .block-library-spacer__resize-container:not(.is-resizing) {
2362    height: 100% !important;
2363    width: 100% !important;
2364  }
2365  .block-library-spacer__resize-container .components-resizable-box__handle::before {
2366    content: none;
2367  }
2368  .block-library-spacer__resize-container.resize-horizontal {
2369    margin-bottom: 0;
2370    height: 100% !important;
2371  }
2372  
2373  @media (min-width: 600px) {
2374    .wp-block-tab-list__mover-button {
2375      width: 24px;
2376      min-width: 0 !important;
2377    }
2378  }
2379  
2380  .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table {
2381    height: auto;
2382  }
2383  .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 {
2384    width: auto;
2385  }
2386  .wp-block[data-align=left] > .wp-block-table td,
2387  .wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td,
2388  .wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td,
2389  .wp-block[data-align=center] > .wp-block-table th {
2390    word-break: break-word;
2391  }
2392  .wp-block[data-align=center] > .wp-block-table {
2393    text-align: initial;
2394  }
2395  .wp-block[data-align=center] > .wp-block-table table {
2396    margin: 0 auto;
2397  }
2398  .wp-block-table td,
2399  .wp-block-table th {
2400    border: 1px solid;
2401    padding: 0.5em;
2402  }
2403  .wp-block-table td.is-selected,
2404  .wp-block-table th.is-selected {
2405    border-color: var(--wp-admin-theme-color);
2406    box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
2407    border-style: double;
2408  }
2409  .wp-block-table table.has-individual-borders > *,
2410  .wp-block-table table.has-individual-borders tr,
2411  .wp-block-table table.has-individual-borders th,
2412  .wp-block-table table.has-individual-borders td {
2413    border-width: 1px;
2414    border-style: solid;
2415    border-color: currentColor;
2416  }
2417  
2418  .blocks-table__placeholder-form.blocks-table__placeholder-form {
2419    display: flex;
2420    flex-direction: column;
2421    align-items: flex-start;
2422    gap: 8px;
2423  }
2424  @media (min-width: 782px) {
2425    .blocks-table__placeholder-form.blocks-table__placeholder-form {
2426      flex-direction: row;
2427      align-items: flex-end;
2428    }
2429  }
2430  
2431  .blocks-table__placeholder-input {
2432    width: 112px;
2433  }
2434  
2435  .block-editor-template-part__selection-modal {
2436    z-index: 1000001;
2437  }
2438  .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2439    -moz-column-count: 2;
2440         column-count: 2;
2441    -moz-column-gap: 24px;
2442         column-gap: 24px;
2443  }
2444  @media (min-width: 1280px) {
2445    .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2446      -moz-column-count: 3;
2447           column-count: 3;
2448    }
2449  }
2450  .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2451    -moz-column-break-inside: avoid;
2452         break-inside: avoid-column;
2453  }
2454  
2455  .block-library-template-part__selection-search {
2456    background: #fff;
2457    position: sticky;
2458    top: 0;
2459    padding: 16px 0;
2460    z-index: 2;
2461  }
2462  
2463  .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
2464  .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
2465  .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
2466    outline-color: var(--wp-block-synced-color);
2467  }
2468  .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
2469  .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
2470    outline-color: var(--wp-block-synced-color);
2471  }
2472  
2473  .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {
2474    border: none;
2475  }
2476  
2477  .wp-block-term-template .term-loading .term-loading-placeholder {
2478    width: 100%;
2479    height: 1.5em;
2480    margin-bottom: 0.25em;
2481    background-color: #f0f0f0;
2482    border-radius: 2px;
2483  }
2484  @media not (prefers-reduced-motion) {
2485    .wp-block-term-template .term-loading .term-loading-placeholder {
2486      animation: loadingpulse 1.5s ease-in-out infinite;
2487    }
2488  }
2489  
2490  @keyframes loadingpulse {
2491    0% {
2492      opacity: 1;
2493    }
2494    50% {
2495      opacity: 0.5;
2496    }
2497    100% {
2498      opacity: 1;
2499    }
2500  }
2501  .wp-block-text-columns .block-editor-rich-text__editable:focus {
2502    outline: 1px solid #ddd;
2503  }
2504  
2505  .wp-block[data-align=center] > .wp-block-video {
2506    text-align: center;
2507  }
2508  
2509  .wp-block-video {
2510    position: relative;
2511  }
2512  .wp-block-video.is-transient video {
2513    opacity: 0.3;
2514  }
2515  .wp-block-video .components-spinner {
2516    position: absolute;
2517    top: 50%;
2518    left: 50%;
2519    margin-top: -9px;
2520    margin-left: -9px;
2521  }
2522  
2523  .block-library-video-tracks-editor {
2524    z-index: 159990;
2525  }
2526  
2527  .modal-open .block-library-video-tracks-editor {
2528    z-index: 99999;
2529  }
2530  
2531  .block-library-video-tracks-editor__track-list-track {
2532    padding-left: 12px;
2533  }
2534  
2535  .block-library-video-tracks-editor__single-track-editor-kind-select {
2536    max-width: 240px;
2537  }
2538  
2539  .block-library-video-tracks-editor__tracks-informative-message-title,
2540  .block-library-video-tracks-editor__single-track-editor-edit-track-label {
2541    margin-top: 4px;
2542    color: #757575;
2543    text-transform: uppercase;
2544    font-size: 11px;
2545    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2546    display: block;
2547  }
2548  
2549  .block-library-video-tracks-editor > .components-popover__content {
2550    width: 360px;
2551  }
2552  
2553  .block-library-video-tracks-editor__track-list .components-menu-group__label,
2554  .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label {
2555    padding: 0;
2556  }
2557  
2558  .block-library-video-tracks-editor__tracks-informative-message {
2559    padding: 8px;
2560  }
2561  .block-library-video-tracks-editor__tracks-informative-message-description {
2562    margin-bottom: 0;
2563  }
2564  
2565  .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2566    -moz-column-count: 2;
2567         column-count: 2;
2568    -moz-column-gap: 24px;
2569         column-gap: 24px;
2570  }
2571  @media (min-width: 1280px) {
2572    .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2573      -moz-column-count: 3;
2574           column-count: 3;
2575    }
2576  }
2577  .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2578    -moz-column-break-inside: avoid;
2579         break-inside: avoid-column;
2580  }
2581  .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
2582    background: #fff;
2583    position: sticky;
2584    top: 0;
2585    padding: 16px 0;
2586    transform: translateY(-4px);
2587    margin-bottom: -4px;
2588    z-index: 2;
2589  }
2590  
2591  @media (min-width: 600px) {
2592    .wp-block-query__enhanced-pagination-modal {
2593      max-width: 480px;
2594    }
2595  }
2596  
2597  .block-editor-block-settings-menu__popover.is-expanded {
2598    overflow-y: scroll;
2599  }
2600  .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content {
2601    height: 100%;
2602  }
2603  .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2604    display: grid;
2605    grid-template-columns: 1fr;
2606  }
2607  @media (min-width: 600px) {
2608    .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2609      grid-template-columns: 1fr 1fr;
2610    }
2611  }
2612  .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2613    grid-gap: 12px;
2614    min-width: 280px;
2615  }
2616  @media (min-width: 600px) {
2617    .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2618      min-width: 480px;
2619    }
2620  }
2621  .block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item {
2622    margin-bottom: 0;
2623  }
2624  
2625  .wp-block-query > .block-editor-media-placeholder.is-small {
2626    min-height: 60px;
2627  }
2628  
2629  .wp-block[data-align=center] > .wp-block-query-pagination {
2630    justify-content: center;
2631  }
2632  
2633  :where(.editor-styles-wrapper) .wp-block-query-pagination {
2634    max-width: 100%;
2635  }
2636  :where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
2637    margin: 0;
2638  }
2639  
2640  .wp-block-query-pagination-numbers a {
2641    text-decoration: underline;
2642  }
2643  .wp-block-query-pagination-numbers .page-numbers {
2644    margin-right: 2px;
2645  }
2646  .wp-block-query-pagination-numbers .page-numbers:last-child {
2647    /*rtl:ignore*/
2648    margin-right: 0;
2649  }
2650  
2651  .wp-block-post-featured-image .block-editor-media-placeholder {
2652    z-index: 1;
2653    backdrop-filter: none;
2654  }
2655  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
2656  .wp-block-post-featured-image .components-placeholder {
2657    justify-content: center;
2658    align-items: center;
2659    padding: 0;
2660    display: flex;
2661  }
2662  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
2663  .wp-block-post-featured-image .components-placeholder .components-form-file-upload {
2664    display: none;
2665  }
2666  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
2667  .wp-block-post-featured-image .components-placeholder .components-button {
2668    margin: auto;
2669    padding: 0;
2670    display: flex;
2671    justify-content: center;
2672    align-items: center;
2673    width: 48px;
2674    height: 48px;
2675    border-radius: 50%;
2676    position: relative;
2677    background: var(--wp-admin-theme-color);
2678    border-color: var(--wp-admin-theme-color);
2679    border-style: solid;
2680    color: #fff;
2681  }
2682  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg,
2683  .wp-block-post-featured-image .components-placeholder .components-button > svg {
2684    color: inherit;
2685  }
2686  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
2687  .wp-block-post-featured-image .components-placeholder {
2688    min-height: 200px;
2689  }
2690  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),
2691  .wp-block-post-featured-image .components-placeholder:where(.has-border-color),
2692  .wp-block-post-featured-image img:where(.has-border-color) {
2693    border-style: solid;
2694  }
2695  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),
2696  .wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),
2697  .wp-block-post-featured-image img:where([style*=border-top-color]) {
2698    border-top-style: solid;
2699  }
2700  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),
2701  .wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),
2702  .wp-block-post-featured-image img:where([style*=border-right-color]) {
2703    border-right-style: solid;
2704  }
2705  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),
2706  .wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),
2707  .wp-block-post-featured-image img:where([style*=border-bottom-color]) {
2708    border-bottom-style: solid;
2709  }
2710  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),
2711  .wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),
2712  .wp-block-post-featured-image img:where([style*=border-left-color]) {
2713    border-left-style: solid;
2714  }
2715  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),
2716  .wp-block-post-featured-image .components-placeholder:where([style*=border-width]),
2717  .wp-block-post-featured-image img:where([style*=border-width]) {
2718    border-style: solid;
2719  }
2720  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),
2721  .wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),
2722  .wp-block-post-featured-image img:where([style*=border-top-width]) {
2723    border-top-style: solid;
2724  }
2725  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),
2726  .wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),
2727  .wp-block-post-featured-image img:where([style*=border-right-width]) {
2728    border-right-style: solid;
2729  }
2730  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),
2731  .wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),
2732  .wp-block-post-featured-image img:where([style*=border-bottom-width]) {
2733    border-bottom-style: solid;
2734  }
2735  .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),
2736  .wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),
2737  .wp-block-post-featured-image img:where([style*=border-left-width]) {
2738    border-left-style: solid;
2739  }
2740  .wp-block-post-featured-image[style*=height] .components-placeholder {
2741    min-height: 48px;
2742    min-width: 48px;
2743    height: 100%;
2744    width: 100%;
2745  }
2746  .wp-block-post-featured-image > a {
2747    pointer-events: none;
2748  }
2749  .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-button,
2750  .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__instructions,
2751  .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__label {
2752    opacity: 1;
2753    pointer-events: auto;
2754  }
2755  .wp-block-post-featured-image.is-transient {
2756    position: relative;
2757  }
2758  .wp-block-post-featured-image.is-transient img {
2759    opacity: 0.3;
2760  }
2761  .wp-block-post-featured-image.is-transient .components-spinner {
2762    position: absolute;
2763    top: 50%;
2764    left: 50%;
2765    transform: translate(-50%, -50%);
2766  }
2767  
2768  div[data-type="core/post-featured-image"] img {
2769    max-width: 100%;
2770    height: auto;
2771    display: block;
2772  }
2773  
2774  .wp-block-post-comments-form * {
2775    pointer-events: none;
2776  }
2777  .wp-block-post-comments-form *.block-editor-warning * {
2778    pointer-events: auto;
2779  }
2780  
2781  /**
2782   * Element styles for the editor
2783   */
2784  .wp-element-button {
2785    cursor: revert;
2786  }
2787  .wp-element-button[role=textbox] {
2788    cursor: text;
2789  }
2790  
2791  .block-library-poster-image__container {
2792    position: relative;
2793  }
2794  .block-library-poster-image__container:hover .block-library-poster-image__actions, .block-library-poster-image__container:focus .block-library-poster-image__actions, .block-library-poster-image__container:focus-within .block-library-poster-image__actions {
2795    opacity: 1;
2796  }
2797  .block-library-poster-image__container .block-library-poster-image__actions.block-library-poster-image__actions-select {
2798    opacity: 1;
2799    margin-top: 16px;
2800  }
2801  .block-library-poster-image__container .components-drop-zone__content {
2802    border-radius: 2px;
2803  }
2804  .block-library-poster-image__container .components-drop-zone .components-drop-zone__content-inner {
2805    display: flex;
2806    align-items: center;
2807    gap: 8px;
2808  }
2809  .block-library-poster-image__container .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
2810    margin: 0;
2811  }
2812  .block-library-poster-image__container .components-spinner {
2813    position: absolute;
2814    top: 50%;
2815    left: 50%;
2816    margin-top: -9px;
2817    margin-left: -9px;
2818  }
2819  
2820  .block-library-poster-image__preview {
2821    width: 100%;
2822    padding: 0;
2823    overflow: hidden;
2824    outline-offset: -1px;
2825    min-height: 40px;
2826    display: flex;
2827    justify-content: center;
2828    height: auto !important;
2829    outline: 1px solid rgba(0, 0, 0, 0.1);
2830  }
2831  .block-library-poster-image__preview .block-library-poster-image__preview-image {
2832    -o-object-fit: cover;
2833       object-fit: cover;
2834    width: 100%;
2835    -o-object-position: 50% 50%;
2836       object-position: 50% 50%;
2837    aspect-ratio: 2/1;
2838  }
2839  
2840  .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {
2841    bottom: 0;
2842    opacity: 0;
2843    padding: 8px;
2844    position: absolute;
2845  }
2846  @media not (prefers-reduced-motion) {
2847    .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {
2848      transition: opacity 50ms ease-out;
2849    }
2850  }
2851  .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) .block-library-poster-image__action {
2852    backdrop-filter: blur(16px) saturate(180%);
2853    background: rgba(255, 255, 255, 0.75);
2854  }
2855  .block-library-poster-image__actions .block-library-poster-image__action {
2856    flex-grow: 1;
2857    justify-content: center;
2858  }
2859  
2860  :root .editor-styles-wrapper .has-very-light-gray-background-color {
2861    background-color: #eee;
2862  }
2863  :root .editor-styles-wrapper .has-very-dark-gray-background-color {
2864    background-color: #313131;
2865  }
2866  :root .editor-styles-wrapper .has-very-light-gray-color {
2867    color: #eee;
2868  }
2869  :root .editor-styles-wrapper .has-very-dark-gray-color {
2870    color: #313131;
2871  }
2872  :root .editor-styles-wrapper {
2873    /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
2874  }
2875  :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
2876    background: linear-gradient(135deg, rgb(0, 208, 132) 0%, rgb(6, 147, 227) 100%);
2877  }
2878  :root .editor-styles-wrapper .has-purple-crush-gradient-background {
2879    background: linear-gradient(135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%);
2880  }
2881  :root .editor-styles-wrapper .has-hazy-dawn-gradient-background {
2882    background: linear-gradient(135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%);
2883  }
2884  :root .editor-styles-wrapper .has-subdued-olive-gradient-background {
2885    background: linear-gradient(135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%);
2886  }
2887  :root .editor-styles-wrapper .has-atomic-cream-gradient-background {
2888    background: linear-gradient(135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%);
2889  }
2890  :root .editor-styles-wrapper .has-nightshade-gradient-background {
2891    background: linear-gradient(135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%);
2892  }
2893  :root .editor-styles-wrapper .has-midnight-gradient-background {
2894    background: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
2895  }
2896  :root .editor-styles-wrapper {
2897    /* stylelint-enable @stylistic/function-comma-space-after */
2898  }
2899  
2900  :where(.editor-styles-wrapper) .has-regular-font-size {
2901    font-size: 16px;
2902  }
2903  
2904  :where(.editor-styles-wrapper) .has-larger-font-size {
2905    font-size: 42px;
2906  }
2907  
2908  /**
2909   * Editor Normalization Styles
2910   *
2911   * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper.
2912   * This allows us to create normalization styles that are easily overridden by editor styles.
2913   */
2914  :where(.editor-styles-wrapper) iframe:not([frameborder]) {
2915    border: 0;
2916  }