[Summary view] [Print] [Text view]

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