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