[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  :root {
  97    --wp-block-synced-color: #7a00df;
  98    --wp-block-synced-color--rgb: 122, 0, 223;
  99    --wp-bound-block-color: var(--wp-block-synced-color);
 100    --wp-editor-canvas-background: #ddd;
 101    --wp-admin-theme-color: #3858e9;
 102    --wp-admin-theme-color--rgb: 56, 88, 233;
 103    --wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
 104    --wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
 105    --wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 106    --wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
 107    --wp-admin-border-width-focus: 2px;
 108  }
 109  @media (min-resolution: 192dpi) {
 110    :root {
 111      --wp-admin-border-width-focus: 1.5px;
 112    }
 113  }
 114  
 115  body.admin-color-fresh {
 116    --wp-admin-theme-color: #007cba;
 117    --wp-admin-theme-color--rgb: 0, 124, 186;
 118    --wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
 119    --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
 120    --wp-admin-theme-color-darker-20: #005a87;
 121    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
 122    --wp-admin-border-width-focus: 2px;
 123  }
 124  @media (min-resolution: 192dpi) {
 125    body.admin-color-fresh {
 126      --wp-admin-border-width-focus: 1.5px;
 127    }
 128  }
 129  
 130  .block-editor-autocompleters__block {
 131    white-space: nowrap;
 132  }
 133  .block-editor-autocompleters__block .block-editor-block-icon {
 134    margin-left: 8px;
 135  }
 136  .block-editor-autocompleters__block[aria-selected=true] .block-editor-block-icon {
 137    color: inherit !important;
 138  }
 139  
 140  .block-editor-global-styles-background-panel__inspector-media-replace-container {
 141    position: relative;
 142  }
 143  .block-editor-global-styles-background-panel__inspector-media-replace-container.is-open {
 144    background-color: #f0f0f0;
 145  }
 146  .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item {
 147    flex-grow: 1;
 148    border: 0;
 149  }
 150  .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
 151    display: block;
 152  }
 153  .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-preview-inner {
 154    height: 100%;
 155  }
 156  .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown {
 157    display: block;
 158  }
 159  .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown .block-editor-global-styles-background-panel__dropdown-toggle {
 160    height: 40px;
 161  }
 162  
 163  .block-editor-global-styles-background-panel__image-tools-panel-item {
 164    border: 1px solid #ddd;
 165    grid-column: 1/-1;
 166    position: relative;
 167  }
 168  .block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon {
 169    display: none;
 170  }
 171  .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
 172    display: block;
 173  }
 174  .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button {
 175    color: #1e1e1e;
 176    width: 100%;
 177    display: block;
 178  }
 179  .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover {
 180    color: var(--wp-admin-theme-color);
 181  }
 182  .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
 183    height: 100%;
 184    position: absolute;
 185    z-index: 1;
 186    width: 100%;
 187    padding: 10px 0 0 0;
 188  }
 189  .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg {
 190    margin: 0;
 191  }
 192  
 193  .block-editor-global-styles-background-panel__dropdown-toggle {
 194    cursor: var(--wpds-cursor-control, pointer);
 195    background: transparent;
 196    border: none;
 197    height: 100%;
 198    width: 100%;
 199    padding-right: 12px;
 200    padding-left: 32px;
 201  }
 202  
 203  .block-editor-global-styles-background-panel__reset {
 204    position: absolute;
 205    left: 0;
 206    top: 8px;
 207    margin: auto 8px auto;
 208    opacity: 0;
 209  }
 210  @media not (prefers-reduced-motion) {
 211    .block-editor-global-styles-background-panel__reset {
 212      transition: opacity 0.1s ease-in-out;
 213    }
 214  }
 215  .block-editor-global-styles-background-panel__reset.has-local-override-from-global-styles__reset {
 216    position: absolute;
 217    display: inline-flex;
 218    align-items: center;
 219    justify-content: center;
 220    top: 50%;
 221    transform: translateY(-50%);
 222    margin-block: 0;
 223    margin-inline: 0 8px;
 224    opacity: 1;
 225  }
 226  .block-editor-global-styles-background-panel__reset.block-editor-global-styles-background-panel__reset {
 227    border-radius: 2px;
 228  }
 229  .block-editor-global-styles-background-panel__dropdown-toggle:hover + .block-editor-global-styles-background-panel__reset, .block-editor-global-styles-background-panel__reset:focus, .block-editor-global-styles-background-panel__reset:focus-within, .block-editor-global-styles-background-panel__reset:hover {
 230    opacity: 1;
 231  }
 232  @media (hover: none) {
 233    .block-editor-global-styles-background-panel__reset {
 234      opacity: 1;
 235    }
 236  }
 237  
 238  .block-editor-global-styles-background-panel__inspector-media-replace-title {
 239    word-break: break-all;
 240    white-space: normal;
 241    text-align: start;
 242  }
 243  
 244  .block-editor-global-styles-background-panel__inspector-image-indicator {
 245    width: 20px;
 246    height: 20px;
 247    border-radius: 2px;
 248    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
 249    background: #fff linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
 250    background-size: cover;
 251    outline: 1px solid transparent;
 252  }
 253  
 254  .block-editor-global-styles-background-panel__dropdown-content-wrapper {
 255    min-width: 260px;
 256    overflow-x: hidden;
 257  }
 258  .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper {
 259    background-color: #f0f0f0;
 260    width: 100%;
 261    border-radius: 2px;
 262    border: 1px solid #ddd;
 263  }
 264  .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image {
 265    max-height: 180px;
 266  }
 267  .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker::after {
 268    content: none;
 269  }
 270  
 271  .modal-open .block-editor-global-styles-background-panel__popover {
 272    z-index: 159890;
 273  }
 274  
 275  .block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
 276    width: auto;
 277  }
 278  .block-editor-global-styles-background-panel__media-replace-popover .components-menu-item__button.components-button {
 279    padding: 0 8px;
 280  }
 281  .block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
 282    margin-right: 16px;
 283  }
 284  
 285  .block-editor-block-alignment-control__menu-group .components-menu-item__info {
 286    margin-top: 0;
 287  }
 288  
 289  iframe[name=editor-canvas] {
 290    box-sizing: border-box;
 291    width: 100%;
 292    height: 100%;
 293    display: block;
 294  }
 295  @media not (prefers-reduced-motion) {
 296    iframe[name=editor-canvas] {
 297      transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
 298    }
 299  }
 300  iframe[name=editor-canvas] {
 301    background-color: var(--wp-editor-canvas-background);
 302  }
 303  
 304  .block-editor-block-icon {
 305    display: flex;
 306    align-items: center;
 307    justify-content: center;
 308    width: 24px;
 309    height: 24px;
 310  }
 311  .block-editor-block-icon.has-colors svg {
 312    fill: currentColor;
 313  }
 314  .block-editor-block-icon svg {
 315    min-width: 20px;
 316    min-height: 20px;
 317    max-width: 24px;
 318    max-height: 24px;
 319  }
 320  
 321  .block-editor-block-inspector p:not(.components-base-control__help) {
 322    margin-top: 0;
 323  }
 324  .block-editor-block-inspector h2,
 325  .block-editor-block-inspector h3 {
 326    font-size: 13px;
 327    color: #1e1e1e;
 328    margin-bottom: 1.5em;
 329  }
 330  .block-editor-block-inspector .components-base-control:where(:not(:last-child)),
 331  .block-editor-block-inspector .components-radio-control:where(:not(:last-child)),
 332  .block-editor-block-inspector .block-editor-html-element-control:where(:not(:last-child)),
 333  .block-editor-block-inspector .block-editor-image-size-control:where(:not(:last-child)) {
 334    margin-bottom: 16px;
 335  }
 336  .block-editor-block-inspector .components-focal-point-picker-control .components-base-control,
 337  .block-editor-block-inspector .components-query-controls .components-base-control,
 338  .block-editor-block-inspector .components-range-control .components-base-control,
 339  .block-editor-block-inspector .block-editor-html-element-control .components-base-control,
 340  .block-editor-block-inspector .block-editor-image-size-control .components-base-control {
 341    margin-bottom: 0;
 342  }
 343  .block-editor-block-inspector .components-panel__body {
 344    border: none;
 345    border-top: 1px solid #e0e0e0;
 346    margin-top: -1px;
 347  }
 348  
 349  .block-editor-block-inspector__no-blocks,
 350  .block-editor-block-inspector__no-block-tools {
 351    display: block;
 352    font-size: 13px;
 353    background: #fff;
 354    padding: 32px 16px;
 355    text-align: center;
 356  }
 357  
 358  .block-editor-block-inspector__state-badges {
 359    display: flex;
 360    align-items: center;
 361    flex-wrap: wrap;
 362    gap: 8px;
 363    padding: 8px 16px;
 364    margin-top: -16px;
 365  }
 366  
 367  .block-editor-block-inspector__state-badges-text {
 368    white-space: nowrap;
 369  }
 370  
 371  .block-editor-block-inspector__no-block-tools {
 372    border-top: 1px solid #ddd;
 373  }
 374  
 375  .block-editor-block-inspector-edit-contents {
 376    margin: 0 16px 16px 16px;
 377  }
 378  .block-editor-block-inspector-edit-contents .block-editor-block-inspector-edit-contents__button {
 379    justify-content: center;
 380  }
 381  
 382  /**
 383   * Insertion Point.
 384   */
 385  .block-editor-block-list__insertion-point {
 386    position: absolute;
 387    top: 0;
 388    bottom: 0;
 389    right: 0;
 390    left: 0;
 391  }
 392  
 393  .block-editor-block-list__insertion-point-indicator {
 394    position: absolute;
 395    background: var(--wp-admin-theme-color);
 396    border-radius: 2px;
 397    transform-origin: center;
 398    opacity: 0;
 399    will-change: transform, opacity;
 400  }
 401  .block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator {
 402    top: calc(50% - 2px);
 403    height: 4px;
 404    width: 100%;
 405  }
 406  .block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator {
 407    top: 0;
 408    bottom: 0;
 409    right: calc(50% - 2px);
 410    width: 4px;
 411  }
 412  
 413  .block-editor-block-list__insertion-point-inserter {
 414    display: none;
 415    position: absolute;
 416    will-change: transform;
 417  }
 418  @media (min-width: 480px) {
 419    .block-editor-block-list__insertion-point-inserter {
 420      display: flex;
 421    }
 422  }
 423  .block-editor-block-list__insertion-point-inserter {
 424    justify-content: center;
 425    top: calc(50% - 12px);
 426    right: calc(50% - 12px);
 427  }
 428  
 429  .block-editor-block-list__block-side-inserter-popover .components-popover__content > div {
 430    pointer-events: none;
 431  }
 432  .block-editor-block-list__block-side-inserter-popover .components-popover__content > div > * {
 433    pointer-events: all;
 434  }
 435  
 436  .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter {
 437    position: absolute;
 438    top: 0;
 439    left: 0;
 440    line-height: 0;
 441  }
 442  .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled {
 443    display: none;
 444  }
 445  
 446  .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,
 447  .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon {
 448    background: #1e1e1e;
 449    color: #fff;
 450    padding: 0;
 451    min-width: 24px;
 452    height: 24px;
 453  }
 454  .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,
 455  .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover {
 456    color: #fff;
 457    background: var(--wp-admin-theme-color);
 458  }
 459  @media not (prefers-reduced-motion) {
 460    .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon svg,
 461    .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon svg {
 462      transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
 463    }
 464  }
 465  .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg,
 466  .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg {
 467    transform: rotate(-45deg);
 468  }
 469  
 470  .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon {
 471    background: var(--wp-admin-theme-color);
 472  }
 473  .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover {
 474    background: #1e1e1e;
 475  }
 476  
 477  @keyframes hide-during-dragging {
 478    to {
 479      position: fixed;
 480      transform: translate(-9999px, 9999px);
 481    }
 482  }
 483  .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar {
 484    pointer-events: all;
 485    margin-top: 8px;
 486    margin-bottom: 8px;
 487    border: 1px solid #1e1e1e;
 488    border-radius: 2px;
 489    overflow: visible;
 490    position: static;
 491    width: auto;
 492  }
 493  .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
 494    margin-right: calc(48px + 8px);
 495  }
 496  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
 497    margin-right: 0;
 498  }
 499  .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent:has(.block-editor-block-parent-selector__inserter) {
 500    margin-right: calc(48px + 24px + 12px + 8px + 2 * 1px);
 501  }
 502  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent:has(.block-editor-block-parent-selector__inserter) {
 503    margin-right: 0;
 504  }
 505  .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar {
 506    overflow: visible;
 507  }
 508  .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group,
 509  .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar {
 510    border-left-color: #1e1e1e;
 511  }
 512  .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible {
 513    visibility: hidden;
 514  }
 515  .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
 516    opacity: 0;
 517  }
 518  @media not (prefers-reduced-motion) {
 519    .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
 520      animation: hide-during-dragging 1ms linear forwards;
 521    }
 522  }
 523  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector {
 524    position: absolute;
 525    right: calc(-48px - 8px - 1px);
 526  }
 527  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:has(.block-editor-block-parent-selector__inserter) {
 528    right: calc(-48px - 24px - 12px - 8px - 3 * 1px);
 529    border: 1px solid #1e1e1e;
 530    border-radius: 2px;
 531    background-color: #fff;
 532  }
 533  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:has(.block-editor-block-parent-selector__inserter) > .components-toolbar-group:last-child {
 534    border-left: none;
 535  }
 536  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:has(.block-editor-block-parent-selector__inserter) .block-editor-block-parent-selector__button {
 537    border: none;
 538    background: none;
 539  }
 540  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon {
 541    color: #fff;
 542    background: transparent;
 543  }
 544  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon::after {
 545    content: "";
 546    position: absolute;
 547    z-index: -1;
 548    top: 50%;
 549    right: 50%;
 550    transform: translate(50%, -50%);
 551    width: 24px;
 552    height: 24px;
 553    border-radius: 2px;
 554    background: #1e1e1e;
 555  }
 556  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover {
 557    color: #fff;
 558  }
 559  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover::after {
 560    background: var(--wp-admin-theme-color);
 561  }
 562  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon {
 563    width: auto;
 564    padding: 0 12px;
 565    color: inherit;
 566  }
 567  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon svg {
 568    display: none;
 569  }
 570  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon::after {
 571    content: attr(aria-label);
 572    position: static;
 573    transform: none;
 574    width: auto;
 575    height: auto;
 576    border-radius: 0;
 577    background: none;
 578    white-space: nowrap;
 579  }
 580  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover {
 581    color: var(--wp-admin-theme-color);
 582  }
 583  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover::after {
 584    background: none;
 585  }
 586  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::before {
 587    content: "";
 588  }
 589  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::after {
 590    display: none;
 591  }
 592  .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
 593    border: 1px solid #1e1e1e;
 594    padding-left: 6px;
 595    padding-right: 6px;
 596    background-color: #fff;
 597  }
 598  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
 599    padding-left: 12px;
 600    padding-right: 12px;
 601  }
 602  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector {
 603    position: relative;
 604    right: auto;
 605    margin-right: -1px;
 606  }
 607  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,
 608  .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover {
 609    border-right: 1px solid #1e1e1e;
 610  }
 611  
 612  .is-dragging-components-draggable .components-tooltip {
 613    display: none;
 614  }
 615  
 616  .components-popover.block-editor-block-popover__inbetween .block-editor-button-pattern-inserter__button {
 617    pointer-events: all;
 618    position: absolute;
 619    transform: translateX(50%) translateY(-50%);
 620    top: 50%;
 621    right: 50%;
 622  }
 623  
 624  .block-editor-block-tools--is-dragging > .popover-slot {
 625    display: none;
 626  }
 627  
 628  .block-editor-block-lock-modal {
 629    z-index: 1000001;
 630  }
 631  
 632  .block-editor-block-lock-modal__options {
 633    border: 0;
 634    padding: 0;
 635    margin: 0;
 636  }
 637  
 638  .block-editor-block-lock-modal__options legend {
 639    margin-bottom: 16px;
 640    padding: 0;
 641  }
 642  
 643  .block-editor-block-lock-modal__checklist {
 644    list-style: none;
 645    padding: 0;
 646    margin: 0;
 647  }
 648  
 649  .block-editor-block-lock-modal__options-all {
 650    padding: 12px 0;
 651  }
 652  .block-editor-block-lock-modal__options-all .components-checkbox-control__label {
 653    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 654  }
 655  
 656  .block-editor-block-lock-modal__checklist-item {
 657    display: flex;
 658    justify-content: space-between;
 659    align-items: center;
 660    gap: 12px;
 661    margin-bottom: 0;
 662    padding: 12px 32px 12px 0;
 663  }
 664  .block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon {
 665    flex-shrink: 0;
 666    margin-left: 12px;
 667    color: #1e1e1e;
 668  }
 669  .block-editor-block-lock-modal__checklist-item:hover {
 670    background-color: #f0f0f0;
 671    border-radius: 2px;
 672  }
 673  
 674  .block-editor-block-lock-modal__template-lock {
 675    border-top: 1px solid #ddd;
 676    margin-top: 16px;
 677    padding-top: 16px;
 678  }
 679  
 680  .block-editor-block-lock-modal__actions {
 681    margin-top: 24px;
 682  }
 683  
 684  .block-editor-block-lock-toolbar .components-button.has-icon {
 685    min-width: 36px !important;
 686  }
 687  
 688  .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar {
 689    margin-right: -6px !important;
 690  }
 691  
 692  .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar {
 693    border-right: 1px solid #1e1e1e;
 694    margin-right: 6px !important;
 695    margin-left: -6px;
 696  }
 697  
 698  .block-editor-block-allowed-blocks-control:not(:only-child) {
 699    margin-top: 16px;
 700  }
 701  
 702  .block-editor-block-allowed-blocks-control__button {
 703    width: 100%;
 704    justify-content: center;
 705  }
 706  
 707  .block-editor-block-allowed-blocks-modal {
 708    z-index: 1000001;
 709  }
 710  
 711  .block-editor-block-allowed-blocks-modal__actions {
 712    background-color: #fff;
 713    border-top: 1px solid #ddd;
 714    bottom: -24px;
 715    right: 0;
 716    margin: 0 -24px -24px;
 717    padding: 16px 24px;
 718    position: sticky;
 719    z-index: 1;
 720  }
 721  
 722  .block-editor-block-breadcrumb {
 723    list-style: none;
 724    padding: 0;
 725    margin: 0;
 726  }
 727  .block-editor-block-breadcrumb li {
 728    display: inline-flex;
 729    margin: 0;
 730    white-space: nowrap;
 731  }
 732  .block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator {
 733    fill: currentColor;
 734    margin-right: -4px;
 735    margin-left: -4px;
 736    transform: scaleX(-1);;
 737  }
 738  .block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator {
 739    display: none;
 740  }
 741  
 742  .block-editor-block-breadcrumb__current {
 743    cursor: default;
 744  }
 745  
 746  .block-editor-block-breadcrumb__button.block-editor-block-breadcrumb__button,
 747  .block-editor-block-breadcrumb__current {
 748    color: #1e1e1e;
 749    padding: 0 8px;
 750    font-size: inherit;
 751  }
 752  
 753  .block-editor-block-card {
 754    color: #1e1e1e;
 755    padding: 16px;
 756  }
 757  .block-editor-block-card.is-parent {
 758    padding-bottom: 4px;
 759  }
 760  .block-editor-block-card.is-child {
 761    padding-top: 4px;
 762  }
 763  
 764  .block-editor-block-card__parent-select-button {
 765    padding: 0;
 766    align-items: start;
 767    text-align: start;
 768    height: auto !important;
 769  }
 770  
 771  .block-editor-block-card__title {
 772    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 773    display: flex;
 774    align-items: center;
 775    flex-wrap: wrap;
 776    gap: 4px 8px;
 777    overflow-wrap: anywhere;
 778  }
 779  .block-editor-block-card__title.block-editor-block-card__title {
 780    font-size: 13px;
 781    line-height: 1.4;
 782    margin: 0;
 783  }
 784  
 785  .block-editor-block-card__name {
 786    padding: 3px 0;
 787  }
 788  
 789  .block-editor-block-card .block-editor-block-icon,
 790  .block-editor-block-card__child-indicator-icon {
 791    flex: 0 0 24px;
 792    margin-right: 0;
 793    margin-left: 12px;
 794    width: 24px;
 795    height: 24px;
 796  }
 797  
 798  .block-editor-block-card.is-synced .block-editor-block-icon {
 799    color: var(--wp-block-synced-color);
 800  }
 801  
 802  /**
 803   * Invalid block comparison
 804   */
 805  .block-editor-block-compare {
 806    height: auto;
 807  }
 808  
 809  .block-editor-block-compare__wrapper {
 810    display: flex;
 811    padding-bottom: 16px;
 812  }
 813  .block-editor-block-compare__wrapper > div {
 814    display: flex;
 815    justify-content: space-between;
 816    flex-direction: column;
 817    width: 50%;
 818    padding: 0 0 0 16px;
 819    min-width: 200px;
 820    max-width: 600px;
 821  }
 822  .block-editor-block-compare__wrapper > div button {
 823    float: left;
 824  }
 825  .block-editor-block-compare__wrapper .block-editor-block-compare__converted {
 826    border-right: 1px solid #ddd;
 827    padding-right: 15px;
 828    padding-left: 0;
 829  }
 830  .block-editor-block-compare__wrapper .block-editor-block-compare__html {
 831    font-family: Menlo, Consolas, monaco, monospace;
 832    font-size: 12px;
 833    color: #1e1e1e;
 834    border-bottom: 1px solid #ddd;
 835    padding-bottom: 15px;
 836    line-height: 1.7;
 837    white-space: pre-wrap;
 838  }
 839  .block-editor-block-compare__wrapper .block-editor-block-compare__html span {
 840    background-color: #e6ffed;
 841    padding-top: 3px;
 842    padding-bottom: 3px;
 843  }
 844  .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
 845    background-color: #acf2bd;
 846  }
 847  .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
 848    background-color: #cc1818;
 849  }
 850  .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__newline {
 851    background: none;
 852    padding: 0;
 853  }
 854  .block-editor-block-compare__wrapper .block-editor-block-compare__preview {
 855    padding: 0;
 856    padding-top: 16px;
 857  }
 858  .block-editor-block-compare__wrapper .block-editor-block-compare__preview p {
 859    font-size: 12px;
 860    margin-top: 0;
 861  }
 862  .block-editor-block-compare__wrapper .block-editor-block-compare__action {
 863    margin-top: 16px;
 864  }
 865  .block-editor-block-compare__wrapper .block-editor-block-compare__heading {
 866    font-size: 1em;
 867    font-weight: 400;
 868    margin: 0.67em 0;
 869  }
 870  
 871  .block-editor-block-draggable-chip-wrapper {
 872    position: absolute;
 873    top: -24px;
 874    right: 0;
 875  }
 876  
 877  .block-editor-block-draggable-chip {
 878    background-color: #1e1e1e;
 879    border-radius: 2px;
 880    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
 881    color: #fff;
 882    cursor: grabbing;
 883    display: inline-flex;
 884    height: 48px;
 885    padding: 0 13px;
 886    position: relative;
 887    -webkit-user-select: none;
 888            user-select: none;
 889    width: max-content;
 890  }
 891  .block-editor-block-draggable-chip svg {
 892    fill: currentColor;
 893  }
 894  .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content {
 895    margin: auto;
 896    justify-content: flex-start;
 897  }
 898  .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item {
 899    margin-left: 6px;
 900  }
 901  .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child {
 902    margin-left: 0;
 903  }
 904  .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg {
 905    min-width: 18px;
 906    min-height: 18px;
 907  }
 908  .block-editor-block-draggable-chip .components-flex__item {
 909    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 910    font-size: 13px;
 911  }
 912  
 913  .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
 914    opacity: 0;
 915    position: absolute;
 916    top: 0;
 917    left: 0;
 918    right: 0;
 919    bottom: 0;
 920    display: flex;
 921    justify-content: center;
 922    align-items: center;
 923    background-color: transparent;
 924  }
 925  @media not (prefers-reduced-motion) {
 926    .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
 927      transition: all 0.1s linear 0.1s;
 928    }
 929  }
 930  .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon {
 931    width: 20px;
 932    height: 20px;
 933    box-shadow: inset 0 0 0 1.5px #fff;
 934    border-radius: 50%;
 935    display: inline-block;
 936    padding: 0;
 937    background: transparent linear-gradient(45deg, transparent 47.5%, #fff 47.5%, #fff 52.5%, transparent 52.5%);
 938  }
 939  
 940  .block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
 941    background-color: #757575;
 942    opacity: 1;
 943    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
 944  }
 945  
 946  .block-editor-block-manager__no-results {
 947    font-style: italic;
 948    padding: 24px 0;
 949    text-align: center;
 950  }
 951  
 952  .block-editor-block-manager__category {
 953    isolation: isolate;
 954    margin: 0 0 24px 0;
 955  }
 956  
 957  .block-editor-block-manager__category-title {
 958    position: sticky;
 959    top: -4px;
 960    padding: 16px 0;
 961    background-color: #fff;
 962    z-index: 1;
 963  }
 964  .block-editor-block-manager__category-title .components-checkbox-control__label {
 965    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 966  }
 967  
 968  .block-editor-block-manager__checklist {
 969    margin-top: 0;
 970  }
 971  
 972  .block-editor-block-manager__category-title,
 973  .block-editor-block-manager__checklist-item {
 974    border-bottom: 1px solid #ddd;
 975  }
 976  
 977  .block-editor-block-manager__checklist-item {
 978    display: flex;
 979    justify-content: space-between;
 980    align-items: center;
 981    margin-bottom: 0;
 982    padding: 8px 16px 8px 0;
 983  }
 984  .components-modal__content .block-editor-block-manager__checklist-item.components-checkbox-control__input-container {
 985    margin: 0 8px;
 986  }
 987  .block-editor-block-manager__checklist-item .block-editor-block-icon {
 988    margin-left: 10px;
 989    fill: #1e1e1e;
 990    color: #1e1e1e;
 991  }
 992  
 993  .block-editor-block-manager__results {
 994    border-top: 1px solid #ddd;
 995  }
 996  
 997  .block-editor-block-manager__disabled-blocks-count + .block-editor-block-manager__results {
 998    border-top-width: 0;
 999  }
