[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

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   * Often re-used variables
  10   */
  11  /**
  12   * Breakpoint mixins
  13   */
  14  /**
  15   * Long content fade mixin
  16   *
  17   * Creates a fading overlay to signify that the content is longer
  18   * than the space allows.
  19   */
  20  /**
  21   * Button states and focus styles
  22   */
  23  /**
  24   * Applies editor left position to the selector passed as argument
  25   */
  26  /**
  27   * Applies editor right position to the selector passed as argument
  28   */
  29  /**
  30   * Styles that are reused verbatim in a few places
  31   */
  32  /**
  33   * Allows users to opt-out of animations via OS-level preferences.
  34   */
  35  /**
  36   * Reset default styles for JavaScript UI based pages.
  37   * This is a WP-admin agnostic reset
  38   */
  39  /**
  40   * Reset the WP Admin page styles for Gutenberg-like pages.
  41   */
  42  .block-editor-block-drop-zone {
  43    border: none;
  44    border-radius: 0; }
  45    .block-editor-block-drop-zone .components-drop-zone__content,
  46    .block-editor-block-drop-zone.is-dragging-over-element .components-drop-zone__content {
  47      display: none; }
  48    .block-editor-block-drop-zone.is-close-to-bottom, .block-editor-block-drop-zone.is-close-to-top {
  49      background: none; }
  50    .block-editor-block-drop-zone.is-close-to-top {
  51      border-top: 3px solid #0085ba; }
  52    body.admin-color-sunrise .block-editor-block-drop-zone.is-close-to-top{
  53      border-top: 3px solid #d1864a; }
  54    body.admin-color-ocean .block-editor-block-drop-zone.is-close-to-top{
  55      border-top: 3px solid #a3b9a2; }
  56    body.admin-color-midnight .block-editor-block-drop-zone.is-close-to-top{
  57      border-top: 3px solid #e14d43; }
  58    body.admin-color-ectoplasm .block-editor-block-drop-zone.is-close-to-top{
  59      border-top: 3px solid #a7b656; }
  60    body.admin-color-coffee .block-editor-block-drop-zone.is-close-to-top{
  61      border-top: 3px solid #c2a68c; }
  62    body.admin-color-blue .block-editor-block-drop-zone.is-close-to-top{
  63      border-top: 3px solid #82b4cb; }
  64    body.admin-color-light .block-editor-block-drop-zone.is-close-to-top{
  65      border-top: 3px solid #0085ba; }
  66    .block-editor-block-drop-zone.is-close-to-bottom {
  67      border-bottom: 3px solid #0085ba; }
  68    body.admin-color-sunrise .block-editor-block-drop-zone.is-close-to-bottom{
  69      border-bottom: 3px solid #d1864a; }
  70    body.admin-color-ocean .block-editor-block-drop-zone.is-close-to-bottom{
  71      border-bottom: 3px solid #a3b9a2; }
  72    body.admin-color-midnight .block-editor-block-drop-zone.is-close-to-bottom{
  73      border-bottom: 3px solid #e14d43; }
  74    body.admin-color-ectoplasm .block-editor-block-drop-zone.is-close-to-bottom{
  75      border-bottom: 3px solid #a7b656; }
  76    body.admin-color-coffee .block-editor-block-drop-zone.is-close-to-bottom{
  77      border-bottom: 3px solid #c2a68c; }
  78    body.admin-color-blue .block-editor-block-drop-zone.is-close-to-bottom{
  79      border-bottom: 3px solid #82b4cb; }
  80    body.admin-color-light .block-editor-block-drop-zone.is-close-to-bottom{
  81      border-bottom: 3px solid #0085ba; }
  82    .block-editor-block-drop-zone.is-appender.is-active.is-dragging-over-document {
  83      border-bottom: none; }
  84  
  85  .block-editor-block-icon {
  86    display: flex;
  87    align-items: center;
  88    justify-content: center;
  89    width: 24px;
  90    height: 24px;
  91    margin: 0;
  92    border-radius: 4px; }
  93    .block-editor-block-icon.has-colors svg {
  94      fill: currentColor; }
  95    .block-editor-block-icon svg {
  96      min-width: 20px;
  97      min-height: 20px;
  98      max-width: 24px;
  99      max-height: 24px; }
 100  
 101  .block-editor-block-inspector__no-blocks {
 102    display: block;
 103    font-size: 13px;
 104    background: #fff;
 105    padding: 32px 16px;
 106    text-align: center; }
 107  
 108  .block-editor-block-list__layout .components-draggable__clone .block-editor-block-contextual-toolbar {
 109    display: none !important; }
 110  
 111  .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-list__block-edit::before {
 112    border: none; }
 113  
 114  .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging > .block-editor-block-list__block-edit > * {
 115    background: #f8f9f9; }
 116  
 117  .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging > .block-editor-block-list__block-edit > * > * {
 118    visibility: hidden; }
 119  
 120  .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-mover,
 121  .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-contextual-toolbar {
 122    display: none; }
 123  
 124  .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit .reusable-block-edit-panel * {
 125    z-index: 1; }
 126  
 127  /**
 128   * General layout
 129   */
 130  @media (min-width: 600px) {
 131    .block-editor-block-list__layout {
 132      padding-left: 46px;
 133      padding-right: 46px; } }
 134  
 135  .block-editor-block-list__block .block-editor-block-list__layout {
 136    padding-left: 0;
 137    padding-right: 0;
 138    margin-left: -14px;
 139    margin-right: -14px; }
 140  
 141  .block-editor-block-list__layout .block-editor-block-list__block {
 142    position: relative;
 143    padding-left: 14px;
 144    padding-right: 14px;
 145    overflow-wrap: break-word;
 146    /**
 147       * Notices
 148       */
 149    /**
 150       * Block border layout
 151       */ }
 152    @media (min-width: 600px) {
 153      .block-editor-block-list__layout .block-editor-block-list__block {
 154        padding-left: 43px;
 155        padding-right: 43px; } }
 156    .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
 157      margin: -10px 20px 12px 20px;
 158      width: calc(100% - 40px); }
 159    .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
 160      margin: 0 0 12px 0;
 161      width: 100%; }
 162      .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice {
 163        margin-left: 0;
 164        margin-right: 0; }
 165        .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {
 166          font-size: 13px; }
 167    .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit {
 168      position: relative; }
 169      .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit::before {
 170        z-index: 0;
 171        content: "";
 172        position: absolute;
 173        border: 1px solid transparent;
 174        border-left: none;
 175        box-shadow: none;
 176        pointer-events: none;
 177        transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
 178        outline: 1px solid transparent;
 179        right: -14px;
 180        left: -14px;
 181        top: -14px;
 182        bottom: -14px; }
 183        @media (prefers-reduced-motion: reduce) {
 184          .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit::before {
 185            transition-duration: 0s; } }
 186    .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before {
 187      border-color: rgba(66, 88, 99, 0.4);
 188      box-shadow: inset 3px 0 0 0 #555d66; }
 189      .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before {
 190        border-color: rgba(255, 255, 255, 0.45);
 191        box-shadow: inset 3px 0 0 0 #d7dade; }
 192      @media (min-width: 600px) {
 193        .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before {
 194          box-shadow: -3px 0 0 0 #555d66; }
 195          .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before {
 196            box-shadow: -3px 0 0 0 #d7dade; } }
 197    .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-navigate-mode > .block-editor-block-list__block-edit::before {
 198      border-color: #007cba;
 199      box-shadow: inset 3px 0 0 0 #007cba; }
 200      @media (min-width: 600px) {
 201        .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-navigate-mode > .block-editor-block-list__block-edit::before {
 202          box-shadow: -3px 0 0 0 #007cba; } }
 203    .block-editor-block-list__layout .block-editor-block-list__block.is-hovered:not(.is-navigate-mode) > .block-editor-block-list__block-edit::before {
 204      box-shadow: -3px 0 0 0 rgba(145, 151, 162, 0.25); }
 205      .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-hovered:not(.is-navigate-mode) > .block-editor-block-list__block-edit::before {
 206        box-shadow: -3px 0 0 0 rgba(255, 255, 255, 0.25); }
 207    .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) {
 208      opacity: 0.5;
 209      transition: opacity 0.1s linear; }
 210      @media (prefers-reduced-motion: reduce) {
 211        .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) {
 212          transition-duration: 0s; } }
 213      .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 {
 214        opacity: 1; }
 215    .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit::before {
 216      border: 1px dashed rgba(123, 134, 162, 0.3); }
 217      .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit::before {
 218        border-color: rgba(255, 255, 255, 0.3); }
 219    .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before,
 220    .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before,
 221    .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before {
 222      border: 1px dashed rgba(123, 134, 162, 0.3); }
 223      .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before, .is-dark-theme
 224      .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before, .is-dark-theme
 225      .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before {
 226        border-color: rgba(255, 255, 255, 0.3); }
 227    .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected.is-hovered > .block-editor-block-list__block-edit::before,
 228    .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block.is-hovered:not(.is-selected) > .block-editor-block-list__block-edit::before,
 229    .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block.is-hovered:not(.is-selected) > .block-editor-block-list__block-edit::before,
 230    .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block.is-hovered:not(.is-selected) > .block-editor-block-list__block-edit::before {
 231      border-style: solid;
 232      border-color: rgba(145, 151, 162, 0.25);
 233      border-left-color: transparent; }
 234      .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected.is-hovered > .block-editor-block-list__block-edit::before, .is-dark-theme
 235      .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block.is-hovered:not(.is-selected) > .block-editor-block-list__block-edit::before, .is-dark-theme
 236      .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block.is-hovered:not(.is-selected) > .block-editor-block-list__block-edit::before, .is-dark-theme
 237      .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block.is-hovered:not(.is-selected) > .block-editor-block-list__block-edit::before {
 238        border-color: rgba(255, 255, 255, 0.25);
 239        border-left-color: transparent; }
 240    .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before,
 241    .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before,
 242    .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before {
 243      border: 1px dashed rgba(123, 134, 162, 0.3); }
 244      .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before, .is-dark-theme
 245      .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before, .is-dark-theme
 246      .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before {
 247        border-color: rgba(255, 255, 255, 0.3); }
 248    .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected).is-hovered > .block-editor-block-list__block-edit::before,
 249    .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected).is-hovered > .block-editor-block-list__block-edit::before,
 250    .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected).is-hovered > .block-editor-block-list__block-edit::before {
 251      border-style: solid;
 252      border-color: rgba(145, 151, 162, 0.25);
 253      border-left-color: transparent; }
 254      .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected).is-hovered > .block-editor-block-list__block-edit::before, .is-dark-theme
 255      .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected).is-hovered > .block-editor-block-list__block-edit::before, .is-dark-theme
 256      .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit > [data-block] > div > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected).is-hovered > .block-editor-block-list__block-edit::before {
 257        border-color: rgba(255, 255, 255, 0.25);
 258        border-left-color: transparent; }
 259  
 260  /**
 261   * Cross-block selection
 262   */
 263  
 264  .block-editor-block-list__layout .block-editor-block-list__block ::selection {
 265    background-color: #b3e7fe; }
 266  
 267  .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected *::selection {
 268    background-color: transparent; }
 269  
 270  .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .block-editor-block-list__block-edit::before {
 271    background: #b3e7fe;
 272    mix-blend-mode: multiply;
 273    top: -14px;
 274    bottom: -14px; }
 275    .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .block-editor-block-list__block-edit::before {
 276      mix-blend-mode: soft-light; }
 277  
 278  /**
 279   * Block styles and alignments
 280   */
 281  .block-editor-block-list__layout .block-editor-block-list__block.has-warning {
 282    min-height: 36px; }
 283  
 284  .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit > * {
 285    pointer-events: none;
 286    -webkit-user-select: none;
 287       -moz-user-select: none;
 288        -ms-user-select: none;
 289            user-select: none; }
 290  
 291  .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit .block-editor-warning {
 292    pointer-events: all; }
 293  
 294  .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::before {
 295    border-color: rgba(145, 151, 162, 0.25);
 296    border-left: 1px solid rgba(145, 151, 162, 0.25); }
 297    .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::before {
 298      border-color: rgba(255, 255, 255, 0.35); }
 299  
 300  .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::before {
 301    border-color: rgba(66, 88, 99, 0.4);
 302    border-left-color: transparent; }
 303    .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::before {
 304      border-color: rgba(255, 255, 255, 0.45); }
 305  
 306  .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::after {
 307    content: "";
 308    position: absolute;
 309    background-color: rgba(248, 249, 249, 0.4);
 310    top: -14px;
 311    bottom: -14px;
 312    right: -14px;
 313    left: -14px; }
 314  
 315  .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected .block-editor-block-list__block-edit::after {
 316    background-color: transparent; }
 317  
 318  .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .block-editor-block-list__block-edit::after {
 319    bottom: 22px; }
 320    @media (min-width: 600px) {
 321      .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .block-editor-block-list__block-edit::after {
 322        bottom: -14px; } }
 323  
 324  .block-editor-block-list__layout .block-editor-block-list__block.is-typing .block-editor-block-list__side-inserter {
 325    opacity: 0;
 326    animation: none; }
 327  
 328  .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__side-inserter {
 329    animation: edit-post__fade-in-animation 0.2s ease-out 0s;
 330    animation-fill-mode: forwards; }
 331    @media (prefers-reduced-motion: reduce) {
 332      .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__side-inserter {
 333        animation-duration: 1ms; } }
 334  
 335  .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit::before {
 336    border: 1px dashed rgba(145, 151, 162, 0.25); }
 337    .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit::before {
 338      border-color: rgba(255, 255, 255, 0.35); }
 339  
 340  .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.is-selected > .block-editor-block-list__block-edit::before {
 341    border-color: rgba(66, 88, 99, 0.4);
 342    border-left-color: transparent; }
 343    .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.is-selected > .block-editor-block-list__block-edit::before {
 344      border-color: rgba(255, 255, 255, 0.45);
 345      border-left-color: transparent; }
 346  
 347  .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit .block-editor-inner-blocks.has-overlay::after {
 348    display: none; }
 349  
 350  .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit .block-editor-inner-blocks.has-overlay .block-editor-inner-blocks.has-overlay::after {
 351    display: block; }
 352  
 353  .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] {
 354    z-index: 21;
 355    width: 100%;
 356    height: 0; }
 357    .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-list__block-edit {
 358      margin-top: 0; }
 359      .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit::before, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-list__block-edit::before {
 360        content: none; }
 361    .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 362      margin-bottom: 1px; }
 363    .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 364      width: auto;
 365      border-bottom: 1px solid #b5bcc2;
 366      bottom: auto; }
 367      @media (min-width: 600px) {
 368        .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 369          border-bottom: none; } }
 370  
 371  .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar {
 372    left: 0;
 373    right: auto; }
 374  
 375  .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 376    left: auto;
 377    right: 0; }
 378  
 379  @media (min-width: 600px) {
 380    .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar,
 381    .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar {
 382      top: 14px; } }
 383  
 384  .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] > .block-editor-block-list__block-edit {
 385    /*!rtl:begin:ignore*/
 386    float: left;
 387    margin-right: 2em;
 388    /*!rtl:end:ignore*/ }
 389  
 390  @media (min-width: 600px) {
 391    .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-toolbar {
 392      /*!rtl:begin:ignore*/
 393      left: 14px;
 394      right: auto;
 395      /*!rtl:end:ignore*/ } }
 396  
 397  .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
 398    /*!rtl:begin:ignore*/
 399    float: right;
 400    margin-left: 2em;
 401    /*!rtl:end:ignore*/ }
 402  
 403  @media (min-width: 600px) {
 404    .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-toolbar {
 405      /*!rtl:begin:ignore*/
 406      right: 14px;
 407      left: auto;
 408      /*!rtl:end:ignore*/ } }
 409  
 410  .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] {
 411    clear: both;
 412    z-index: 20; }
 413    .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover,
 414    .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover,
 415    .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover {
 416      top: -46px;
 417      bottom: auto;
 418      min-height: 0;
 419      height: auto;
 420      width: auto; }
 421      .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover::before,
 422      .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover::before, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover::before,
 423      .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover::before {
 424        content: none; }
 425    .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover .block-editor-block-mover__control,
 426    .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover .block-editor-block-mover__control, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover .block-editor-block-mover__control,
 427    .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover .block-editor-block-mover__control {
 428      float: left; }
 429    @media (min-width: 600px) {
 430      .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] .block-editor-block-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] .block-editor-block-toolbar {
 431        display: inline-flex; } }
 432    .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] .block-editor-block-mover.is-visible + .block-editor-block-list__breadcrumb, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] .block-editor-block-mover.is-visible + .block-editor-block-list__breadcrumb {
 433      top: -19px; }
 434    @media (min-width: 600px) {
 435      .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .block-editor-block-contextual-toolbar > .block-editor-block-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .editor-block-list__block-edit > .block-editor-block-contextual-toolbar > .block-editor-block-toolbar {
 436        /*!rtl:begin:ignore*/
 437        left: 90px;
 438        /*!rtl:end:ignore*/ } }
 439    @media (min-width: 1080px) {
 440      .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .block-editor-block-contextual-toolbar > .block-editor-block-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .editor-block-list__block-edit > .block-editor-block-contextual-toolbar > .block-editor-block-toolbar {
 441        /*!rtl:begin:ignore*/
 442        left: 14px;
 443        /*!rtl:end:ignore*/ } }
 444  
 445  .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover,
 446  .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover {
 447    left: -13px; }
 448  
 449  .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-list__breadcrumb {
 450    left: 0; }
 451  
 452  @media (min-width: 600px) {
 453    .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] {
 454      margin-left: -45px;
 455      margin-right: -45px; } }
 456  
 457  .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit {
 458    margin-left: -14px;
 459    margin-right: -14px; }
 460    @media (min-width: 600px) {
 461      .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit {
 462        margin-left: -44px;
 463        margin-right: -44px; } }
 464    .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit figure {
 465      width: 100%; }
 466  
 467  .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit::before {
 468    left: 0;
 469    right: 0;
 470    border-left-width: 0;
 471    border-right-width: 0; }
 472  
 473  .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover,
 474  .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover {
 475    left: 1px; }
 476  
 477  .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] {
 478    float: none; }
 479  
 480  .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-drop-zone {
 481    top: -4px;
 482    bottom: -3px;
 483    margin: 0 14px; }
 484  
 485  .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-inserter-with-shortcuts {
 486    display: none; }
 487  
 488  .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-block-list__empty-block-inserter,
 489  .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter {
 490    left: auto;
 491    right: 8px; }
 492  
 493  /**
 494   * Styles that affect inner-block containers (nested blocks).
 495   */
 496  .block-editor-inner-blocks {
 497    /* @todo:
 498      The two rules above can be simplified & combined when https://github.com/WordPress/gutenberg/pull/14961 is merged,
 499      into the following:
 500  
 501      .is-selected &,
 502      .has-child-selected & {
 503          display: block;
 504      }
 505      */ }
 506    .block-editor-inner-blocks .block-editor-block-list__block + .block-list-appender {
 507      display: none; }
 508      .is-selected .block-editor-inner-blocks .block-editor-block-list__block + .block-list-appender {
 509        display: block; }
 510    .block-editor-inner-blocks .block-editor-block-list__block.is-selected + .block-list-appender {
 511      display: block; }
 512  
 513  /**
 514   * Left and right side UI; Unified toolbar on Mobile
 515   */
 516  .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover,
 517  .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover {
 518    position: absolute;
 519    width: 30px; }
 520  
 521  .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover,
 522  .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover {
 523    top: -15px; }
 524  
 525  @media (min-width: 600px) {
 526    .block-editor-block-list__block.is-multi-selected .block-editor-block-mover, .block-editor-block-list__block.is-selected .block-editor-block-mover, .block-editor-block-list__block.is-hovered .block-editor-block-mover {
 527      z-index: 61; } }
 528  
 529  .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover,
 530  .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover {
 531    padding-right: 2px;
 532    left: -53px;
 533    display: none; }
 534    @media (min-width: 600px) {
 535      .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover,
 536      .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover {
 537        display: block; } }
 538  
 539  .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover {
 540    left: -30px; }
 541  
 542  /**
 543   * Mobile unified toolbar.
 544   */
 545  .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar {
 546    display: flex;
 547    flex-direction: row;
 548    transform: translateY(15px);
 549    margin-top: 37px;
 550    margin-right: -14px;
 551    margin-left: -14px;
 552    border-top: 1px solid #b5bcc2;
 553    height: 37px;
 554    background-color: #fff;
 555    box-shadow: 0 5px 10px rgba(25, 30, 35, 0.05), 0 2px 2px rgba(25, 30, 35, 0.05); }
 556    @media (min-width: 600px) {
 557      .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar {
 558        display: none; } }
 559    @media (min-width: 600px) {
 560      .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar {
 561        box-shadow: none; } }
 562    .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter {
 563      position: relative;
 564      left: auto;
 565      top: auto;
 566      margin: 0; }
 567    .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter__toggle,
 568    .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover__control {
 569      width: 36px;
 570      height: 36px;
 571      border-radius: 4px;
 572      padding: 3px;
 573      margin: 0;
 574      justify-content: center;
 575      align-items: center; }
 576      .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter__toggle .dashicon,
 577      .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover__control .dashicon {
 578        margin: auto; }
 579    .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover {
 580      display: flex;
 581      margin-right: auto; }
 582      .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover .block-editor-inserter,
 583      .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover__control {
 584        float: left; }
 585  
 586  .block-editor-block-list__block[data-align="full"] .block-editor-block-list__block-mobile-toolbar {
 587    margin-left: 0;
 588    margin-right: 0; }
 589  
 590  /**
 591   * In-Canvas Inserter
 592   */
 593  .block-editor-block-list .block-editor-inserter {
 594    margin: 8px;
 595    cursor: move;
 596    cursor: grab; }
 597  
 598  .block-editor-block-list__insertion-point {
 599    position: relative;
 600    z-index: 6;
 601    margin-top: -14px; }
 602  
 603  .block-editor-block-list__insertion-point-indicator {
 604    position: absolute;
 605    top: calc(50% - 1px);
 606    height: 2px;
 607    left: 0;
 608    right: 0;
 609    background: #0085ba; }
 610  
 611  body.admin-color-sunrise .block-editor-block-list__insertion-point-indicator{
 612    background: #d1864a; }
 613  
 614  body.admin-color-ocean .block-editor-block-list__insertion-point-indicator{
 615    background: #a3b9a2; }
 616  
 617  body.admin-color-midnight .block-editor-block-list__insertion-point-indicator{
 618    background: #e14d43; }
 619  
 620  body.admin-color-ectoplasm .block-editor-block-list__insertion-point-indicator{
 621    background: #a7b656; }
 622  
 623  body.admin-color-coffee .block-editor-block-list__insertion-point-indicator{
 624    background: #c2a68c; }
 625  
 626  body.admin-color-blue .block-editor-block-list__insertion-point-indicator{
 627    background: #82b4cb; }
 628  
 629  body.admin-color-light .block-editor-block-list__insertion-point-indicator{
 630    background: #0085ba; }
 631  
 632  .block-editor-block-list__insertion-point-inserter {
 633    display: none;
 634    position: absolute;
 635    bottom: auto;
 636    left: 0;
 637    right: 0;
 638    justify-content: center;
 639    height: 22px;
 640    opacity: 0;
 641    transition: opacity 0.1s linear; }
 642    @media (min-width: 480px) {
 643      .block-editor-block-list__insertion-point-inserter {
 644        display: flex; } }
 645    .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
 646      border-radius: 50%;
 647      color: #007cba;
 648      background: #fff;
 649      height: 28px;
 650      width: 28px;
 651      padding: 4px; }
 652      .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):hover {
 653        box-shadow: none; }
 654    @media (prefers-reduced-motion: reduce) {
 655      .block-editor-block-list__insertion-point-inserter {
 656        transition-duration: 0s; } }
 657    .block-editor-block-list__insertion-point-inserter:hover, .block-editor-block-list__insertion-point-inserter.is-visible {
 658      opacity: 1; }
 659  
 660  .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter,
 661  .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter {
 662    opacity: 0;
 663    pointer-events: none; }
 664    .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter:hover, .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter.is-visible,
 665    .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter:hover,
 666    .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter.is-visible {
 667      opacity: 1;
 668      pointer-events: auto; }
 669  
 670  .block-editor-block-list__block > .block-editor-block-list__insertion-point {
 671    position: absolute;
 672    top: -16px;
 673    height: 28px;
 674    bottom: auto;
 675    left: 0;
 676    right: 0; }
 677    @media (min-width: 600px) {
 678      .block-editor-block-list__block > .block-editor-block-list__insertion-point {
 679        left: -1px;
 680        right: -1px; } }
 681  
 682  .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__insertion-point {
 683    left: 0;
 684    right: 0; }
 685  
 686  .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
 687    display: block;
 688    margin: 0;
 689    width: 100%;
 690    border: none;
 691    outline: none;
 692    box-shadow: none;
 693    resize: none;
 694    overflow: hidden;
 695    font-family: Menlo, Consolas, monaco, monospace;
 696    font-size: 14px;
 697    line-height: 150%;
 698    transition: padding 0.2s linear; }
 699    @media (prefers-reduced-motion: reduce) {
 700      .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
 701        transition-duration: 0s; } }
 702    .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
 703      box-shadow: none; }
 704  
 705  /**
 706   * Block Toolbar when contextual.
 707   */
 708  .block-editor-block-list__block .block-editor-block-contextual-toolbar {
 709    z-index: 61;
 710    white-space: nowrap;
 711    text-align: left;
 712    pointer-events: none;
 713    position: absolute;
 714    bottom: 22px;
 715    left: -14px;
 716    right: -14px;
 717    border-top: 1px solid #b5bcc2; }
 718    .block-editor-block-list__block .block-editor-block-contextual-toolbar .components-toolbar {
 719      border-top: none;
 720      border-bottom: none; }
 721    @media (min-width: 600px) {
 722      .block-editor-block-list__block .block-editor-block-contextual-toolbar {
 723        border-top: none; }
 724        .block-editor-block-list__block .block-editor-block-contextual-toolbar .components-toolbar {
 725          border-top: 1px solid #b5bcc2;
 726          border-bottom: 1px solid #b5bcc2; } }
 727  
 728  .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar,
 729  .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 730    margin-bottom: 1px;
 731    margin-top: -37px;
 732    box-shadow: -3px 0 0 0 #555d66; }
 733    .is-dark-theme .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .is-dark-theme
 734    .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 735      box-shadow: -3px 0 0 0 #d7dade; }
 736    @media (min-width: 600px) {
 737      .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar,
 738      .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 739        box-shadow: none; } }
 740    .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar .editor-block-toolbar,
 741    .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar .editor-block-toolbar {
 742      border-left: none; }
 743  
 744  .block-editor-block-list__block .block-editor-block-contextual-toolbar {
 745    margin-left: 0;
 746    margin-right: 0; }
 747    @media (min-width: 600px) {
 748      .block-editor-block-list__block .block-editor-block-contextual-toolbar {
 749        margin-left: -15px;
 750        margin-right: -15px; } }
 751  
 752  .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar {
 753    /*rtl:ignore*/
 754    margin-right: 15px; }
 755  
 756  .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 757    /*rtl:ignore*/
 758    margin-left: 15px; }
 759  
 760  .block-editor-block-list__block .block-editor-block-contextual-toolbar > * {
 761    pointer-events: auto; }
 762  
 763  .block-editor-block-list__block[data-align="full"] .block-editor-block-contextual-toolbar {
 764    left: 0;
 765    right: 0; }
 766  
 767  @media (min-width: 600px) {
 768    .block-editor-block-list__block .block-editor-block-contextual-toolbar {
 769      bottom: auto;
 770      left: auto;
 771      right: auto;
 772      box-shadow: none;
 773      transform: translateY(-52px); }
 774      @supports ((position: -webkit-sticky) or (position: sticky)) {
 775        .block-editor-block-list__block .block-editor-block-contextual-toolbar {
 776          position: -webkit-sticky;
 777          position: sticky;
 778          top: 51px; } } }
 779  
 780  .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar {
 781    /*rtl:ignore*/
 782    float: left; }
 783  
 784  .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 785    /*rtl:ignore*/
 786    float: right;
 787    min-width: 200px; }
 788    @supports ((position: -webkit-sticky) or (position: sticky)) {
 789      .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 790        min-width: 0; } }
 791  
 792  .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar,
 793  .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
 794    transform: translateY(-15px); }
 795  
 796  .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
 797    width: 100%; }
 798    @media (min-width: 600px) {
 799      .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
 800        width: auto;
 801        border-right: none;
 802        position: absolute;
 803        left: 1px;
 804        top: 1px; } }
 805  
 806  /**
 807   * Hover label
 808   */
 809  .block-editor-block-list__breadcrumb {
 810    position: absolute;
 811    line-height: 1;
 812    z-index: 22;
 813    left: -17px;
 814    top: -31px; }
 815    .block-editor-block-list__breadcrumb .components-toolbar {
 816      border: none;
 817      line-height: 1;
 818      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 819      font-size: 11px;
 820      padding: 4px 4px;
 821      background: #e2e4e7;
 822      color: #191e23;
 823      transition: box-shadow 0.1s linear; }
 824      @media (prefers-reduced-motion: reduce) {
 825        .block-editor-block-list__breadcrumb .components-toolbar {
 826          transition-duration: 0s; } }
 827      .block-editor-block-list__breadcrumb .components-toolbar .components-button {
 828        font-size: inherit;
 829        line-height: inherit;
 830        padding: 0; }
 831      .is-dark-theme .block-editor-block-list__breadcrumb .components-toolbar {
 832        background: #40464d;
 833        color: #fff; }
 834    [data-align="left"] .block-editor-block-list__breadcrumb {
 835      left: 0; }
 836    [data-align="right"] .block-editor-block-list__breadcrumb {
 837      left: auto;
 838      right: 0; }
 839    .is-navigate-mode .block-editor-block-list__breadcrumb {
 840      left: -14px;
 841      top: -51px; }
 842      .is-navigate-mode .block-editor-block-list__breadcrumb .components-toolbar {
 843        background: #fff;
 844        border: 1px solid #007cba;
 845        border-left: none;
 846        box-shadow: inset 3px 0 0 0 #007cba;
 847        height: 38px;
 848        font-size: 13px;
 849        line-height: 29px;
 850        padding-left: 8px;
 851        padding-right: 8px; }
 852        .is-navigate-mode .block-editor-block-list__breadcrumb .components-toolbar .components-button {
 853          box-shadow: none; }
 854        .is-dark-theme .is-navigate-mode .block-editor-block-list__breadcrumb .components-toolbar {
 855          border-color: rgba(255, 255, 255, 0.45); }
 856        @media (min-width: 600px) {
 857          .is-navigate-mode .block-editor-block-list__breadcrumb .components-toolbar {
 858            box-shadow: -3px 0 0 0 #007cba; } }
 859  
 860  .block-editor-block-list__descendant-arrow::before {
 861    content: "→";
 862    display: inline-block;
 863    padding: 0 4px; }
 864    .rtl .block-editor-block-list__descendant-arrow::before {
 865      content: "←"; }
 866  
 867  @media (min-width: 600px) {
 868    .block-editor-block-list__block::before {
 869      bottom: 0;
 870      content: "";
 871      left: -28px;
 872      position: absolute;
 873      right: -28px;
 874      top: 0; }
 875    .block-editor-block-list__block .block-editor-block-list__block::before {
 876      left: 0;
 877      right: 0; }
 878    .block-editor-block-list__block[data-align="full"]::before {
 879      content: none; } }
 880  
 881  .block-editor-block-list__block .block-editor-warning {
 882    z-index: 5;
 883    position: relative;
 884    margin-right: -14px;
 885    margin-left: -14px;
 886    margin-bottom: -14px;
 887    transform: translateY(-14px); }
 888    .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
 889      margin-bottom: auto; }
 890  
 891  .block-editor-block-list__block .block-list-appender {
 892    margin: 14px; }
 893    .has-background .block-editor-block-list__block .block-list-appender {
 894      margin: 32px 14px; }
 895  
 896  .block-list-appender > .block-editor-inserter {
 897    display: block; }
 898  
 899  .block-editor-block-card {
 900    display: flex;
 901    align-items: flex-start; }
 902  
 903  .block-editor-block-card__icon {
 904    border: 1px solid #ccd0d4;
 905    padding: 7px;
 906    margin-right: 10px;
 907    height: 36px;
 908    width: 36px; }
 909  
 910  .block-editor-block-card__content {
 911    flex-grow: 1; }
 912  
 913  .block-editor-block-card__title {
 914    font-weight: 500;
 915    margin-bottom: 5px; }
 916  
 917  .block-editor-block-card__description {
 918    font-size: 13px; }
 919  
 920  .block-editor-block-card .block-editor-block-icon {
 921    margin-left: -2px;
 922    margin-right: 10px;
 923    padding: 0 3px;
 924    width: 36px;
 925    height: 24px; }
 926  
 927  /**
 928   * Invalid block comparison
 929   */
 930  .block-editor-block-compare {
 931    overflow: auto;
 932    height: auto; }
 933    @media (min-width: 600px) {
 934      .block-editor-block-compare {
 935        max-height: 70%; } }
 936  
 937  .block-editor-block-compare__wrapper {
 938    display: flex;
 939    padding-bottom: 16px; }
 940    .block-editor-block-compare__wrapper > div {
 941      display: flex;
 942      justify-content: space-between;
 943      flex-direction: column;
 944      width: 50%;
 945      padding: 0 16px 0 0;
 946      min-width: 200px; }
 947      .block-editor-block-compare__wrapper > div button {
 948        float: right; }
 949    .block-editor-block-compare__wrapper .block-editor-block-compare__converted {
 950      border-left: 1px solid #ddd;
 951      padding-left: 15px;
 952      padding-right: 0; }
 953    .block-editor-block-compare__wrapper .block-editor-block-compare__html {
 954      font-family: Menlo, Consolas, monaco, monospace;
 955      font-size: 12px;
 956      color: #23282d;
 957      border-bottom: 1px solid #ddd;
 958      padding-bottom: 15px;
 959      line-height: 1.7; }
 960      .block-editor-block-compare__wrapper .block-editor-block-compare__html span {
 961        background-color: #e6ffed;
 962        padding-top: 3px;
 963        padding-bottom: 3px; }
 964      .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
 965        background-color: #acf2bd; }
 966      .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
 967        background-color: #d94f4f; }
 968    .block-editor-block-compare__wrapper .block-editor-block-compare__preview {
 969      padding: 0;
 970      padding-top: 14px; }
 971      .block-editor-block-compare__wrapper .block-editor-block-compare__preview p {
 972        font-size: 12px;
 973        margin-top: 0; }
 974    .block-editor-block-compare__wrapper .block-editor-block-compare__action {
 975      margin-top: 14px; }
 976    .block-editor-block-compare__wrapper .block-editor-block-compare__heading {
 977      font-size: 1em;
 978      font-weight: 400;
 979      margin: 0.67em 0; }
 980  
 981  @media (min-width: 600px) {
 982    .block-editor-block-mover {
 983      min-height: 56px;
 984      opacity: 0;
 985      background: #fff;
 986      border: 1px solid rgba(66, 88, 99, 0.4);
 987      border-radius: 4px;
 988      transition: box-shadow 0.2s ease-out; } }
 989    @media (min-width: 600px) and (prefers-reduced-motion: reduce) {
 990      .block-editor-block-mover {
 991        transition-duration: 0s; } }
 992  
 993  @media (min-width: 600px) {
 994      .block-editor-block-mover.is-visible {
 995        animation: edit-post__fade-in-animation 0.2s ease-out 0s;
 996        animation-fill-mode: forwards; } }
 997      @media (min-width: 600px) and (prefers-reduced-motion: reduce) {
 998        .block-editor-block-mover.is-visible {
 999          animation-duration: 1ms; } }
1000  
1001  @media (min-width: 600px) {
1002      .block-editor-block-mover:hover {
1003        box-shadow: 0 2px 10px rgba(25, 30, 35, 0.1), 0 0 2px rgba(25, 30, 35, 0.1); }
1004      .block-editor-block-list__block:not([data-align="wide"]):not([data-align="full"]) .block-editor-block-mover {
1005        margin-top: -8px; } }
1006  
1007  .block-editor-block-mover__control {
1008    display: flex;
1009    align-items: center;
1010    justify-content: center;
1011    cursor: pointer;
1012    padding: 0;
1013    border: none;
1014    box-shadow: none;
1015    width: 28px;
1016    height: 24px; }
1017    .block-editor-block-mover__control svg {
1018      width: 28px;
1019      height: 24px;
1020      padding: 2px 5px; }
1021    .block-editor-block-mover__control[aria-disabled="true"] {
1022      cursor: default;
1023      pointer-events: none;
1024      color: rgba(14, 28, 46, 0.62); }
1025    @media (min-width: 600px) {
1026      .block-editor-block-mover__control {
1027        color: rgba(14, 28, 46, 0.62); }
1028        .block-editor-block-mover__control:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
1029          background-color: transparent;
1030          box-shadow: none; }
1031        .block-editor-block-mover__control:focus:not(:disabled) {
1032          background-color: transparent; } }
1033  
1034  .block-editor-block-mover__control-drag-handle {
1035    cursor: move;
1036    cursor: grab;
1037    fill: currentColor; }
1038    .block-editor-block-mover__control-drag-handle, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus {
1039      box-shadow: none;
1040      background: none;
1041      color: rgba(10, 24, 41, 0.7); }
1042    .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active {
1043      cursor: grabbing; }
1044  
1045  .block-editor-block-mover__description {
1046    display: none; }
1047  
1048  .block-editor-block-navigation__container {
1049    padding: 7px; }
1050  
1051  .block-editor-block-navigation__label {
1052    margin: 0 0 8px;
1053    color: #6c7781; }
1054  
1055  .block-editor-block-navigation__list,
1056  .block-editor-block-navigation__paragraph {
1057    padding: 0;
1058    margin: 0; }
1059  
1060  .block-editor-block-navigation__list .block-editor-block-navigation__list {
1061    margin-top: 2px;
1062    border-left: 2px solid #a2aab2;
1063    margin-left: 1em; }
1064    .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__list {
1065      margin-left: 1.5em; }
1066    .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item {
1067      position: relative; }
1068      .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item::before {
1069        position: absolute;
1070        left: 0;
1071        background: #a2aab2;
1072        width: 0.5em;
1073        height: 2px;
1074        content: "";
1075        top: calc(50% - 1px); }
1076    .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item-button {
1077      margin-left: 0.8em;
1078      width: calc(100% - 0.8em); }
1079    .block-editor-block-navigation__list .block-editor-block-navigation__list > li:last-child {
1080      position: relative; }
1081      .block-editor-block-navigation__list .block-editor-block-navigation__list > li:last-child::after {
1082        position: absolute;
1083        content: "";
1084        background: #fff;
1085        top: 19px;
1086        bottom: 0;
1087        left: -2px;
1088        width: 2px; }
1089  
1090  .block-editor-block-navigation__item-button {
1091    display: flex;
1092    align-items: center;
1093    width: 100%;
1094    padding: 6px;
1095    text-align: left;
1096    color: #40464d;
1097    border-radius: 4px; }
1098    .block-editor-block-navigation__item-button .block-editor-block-icon {
1099      margin-right: 6px; }
1100    .block-editor-block-navigation__item-button:hover:not(:disabled):not([aria-disabled="true"]) {
1101      color: #191e23;
1102      border: none;
1103      box-shadow: none;
1104      background: #f3f4f5; }
1105    .block-editor-block-navigation__item-button:focus:not(:disabled):not([aria-disabled="true"]) {
1106      color: #191e23;
1107      border: none;
1108      box-shadow: none;
1109      outline-offset: -2px;
1110      outline: 1px dotted #555d66; }
1111    .block-editor-block-navigation__item-button.is-selected, .block-editor-block-navigation__item-button.is-selected:focus {
1112      color: #32373c;
1113      background: #edeff0; }
1114  
1115  .components-popover.block-editor-block-navigation__popover {
1116    z-index: 99998; }
1117  
1118  .block-editor-block-preview__container {
1119    position: relative;
1120    width: 100%;
1121    overflow: hidden; }
1122    .block-editor-block-preview__container.is-ready {
1123      overflow: visible; }
1124  
1125  .block-editor-block-preview__content {
1126    position: absolute;
1127    top: 0;
1128    left: 0;
1129    transform-origin: top left;
1130    text-align: initial;
1131    margin: 0;
1132    overflow: visible;
1133    min-height: auto; }
1134    .block-editor-block-preview__content .block-editor-block-list__layout,
1135    .block-editor-block-preview__content .block-editor-block-list__block {
1136      padding: 0; }
1137    .block-editor-block-preview__content .editor-block-list__block-edit [data-block] {
1138      margin: 0; }
1139    .block-editor-block-preview__content > div section {
1140      height: auto; }
1141    .block-editor-block-preview__content .block-editor-block-list__insertion-point,
1142    .block-editor-block-preview__content .block-editor-block-drop-zone,
1143    .block-editor-block-preview__content .reusable-block-indicator,
1144    .block-editor-block-preview__content .block-list-appender {
1145      display: none; }
1146  
1147  .block-editor-block-settings-menu .components-dropdown-menu__toggle .dashicon {
1148    transform: rotate(90deg); }
1149  
1150  .block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
1151    padding: 0; }
1152  
1153  .block-editor-block-styles {
1154    display: flex;
1155    flex-wrap: wrap;
1156    justify-content: space-between; }
1157  
1158  .block-editor-block-styles__item {
1159    width: calc(50% - 4px);
1160    margin: 4px 0;
1161    flex-shrink: 0;
1162    cursor: pointer;
1163    overflow: hidden;
1164    border-radius: 4px;
1165    padding: 6px;
1166    padding-top: calc(50% * 0.75 - 4px * 1.5); }
1167    .block-editor-block-styles__item:focus {
1168      color: #191e23;
1169      box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2;
1170      outline: 2px solid transparent; }
1171    .block-editor-block-styles__item:hover {
1172      background: #f3f4f5;
1173      color: #191e23; }
1174    .block-editor-block-styles__item.is-active {
1175      color: #191e23;
1176      box-shadow: inset 0 0 0 2px #555d66;
1177      outline: 2px solid transparent;
1178      outline-offset: -2px; }
1179      .block-editor-block-styles__item.is-active:focus {
1180        color: #191e23;
1181        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2, inset 0 0 0 2px #555d66;
1182        outline: 4px solid transparent;
1183        outline-offset: -4px; }
1184  
1185  .block-editor-block-styles__item-preview {
1186    outline: 1px solid transparent;
1187    padding: 0;
1188    border: 1px solid rgba(25, 30, 35, 0.2);
1189    border-radius: 4px;
1190    display: flex;
1191    overflow: hidden;
1192    background: #fff;
1193    padding-top: 75%;
1194    margin-top: -75%; }
1195    .block-editor-block-styles__item-preview .block-editor-block-preview__container {
1196      padding-top: 0;
1197      margin: 0;
1198      margin-top: -75%; }
1199  
1200  .block-editor-block-styles__item-label {
1201    text-align: center;
1202    padding: 4px 2px; }
1203  
1204  .block-editor-block-switcher {
1205    position: relative;
1206    height: 36px; }
1207  
1208  .components-icon-button.block-editor-block-switcher__toggle,
1209  .components-icon-button.block-editor-block-switcher__no-switcher-icon {
1210    margin: 0;
1211    display: block;
1212    height: 36px;
1213    padding: 3px; }
1214  
1215  .components-icon-button.block-editor-block-switcher__no-switcher-icon {
1216    width: 48px; }
1217    .components-icon-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
1218      margin-right: auto;
1219      margin-left: auto; }
1220  
1221  .components-button.block-editor-block-switcher__no-switcher-icon:disabled {
1222    border-radius: 0;
1223    opacity: 0.84; }
1224    .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
1225      color: #555d66 !important;
1226      background: #f3f4f5 !important; }
1227  
1228  .components-icon-button.block-editor-block-switcher__toggle {
1229    width: auto; }
1230    .components-icon-button.block-editor-block-switcher__toggle:active, .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):not([aria-disabled="true"]):hover, .components-icon-button.block-editor-block-switcher__toggle:not([aria-disabled="true"]):focus {
1231      outline: none;
1232      box-shadow: none;
1233      background: none;
1234      border: none; }
1235    .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-icon,
1236    .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
1237      width: 42px;
1238      height: 30px;
1239      position: relative;
1240      margin: 0 auto;
1241      padding: 3px;
1242      display: flex;
1243      align-items: center;
1244      transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
1245      @media (prefers-reduced-motion: reduce) {
1246        .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-icon,
1247        .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
1248          transition-duration: 0s; } }
1249    .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-icon::after {
1250      content: "";
1251      pointer-events: none;
1252      display: block;
1253      width: 0;
1254      height: 0;
1255      border-left: 3px solid transparent;
1256      border-right: 3px solid transparent;
1257      border-top: 5px solid;
1258      margin-left: 4px;
1259      margin-right: 2px; }
1260    .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
1261      margin-top: 6px;
1262      border-radius: 4px; }
1263    .components-icon-button.block-editor-block-switcher__toggle[aria-expanded="true"] .block-editor-block-icon,
1264    .components-icon-button.block-editor-block-switcher__toggle[aria-expanded="true"] .block-editor-block-switcher__transform,
1265    .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-icon,
1266    .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-switcher__transform,
1267    .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon,
1268    .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform {
1269      transform: translateY(-36px); }
1270    .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon,
1271    .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform {
1272      box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;
1273      outline: 2px solid transparent; }
1274  
1275  .components-popover:not(.is-mobile).block-editor-block-switcher__popover .components-popover__content {
1276    min-width: 300px;
1277    max-width: calc(340px * 2);
1278    display: flex;
1279    background: #fff;
1280    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); }
1281  
1282  .block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__container {
1283    min-width: 300px;
1284    max-width: 340px;
1285    width: 50%; }
1286  
1287  @media (min-width: 782px) {
1288    .block-editor-block-switcher__popover .components-popover__content {
1289      position: relative; }
1290      .block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__preview {
1291        border-left: 1px solid #e2e4e7;
1292        box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
1293        background: #fff;
1294        width: 300px;
1295        height: auto;
1296        position: -webkit-sticky;
1297        position: sticky;
1298        -ms-grid-row-align: stretch;
1299            align-self: stretch;
1300        top: 0;
1301        padding: 10px; } }
1302  
1303  .block-editor-block-switcher__popover .components-popover__content .components-panel__body {
1304    border: 0;
1305    position: relative;
1306    z-index: 1; }
1307  
1308  .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body {
1309    border-top: 1px solid #e2e4e7; }
1310  
1311  .block-editor-block-switcher__popover .block-editor-block-styles {
1312    margin: 0 -3px; }
1313  
1314  .block-editor-block-switcher__popover .block-editor-block-types-list {
1315    margin: 8px -8px -8px; }
1316  
1317  .block-editor-block-switcher__preview-title {
1318    margin-bottom: 10px;
1319    color: #6c7781; }
1320  
1321  .block-editor-block-toolbar {
1322    display: flex;
1323    flex-grow: 1;
1324    width: 100%;
1325    overflow: auto;
1326    position: relative;
1327    border-left: 1px solid #b5bcc2;
1328    transition: border-color 0.1s linear, box-shadow 0.1s linear; }
1329    @media (prefers-reduced-motion: reduce) {
1330      .block-editor-block-toolbar {
1331        transition-duration: 0s; } }
1332    @media (min-width: 600px) {
1333      .block-editor-block-toolbar {
1334        overflow: inherit;
1335        border-left: none;
1336        box-shadow: -3px 0 0 0 #555d66; }
1337        .is-dark-theme .block-editor-block-toolbar {
1338          box-shadow: -3px 0 0 0 #d7dade; } }
1339    .block-editor-block-toolbar .components-toolbar {
1340      border: 0;
1341      border-top: 1px solid #b5bcc2;
1342      border-bottom: 1px solid #b5bcc2;
1343      border-right: 1px solid #b5bcc2;
1344      line-height: 0; }
1345    .has-fixed-toolbar .block-editor-block-toolbar {
1346      box-shadow: none;
1347      border-left: 1px solid #e2e4e7; }
1348      .has-fixed-toolbar .block-editor-block-toolbar .components-toolbar {
1349        border-color: #e2e4e7; }
1350  
1351  .block-editor-block-toolbar__slot {
1352    display: inline-block; }
1353    @supports ((position: -webkit-sticky) or (position: sticky)) {
1354      .block-editor-block-toolbar__slot {
1355        display: inline-flex; } }
1356  
1357  .block-editor-block-types-list {
1358    list-style: none;
1359    padding: 4px;
1360    margin-left: -4px;
1361    margin-right: -4px;
1362    overflow: hidden;
1363    display: flex;
1364    flex-wrap: wrap; }
1365  
1366  .block-editor-button-block-appender {
1367    display: flex;
1368    flex-direction: column;
1369    align-items: center;
1370    justify-content: center;
1371    padding: 21px;
1372    outline: 1px dashed #8d96a0;
1373    width: 100%;
1374    color: #555d66;
1375    background: rgba(237, 239, 240, 0.8); }
1376    .block-editor-button-block-appender:hover, .block-editor-button-block-appender:focus {
1377      outline: 1px dashed #555d66;
1378      color: #191e23; }
1379    .block-editor-button-block-appender:active {
1380      outline: 1px dashed #191e23;
1381      color: #191e23; }
1382    .is-dark-theme .block-editor-button-block-appender {
1383      background: rgba(50, 55, 60, 0.7);
1384      color: #f8f9f9; }
1385      .is-dark-theme .block-editor-button-block-appender:hover, .is-dark-theme .block-editor-button-block-appender:focus {
1386        outline: 1px dashed #fff; }
1387  
1388  .block-editor-color-palette-control__color-palette {
1389    display: inline-block;
1390    margin-top: 0.6rem; }
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: "Noto Serif", serif;
1404      font-size: 16px;
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 14px;
1417      color: rgba(14, 28, 46, 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:hover .block-editor-inserter-with-shortcuts {
1424      animation: edit-post__fade-in-animation 0.2s ease-out 0s;
1425      animation-fill-mode: forwards; }
1426      @media (prefers-reduced-motion: reduce) {
1427        .block-editor-default-block-appender:hover .block-editor-inserter-with-shortcuts {
1428          animation-duration: 1ms; } }
1429    .block-editor-default-block-appender .components-drop-zone__content-icon {
1430      display: none; }
1431  
1432  .block-editor-default-block-appender__content {
1433    min-height: 28px;
1434    line-height: 1.8; }
1435  
1436  .block-editor-block-list__empty-block-inserter,
1437  .block-editor-default-block-appender .block-editor-inserter,
1438  .block-editor-inserter-with-shortcuts {
1439    position: absolute;
1440    top: 0; }
1441    .block-editor-block-list__empty-block-inserter .components-icon-button,
1442    .block-editor-default-block-appender .block-editor-inserter .components-icon-button,
1443    .block-editor-inserter-with-shortcuts .components-icon-button {
1444      width: 28px;
1445      height: 28px;
1446      margin-right: 12px;
1447      padding: 0; }
1448    .block-editor-block-list__empty-block-inserter .block-editor-block-icon,
1449    .block-editor-default-block-appender .block-editor-inserter .block-editor-block-icon,
1450    .block-editor-inserter-with-shortcuts .block-editor-block-icon {
1451      margin: auto; }
1452    .block-editor-block-list__empty-block-inserter .components-icon-button svg,
1453    .block-editor-default-block-appender .block-editor-inserter .components-icon-button svg,
1454    .block-editor-inserter-with-shortcuts .components-icon-button svg {
1455      display: block;
1456      margin: auto; }
1457    .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
1458    .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle,
1459    .block-editor-inserter-with-shortcuts .block-editor-inserter__toggle {
1460      margin-right: 0; }
1461      .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover,
1462      .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover,
1463      .block-editor-inserter-with-shortcuts .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
1464        box-shadow: none; }
1465  
1466  .block-editor-block-list__empty-block-inserter,
1467  .block-editor-default-block-appender .block-editor-inserter {
1468    right: 8px; }
1469    @media (min-width: 600px) {
1470      .block-editor-block-list__empty-block-inserter,
1471      .block-editor-default-block-appender .block-editor-inserter {
1472        display: flex;
1473        align-items: center;
1474        height: 100%;
1475        left: -44px;
1476        right: auto; } }
1477    .block-editor-block-list__empty-block-inserter:disabled,
1478    .block-editor-default-block-appender .block-editor-inserter:disabled {
1479      display: none; }
1480    .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
1481    .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
1482      border-radius: 50%;
1483      width: 28px;
1484      height: 28px;
1485      padding: 0; }
1486      .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover),
1487      .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) {
1488        color: rgba(10, 24, 41, 0.7); }
1489        .is-dark-theme .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover), .is-dark-theme
1490        .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) {
1491          color: rgba(255, 255, 255, 0.75); }
1492  
1493  .block-editor-block-list__side-inserter .block-editor-inserter-with-shortcuts,
1494  .block-editor-default-block-appender .block-editor-inserter-with-shortcuts {
1495    right: 14px;
1496    display: none;
1497    z-index: 5; }
1498    @media (min-width: 600px) {
1499      .block-editor-block-list__side-inserter .block-editor-inserter-with-shortcuts,
1500      .block-editor-default-block-appender .block-editor-inserter-with-shortcuts {
1501        display: flex;
1502        align-items: center;
1503        height: 100%;
1504        right: 0; } }
1505  
1506  .block-editor-inner-blocks.has-overlay::after {
1507    content: "";
1508    position: absolute;
1509    top: -14px;
1510    right: -14px;
1511    bottom: -14px;
1512    left: -14px;
1513    z-index: 60; }
1514  
1515  [data-align="full"] > .editor-block-list__block-edit > [data-block] .has-overlay::after {
1516    right: 0;
1517    left: 0; }
1518  
1519  .block-editor-inner-blocks__template-picker .components-placeholder__instructions {
1520    margin-bottom: 0; }
1521  
1522  .block-editor-inner-blocks__template-picker .components-placeholder__fieldset {
1523    flex-direction: column; }
1524  
1525  .block-editor-inner-blocks__template-picker.has-many-options .components-placeholder__fieldset {
1526    max-width: 90%; }
1527  
1528  .block-editor-inner-blocks__template-picker-options.block-editor-inner-blocks__template-picker-options {
1529    display: flex;
1530    justify-content: center;
1531    flex-direction: row;
1532    flex-wrap: wrap;
1533    width: 100%;
1534    margin: 4px 0;
1535    list-style: none; }
1536    .block-editor-inner-blocks__template-picker-options.block-editor-inner-blocks__template-picker-options > li {
1537      list-style: none;
1538      margin: 8px;
1539      flex-shrink: 1;
1540      max-width: 100px; }
1541    .block-editor-inner-blocks__template-picker-options.block-editor-inner-blocks__template-picker-options .block-editor-inner-blocks__template-picker-option {
1542      padding: 8px; }
1543  
1544  .block-editor-inner-blocks__template-picker-option {
1545    width: 100%; }
1546    .block-editor-inner-blocks__template-picker-option.components-icon-button {
1547      justify-content: center; }
1548      .block-editor-inner-blocks__template-picker-option.components-icon-button.is-default {
1549        background-color: #fff; }
1550    .block-editor-inner-blocks__template-picker-option.components-button {
1551      height: auto;
1552      padding: 0; }
1553    .block-editor-inner-blocks__template-picker-option::before {
1554      content: "";
1555      padding-bottom: 100%; }
1556    .block-editor-inner-blocks__template-picker-option:first-child {
1557      margin-left: 0; }
1558    .block-editor-inner-blocks__template-picker-option:last-child {
1559      margin-right: 0; }
1560  
1561  .block-editor-inserter-with-shortcuts {
1562    display: flex;
1563    align-items: center; }
1564    .block-editor-inserter-with-shortcuts .components-icon-button {
1565      border-radius: 4px; }
1566      .block-editor-inserter-with-shortcuts .components-icon-button svg:not(.dashicon) {
1567        height: 24px;
1568        width: 24px; }
1569  
1570  .block-editor-inserter-with-shortcuts__block {
1571    margin-right: 4px;
1572    width: 36px;
1573    height: 36px;
1574    padding-top: 8px;
1575    color: rgba(10, 24, 41, 0.7); }
1576    .is-dark-theme .block-editor-inserter-with-shortcuts__block {
1577      color: rgba(255, 255, 255, 0.75); }
1578  
1579  .block-editor-inserter {
1580    display: inline-block;
1581    background: none;
1582    border: none;
1583    padding: 0;
1584    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1585    font-size: 13px;
1586    line-height: 1.4; }
1587    @media (min-width: 782px) {
1588      .block-editor-inserter {
1589        position: relative; } }
1590  
1591  @media (min-width: 782px) {
1592    .block-editor-inserter__popover:not(.is-mobile) > .components-popover__content {
1593      overflow-y: visible;
1594      height: 432px; } }
1595  
1596  .block-editor-inserter__toggle {
1597    display: inline-flex;
1598    align-items: center;
1599    color: #555d66;
1600    background: none;
1601    cursor: pointer;
1602    border: none;
1603    outline: none;
1604    transition: color 0.2s ease; }
1605    @media (prefers-reduced-motion: reduce) {
1606      .block-editor-inserter__toggle {
1607        transition-duration: 0s; } }
1608  
1609  .block-editor-inserter__menu {
1610    height: 100%;
1611    display: flex;
1612    width: auto; }
1613    @media (min-width: 782px) {
1614      .block-editor-inserter__menu {
1615        width: 400px;
1616        position: relative; }
1617        .block-editor-inserter__menu.has-help-panel {
1618          width: 700px; } }
1619  
1620  .block-editor-inserter__main-area {
1621    width: auto;
1622    display: flex;
1623    flex-direction: column;
1624    height: 100%; }
1625    @media (min-width: 782px) {
1626      .block-editor-inserter__main-area {
1627        width: 400px;
1628        position: relative; } }
1629  
1630  .block-editor-inserter__inline-elements {
1631    margin-top: -1px; }
1632  
1633  .block-editor-inserter__menu.is-bottom::after {
1634    border-bottom-color: #fff; }
1635  
1636  .components-popover.block-editor-inserter__popover {
1637    z-index: 99998; }
1638  
1639  .components-popover input[type="search"].block-editor-inserter__search {
1640    display: block;
1641    margin: 16px;
1642    padding: 11px 16px;
1643    position: relative;
1644    z-index: 1;
1645    border-radius: 4px;
1646    /* Fonts smaller than 16px causes mobile safari to zoom. */
1647    font-size: 16px; }
1648    @media (min-width: 600px) {
1649      .components-popover input[type="search"].block-editor-inserter__search {
1650        font-size: 13px; } }
1651    .components-popover input[type="search"].block-editor-inserter__search:focus {
1652      color: #191e23;
1653      border-color: #007cba;
1654      box-shadow: 0 0 0 1px #007cba;
1655      outline: 2px solid transparent; }
1656  
1657  .block-editor-inserter__results {
1658    flex-grow: 1;
1659    overflow: auto;
1660    position: relative;
1661    z-index: 1;
1662    padding: 0 16px 16px 16px; }
1663    .block-editor-inserter__results:focus {
1664      outline: 1px dotted #555d66; }
1665    @media (min-width: 782px) {
1666      .block-editor-inserter__results {
1667        height: 394px; } }
1668    .block-editor-inserter__results [role="presentation"] + .components-panel__body {
1669      border-top: none; }
1670  
1671  .block-editor-inserter__popover .block-editor-block-types-list {
1672    margin: 0 -8px; }
1673  
1674  .block-editor-inserter__reusable-blocks-panel {
1675    position: relative;
1676    text-align: right; }
1677  
1678  .block-editor-inserter__manage-reusable-blocks {
1679    margin: 16px 0 0 16px; }
1680  
1681  .block-editor-inserter__no-results {
1682    font-style: italic;
1683    padding: 24px;
1684    text-align: center; }
1685  
1686  .block-editor-inserter__child-blocks {
1687    padding: 0 16px; }
1688  
1689  .block-editor-inserter__parent-block-header {
1690    display: flex;
1691    align-items: center; }
1692    .block-editor-inserter__parent-block-header h2 {
1693      font-size: 13px; }
1694    .block-editor-inserter__parent-block-header .block-editor-block-icon {
1695      margin-right: 8px; }
1696  
1697  .block-editor-inserter__menu-help-panel {
1698    display: none;
1699    border-left: 1px solid #e2e4e7;
1700    width: 300px;
1701    height: 100%;
1702    padding: 20px;
1703    overflow-y: auto; }
1704    @media (min-width: 782px) {
1705      .block-editor-inserter__menu-help-panel {
1706        display: flex;
1707        flex-direction: column; } }
1708    .block-editor-inserter__menu-help-panel .block-editor-block-card {
1709      padding-bottom: 20px;
1710      margin-bottom: 20px;
1711      border-bottom: 1px solid #e2e4e7;
1712      animation: edit-post__fade-in-animation 0.2s ease-out 0s;
1713      animation-fill-mode: forwards; }
1714      @media (prefers-reduced-motion: reduce) {
1715        .block-editor-inserter__menu-help-panel .block-editor-block-card {
1716          animation-duration: 1ms; } }
1717    .block-editor-inserter__menu-help-panel .block-editor-inserter__preview {
1718      display: flex;
1719      flex-grow: 2; }
1720  
1721  .block-editor-inserter__menu-help-panel-no-block {
1722    display: flex;
1723    height: 100%;
1724    flex-direction: column;
1725    animation: edit-post__fade-in-animation 0.2s ease-out 0s;
1726    animation-fill-mode: forwards; }
1727    @media (prefers-reduced-motion: reduce) {
1728      .block-editor-inserter__menu-help-panel-no-block {
1729        animation-duration: 1ms; } }
1730    .block-editor-inserter__menu-help-panel-no-block .block-editor-inserter__menu-help-panel-no-block-text {
1731      flex-grow: 1; }
1732      .block-editor-inserter__menu-help-panel-no-block .block-editor-inserter__menu-help-panel-no-block-text h4 {
1733        font-size: 18px; }
1734    .block-editor-inserter__menu-help-panel-no-block .components-notice {
1735      margin: 0; }
1736    .block-editor-inserter__menu-help-panel-no-block h4 {
1737      margin-top: 0; }
1738  
1739  .block-editor-inserter__menu-help-panel-hover-area {
1740    flex-grow: 1;
1741    margin-top: 20px;
1742    padding: 20px;
1743    border: 1px dotted #e2e4e7;
1744    display: flex;
1745    align-items: center;
1746    text-align: center; }
1747  
1748  .block-editor-inserter__menu-help-panel-title {
1749    font-size: 18px;
1750    font-weight: 600;
1751    margin-bottom: 20px; }
1752  
1753  .block-editor-inserter__preview-content {
1754    border: 1px solid #e2e4e7;
1755    border-radius: 4px;
1756    min-height: 150px;
1757    display: -ms-grid;
1758    display: grid;
1759    flex-grow: 2; }
1760    .block-editor-inserter__preview-content .block-editor-block-preview__container {
1761      margin-right: 0;
1762      margin-left: 0;
1763      padding: 10px; }
1764  
1765  .block-editor-inserter__preview-content-missing {
1766    flex: 1;
1767    display: flex;
1768    justify-content: center;
1769    color: #606a73;
1770    border: 1px solid #e2e4e7;
1771    border-radius: 4px;
1772    align-items: center; }
1773  
1774  .block-editor-block-types-list__list-item {
1775    display: block;
1776    width: 33.33%;
1777    padding: 0;
1778    margin: 0 0 12px; }
1779  
1780  .block-editor-block-types-list__item {
1781    display: flex;
1782    flex-direction: column;
1783    width: 100%;
1784    font-size: 13px;
1785    color: #32373c;
1786    padding: 0 4px;
1787    align-items: stretch;
1788    justify-content: center;
1789    cursor: pointer;
1790    background: transparent;
1791    word-break: break-word;
1792    border-radius: 4px;
1793    border: 1px solid transparent;
1794    transition: all 0.05s ease-in-out;
1795    position: relative; }
1796    @media (prefers-reduced-motion: reduce) {
1797      .block-editor-block-types-list__item {
1798        transition-duration: 0s; } }
1799    .block-editor-block-types-list__item:disabled {
1800      opacity: 0.6;
1801      cursor: default; }
1802    .block-editor-block-types-list__item:not(:disabled):hover::before {
1803      content: "";
1804      display: block;
1805      background: #f3f4f5;
1806      color: #191e23;
1807      position: absolute;
1808      z-index: -1;
1809      border-radius: 4px;
1810      top: 0;
1811      right: 0;
1812      bottom: 0;
1813      left: 0; }
1814    .block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-icon,
1815    .block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
1816      color: inherit; }
1817    .block-editor-block-types-list__item:not(:disabled):active, .block-editor-block-types-list__item:not(:disabled):focus {
1818      position: relative;
1819      color: #191e23;
1820      box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2;
1821      outline: 2px solid transparent; }
1822      .block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-icon,
1823      .block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-title, .block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-icon,
1824      .block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-title {
1825        color: inherit; }
1826    .block-editor-block-types-list__item:not(:disabled).is-active {
1827      color: #191e23;
1828      box-shadow: inset 0 0 0 2px #555d66;
1829      outline: 2px solid transparent;
1830      outline-offset: -2px; }
1831      .block-editor-block-types-list__item:not(:disabled).is-active:focus {
1832        color: #191e23;
1833        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2, inset 0 0 0 2px #555d66;
1834        outline: 4px solid transparent;
1835        outline-offset: -4px; }
1836  
1837  .block-editor-block-types-list__item-icon {
1838    padding: 12px 20px;
1839    border-radius: 4px;
1840    color: #555d66;
1841    transition: all 0.05s ease-in-out; }
1842    @media (prefers-reduced-motion: reduce) {
1843      .block-editor-block-types-list__item-icon {
1844        transition-duration: 0s; } }
1845    .block-editor-block-types-list__item-icon .block-editor-block-icon {
1846      margin-left: auto;
1847      margin-right: auto; }
1848    .block-editor-block-types-list__item-icon svg {
1849      transition: all 0.15s ease-out; }
1850      @media (prefers-reduced-motion: reduce) {
1851        .block-editor-block-types-list__item-icon svg {
1852          transition-duration: 0s; } }
1853  
1854  .block-editor-block-types-list__item-title {
1855    padding: 4px 2px 8px; }
1856  
1857  .block-editor-media-placeholder__url-input-container {
1858    width: 100%; }
1859    .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button {
1860      margin-bottom: 0; }
1861  
1862  .block-editor-media-placeholder__url-input-form {
1863    display: flex; }
1864    .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field {
1865      width: 100%;
1866      flex-grow: 1;
1867      border: none;
1868      border-radius: 0;
1869      margin: 2px; }
1870      @media (min-width: 600px) {
1871        .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field {
1872          width: 300px; } }
1873  
1874  .block-editor-media-placeholder__url-input-submit-button {
1875    flex-shrink: 1; }
1876  
1877  .block-editor-media-placeholder__button {
1878    margin-bottom: 0.5rem; }
1879    .block-editor-media-placeholder__button .dashicon {
1880      vertical-align: middle;
1881      margin-bottom: 3px; }
1882    .block-editor-media-placeholder__button:hover {
1883      color: #23282d; }
1884  
1885  .block-editor-media-placeholder__cancel-button.is-link {
1886    margin: 1em;
1887    display: block; }
1888  
1889  .components-form-file-upload .block-editor-media-placeholder__button {
1890    margin-right: 4px; }
1891  
1892  .block-editor-media-placeholder.is-appender {
1893    min-height: 100px;
1894    outline: 1px dashed #8d96a0; }
1895    .block-editor-media-placeholder.is-appender:hover {
1896      outline: 1px dashed #555d66;
1897      cursor: pointer; }
1898    .is-dark-theme .block-editor-media-placeholder.is-appender:hover {
1899      outline: 1px dashed #fff; }
1900    .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__upload-button {
1901      margin-right: 4px; }
1902      .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__upload-button.components-button:hover, .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__upload-button.components-button:focus {
1903        box-shadow: none;
1904        border: 1px solid #555d66; }
1905  
1906  .block-editor-multi-selection-inspector__card {
1907    display: flex;
1908    align-items: flex-start;
1909    margin: -16px;
1910    padding: 16px; }
1911  
1912  .block-editor-multi-selection-inspector__card-content {
1913    flex-grow: 1; }
1914  
1915  .block-editor-multi-selection-inspector__card-title {
1916    font-weight: 500;
1917    margin-bottom: 5px; }
1918  
1919  .block-editor-multi-selection-inspector__card-description {
1920    font-size: 13px; }
1921  
1922  .block-editor-multi-selection-inspector__card .block-editor-block-icon {
1923    margin-left: -2px;
1924    margin-right: 10px;
1925    padding: 0 3px;
1926    width: 36px;
1927    height: 24px; }
1928  
1929  .block-editor-panel-color-settings .component-color-indicator {
1930    vertical-align: text-bottom; }
1931  
1932  .block-editor-panel-color-settings__panel-title .component-color-indicator {
1933    display: inline-block; }
1934  
1935  .block-editor-panel-color-settings.is-opened .block-editor-panel-color-settings__panel-title .component-color-indicator {
1936    display: none; }
1937  
1938  .block-editor .block-editor-plain-text {
1939    box-shadow: none;
1940    font-family: inherit;
1941    font-size: inherit;
1942    color: inherit;
1943    line-height: inherit;
1944    border: none;
1945    padding: 0;
1946    margin: 0;
1947    width: 100%; }
1948  
1949  .block-editor-format-toolbar {
1950    display: flex;
1951    flex-shrink: 0; }
1952  
1953  .block-editor-format-toolbar__selection-position {
1954    position: absolute;
1955    transform: translateX(-50%); }
1956  
1957  .block-editor-format-toolbar .components-dropdown-menu__toggle .components-dropdown-menu__indicator::after {
1958    margin: 7px; }
1959  
1960  .block-editor-rich-text {
1961    position: relative; }
1962  
1963  .block-editor-rich-text__editable > p:first-child {
1964    margin-top: 0; }
1965  
1966  .block-editor-rich-text__editable a {
1967    color: #007fac; }
1968  
1969  .block-editor-rich-text__editable code {
1970    padding: 2px;
1971    border-radius: 2px;
1972    color: #23282d;
1973    background: #f3f4f5;
1974    font-family: Menlo, Consolas, monaco, monospace;
1975    font-size: inherit; }
1976    .is-multi-selected .block-editor-rich-text__editable code {
1977      background: #67cffd; }
1978  
1979  .block-editor-rich-text__editable:focus {
1980    outline: none; }
1981    .block-editor-rich-text__editable:focus *[data-rich-text-format-boundary] {
1982      border-radius: 2px; }
1983  
1984  .block-editor-rich-text__editable [data-rich-text-placeholder] {
1985    pointer-events: none; }
1986  
1987  .block-editor-rich-text__editable [data-rich-text-placeholder]::after {
1988    content: attr(data-rich-text-placeholder);
1989    opacity: 0.62; }
1990  
1991  .block-editor-rich-text__editable.is-selected:not(.keep-placeholder-on-focus) [data-rich-text-placeholder]::after {
1992    display: none; }
1993  
1994  figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
1995    opacity: 0.8; }
1996  
1997  .block-editor-rich-text__inline-toolbar {
1998    display: flex;
1999    justify-content: center;
2000    position: absolute;
2001    top: -40px;
2002    line-height: 0;
2003    left: 0;
2004    right: 0;
2005    z-index: 1; }
2006    .block-editor-rich-text__inline-toolbar ul.components-toolbar {
2007      box-shadow: 0 2px 10px rgba(25, 30, 35, 0.1), 0 0 2px rgba(25, 30, 35, 0.1); }
2008  
2009  .block-editor-skip-to-selected-block {
2010    position: absolute;
2011    top: -9999em; }
2012    .block-editor-skip-to-selected-block:focus {
2013      height: auto;
2014      width: auto;
2015      display: block;
2016      font-size: 14px;
2017      font-weight: 600;
2018      padding: 15px 23px 14px;
2019      background: #f1f1f1;
2020      color: #11a0d2;
2021      line-height: normal;
2022      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
2023      text-decoration: none;
2024      outline: none;
2025      z-index: 100000; }
2026    body.admin-color-sunrise .block-editor-skip-to-selected-block:focus{
2027      color: #c8b03c; }
2028    body.admin-color-ocean .block-editor-skip-to-selected-block:focus{
2029      color: #a89d8a; }
2030    body.admin-color-midnight .block-editor-skip-to-selected-block:focus{
2031      color: #77a6b9; }
2032    body.admin-color-ectoplasm .block-editor-skip-to-selected-block:focus{
2033      color: #c77430; }
2034    body.admin-color-coffee .block-editor-skip-to-selected-block:focus{
2035      color: #9fa47b; }
2036    body.admin-color-blue .block-editor-skip-to-selected-block:focus{
2037      color: #d9ab59; }
2038    body.admin-color-light .block-editor-skip-to-selected-block:focus{
2039      color: #c75726; }
2040  
2041  .block-editor-block-list__block .block-editor-url-input,
2042  .components-popover .block-editor-url-input,
2043  .block-editor-url-input {
2044    flex-grow: 1;
2045    position: relative;
2046    padding: 1px; }
2047    .block-editor-block-list__block .block-editor-url-input input[type="text"],
2048    .components-popover .block-editor-url-input input[type="text"],
2049    .block-editor-url-input input[type="text"] {
2050      width: 100%;
2051      padding: 8px;
2052      border: none;
2053      border-radius: 0;
2054      margin-left: 0;
2055      margin-right: 0;
2056      /* Fonts smaller than 16px causes mobile safari to zoom. */
2057      font-size: 16px; }
2058      @media (min-width: 600px) {
2059        .block-editor-block-list__block .block-editor-url-input input[type="text"],
2060        .components-popover .block-editor-url-input input[type="text"],
2061        .block-editor-url-input input[type="text"] {
2062          width: 300px; } }
2063      @media (min-width: 600px) {
2064        .block-editor-block-list__block .block-editor-url-input input[type="text"],
2065        .components-popover .block-editor-url-input input[type="text"],
2066        .block-editor-url-input input[type="text"] {
2067          font-size: 13px; } }
2068      .block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear,
2069      .components-popover .block-editor-url-input input[type="text"]::-ms-clear,
2070      .block-editor-url-input input[type="text"]::-ms-clear {
2071        display: none; }
2072    .block-editor-block-list__block .block-editor-url-input.has-border input[type="text"],
2073    .components-popover .block-editor-url-input.has-border input[type="text"],
2074    .block-editor-url-input.has-border input[type="text"] {
2075      border: 1px solid #555d66;
2076      border-radius: 4px; }
2077    .block-editor-block-list__block .block-editor-url-input.is-full-width,
2078    .components-popover .block-editor-url-input.is-full-width,
2079    .block-editor-url-input.is-full-width {
2080      width: 100%; }
2081      .block-editor-block-list__block .block-editor-url-input.is-full-width input[type="text"],
2082      .components-popover .block-editor-url-input.is-full-width input[type="text"],
2083      .block-editor-url-input.is-full-width input[type="text"] {
2084        width: 100%; }
2085      .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,
2086      .components-popover .block-editor-url-input.is-full-width__suggestions,
2087      .block-editor-url-input.is-full-width__suggestions {
2088        width: 100%; }
2089    .block-editor-block-list__block .block-editor-url-input .components-spinner,
2090    .components-popover .block-editor-url-input .components-spinner,
2091    .block-editor-url-input .components-spinner {
2092      position: absolute;
2093      right: 8px;
2094      top: 9px;
2095      margin: 0; }
2096  
2097  .block-editor-url-input__suggestions {
2098    max-height: 200px;
2099    transition: all 0.15s ease-in-out;
2100    padding: 4px 0;
2101    width: 302px;
2102    overflow-y: auto; }
2103    @media (prefers-reduced-motion: reduce) {
2104      .block-editor-url-input__suggestions {
2105        transition-duration: 0s; } }
2106  
2107  .block-editor-url-input__suggestions,
2108  .block-editor-url-input .components-spinner {
2109    display: none; }
2110    @media (min-width: 600px) {
2111      .block-editor-url-input__suggestions,
2112      .block-editor-url-input .components-spinner {
2113        display: inherit; } }
2114  
2115  .block-editor-url-input__suggestion {
2116    padding: 4px 8px;
2117    color: #6c7781;
2118    display: block;
2119    font-size: 13px;
2120    cursor: pointer;
2121    background: #fff;
2122    width: 100%;
2123    border: none;
2124    text-align: left;
2125    border: none;
2126    box-shadow: none; }
2127    .block-editor-url-input__suggestion:hover {
2128      background: #e2e4e7; }
2129    .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected {
2130      background: rgb(0, 113, 158);
2131      color: #fff;
2132      outline: none; }
2133    body.admin-color-sunrise .block-editor-url-input__suggestion:focus, body.admin-color-sunrise .block-editor-url-input__suggestion.is-selected{
2134      background: rgb(178, 114, 63); }
2135    body.admin-color-ocean .block-editor-url-input__suggestion:focus, body.admin-color-ocean .block-editor-url-input__suggestion.is-selected{
2136      background: rgb(139, 157, 138); }
2137    body.admin-color-midnight .block-editor-url-input__suggestion:focus, body.admin-color-midnight .block-editor-url-input__suggestion.is-selected{
2138      background: rgb(191, 65, 57); }
2139    body.admin-color-ectoplasm .block-editor-url-input__suggestion:focus, body.admin-color-ectoplasm .block-editor-url-input__suggestion.is-selected{
2140      background: rgb(142, 155, 73); }
2141    body.admin-color-coffee .block-editor-url-input__suggestion:focus, body.admin-color-coffee .block-editor-url-input__suggestion.is-selected{
2142      background: rgb(165, 141, 119); }
2143    body.admin-color-blue .block-editor-url-input__suggestion:focus, body.admin-color-blue .block-editor-url-input__suggestion.is-selected{
2144      background: rgb(111, 153, 173); }
2145    body.admin-color-light .block-editor-url-input__suggestion:focus, body.admin-color-light .block-editor-url-input__suggestion.is-selected{
2146      background: rgb(0, 113, 158); }
2147  
2148  .components-toolbar > .block-editor-url-input__button {
2149    position: inherit; }
2150  
2151  .block-editor-url-input__button .block-editor-url-input__back {
2152    margin-right: 4px;
2153    overflow: visible; }
2154    .block-editor-url-input__button .block-editor-url-input__back::after {
2155      content: "";
2156      position: absolute;
2157      display: block;
2158      width: 1px;
2159      height: 24px;
2160      right: -1px;
2161      background: #e2e4e7; }
2162  
2163  .block-editor-url-input__button-modal {
2164    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
2165    border: 1px solid #e2e4e7;
2166    background: #fff; }
2167  
2168  .block-editor-url-input__button-modal-line {
2169    display: flex;
2170    flex-direction: row;
2171    flex-grow: 1;
2172    flex-shrink: 1;
2173    min-width: 0;
2174    align-items: flex-start; }
2175    .block-editor-url-input__button-modal-line .components-button {
2176      flex-shrink: 0;
2177      width: 36px;
2178      height: 36px; }
2179  
2180  .block-editor-url-popover__additional-controls {
2181    border-top: 1px solid #e2e4e7; }
2182  
2183  .block-editor-url-popover__additional-controls > div[role="menu"] .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default) > svg {
2184    box-shadow: none; }
2185  
2186  .block-editor-url-popover__additional-controls div[role="menu"] > .components-icon-button {
2187    padding-left: 2px; }
2188  
2189  .block-editor-url-popover__row {
2190    display: flex; }
2191  
2192  .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) {
2193    flex-grow: 1; }
2194  
2195  .block-editor-url-popover .components-icon-button {
2196    padding: 3px; }
2197    .block-editor-url-popover .components-icon-button > svg {
2198      padding: 5px;
2199      border-radius: 4px;
2200      height: 30px;
2201      width: 30px; }
2202    .block-editor-url-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
2203      box-shadow: none; }
2204      .block-editor-url-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover > svg {
2205        color: #555d66;
2206        box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; }
2207    .block-editor-url-popover .components-icon-button:not(:disabled):focus {
2208      box-shadow: none; }
2209      .block-editor-url-popover .components-icon-button:not(:disabled):focus > svg {
2210        box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;
2211        outline: 2px solid transparent; }
2212  
2213  .block-editor-url-popover__settings-toggle {
2214    flex-shrink: 0;
2215    border-radius: 0;
2216    border-left: 1px solid #e2e4e7;
2217    margin-left: 1px; }
2218    .block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon {
2219      transform: rotate(180deg); }
2220  
2221  .block-editor-url-popover__settings {
2222    display: block;
2223    padding: 16px;
2224    border-top: 1px solid #e2e4e7; }
2225    .block-editor-url-popover__settings .components-base-control:last-child,
2226    .block-editor-url-popover__settings .components-base-control:last-child .components-base-control__field {
2227      margin-bottom: 0; }
2228  
2229  .block-editor-url-popover__link-editor,
2230  .block-editor-url-popover__link-viewer {
2231    display: flex; }
2232  
2233  .block-editor-url-popover__link-viewer-url {
2234    margin: 7px;
2235    flex-grow: 1;
2236    flex-shrink: 1;
2237    overflow: hidden;
2238    text-overflow: ellipsis;
2239    white-space: nowrap;
2240    min-width: 150px;
2241    max-width: 500px; }
2242    .block-editor-url-popover__link-viewer-url.has-invalid-link {
2243      color: #d94f4f; }
2244  
2245  .block-editor-warning {
2246    display: flex;
2247    flex-direction: row;
2248    justify-content: space-between;
2249    flex-wrap: nowrap;
2250    background-color: #fff;
2251    border: 1px solid #e2e4e7;
2252    text-align: left;
2253    padding: 10px 14px 14px; }
2254    .has-warning.is-multi-selected .block-editor-warning {
2255      background-color: transparent; }
2256    .is-selected .block-editor-warning {
2257      border-color: rgba(66, 88, 99, 0.4); }
2258      @media (min-width: 600px) {
2259        .is-selected .block-editor-warning {
2260          border-left-color: transparent; } }
2261      .is-dark-theme .is-selected .block-editor-warning {
2262        border-color: rgba(255, 255, 255, 0.45); }
2263    .block-editor-warning .block-editor-warning__message {
2264      line-height: 1.4;
2265      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2266      font-size: 13px;
2267      margin: 1em 0; }
2268    .block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
2269      min-height: auto; }
2270    .block-editor-warning .block-editor-warning__contents {
2271      display: flex;
2272      flex-direction: row;
2273      justify-content: space-between;
2274      flex-wrap: wrap;
2275      align-items: baseline;
2276      width: 100%; }
2277    .block-editor-warning .block-editor-warning__actions {
2278      display: flex; }
2279    .block-editor-warning .block-editor-warning__action {
2280      margin: 0 6px 0 0; }
2281  
2282  .block-editor-warning__secondary {
2283    margin: 5px 0 0 -4px;
2284    height: 36px; }
2285    .block-editor-warning__secondary .components-icon-button {
2286      width: auto;
2287      padding: 8px 2px; }
2288    @media (min-width: 600px) {
2289      .block-editor-warning__secondary {
2290        margin-left: 4px; }
2291        .block-editor-warning__secondary .components-icon-button {
2292          padding: 8px 4px; } }
2293    .block-editor-warning__secondary .components-button svg {
2294      transform: rotate(90deg); }
2295  
2296  .block-editor-writing-flow {
2297    display: flex;
2298    flex-direction: column; }
2299  
2300  .block-editor-writing-flow__click-redirect {
2301    cursor: text; }
2302  
2303  .html-anchor-control .components-external-link {
2304    display: block;
2305    margin-top: 8px; }


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7