[Summary view] [Print] [Text view]

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