[Summary view] [Print] [Text view]

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