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