[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-includes/css/dist/block-editor/ -> style.css (source)

   1  @charset "UTF-8";
   2  /**
   3   * Colors
   4   */
   5  /**
   6   * Breakpoints & Media Queries
   7   */
   8  /**
   9   * Colors
  10   */
  11  /**
  12   * Fonts & basic variables.
  13   */
  14  /**
  15   * Grid System.
  16   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  17   */
  18  /**
  19   * Dimensions.
  20   */
  21  /**
  22   * Shadows.
  23   */
  24  /**
  25   * Editor widths.
  26   */
  27  /**
  28   * Block UI.
  29   */
  30  /**
  31   * Border radii.
  32   */
  33  /**
  34   * Block paddings.
  35   */
  36  /**
  37   * Breakpoint mixins
  38   */
  39  /**
  40   * Long content fade mixin
  41   *
  42   * Creates a fading overlay to signify that the content is longer
  43   * than the space allows.
  44   */
  45  /**
  46   * Focus styles.
  47   */
  48  /**
  49   * Applies editor left position to the selector passed as argument
  50   */
  51  /**
  52   * Styles that are reused verbatim in a few places
  53   */
  54  /**
  55   * Allows users to opt-out of animations via OS-level preferences.
  56   */
  57  /**
  58   * Reset default styles for JavaScript UI based pages.
  59   * This is a WP-admin agnostic reset
  60   */
  61  /**
  62   * Reset the WP Admin page styles for Gutenberg-like pages.
  63   */
  64  :root {
  65    --wp-admin-theme-color: #007cba;
  66    --wp-admin-theme-color-darker-10: #006ba1;
  67    --wp-admin-theme-color-darker-20: #005a87; }
  68  
  69  #start-resizable-editor-section {
  70    display: none; }
  71  
  72  .block-editor-autocompleters__block .block-editor-block-icon {
  73    margin-right: 8px; }
  74  
  75  .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content {
  76    min-width: 0;
  77    width: auto; }
  78    .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content > div {
  79      padding: 8px; }
  80  
  81  .block-editor-block-icon {
  82    display: flex;
  83    align-items: center;
  84    justify-content: center;
  85    width: 24px;
  86    height: 24px; }
  87    .block-editor-block-icon.has-colors svg {
  88      fill: currentColor; }
  89    .block-editor-block-icon svg {
  90      min-width: 20px;
  91      min-height: 20px;
  92      max-width: 24px;
  93      max-height: 24px; }
  94  
  95  .block-editor-block-inspector .components-base-control {
  96    margin-bottom: 24px; }
  97    .block-editor-block-inspector .components-base-control:last-child {
  98      margin-bottom: 8px; }
  99  
 100  .block-editor-block-inspector .components-panel__body {
 101    border: none;
 102    border-top: 1px solid #e0e0e0; }
 103  
 104  .block-editor-block-inspector .block-editor-block-card {
 105    padding: 16px; }
 106  
 107  .block-editor-block-inspector__no-blocks {
 108    display: block;
 109    font-size: 13px;
 110    background: #fff;
 111    padding: 32px 16px;
 112    text-align: center; }
 113  
 114  .block-editor-block-styles .block-editor-block-list__block {
 115    margin: 0; }
 116  
 117  /**
 118   * Notices & Block Selected/Hover Styles.
 119   */
 120  .block-editor-block-list__layout .block-editor-block-list__block,
 121  .block-editor-block-list__layout .block-list-appender {
 122    position: relative; }
 123    .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before,
 124    .block-editor-block-list__layout .block-list-appender.is-drop-target::before {
 125      content: "";
 126      position: absolute;
 127      z-index: 0;
 128      pointer-events: none;
 129      transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
 130      top: -14px;
 131      right: 0;
 132      left: 0;
 133      border-top: 4px solid #007cba;
 134      border-top: 4px solid var(--wp-admin-theme-color); }
 135    .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target.is-dropping-horizontally::before,
 136    .block-editor-block-list__layout .block-list-appender.is-drop-target.is-dropping-horizontally::before {
 137      top: 0;
 138      bottom: 0;
 139      left: -6px;
 140      border-top: none;
 141      border-left: 4px solid #007cba;
 142      border-left: 4px solid var(--wp-admin-theme-color); }
 143  
 144  /**
 145   * Cross-Block Selection
 146   */
 147  .block-editor-block-list__layout {
 148    position: relative; }
 149    .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after,
 150    .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after,
 151    .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
 152    .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
 153      position: absolute;
 154      z-index: 1;
 155      pointer-events: none;
 156      content: "";
 157      top: 1px;
 158      bottom: 1px;
 159      left: 1px;
 160      right: 1px;
 161      box-shadow: 0 0 0 1.5px #007cba;
 162      box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
 163      border-radius: 1px;
 164      outline: 2px solid transparent; }
 165      .is-dark-theme .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-dark-theme
 166      .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .is-dark-theme
 167      .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .is-dark-theme
 168      .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
 169        box-shadow: 0 0 0 1.5px #fff; }
 170    .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected .components-placeholder ::selection,
 171    .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered .components-placeholder ::selection,
 172    .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection,
 173    .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection {
 174      background: transparent; }
 175    .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered:not(.is-selected)::after {
 176      box-shadow: 0 0 0 1px #949494; }
 177    .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected {
 178      box-shadow: 0 0 0 1.5px #007cba;
 179      box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
 180      outline: 1.5px solid transparent; }
 181    .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before {
 182      content: "";
 183      position: absolute;
 184      z-index: 0;
 185      pointer-events: none;
 186      transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
 187      right: 0;
 188      left: 0;
 189      top: -14px;
 190      border-radius: 2px;
 191      border-top: 4px solid #ccc; }
 192    .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after {
 193      content: none; }
 194    .is-block-moving-mode.can-insert-moving-block .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before {
 195      border-color: #007cba;
 196      border-color: var(--wp-admin-theme-color); }
 197  
 198  .is-block-moving-mode.block-editor-block-list__block-selection-button {
 199    opacity: 0;
 200    font-size: 1px;
 201    height: 1px;
 202    padding: 0; }
 203  
 204  .block-editor-block-list__layout .block-editor-block-list__block {
 205    position: relative;
 206    overflow-wrap: break-word;
 207    /**
 208       * Notices
 209       */
 210    /**
 211       * Block Layout
 212       */
 213    /**
 214      * Block styles and alignments
 215      */ }
 216    .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * {
 217      z-index: 1; }
 218    .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
 219      margin: -10px 0 12px 0; }
 220    .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
 221      margin: 0 0 12px 0;
 222      width: 100%; }
 223      .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice {
 224        margin-left: 0;
 225        margin-right: 0; }
 226        .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {
 227          font-size: 13px; }
 228    .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus {
 229      outline: none; }
 230      .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
 231        position: absolute;
 232        z-index: 1;
 233        pointer-events: none;
 234        content: "";
 235        top: 1px;
 236        bottom: 1px;
 237        left: 1px;
 238        right: 1px;
 239        box-shadow: 0 0 0 1.5px #007cba;
 240        box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
 241        border-radius: 1px; }
 242        .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
 243          box-shadow: 0 0 0 1.5px #fff; }
 244    .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) {
 245      opacity: 0.5;
 246      transition: opacity 0.1s linear; }
 247      @media (prefers-reduced-motion: reduce) {
 248        .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) {
 249          transition-duration: 0s; } }
 250      .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .block-editor-block-list__block, .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused {
 251        opacity: 1; }
 252    .block-editor-block-list__layout .block-editor-block-list__block.has-active-entity:not(.is-focus-mode) {
 253      opacity: 0.5;
 254      transition: opacity 0.1s linear; }
 255      @media (prefers-reduced-motion: reduce) {
 256        .block-editor-block-list__layout .block-editor-block-list__block.has-active-entity:not(.is-focus-mode) {
 257          transition-duration: 0s; } }
 258      .block-editor-block-list__layout .block-editor-block-list__block.has-active-entity:not(.is-focus-mode).is-active-entity, .block-editor-block-list__layout .block-editor-block-list__block.has-active-entity:not(.is-focus-mode).has-child-selected,
 259      .block-editor-block-list__layout .block-editor-block-list__block.has-active-entity:not(.is-focus-mode):not(.has-child-selected) .block-editor-block-list__block,
 260      .block-editor-block-list__layout .block-editor-block-list__block.has-active-entity:not(.is-focus-mode).is-active-entity .block-editor-block-list__block,
 261      .block-editor-block-list__layout .block-editor-block-list__block.has-active-entity:not(.is-focus-mode) .is-active-entity .block-editor-block-list__block {
 262        opacity: 1; }
 263    .block-editor-block-list__layout .block-editor-block-list__block::after {
 264      content: "";
 265      pointer-events: none;
 266      position: absolute;
 267      top: 0;
 268      right: 0;
 269      bottom: 0;
 270      left: 0;
 271      border-radius: 2px;
 272      box-shadow: 0 0 0 1.5px transparent; }
 273    .block-editor-block-list__layout .block-editor-block-list__block.has-warning {
 274      min-height: 36px; }
 275      .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
 276        pointer-events: none;
 277        -webkit-user-select: none;
 278            -ms-user-select: none;
 279                user-select: none; }
 280      .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
 281        pointer-events: all; }
 282    .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after {
 283      content: "";
 284      position: absolute;
 285      top: 0;
 286      right: 0;
 287      bottom: 0;
 288      left: 0;
 289      border-radius: 2px;
 290      background-color: rgba(255, 255, 255, 0.4); }
 291    .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
 292      background-color: transparent; }
 293    .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after {
 294      display: none; }
 295    .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after {
 296      display: block; }
 297    .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block {
 298      cursor: default; }
 299    .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] {
 300      float: none; }
 301    .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter {
 302      left: auto;
 303      right: 8px; }
 304  
 305  .block-editor-block-list__layout .wp-block {
 306    margin-left: auto;
 307    margin-right: auto; }
 308  
 309  .wp-block[data-align="left"], .wp-block[data-align="right"] {
 310    width: 100%;
 311    height: 0; }
 312    .wp-block[data-align="left"]::before, .wp-block[data-align="right"]::before {
 313      content: none; }
 314  
 315  .wp-block[data-align="left"] > *,
 316  .wp-block[data-align="right"] > * {
 317    z-index: 21; }
 318  
 319  .wp-block[data-align="left"] > * {
 320    /*!rtl:begin:ignore*/
 321    float: left;
 322    margin-right: 2em;
 323    /*!rtl:end:ignore*/ }
 324  
 325  .wp-block[data-align="right"] > * {
 326    /*!rtl:begin:ignore*/
 327    float: right;
 328    margin-left: 2em;
 329    /*!rtl:end:ignore*/ }
 330  
 331  .wp-block[data-align="full"], .wp-block[data-align="wide"] {
 332    clear: both; }
 333  
 334  /**
 335   * In-Canvas Inserter
 336   */
 337  .block-editor-block-list .block-editor-inserter {
 338    margin: 8px;
 339    cursor: move;
 340    cursor: grab; }
 341  
 342  .block-editor-block-list__insertion-point {
 343    position: relative;
 344    z-index: 6;
 345    margin-top: -14px; }
 346    .block-editor-block-list__insertion-point.is-insert-after {
 347      margin-top: 14px; }
 348  
 349  .block-editor-block-list__insertion-point-indicator {
 350    position: absolute;
 351    top: calc(50% - 1px);
 352    height: 1.5px;
 353    left: 0;
 354    right: 0;
 355    background: #007cba;
 356    background: var(--wp-admin-theme-color); }
 357  
 358  .block-editor-block-list__insertion-point-inserter {
 359    display: none;
 360    justify-content: center; }
 361    @media (min-width: 480px) {
 362      .block-editor-block-list__insertion-point-inserter {
 363        display: flex; } }
 364    .block-editor-block-list__insertion-point-inserter.is-inserter-hidden .block-editor-inserter__toggle {
 365      visibility: hidden;
 366      pointer-events: none; }
 367  
 368  .block-editor-block-list__block-popover-inserter {
 369    position: absolute;
 370    top: -9999em;
 371    margin-bottom: 14px; }
 372    .block-editor-block-list__block-popover-inserter.is-visible {
 373      position: static; }
 374  
 375  .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,
 376  .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon,
 377  .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,
 378  .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon {
 379    background: #1e1e1e;
 380    border-radius: 2px;
 381    color: #fff;
 382    padding: 0;
 383    min-width: 24px;
 384    height: 24px; }
 385    .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,
 386    .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
 387    .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,
 388    .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover {
 389      color: #fff; }
 390  
 391  .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
 392  .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
 393    animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease;
 394    animation-fill-mode: forwards; }
 395    @media (prefers-reduced-motion: reduce) {
 396      .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
 397      .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
 398        animation-duration: 1ms; } }
 399  
 400  @keyframes block-editor-inserter__toggle__fade-in-animation-delayed {
 401    0% {
 402      opacity: 0; }
 403    80% {
 404      opacity: 0; }
 405    100% {
 406      opacity: 1; } }
 407  
 408  @keyframes block-editor-inserter__toggle__fade-in-animation {
 409    from {
 410      opacity: 0;
 411      transform: scale(0); }
 412    to {
 413      opacity: 1;
 414      transform: scale(1); } }
 415  
 416  .wp-block .block-list-appender .block-editor-inserter__toggle {
 417    animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
 418    animation-fill-mode: forwards; }
 419    @media (prefers-reduced-motion: reduce) {
 420      .wp-block .block-list-appender .block-editor-inserter__toggle {
 421        animation-duration: 1ms; } }
 422  
 423  .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
 424    display: none; }
 425    .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
 426      opacity: 0;
 427      transform: scale(0); }
 428  
 429  .block-editor-block-list__block > .block-editor-block-list__insertion-point {
 430    position: absolute;
 431    top: -16px;
 432    height: 28px;
 433    bottom: auto;
 434    left: 14px;
 435    right: 14px; }
 436  
 437  .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
 438    display: block;
 439    margin: 0;
 440    padding: 12px;
 441    width: 100%;
 442    border: none;
 443    outline: none;
 444    border-radius: 2px;
 445    box-shadow: inset 0 0 0 1px #1e1e1e;
 446    resize: none;
 447    overflow: hidden;
 448    font-family: Menlo, Consolas, monaco, monospace;
 449    font-size: 15px;
 450    line-height: 1.5;
 451    transition: padding 0.2s linear; }
 452    @media (prefers-reduced-motion: reduce) {
 453      .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
 454        transition-duration: 0s; } }
 455    .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
 456      box-shadow: inset 0 0 0 1.5px #007cba;
 457      box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); }
 458  
 459  /**
 460   * Block Toolbar when contextual.
 461   */
 462  .block-editor-block-contextual-toolbar {
 463    border: 1px solid #1e1e1e;
 464    border-radius: 2px;
 465    background-color: #fff; }
 466    .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group,
 467    .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar {
 468      border-right-color: #1e1e1e; }
 469    .block-editor-block-contextual-toolbar .block-editor-block-mover-button {
 470      overflow: hidden; }
 471    .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
 472      min-width: 24px;
 473      width: 24px; }
 474    .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg {
 475      margin-top: 2px; }
 476    .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg {
 477      margin-bottom: 3px; }
 478    .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before {
 479      left: 0 !important;
 480      min-width: 0;
 481      width: 100%; }
 482  
 483  /**
 484   * Block Label for Navigation/Selection Mode
 485   */
 486  .block-editor-block-list__block-selection-button {
 487    display: block;
 488    z-index: 22; }
 489    .block-editor-block-list__block-selection-button .components-button {
 490      font-size: 13px;
 491      height: 46px;
 492      padding: 12px 16px;
 493      position: relative;
 494      top: -1px;
 495      box-shadow: 0 0 0 1px #1e1e1e;
 496      border-radius: 1px;
 497      background-color: #fff; }
 498      .block-editor-block-list__block-selection-button .components-button:focus {
 499        box-shadow: 0 0 0 1.5px #007cba;
 500        box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
 501  
 502  /**
 503   * Warnings.
 504   */
 505  .block-editor-block-list__block .block-editor-warning {
 506    z-index: 5;
 507    position: relative; }
 508    .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
 509      margin-bottom: auto; }
 510  
 511  /**
 512   * Popovers.
 513   */
 514  .block-editor-block-list__insertion-point-popover.is-without-arrow {
 515    z-index: 28;
 516    position: absolute; }
 517    .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content {
 518      background: none;
 519      border: none;
 520      box-shadow: none;
 521      overflow-y: visible;
 522      margin-left: 0; }
 523  
 524  @keyframes hide-during-dragging {
 525    to {
 526      position: fixed;
 527      transform: translate(9999px, 9999px); } }
 528  
 529  .components-popover.block-editor-block-list__block-popover {
 530    z-index: 31;
 531    position: absolute; }
 532    .components-popover.block-editor-block-list__block-popover .components-popover__content {
 533      margin: 0 !important;
 534      min-width: auto;
 535      width: -webkit-max-content;
 536      width: max-content;
 537      background: none;
 538      border: none;
 539      box-shadow: none;
 540      overflow-y: visible;
 541      pointer-events: none; }
 542      .components-popover.block-editor-block-list__block-popover .components-popover__content > * {
 543        pointer-events: all; }
 544      .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button,
 545      .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar {
 546        margin-bottom: 12px; }
 547    .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
 548      opacity: 0;
 549      animation: hide-during-dragging 1ms linear forwards; }
 550  
 551  .is-dragging-components-draggable .components-tooltip {
 552    display: none; }
 553  
 554  .block-editor-block-list__block .block-list-appender {
 555    margin: 8px 0; }
 556    .has-background .block-editor-block-list__block .block-list-appender {
 557      margin: 20px 8px; }
 558    .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
 559      padding: 0;
 560      opacity: 1;
 561      transform: scale(1);
 562      transition: all 0.1s ease; }
 563      @media (prefers-reduced-motion: reduce) {
 564        .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
 565          transition-duration: 0s; } }
 566  
 567  .block-list-appender > .block-editor-inserter {
 568    display: block; }
 569  
 570  .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
 571    opacity: 0;
 572    transform: scale(0); }
 573  
 574  .block-editor-block-breadcrumb {
 575    list-style: none;
 576    padding: 0;
 577    margin: 0; }
 578    .block-editor-block-breadcrumb li {
 579      display: inline-block;
 580      margin: 0; }
 581      .block-editor-block-breadcrumb li:not(:last-child)::after {
 582        content: "→" /*rtl:"←"*/; }
 583  
 584  .block-editor-block-breadcrumb__button.components-button {
 585    height: 24px;
 586    line-height: 24px;
 587    padding: 0;
 588    position: relative; }
 589    .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) {
 590      text-decoration: underline;
 591      box-shadow: none; }
 592    .block-editor-block-breadcrumb__button.components-button:focus {
 593      box-shadow: none; }
 594    .block-editor-block-breadcrumb__button.components-button:focus::before {
 595      content: "";
 596      display: block;
 597      position: absolute;
 598      border-radius: 2px;
 599      top: 1px;
 600      right: 1px;
 601      bottom: 1px;
 602      left: 1px;
 603      box-shadow: inset 0 0 0 1.5px #007cba;
 604      box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); }
 605  
 606  .block-editor-block-breadcrumb__current {
 607    cursor: default; }
 608  
 609  .block-editor-block-breadcrumb__button.components-button,
 610  .block-editor-block-breadcrumb__current {
 611    color: #1e1e1e;
 612    padding: 0 8px;
 613    font-size: inherit; }
 614  
 615  .block-editor-block-card {
 616    display: flex;
 617    align-items: flex-start; }
 618  
 619  .block-editor-block-card__icon {
 620    border: 1px solid #ddd;
 621    padding: 7px;
 622    margin-right: 10px;
 623    height: 36px;
 624    width: 36px; }
 625  
 626  .block-editor-block-card__content {
 627    flex-grow: 1; }
 628  
 629  .block-editor-block-card__title {
 630    font-weight: 500; }
 631    .block-editor-block-card__title.block-editor-block-card__title {
 632      margin: 0 0 5px; }
 633  
 634  .block-editor-block-card__description {
 635    font-size: 13px; }
 636  
 637  .block-editor-block-card .block-editor-block-icon {
 638    margin-left: -2px;
 639    margin-right: 10px;
 640    padding: 0 3px;
 641    width: 36px;
 642    height: 24px; }
 643  
 644  /**
 645   * Invalid block comparison
 646   */
 647  .block-editor-block-compare {
 648    overflow: auto;
 649    height: auto; }
 650    @media (min-width: 600px) {
 651      .block-editor-block-compare {
 652        max-height: 70%; } }
 653  
 654  .block-editor-block-compare__wrapper {
 655    display: flex;
 656    padding-bottom: 16px; }
 657    .block-editor-block-compare__wrapper > div {
 658      display: flex;
 659      justify-content: space-between;
 660      flex-direction: column;
 661      width: 50%;
 662      padding: 0 16px 0 0;
 663      min-width: 200px; }
 664      .block-editor-block-compare__wrapper > div button {
 665        float: right; }
 666    .block-editor-block-compare__wrapper .block-editor-block-compare__converted {
 667      border-left: 1px solid #ddd;
 668      padding-left: 15px;
 669      padding-right: 0; }
 670    .block-editor-block-compare__wrapper .block-editor-block-compare__html {
 671      font-family: Menlo, Consolas, monaco, monospace;
 672      font-size: 12px;
 673      color: #1e1e1e;
 674      border-bottom: 1px solid #ddd;
 675      padding-bottom: 15px;
 676      line-height: 1.7; }
 677      .block-editor-block-compare__wrapper .block-editor-block-compare__html span {
 678        background-color: #e6ffed;
 679        padding-top: 3px;
 680        padding-bottom: 3px; }
 681      .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
 682        background-color: #acf2bd; }
 683      .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
 684        background-color: #cc1818; }
 685    .block-editor-block-compare__wrapper .block-editor-block-compare__preview {
 686      padding: 0;
 687      padding-top: 14px; }
 688      .block-editor-block-compare__wrapper .block-editor-block-compare__preview p {
 689        font-size: 12px;
 690        margin-top: 0; }
 691    .block-editor-block-compare__wrapper .block-editor-block-compare__action {
 692      margin-top: 14px; }
 693    .block-editor-block-compare__wrapper .block-editor-block-compare__heading {
 694      font-size: 1em;
 695      font-weight: 400;
 696      margin: 0.67em 0; }
 697  
 698  .block-editor-block-draggable-chip-wrapper {
 699    position: absolute;
 700    top: -24px;
 701    left: 0; }
 702  
 703  .block-editor-block-draggable-chip {
 704    background-color: #1e1e1e;
 705    border-radius: 2px;
 706    border: 1px solid #1e1e1e;
 707    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 708    color: #fff;
 709    cursor: grabbing;
 710    display: inline-flex;
 711    height: 48px;
 712    min-width: 72px;
 713    padding: 0 12px;
 714    -webkit-user-select: none;
 715        -ms-user-select: none;
 716            user-select: none; }
 717    .block-editor-block-draggable-chip svg {
 718      fill: currentColor; }
 719    .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content {
 720      margin: auto; }
 721    .block-editor-block-draggable-chip .components-flex__item {
 722      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 723      font-size: 13px; }
 724  
 725  .is-dragging {
 726    display: none !important; }
 727  
 728  .block-editor-block-mobile-toolbar {
 729    display: flex;
 730    flex-direction: row;
 731    border-right: 1px solid #ddd; }
 732    .block-editor-block-mobile-toolbar .block-editor-block-mover-button {
 733      width: 36px;
 734      height: 36px;
 735      border-radius: 2px;
 736      padding: 3px;
 737      margin: 0;
 738      justify-content: center;
 739      align-items: center; }
 740      .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon {
 741        margin: auto; }
 742    .block-editor-block-mobile-toolbar .block-editor-block-mover {
 743      display: flex;
 744      margin-right: auto; }
 745      .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button {
 746        float: left; }
 747  
 748  .block-editor-block-mover-button__description {
 749    display: none; }
 750  
 751  .block-editor-block-mover-button.has-icon {
 752    padding: 0; }
 753  
 754  .block-editor-block-mover {
 755    display: inline-flex;
 756    flex-direction: row; }
 757    .block-editor-block-mover .block-editor-block-mover__move-button-container,
 758    .block-editor-block-mover .components-toolbar {
 759      flex: 1;
 760      flex-direction: row;
 761      border-right: none !important; }
 762      @media (min-width: 600px) {
 763        .block-editor-block-mover .block-editor-block-mover__move-button-container,
 764        .block-editor-block-mover .components-toolbar {
 765          flex-direction: column; } }
 766    .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container,
 767    .block-editor-block-mover.is-horizontal .components-toolbar {
 768      flex-direction: row; }
 769    @media (min-width: 600px) {
 770      .block-editor-block-mover .block-editor-block-mover-button {
 771        height: 24px;
 772        width: 42px;
 773        padding-right: 11px !important;
 774        padding-left: 6px !important; } }
 775    @media (min-width: 600px) {
 776      .block-editor-block-mover .block-editor-block-mover-button::before {
 777        left: 8px !important;
 778        right: 8px !important; } }
 779    .block-editor-block-mover .block-editor-block-mover__drag-handle {
 780      width: 24px;
 781      cursor: grab;
 782      min-width: 24px !important;
 783      padding: 0 !important; }
 784      .block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before {
 785        left: 0 !important;
 786        right: 0 !important; }
 787    @media (min-width: 600px) {
 788      .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg,
 789      .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg {
 790        margin-bottom: -8px; }
 791      .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before,
 792      .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before {
 793        bottom: 0;
 794        height: calc(100% - 1px); }
 795      .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button svg,
 796      .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button svg {
 797        margin-top: -8px; }
 798      .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before,
 799      .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before {
 800        top: 0;
 801        height: calc(100% - 1px); } }
 802    .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon {
 803      height: 48px;
 804      width: 24px;
 805      padding-left: 0;
 806      padding-right: 0; }
 807      .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before {
 808        top: 1px;
 809        bottom: 1px;
 810        min-width: 0;
 811        width: auto;
 812        height: auto; }
 813    .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg {
 814      margin-left: 0;
 815      margin-right: -8px;
 816      margin-bottom: 0; }
 817    .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before {
 818      left: 0 !important;
 819      right: 0 !important; }
 820    .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg {
 821      margin-left: -8px;
 822      margin-right: 0;
 823      margin-top: 0; }
 824    .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before {
 825      left: 0 !important;
 826      right: 0 !important;
 827      width: calc(100% + 1px); }
 828  
 829  .block-editor-block-navigation__label {
 830    margin: 0 0 12px;
 831    color: #757575;
 832    text-transform: uppercase;
 833    font-size: 11px;
 834    font-weight: 500; }
 835  
 836  .block-editor-block-navigation__container {
 837    padding: 7px; }
 838  
 839  .block-editor-block-navigation-tree {
 840    width: 100%;
 841    border-collapse: collapse;
 842    padding: 0;
 843    margin: 0; }
 844  
 845  .block-editor-block-navigation-leaf {
 846    position: relative; }
 847    .block-editor-block-navigation-leaf.is-dragging {
 848      display: none; }
 849    .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
 850      display: flex;
 851      align-items: center;
 852      width: 100%;
 853      height: auto;
 854      padding: 12px 6px;
 855      margin-top: auto;
 856      margin-bottom: auto;
 857      text-align: left;
 858      color: #1e1e1e;
 859      border-radius: 2px;
 860      position: relative; }
 861      .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-before::before {
 862        content: "";
 863        position: absolute;
 864        pointer-events: none;
 865        transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
 866        top: -2px;
 867        right: 0;
 868        left: 0;
 869        border-top: 4px solid #007cba;
 870        border-top: 4px solid var(--wp-admin-theme-color); }
 871      .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after::before {
 872        content: "";
 873        position: absolute;
 874        pointer-events: none;
 875        transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
 876        bottom: -2px;
 877        right: 0;
 878        left: 0;
 879        border-bottom: 4px solid #007cba;
 880        border-bottom: 4px solid var(--wp-admin-theme-color); }
 881      .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks::before {
 882        content: "";
 883        position: absolute;
 884        pointer-events: none;
 885        transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
 886        bottom: -2px;
 887        right: 0;
 888        left: 24px;
 889        border-bottom: 4px solid #007cba;
 890        border-bottom: 4px solid var(--wp-admin-theme-color); }
 891      .components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
 892        padding-left: 0;
 893        padding-right: 0; }
 894    .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents {
 895      opacity: 1;
 896      animation: edit-post__fade-in-animation 0.2s ease-out 0s;
 897      animation-fill-mode: forwards; }
 898      @media (prefers-reduced-motion: reduce) {
 899        .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents {
 900          animation-duration: 1ms; } }
 901    .block-editor-block-navigation-leaf .block-editor-block-icon {
 902      align-self: flex-start;
 903      margin-right: 6px; }
 904    .block-editor-block-navigation-leaf.is-selected .block-editor-block-icon svg,
 905    .block-editor-block-navigation-leaf.is-selected:focus .block-editor-block-icon svg {
 906      color: #fff;
 907      background: #1e1e1e;
 908      box-shadow: 0 0 0 1px #1e1e1e;
 909      border-radius: 1px; }
 910    .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
 911    .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,
 912    .block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell {
 913      padding-top: 0;
 914      padding-bottom: 0; }
 915    .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
 916    .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
 917      line-height: 0;
 918      width: 36px;
 919      opacity: 0;
 920      vertical-align: top; }
 921      @media (prefers-reduced-motion: reduce) {
 922        .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
 923        .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
 924          transition-duration: 0s; } }
 925      .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,
 926      .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible {
 927        opacity: 1;
 928        animation: edit-post__fade-in-animation 0.2s ease-out 0s;
 929        animation-fill-mode: forwards; }
 930        @media (prefers-reduced-motion: reduce) {
 931          .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,
 932          .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible {
 933            animation-duration: 1ms; } }
 934      .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
 935      .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon,
 936      .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,
 937      .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon {
 938        width: 24px;
 939        min-width: 24px;
 940        padding: 0; }
 941    .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell {
 942      padding-top: 8px; }
 943    .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper {
 944      display: flex;
 945      height: 100%;
 946      flex-direction: column;
 947      align-items: center; }
 948    .block-editor-block-navigation-leaf .block-editor-block-mover-button {
 949      position: relative;
 950      width: 36px;
 951      height: 24px; }
 952      .block-editor-block-navigation-leaf .block-editor-block-mover-button svg {
 953        position: relative;
 954        height: 24px; }
 955      .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button {
 956        align-items: flex-end; }
 957        .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg {
 958          bottom: -4px; }
 959      .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button {
 960        align-items: flex-start; }
 961        .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg {
 962          top: -4px; }
 963      .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled {
 964        box-shadow: none;
 965        outline: none; }
 966      .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus {
 967        box-shadow: none;
 968        outline: none; }
 969      .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before {
 970        box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff;
 971        box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
 972        outline: 2px solid transparent; }
 973      .block-editor-block-navigation-leaf .block-editor-block-mover-button::before {
 974        content: "";
 975        position: absolute;
 976        display: block;
 977        border-radius: 2px;
 978        height: 16px;
 979        min-width: 100%;
 980        left: 0;
 981        right: 0;
 982        animation: components-button__appear-animation 0.1s ease;
 983        animation-fill-mode: forwards; }
 984        @media (prefers-reduced-motion: reduce) {
 985          .block-editor-block-navigation-leaf .block-editor-block-mover-button::before {
 986            animation-duration: 1ms; } }
 987    .block-editor-block-navigation-leaf .block-editor-inserter__toggle {
 988      background: #1e1e1e;
 989      color: #fff;
 990      height: 24px;
 991      margin: 6px 6px 6px 1px;
 992      min-width: 24px; }
 993      .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active {
 994        color: #fff; }
 995  
 996  .block-editor-block-navigation-block-slot__description,
 997  .block-editor-block-navigation-block-select-button__description,
 998  .block-editor-block-navigation-appender__description {
 999    display: none; }
1000  
1001  .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container,
1002  .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container,
1003  .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container,
1004  .block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container {
1005    display: flex; }
1006  
1007  .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container,
1008  .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container {
1009    min-height: 48px; }
1010  
1011  .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line,
1012  .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line {
1013    position: relative;
1014    flex-shrink: 0;
1015    width: 24px; }
1016    .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line:first-child,
1017    .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line:first-child {
1018      width: 18px; }
1019    .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item,
1020    .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item {
1021      margin-right: 6px; }
1022    .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line::before,
1023    .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line::before {
1024      content: "";
1025      display: block;
1026      position: absolute;
1027      top: 1px;
1028      bottom: -2px;
1029      right: -1px;
1030      border-right: 2px solid #949494; }
1031    .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before,
1032    .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before {
1033      border-color: transparent; }
1034    .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item.is-last-row,
1035    .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row {
1036      height: 26px; }
1037    .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item::after,
1038    .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item::after {
1039      content: "";
1040      display: block;
1041      position: absolute;
1042      top: 26px;
1043      left: 100%;
1044      width: 5px;
1045      border-bottom: 2px solid #949494; }
1046  
1047  .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row {
1048    height: 16px; }
1049    .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row::after {
1050      top: 100%; }
1051  
1052  .block-editor-block-parent-selector {
1053    background: #fff;
1054    border-radius: 2px; }
1055    .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
1056      width: 48px;
1057      height: 48px;
1058      border: 1px solid #1e1e1e;
1059      border-radius: 2px; }
1060  
1061  .block-editor-block-patterns-list__item {
1062    border-radius: 2px;
1063    cursor: pointer;
1064    margin-top: 16px;
1065    transition: all 0.05s ease-in-out;
1066    position: relative;
1067    border: 1px solid transparent; }
1068    .block-editor-block-patterns-list__item:hover {
1069      border: 1px solid #007cba;
1070      border: 1px solid var(--wp-admin-theme-color); }
1071    .block-editor-block-patterns-list__item:focus {
1072      box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba;
1073      box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color);
1074      outline: 2px solid transparent; }
1075    .block-editor-block-patterns-list__item.is-placeholder {
1076      min-height: 100px; }
1077  
1078  .block-editor-block-patterns-list__item-title {
1079    padding: 4px;
1080    font-size: 12px;
1081    text-align: center; }
1082  
1083  .block-editor-block-preview__container {
1084    position: relative;
1085    width: 100%;
1086    overflow: hidden; }
1087    .block-editor-block-preview__container.editor-styles-wrapper {
1088      padding: 0;
1089      margin: 0; }
1090    .block-editor-block-preview__container .block-editor-block-preview__content {
1091      position: absolute;
1092      top: 0;
1093      left: 0;
1094      transform-origin: top left;
1095      text-align: initial;
1096      margin: 0;
1097      overflow: visible;
1098      min-height: auto; }
1099      .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,
1100      .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,
1101      .block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator,
1102      .block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender {
1103        display: none; }
1104      .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container {
1105        padding-left: 0;
1106        padding-right: 0; }
1107        .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] {
1108          margin-left: 0;
1109          margin-right: 0; }
1110  
1111  .block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
1112    padding: 0; }
1113  
1114  .block-editor-block-styles {
1115    display: flex;
1116    flex-wrap: wrap;
1117    justify-content: space-between; }
1118  
1119  .block-editor-block-styles__item {
1120    width: calc(50% - 4px);
1121    margin: 4px 0;
1122    flex-shrink: 0;
1123    cursor: pointer;
1124    overflow: hidden;
1125    border-radius: 2px;
1126    padding: 6px;
1127    display: flex;
1128    flex-direction: column; }
1129    .block-editor-block-styles__item:focus {
1130      box-shadow: 0 0 0 1.5px #007cba;
1131      box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
1132      outline: 2px solid transparent; }
1133    .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview {
1134      border-color: #007cba;
1135      border-color: var(--wp-admin-theme-color); }
1136    .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label {
1137      font-weight: bold; }
1138    .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview {
1139      margin: 0;
1140      border: 2px solid #1e1e1e; }
1141  
1142  .block-editor-block-styles__item-preview {
1143    outline: 1px solid transparent;
1144    padding: 0;
1145    margin: 2px;
1146    border-radius: 2px;
1147    display: flex;
1148    overflow: hidden;
1149    background: #fff;
1150    align-items: center;
1151    flex-grow: 1;
1152    min-height: 80px;
1153    max-height: 160px; }
1154  
1155  .block-editor-block-switcher__styles__menugroup {
1156    position: relative; }
1157  
1158  .block-editor-block-styles__item-label {
1159    text-align: center;
1160    padding: 4px 0; }
1161  
1162  .block-editor-block-switcher {
1163    position: relative; }
1164  
1165  .block-editor-block-switcher__no-switcher-icon,
1166  .block-editor-block-switcher__toggle {
1167    position: relative; }
1168  
1169  .components-button.block-editor-block-switcher__toggle,
1170  .components-button.block-editor-block-switcher__no-switcher-icon {
1171    margin: 0;
1172    display: block;
1173    height: 48px; }
1174    .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,
1175    .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
1176      margin: auto; }
1177  
1178  .block-editor-block-switcher__popover {
1179    margin-left: 6px; }
1180  
1181  .components-button.block-editor-block-switcher__no-switcher-icon {
1182    width: 48px; }
1183    .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon {
1184      margin-right: auto;
1185      margin-left: auto; }
1186  
1187  .components-button.block-editor-block-switcher__no-switcher-icon:disabled {
1188    opacity: 1; }
1189    .components-button.block-editor-block-switcher__no-switcher-icon:disabled,
1190    .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
1191      color: #1e1e1e !important; }
1192  
1193  .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
1194  .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
1195  .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,
1196  .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon {
1197    height: 100%;
1198    position: relative;
1199    margin: 0 auto;
1200    display: flex;
1201    align-items: center; }
1202  
1203  .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
1204  .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
1205  .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before,
1206  .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before {
1207    top: 8px;
1208    right: 8px;
1209    bottom: 8px;
1210    left: 8px; }
1211  
1212  .components-popover.block-editor-block-switcher__popover .components-popover__content {
1213    min-width: 300px; }
1214  
1215  .components-popover.block-editor-block-switcher__popover .components-popover__content > div {
1216    min-width: auto;
1217    display: flex;
1218    background: #fff;
1219    padding: 0; }
1220    .components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group {
1221      padding: 16px;
1222      margin: 0; }
1223  
1224  .block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles {
1225    margin: 0 -3px; }
1226  
1227  .block-editor-block-switcher__popover .components-popover__content .components-panel__body {
1228    border: 0;
1229    position: relative;
1230    z-index: 1; }
1231  
1232  .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body {
1233    border-top: 1px solid #e0e0e0; }
1234  
1235  .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container {
1236    position: absolute;
1237    top: -12px;
1238    left: calc(100% + 32px); }
1239  
1240  .block-editor-block-switcher__preview__popover {
1241    display: none; }
1242    .block-editor-block-switcher__preview__popover.components-popover {
1243      margin-left: 4px;
1244      margin-top: 11px; }
1245    @media (min-width: 782px) {
1246      .block-editor-block-switcher__preview__popover {
1247        display: block; } }
1248    .block-editor-block-switcher__preview__popover .components-popover__content {
1249      box-shadow: none;
1250      border: 1px solid #1e1e1e;
1251      background: #fff;
1252      border-radius: 2px; }
1253    .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview {
1254      width: 300px;
1255      height: auto;
1256      padding: 16px; }
1257  
1258  .block-editor-block-switcher__preview-title {
1259    margin-bottom: 12px;
1260    color: #757575;
1261    text-transform: uppercase;
1262    font-size: 11px;
1263    font-weight: 500; }
1264  
1265  .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon {
1266    width: 48px; }
1267  
1268  .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,
1269  .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle {
1270    height: 48px; }
1271    .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,
1272    .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,
1273    .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,
1274    .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
1275      width: 48px;
1276      height: 48px; }
1277    .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,
1278    .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
1279      padding: 12px; }
1280  
1281  .block-editor-block-types-list {
1282    list-style: none;
1283    padding: 4px;
1284    margin-left: -4px;
1285    margin-right: -4px;
1286    overflow: hidden;
1287    display: flex;
1288    flex-wrap: wrap; }
1289  
1290  .block-editor-block-variation-picker .components-placeholder__instructions {
1291    margin-bottom: 0; }
1292  
1293  .block-editor-block-variation-picker .components-placeholder__fieldset {
1294    flex-direction: column; }
1295  
1296  .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset {
1297    max-width: 90%; }
1298  
1299  .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations {
1300    display: flex;
1301    justify-content: flex-start;
1302    flex-direction: row;
1303    flex-wrap: wrap;
1304    width: 100%;
1305    margin: 16px 0;
1306    padding: 0;
1307    list-style: none; }
1308    .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li {
1309      list-style: none;
1310      margin: 8px 20px 0 0;
1311      flex-shrink: 1;
1312      max-width: 100px;
1313      text-align: center; }
1314      .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button {
1315        display: inline-flex;
1316        margin-right: 0; }
1317    .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation {
1318      padding: 8px; }
1319    .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label {
1320      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1321      font-size: 12px;
1322      display: block; }
1323  
1324  .block-editor-block-variation-picker__variation {
1325    width: 100%; }
1326    .block-editor-block-variation-picker__variation.components-button.has-icon {
1327      justify-content: center;
1328      width: auto; }
1329      .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary {
1330        background-color: #fff; }
1331    .block-editor-block-variation-picker__variation.components-button {
1332      height: auto;
1333      padding: 0; }
1334    .block-editor-block-variation-picker__variation::before {
1335      content: "";
1336      padding-bottom: 100%; }
1337    .block-editor-block-variation-picker__variation:first-child {
1338      margin-left: 0; }
1339    .block-editor-block-variation-picker__variation:last-child {
1340      margin-right: 0; }
1341  
1342  .block-editor-button-block-appender {
1343    display: flex;
1344    flex-direction: column;
1345    align-items: center;
1346    justify-content: center;
1347    padding: 8px;
1348    width: 100%;
1349    height: auto;
1350    color: #1e1e1e;
1351    box-shadow: inset 0 0 0 1px #1e1e1e; }
1352    .block-editor-button-block-appender:hover {
1353      box-shadow: inset 0 0 0 1px #007cba;
1354      box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); }
1355    .block-editor-button-block-appender:focus {
1356      box-shadow: inset 0 0 0 2px #007cba;
1357      box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); }
1358    .block-editor-button-block-appender:active {
1359      color: #000; }
1360    .block-editor-button-block-appender.block-list-appender__toggle {
1361      display: flex;
1362      flex-direction: row;
1363      color: #1e1e1e;
1364      box-shadow: none;
1365      height: 24px;
1366      padding: 0;
1367      margin-left: 8px; }
1368      .block-editor-button-block-appender.block-list-appender__toggle:active {
1369        color: #fff; }
1370      .block-editor-button-block-appender.block-list-appender__toggle > svg {
1371        width: 24px;
1372        background-color: #1e1e1e;
1373        color: #fff;
1374        border-radius: 2px; }
1375  
1376  .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
1377    margin-bottom: 12px; }
1378  
1379  .block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs {
1380    display: block;
1381    margin-bottom: 12px; }
1382  
1383  .block-editor-panel-color-gradient-settings .component-color-indicator {
1384    vertical-align: text-bottom; }
1385  
1386  .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
1387    display: inline-block; }
1388  
1389  .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
1390    display: none; }
1391  
1392  .block-editor-contrast-checker > .components-notice {
1393    margin: 0; }
1394  
1395  .block-editor-default-block-appender {
1396    clear: both;
1397    margin-left: auto;
1398    margin-right: auto;
1399    position: relative; }
1400    .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
1401      outline: 1px solid transparent; }
1402    .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
1403      font-family: inherit;
1404      font-size: inherit;
1405      border: none;
1406      background: none;
1407      box-shadow: none;
1408      display: block;
1409      cursor: text;
1410      width: 100%;
1411      outline: 1px solid transparent;
1412      transition: 0.2s outline;
1413      resize: none;
1414      margin-top: 28px;
1415      margin-bottom: 28px;
1416      padding: 0 50px 0 0;
1417      color: rgba(30, 30, 30, 0.62); }
1418      @media (prefers-reduced-motion: reduce) {
1419        .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
1420          transition-duration: 0s; } }
1421      .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
1422        color: rgba(255, 255, 255, 0.65); }
1423    .block-editor-default-block-appender .components-drop-zone__content-icon {
1424      display: none; }
1425  
1426  .block-editor-default-block-appender__content {
1427    line-height: 1.8; }
1428  
1429  .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,
1430  .block-editor-default-block-appender .block-editor-inserter {
1431    position: absolute;
1432    top: 0;
1433    height: 32px; }
1434    .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
1435    .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
1436      margin-right: 0; }
1437  
1438  .block-editor-block-list__empty-block-inserter,
1439  .block-editor-default-block-appender .block-editor-inserter {
1440    right: 8px; }
1441    @media (min-width: 600px) {
1442      .block-editor-block-list__empty-block-inserter,
1443      .block-editor-default-block-appender .block-editor-inserter {
1444        display: flex;
1445        height: 100%; } }
1446    .block-editor-block-list__empty-block-inserter:disabled,
1447    .block-editor-default-block-appender .block-editor-inserter:disabled {
1448      display: none; }
1449  
1450  @media (min-width: 600px) {
1451    .block-editor-default-block-appender .block-editor-inserter {
1452      align-items: center; } }
1453  
1454  .block-editor-link-control {
1455    position: relative;
1456    min-width: 360px; }
1457    .components-popover__content .block-editor-link-control {
1458      min-width: auto;
1459      width: 90vw;
1460      max-width: 360px; }
1461  
1462  .block-editor-link-control__search-input-wrapper {
1463    position: relative; }
1464  
1465  .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
1466    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1467    padding: 6px 8px;
1468    box-shadow: 0 0 0 transparent;
1469    transition: box-shadow 0.1s linear;
1470    border-radius: 2px;
1471    border: 1px solid #757575;
1472    /* Fonts smaller than 16px causes mobile safari to zoom. */
1473    font-size: 16px;
1474    /* Override core line-height. To be reviewed. */
1475    line-height: normal;
1476    width: calc(100% - 32px);
1477    display: block;
1478    padding: 11px 16px;
1479    padding-right: 36px;
1480    margin: 16px;
1481    position: relative;
1482    border: 1px solid #ddd;
1483    border-radius: 2px; }
1484    @media (prefers-reduced-motion: reduce) {
1485      .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
1486        transition-duration: 0s; } }
1487    @media (min-width: 600px) {
1488      .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
1489        font-size: 13px;
1490        /* Override core line-height. To be reviewed. */
1491        line-height: normal; } }
1492    .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus {
1493      border-color: #007cba;
1494      border-color: var(--wp-admin-theme-color);
1495      box-shadow: 0 0 0 0.5px #007cba;
1496      box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
1497      outline: 2px solid transparent; }
1498    .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder {
1499      color: rgba(30, 30, 30, 0.62); }
1500    .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder {
1501      opacity: 1;
1502      color: rgba(30, 30, 30, 0.62); }
1503    .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder {
1504      color: rgba(30, 30, 30, 0.62); }
1505    .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder {
1506      color: rgba(255, 255, 255, 0.65); }
1507    .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder {
1508      opacity: 1;
1509      color: rgba(255, 255, 255, 0.65); }
1510    .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder {
1511      color: rgba(255, 255, 255, 0.65); }
1512  
1513  .block-editor-link-control .block-editor-link-control__search-input .components-base-control__field {
1514    margin-bottom: 0; }
1515  
1516  .block-editor-link-control__search-error {
1517    margin: -8px 16px 16px; }
1518  
1519  .block-editor-link-control__search-actions {
1520    position: absolute;
1521    /*
1522       * Actions must be positioned on top of URLInput, since the input will grow
1523       * when suggestions are rendered.
1524       *
1525       * Compensate for:
1526       *  - Input margin ($grid-unit-20)
1527       *  - Border (1px)
1528       *  - Vertically, for the difference in height between the input (40px) and
1529       *    the icon buttons.
1530       *  - Horizontally, pad to the minimum of: default input padding, or the
1531       *    equivalent of the vertical padding.
1532       */
1533    top: 19px;
1534    right: 19px; }
1535  
1536  .block-editor-link-control__search-results-wrapper {
1537    position: relative;
1538    margin-top: -15px; }
1539    .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after {
1540      content: "";
1541      position: absolute;
1542      left: -1px;
1543      right: 16px;
1544      display: block;
1545      pointer-events: none;
1546      z-index: 100; }
1547    .block-editor-link-control__search-results-wrapper::before {
1548      height: 8px;
1549      top: 0;
1550      bottom: auto;
1551      background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); }
1552    .block-editor-link-control__search-results-wrapper::after {
1553      height: 16px;
1554      bottom: 0;
1555      top: auto;
1556      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
1557  
1558  .block-editor-link-control__search-results-label {
1559    padding: 15px 30px 0 30px;
1560    display: block;
1561    font-size: 1.1em; }
1562  
1563  .block-editor-link-control__search-results {
1564    margin: 0;
1565    padding: 8px 16px 8px;
1566    max-height: 200px;
1567    overflow-y: auto; }
1568    .block-editor-link-control__search-results.is-loading {
1569      opacity: 0.2; }
1570  
1571  .block-editor-link-control__search-item {
1572    position: relative;
1573    display: flex;
1574    align-items: center;
1575    font-size: 13px;
1576    cursor: pointer;
1577    background: #fff;
1578    width: 100%;
1579    border: none;
1580    text-align: left;
1581    padding: 10px 15px;
1582    border-radius: 5px;
1583    height: auto; }
1584    .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus {
1585      background-color: #ddd; }
1586    .block-editor-link-control__search-item:focus:not(:disabled) {
1587      box-shadow: 0 0 0 1.5px #007cba inset;
1588      box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color) inset; }
1589    .block-editor-link-control__search-item.is-selected {
1590      background: #f0f0f0; }
1591      .block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type {
1592        background: #fff; }
1593    .block-editor-link-control__search-item.is-current {
1594      background: transparent;
1595      border: 0;
1596      width: 100%;
1597      cursor: default;
1598      padding: 16px;
1599      padding-left: 24px; }
1600    .block-editor-link-control__search-item .block-editor-link-control__search-item-header {
1601      display: block;
1602      margin-right: 24px;
1603      overflow: hidden;
1604      white-space: nowrap; }
1605    .block-editor-link-control__search-item .block-editor-link-control__search-item-icon {
1606      margin-right: 1em;
1607      min-width: 24px; }
1608    .block-editor-link-control__search-item .block-editor-link-control__search-item-info,
1609    .block-editor-link-control__search-item .block-editor-link-control__search-item-title {
1610      max-width: 230px;
1611      overflow: hidden;
1612      text-overflow: ellipsis; }
1613    .block-editor-link-control__search-item .block-editor-link-control__search-item-title {
1614      display: block;
1615      margin-bottom: 0.2em;
1616      font-weight: 500; }
1617      .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark {
1618        font-weight: 700;
1619        color: #000;
1620        background-color: transparent; }
1621      .block-editor-link-control__search-item .block-editor-link-control__search-item-title span {
1622        font-weight: normal; }
1623    .block-editor-link-control__search-item .block-editor-link-control__search-item-info {
1624      display: block;
1625      color: #757575;
1626      font-size: 0.9em;
1627      line-height: 1.3; }
1628    .block-editor-link-control__search-item .block-editor-link-control__search-item-type {
1629      display: block;
1630      padding: 3px 8px;
1631      margin-left: auto;
1632      font-size: 0.9em;
1633      background-color: #f0f0f0;
1634      border-radius: 2px; }
1635  
1636  .block-editor-link-control__loading {
1637    margin: 16px;
1638    display: flex;
1639    align-items: center; }
1640    .block-editor-link-control__loading .components-spinner {
1641      margin-top: 0; }
1642  
1643  .components-button + .block-editor-link-control__search-create {
1644    margin-top: 20px;
1645    overflow: visible;
1646    padding: 12px 15px; }
1647    .components-button + .block-editor-link-control__search-create::before {
1648      content: "";
1649      position: absolute;
1650      top: -10px;
1651      left: 0;
1652      display: block;
1653      width: 100%;
1654      border-top: 1px solid #ddd; }
1655  
1656  .block-editor-link-control__search-results div[role="menu"] > .block-editor-link-control__search-item.block-editor-link-control__search-item {
1657    padding: 10px; }
1658  
1659  .block-editor-link-control__settings {
1660    border-top: 1px solid #ddd;
1661    margin: 0;
1662    padding: 16px 24px; }
1663    .block-editor-link-control__settings :last-child {
1664      margin-bottom: 0; }
1665  
1666  .block-editor-link-control__setting {
1667    margin-bottom: 16px; }
1668    .block-editor-link-control__setting :last-child {
1669      margin-bottom: 0; }
1670  
1671  .block-editor-link-control .block-editor-link-control__search-input .components-spinner {
1672    display: block; }
1673    .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner {
1674      position: absolute;
1675      left: auto;
1676      bottom: auto;
1677      /*
1678           * Position spinner to the left of the actions.
1679           *
1680           * Compensate for:
1681           *  - Input margin ($grid-unit-20)
1682           *  - Border (1px)
1683           *  - Vertically, for the difference in height between the input (40px)
1684           *    and the spinner.
1685           *  - Horizontally, adjust for the width occupied by the icon buttons,
1686           *    then artificially create spacing that mimics as if the spinner
1687           *    were center-padded to the same width as an icon button.
1688           */
1689      top: 28px;
1690      right: 62px; }
1691  
1692  .block-editor-link-control__search-item-action {
1693    margin-left: auto;
1694    flex-shrink: 0; }
1695  
1696  .block-editor-line-height-control {
1697    margin-bottom: 24px; }
1698    .block-editor-line-height-control input {
1699      display: block;
1700      max-width: 60px; }
1701  
1702  .block-editor-image-size-control {
1703    margin-bottom: 1em; }
1704    .block-editor-image-size-control .block-editor-image-size-control__row {
1705      display: flex;
1706      justify-content: space-between; }
1707      .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width,
1708      .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height {
1709        margin-bottom: 0.5em; }
1710        .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input,
1711        .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input {
1712          line-height: 1.25; }
1713      .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width {
1714        margin-right: 5px; }
1715      .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height {
1716        margin-left: 5px; }
1717  
1718  .block-editor-block-list__layout.has-overlay::after {
1719    content: "";
1720    position: absolute;
1721    top: -14px;
1722    right: -14px;
1723    bottom: -14px;
1724    left: -14px;
1725    z-index: 60; }
1726  
1727  [data-align="full"] .has-overlay::after {
1728    right: 0;
1729    left: 0; }
1730  
1731  .block-editor-block-types-list__list-item {
1732    display: block;
1733    width: 33.33%;
1734    padding: 0;
1735    margin: 0; }
1736  
1737  .components-button.block-editor-block-types-list__item {
1738    display: flex;
1739    flex-direction: column;
1740    width: 100%;
1741    font-size: 13px;
1742    color: #1e1e1e;
1743    padding: 8px;
1744    align-items: stretch;
1745    justify-content: center;
1746    cursor: pointer;
1747    background: transparent;
1748    word-break: break-word;
1749    border-radius: 2px;
1750    border: 1px solid transparent;
1751    transition: all 0.05s ease-in-out;
1752    position: relative;
1753    height: auto; }
1754    @media (prefers-reduced-motion: reduce) {
1755      .components-button.block-editor-block-types-list__item {
1756        transition-duration: 0s; } }
1757    .components-button.block-editor-block-types-list__item:disabled {
1758      opacity: 0.6;
1759      cursor: default; }
1760    .components-button.block-editor-block-types-list__item:not(:disabled):hover {
1761      border-color: #007cba;
1762      border-color: var(--wp-admin-theme-color);
1763      color: #007cba !important;
1764      color: var(--wp-admin-theme-color) !important; }
1765    .components-button.block-editor-block-types-list__item:not(:disabled).is-active {
1766      color: #fff;
1767      background: #1e1e1e;
1768      outline: 2px solid transparent;
1769      outline-offset: -2px; }
1770  
1771  .block-editor-block-types-list__item-icon {
1772    padding: 12px 20px;
1773    border-radius: 2px;
1774    color: #1e1e1e;
1775    transition: all 0.05s ease-in-out; }
1776    @media (prefers-reduced-motion: reduce) {
1777      .block-editor-block-types-list__item-icon {
1778        transition-duration: 0s; } }
1779    .block-editor-block-types-list__item-icon .block-editor-block-icon {
1780      margin-left: auto;
1781      margin-right: auto; }
1782    .block-editor-block-types-list__item-icon svg {
1783      transition: all 0.15s ease-out; }
1784      @media (prefers-reduced-motion: reduce) {
1785        .block-editor-block-types-list__item-icon svg {
1786          transition-duration: 0s; } }
1787  
1788  .block-editor-block-types-list__item-title {
1789    padding: 4px 2px 8px;
1790    font-size: 12px; }
1791  
1792  .modal-open .block-editor-media-replace-flow__options {
1793    display: none; }
1794  
1795  .block-editor-media-replace-flow__options .components-popover__content > div {
1796    padding-top: 16px; }
1797  
1798  .block-editor-media-replace-flow__indicator {
1799    margin-left: 4px; }
1800  
1801  .block-editor-media-flow__url-input {
1802    border-top: 1px solid #1e1e1e;
1803    margin-top: 12px;
1804    margin-right: -12px;
1805    margin-left: -12px;
1806    padding: 12px 24px 0; }
1807    .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
1808      top: 16px; }
1809    .block-editor-media-flow__url-input .block-editor-link-control {
1810      margin-top: -16px;
1811      width: auto; }
1812      .block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field {
1813        margin-bottom: 0; }
1814      .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
1815        max-width: 180px;
1816        margin-top: 16px; }
1817      .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current {
1818        width: auto;
1819        padding: 0; }
1820      .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"] {
1821        margin: 16px 0 0 0;
1822        width: 100%; }
1823      .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
1824        right: 4px; }
1825  
1826  .block-editor-media-flow__error {
1827    padding: 0 20px 20px 20px;
1828    max-width: 255px; }
1829    .block-editor-media-flow__error .components-with-notices-ui {
1830      max-width: 255px; }
1831      .block-editor-media-flow__error .components-with-notices-ui .components-notice__content {
1832        overflow: hidden;
1833        word-wrap: break-word; }
1834      .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss {
1835        position: absolute;
1836        right: 10px; }
1837  
1838  .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button {
1839    margin-bottom: 0; }
1840  
1841  .block-editor-media-placeholder__url-input-form {
1842    display: flex; }
1843    .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field {
1844      width: 100%;
1845      flex-grow: 1;
1846      border: none;
1847      border-radius: 0;
1848      margin: 2px; }
1849      @media (min-width: 600px) {
1850        .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field {
1851          width: 300px; } }
1852  
1853  .block-editor-media-placeholder__url-input-submit-button {
1854    flex-shrink: 1; }
1855  
1856  .block-editor-media-placeholder__button {
1857    margin-bottom: 0.5rem; }
1858  
1859  .block-editor-media-placeholder__cancel-button.is-link {
1860    margin: 1em;
1861    display: block; }
1862  
1863  .block-editor-media-placeholder.is-appender {
1864    min-height: 0; }
1865    .block-editor-media-placeholder.is-appender:hover {
1866      cursor: pointer;
1867      box-shadow: 0 0 0 1px #007cba;
1868      box-shadow: 0 0 0 1px var(--wp-admin-theme-color); }
1869  
1870  .block-editor-multi-selection-inspector__card {
1871    display: flex;
1872    align-items: flex-start;
1873    padding: 16px; }
1874  
1875  .block-editor-multi-selection-inspector__card-content {
1876    flex-grow: 1; }
1877  
1878  .block-editor-multi-selection-inspector__card-title {
1879    font-weight: 500;
1880    margin-bottom: 5px; }
1881  
1882  .block-editor-multi-selection-inspector__card-description {
1883    font-size: 13px; }
1884  
1885  .block-editor-multi-selection-inspector__card .block-editor-block-icon {
1886    margin-left: -2px;
1887    margin-right: 10px;
1888    padding: 0 3px;
1889    width: 36px;
1890    height: 24px; }
1891  
1892  .block-editor .block-editor-plain-text {
1893    box-shadow: none;
1894    font-family: inherit;
1895    font-size: inherit;
1896    color: inherit;
1897    line-height: inherit;
1898    border: none;
1899    padding: 0;
1900    margin: 0;
1901    width: 100%; }
1902  
1903  .block-editor-responsive-block-control {
1904    margin-bottom: 28px;
1905    border-bottom: 1px solid #ccc;
1906    padding-bottom: 14px; }
1907    .block-editor-responsive-block-control:last-child {
1908      padding-bottom: 0;
1909      border-bottom: 0; }
1910  
1911  .block-editor-responsive-block-control__title {
1912    margin: 0;
1913    margin-bottom: 0.6em;
1914    margin-left: -3px; }
1915  
1916  .block-editor-responsive-block-control__label {
1917    font-weight: 600;
1918    margin-bottom: 0.6em;
1919    margin-left: -3px; }
1920  
1921  .block-editor-responsive-block-control__inner {
1922    margin-left: -1px; }
1923  
1924  .block-editor-responsive-block-control__toggle {
1925    margin-left: 1px; }
1926  
1927  .block-editor-responsive-block-control .components-base-control__help {
1928    border: 0;
1929    clip: rect(1px, 1px, 1px, 1px);
1930    -webkit-clip-path: inset(50%);
1931            clip-path: inset(50%);
1932    height: 1px;
1933    margin: -1px;
1934    overflow: hidden;
1935    padding: 0;
1936    position: absolute;
1937    width: 1px;
1938    word-wrap: normal !important; }
1939  
1940  .block-editor-format-toolbar .components-dropdown-menu__toggle {
1941    justify-content: center; }
1942  
1943  .block-editor-rich-text__editable > p:first-child {
1944    margin-top: 0; }
1945  
1946  .block-editor-rich-text__editable [data-rich-text-placeholder] {
1947    pointer-events: none; }
1948  
1949  .block-editor-rich-text__editable [data-rich-text-placeholder]::after {
1950    content: attr(data-rich-text-placeholder);
1951    opacity: 0.62; }
1952  
1953  .block-editor-rich-text__editable:focus {
1954    outline: none; }
1955    .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] {
1956      border-radius: 2px; }
1957    .block-editor-rich-text__editable:focus:not(.keep-placeholder-on-focus) [data-rich-text-placeholder]::after {
1958      display: none; }
1959  
1960  figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
1961    opacity: 0.8; }
1962  
1963  .components-popover.block-editor-rich-text__inline-format-toolbar {
1964    z-index: 99998; }
1965    .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content {
1966      width: auto;
1967      min-width: auto;
1968      margin-bottom: 8px;
1969      box-shadow: none;
1970      border: 1px solid #1e1e1e;
1971      border-radius: 2px;
1972      background-color: #fff; }
1973    .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group,
1974    .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar {
1975      border: none; }
1976    .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control,
1977    .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle {
1978      min-width: 48px;
1979      min-height: 48px;
1980      padding-left: 12px;
1981      padding-right: 12px; }
1982  
1983  .block-editor-skip-to-selected-block {
1984    position: absolute;
1985    top: -9999em; }
1986    .block-editor-skip-to-selected-block:focus {
1987      height: auto;
1988      width: auto;
1989      display: block;
1990      font-size: 14px;
1991      font-weight: 600;
1992      padding: 15px 23px 14px;
1993      background: #f1f1f1;
1994      color: #007cba;
1995      color: var(--wp-admin-theme-color);
1996      line-height: normal;
1997      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
1998      text-decoration: none;
1999      outline: none;
2000      z-index: 100000; }
2001  
2002  .block-editor-tool-selector__help {
2003    margin-top: 8px;
2004    margin-left: -12px;
2005    margin-right: -12px;
2006    margin-bottom: -12px;
2007    padding: 12px 20px;
2008    border-top: 1px solid #ddd;
2009    color: #757575; }
2010  
2011  .block-editor-block-list__block .block-editor-url-input,
2012  .components-popover .block-editor-url-input,
2013  .block-editor-url-input {
2014    flex-grow: 1;
2015    position: relative;
2016    padding: 1px; }
2017    .block-editor-block-list__block .block-editor-url-input input[type="text"],
2018    .components-popover .block-editor-url-input input[type="text"],
2019    .block-editor-url-input input[type="text"] {
2020      width: 100%;
2021      padding: 8px;
2022      border: none;
2023      border-radius: 0;
2024      margin-left: 0;
2025      margin-right: 0;
2026      /* Fonts smaller than 16px causes mobile safari to zoom. */
2027      font-size: 16px; }
2028      @media (min-width: 600px) {
2029        .block-editor-block-list__block .block-editor-url-input input[type="text"],
2030        .components-popover .block-editor-url-input input[type="text"],
2031        .block-editor-url-input input[type="text"] {
2032          width: 300px; } }
2033      @media (min-width: 600px) {
2034        .block-editor-block-list__block .block-editor-url-input input[type="text"],
2035        .components-popover .block-editor-url-input input[type="text"],
2036        .block-editor-url-input input[type="text"] {
2037          font-size: 13px; } }
2038      .block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear,
2039      .components-popover .block-editor-url-input input[type="text"]::-ms-clear,
2040      .block-editor-url-input input[type="text"]::-ms-clear {
2041        display: none; }
2042    .block-editor-block-list__block .block-editor-url-input.is-full-width,
2043    .components-popover .block-editor-url-input.is-full-width,
2044    .block-editor-url-input.is-full-width {
2045      width: 100%; }
2046      .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"],
2047      .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"],
2048      .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"] {
2049        width: 100%; }
2050      .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,
2051      .components-popover .block-editor-url-input.is-full-width__suggestions,
2052      .block-editor-url-input.is-full-width__suggestions {
2053        width: 100%; }
2054    .block-editor-block-list__block .block-editor-url-input .components-spinner,
2055    .components-popover .block-editor-url-input .components-spinner,
2056    .block-editor-url-input .components-spinner {
2057      position: absolute;
2058      right: 8px;
2059      bottom: 17px;
2060      margin: 0; }
2061  
2062  .block-editor-url-input__input[type="text"] {
2063    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2064    padding: 6px 8px;
2065    box-shadow: 0 0 0 transparent;
2066    transition: box-shadow 0.1s linear;
2067    border-radius: 2px;
2068    border: 1px solid #757575;
2069    /* Fonts smaller than 16px causes mobile safari to zoom. */
2070    font-size: 16px;
2071    /* Override core line-height. To be reviewed. */
2072    line-height: normal; }
2073    @media (prefers-reduced-motion: reduce) {
2074      .block-editor-url-input__input[type="text"] {
2075        transition-duration: 0s; } }
2076    @media (min-width: 600px) {
2077      .block-editor-url-input__input[type="text"] {
2078        font-size: 13px;
2079        /* Override core line-height. To be reviewed. */
2080        line-height: normal; } }
2081    .block-editor-url-input__input[type="text"]:focus {
2082      border-color: #007cba;
2083      border-color: var(--wp-admin-theme-color);
2084      box-shadow: 0 0 0 0.5px #007cba;
2085      box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
2086      outline: 2px solid transparent; }
2087    .block-editor-url-input__input[type="text"]::-webkit-input-placeholder {
2088      color: rgba(30, 30, 30, 0.62); }
2089    .block-editor-url-input__input[type="text"]::-moz-placeholder {
2090      opacity: 1;
2091      color: rgba(30, 30, 30, 0.62); }
2092    .block-editor-url-input__input[type="text"]:-ms-input-placeholder {
2093      color: rgba(30, 30, 30, 0.62); }
2094    .is-dark-theme .block-editor-url-input__input[type="text"]::-webkit-input-placeholder {
2095      color: rgba(255, 255, 255, 0.65); }
2096    .is-dark-theme .block-editor-url-input__input[type="text"]::-moz-placeholder {
2097      opacity: 1;
2098      color: rgba(255, 255, 255, 0.65); }
2099    .is-dark-theme .block-editor-url-input__input[type="text"]:-ms-input-placeholder {
2100      color: rgba(255, 255, 255, 0.65); }
2101  
2102  .block-editor-url-input__suggestions {
2103    max-height: 200px;
2104    transition: all 0.15s ease-in-out;
2105    padding: 4px 0;
2106    width: 302px;
2107    overflow-y: auto; }
2108    @media (prefers-reduced-motion: reduce) {
2109      .block-editor-url-input__suggestions {
2110        transition-duration: 0s; } }
2111  
2112  .block-editor-url-input__suggestions,
2113  .block-editor-url-input .components-spinner {
2114    display: none; }
2115    @media (min-width: 600px) {
2116      .block-editor-url-input__suggestions,
2117      .block-editor-url-input .components-spinner {
2118        display: inherit; } }
2119  
2120  .block-editor-url-input__suggestion {
2121    padding: 4px 8px;
2122    color: #757575;
2123    display: block;
2124    font-size: 13px;
2125    cursor: pointer;
2126    background: #fff;
2127    width: 100%;
2128    border: none;
2129    text-align: left;
2130    box-shadow: none; }
2131    .block-editor-url-input__suggestion:hover {
2132      background: #ddd; }
2133    .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected {
2134      background: #005a87;
2135      background: var(--wp-admin-theme-color-darker-20);
2136      color: #fff;
2137      outline: none; }
2138  
2139  .components-toolbar-group > .block-editor-url-input__button,
2140  .components-toolbar > .block-editor-url-input__button {
2141    position: inherit; }
2142  
2143  .block-editor-url-input__button .block-editor-url-input__back {
2144    margin-right: 4px;
2145    overflow: visible; }
2146    .block-editor-url-input__button .block-editor-url-input__back::after {
2147      content: "";
2148      position: absolute;
2149      display: block;
2150      width: 1px;
2151      height: 24px;
2152      right: -1px;
2153      background: #ddd; }
2154  
2155  .block-editor-url-input__button-modal {
2156    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
2157    border: 1px solid #ddd;
2158    background: #fff; }
2159  
2160  .block-editor-url-input__button-modal-line {
2161    display: flex;
2162    flex-direction: row;
2163    flex-grow: 1;
2164    flex-shrink: 1;
2165    min-width: 0;
2166    align-items: flex-start; }
2167    .block-editor-url-input__button-modal-line .components-button {
2168      flex-shrink: 0;
2169      width: 36px;
2170      height: 36px; }
2171  
2172  .block-editor-url-popover__additional-controls {
2173    border-top: 1px solid #ddd; }
2174  
2175  .block-editor-url-popover__additional-controls > div[role="menu"] .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) > svg {
2176    box-shadow: none; }
2177  
2178  .block-editor-url-popover__additional-controls div[role="menu"] > .components-button {
2179    padding-left: 2px; }
2180  
2181  .block-editor-url-popover__row {
2182    display: flex; }
2183  
2184  .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) {
2185    flex-grow: 1; }
2186  
2187  .block-editor-url-popover .components-button.has-icon {
2188    padding: 3px; }
2189    .block-editor-url-popover .components-button.has-icon > svg {
2190      padding: 5px;
2191      border-radius: 2px;
2192      height: 30px;
2193      width: 30px; }
2194    .block-editor-url-popover .components-button.has-icon:not(:disabled):focus {
2195      box-shadow: none; }
2196      .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg {
2197        box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff;
2198        box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
2199        outline: 2px solid transparent; }
2200  
2201  .block-editor-url-popover__settings-toggle {
2202    flex-shrink: 0;
2203    border-radius: 0;
2204    border-left: 1px solid #ddd;
2205    margin-left: 1px; }
2206    .block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon {
2207      transform: rotate(180deg); }
2208  
2209  .block-editor-url-popover__input-container .components-base-control:last-child,
2210  .block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field {
2211    margin-bottom: 0; }
2212  
2213  .block-editor-url-popover__settings {
2214    display: block;
2215    padding: 16px;
2216    border-top: 1px solid #ddd; }
2217  
2218  .block-editor-url-popover__link-editor,
2219  .block-editor-url-popover__link-viewer {
2220    display: flex; }
2221    .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,
2222    .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field {
2223      margin-bottom: 0; }
2224    .block-editor-url-popover__link-editor .block-editor-url-input .components-spinner,
2225    .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner {
2226      bottom: 9px; }
2227  
2228  .block-editor-url-popover__link-viewer-url {
2229    margin: 7px;
2230    flex-grow: 1;
2231    flex-shrink: 1;
2232    overflow: hidden;
2233    text-overflow: ellipsis;
2234    white-space: nowrap;
2235    min-width: 150px;
2236    max-width: 500px; }
2237    .block-editor-url-popover__link-viewer-url.has-invalid-link {
2238      color: #cc1818; }
2239  
2240  .block-editor-warning {
2241    align-items: center;
2242    display: flex;
2243    flex-wrap: wrap;
2244    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2245    padding: 1em;
2246    border: 1px solid #1e1e1e;
2247    border-radius: 2px;
2248    background-color: #fff; }
2249    .block-editor-warning .block-editor-warning__message {
2250      line-height: 1.4;
2251      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2252      font-size: 13px;
2253      color: #1e1e1e;
2254      margin: 0 0 1em; }
2255    .block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
2256      min-height: auto; }
2257    .block-editor-warning .block-editor-warning__contents {
2258      display: flex;
2259      flex-direction: row;
2260      justify-content: space-between;
2261      flex-wrap: wrap;
2262      align-items: baseline;
2263      width: 100%; }
2264    .block-editor-warning .block-editor-warning__actions {
2265      display: flex; }
2266    .block-editor-warning .block-editor-warning__action {
2267      margin: 0 8px 0 0; }
2268  
2269  .block-editor-warning__secondary {
2270    margin: auto 0 auto 8px; }
2271  
2272  .components-popover.block-editor-warning__dropdown {
2273    z-index: 99998; }
2274  
2275  .block-editor-writing-flow {
2276    display: flex;
2277    flex-direction: column; }
2278  
2279  .block-editor-writing-flow__click-redirect {
2280    cursor: text; }
2281  
2282  .html-anchor-control .components-external-link {
2283    display: block;
2284    margin-top: 8px; }
2285  
2286  #end-resizable-editor-section {
2287    display: none; }
2288  
2289  /**
2290   * Block Toolbar
2291   */
2292  .block-editor-block-toolbar {
2293    display: flex;
2294    flex-grow: 1;
2295    width: 100%;
2296    overflow: auto;
2297    position: relative;
2298    transition: border-color 0.1s linear, box-shadow 0.1s linear; }
2299    @media (prefers-reduced-motion: reduce) {
2300      .block-editor-block-toolbar {
2301        transition-duration: 0s; } }
2302    @media (min-width: 600px) {
2303      .block-editor-block-toolbar {
2304        overflow: inherit; } }
2305    .block-editor-block-toolbar .components-toolbar-group,
2306    .block-editor-block-toolbar .components-toolbar {
2307      background: none;
2308      line-height: 0;
2309      margin-top: -1px;
2310      margin-bottom: -1px;
2311      border: 0;
2312      border-right: 1px solid #ddd; }
2313    .block-editor-block-toolbar > :last-child,
2314    .block-editor-block-toolbar > :last-child .components-toolbar-group,
2315    .block-editor-block-toolbar > :last-child .components-toolbar {
2316      border-right: none; }
2317  
2318  .block-editor-block-toolbar__block-controls {
2319    height: auto !important;
2320    padding: 0 !important; }
2321    .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
2322    .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
2323      width: 24px !important;
2324      margin: 0 !important; }
2325    .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before,
2326    .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus::before {
2327      right: 4px !important; }
2328    .block-editor-block-toolbar__block-controls .block-editor-block-mover {
2329      margin-left: -6px; }
2330  
2331  .block-editor-block-toolbar .components-toolbar-group,
2332  .block-editor-block-toolbar .components-toolbar,
2333  .block-editor-format-toolbar .components-toolbar-group,
2334  .block-editor-format-toolbar .components-toolbar {
2335    display: flex;
2336    flex-wrap: nowrap; }
2337  
2338  .block-editor-block-toolbar__slot {
2339    display: inline-block;
2340    line-height: 0; }
2341    @supports ((position: -webkit-sticky) or (position: sticky)) {
2342      .block-editor-block-toolbar__slot {
2343        display: inline-flex; } }
2344  
2345  .block-editor-block-toolbar__block-parent-selector-wrapper {
2346    position: absolute;
2347    top: -1px;
2348    left: -1px;
2349    opacity: 0;
2350    transition: all 60ms linear;
2351    z-index: -1; }
2352    @media (prefers-reduced-motion: reduce) {
2353      .block-editor-block-toolbar__block-parent-selector-wrapper {
2354        transition-duration: 0s; } }
2355    .is-showing-movers .block-editor-block-toolbar__block-parent-selector-wrapper {
2356      opacity: 1;
2357      transform: translateY(-60px); }
2358  
2359  .block-editor-block-toolbar-animated-width-container {
2360    position: relative;
2361    overflow: hidden;
2362    transition: width 300ms; }
2363  
2364  .block-editor-block-toolbar-content-enter {
2365    position: absolute;
2366    top: 0;
2367    left: 0;
2368    width: auto;
2369    opacity: 0; }
2370  
2371  .block-editor-block-toolbar-content-enter-active {
2372    position: absolute;
2373    opacity: 1;
2374    transition: opacity 300ms; }
2375  
2376  .block-editor-block-toolbar-content-exit {
2377    width: auto;
2378    opacity: 1;
2379    pointer-events: none; }
2380  
2381  .block-editor-block-toolbar-content-exit-active {
2382    opacity: 0;
2383    transition: opacity 300ms; }
2384  
2385  .block-editor-inserter {
2386    display: inline-block;
2387    background: none;
2388    border: none;
2389    padding: 0;
2390    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2391    font-size: 13px;
2392    line-height: 0; }
2393    @media (min-width: 782px) {
2394      .block-editor-inserter {
2395        position: relative; } }
2396  
2397  .block-editor-inserter__popover .block-editor-inserter__menu {
2398    margin: -12px; }
2399    .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs {
2400      top: 60px; }
2401    .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area {
2402      overflow: visible;
2403      height: auto; }
2404    .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container {
2405      display: none; }
2406  
2407  .block-editor-inserter__toggle.components-button {
2408    display: inline-flex;
2409    align-items: center;
2410    cursor: pointer;
2411    border: none;
2412    outline: none;
2413    padding: 0;
2414    transition: color 0.2s ease; }
2415    @media (prefers-reduced-motion: reduce) {
2416      .block-editor-inserter__toggle.components-button {
2417        transition-duration: 0s; } }
2418  
2419  .block-editor-inserter__menu {
2420    height: 100%;
2421    position: relative;
2422    overflow: visible; }
2423  
2424  .block-editor-inserter__main-area {
2425    width: auto;
2426    overflow-y: auto;
2427    height: 100%; }
2428    @media (min-width: 782px) {
2429      .block-editor-inserter__main-area {
2430        width: 350px; } }
2431  
2432  .block-editor-inserter__inline-elements {
2433    margin-top: -1px; }
2434  
2435  .block-editor-inserter__menu.is-bottom::after {
2436    border-bottom-color: #fff; }
2437  
2438  .components-popover.block-editor-inserter__popover {
2439    z-index: 99999; }
2440  
2441  .block-editor-inserter__search {
2442    padding: 16px;
2443    position: -webkit-sticky;
2444    position: sticky;
2445    top: 0;
2446    background: #fff;
2447    z-index: 1; }
2448    .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input {
2449      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2450      padding: 6px 8px;
2451      box-shadow: 0 0 0 transparent;
2452      transition: box-shadow 0.1s linear;
2453      border-radius: 2px;
2454      border: 1px solid #757575;
2455      /* Fonts smaller than 16px causes mobile safari to zoom. */
2456      font-size: 16px;
2457      /* Override core line-height. To be reviewed. */
2458      line-height: normal;
2459      display: block;
2460      padding: 16px 48px 16px 16px;
2461      background: #f0f0f0;
2462      border: none;
2463      width: 100%;
2464      height: 48px;
2465      /* Fonts smaller than 16px causes mobile safari to zoom. */
2466      font-size: 16px; }
2467      @media (prefers-reduced-motion: reduce) {
2468        .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input {
2469          transition-duration: 0s; } }
2470      @media (min-width: 600px) {
2471        .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input {
2472          font-size: 13px;
2473          /* Override core line-height. To be reviewed. */
2474          line-height: normal; } }
2475      .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus {
2476        border-color: #007cba;
2477        border-color: var(--wp-admin-theme-color);
2478        box-shadow: 0 0 0 0.5px #007cba;
2479        box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
2480        outline: 2px solid transparent; }
2481      .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder {
2482        color: rgba(30, 30, 30, 0.62); }
2483      .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder {
2484        opacity: 1;
2485        color: rgba(30, 30, 30, 0.62); }
2486      .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder {
2487        color: rgba(30, 30, 30, 0.62); }
2488      .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder {
2489        color: rgba(255, 255, 255, 0.65); }
2490      .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder {
2491        opacity: 1;
2492        color: rgba(255, 255, 255, 0.65); }
2493      .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder {
2494        color: rgba(255, 255, 255, 0.65); }
2495      @media (min-width: 600px) {
2496        .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input {
2497          font-size: 13px; } }
2498      .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus {
2499        background: #fff;
2500        box-shadow: 0 0 0 1.5px #007cba;
2501        box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
2502      .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder {
2503        color: #757575; }
2504      .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::placeholder {
2505        color: #757575; }
2506      .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-decoration {
2507        -webkit-appearance: none; }
2508  
2509  .block-editor-inserter__search-icon {
2510    position: absolute;
2511    top: 0;
2512    right: 20px;
2513    bottom: 0;
2514    display: flex;
2515    align-items: center; }
2516    .block-editor-inserter__search-icon > svg {
2517      margin: 8px; }
2518  
2519  .block-editor-inserter__tabs {
2520    display: flex;
2521    flex-direction: column;
2522    margin-top: -8px; }
2523    .block-editor-inserter__tabs .components-tab-panel__tabs {
2524      position: -webkit-sticky;
2525      position: sticky;
2526      top: 72px;
2527      background: #fff;
2528      z-index: 1;
2529      border-bottom: 1px solid #ddd; }
2530      .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
2531        flex-grow: 1;
2532        margin-bottom: -1px; }
2533    .block-editor-inserter__tabs .components-tab-panel__tab-content {
2534      display: flex;
2535      flex-grow: 1;
2536      flex-direction: column;
2537      position: relative; }
2538  
2539  .block-editor-inserter__panel-header {
2540    display: inline-flex;
2541    align-items: center;
2542    padding: 16px 16px 0; }
2543  
2544  .block-editor-inserter__panel-header-patterns {
2545    padding: 16px 16px 0 8px; }
2546  
2547  .block-editor-inserter__panel-content {
2548    padding: 16px; }
2549  
2550  .block-editor-inserter__panel-title,
2551  .block-editor-inserter__panel-title button,
2552  .components-custom-select-control__menu li {
2553    margin: 0 12px 0 0;
2554    color: #757575;
2555    text-transform: uppercase;
2556    font-size: 11px;
2557    font-weight: 500; }
2558  
2559  .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input {
2560    line-height: 1.2; }
2561  
2562  .block-editor-inserter__panel-dropdown select {
2563    border: none; }
2564  
2565  .block-editor-inserter__block-list {
2566    flex-grow: 1;
2567    position: relative; }
2568  
2569  .block-editor-inserter__popover .block-editor-block-types-list {
2570    margin: -8px; }
2571  
2572  .block-editor-inserter__reusable-blocks-panel {
2573    position: relative;
2574    text-align: right; }
2575  
2576  .block-editor-inserter__manage-reusable-blocks {
2577    display: inline-block;
2578    margin: 16px; }
2579  
2580  .block-editor-inserter__no-results {
2581    padding: 32px;
2582    margin-top: 64px;
2583    text-align: center; }
2584  
2585  .block-editor-inserter__no-results-icon {
2586    fill: #949494; }
2587  
2588  .block-editor-inserter__child-blocks {
2589    padding: 0 16px; }
2590  
2591  .block-editor-inserter__parent-block-header {
2592    display: flex;
2593    align-items: center; }
2594    .block-editor-inserter__parent-block-header h2 {
2595      font-size: 13px; }
2596    .block-editor-inserter__parent-block-header .block-editor-block-icon {
2597      margin-right: 8px; }
2598  
2599  .block-editor-inserter__preview-container {
2600    display: none;
2601    width: 300px;
2602    background: #fff;
2603    border-radius: 2px;
2604    border: 1px solid #ddd;
2605    position: absolute;
2606    top: 16px;
2607    left: calc(100% + 16px);
2608    max-height: calc(100% - 32px);
2609    overflow-y: hidden; }
2610    @media (min-width: 782px) {
2611      .block-editor-inserter__preview-container {
2612        display: block; } }
2613    .block-editor-inserter__preview-container .block-editor-block-card {
2614      padding: 16px; }
2615    .block-editor-inserter__preview-container .block-editor-block-card__title {
2616      font-size: 13px; }
2617  
2618  .block-editor-inserter__preview-content {
2619    min-height: 144px;
2620    background: #f0f0f0;
2621    display: -ms-grid;
2622    display: grid;
2623    flex-grow: 1;
2624    align-items: center; }
2625  
2626  .block-editor-inserter__preview-content-missing {
2627    flex: 1;
2628    display: flex;
2629    justify-content: center;
2630    align-items: center;
2631    min-height: 144px;
2632    color: #757575;
2633    background: #f0f0f0; }
2634  
2635  .block-editor-inserter__tips {
2636    border-top: 1px solid #ddd;
2637    padding: 16px;
2638    flex-shrink: 0; }
2639  
2640  .block-editor-inserter__manage-reusable-blocks-container {
2641    padding: 16px; }
2642  
2643  .block-editor-inserter__quick-inserter {
2644    width: 100%;
2645    max-width: 100%; }
2646    @media (min-width: 782px) {
2647      .block-editor-inserter__quick-inserter {
2648        width: 350px; } }
2649  
2650  .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
2651    height: 0;
2652    padding: 0;
2653    float: left; }
2654  
2655  .block-editor-inserter__quick-inserter .block-editor-inserter__panel-content {
2656    padding: 8px; }
2657  
2658  .block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content,
2659  .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content {
2660    padding: 16px; }
2661  
2662  .block-editor-inserter__quick-inserter-patterns {
2663    display: -ms-grid;
2664    display: grid;
2665    -ms-grid-columns: 1fr 1fr;
2666    grid-template-columns: 1fr 1fr;
2667    grid-gap: 8px; }
2668  
2669  .block-editor-inserter__quick-inserter-separator {
2670    border-top: 1px solid #ddd; }
2671  
2672  .block-editor-inserter__popover.is-quick > .components-popover__content > div {
2673    padding: 0; }
2674  
2675  .block-editor-inserter__quick-inserter-expand.components-button {
2676    display: block;
2677    background: #1e1e1e;
2678    color: #fff;
2679    width: 100%;
2680    height: 44px;
2681    border-radius: 0; }
2682    .block-editor-inserter__quick-inserter-expand.components-button:hover {
2683      color: #fff; }
2684    .block-editor-inserter__quick-inserter-expand.components-button:active {
2685      color: #ccc; }
2686    .block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) {
2687      box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 3px #fff;
2688      box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 3px #fff; }
2689  
2690  .block-editor-post-preview__dropdown {
2691    padding: 0; }
2692  
2693  .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize {
2694    padding-left: 40px; }
2695    .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon {
2696      padding-left: 8px; }
2697  
2698  .block-editor-post-preview__dropdown-content .components-popover__content {
2699    overflow-y: visible; }
2700  
2701  .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child {
2702    padding-bottom: 8px; }
2703  
2704  .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child {
2705    margin-bottom: 0; }
2706  
2707  .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group {
2708    padding: 8px; }
2709  
2710  @media (min-width: 600px) {
2711    .edit-post-header__settings .editor-post-preview,
2712    .edit-site-header__actions .editor-post-preview {
2713      display: none; } }


Generated : Fri Dec 4 08:20:02 2020 Cross-referenced by PHPXref