1000  
1001  .block-editor-block-mover__move-button-container {
1002    display: flex;
1003    padding: 0;
1004    border: none;
1005    justify-content: center;
1006  }
1007  @media (min-width: 600px) {
1008    .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container {
1009      flex-direction: column;
1010    }
1011    .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > .block-editor-block-mover-button {
1012      height: 20px;
1013      width: 100%;
1014      min-width: 0 !important;
1015    }
1016    .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > .block-editor-block-mover-button::before {
1017      height: calc(100% - 4px);
1018    }
1019    .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg {
1020      top: 3px;
1021      flex-shrink: 0;
1022    }
1023    .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg {
1024      bottom: 3px;
1025      flex-shrink: 0;
1026    }
1027    .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container {
1028      width: 48px;
1029    }
1030    .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > .block-editor-block-mover-button {
1031      width: 24px;
1032      min-width: 0 !important;
1033      overflow: hidden;
1034    }
1035    .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button {
1036      padding-right: 0;
1037      padding-left: 0;
1038    }
1039    .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg {
1040      right: 5px;
1041    }
1042    .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg {
1043      left: 5px;
1044    }
1045  }
1046  
1047  .block-editor-block-mover__drag-handle {
1048    cursor: grab;
1049  }
1050  @media (min-width: 600px) {
1051    .block-editor-block-mover__drag-handle {
1052      width: 24px;
1053      min-width: 0 !important;
1054      overflow: hidden;
1055    }
1056    .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon {
1057      padding-right: 0;
1058      padding-left: 0;
1059    }
1060  }
1061  
1062  .components-button.block-editor-block-mover-button {
1063    overflow: hidden;
1064  }
1065  .components-button.block-editor-block-mover-button::before {
1066    content: "";
1067    position: absolute;
1068    display: block;
1069    border-radius: 2px;
1070    height: 32px;
1071    right: 8px;
1072    left: 8px;
1073    z-index: -1;
1074  }
1075  @media not (prefers-reduced-motion) {
1076    .components-button.block-editor-block-mover-button::before {
1077      animation: components-button__appear-animation 0.1s ease;
1078      animation-fill-mode: forwards;
1079    }
1080  }
1081  
1082  .block-editor-block-navigation__container {
1083    min-width: 280px;
1084  }
1085  
1086  .block-editor-block-navigation__label {
1087    margin: 0 0 12px;
1088    color: #757575;
1089    text-transform: uppercase;
1090    font-size: 11px;
1091    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1092  }
1093  
1094  .block-editor-block-patterns-list__list-item {
1095    cursor: var(--wpds-cursor-control, pointer);
1096    margin-bottom: 16px;
1097    position: relative;
1098  }
1099  .block-editor-block-patterns-list__list-item.is-placeholder {
1100    min-height: 100px;
1101  }
1102  .block-editor-block-patterns-list__list-item[draggable=true] {
1103    cursor: grab;
1104  }
1105  
1106  .block-editor-block-patterns-list__item {
1107    height: 100%;
1108    scroll-margin-top: 24px;
1109    scroll-margin-bottom: 56px;
1110    outline: 0;
1111  }
1112  .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title {
1113    flex-grow: 1;
1114    text-align: right;
1115  }
1116  .block-editor-block-patterns-list__item .block-editor-block-preview__container {
1117    display: flex;
1118    align-items: center;
1119    overflow: hidden;
1120    border-radius: 4px;
1121  }
1122  .block-editor-block-patterns-list__item .block-editor-block-preview__container::after {
1123    outline: 1px solid rgba(0, 0, 0, 0.1);
1124    outline-offset: -1px;
1125    border-radius: 4px;
1126  }
1127  @media not (prefers-reduced-motion) {
1128    .block-editor-block-patterns-list__item .block-editor-block-preview__container::after {
1129      transition: outline 0.1s linear;
1130    }
1131  }
1132  .block-editor-block-patterns-list__item.is-selected .block-editor-block-preview__container::after {
1133    outline-color: #1e1e1e;
1134    outline-width: var(--wp-admin-border-width-focus);
1135    outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
1136  }
1137  .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container::after {
1138    outline-color: rgba(0, 0, 0, 0.3);
1139  }
1140  .block-editor-block-patterns-list__item[data-focus-visible] .block-editor-block-preview__container::after {
1141    outline-color: var(--wp-admin-theme-color);
1142    outline-width: var(--wp-admin-border-width-focus);
1143    outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
1144  }
1145  .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty) {
1146    align-items: center;
1147    margin-top: 8px;
1148    padding-bottom: 4px;
1149  }
1150  .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper {
1151    min-width: 24px;
1152    height: 24px;
1153  }
1154  .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon {
1155    color: var(--wp-block-synced-color);
1156  }
1157  
1158  .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination {
1159    border-top: 1px solid #2f2f2f;
1160    padding: 4px;
1161    justify-content: center;
1162  }
1163  
1164  .show-icon-labels .block-editor-patterns__grid-pagination-button {
1165    width: auto;
1166  }
1167  .show-icon-labels .block-editor-patterns__grid-pagination-button span {
1168    display: none;
1169  }
1170  .show-icon-labels .block-editor-patterns__grid-pagination-button::before {
1171    content: attr(aria-label);
1172  }
1173  
1174  .components-popover.block-editor-block-popover {
1175    z-index: 31;
1176    position: absolute;
1177    margin: 0 !important;
1178    pointer-events: none;
1179  }
1180  .components-popover.block-editor-block-popover .components-popover__content {
1181    margin: 0 !important;
1182    min-width: auto;
1183    width: max-content;
1184    overflow-y: visible;
1185  }
1186  .components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween, .block-editor-block-popover__drop-zone, .block-editor-block-list__block-side-inserter-popover) .components-popover__content * {
1187    pointer-events: all;
1188  }
1189  
1190  .components-popover.block-editor-block-popover__inbetween {
1191    pointer-events: none;
1192  }
1193  .components-popover.block-editor-block-popover__inbetween * {
1194    pointer-events: none;
1195  }
1196  .components-popover.block-editor-block-popover__inbetween .is-with-inserter {
1197    pointer-events: all;
1198  }
1199  .components-popover.block-editor-block-popover__inbetween .is-with-inserter * {
1200    pointer-events: all;
1201  }
1202  
1203  .components-popover.block-editor-block-popover__drop-zone * {
1204    pointer-events: none;
1205  }
1206  .components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground {
1207    position: absolute;
1208    inset: 0;
1209    background-color: var(--wp-admin-theme-color);
1210    border-radius: 2px;
1211  }
1212  
1213  .block-editor-block-preview__container {
1214    position: relative;
1215    width: 100%;
1216    overflow: hidden;
1217  }
1218  .block-editor-block-preview__container .block-editor-block-preview__content {
1219    width: 100%;
1220    top: 0;
1221    right: 0;
1222    transform-origin: top right;
1223    text-align: initial;
1224    margin: 0;
1225    overflow: visible;
1226    min-height: auto;
1227  }
1228  .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,
1229  .block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender {
1230    display: none;
1231  }
1232  
1233  .block-editor-block-preview__container::after {
1234    content: "";
1235    position: absolute;
1236    top: 0;
1237    right: 0;
1238    left: 0;
1239    bottom: 0;
1240    z-index: 1;
1241  }
1242  
1243  .block-editor-block-quick-navigation__item {
1244    font-weight: var(--wpds-typography-font-weight-default, 400);
1245  }
1246  
1247  .block-editor-block-rename-modal {
1248    z-index: 1000001;
1249  }
1250  
1251  .block-editor-block-styles__preview-panel {
1252    display: none;
1253    z-index: 90;
1254  }
1255  @media (min-width: 782px) {
1256    .block-editor-block-styles__preview-panel {
1257      display: block;
1258    }
1259  }
1260  .block-editor-block-styles__preview-panel .block-editor-block-icon {
1261    display: none;
1262  }
1263  
1264  .block-editor-block-styles {
1265    grid-column: 1/-1;
1266  }
1267  
1268  .block-editor-block-styles__variants {
1269    display: grid;
1270    gap: 8px;
1271  }
1272  .block-editor-block-styles__variants .block-editor-block-styles__row {
1273    display: grid;
1274    grid-template-columns: repeat(2, minmax(0, 1fr));
1275    gap: 8px;
1276  }
1277  .block-editor-block-styles__variants .block-editor-block-styles__item-text {
1278    text-align: start;
1279    text-align-last: center;
1280  }
1281  
1282  .components-popover.block-editor-block-switcher__popover .components-popover__content {
1283    min-width: 300px;
1284  }
1285  
1286  .block-editor-block-switcher__popover-preview-container {
1287    right: 0;
1288    position: absolute;
1289    top: -1px;
1290    width: 100%;
1291    bottom: 0;
1292    pointer-events: none;
1293  }
1294  
1295  .block-editor-block-switcher__popover-preview {
1296    overflow: hidden;
1297  }
1298  .block-editor-block-switcher__popover-preview .components-popover__content {
1299    width: 300px;
1300    border: 1px solid #1e1e1e;
1301    background: #fff;
1302    border-radius: 4px;
1303    outline: none;
1304    box-shadow: none;
1305    overflow: auto;
1306    scroll-padding-block: calc(2 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
1307  }
1308  .block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview {
1309    max-height: calc(500px - 32px);
1310    margin: 16px 0;
1311    padding: 0 16px;
1312    overflow: hidden;
1313  }
1314  .block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview.is-pattern-list-preview {
1315    overflow: unset;
1316  }
1317  
1318  .block-editor-block-switcher__preview-patterns-container {
1319    padding-bottom: 16px;
1320  }
1321  .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item {
1322    margin-top: 16px;
1323  }
1324  .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container {
1325    cursor: var(--wpds-cursor-control, pointer);
1326  }
1327  .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item {
1328    height: 100%;
1329    border-radius: 2px;
1330    position: relative;
1331    border: 1px solid transparent;
1332  }
1333  .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover {
1334    outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
1335    outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
1336    outline-color: #1e1e1e;
1337  }
1338  .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus {
1339    outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
1340    outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
1341  }
1342  .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title {
1343    padding: 4px;
1344    font-size: 12px;
1345    text-align: center;
1346    cursor: var(--wpds-cursor-control, pointer);
1347  }
1348  
1349  .block-editor-block-switcher__no-transforms {
1350    color: #757575;
1351    padding: 6px 8px;
1352    margin: 0;
1353  }
1354  
1355  .block-editor-block-switcher__binding-indicator {
1356    display: block;
1357    padding: 8px;
1358  }
1359  
1360  .block-editor-block-types-list > [role=presentation] {
1361    display: flex;
1362    flex-wrap: wrap;
1363  }
1364  
1365  .block-editor-block-pattern-setup {
1366    display: flex;
1367    flex-direction: column;
1368    justify-content: center;
1369    align-items: flex-start;
1370    width: 100%;
1371    border-radius: 2px;
1372  }
1373  .block-editor-block-pattern-setup.view-mode-grid {
1374    padding-top: 4px;
1375  }
1376  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar {
1377    justify-content: center;
1378  }
1379  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
1380    column-gap: 24px;
1381    display: block;
1382    width: 100%;
1383    padding: 32px;
1384    padding-bottom: 0;
1385    padding-top: 0;
1386    column-count: 2;
1387  }
1388  @media (min-width: 1440px) {
1389    .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
1390      column-count: 3;
1391    }
1392  }
1393  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,
1394  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] {
1395    cursor: var(--wpds-cursor-control, pointer);
1396  }
1397  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item {
1398    scroll-margin: 5px 0;
1399  }
1400  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container {
1401    box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
1402  }
1403  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container {
1404    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
1405    outline: 2px solid transparent;
1406    outline-offset: 2px;
1407  }
1408  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title {
1409    color: var(--wp-admin-theme-color);
1410  }
1411  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item {
1412    break-inside: avoid-column;
1413    margin-bottom: 24px;
1414  }
1415  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title {
1416    padding-top: 8px;
1417    font-size: 12px;
1418    text-align: center;
1419    cursor: var(--wpds-cursor-control, pointer);
1420  }
1421  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container {
1422    min-height: 100px;
1423    border-radius: 4px;
1424    border: 1px solid #ddd;
1425  }
1426  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content {
1427    width: 100%;
1428  }
1429  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar {
1430    height: 64px;
1431    box-sizing: border-box;
1432    padding: 16px;
1433    width: 100%;
1434    text-align: right;
1435    margin: 0;
1436    color: #1e1e1e;
1437    position: absolute;
1438    bottom: 0;
1439    background-color: #fff;
1440    display: flex;
1441    flex-direction: row;
1442    align-items: center;
1443    justify-content: space-between;
1444    border-top: 1px solid #ddd;
1445    align-self: stretch;
1446  }
1447  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls {
1448    display: flex;
1449  }
1450  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation,
1451  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions {
1452    width: calc(50% - 36px);
1453    display: flex;
1454  }
1455  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions {
1456    justify-content: flex-end;
1457  }
1458  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container {
1459    display: flex;
1460    flex-direction: column;
1461    width: 100%;
1462    height: 100%;
1463    box-sizing: border-box;
1464  }
1465  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container {
1466    overflow: hidden;
1467    position: relative;
1468    padding: 0;
1469    margin: 0;
1470    height: 100%;
1471    list-style: none;
1472    transform-style: preserve-3d;
1473  }
1474  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * {
1475    box-sizing: border-box;
1476  }
1477  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide {
1478    position: absolute;
1479    top: 0;
1480    width: 100%;
1481    height: 100%;
1482    background-color: #fff;
1483    margin: auto;
1484    padding: 0;
1485  }
1486  @media not (prefers-reduced-motion) {
1487    .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide {
1488      transition: transform 0.5s, z-index 0.5s;
1489    }
1490  }
1491  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide {
1492    z-index: 100;
1493  }
1494  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide {
1495    opacity: 1;
1496    position: relative;
1497    z-index: 102;
1498  }
1499  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide {
1500    transform: translateX(100%);
1501    z-index: 101;
1502  }
1503  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide {
1504    transform: translateX(-100%);
1505    z-index: 101;
1506  }
1507  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender {
1508    display: none;
1509  }
1510  
1511  .block-editor-block-pattern-setup__carousel,
1512  .block-editor-block-pattern-setup__grid {
1513    width: 100%;
1514  }
1515  
1516  .block-editor-block-variation-transforms {
1517    box-sizing: border-box;
1518    padding: 0 16px 16px;
1519  }
1520  .block-editor-block-variation-transforms:where(fieldset) {
1521    border: 0;
1522    margin: 0;
1523    min-inline-size: 0;
1524  }
1525  
1526  .block-editor-block-variation-transforms__button {
1527    width: 100%;
1528    justify-content: center;
1529  }
1530  
1531  .components-border-radius-control__header {
1532    height: 16px;
1533    margin-bottom: 12px;
1534  }
1535  
1536  .components-border-radius-control {
1537    border: 0;
1538    padding: 0;
1539    margin: 0;
1540    margin-bottom: 12px;
1541  }
1542  .components-border-radius-control legend {
1543    margin-bottom: 0;
1544  }
1545  .components-border-radius-control .components-border-radius-control__linked-button {
1546    display: flex;
1547    justify-content: center;
1548  }
1549  .components-border-radius-control .components-border-radius-control__linked-button svg {
1550    margin-left: 0;
1551  }
1552  
1553  .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
1554    margin-bottom: 12px;
1555  }
1556  
1557  .block-editor-color-gradient-control__fieldset {
1558    border: 0;
1559    padding: 0;
1560    margin: 0;
1561    min-width: 0;
1562  }
1563  
1564  @media screen and (min-width: 782px) {
1565    .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches {
1566      display: grid;
1567      grid-template-columns: repeat(6, 28px);
1568    }
1569  }
1570  .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control {
1571    margin-bottom: inherit;
1572  }
1573  .block-editor-panel-color-gradient-settings {
1574    /* Increased specificity required to remove the slot wrapper's row gap */
1575  }
1576  .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__inner-wrapper {
1577    grid-column: 1/-1;
1578    row-gap: 0;
1579  }
1580  .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__inner-wrapper > * {
1581    grid-column: 1/-1;
1582  }
1583  
1584  .block-editor-panel-color-gradient-settings__dropdown-content {
1585    min-height: 160px;
1586  }
1587  .block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel {
1588    width: 260px;
1589    padding: 16px;
1590  }
1591  
1592  .block-editor-panel-color-gradient-settings__color-indicator {
1593    background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
1594  }
1595  
1596  .block-editor-panel-color-gradient-settings__contrast-notice {
1597    margin-top: 16px;
1598  }
1599  
1600  /**
1601  * The following styles replicate the separated border of the
1602  * `ItemGroup` component but allows for hidden items. This is because
1603  * to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem`
1604  * must at least render a placeholder which would otherwise interfere
1605  * with the `:last-child` styles.
1606  *
1607  * Applied via the shared `block-editor-color-gradient-item` class on
1608  * color/gradient dropdown items across the Color, Background, and
1609  * Typography panels.
1610  */
1611  .block-editor-color-gradient-item {
1612    padding: 0;
1613    max-width: 100%;
1614    position: relative;
1615    border-right: 1px solid #ddd;
1616    border-left: 1px solid #ddd;
1617    border-bottom: 1px solid #ddd;
1618  }
1619  .block-editor-color-gradient-item:nth-child(1 of .block-editor-color-gradient-item) {
1620    border-top-right-radius: 2px;
1621    border-top-left-radius: 2px;
1622    border-top: 1px solid #ddd;
1623  }
1624  .block-editor-color-gradient-item:nth-last-child(1 of .block-editor-color-gradient-item) {
1625    border-bottom-right-radius: 2px;
1626    border-bottom-left-radius: 2px;
1627  }
1628  .block-editor-color-gradient-item > div,
1629  .block-editor-color-gradient-item > div > button {
1630    border-radius: inherit;
1631  }
1632  
1633  .block-editor-tools-panel-color-gradient-settings__dropdown {
1634    display: block;
1635    padding: 0;
1636  }
1637  .block-editor-tools-panel-color-gradient-settings__dropdown > button {
1638    height: auto;
1639    padding-top: 10px;
1640    padding-bottom: 10px;
1641    text-align: right;
1642  }
1643  .block-editor-tools-panel-color-gradient-settings__dropdown > button.is-open {
1644    background: #f0f0f0;
1645    color: var(--wp-admin-theme-color);
1646  }
1647  .block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name {
1648    min-width: 0;
1649    white-space: nowrap;
1650    overflow: hidden;
1651    text-overflow: ellipsis;
1652    max-width: calc(100% - 44px);
1653  }
1654  .block-editor-tools-panel-color-gradient-settings__dropdown > button.has-contrast-warning .block-editor-panel-color-gradient-settings__color-name {
1655    max-width: calc(100% - 72px);
1656  }
1657  
1658  .block-editor-panel-color-gradient-settings__dropdown {
1659    width: 100%;
1660  }
1661  .block-editor-panel-color-gradient-settings__dropdown .component-color-indicator {
1662    flex-shrink: 0;
1663  }
1664  
1665  .block-editor-panel-color-gradient-settings__labeled-indicators {
1666    width: 100%;
1667    min-width: 0;
1668  }
1669  
1670  .block-editor-panel-color-gradient-settings__color-indicators {
1671    display: flex;
1672    flex-shrink: 0;
1673  }
1674  .block-editor-panel-color-gradient-settings__color-indicators > * + * {
1675    margin-inline-start: -8px;
1676  }
1677  
1678  .block-editor-panel-color-gradient-settings__reset {
1679    position: absolute;
1680    left: 0;
1681    top: 8px;
1682    margin: auto 8px auto;
1683    opacity: 0;
1684  }
1685  @media not (prefers-reduced-motion) {
1686    .block-editor-panel-color-gradient-settings__reset {
1687      transition: opacity 0.1s ease-in-out;
1688    }
1689  }
1690  .block-editor-panel-color-gradient-settings__reset.block-editor-panel-color-gradient-settings__reset {
1691    border-radius: 2px;
1692  }
1693  .block-editor-panel-color-gradient-settings__dropdown:hover + .block-editor-panel-color-gradient-settings__reset, .block-editor-panel-color-gradient-settings__reset:focus, .block-editor-panel-color-gradient-settings__reset:hover {
1694    opacity: 1;
1695  }
1696  @media (hover: none) {
1697    .block-editor-panel-color-gradient-settings__reset {
1698      opacity: 1;
1699    }
1700  }
1701  .block-editor-panel-color-gradient-settings__dropdown.has-contrast-warning + .block-editor-panel-color-gradient-settings__reset {
1702    left: 28px;
1703  }
1704  
1705  .block-editor-panel-color-gradient-settings__contrast-warning {
1706    position: absolute;
1707    left: 0;
1708    top: 8px;
1709    margin: auto 8px auto;
1710  }
1711  .block-editor-panel-color-gradient-settings__contrast-warning.block-editor-panel-color-gradient-settings__contrast-warning {
1712    border-radius: 2px;
1713  }
1714  
1715  .block-editor-date-format-picker {
1716    margin: 0 0 16px;
1717    padding: 0;
1718    border: none;
1719  }
1720  
1721  .block-editor-date-format-picker__custom-format-select-control__custom-option {
1722    border-top: 1px solid #ddd;
1723  }
1724  
1725  .block-editor-dimension-control {
1726    border: 0;
1727    margin: 0;
1728    padding: 0;
1729  }
1730  
1731  .block-editor-duotone-control__popover.components-popover > .components-popover__content {
1732    padding: 8px;
1733    width: 260px;
1734  }
1735  .block-editor-duotone-control__popover.components-popover .components-menu-group__label {
1736    padding: 0;
1737  }
1738  .block-editor-duotone-control__popover.components-popover .components-circular-option-picker__swatches {
1739    display: grid;
1740    grid-template-columns: repeat(6, 28px);
1741    gap: 12px;
1742    justify-content: space-between;
1743  }
1744  
1745  .block-editor-duotone-control__unset-indicator {
1746    background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
1747  }
1748  
1749  .block-editor-fit-text-size-warning {
1750    grid-column: span 2;
1751  }
1752  
1753  .components-font-appearance-control [role=option] {
1754    color: #1e1e1e;
1755    text-transform: capitalize;
1756  }
1757  
1758  .block-editor-global-styles__toggle-icon {
1759    fill: currentColor;
1760  }
1761  
1762  .block-editor-global-styles__shadow-popover-container {
1763    width: 230px;
1764  }
1765  
1766  .block-editor-global-styles__shadow__list {
1767    display: flex;
1768    gap: 12px;
1769    flex-wrap: wrap;
1770    padding-bottom: 8px;
1771  }
1772  
1773  .block-editor-global-styles__clear-shadow {
1774    text-align: left;
1775  }
1776  
1777  .block-editor-global-styles-state-control {
1778    margin-top: -4px;
1779  }
1780  
1781  .block-editor-global-styles-state-control__badges {
1782    min-height: 24px;
1783  }
1784  
1785  .block-editor-global-styles-state-control__badge-infotip {
1786    display: inline-flex;
1787    align-items: center;
1788    padding: 0;
1789    border: 0;
1790    border-radius: var(--wpds-border-radius-sm, 2px);
1791    background: none;
1792    color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1793    cursor: var(--wpds-cursor-control, pointer);
1794  }
1795  
1796  .block-editor-global-styles-state-control__badge-infotip-popup {
1797    max-width: 240px;
1798  }
1799  
1800  .block-editor-global-styles-filters-panel__dropdown,
1801  .block-editor-global-styles__shadow-dropdown {
1802    display: block;
1803    padding: 0;
1804    position: relative;
1805    border: 1px solid #ddd;
1806    border-radius: 2px;
1807  }
1808  
1809  .block-editor-global-styles-filters-panel__dropdown-toggle,
1810  .block-editor-global-styles__shadow-dropdown-toggle {
1811    width: 100%;
1812    padding: 8px;
1813  }
1814  .block-editor-global-styles-filters-panel__dropdown-toggle.is-open,
1815  .block-editor-global-styles__shadow-dropdown-toggle.is-open {
1816    background-color: #f0f0f0;
1817  }
1818  
1819  .block-editor-panel-duotone-settings__label-row {
1820    width: 100%;
1821    min-width: 0;
1822  }
1823  
1824  .block-editor-panel-duotone-settings__label {
1825    min-width: 0;
1826  }
1827  
1828  .block-editor-global-styles__shadow-editor__remove-button {
1829    position: absolute;
1830    left: 0;
1831    top: 8px;
1832    margin: auto 8px auto;
1833    opacity: 0;
1834  }
1835  @media not (prefers-reduced-motion) {
1836    .block-editor-global-styles__shadow-editor__remove-button {
1837      transition: opacity 0.1s ease-in-out;
1838    }
1839  }
1840  .block-editor-global-styles__shadow-dropdown:hover .block-editor-global-styles__shadow-editor__remove-button, .block-editor-global-styles__shadow-editor__remove-button:focus, .block-editor-global-styles__shadow-editor__remove-button:hover {
1841    opacity: 1;
1842  }
1843  @media (hover: none) {
1844    .block-editor-global-styles__shadow-editor__remove-button {
1845      opacity: 1;
1846    }
1847  }
1848  
1849  .block-editor-global-styles__shadow-indicator {
1850    appearance: none;
1851    background: none;
1852    color: #2f2f2f;
1853    border: #e0e0e0 1px solid;
1854    border-radius: 2px;
1855    cursor: var(--wpds-cursor-control, pointer);
1856    display: inline-flex;
1857    align-items: center;
1858    padding: 0;
1859    height: 26px;
1860    width: 26px;
1861    box-sizing: border-box;
1862    transform: scale(1);
1863  }
1864  @media not (prefers-reduced-motion) {
1865    .block-editor-global-styles__shadow-indicator {
1866      transition: transform 0.1s ease;
1867    }
1868  }
1869  .block-editor-global-styles__shadow-indicator {
1870    will-change: transform;
1871  }
1872  .block-editor-global-styles__shadow-indicator:focus {
1873    border: 2px solid #757575;
1874  }
1875  .block-editor-global-styles__shadow-indicator:hover {
1876    transform: scale(1.2);
1877  }
1878  .block-editor-global-styles__shadow-indicator.unset {
1879    background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
1880  }
1881  
1882  .block-editor-global-styles-advanced-panel__custom-css-input {
1883    margin-bottom: 16px;
1884  }
1885  .block-editor-global-styles-advanced-panel__custom-css-input textarea {
1886    font-family: Menlo, Consolas, monaco, monospace;
1887    direction: ltr;
1888  }
1889  
1890  .block-editor-panel-duotone-settings__reset {
1891    position: absolute;
1892    left: 0;
1893    top: 8px;
1894    margin: auto 8px auto;
1895    opacity: 0;
1896  }
1897  @media not (prefers-reduced-motion) {
1898    .block-editor-panel-duotone-settings__reset {
1899      transition: opacity 0.1s ease-in-out;
1900    }
1901  }
1902  .block-editor-global-styles-filters-panel__dropdown:hover .block-editor-panel-duotone-settings__reset, .block-editor-panel-duotone-settings__reset:focus, .block-editor-panel-duotone-settings__reset:hover {
1903    opacity: 1;
1904  }
1905  @media (hover: none) {
1906    .block-editor-panel-duotone-settings__reset {
1907      opacity: 1;
1908    }
1909  }
1910  
1911  .block-editor-global-styles__text-shadow {
1912    width: 260px;
1913    padding: 8px;
1914  }
1915  
1916  .block-editor-global-styles__text-shadow-preview {
1917    display: flex;
1918    align-items: center;
1919    justify-content: center;
1920    height: 80px;
1921    border: #ddd 1px solid;
1922    border-radius: 2px;
1923    font-size: 24px;
1924    margin-bottom: 16px;
1925    background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0);
1926    background-position: 0 0, 8px 8px;
1927    background-size: 16px 16px;
1928  }
1929  
1930  .block-editor-global-styles__text-shadow-list-item {
1931    justify-content: space-between;
1932    gap: 8px;
1933    width: 100%;
1934  }
1935  .block-editor-global-styles__text-shadow-list-item:not(.is-active) svg {
1936    opacity: 0;
1937  }
1938  
1939  .block-editor-global-styles__text-shadow-dropdown {
1940    display: block;
1941    padding: 0;
1942    position: relative;
1943    border: 1px solid #ddd;
1944    border-radius: 2px;
1945  }
1946  
1947  .block-editor-global-styles__text-shadow-dropdown-toggle {
1948    width: 100%;
1949    padding: 8px;
1950  }
1951  .block-editor-global-styles__text-shadow-dropdown-toggle.is-open {
1952    background-color: #f0f0f0;
1953  }
1954  
1955  .block-editor-global-styles__text-shadow-remove-button {
1956    position: absolute;
1957    left: 8px;
1958    top: 8px;
1959    opacity: 0;
1960  }
1961  @media not (prefers-reduced-motion) {
1962    .block-editor-global-styles__text-shadow-remove-button {
1963      transition: opacity 0.1s ease-in-out;
1964    }
1965  }
1966  .block-editor-global-styles__text-shadow-dropdown:hover .block-editor-global-styles__text-shadow-remove-button, .block-editor-global-styles__text-shadow-remove-button:focus, .block-editor-global-styles__text-shadow-remove-button:hover {
1967    opacity: 1;
1968  }
1969  @media (hover: none) {
1970    .block-editor-global-styles__text-shadow-remove-button {
1971      opacity: 1;
1972    }
1973  }
1974  
1975  .is-inherited-from-global-styles .components-base-control__label,
1976  .is-inherited-from-global-styles .components-input-control__label {
1977    text-decoration-line: underline;
1978    text-decoration-style: dotted;
1979    text-decoration-thickness: 1px;
1980    text-underline-offset: 0.2em;
1981  }
1982  .is-inherited-from-global-styles .block-editor-panel-color-gradient-settings__color-name,
1983  .is-inherited-from-global-styles .block-editor-global-styles-background-panel__inspector-media-replace-title,
1984  .is-inherited-from-global-styles .block-editor-panel-duotone-settings__label {
1985    border-bottom: 1px dotted currentColor;
1986  }
1987  
1988  .has-local-override-from-global-styles {
1989    position: relative;
1990  }
1991  
1992  .global-styles-inheritance-affordance {
1993    position: absolute;
1994    inset-block-start: 0;
1995    inset-inline-end: 0;
1996    z-index: 1;
1997    display: flex;
1998    align-items: center;
1999    justify-content: center;
2000    pointer-events: none;
2001    height: 16px;
2002  }
2003  .global-styles-inheritance-affordance--offset-toggle {
2004    inset-inline-end: 32px;
2005  }
2006  .global-styles-inheritance-affordance .has-local-override-from-global-styles__reset {
2007    pointer-events: auto;
2008    margin-inline-start: 0 !important;
2009  }
2010  
2011  .has-local-override-from-global-styles__reset {
2012    display: inline-flex !important;
2013    align-items: center;
2014    justify-content: center;
2015    vertical-align: middle;
2016    position: relative;
2017    margin-inline-start: 6px;
2018    min-width: 14px !important;
2019    width: 14px !important;
2020    height: 14px !important;
2021    padding: 0 !important;
2022    border-radius: 50% !important;
2023    background: transparent !important;
2024    box-shadow: none !important;
2025    overflow: hidden;
2026    text-transform: none;
2027    letter-spacing: normal;
2028    cursor: var(--wpds-cursor-control, pointer);
2029  }
2030  .has-local-override-from-global-styles__reset:hover, .has-local-override-from-global-styles__reset:focus {
2031    background: transparent !important;
2032  }
2033  .has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__dot, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__dot {
2034    display: none;
2035  }
2036  .has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__reset-icon, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__reset-icon {
2037    display: block;
2038  }
2039  .has-local-override-from-global-styles__reset:focus-visible {
2040    outline: 1.5px solid var(--wp-admin-theme-color, #3858e9);
2041    outline-offset: 1px;
2042  }
2043  .has-local-override-from-global-styles__reset.block-editor-panel-color-gradient-settings__reset {
2044    position: absolute;
2045    justify-content: center;
2046    top: 50%;
2047    transform: translateY(-50%);
2048    margin-block: 0;
2049    margin-inline-start: 0;
2050    opacity: 1;
2051  }
2052  .has-local-override-from-global-styles__reset.block-editor-global-styles__shadow-editor__remove-button {
2053    position: absolute;
2054    justify-content: center;
2055    inset-inline-end: 8px;
2056    top: 50%;
2057    transform: translateY(-50%);
2058    margin-block: 0;
2059    margin-inline-start: 0;
2060    opacity: 1;
2061  }
2062  .has-local-override-from-global-styles__reset.block-editor-panel-duotone-settings__reset {
2063    position: absolute;
2064    justify-content: center;
2065    inset-inline-end: 8px;
2066    top: 50%;
2067    transform: translateY(-50%);
2068    margin-block: 0;
2069    margin-inline-start: 0;
2070    opacity: 1;
2071  }
2072  
2073  .has-local-override-from-global-styles__dot {
2074    display: block;
2075    width: 8px;
2076    height: 8px;
2077    background-color: var(--wp-admin-theme-color, #3858e9);
2078    border-radius: 50%;
2079  }
2080  
2081  .has-local-override-from-global-styles__reset-icon {
2082    display: none;
2083    position: absolute;
2084    top: 50%;
2085    right: 50%;
2086    transform: translate(50%, -50%);
2087    color: var(--wp-admin-theme-color, #3858e9);
2088  }
2089  
2090  .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer {
2091    z-index: 30;
2092  }
2093  .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .components-popover__content * {
2094    pointer-events: none;
2095  }
2096  .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer.is-dropping-allowed .block-editor-grid-visualizer__drop-zone {
2097    pointer-events: all;
2098  }
2099  .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .block-editor-inserter * {
2100    pointer-events: auto;
2101  }
2102  
2103  .block-editor-grid-visualizer__grid {
2104    display: grid;
2105    position: absolute;
2106  }
2107  
2108  .block-editor-grid-visualizer__cell {
2109    display: grid;
2110    position: relative;
2111  }
2112  .block-editor-grid-visualizer__cell .block-editor-inserter {
2113    color: inherit;
2114    z-index: 32;
2115    position: absolute;
2116    top: 0;
2117    bottom: 0;
2118    right: 0;
2119    left: 0;
2120    overflow: hidden;
2121  }
2122  .block-editor-grid-visualizer__cell .block-editor-inserter .block-editor-grid-visualizer__appender {
2123    box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
2124    color: inherit;
2125    overflow: hidden;
2126    height: 100%;
2127    width: 100%;
2128    padding: 0 !important;
2129    opacity: 0;
2130  }
2131  .block-editor-grid-visualizer__cell.is-highlighted .block-editor-inserter,
2132  .block-editor-grid-visualizer__cell.is-highlighted .block-editor-grid-visualizer__drop-zone {
2133    background: var(--wp-admin-theme-color);
2134  }
2135  .block-editor-grid-visualizer__cell:hover .block-editor-grid-visualizer__appender,
2136  .block-editor-grid-visualizer__cell .block-editor-grid-visualizer__appender:focus {
2137    opacity: 1;
2138    background-color: color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
2139  }
2140  
2141  .block-editor-grid-visualizer__drop-zone {
2142    background: rgba(204, 204, 204, 0.1);
2143    width: 100%;
2144    height: 100%;
2145    grid-column: 1;
2146    grid-row: 1;
2147    min-width: 8px;
2148    min-height: 8px;
2149  }
2150  
2151  .block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer {
2152    z-index: 30;
2153  }
2154  .block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer .components-popover__content * {
2155    pointer-events: none;
2156  }
2157  
2158  .block-editor-grid-item-resizer__box {
2159    border: 1px solid var(--wp-admin-theme-color);
2160  }
2161  .block-editor-grid-item-resizer__box .components-resizable-box__handle.components-resizable-box__handle.components-resizable-box__handle {
2162    pointer-events: all;
2163  }
2164  
2165  .block-editor-grid-item-mover__move-button-container {
2166    display: flex;
2167    padding: 0;
2168    border: none;
2169    justify-content: center;
2170  }
2171  .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button {
2172    width: 24px;
2173    min-width: 0 !important;
2174    padding-right: 0;
2175    padding-left: 0;
2176  }
2177  .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button svg {
2178    min-width: 24px;
2179  }
2180  .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button::before {
2181    content: "";
2182    position: absolute;
2183    display: block;
2184    border-radius: 2px;
2185    height: 32px;
2186    right: 8px;
2187    left: 8px;
2188    z-index: -1;
2189  }
2190  @media not (prefers-reduced-motion) {
2191    .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button::before {
2192      animation: components-button__appear-animation 0.1s ease;
2193      animation-fill-mode: forwards;
2194    }
2195  }
2196  
2197  .block-editor-grid-item-mover__move-vertical-button-container {
2198    display: flex;
2199    position: relative;
2200  }
2201  @media (min-width: 600px) {
2202    .block-editor-grid-item-mover__move-vertical-button-container {
2203      flex-direction: column;
2204      justify-content: space-around;
2205    }
2206    .block-editor-grid-item-mover__move-vertical-button-container > .block-editor-grid-item-mover-button.block-editor-grid-item-mover-button {
2207      height: 20px !important;
2208      width: 100%;
2209      min-width: 0 !important;
2210    }
2211    .block-editor-grid-item-mover__move-vertical-button-container > .block-editor-grid-item-mover-button.block-editor-grid-item-mover-button::before {
2212      height: calc(100% - 4px);
2213    }
2214    .block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-up-button svg,
2215    .block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-down-button svg {
2216      flex-shrink: 0;
2217      height: 20px;
2218    }
2219  }
2220  
2221  @media (min-width: 600px) {
2222    .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container {
2223      height: 40px;
2224      position: relative;
2225      top: -4px;
2226    }
2227  }
2228  
2229  .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container {
2230    position: relative;
2231  }
2232  @media (min-width: 600px) {
2233    .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container::before {
2234      content: "";
2235      height: 100%;
2236      width: 1px;
2237      background: #e0e0e0;
2238      position: absolute;
2239      top: 0;
2240    }
2241  }
2242  @media (min-width: 782px) {
2243    .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container::before {
2244      background: #1e1e1e;
2245    }
2246  }
2247  .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left {
2248    padding-left: 6px;
2249  }
2250  .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left::before {
2251    left: 0;
2252  }
2253  .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right {
2254    padding-right: 6px;
2255  }
2256  .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right::before {
2257    right: 0;
2258  }
2259  @media (min-width: 600px) {
2260    .show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container::before {
2261      content: "";
2262      height: 1px;
2263      width: 100%;
2264      background: #e0e0e0;
2265      position: absolute;
2266      top: 50%;
2267      right: 50%;
2268      transform: translate(50%, 0);
2269      margin-top: -0.5px;
2270    }
2271  }
2272  @media (min-width: 782px) {
2273    .show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container::before {
2274      background: #1e1e1e;
2275    }
2276  }
2277  .show-icon-labels .block-editor-grid-item-mover-button {
2278    white-space: nowrap;
2279  }
2280  .show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-horizontal-button-container::before {
2281    height: 24px;
2282    background: #ddd;
2283    top: 4px;
2284  }
2285  .show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container::before {
2286    background: #ddd;
2287    width: calc(100% - 24px);
2288  }
2289  
2290  .block-editor-height-control {
2291    border: 0;
2292    margin: 0;
2293    padding: 0;
2294  }
2295  
2296  .block-editor-iframe__container {
2297    width: 100%;
2298    height: 100%;
2299  }
2300  
2301  .block-editor-iframe__scale-container {
2302    height: 100%;
2303  }
2304  
2305  .block-editor-iframe__scale-container.is-zoomed-out {
2306    width: var(--wp-block-editor-iframe-zoom-out-scale-container-width, 100vw);
2307    position: absolute;
2308    left: 0;
2309  }
2310  
2311  .wp-block-image__crop-area {
2312    position: relative;
2313    max-width: 100%;
2314    width: 100%;
2315    overflow: hidden;
2316  }
2317  .wp-block-image__crop-area .reactEasyCrop_Container {
2318    pointer-events: auto;
2319  }
2320  .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
2321    border: none;
2322    border-radius: 0;
2323  }
2324  
2325  .wp-block-image__zoom .components-popover__content {
2326    min-width: 260px;
2327    overflow: visible !important;
2328  }
2329  
2330  .block-editor-block-types-list__list-item {
2331    display: block;
2332    width: 33.33%;
2333    padding: 0;
2334    margin: 0;
2335  }
2336  .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors {
2337    color: var(--wp-block-synced-color);
2338  }
2339  .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
2340    color: var(--wp-block-synced-color) !important;
2341    filter: brightness(0.95);
2342  }
2343  .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg {
2344    color: var(--wp-block-synced-color) !important;
2345  }
2346  .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled)::after {
2347    background: var(--wp-block-synced-color);
2348  }
2349  
2350  .components-button.block-editor-block-types-list__item {
2351    display: flex;
2352    flex-direction: column;
2353    width: 100%;
2354    font-size: 13px;
2355    color: #1e1e1e;
2356    padding: 8px;
2357    align-items: stretch;
2358    justify-content: center;
2359    cursor: var(--wpds-cursor-control, pointer);
2360    background: transparent;
2361    word-break: normal;
2362    overflow-wrap: break-word;
2363  }
2364  @media not (prefers-reduced-motion) {
2365    .components-button.block-editor-block-types-list__item {
2366      transition: all 0.05s ease-in-out;
2367    }
2368  }
2369  .components-button.block-editor-block-types-list__item {
2370    position: relative;
2371    height: auto;
2372  }
2373  .components-button.block-editor-block-types-list__item:disabled, .components-button.block-editor-block-types-list__item[aria-disabled=true] {
2374    opacity: 0.6;
2375    cursor: default;
2376  }
2377  .components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]):hover .block-editor-block-types-list__item-title {
2378    color: var(--wp-admin-theme-color) !important;
2379    filter: brightness(0.95);
2380  }
2381  .components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]):hover svg {
2382    color: var(--wp-admin-theme-color) !important;
2383  }
2384  .components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]):hover::after {
2385    content: "";
2386    position: absolute;
2387    top: 0;
2388    bottom: 0;
2389    right: 0;
2390    left: 0;
2391    border-radius: 2px;
2392    opacity: 0.04;
2393    background: var(--wp-admin-theme-color);
2394    pointer-events: none;
2395  }
2396  
2397  .block-editor-block-types-list__item-icon {
2398    padding: 12px 20px;
2399    color: #1e1e1e;
2400  }
2401  @media not (prefers-reduced-motion) {
2402    .block-editor-block-types-list__item-icon {
2403      transition: all 0.05s ease-in-out;
2404    }
2405  }
2406  .block-editor-block-types-list__item-icon .block-editor-block-icon {
2407    margin-right: auto;
2408    margin-left: auto;
2409  }
2410  @media not (prefers-reduced-motion) {
2411    .block-editor-block-types-list__item-icon svg {
2412      transition: all 0.15s ease-out;
2413    }
2414  }
2415  .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon {
2416    cursor: grab;
2417  }
2418  
2419  .block-editor-block-types-list__item-title {
2420    padding: 4px 2px 8px;
2421    font-size: 12px;
2422    hyphens: auto;
2423  }
2424  
2425  .modal-open .block-editor-inspector-list-view-content-popover {
2426    z-index: 99999;
2427  }
2428  
2429  .block-editor-block-inspector__tabs [role=tablist] {
2430    width: 100%;
2431  }
2432  
2433  .block-editor-inspector-popover-header {
2434    margin-bottom: 16px;
2435  }
2436  
2437  .items-justified-left {
2438    justify-content: flex-start;
2439  }
2440  
2441  .items-justified-center {
2442    justify-content: center;
2443  }
2444  
2445  .items-justified-right {
2446    justify-content: flex-end;
2447  }
2448  
2449  .items-justified-space-between {
2450    justify-content: space-between;
2451  }
2452  
2453  @keyframes loadingpulse {
2454    0% {
2455      opacity: 1;
2456    }
2457    50% {
2458      opacity: 0;
2459    }
2460    100% {
2461      opacity: 1;
2462    }
2463  }
2464  .block-editor-link-control {
2465    position: relative;
2466    min-width: 350px;
2467  }
2468  .components-popover__content .block-editor-link-control {
2469    min-width: auto;
2470    width: 90vw;
2471    max-width: 350px;
2472  }
2473  .show-icon-labels .block-editor-link-control .components-button.has-icon svg {
2474    display: none;
2475  }
2476  .show-icon-labels .block-editor-link-control .components-button.has-icon::before {
2477    content: attr(aria-label);
2478  }
2479  .show-icon-labels .block-editor-link-control .block-editor-link-control__preview {
2480    gap: 4px;
2481    flex-wrap: wrap;
2482  }
2483  .show-icon-labels .block-editor-link-control .block-editor-link-control__preview .components-button.has-icon {
2484    width: auto;
2485    padding: 4px;
2486  }
2487  .show-icon-labels .block-editor-link-control .block-editor-link-control__preview .block-editor-link-control_link-information {
2488    min-width: 100%;
2489    margin-left: 0;
2490  }
2491  
2492  .block-editor-link-control__search-input-wrapper {
2493    margin-bottom: 8px;
2494    position: relative;
2495  }
2496  
2497  .block-editor-link-control__help {
2498    padding: 0 16px;
2499    margin-top: -8px;
2500    margin-bottom: 0;
2501    font-size: 12px;
2502    font-style: normal;
2503    color: #757575;
2504  }
2505  
2506  .block-editor-link-control__search-input-container,
2507  .block-editor-link-control__search-input-wrapper {
2508    position: relative;
2509  }
2510  
2511  .block-editor-link-control__field {
2512    margin: 16px;
2513  }
2514  .block-editor-link-control__field .components-base-control__label {
2515    color: #1e1e1e;
2516  }
2517  
2518  .block-editor-link-control__search-error {
2519    margin: -8px 16px 16px;
2520  }
2521  
2522  .block-editor-link-control__search-actions {
2523    padding: 8px 16px 16px;
2524  }
2525  
2526  .block-editor-link-control__search-results-wrapper {
2527    position: relative;
2528  }
2529  .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after {
2530    content: "";
2531    position: absolute;
2532    right: -1px;
2533    left: 16px;
2534    display: block;
2535    pointer-events: none;
2536    z-index: 100;
2537  }
2538  .block-editor-link-control__search-results-wrapper::before {
2539    height: 8px;
2540    top: 0;
2541    bottom: auto;
2542  }
2543  .block-editor-link-control__search-results-wrapper::after {
2544    height: 16px;
2545    bottom: 0;
2546    top: auto;
2547  }
2548  
2549  .block-editor-link-control__search-results {
2550    margin-top: -16px;
2551    padding: 8px;
2552    max-height: 200px;
2553    overflow-y: auto;
2554  }
2555  .block-editor-link-control__search-results.is-loading {
2556    opacity: 0.2;
2557  }
2558  
2559  .block-editor-link-control__search-item.components-button.components-menu-item__button {
2560    height: auto;
2561    text-align: right;
2562  }
2563  .block-editor-link-control__search-item .components-menu-item__item {
2564    overflow: hidden;
2565    text-overflow: ellipsis;
2566    display: inline-block;
2567    width: 100%;
2568  }
2569  .block-editor-link-control__search-item .components-menu-item__item mark {
2570    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2571    color: inherit;
2572    background-color: transparent;
2573  }
2574  .block-editor-link-control__search-item .components-menu-item__shortcut {
2575    color: #757575;
2576    white-space: nowrap;
2577  }
2578  .block-editor-link-control__search-item[aria-selected] {
2579    background: #f0f0f0;
2580  }
2581  
2582  .block-editor-link-control__preview {
2583    background: transparent;
2584    border: 0;
2585    padding: 16px;
2586  }
2587  .block-editor-link-control__preview .block-editor-link-control__link-information {
2588    margin-left: 8px;
2589    white-space: pre-wrap;
2590    overflow-wrap: break-word;
2591  }
2592  .block-editor-link-control__preview .block-editor-link-control__link-information .block-editor-link-control__preview-info {
2593    color: #757575;
2594    line-height: 1.1;
2595    font-size: 12px;
2596    word-break: break-all;
2597  }
2598  .block-editor-link-control__preview.is-url-title .block-editor-link-control__preview-title {
2599    word-break: break-all;
2600  }
2601  .block-editor-link-control__preview .block-editor-link-control__preview-image,
2602  .block-editor-link-control__preview .block-editor-link-control__preview-icon {
2603    position: relative;
2604    flex-shrink: 0;
2605    background-color: #f0f0f0;
2606    width: 32px;
2607    height: 32px;
2608    border-radius: 2px;
2609  }
2610  .block-editor-link-control__preview .block-editor-link-control__preview-icon img {
2611    width: 16px;
2612  }
2613  .block-editor-link-control__preview.is-error .block-editor-link-control__preview-icon {
2614    top: 0;
2615    width: 32px;
2616    max-height: 32px;
2617  }
2618  .block-editor-link-control__preview .block-editor-link-control__preview-title {
2619    line-height: var(--wpds-typography-line-height-sm, 20px);
2620  }
2621  .block-editor-link-control__preview .block-editor-link-control__preview-title:focus {
2622    box-shadow: none;
2623  }
2624  .block-editor-link-control__preview .block-editor-link-control__preview-title:focus-visible {
2625    box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2626    outline: 2px solid transparent;
2627    text-decoration: none;
2628  }
2629  .block-editor-link-control__preview .block-editor-link-control__preview-title mark {
2630    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2631    color: inherit;
2632    background-color: transparent;
2633  }
2634  .block-editor-link-control__preview .block-editor-link-control__preview-title span {
2635    font-weight: 400;
2636  }
2637  .block-editor-link-control__preview .block-editor-link-control__preview-title .components-external-link__icon {
2638    position: absolute;
2639    width: 1px;
2640    height: 1px;
2641    padding: 0;
2642    margin: -1px;
2643    overflow: hidden;
2644    clip-path: inset(50%);
2645    border: 0;
2646  }
2647  
2648  .block-editor-link-control__preview.is-fetching .block-editor-link-control__preview-icon svg,
2649  .block-editor-link-control__preview.is-fetching .block-editor-link-control__preview-icon img {
2650    opacity: 0;
2651  }
2652  .block-editor-link-control__preview.is-fetching .block-editor-link-control__preview-icon::before {
2653    content: "";
2654    display: block;
2655    background-color: #f0f0f0;
2656    position: absolute;
2657    top: 0;
2658    right: 0;
2659    left: 0;
2660    bottom: 0;
2661    border-radius: 100%;
2662  }
2663  @media not (prefers-reduced-motion) {
2664    .block-editor-link-control__preview.is-fetching .block-editor-link-control__preview-icon::before {
2665      animation: loadingpulse 1s linear infinite;
2666      animation-delay: 0.5s;
2667    }
2668  }
2669  
2670  .block-editor-link-control__loading {
2671    margin: 16px;
2672    display: flex;
2673    align-items: center;
2674  }
2675  .block-editor-link-control__loading .components-spinner {
2676    margin-top: 0;
2677  }
2678  
2679  .components-button + .block-editor-link-control__search-create {
2680    overflow: visible;
2681    padding: 12px 16px;
2682  }
2683  .components-button + .block-editor-link-control__search-create::before {
2684    content: "";
2685    position: absolute;
2686    top: -10px;
2687    right: 0;
2688    display: block;
2689    width: 100%;
2690  }
2691  
2692  .block-editor-link-control__search-create {
2693    align-items: center;
2694  }
2695  .block-editor-link-control__search-create .block-editor-link-control__preview-title {
2696    margin-bottom: 0;
2697  }
2698  .block-editor-link-control__search-create .block-editor-link-control__search-item-icon {
2699    top: 0;
2700  }
2701  
2702  .block-editor-link-control__drawer-inner {
2703    display: flex;
2704    flex-direction: column;
2705    flex-basis: 100%;
2706    position: relative;
2707  }
2708  
2709  .block-editor-link-control__settings {
2710    border: 0;
2711    padding: 0;
2712    margin: 0;
2713  }
2714  
2715  .block-editor-link-control__setting {
2716    margin-bottom: 0;
2717    flex: 1;
2718    padding: 8px 24px;
2719  }
2720  .block-editor-link-control__setting .components-base-control:not(.components-input-control) .components-base-control__field {
2721    display: flex;
2722  }
2723  .block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label {
2724    color: #1e1e1e;
2725  }
2726  .block-editor-link-control__setting input {
2727    margin-right: 0;
2728  }
2729  .is-preview .block-editor-link-control__setting {
2730    padding: 20px 0 8px 8px;
2731  }
2732  
2733  .block-editor-link-control__tools {
2734    padding: 8px 8px 0 8px;
2735    margin-top: -16px;
2736  }
2737  .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle {
2738    padding-right: 0;
2739    gap: 0;
2740  }
2741  .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] {
2742    color: #1e1e1e;
2743  }
2744  .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg {
2745    visibility: visible;
2746  }
2747  @media not (prefers-reduced-motion) {
2748    .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg {
2749      transition: transform 0.1s ease;
2750    }
2751  }
2752  .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg {
2753    transform: rotate(-90deg);
2754  }
2755  .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg {
2756    visibility: visible;
2757    transform: rotate(0deg);
2758  }
2759  @media not (prefers-reduced-motion) {
2760    .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg {
2761      transition: transform 0.1s ease;
2762    }
2763  }
2764  
2765  .block-editor-link-control .block-editor-link-control__search-input .components-spinner {
2766    display: block;
2767  }
2768  .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner {
2769    position: absolute;
2770    right: auto;
2771    bottom: auto;
2772    top: calc(50% - 16px / 2);
2773    left: 40px;
2774  }
2775  
2776  .block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner {
2777    top: calc(50% + 16px / 4);
2778    left: 12px;
2779  }
2780  
2781  /**
2782   * Link Picker Styles
2783   */
2784  .link-preview-button.components-button {
2785    width: 100%;
2786    height: auto;
2787    padding: 12px;
2788    border-color: #949494;
2789  }
2790  
2791  .link-preview-button__image-container {
2792    width: 24px;
2793    height: 24px;
2794    flex-shrink: 0;
2795  }
2796  
2797  .link-preview-button__image {
2798    width: 100%;
2799    height: 100%;
2800    object-fit: cover;
2801    border-radius: 2px;
2802  }
2803  
2804  .link-preview-button__content {
2805    min-width: 0;
2806    flex: 1;
2807  }
2808  
2809  .link-preview-button__details {
2810    min-width: 0;
2811    flex: 1;
2812  }
2813  
2814  .link-preview-button__title,
2815  .link-preview-button__hint {
2816    min-width: 0;
2817    display: block;
2818    width: 100%;
2819    text-align: right;
2820    overflow: hidden;
2821    text-overflow: ellipsis;
2822    white-space: nowrap;
2823  }
2824  
2825  .link-preview-button__title {
2826    margin-top: 4px;
2827    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2828    color: #1e1e1e;
2829    display: block;
2830  }
2831  
2832  .link-preview-button__hint {
2833    font-size: 12px;
2834    color: #757575;
2835    font-weight: 400;
2836  }
2837  
2838  .link-preview-button__icon {
2839    color: #1e1e1e;
2840  }
2841  
2842  .link-preview-button__badges {
2843    margin-top: 8px;
2844  }
2845  
2846  .block-editor-list-view-tree {
2847    width: 100%;
2848    border-collapse: collapse;
2849    padding: 0;
2850    margin: 0;
2851  }
2852  .components-modal__content .block-editor-list-view-tree {
2853    margin: -12px -6px 0;
2854    width: calc(100% + 12px);
2855  }
2856  .block-editor-list-view-tree.is-dragging tbody {
2857    pointer-events: none;
2858  }
2859  
2860  .block-editor-list-view-leaf {
2861    position: relative;
2862    transform: translateY(0);
2863  }
2864  .block-editor-list-view-leaf:focus-within, .block-editor-list-view-leaf.is-nesting {
2865    z-index: 1;
2866  }
2867  .block-editor-list-view-leaf.is-draggable, .block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents {
2868    cursor: grab;
2869  }
2870  .block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true] {
2871    color: inherit;
2872  }
2873  .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
2874    color: var(--wp-admin-theme-color);
2875  }
2876  .block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
2877    fill: currentColor;
2878  }
2879  .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover {
2880    color: inherit;
2881  }
2882  .block-editor-list-view-leaf.is-selected td {
2883    background: var(--wp-admin-theme-color);
2884  }
2885  .block-editor-list-view-leaf.is-selected.is-synced td {
2886    background: var(--wp-block-synced-color);
2887  }
2888  .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,
2889  .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon {
2890    color: var(--wp-block-synced-color);
2891  }
2892  .block-editor-list-view-leaf.is-synced .block-editor-list-view-block-contents:focus::after {
2893    --focus-color: var(--wp-block-synced-color);
2894  }
2895  .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block__menu:focus {
2896    --focus-color: var(--wp-block-synced-color);
2897    outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
2898    outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
2899  }
2900  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
2901    color: #fff;
2902  }
2903  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus {
2904    --focus-color: var(--wpds-color-foreground-interactive-brand-strong, #fff);
2905    outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
2906    outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
2907    outline-offset: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
2908  }
2909  @media (forced-colors: active) {
2910    .block-editor-list-view-leaf.is-selected td, .block-editor-list-view-leaf.is-selected.is-synced td {
2911      background: SelectedItem;
2912    }
2913    .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
2914      color: SelectedItemText;
2915    }
2916    .block-editor-list-view-leaf.is-selected svg, .block-editor-list-view-leaf.is-selected .block-editor-block-icon.has-colors svg {
2917      fill: SelectedItemText;
2918    }
2919    .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__title {
2920      forced-color-adjust: none;
2921    }
2922    .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after {
2923      --focus-color: CanvasText;
2924    }
2925    .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus {
2926      --focus-color: SelectedItemText;
2927    }
2928  }
2929  .block-editor-list-view-leaf.is-first-selected td:first-child {
2930    border-top-right-radius: 2px;
2931  }
2932  .block-editor-list-view-leaf.is-first-selected td:last-child {
2933    border-top-left-radius: 2px;
2934  }
2935  .block-editor-list-view-leaf.is-last-selected td:first-child {
2936    border-bottom-right-radius: 2px;
2937  }
2938  .block-editor-list-view-leaf.is-last-selected td:last-child {
2939    border-bottom-left-radius: 2px;
2940  }
2941  .block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch) {
2942    background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
2943  }
2944  .block-editor-list-view-leaf.is-synced-branch.is-branch-selected {
2945    background: rgba(var(--wp-block-synced-color--rgb), 0.04);
2946  }
2947  .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child {
2948    border-top-right-radius: 2px;
2949  }
2950  .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child {
2951    border-top-left-radius: 2px;
2952  }
2953  .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child {
2954    border-top-right-radius: 2px;
2955  }
2956  .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child {
2957    border-top-left-radius: 2px;
2958  }
2959  .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child {
2960    border-bottom-right-radius: 2px;
2961  }
2962  .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child {
2963    border-bottom-left-radius: 2px;
2964  }
2965  .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td {
2966    border-radius: 0;
2967  }
2968  @media not (prefers-reduced-motion) {
2969    .block-editor-list-view-leaf.is-displacement-normal {
2970      transition: transform 0.2s;
2971    }
2972  }
2973  .block-editor-list-view-leaf.is-displacement-normal {
2974    transform: translateY(0);
2975  }
2976  @media not (prefers-reduced-motion) {
2977    .block-editor-list-view-leaf.is-displacement-up {
2978      transition: transform 0.2s;
2979    }
2980  }
2981  .block-editor-list-view-leaf.is-displacement-up {
2982    transform: translateY(-32px);
2983  }
2984  @media not (prefers-reduced-motion) {
2985    .block-editor-list-view-leaf.is-displacement-down {
2986      transition: transform 0.2s;
2987    }
2988  }
2989  .block-editor-list-view-leaf.is-displacement-down {
2990    transform: translateY(32px);
2991  }
2992  @media not (prefers-reduced-motion) {
2993    .block-editor-list-view-leaf.is-after-dragged-blocks {
2994      transition: transform 0.2s;
2995    }
2996  }
2997  .block-editor-list-view-leaf.is-after-dragged-blocks {
2998    transform: translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
2999  }
3000  @media not (prefers-reduced-motion) {
3001    .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up {
3002      transition: transform 0.2s;
3003    }
3004  }
3005  .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up {
3006    transform: translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
3007  }
3008  @media not (prefers-reduced-motion) {
3009    .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
3010      transition: transform 0.2s;
3011    }
3012  }
3013  .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
3014    transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
3015  }
3016  .block-editor-list-view-leaf.is-dragging {
3017    opacity: 0;
3018    right: 0;
3019    pointer-events: none;
3020    z-index: -9999;
3021  }
3022  .block-editor-list-view-leaf .block-editor-list-view-block-contents {
3023    display: flex;
3024    align-items: center;
3025    width: 100%;
3026    height: 32px;
3027    padding: 6px 0 6px 4px;
3028    text-align: right;
3029    position: relative;
3030    white-space: nowrap;
3031    border-radius: 2px;
3032    box-sizing: border-box;
3033    color: inherit;
3034    font-family: inherit;
3035    font-size: 13px;
3036    font-weight: 400;
3037    margin: 0;
3038    text-decoration: none;
3039  }
3040  @media not (prefers-reduced-motion) {
3041    .block-editor-list-view-leaf .block-editor-list-view-block-contents {
3042      transition: box-shadow 0.1s linear;
3043    }
3044  }
3045  .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents {
3046    padding-right: 0;
3047    padding-left: 0;
3048  }
3049  .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents,
3050  .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus {
3051    box-shadow: none;
3052    outline: none;
3053  }
3054  .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents::after,
3055  .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after {
3056    content: "";
3057    position: absolute;
3058    top: 0;
3059    left: -28px;
3060    bottom: 0;
3061    right: 0;
3062    border-radius: inherit;
3063    outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
3064    outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
3065    outline-offset: 1px;
3066    box-shadow: 0 0 0 calc(var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) + 2px) var(--wpds-color-background-surface-neutral-strong, #fff);
3067    z-index: 2;
3068    pointer-events: none;
3069  }
3070  .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after {
3071    left: 0;
3072  }
3073  .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
3074    opacity: 1;
3075  }
3076  @keyframes __wp-base-styles-fade-in {
3077    from {
3078      opacity: 0;
3079    }
3080    to {
3081      opacity: 1;
3082    }
3083  }
3084  @media not (prefers-reduced-motion) {
3085    .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
3086      animation: __wp-base-styles-fade-in 0.08s linear 0s;
3087      animation-fill-mode: forwards;
3088    }
3089  }
3090  .block-editor-list-view-leaf .block-editor-block-icon {
3091    margin-left: 4px;
3092    flex: 0 0 24px;
3093  }
3094  .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,
3095  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,
3096  .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell {
3097    padding: 0;
3098  }
3099  .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,
3100  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell {
3101    line-height: 0;
3102    width: 28px;
3103    vertical-align: middle;
3104  }
3105  .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *,
3106  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * {
3107    opacity: 0;
3108  }
3109  .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *,
3110  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *,
3111  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within > *,
3112  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * {
3113    opacity: 1;
3114  }
3115  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper {
3116    display: flex;
3117    height: 100%;
3118    flex-direction: column;
3119    align-items: center;
3120  }
3121  .block-editor-list-view-leaf .block-editor-block-mover-button {
3122    position: relative;
3123    width: 36px;
3124    height: 24px;
3125  }
3126  .block-editor-list-view-leaf .block-editor-block-mover-button svg {
3127    position: relative;
3128    height: 24px;
3129  }
3130  .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button {
3131    margin-top: -6px;
3132    align-items: flex-end;
3133  }
3134  .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg {
3135    bottom: -4px;
3136  }
3137  .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button {
3138    margin-bottom: -6px;
3139    align-items: flex-start;
3140  }
3141  .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg {
3142    top: -4px;
3143  }
3144  .block-editor-list-view-leaf .block-editor-inserter__toggle {
3145    background: #1e1e1e;
3146    color: #fff;
3147    height: 24px;
3148    margin: 6px 1px 6px 6px;
3149    min-width: 24px;
3150  }
3151  .block-editor-list-view-leaf .block-editor-inserter__toggle:active {
3152    color: #fff;
3153  }
3154  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper {
3155    width: 100%;
3156  }
3157  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper > * {
3158    min-width: 0;
3159  }
3160  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg {
3161    right: 2px;
3162    position: relative;
3163  }
3164  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title {
3165    flex: 1;
3166    position: relative;
3167  }
3168  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate {
3169    position: absolute;
3170    width: 100%;
3171    transform: translateY(-50%);
3172  }
3173  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper {
3174    position: relative;
3175    max-width: min(110px, 40%);
3176    width: 100%;
3177  }
3178  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor {
3179    position: absolute;
3180    left: 0;
3181    transform: translateY(-50%);
3182    box-sizing: border-box;
3183    max-width: 100%;
3184    padding: 2px 8px;
3185    border-radius: 2px;
3186    background: #f0f0f0;
3187    color: #2f2f2f;
3188    font-size: 12px;
3189    line-height: 20px;
3190    overflow: hidden;
3191    text-overflow: ellipsis;
3192    white-space: nowrap;
3193  }
3194  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
3195    background: rgba(0, 0, 0, 0.3);
3196    color: #fff;
3197  }
3198  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__block-visibility,
3199  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock,
3200  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__sticky {
3201    line-height: 0;
3202  }
3203  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__images {
3204    display: flex;
3205  }
3206  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image {
3207    background-size: cover;
3208    width: 18px;
3209    height: 18px;
3210    border-radius: 1px;
3211  }
3212  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child) {
3213    box-shadow: 0 0 0 2px #fff;
3214  }
3215  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child) {
3216    margin-right: -6px;
3217  }
3218  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child) {
3219    box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
3220  }
3221  .block-editor-list-view-leaf.is-disabled {
3222    opacity: 0.2;
3223  }
3224  @media not (prefers-reduced-motion) {
3225    .block-editor-list-view-leaf.is-disabled {
3226      transition: opacity 0.1s linear;
3227    }
3228  }
3229  .block-editor-list-view-leaf.is-disabled:hover {
3230    opacity: 0.2;
3231  }
3232  .block-editor-list-view-leaf.is-disabled .block-editor-list-view__expander {
3233    cursor: default;
3234  }
3235  .block-editor-list-view-leaf.is-disabled .block-editor-list-view-block-select-button:hover {
3236    color: inherit;
3237  }
3238  
3239  .block-editor-list-view-draggable-chip {
3240    opacity: 0.8;
3241  }
3242  
3243  .block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container,
3244  .block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,
3245  .block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,
3246  .block-editor-list-view-appender__cell .block-editor-list-view-appender__container {
3247    display: flex;
3248  }
3249  
3250  .block-editor-list-view__expander {
3251    height: 24px;
3252    width: 24px;
3253    cursor: var(--wpds-cursor-control, pointer);
3254  }
3255  
3256  .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander {
3257    margin-right: 192px;
3258  }
3259  
3260  .block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander {
3261    margin-right: 0;
3262  }
3263  
3264  .block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander {
3265    margin-right: 24px;
3266  }
3267  
3268  .block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander {
3269    margin-right: 48px;
3270  }
3271  
3272  .block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander {
3273    margin-right: 72px;
3274  }
3275  
3276  .block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander {
3277    margin-right: 96px;
3278  }
3279  
3280  .block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander {
3281    margin-right: 120px;
3282  }
3283  
3284  .block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander {
3285    margin-right: 144px;
3286  }
3287  
3288  .block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander {
3289    margin-right: 168px;
3290  }
3291  
3292  .block-editor-list-view-leaf .block-editor-list-view__expander {
3293    visibility: hidden;
3294  }
3295  
3296  .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg {
3297    visibility: visible;
3298  }
3299  @media not (prefers-reduced-motion) {
3300    .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg {
3301      transition: transform 0.2s ease;
3302    }
3303  }
3304  .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg {
3305    transform: rotate(-90deg);
3306  }
3307  
3308  .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg {
3309    visibility: visible;
3310    transform: rotate(0deg);
3311  }
3312  @media not (prefers-reduced-motion) {
3313    .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg {
3314      transition: transform 0.2s ease;
3315    }
3316  }
3317  
3318  .block-editor-list-view-drop-indicator {
3319    pointer-events: none;
3320  }
3321  .block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line {
3322    background: var(--wp-admin-theme-color);
3323    height: 4px;
3324    border-radius: 4px;
3325  }
3326  
3327  .block-editor-list-view-drop-indicator--preview {
3328    pointer-events: none;
3329  }
3330  .block-editor-list-view-drop-indicator--preview .components-popover__content {
3331    overflow: hidden !important;
3332  }
3333  .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line {
3334    background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
3335    height: 32px;
3336    border-radius: 4px;
3337    overflow: hidden;
3338  }
3339  .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker {
3340    background: rgba(var(--wp-admin-theme-color--rgb), 0.09);
3341  }
3342  
3343  .block-editor-list-view-placeholder {
3344    padding: 0;
3345    margin: 0;
3346    height: 32px;
3347  }
3348  
3349  .list-view-appender .block-editor-inserter__toggle {
3350    background-color: #1e1e1e;
3351    color: #fff;
3352    margin: 8px 24px 0 0;
3353    height: 24px;
3354    padding: 0;
3355  }
3356  .list-view-appender .block-editor-inserter__toggle.has-icon.is-next-40px-default-size {
3357    min-width: 24px;
3358  }
3359  .list-view-appender .block-editor-inserter__toggle:hover, .list-view-appender .block-editor-inserter__toggle:focus {
3360    background: var(--wp-admin-theme-color);
3361    color: #fff;
3362  }
3363  
3364  .list-view-appender__description {
3365    display: none;
3366  }
3367  
3368  .block-editor-media-placeholder__url-input-form {
3369    min-width: 260px;
3370  }
3371  @media (min-width: 600px) {
3372    .block-editor-media-placeholder__url-input-form {
3373      width: 300px;
3374    }
3375  }
3376  .block-editor-media-placeholder__url-input-form input {
3377    direction: ltr;
3378  }
3379  
3380  .modal-open .block-editor-media-replace-flow__options {
3381    z-index: 99999;
3382  }
3383  
3384  .block-editor-media-replace-flow__indicator {
3385    margin-right: 4px;
3386  }
3387  
3388  .block-editor-media-replace-flow__media-upload-menu:not(:empty) + .block-editor-media-flow__url-input {
3389    border-top: 1px solid #ddd;
3390    margin-top: 8px;
3391    padding-bottom: 8px;
3392  }
3393  
3394  .block-editor-media-replace-flow__options.is-variant-toolbar .block-editor-media-replace-flow__media-upload-menu:not(:empty) + .block-editor-media-flow__url-input {
3395    border-top-color: #1e1e1e;
3396  }
3397  
3398  .block-editor-media-flow__url-input {
3399    margin-left: -8px;
3400    margin-right: -8px;
3401    padding: 16px;
3402  }
3403  .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
3404    display: block;
3405    top: 16px;
3406    margin-bottom: 8px;
3407  }
3408  .block-editor-media-flow__url-input .block-editor-link-control {
3409    width: 300px;
3410  }
3411  .block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input {
3412    padding: 0;
3413    margin: 0;
3414  }
3415  .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools {
3416    justify-content: flex-end;
3417    padding: 16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus);
3418  }
3419  .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__preview.is-current {
3420    width: auto;
3421    padding: 0;
3422  }
3423  .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
3424    margin: 0;
3425    width: 100%;
3426  }
3427  .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
3428    padding: 8px 0 0;
3429  }
3430  
3431  .block-editor-multi-selection-inspector__card {
3432    padding: 16px;
3433  }
3434  
3435  .block-editor-multi-selection-inspector__card-title {
3436    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3437  }
3438  
3439  .block-editor-multi-selection-inspector__card-description {
3440    color: #757575;
3441  }
3442  
3443  .block-editor-multi-selection-inspector__card .block-editor-block-icon {
3444    margin-right: -2px;
3445    padding: 0 3px;
3446    width: 36px;
3447    height: 24px;
3448  }
3449  
3450  .block-editor-plain-text {
3451    width: 100%;
3452    field-sizing: content;
3453  }
3454  
3455  .block-editor-responsive-block-control {
3456    margin-bottom: 28px;
3457    border-bottom: 1px solid #ccc;
3458    padding-bottom: 14px;
3459  }
3460  .block-editor-responsive-block-control:last-child {
3461    padding-bottom: 0;
3462    border-bottom: 0;
3463  }
3464  
3465  .block-editor-responsive-block-control__title {
3466    margin: 0;
3467    margin-bottom: 0.6em;
3468    margin-right: -3px;
3469  }
3470  
3471  .block-editor-responsive-block-control__label {
3472    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3473    margin-bottom: 0.6em;
3474    margin-right: -3px;
3475  }
3476  
3477  .block-editor-responsive-block-control__inner {
3478    margin-right: -1px;
3479  }
3480  
3481  .block-editor-responsive-block-control__toggle {
3482    margin-right: 1px;
3483  }
3484  
3485  .block-editor-responsive-block-control .components-base-control__help {
3486    border: 0;
3487    clip-path: inset(50%);
3488    height: 1px;
3489    margin: -1px;
3490    overflow: hidden;
3491    padding: 0;
3492    position: absolute;
3493    width: 1px;
3494    overflow-wrap: normal !important;
3495    word-break: normal !important;
3496  }
3497  
3498  .preset-input-control__wrapper > * {
3499    flex: 1;
3500  }
3501  .preset-input-control__wrapper > .preset-input-control__icon,
3502  .preset-input-control__wrapper > .preset-input-control__custom-toggle {
3503    flex: none;
3504  }
3505  
3506  .components-popover.block-editor-rich-text__inline-format-toolbar {
3507    z-index: 99998;
3508  }
3509  .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content {
3510    width: auto;
3511    min-width: auto;
3512    margin-bottom: 8px;
3513    box-shadow: none;
3514    outline: none;
3515    border-radius: 2px;
3516  }
3517  .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar {
3518    border-radius: 2px;
3519  }
3520  .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group {
3521    background: none;
3522  }
3523  .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control,
3524  .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle {
3525    min-width: 48px;
3526    min-height: 48px;
3527    padding-right: 12px;
3528    padding-left: 12px;
3529  }
3530  
3531  .block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle {
3532    justify-content: center;
3533  }
3534  
3535  .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon {
3536    width: auto;
3537  }
3538  .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg {
3539    display: none;
3540  }
3541  .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after {
3542    content: attr(aria-label);
3543  }
3544  
3545  .block-editor-skip-to-selected-block {
3546    position: absolute;
3547    top: -9999em;
3548  }
3549  .block-editor-skip-to-selected-block:focus {
3550    font-size: 14px;
3551    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3552    background: #f1f1f1;
3553    z-index: 100000;
3554  }
3555  
3556  .block-editor-tabbed-sidebar {
3557    background-color: #fff;
3558    height: 100%;
3559    display: flex;
3560    flex-direction: column;
3561    flex-grow: 1;
3562    overflow: hidden;
3563  }
3564  
3565  .block-editor-tabbed-sidebar__tablist-and-close-button {
3566    border-bottom: 1px solid #ddd;
3567    display: flex;
3568    justify-content: space-between;
3569    padding-left: 8px;
3570  }
3571  
3572  .block-editor-tabbed-sidebar__close-button {
3573    background: #fff;
3574    /* stylelint-disable-next-line property-disallowed-list -- This should be removed when https://github.com/WordPress/gutenberg/issues/59013 is fixed. */
3575    order: 1;
3576    align-self: center;
3577  }
3578  
3579  .block-editor-tabbed-sidebar__tablist {
3580    margin-bottom: -1px;
3581  }
3582  
3583  .block-editor-tabbed-sidebar__tabpanel {
3584    display: flex;
3585    flex-grow: 1;
3586    flex-direction: column;
3587    overflow-y: auto;
3588    scrollbar-gutter: auto;
3589  }
3590  
3591  .block-editor-block-list__block .block-editor-url-input,
3592  .components-popover .block-editor-url-input,
3593  .block-editor-url-input {
3594    flex-grow: 1;
3595    position: relative;
3596    padding: 1px;
3597  }
3598  @media (min-width: 600px) {
3599    .block-editor-block-list__block .block-editor-url-input,
3600    .components-popover .block-editor-url-input,
3601    .block-editor-url-input {
3602      min-width: 300px;
3603      width: auto;
3604    }
3605  }
3606  .block-editor-block-list__block .block-editor-url-input.is-full-width,
3607  .components-popover .block-editor-url-input.is-full-width,
3608  .block-editor-url-input.is-full-width {
3609    width: 100%;
3610  }
3611  .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,
3612  .components-popover .block-editor-url-input.is-full-width__suggestions,
3613  .block-editor-url-input.is-full-width__suggestions {
3614    width: 100%;
3615  }
3616  .block-editor-block-list__block .block-editor-url-input .components-spinner,
3617  .components-popover .block-editor-url-input .components-spinner,
3618  .block-editor-url-input .components-spinner {
3619    position: absolute;
3620    margin: 0;
3621    top: calc(50% - 16px / 2);
3622    left: 8px;
3623  }
3624  
3625  .block-editor-url-input__suggestions {
3626    max-height: 200px;
3627  }
3628  @media not (prefers-reduced-motion) {
3629    .block-editor-url-input__suggestions {
3630      transition: all 0.15s ease-in-out;
3631    }
3632  }
3633  .block-editor-url-input__suggestions {
3634    padding: 4px 0;
3635    width: 302px;
3636    overflow-y: auto;
3637  }
3638  
3639  .block-editor-url-input__suggestions,
3640  .block-editor-url-input .components-spinner {
3641    display: none;
3642  }
3643  @media (min-width: 600px) {
3644    .block-editor-url-input__suggestions,
3645    .block-editor-url-input .components-spinner {
3646      display: grid;
3647    }
3648  }
3649  
3650  .block-editor-url-input__suggestion {
3651    min-height: 36px;
3652    height: auto;
3653    color: #757575;
3654    display: block;
3655    font-size: 13px;
3656    cursor: var(--wpds-cursor-control, pointer);
3657    background: #fff;
3658    width: 100%;
3659    border: none;
3660    text-align: right;
3661    box-shadow: none;
3662  }
3663  .block-editor-url-input__suggestion:hover {
3664    background: #ddd;
3665  }
3666  .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected {
3667    background: var(--wp-admin-theme-color-darker-20);
3668    color: #fff;
3669    outline: none;
3670  }
3671  
3672  .components-toolbar-group > .block-editor-url-input__button,
3673  .components-toolbar > .block-editor-url-input__button {
3674    position: inherit;
3675  }
3676  
3677  .block-editor-url-input__button .block-editor-url-input__back {
3678    margin-left: 4px;
3679    overflow: visible;
3680  }
3681  .block-editor-url-input__button .block-editor-url-input__back::after {
3682    content: "";
3683    position: absolute;
3684    display: block;
3685    width: 1px;
3686    height: 24px;
3687    left: -1px;
3688    background: #ddd;
3689  }
3690  
3691  .block-editor-url-input__button-modal {
3692    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
3693    border: 1px solid #ddd;
3694    background: #fff;
3695  }
3696  
3697  .block-editor-url-input__button-modal-line {
3698    display: flex;
3699    flex-direction: row;
3700    flex-grow: 1;
3701    flex-shrink: 1;
3702    min-width: 0;
3703    align-items: flex-start;
3704  }
3705  
3706  .block-editor-url-popover__additional-controls {
3707    border-top: 1px solid #1e1e1e;
3708    padding: 8px 8px;
3709  }
3710  
3711  .block-editor-url-popover__input-container {
3712    padding: 8px;
3713  }
3714  
3715  .block-editor-url-popover__row {
3716    display: flex;
3717    gap: 4px;
3718    align-items: center;
3719  }
3720  
3721  .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) {
3722    flex-grow: 1;
3723    gap: 8px;
3724  }
3725  
3726  .block-editor-url-popover__additional-controls .components-button.has-icon {
3727    padding-right: 8px;
3728    padding-left: 8px;
3729    height: auto;
3730    text-align: right;
3731  }
3732  .block-editor-url-popover__additional-controls .components-button.has-icon > svg {
3733    margin-left: 8px;
3734  }
3735  
3736  .block-editor-url-popover__settings-toggle {
3737    flex-shrink: 0;
3738  }
3739  .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon {
3740    transform: rotate(-180deg);
3741  }
3742  
3743  .block-editor-url-popover__settings {
3744    display: block;
3745    padding: 16px;
3746    border-top: 1px solid #1e1e1e;
3747  }
3748  
3749  .block-editor-url-popover__link-container-content {
3750    display: flex;
3751    align-items: center;
3752  }
3753  
3754  .block-editor-url-popover__link-editor,
3755  .block-editor-url-popover__link-viewer {
3756    display: flex;
3757  }
3758  
3759  .block-editor-url-popover__link-viewer-url {
3760    display: flex;
3761    align-items: center;
3762    flex-grow: 1;
3763    flex-shrink: 1;
3764    overflow: hidden;
3765    text-overflow: ellipsis;
3766    white-space: nowrap;
3767    margin-left: 8px;
3768    min-width: 150px;
3769    max-width: 350px;
3770  }
3771  .block-editor-url-popover__link-viewer-url.has-invalid-link {
3772    color: #cc1818;
3773  }
3774  
3775  .block-editor-url-popover__expand-on-click {
3776    display: flex;
3777    align-items: center;
3778    min-width: 350px;
3779    white-space: nowrap;
3780  }
3781  .block-editor-url-popover__expand-on-click .text {
3782    flex-grow: 1;
3783  }
3784  .block-editor-url-popover__expand-on-click .text p {
3785    margin: 0;
3786    line-height: 16px;
3787  }
3788  .block-editor-url-popover__expand-on-click .text p.description {
3789    color: #757575;
3790    font-size: 12px;
3791  }
3792  
3793  .background-block-support-panel {
3794    /* Increased specificity required to remove the slot wrapper's row gap */
3795  }
3796  .background-block-support-panel.background-block-support-panel .background-block-support-panel__inner-wrapper {
3797    row-gap: 0;
3798  }
3799  
3800  .block-editor-hooks__block-hooks {
3801    /**
3802     * Un-reverse the flex direction for the toggle's label.
3803     */
3804  }
3805  .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack {
3806    flex-direction: row;
3807  }
3808  .block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext {
3809    color: #757575;
3810    font-size: 12px;
3811    margin-bottom: 16px;
3812  }
3813  
3814  div.block-editor-bindings__panel {
3815    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
3816  }
3817  div.block-editor-bindings__panel button:hover .block-editor-bindings__item span {
3818    color: inherit;
3819  }
3820  
3821  .border-block-support-panel .single-column {
3822    grid-column: span 1;
3823  }
3824  
3825  .color-block-support-panel .block-editor-contrast-checker {
3826    grid-column: span 2;
3827    margin-top: 16px;
3828  }
3829  .color-block-support-panel {
3830    /* Increased specificity required to remove the slot wrapper's row gap */
3831  }
3832  .color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper {
3833    row-gap: 0;
3834  }
3835  
3836  .elements-block-support-panel {
3837    /* Increased specificity required to remove the slot wrapper's row gap */
3838  }
3839  .elements-block-support-panel.elements-block-support-panel .elements-block-support-panel__inner-wrapper {
3840    row-gap: 0;
3841  }
3842  
3843  .dimensions-block-support-panel .single-column {
3844    grid-column: span 1;
3845  }
3846  
3847  .block-editor-hooks__layout-constrained .components-base-control {
3848    margin-bottom: 0;
3849  }
3850  
3851  .block-editor-hooks__layout-constrained-helptext {
3852    color: #757575;
3853    font-size: 12px;
3854    margin-bottom: 0;
3855  }
3856  
3857  .layout-block-support-panel .block-editor-hooks__flex-layout-controls {
3858    grid-column: 1/-1;
3859  }
3860  
3861  .block-editor-hooks__flex-layout-justification-controls,
3862  .block-editor-hooks__flex-layout-orientation-controls {
3863    margin-bottom: 12px;
3864  }
3865  .block-editor-hooks__flex-layout-justification-controls legend,
3866  .block-editor-hooks__flex-layout-orientation-controls legend {
3867    margin-bottom: 8px;
3868  }
3869  
3870  .block-editor-hooks__grid-layout-columns-and-rows-controls,
3871  .block-editor-hooks__grid-layout-minimum-width-control {
3872    border: 0;
3873    padding: 0;
3874    margin: 0;
3875  }
3876  
3877  .block-editor__spacing-visualizer {
3878    position: absolute;
3879    top: 0;
3880    bottom: 0;
3881    right: 0;
3882    left: 0;
3883    opacity: 0.5;
3884    border-color: var(--wp-admin-theme-color);
3885    border-style: solid;
3886    pointer-events: none;
3887    box-sizing: border-box;
3888  }
3889  
3890  .typography-block-support-panel .single-column {
3891    grid-column: span 1;
3892  }
3893  
3894  /**
3895   * Block Toolbar
3896   */
3897  .block-editor-block-toolbar {
3898    display: flex;
3899    flex-grow: 1;
3900    width: 100%;
3901    position: relative;
3902    overflow-y: hidden;
3903    overflow-x: auto;
3904  }
3905  @media not (prefers-reduced-motion) {
3906    .block-editor-block-toolbar {
3907      transition: border-color 0.1s linear, box-shadow 0.1s linear;
3908    }
3909  }
3910  @media (min-width: 600px) {
3911    .block-editor-block-toolbar {
3912      overflow: inherit;
3913    }
3914  }
3915  .block-editor-block-toolbar .components-toolbar-group,
3916  .block-editor-block-toolbar .components-toolbar {
3917    background: none;
3918    margin-top: -1px;
3919    margin-bottom: -1px;
3920    border: 0;
3921    border-left: 1px solid #ddd;
3922  }
3923  .block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button::before {
3924    background: color-mix(in srgb, var(--wp-block-synced-color) 10%, transparent);
3925    border-radius: 2px;
3926  }
3927  .block-editor-block-toolbar .components-button.block-editor-block-toolbar__block-icon-button[aria-disabled=true] {
3928    color: #1e1e1e;
3929  }
3930  .block-editor-block-toolbar .components-button.block-editor-block-toolbar__block-icon-button[aria-disabled=true]:hover {
3931    color: #1e1e1e;
3932  }
3933  .block-editor-block-toolbar.is-synced .block-editor-block-toolbar__block-icon, .block-editor-block-toolbar.is-connected .block-editor-block-toolbar__block-icon {
3934    color: var(--wp-block-synced-color);
3935  }
3936  .block-editor-block-toolbar > :last-child,
3937  .block-editor-block-toolbar > :last-child .components-toolbar-group,
3938  .block-editor-block-toolbar > :last-child .components-toolbar, .block-editor-block-toolbar:has(> :last-child:empty) > :nth-last-child(2), .block-editor-block-toolbar:has(> :last-child:empty) > :nth-last-child(2) .components-toolbar-group, .block-editor-block-toolbar:has(> :last-child:empty) > :nth-last-child(2) .components-toolbar {
3939    border-left: none;
3940  }
3941  .block-editor-block-toolbar .components-toolbar-group:empty {
3942    display: none;
3943  }
3944  
3945  .block-editor-block-contextual-toolbar {
3946    position: sticky;
3947    top: 0;
3948    z-index: 31;
3949    display: block;
3950    width: 100%;
3951    background-color: #fff;
3952    flex-shrink: 3;
3953  }
3954  .block-editor-block-contextual-toolbar.components-accessible-toolbar {
3955    border: none;
3956    border-radius: 0;
3957  }
3958  .block-editor-block-contextual-toolbar.is-unstyled {
3959    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.133);
3960  }
3961  .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
3962    overflow: auto;
3963    overflow-y: hidden;
3964  }
3965  .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar {
3966    width: 12px;
3967    height: 12px;
3968  }
3969  .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track {
3970    background-color: transparent;
3971  }
3972  .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb {
3973    background-color: #e0e0e0;
3974    border-radius: 8px;
3975    border: 3px solid transparent;
3976    background-clip: padding-box;
3977  }
3978  .block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb {
3979    background-color: #949494;
3980  }
3981  .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
3982    scrollbar-width: thin;
3983    scrollbar-gutter: stable both-edges;
3984    scrollbar-color: #e0e0e0 transparent;
3985  }
3986  .block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within {
3987    scrollbar-color: #949494 transparent;
3988  }
3989  .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
3990    will-change: transform;
3991  }
3992  @media (hover: none) {
3993    .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
3994      scrollbar-color: #949494 transparent;
3995    }
3996  }
3997  .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
3998    scrollbar-gutter: auto;
3999  }
4000  .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child::after,
4001  .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar-group::after,
4002  .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar::after {
4003    display: none;
4004  }
4005  .block-editor-block-contextual-toolbar > .block-editor-block-toolbar {
4006    flex-grow: initial;
4007    width: initial;
4008  }
4009  .block-editor-block-contextual-toolbar .block-editor-block-parent-selector {
4010    position: relative;
4011    margin-top: -1px;
4012    margin-bottom: -1px;
4013  }
4014  .block-editor-block-contextual-toolbar .block-editor-block-parent-selector::after {
4015    align-items: center;
4016    background-color: #1e1e1e;
4017    border-radius: 100%;
4018    content: "";
4019    display: inline-flex;
4020    height: 2px;
4021    position: absolute;
4022    top: 15px;
4023    width: 2px;
4024  }
4025  
4026  .block-editor-block-toolbar__block-controls .components-toolbar-group {
4027    padding: 0;
4028  }
4029  
4030  .block-editor-block-toolbar__pattern-overrides-popover .components-popover__content {
4031    min-width: 260px;
4032    padding: 16px;
4033  }
4034  
4035  .block-editor-block-toolbar .components-toolbar-group,
4036  .block-editor-block-toolbar .components-toolbar,
4037  .block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group,
4038  .block-editor-rich-text__inline-format-toolbar-group .components-toolbar {
4039    display: flex;
4040    flex-wrap: nowrap;
4041  }
4042  
4043  .block-editor-block-toolbar__slot {
4044    display: inline-flex;
4045  }
4046  
4047  .show-icon-labels .block-editor-block-toolbar .components-button.has-icon:where(:not(.has-text)) {
4048    width: auto;
4049  }
4050  .show-icon-labels .block-editor-block-toolbar .components-button.has-icon:where(:not(.has-text)) svg {
4051    display: none;
4052  }
4053  .show-icon-labels .block-editor-block-toolbar .components-button.has-icon:where(:not(.has-text))::after {
4054    content: attr(aria-label);
4055    font-size: 12px;
4056  }
4057  .show-icon-labels .block-editor-block-toolbar .block-editor-block-icon {
4058    width: 0 !important;
4059    height: 0 !important;
4060    min-width: 0 !important;
4061  }
4062  .show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon {
4063    padding-right: 6px;
4064    padding-left: 6px;
4065  }
4066  .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
4067    border-top-left-radius: 0;
4068    border-bottom-left-radius: 0;
4069    padding-right: 12px;
4070    padding-left: 12px;
4071    text-wrap: nowrap;
4072  }
4073  .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon {
4074    width: 0;
4075  }
4076  .show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container {
4077    width: auto;
4078    position: relative;
4079  }
4080  @media (min-width: 600px) {
4081    .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container::before {
4082      content: "";
4083      height: 1px;
4084      width: 100%;
4085      background: #e0e0e0;
4086      position: absolute;
4087      top: 50%;
4088      right: 50%;
4089      transform: translate(50%, 0);
4090      margin-top: -0.5px;
4091    }
4092  }
4093  @media (min-width: 782px) {
4094    .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container::before {
4095      background: #1e1e1e;
4096    }
4097  }
4098  .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container,
4099  .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button {
4100    padding-right: 6px;
4101    padding-left: 6px;
4102  }
4103  .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button {
4104    padding-right: 8px;
4105    padding-left: 8px;
4106  }
4107  .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover {
4108    border-right: 1px solid #ddd;
4109    margin-right: 6px;
4110    margin-left: -6px;
4111    white-space: nowrap;
4112  }
4113  .show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon {
4114    padding-right: 12px;
4115    padding-left: 12px;
4116  }
4117  .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
4118    width: auto;
4119  }
4120  .show-icon-labels .components-toolbar,
4121  .show-icon-labels .components-toolbar-group {
4122    flex-shrink: 1;
4123  }
4124  .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button {
4125    margin-right: 6px;
4126  }
4127  
4128  .block-editor-block-toolbar-change-design-content-wrapper {
4129    padding: 12px;
4130    width: 320px;
4131  }
4132  .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list {
4133    display: grid;
4134    grid-template-columns: 1fr 1fr;
4135    gap: 12px;
4136  }
4137  .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
4138    margin-bottom: 0;
4139  }
4140  .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item {
4141    min-height: 100px;
4142  }
4143  
4144  .block-editor-inserter {
4145    display: inline-block;
4146    background: none;
4147    border: none;
4148    padding: 0;
4149    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4150    font-size: 13px;
4151    line-height: 0;
4152  }
4153  @media (min-width: 782px) {
4154    .block-editor-inserter {
4155      position: relative;
4156    }
4157  }
4158  
4159  .block-editor-inserter__main-area {
4160    height: 100%;
4161    gap: 16px;
4162    position: relative;
4163  }
4164  .block-editor-inserter__main-area.show-as-tabs {
4165    gap: 0;
4166  }
4167  @media (min-width: 782px) {
4168    .block-editor-inserter__main-area .block-editor-tabbed-sidebar {
4169      width: 350px;
4170    }
4171  }
4172  
4173  .block-editor-inserter__popover.is-quick .components-popover__content {
4174    border: none;
4175    outline: none;
4176    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
4177  }
4178  .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * {
4179    border-right: 1px solid #ccc;
4180    border-left: 1px solid #ccc;
4181  }
4182  .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child {
4183    border-top: 1px solid #ccc;
4184    border-radius: 4px 4px 0 0;
4185  }
4186  .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child {
4187    border-bottom: 1px solid #ccc;
4188    border-radius: 0 0 4px 4px;
4189  }
4190  .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button {
4191    border: 1px solid #1e1e1e;
4192  }
4193  
4194  .block-editor-inserter__popover .block-editor-inserter__menu {
4195    margin: -12px;
4196  }
4197  .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tablist {
4198    top: 60px;
4199  }
4200  .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area {
4201    overflow: visible;
4202    height: auto;
4203  }
4204  .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container {
4205    display: none;
4206  }
4207  
4208  .block-editor-inserter__toggle.components-button {
4209    display: inline-flex;
4210    align-items: center;
4211    cursor: var(--wpds-cursor-control, pointer);
4212    border: none;
4213    padding: 0;
4214  }
4215  @media not (prefers-reduced-motion) {
4216    .block-editor-inserter__toggle.components-button {
4217      transition: color 0.2s ease;
4218    }
4219  }
4220  
4221  .block-editor-inserter__menu {
4222    height: 100%;
4223    position: relative;
4224    overflow: visible;
4225  }
4226  @media (min-width: 782px) {
4227    .block-editor-inserter__menu.show-panel {
4228      width: 630px;
4229    }
4230  }
4231  
4232  .block-editor-inserter__inline-elements {
4233    margin-top: -1px;
4234  }
4235  
4236  .block-editor-inserter__menu.is-bottom::after {
4237    border-bottom-color: #fff;
4238  }
4239  
4240  .components-popover.block-editor-inserter__popover {
4241    z-index: 99999;
4242  }
4243  
4244  .block-editor-inserter__search {
4245    padding: 16px;
4246    position: sticky;
4247    top: 0;
4248    z-index: 2;
4249    background-color: #fff;
4250    border-bottom: 1px solid transparent;
4251  }
4252  @media not (prefers-reduced-motion) {
4253    .block-editor-inserter__search {
4254      transition: border-bottom-color 0.1s linear;
4255    }
4256  }
4257  .block-editor-inserter__search.is-scrolled {
4258    border-bottom-color: #e0e0e0;
4259  }
4260  
4261  .block-editor-inserter__no-tab-container {
4262    overflow-y: auto;
4263    flex-grow: 1;
4264    position: relative;
4265  }
4266  
4267  .block-editor-inserter__panel-header {
4268    position: relative;
4269    display: inline-flex;
4270    align-items: center;
4271    padding: 0 16px;
4272  }
4273  
4274  .block-editor-inserter__panel-content {
4275    padding: 16px;
4276  }
4277  
4278  .block-editor-inserter__panel-title,
4279  .block-editor-inserter__panel-title button {
4280    margin: 0 0 0 12px;
4281    color: #757575;
4282    text-transform: uppercase;
4283    font-size: 11px;
4284    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
4285  }
4286  
4287  .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input {
4288    height: 36px;
4289    line-height: 36px;
4290  }
4291  
4292  .block-editor-inserter__panel-dropdown select {
4293    border: none;
4294  }
4295  
4296  .block-editor-inserter__reusable-blocks-panel {
4297    position: relative;
4298    text-align: left;
4299  }
4300  
4301  .block-editor-inserter__no-results,
4302  .block-editor-inserter__patterns-loading {
4303    padding: 32px;
4304    text-align: center;
4305  }
4306  
4307  .block-editor-inserter__child-blocks {
4308    padding: 0 16px;
4309  }
4310  
4311  .block-editor-inserter__parent-block-header {
4312    display: flex;
4313    align-items: center;
4314  }
4315  .block-editor-inserter__parent-block-header h2 {
4316    font-size: 13px;
4317  }
4318  .block-editor-inserter__parent-block-header .block-editor-block-icon {
4319    margin-left: 8px;
4320  }
4321  
4322  .block-editor-inserter__preview-container {
4323    display: none;
4324    width: 280px;
4325    padding: 16px;
4326    max-height: calc(100% - 32px);
4327    overflow-y: hidden;
4328  }
4329  @media (min-width: 782px) {
4330    .block-editor-inserter__preview-container {
4331      display: block;
4332    }
4333  }
4334  .block-editor-inserter__preview-container .block-editor-inserter__media-list__list-item {
4335    height: 100%;
4336  }
4337  .block-editor-inserter__preview-container .block-editor-block-card {
4338    padding-right: 0;
4339    padding-left: 0;
4340    padding-bottom: 4px;
4341  }
4342  
4343  .block-editor-inserter__insertable-blocks-at-selection {
4344    border-bottom: 1px solid #e0e0e0;
4345  }
4346  
4347  .block-editor-inserter__media-tabs-container,
4348  .block-editor-inserter__block-patterns-tabs-container {
4349    flex-grow: 1;
4350    padding: 0 16px 16px;
4351    display: flex;
4352    flex-direction: column;
4353    justify-content: space-between;
4354  }
4355  
4356  .block-editor-inserter__media-tabs-container {
4357    padding-top: 16px;
4358  }
4359  
4360  .block-editor-inserter__category-tablist {
4361    margin-bottom: 8px;
4362  }
4363  
4364  .block-editor-inserter__category-panel {
4365    outline: 1px solid transparent;
4366    display: flex;
4367    flex-direction: column;
4368    padding: 0 16px;
4369  }
4370  @media (min-width: 782px) {
4371    .block-editor-inserter__category-panel {
4372      border-right: 1px solid #e0e0e0;
4373      padding: 0;
4374      right: 350px;
4375      width: 280px;
4376      position: absolute;
4377      top: -1px;
4378      height: calc(100% + 1px);
4379      background: #f0f0f0;
4380      border-top: 1px solid #e0e0e0;
4381    }
4382    .block-editor-inserter__category-panel .block-editor-inserter__media-list,
4383    .block-editor-inserter__category-panel .block-editor-block-patterns-list {
4384      padding: 0 24px 16px;
4385    }
4386  }
4387  
4388  .block-editor-inserter__patterns-category-panel-header {
4389    padding: 8px 0;
4390  }
4391  @media (min-width: 782px) {
4392    .block-editor-inserter__patterns-category-panel-header {
4393      padding: 8px 24px;
4394    }
4395  }
4396  
4397  .block-editor-inserter__patterns-category-no-results {
4398    margin-top: 24px;
4399  }
4400  
4401  .block-editor-inserter__patterns-filter-help {
4402    padding: 16px;
4403    border-top: 1px solid #ddd;
4404    color: #757575;
4405    min-width: 280px;
4406  }
4407  
4408  .block-editor-inserter__media-list,
4409  .block-editor-block-patterns-list {
4410    overflow-y: auto;
4411    flex-grow: 1;
4412    height: 100%;
4413  }
4414  
4415  .block-editor-inserter__preview-content {
4416    background: #f0f0f0;
4417    display: grid;
4418    flex-grow: 1;
4419    align-items: center;
4420  }
4421  
4422  .block-editor-inserter__preview-content-missing {
4423    flex: 1;
4424    display: flex;
4425    justify-content: center;
4426    align-items: center;
4427    min-height: 144px;
4428    color: #757575;
4429    background: #f0f0f0;
4430    border-radius: 2px;
4431  }
4432  
4433  .block-editor-inserter__tips {
4434    border-top: 1px solid #ddd;
4435    padding: 16px;
4436    flex-shrink: 0;
4437    position: relative;
4438  }
4439  
4440  .block-editor-inserter__quick-inserter {
4441    width: 100%;
4442    max-width: 100%;
4443  }
4444  @media (min-width: 782px) {
4445    .block-editor-inserter__quick-inserter {
4446      width: 350px;
4447    }
4448  }
4449  
4450  .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
4451    height: 0;
4452    padding: 0;
4453    float: right;
4454  }
4455  
4456  .block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content,
4457  .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content {
4458    padding: 16px;
4459  }
4460  
4461  .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list {
4462    display: grid;
4463    grid-template-columns: 1fr 1fr;
4464    gap: 8px;
4465  }
4466  .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
4467    margin-bottom: 0;
4468  }
4469  .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item {
4470    min-height: 100px;
4471  }
4472  
4473  .block-editor-inserter__quick-inserter-separator {
4474    border-top: 1px solid #ddd;
4475  }
4476  
4477  .block-editor-inserter__popover.is-quick > .components-popover__content {
4478    padding: 0;
4479  }
4480  
4481  .block-editor-inserter__quick-inserter-expand {
4482    padding: 0 16px 16px;
4483  }
4484  
4485  .block-editor-inserter__quick-inserter-expand-toggle {
4486    width: 100%;
4487    justify-content: center;
4488  }
4489  
4490  .block-editor-block-patterns-explorer__sidebar {
4491    padding-bottom: 24px;
4492  }
4493  @media (min-width: 782px) {
4494    .block-editor-block-patterns-explorer__sidebar {
4495      position: absolute;
4496      top: 72px;
4497      right: 0;
4498      bottom: 0;
4499      width: 280px;
4500      padding: 24px;
4501      overflow-x: visible;
4502      overflow-y: auto;
4503    }
4504  }
4505  
4506  @media (min-width: 782px) {
4507    .block-editor-block-patterns-explorer__panel {
4508      margin-inline-start: 280px;
4509    }
4510  }
4511  
4512  .block-editor-block-patterns-explorer__no-results {
4513    padding: 32px;
4514    text-align: center;
4515  }
4516  
4517  .block-editor-block-patterns-explorer__list {
4518    padding: 24px 0 32px;
4519  }
4520  .block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container {
4521    width: 380px;
4522  }
4523  
4524  .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
4525    display: grid;
4526    gap: 32px;
4527    grid-template-columns: repeat(1, 1fr);
4528    margin-bottom: 16px;
4529  }
4530  @media (min-width: 1080px) {
4531    .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
4532      grid-template-columns: repeat(2, 1fr);
4533    }
4534  }
4535  @media (min-width: 1440px) {
4536    .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
4537      grid-template-columns: repeat(3, 1fr);
4538    }
4539  }
4540  .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
4541    min-height: 240px;
4542  }
4543  .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item {
4544    height: inherit;
4545    min-height: 100px;
4546    max-height: 800px;
4547  }
4548  
4549  .components-heading.block-editor-inserter__patterns-category-panel-title {
4550    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
4551  }
4552  
4553  .block-editor-inserter__patterns-explore-button.components-button,
4554  .block-editor-inserter__media-library-button.components-button {
4555    padding: 16px;
4556    justify-content: center;
4557    margin-top: 16px;
4558    width: 100%;
4559  }
4560  
4561  .block-editor-inserter__media-mobile-screen {
4562    display: flex;
4563    flex-direction: column;
4564    align-self: stretch;
4565  }
4566  
4567  .block-editor-inserter__media-panel {
4568    padding: 0 16px;
4569    display: flex;
4570    flex-direction: column;
4571    flex: 1;
4572    min-height: 0;
4573  }
4574  @media (min-width: 782px) {
4575    .block-editor-inserter__media-panel {
4576      padding: 0;
4577      flex: 0 1 auto;
4578      min-height: 100%;
4579    }
4580  }
4581  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner {
4582    height: 100%;
4583    display: flex;
4584    align-items: center;
4585    justify-content: center;
4586    flex: 1;
4587  }
4588  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search {
4589    margin-bottom: 24px;
4590  }
4591  @media (min-width: 782px) {
4592    .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search {
4593      margin-bottom: 0;
4594      padding: 16px 24px 16px;
4595    }
4596  }
4597  .block-editor-inserter__media-panel .block-editor-inserter__no-results {
4598    flex-grow: 1;
4599  }
4600  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-footer {
4601    flex-shrink: 0;
4602    padding-top: 16px;
4603    padding-bottom: 16px;
4604  }
4605  @media (min-width: 782px) {
4606    .block-editor-inserter__media-panel .block-editor-inserter__media-panel-footer {
4607      padding-right: 24px;
4608      padding-left: 24px;
4609    }
4610  }
4611  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach.components-button {
4612    justify-content: center;
4613    padding: 16px;
4614  }
4615  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-results {
4616    display: flex;
4617    flex-direction: column;
4618    flex-grow: 1;
4619    min-height: 0;
4620  }
4621  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-results.is-loading .block-editor-inserter__media-list {
4622    opacity: 0.5;
4623    pointer-events: none;
4624  }
4625  @media not (prefers-reduced-motion) {
4626    .block-editor-inserter__media-panel .block-editor-inserter__media-panel-results.is-loading .block-editor-inserter__media-list {
4627      opacity: 1;
4628      animation: inserter-media-panel-pulse 1s ease-in-out infinite;
4629    }
4630  }
4631  .block-editor-inserter__media-panel.has-footer .block-editor-inserter__media-list {
4632    padding-bottom: 0;
4633  }
4634  
4635  @keyframes inserter-media-panel-pulse {
4636    0%, 100% {
4637      opacity: 1;
4638    }
4639    50% {
4640      opacity: 0.5;
4641    }
4642  }
4643  .block-editor-inserter__media-panel-detach-modal {
4644    z-index: 1000001;
4645  }
4646  .block-editor-inserter__media-panel-detach-modal p {
4647    margin-top: 0;
4648  }
4649  
4650  .block-editor-inserter__media-panel-detach-actions {
4651    display: flex;
4652    justify-content: flex-end;
4653    gap: 8px;
4654    margin-top: 16px;
4655  }
4656  
4657  .block-editor-inserter__media-list__list-item {
4658    position: relative;
4659    cursor: var(--wpds-cursor-control, pointer);
4660    margin-bottom: 24px;
4661  }
4662  .block-editor-inserter__media-list__list-item.is-placeholder {
4663    min-height: 100px;
4664  }
4665  .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-inserter__media-list__list-item {
4666    cursor: grab;
4667  }
4668  .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview > * {
4669    outline-color: rgba(0, 0, 0, 0.3);
4670  }
4671  .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button, .block-editor-inserter__media-list__list-item:focus-within .block-editor-inserter__media-list__item-preview-options > button {
4672    display: block;
4673  }
4674  .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options {
4675    position: absolute;
4676    left: 8px;
4677    top: 8px;
4678  }
4679  .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button {
4680    background: #fff;
4681    display: none;
4682  }
4683  .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button.is-opened, .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button:focus {
4684    display: block;
4685  }
4686  
4687  .block-editor-inserter__media-list__item {
4688    height: 100%;
4689  }
4690  .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview {
4691    display: flex;
4692    align-items: center;
4693    overflow: hidden;
4694    border-radius: 2px;
4695  }
4696  .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview > * {
4697    margin: 0 auto;
4698    max-width: 100%;
4699    outline: 1px solid rgba(0, 0, 0, 0.1);
4700    outline-offset: -1px;
4701  }
4702  .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner {
4703    display: flex;
4704    height: 100%;
4705    width: 100%;
4706    position: absolute;
4707    justify-content: center;
4708    background: rgba(255, 255, 255, 0.7);
4709    align-items: center;
4710    pointer-events: none;
4711  }
4712  .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview > * {
4713    outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
4714    outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
4715    outline-offset: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
4716  }
4717  
4718  .block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item {
4719    min-width: auto;
4720  }
4721  
4722  .block-editor-inserter__mobile-tab-navigation {
4723    padding: 16px;
4724    height: 100%;
4725  }
4726  .block-editor-inserter__mobile-tab-navigation > * {
4727    height: 100%;
4728  }
4729  
4730  @media (min-width: 600px) {
4731    .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal {
4732      max-width: 480px;
4733    }
4734  }
4735  .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p {
4736    margin: 0;
4737  }
4738  
4739  .block-editor-inserter__hint {
4740    margin: 16px 16px 0;
4741  }
4742  
4743  .block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input {
4744    height: 40px;
4745  }
4746  
4747  .block-editor-inserter__pattern-panel-placeholder {
4748    display: none;
4749  }
4750  
4751  .block-editor-inserter__menu.is-zoom-out {
4752    display: flex;
4753  }
4754  @media (min-width: 782px) {
4755    .block-editor-inserter__menu.is-zoom-out.show-panel::after {
4756      content: "";
4757      display: block;
4758      width: 300px;
4759      height: 100%;
4760    }
4761  }
4762  
4763  @media (max-width: 959px) {
4764    .show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination {
4765      flex-direction: column;
4766    }
4767    .show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous,
4768    .show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next {
4769      flex-direction: column;
4770    }
4771  }
4772  .show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination {
4773    flex-direction: column;
4774  }
4775  .show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous,
4776  .show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next {
4777    flex-direction: column;
4778  }
4779  
4780  .block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text {
4781    display: none;
4782    padding: 0 24px 16px;
4783  }
4784  @media (min-width: 480px) {
4785    .block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text {
4786      display: block;
4787    }
4788  }
4789  
4790  .spacing-sizes-control {
4791    border: 0;
4792    padding: 0;
4793    margin: 0;
4794  }
4795  .spacing-sizes-control .spacing-sizes-control__unit-control,
4796  .spacing-sizes-control .spacing-sizes-control__label {
4797    margin-bottom: 0;
4798  }
4799  .spacing-sizes-control .spacing-sizes-control__preset-range,
4800  .spacing-sizes-control .spacing-sizes-control__custom-value-range {
4801    flex: 1;
4802    margin-bottom: 0;
4803  }
4804  
4805  .spacing-sizes-control__header {
4806    height: 16px;
4807    margin-bottom: 12px;
4808  }
4809  
4810  .spacing-sizes-control__wrapper {
4811    align-items: center;
4812  }
4813  
4814  .spacing-sizes-control__dropdown {
4815    height: 24px;
4816  }
4817  
4818  .spacing-sizes-control__wrapper .preset-input-control__icon {
4819    margin-right: -4px;
4820  }
4821  
4822  .block-editor-block-visibility-modal {
4823    z-index: 1000001;
4824  }
4825  .block-editor-block-visibility-modal__options {
4826    border: 0;
4827    padding: 0;
4828    list-style: none;
4829    margin: 24px 0;
4830  }
4831  .block-editor-block-visibility-modal__options-item {
4832    display: flex;
4833    align-items: center;
4834    justify-content: space-between;
4835    margin: 0 0 16px 0;
4836    gap: 24px;
4837  }
4838  .block-editor-block-visibility-modal__options-item:last-child {
4839    margin: 0;
4840  }
4841  .block-editor-block-visibility-modal__options-item--everywhere {
4842    flex-direction: column;
4843    align-items: start;
4844  }
4845  .block-editor-block-visibility-modal__options-checkbox--everywhere {
4846    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
4847  }
4848  .block-editor-block-visibility-modal__options-icon--checked {
4849    color: #ddd;
4850  }
4851  .block-editor-block-visibility-modal__sub-options {
4852    width: 100%;
4853    padding-inline-start: 12px;
4854  }
4855  .block-editor-block-visibility-modal__description {
4856    font-size: 12px;
4857    color: #757575;
4858  }
4859  
4860  .block-editor-block-visibility-info {
4861    margin: 0 16px 16px;
4862  }
4863  
4864  /* The stop element is invisible, so its focus indication is drawn around the
4865     canvas it stands for. For the iframed canvas it is an overlay instead of
4866     an outline, because Safari paints an outline on an iframe element
4867     underneath the iframe's content. */
4868  .block-editor-iframe__scale-container > .block-editor-writing-flow__canvas-stop:focus::after {
4869    content: "";
4870    position: absolute;
4871    inset: 0;
4872    z-index: 1;
4873    pointer-events: none;
4874    border: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
4875  }
4876  
4877  .block-editor-writing-flow__canvas-stop:focus + .block-editor-writing-flow {
4878    outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
4879    outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
4880  }
4881  
4882  /* Looks like a tooltip. Shown at the top of the canvas while the stop is
4883     focused. Sticky, because on the widgets screen the stop spans scrolling
4884     content and the hint must stay in view; anywhere else there is nothing
4885     to scroll and it stays at the top of the canvas. */
4886  .block-editor-writing-flow__canvas-stop-hint {
4887    display: none;
4888    position: sticky;
4889    top: 16px;
4890    margin-inline: auto;
4891    width: fit-content;
4892    z-index: 2;
4893    background: #000;
4894    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4895    border-radius: 4px;
4896    color: #f0f0f0;
4897    text-align: center;
4898    line-height: 1.4;
4899    font-size: 12px;
4900    padding: 4px 8px;
4901    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
4902    white-space: nowrap;
4903    pointer-events: none;
4904  }
4905  
4906  .block-editor-writing-flow__canvas-stop:focus > .block-editor-writing-flow__canvas-stop-hint {
4907    display: block;
4908  }