wp/wp-includes/css/dist/block-editor/style-rtl.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
equal deleted inserted replaced
17:34716fd837a4 18:be944660c56a
     1 @charset "UTF-8";
     1 @charset "UTF-8";
     2 /**
     2 /**
     3  * Colors
     3  * Colors
     4  */
     4  */
     5 /**
     5 /**
     6  * Deprecated colors.
       
     7  * Please avoid using these.
       
     8  */
       
     9 /**
       
    10  * Breakpoints & Media Queries
     6  * Breakpoints & Media Queries
    11  */
     7  */
    12 /**
     8 /**
    13  * Colors
     9  * SCSS Variables.
       
    10  *
       
    11  * Please use variables from this sheet to ensure consistency across the UI.
       
    12  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
       
    13  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
    14  */
    14  */
    15 /**
    15 /**
    16  * Deprecated colors.
    16  * Colors
    17  * Please avoid using these.
       
    18  */
    17  */
    19 /**
    18 /**
    20  * Fonts & basic variables.
    19  * Fonts & basic variables.
    21  */
    20  */
    22 /**
    21 /**
    31  */
    30  */
    32 /**
    31 /**
    33  * Editor widths.
    32  * Editor widths.
    34  */
    33  */
    35 /**
    34 /**
    36  * Block UI.
    35  * Block & Editor UI.
    37  */
    36  */
    38 /**
    37 /**
    39  * Border radii.
    38  * Block paddings.
       
    39  */
       
    40 /**
       
    41  * React Native specific.
       
    42  * These variables do not appear to be used anywhere else.
    40  */
    43  */
    41 /**
    44 /**
    42  * Breakpoint mixins
    45  * Breakpoint mixins
    43  */
    46  */
    44 /**
    47 /**
    67  * Reset the WP Admin page styles for Gutenberg-like pages.
    70  * Reset the WP Admin page styles for Gutenberg-like pages.
    68  */
    71  */
    69 :root {
    72 :root {
    70   --wp-admin-theme-color: #007cba;
    73   --wp-admin-theme-color: #007cba;
    71   --wp-admin-theme-color-darker-10: #006ba1;
    74   --wp-admin-theme-color-darker-10: #006ba1;
    72   --wp-admin-theme-color-darker-20: #005a87; }
    75   --wp-admin-theme-color-darker-20: #005a87;
       
    76   --wp-admin-border-width-focus: 2px;
       
    77 }
       
    78 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
    79   :root {
       
    80     --wp-admin-border-width-focus: 1.5px;
       
    81   }
       
    82 }
    73 
    83 
    74 #start-resizable-editor-section {
    84 #start-resizable-editor-section {
    75   display: none; }
    85   display: none;
    76 
    86 }
       
    87 
       
    88 .block-editor-autocompleters__block {
       
    89   white-space: nowrap;
       
    90 }
    77 .block-editor-autocompleters__block .block-editor-block-icon {
    91 .block-editor-autocompleters__block .block-editor-block-icon {
    78   margin-left: 8px; }
    92   margin-left: 8px;
    79 
    93 }
    80 .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content {
    94 
       
    95 .block-editor-block-alignment-matrix-control__popover .components-popover__content {
    81   min-width: 0;
    96   min-width: 0;
    82   width: auto; }
    97   width: auto;
    83   .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content > div {
    98 }
    84     padding: 8px; }
    99 .block-editor-block-alignment-matrix-control__popover .components-popover__content > div {
       
   100   padding: 8px;
       
   101 }
    85 
   102 
    86 .block-editor-block-icon {
   103 .block-editor-block-icon {
    87   display: flex;
   104   display: flex;
    88   align-items: center;
   105   align-items: center;
    89   justify-content: center;
   106   justify-content: center;
    90   width: 24px;
   107   width: 24px;
    91   height: 24px; }
   108   height: 24px;
    92   .block-editor-block-icon.has-colors svg {
   109 }
    93     fill: currentColor; }
   110 .block-editor-block-icon.has-colors svg {
    94   .block-editor-block-icon svg {
   111   fill: currentColor;
    95     min-width: 20px;
   112 }
    96     min-height: 20px;
   113 .block-editor-block-icon svg {
    97     max-width: 24px;
   114   min-width: 20px;
    98     max-height: 24px; }
   115   min-height: 20px;
    99 
   116   max-width: 24px;
       
   117   max-height: 24px;
       
   118 }
       
   119 
       
   120 .block-editor-block-inspector p {
       
   121   margin-top: 0;
       
   122 }
       
   123 .block-editor-block-inspector h2,
       
   124 .block-editor-block-inspector h3 {
       
   125   font-size: 13px;
       
   126   color: #1e1e1e;
       
   127   margin-bottom: 1.5em;
       
   128 }
   100 .block-editor-block-inspector .components-base-control {
   129 .block-editor-block-inspector .components-base-control {
   101   margin-bottom: 24px; }
   130   margin-bottom: 24px;
   102   .block-editor-block-inspector .components-base-control:last-child {
   131 }
   103     margin-bottom: 8px; }
   132 .block-editor-block-inspector .components-base-control:last-child {
   104 
   133   margin-bottom: 8px;
       
   134 }
   105 .block-editor-block-inspector .components-panel__body {
   135 .block-editor-block-inspector .components-panel__body {
   106   border: none;
   136   border: none;
   107   border-top: 1px solid #f0f0f0; }
   137   border-top: 1px solid #e0e0e0;
   108 
   138 }
   109 .block-editor-block-inspector .block-editor-block-card {
   139 .block-editor-block-inspector .block-editor-block-card {
   110   padding: 16px; }
   140   padding: 16px;
       
   141 }
   111 
   142 
   112 .block-editor-block-inspector__no-blocks {
   143 .block-editor-block-inspector__no-blocks {
   113   display: block;
   144   display: block;
   114   font-size: 13px;
   145   font-size: 13px;
   115   background: #fff;
   146   background: #fff;
   116   padding: 32px 16px;
   147   padding: 32px 16px;
   117   text-align: center; }
   148   text-align: center;
   118 
   149 }
   119 .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * {
       
   120   z-index: 1; }
       
   121 
   150 
   122 .block-editor-block-styles .block-editor-block-list__block {
   151 .block-editor-block-styles .block-editor-block-list__block {
   123   margin: 0; }
   152   margin: 0;
       
   153 }
   124 
   154 
   125 /**
   155 /**
   126  * Notices & Block Selected/Hover Styles.
   156  * Notices & Block Selected/Hover Styles.
   127  */
   157  */
       
   158 /**
       
   159  * Cross-Block Selection
       
   160  */
       
   161 .block-editor-block-list__layout {
       
   162   position: relative;
       
   163 }
       
   164 .block-editor-block-list__layout.is-navigate-mode {
       
   165   cursor: default;
       
   166 }
       
   167 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after,
       
   168 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
       
   169 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
       
   170   position: absolute;
       
   171   z-index: 1;
       
   172   pointer-events: none;
       
   173   content: "";
       
   174   top: 1px;
       
   175   bottom: 1px;
       
   176   right: 1px;
       
   177   left: 1px;
       
   178   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
       
   179   border-radius: 1px;
       
   180   outline: 2px solid transparent;
       
   181 }
       
   182 .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after,
       
   183 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
       
   184 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
       
   185   box-shadow: 0 0 0 1px #fff;
       
   186 }
       
   187 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection,
       
   188 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection,
       
   189 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection {
       
   190   background: transparent;
       
   191 }
       
   192 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected)::after {
       
   193   box-shadow: 0 0 0 1px #949494;
       
   194 }
       
   195 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
       
   196 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected {
       
   197   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
       
   198   outline: var(--wp-admin-border-width-focus) solid transparent;
       
   199 }
       
   200 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::before {
       
   201   content: "";
       
   202   position: absolute;
       
   203   z-index: 0;
       
   204   pointer-events: none;
       
   205   transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
       
   206   left: 0;
       
   207   right: 0;
       
   208   top: -14px;
       
   209   border-radius: 2px;
       
   210   border-top: 4px solid #ccc;
       
   211 }
       
   212 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after {
       
   213   content: none;
       
   214 }
       
   215 .block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::before {
       
   216   border-color: var(--wp-admin-theme-color);
       
   217 }
       
   218 
       
   219 .is-block-moving-mode.block-editor-block-list__block-selection-button {
       
   220   opacity: 0;
       
   221   font-size: 1px;
       
   222   height: 1px;
       
   223   padding: 0;
       
   224 }
       
   225 
   128 .block-editor-block-list__layout .block-editor-block-list__block {
   226 .block-editor-block-list__layout .block-editor-block-list__block {
   129   position: relative;
   227   position: relative;
   130   overflow-wrap: break-word;
   228   overflow-wrap: break-word;
   131   /**
   229   /**
   132 	 * Notices
   230    * Notices
   133 	 */
   231    */
   134   /**
   232   /**
   135 	 * Block Layout
   233    * Block Layout
   136 	 */ }
   234    */
   137   .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
   235   /**
   138     margin: -10px 0 12px 0; }
   236   * Block styles and alignments
   139   .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
   237   */
   140     margin: 0 0 12px 0;
   238 }
   141     width: 100%; }
   239 .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * {
   142     .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice {
   240   z-index: 1;
   143       margin-right: 0;
   241 }
   144       margin-left: 0; }
   242 .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
   145       .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {
   243   margin: -10px 0 12px 0;
   146         font-size: 13px; }
   244 }
   147   .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus {
   245 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
   148     outline: none; }
   246   margin: 0 0 12px 0;
   149     .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
   247   width: 100%;
   150       position: absolute;
   248 }
   151       z-index: 1;
   249 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice {
   152       pointer-events: none;
   250   margin-right: 0;
   153       content: "";
   251   margin-left: 0;
   154       top: 1px;
   252 }
   155       bottom: 1px;
   253 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {
   156       right: 1px;
   254   font-size: 13px;
   157       left: 1px;
   255 }
   158       box-shadow: 0 0 0 1.5px #007cba;
   256 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus {
   159       box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
   257   outline: none;
   160       border-radius: 1px; }
   258 }
   161       .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
   259 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
   162         box-shadow: 0 0 0 1.5px #fff; }
   260   position: absolute;
   163   .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) {
   261   z-index: 1;
   164     opacity: 0.5;
   262   pointer-events: none;
   165     transition: opacity 0.1s linear; }
   263   content: "";
   166     @media (prefers-reduced-motion: reduce) {
   264   top: 1px;
   167       .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) {
   265   bottom: 1px;
   168         transition-duration: 0s; } }
   266   right: 1px;
   169     .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 {
   267   left: 1px;
   170       opacity: 1; }
   268   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   171 
   269   border-radius: 1px;
   172 .block-editor-block-list__layout .block-editor-block-list__block,
   270 }
   173 .block-editor-block-list__layout .block-list-appender {
   271 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
   174   position: relative; }
   272   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
   175   .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before,
   273 }
   176   .block-editor-block-list__layout .block-list-appender.is-drop-target::before {
       
   177     content: "";
       
   178     position: absolute;
       
   179     z-index: 0;
       
   180     pointer-events: none;
       
   181     transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
       
   182     top: -14px;
       
   183     left: 0;
       
   184     right: 0;
       
   185     border-top: 4px solid #007cba;
       
   186     border-top: 4px solid var(--wp-admin-theme-color); }
       
   187   .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target.is-dropping-horizontally::before,
       
   188   .block-editor-block-list__layout .block-list-appender.is-drop-target.is-dropping-horizontally::before {
       
   189     top: 0;
       
   190     bottom: 0;
       
   191     right: -6px;
       
   192     border-top: none;
       
   193     border-right: 4px solid #007cba;
       
   194     border-right: 4px solid var(--wp-admin-theme-color); }
       
   195 
       
   196 /**
       
   197  * Cross-Block Selection
       
   198  */
       
   199 .block-editor-block-list__layout {
       
   200   position: relative; }
       
   201   .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after,
       
   202   .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after,
       
   203   .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
       
   204   .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
       
   205     position: absolute;
       
   206     z-index: 1;
       
   207     pointer-events: none;
       
   208     content: "";
       
   209     top: 1px;
       
   210     bottom: 1px;
       
   211     right: 1px;
       
   212     left: 1px; }
       
   213   .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after,
       
   214   .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after,
       
   215   .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
       
   216   .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
       
   217     box-shadow: 0 0 0 1.5px #007cba;
       
   218     box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
       
   219     border-radius: 1px;
       
   220     transition: box-shadow 0.2s ease-out;
       
   221     outline: 2px solid transparent; }
       
   222     @media (prefers-reduced-motion: reduce) {
       
   223       .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after,
       
   224       .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after,
       
   225       .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
       
   226       .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
       
   227         transition-duration: 0s; } }
       
   228     .is-dark-theme .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-dark-theme
       
   229     .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .is-dark-theme
       
   230     .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .is-dark-theme
       
   231     .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
       
   232       box-shadow: 0 0 0 1.5px #fff; }
       
   233   .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected .components-placeholder ::selection,
       
   234   .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered .components-placeholder ::selection,
       
   235   .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection,
       
   236   .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection {
       
   237     background: transparent; }
       
   238   .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered:not(.is-selected)::after {
       
   239     box-shadow: 0 0 0 1px #949494; }
       
   240   .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected {
       
   241     box-shadow: 0 0 0 1.5px #007cba;
       
   242     box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
       
   243     outline: 1.5px solid transparent; }
       
   244   .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before {
       
   245     content: "";
       
   246     position: absolute;
       
   247     z-index: 0;
       
   248     pointer-events: none;
       
   249     transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
       
   250     left: 0;
       
   251     right: 0;
       
   252     top: -14px;
       
   253     border-radius: 2px;
       
   254     border-top: 4px solid #ccc; }
       
   255   .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after {
       
   256     content: none; }
       
   257   .is-block-moving-mode.can-insert-moving-block .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before {
       
   258     border-color: #007cba;
       
   259     border-color: var(--wp-admin-theme-color); }
       
   260 
       
   261 .is-block-moving-mode.block-editor-block-list__block-selection-button {
       
   262   opacity: 0;
       
   263   font-size: 1px;
       
   264   height: 1px;
       
   265   padding: 0; }
       
   266 
       
   267 /**
       
   268  * Block styles and alignments
       
   269  */
       
   270 .block-editor-block-list__layout .block-editor-block-list__block.has-warning {
       
   271   min-height: 36px; }
       
   272 
       
   273 .block-editor-block-list__layout .block-editor-block-list__block::after {
   274 .block-editor-block-list__layout .block-editor-block-list__block::after {
   274   content: "";
   275   content: "";
   275   pointer-events: none;
   276   pointer-events: none;
   276   position: absolute;
   277   position: absolute;
   277   top: 0;
   278   top: 0;
   278   left: 0;
   279   left: 0;
   279   bottom: 0;
   280   bottom: 0;
   280   right: 0;
   281   right: 0;
   281   border-radius: 2px;
   282   border-radius: 2px;
   282   box-shadow: 0 0 0 1.5px transparent;
   283   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) transparent;
   283   transition: box-shadow 0.1s ease-in; }
   284 }
   284   @media (prefers-reduced-motion: reduce) {
   285 .block-editor-block-list__layout .block-editor-block-list__block.has-warning {
   285     .block-editor-block-list__layout .block-editor-block-list__block::after {
   286   min-height: 48px;
   286       transition-duration: 0s; } }
   287 }
   287 
       
   288 .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
   288 .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
   289   pointer-events: none;
   289   pointer-events: none;
   290   -webkit-user-select: none;
   290   -webkit-user-select: none;
   291       -ms-user-select: none;
   291           user-select: none;
   292           user-select: none; }
   292 }
   293 
       
   294 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
   293 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
   295   pointer-events: all; }
   294   pointer-events: all;
   296 
   295 }
   297 .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after {
   296 .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after {
   298   content: "";
   297   content: "";
   299   position: absolute;
   298   position: absolute;
   300   top: 0;
   299   top: 0;
   301   left: 0;
   300   left: 0;
   302   bottom: 0;
   301   bottom: 0;
   303   right: 0;
   302   right: 0;
   304   border-radius: 2px;
   303   border-radius: 2px;
   305   background-color: rgba(255, 255, 255, 0.4); }
   304   background-color: rgba(255, 255, 255, 0.4);
   306 
   305 }
   307 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
   306 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
   308   background-color: transparent; }
   307   background-color: transparent;
   309 
   308 }
   310 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after {
   309 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after {
   311   display: none; }
   310   display: none;
   312 
   311 }
   313 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after {
   312 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after {
   314   display: block; }
   313   display: block;
   315 
   314 }
   316 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block {
   315 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after {
   317   cursor: default; }
   316   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
   318 
   317 }
   319 .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] {
   318 .block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {
   320   float: none; }
   319   float: none;
   321 
   320 }
   322 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter {
   321 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter {
   323   right: auto;
   322   right: auto;
   324   left: 8px; }
   323   left: 8px;
   325 
   324 }
   326 .block-editor-block-list__layout .wp-block {
   325 
   327   margin-right: auto;
   326 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered {
   328   margin-left: auto; }
   327   cursor: default;
   329 
   328 }
   330 .wp-block[data-align="left"], .wp-block[data-align="right"] {
   329 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered::after {
   331   width: 100%;
   330   top: 1px;
   332   height: 0; }
   331   right: 1px;
   333   .wp-block[data-align="left"]::before, .wp-block[data-align="right"]::before {
   332   left: 1px;
   334     content: none; }
   333   bottom: 1px;
   335 
   334   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
   336 .wp-block[data-align="left"] > *,
   335   border-radius: 1px;
   337 .wp-block[data-align="right"] > * {
   336 }
   338   z-index: 21; }
   337 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected {
   339 
   338   cursor: unset;
   340 .wp-block[data-align="left"] > * {
   339 }
   341   float: left;
   340 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected::after {
   342   margin-right: 2em; }
   341   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
   343 
   342   top: 1px;
   344 .wp-block[data-align="right"] > * {
   343   right: 1px;
   345   float: right;
   344   left: 1px;
   346   margin-left: 2em; }
   345   bottom: 1px;
   347 
   346   border-radius: 1px;
   348 .wp-block[data-align="full"], .wp-block[data-align="wide"] {
   347 }
   349   clear: both; }
   348 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus::after {
       
   349   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
       
   350 }
       
   351 
       
   352 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
       
   353   opacity: 0.5;
       
   354   transition: opacity 0.1s linear;
       
   355 }
       
   356 @media (prefers-reduced-motion: reduce) {
       
   357   .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
       
   358     transition-duration: 0s;
       
   359     transition-delay: 0s;
       
   360   }
       
   361 }
       
   362 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected {
       
   363   opacity: 1;
       
   364 }
       
   365 
       
   366 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity {
       
   367   opacity: 0.5;
       
   368   transition: opacity 0.1s linear;
       
   369 }
       
   370 @media (prefers-reduced-motion: reduce) {
       
   371   .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity {
       
   372     transition-duration: 0s;
       
   373     transition-delay: 0s;
       
   374   }
       
   375 }
       
   376 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.has-child-selected, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity:not(.has-child-selected) .block-editor-block-list__block, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity .block-editor-block-list__block,
       
   377 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity .is-active-entity .block-editor-block-list__block {
       
   378   opacity: 1;
       
   379 }
       
   380 
       
   381 .wp-block[data-align=left] > *,
       
   382 .wp-block[data-align=right] > * {
       
   383   z-index: 21;
       
   384 }
   350 
   385 
   351 /**
   386 /**
   352  * In-Canvas Inserter
   387  * In-Canvas Inserter
   353  */
   388  */
   354 .block-editor-block-list .block-editor-inserter {
   389 .block-editor-block-list .block-editor-inserter {
   355   margin: 8px;
   390   margin: 8px;
   356   cursor: move;
   391   cursor: move;
   357   cursor: grab; }
   392   cursor: grab;
   358 
   393 }
       
   394 
       
   395 @keyframes block-editor-inserter__toggle__fade-in-animation {
       
   396   from {
       
   397     opacity: 0;
       
   398   }
       
   399   to {
       
   400     opacity: 1;
       
   401   }
       
   402 }
       
   403 .wp-block .block-list-appender .block-editor-inserter__toggle {
       
   404   animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
       
   405   animation-fill-mode: forwards;
       
   406 }
       
   407 @media (prefers-reduced-motion: reduce) {
       
   408   .wp-block .block-list-appender .block-editor-inserter__toggle {
       
   409     animation-duration: 1ms;
       
   410     animation-delay: 0s;
       
   411   }
       
   412 }
       
   413 
       
   414 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
       
   415   display: none;
       
   416 }
       
   417 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
       
   418   opacity: 0;
       
   419   transform: scale(0);
       
   420 }
       
   421 
       
   422 .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
       
   423   display: block;
       
   424   margin: 0;
       
   425   padding: 12px;
       
   426   width: 100%;
       
   427   border: none;
       
   428   outline: none;
       
   429   border-radius: 2px;
       
   430   box-shadow: inset 0 0 0 1px #1e1e1e;
       
   431   resize: none;
       
   432   overflow: hidden;
       
   433   font-family: Menlo, Consolas, monaco, monospace;
       
   434   font-size: 15px;
       
   435   line-height: 1.5;
       
   436   transition: padding 0.2s linear;
       
   437 }
       
   438 @media (prefers-reduced-motion: reduce) {
       
   439   .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
       
   440     transition-duration: 0s;
       
   441     transition-delay: 0s;
       
   442   }
       
   443 }
       
   444 .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
       
   445   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
       
   446 }
       
   447 
       
   448 /**
       
   449  * Warnings.
       
   450  */
       
   451 .block-editor-block-list__block .block-editor-warning {
       
   452   z-index: 5;
       
   453   position: relative;
       
   454 }
       
   455 .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
       
   456   margin-bottom: auto;
       
   457 }
       
   458 
       
   459 /**
       
   460  * Insertion Point.
       
   461  */
   359 .block-editor-block-list__insertion-point {
   462 .block-editor-block-list__insertion-point {
   360   position: relative;
   463   position: absolute;
   361   z-index: 6;
   464 }
   362   margin-top: -14px; }
       
   363 
   465 
   364 .block-editor-block-list__insertion-point-indicator {
   466 .block-editor-block-list__insertion-point-indicator {
   365   position: absolute;
   467   position: absolute;
   366   top: calc(50% - 1px);
   468   background: var(--wp-admin-theme-color);
   367   height: 1.5px;
   469   animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease;
       
   470   animation-fill-mode: forwards;
       
   471 }
       
   472 @media (prefers-reduced-motion: reduce) {
       
   473   .block-editor-block-list__insertion-point-indicator {
       
   474     animation-duration: 1ms;
       
   475     animation-delay: 0s;
       
   476   }
       
   477 }
       
   478 .block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator {
       
   479   top: 50%;
       
   480   left: 0;
   368   right: 0;
   481   right: 0;
       
   482   height: 1px;
       
   483 }
       
   484 .block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator {
       
   485   top: 0;
   369   left: 0;
   486   left: 0;
   370   background: #007cba;
   487   right: 50%;
   371   background: var(--wp-admin-theme-color); }
   488   height: 100%;
       
   489   width: 1px;
       
   490 }
   372 
   491 
   373 .block-editor-block-list__insertion-point-inserter {
   492 .block-editor-block-list__insertion-point-inserter {
   374   display: none;
   493   display: none;
       
   494   position: absolute;
   375   justify-content: center;
   495   justify-content: center;
   376   cursor: text; }
   496   top: calc(50% - 12px);
   377   @media (min-width: 480px) {
   497   right: calc(50% - 12px);
   378     .block-editor-block-list__insertion-point-inserter {
   498 }
   379       display: flex; } }
   499 @media (min-width: 480px) {
   380   .block-editor-block-list__insertion-point-inserter.is-inserter-hidden .block-editor-inserter__toggle {
   500   .block-editor-block-list__insertion-point-inserter {
   381     visibility: hidden;
   501     display: flex;
   382     pointer-events: none; }
   502   }
       
   503 }
   383 
   504 
   384 .block-editor-block-list__block-popover-inserter {
   505 .block-editor-block-list__block-popover-inserter {
   385   position: absolute;
   506   position: absolute;
   386   top: -9999em;
   507   top: -9999em;
   387   margin-bottom: 14px; }
   508   margin-bottom: 14px;
   388   .block-editor-block-list__block-popover-inserter.is-visible {
   509 }
   389     position: static; }
   510 .block-editor-block-list__block-popover-inserter.is-visible {
       
   511   position: static;
       
   512 }
   390 
   513 
   391 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,
   514 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,
   392 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon,
   515 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon,
   393 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,
   516 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,
   394 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon {
   517 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon {
   395   background: #1e1e1e;
   518   background: #1e1e1e;
   396   border-radius: 2px;
   519   border-radius: 2px;
   397   color: #fff;
   520   color: #fff;
   398   padding: 0;
   521   padding: 0;
   399   min-width: 24px;
   522   min-width: 24px;
   400   height: 24px; }
   523   height: 24px;
   401   .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,
   524 }
   402   .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
   525 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,
   403   .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,
   526 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
   404   .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover {
   527 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,
   405     color: #fff; }
   528 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover {
       
   529   color: #fff;
       
   530   background: var(--wp-admin-theme-color);
       
   531 }
       
   532 
       
   533 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon {
       
   534   background: var(--wp-admin-theme-color);
       
   535 }
       
   536 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover {
       
   537   background: #1e1e1e;
       
   538 }
   406 
   539 
   407 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
   540 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
   408 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
   541 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
   409   animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease;
   542   animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease;
   410   animation-fill-mode: forwards; }
   543   animation-fill-mode: forwards;
   411   @media (prefers-reduced-motion: reduce) {
   544 }
   412     .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
   545 @media (prefers-reduced-motion: reduce) {
   413     .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
   546   .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
   414       animation-duration: 1ms; } }
   547 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
       
   548     animation-duration: 1ms;
       
   549     animation-delay: 0s;
       
   550   }
       
   551 }
   415 
   552 
   416 @keyframes block-editor-inserter__toggle__fade-in-animation-delayed {
   553 @keyframes block-editor-inserter__toggle__fade-in-animation-delayed {
   417   0% {
   554   0% {
   418     opacity: 0; }
   555     opacity: 0;
   419   80% {
   556   }
   420     opacity: 0; }
   557   60% {
       
   558     opacity: 0;
       
   559   }
   421   100% {
   560   100% {
   422     opacity: 1; } }
       
   423 
       
   424 @keyframes block-editor-inserter__toggle__fade-in-animation {
       
   425   from {
       
   426     opacity: 0;
       
   427     transform: scale(0); }
       
   428   to {
       
   429     opacity: 1;
   561     opacity: 1;
   430     transform: scale(1); } }
   562   }
   431 
   563 }
   432 .wp-block .block-list-appender .block-editor-inserter__toggle {
       
   433   animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
       
   434   animation-fill-mode: forwards; }
       
   435   @media (prefers-reduced-motion: reduce) {
       
   436     .wp-block .block-list-appender .block-editor-inserter__toggle {
       
   437       animation-duration: 1ms; } }
       
   438 
       
   439 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
       
   440   display: none; }
       
   441   .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
       
   442     opacity: 0;
       
   443     transform: scale(0); }
       
   444 
       
   445 .block-editor-block-list__block > .block-editor-block-list__insertion-point {
       
   446   position: absolute;
       
   447   top: -16px;
       
   448   height: 28px;
       
   449   bottom: auto;
       
   450   right: 14px;
       
   451   left: 14px; }
       
   452 
       
   453 .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
       
   454   display: block;
       
   455   margin: 0;
       
   456   width: 100%;
       
   457   border: none;
       
   458   outline: none;
       
   459   box-shadow: none;
       
   460   resize: none;
       
   461   overflow: hidden;
       
   462   font-family: Menlo, Consolas, monaco, monospace;
       
   463   font-size: 15px;
       
   464   line-height: 150%;
       
   465   transition: padding 0.2s linear; }
       
   466   @media (prefers-reduced-motion: reduce) {
       
   467     .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
       
   468       transition-duration: 0s; } }
       
   469   .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
       
   470     box-shadow: none; }
       
   471 
       
   472 /**
   564 /**
   473  * Block Toolbar when contextual.
   565  * Block Toolbar when contextual.
   474  */
   566  */
   475 .block-editor-block-contextual-toolbar {
   567 .block-editor-block-contextual-toolbar {
       
   568   display: inline-flex;
   476   border: 1px solid #1e1e1e;
   569   border: 1px solid #1e1e1e;
   477   border-radius: 2px;
   570   border-radius: 2px;
   478   background-color: #fff; }
   571   background-color: #fff;
   479   .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group,
   572 }
   480   .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar {
   573 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group,
   481     border-left-color: #1e1e1e; }
   574 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar {
   482   .block-editor-block-contextual-toolbar .block-editor-block-mover-button {
   575   border-left-color: #1e1e1e;
   483     overflow: hidden; }
   576 }
   484   .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
   577 .block-editor-block-contextual-toolbar.is-fixed {
   485     min-width: 24px;
   578   position: sticky;
   486     width: 24px; }
   579   top: 0;
       
   580   width: 100%;
       
   581   z-index: 31;
       
   582   min-height: 48px;
       
   583   display: block;
       
   584   border: none;
       
   585   border-bottom: 1px solid #e0e0e0;
       
   586   border-radius: 0;
       
   587 }
       
   588 .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group,
       
   589 .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar {
       
   590   border-left-color: #e0e0e0;
       
   591 }
       
   592 .block-editor-block-contextual-toolbar .block-editor-block-mover-button {
       
   593   overflow: hidden;
       
   594 }
       
   595 .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
       
   596   min-width: 24px;
       
   597   width: 24px;
       
   598 }
       
   599 .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button svg {
       
   600   min-width: 24px;
       
   601 }
       
   602 
       
   603 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before {
       
   604   right: 0 !important;
       
   605   min-width: 0;
       
   606   width: 100%;
       
   607 }
       
   608 @media (min-width: 600px) {
   487   .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg {
   609   .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg {
   488     margin-top: 3px; }
   610     top: 5px;
       
   611   }
   489   .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg {
   612   .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg {
   490     margin-bottom: 3px; }
   613     bottom: 5px;
   491   .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before {
   614   }
   492     right: 0 !important;
   615 }
   493     min-width: 0;
       
   494     width: 100%; }
       
   495 
   616 
   496 /**
   617 /**
   497  * Block Label for Navigation/Selection Mode
   618  * Block Label for Navigation/Selection Mode
   498  */
   619  */
   499 .block-editor-block-list__block-selection-button {
   620 .block-editor-block-list__block-selection-button {
   500   display: block;
   621   display: inline-flex;
   501   z-index: 22; }
   622   padding: 0 13px;
   502   .block-editor-block-list__block-selection-button .components-button {
   623   z-index: 22;
   503     font-size: 13px;
   624   border-radius: 2px;
   504     height: 46px;
   625   background-color: #1e1e1e;
   505     padding: 12px 16px;
   626   font-size: 13px;
   506     position: relative;
   627   height: 48px;
   507     top: -1px;
   628 }
   508     box-shadow: 0 0 0 1px #1e1e1e;
   629 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content {
   509     border-radius: 1px;
   630   margin: auto;
   510     background-color: #fff; }
   631   display: inline-flex;
   511     .block-editor-block-list__block-selection-button .components-button:focus {
   632   align-items: center;
   512       box-shadow: 0 0 0 1.5px #007cba;
   633 }
   513       box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
   634 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item {
   514 
   635   margin-left: 6px;
   515 /**
   636 }
   516  * Warnings.
   637 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle {
   517  */
   638   cursor: grab;
   518 .block-editor-block-list__block .block-editor-warning {
   639   padding: 0;
   519   z-index: 5;
   640   height: 24px;
   520   position: relative; }
   641   min-width: 24px;
   521   .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
   642 }
   522     margin-bottom: auto; }
   643 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg {
       
   644   min-width: 18px;
       
   645   min-height: 18px;
       
   646 }
       
   647 .block-editor-block-list__block-selection-button .block-editor-block-icon {
       
   648   font-size: 13px;
       
   649   color: #fff;
       
   650   height: 48px;
       
   651 }
       
   652 .block-editor-block-list__block-selection-button .components-button {
       
   653   min-width: 36px;
       
   654   color: #fff;
       
   655   height: 48px;
       
   656   display: flex;
       
   657 }
       
   658 .block-editor-block-list__block-selection-button .components-button:focus {
       
   659   box-shadow: none;
       
   660   border: none;
       
   661 }
       
   662 .block-editor-block-list__block-selection-button .components-button:active {
       
   663   color: #fff;
       
   664 }
       
   665 .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button {
       
   666   padding: 0;
       
   667 }
   523 
   668 
   524 /**
   669 /**
   525  * Popovers.
   670  * Popovers.
   526  */
   671  */
   527 .block-editor-block-list__insertion-point-popover.is-without-arrow {
   672 .block-editor-block-list__insertion-point-popover.is-without-arrow {
   528   z-index: 28;
   673   z-index: 28;
   529   position: absolute; }
   674   position: absolute;
   530   .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content {
   675   pointer-events: none;
   531     background: none;
   676 }
   532     border: none;
   677 .block-editor-block-list__insertion-point-popover.is-without-arrow * {
   533     box-shadow: none;
   678   pointer-events: none;
   534     overflow-y: visible;
   679 }
   535     margin-right: 0; }
   680 .block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter {
   536 
   681   pointer-events: all;
       
   682 }
       
   683 .block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter * {
       
   684   pointer-events: all;
       
   685 }
       
   686 .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content {
       
   687   background: none;
       
   688   border: none;
       
   689   box-shadow: none;
       
   690   overflow-y: visible;
       
   691   margin-right: 0;
       
   692 }
       
   693 
       
   694 @keyframes hide-during-dragging {
       
   695   to {
       
   696     position: fixed;
       
   697     transform: translate(-9999px, 9999px);
       
   698   }
       
   699 }
   537 .components-popover.block-editor-block-list__block-popover {
   700 .components-popover.block-editor-block-list__block-popover {
   538   z-index: 31;
   701   z-index: 31;
   539   position: absolute; }
   702   position: absolute;
   540   .components-popover.block-editor-block-list__block-popover .components-popover__content {
   703 }
   541     margin: 0 !important;
   704 .components-popover.block-editor-block-list__block-popover .components-popover__content {
   542     min-width: auto;
   705   margin: 0 !important;
   543     width: max-content;
   706   min-width: auto;
   544     background: none;
   707   width: max-content;
   545     border: none;
   708   background: none;
   546     box-shadow: none;
   709   border: none;
   547     overflow-y: visible;
   710   box-shadow: none;
   548     pointer-events: none; }
   711   overflow-y: visible;
   549     .components-popover.block-editor-block-list__block-popover .components-popover__content > * {
   712   pointer-events: none;
   550       pointer-events: all; }
   713 }
   551     .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button,
   714 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button,
   552     .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar {
   715 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar,
   553       margin-bottom: 12px; }
   716 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__empty-block-inserter {
   554   .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
   717   pointer-events: all;
   555     opacity: 0; }
   718 }
       
   719 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button,
       
   720 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar {
       
   721   margin-top: 12px;
       
   722   margin-bottom: 12px;
       
   723 }
       
   724 .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible {
       
   725   visibility: hidden;
       
   726 }
       
   727 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
       
   728   opacity: 0;
       
   729   animation: hide-during-dragging 1ms linear forwards;
       
   730 }
   556 
   731 
   557 .is-dragging-components-draggable .components-tooltip {
   732 .is-dragging-components-draggable .components-tooltip {
   558   display: none; }
   733   display: none;
       
   734 }
   559 
   735 
   560 .block-editor-block-list__block .block-list-appender {
   736 .block-editor-block-list__block .block-list-appender {
   561   margin: 8px 0; }
   737   align-self: center;
   562   .has-background .block-editor-block-list__block .block-list-appender {
   738   padding: 0;
   563     margin: 20px 8px; }
   739   list-style: none;
       
   740   margin: 8px;
       
   741 }
       
   742 .block-editor-block-list__block .block-list-appender.wp-block {
       
   743   max-width: none;
       
   744 }
       
   745 .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
       
   746   margin: 8px 0;
       
   747 }
       
   748 .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
       
   749   padding: 0;
       
   750   opacity: 1;
       
   751   transform: scale(1);
       
   752   transition: all 0.1s ease;
       
   753   margin-right: 8px;
       
   754 }
       
   755 @media (prefers-reduced-motion: reduce) {
   564   .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
   756   .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
   565     padding: 0;
   757     transition-duration: 0s;
   566     opacity: 1;
   758     transition-delay: 0s;
   567     transform: scale(1);
   759   }
   568     transition: all 0.1s ease; }
   760 }
   569     @media (prefers-reduced-motion: reduce) {
   761 .block-editor-block-list__block .block-list-appender:first-of-type .block-list-appender__toggle {
   570       .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
   762   margin-right: 0;
   571         transition-duration: 0s; } }
   763 }
       
   764 
       
   765 .is-vertical .block-list-appender {
       
   766   width: 24px;
       
   767   margin-left: auto;
       
   768   margin-top: 12px;
       
   769   margin-right: 12px;
       
   770 }
   572 
   771 
   573 .block-list-appender > .block-editor-inserter {
   772 .block-list-appender > .block-editor-inserter {
   574   display: block; }
   773   display: block;
       
   774 }
   575 
   775 
   576 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
   776 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
   577   opacity: 0;
   777   opacity: 0;
   578   transform: scale(0); }
   778   transform: scale(0);
       
   779 }
   579 
   780 
   580 .block-editor-block-breadcrumb {
   781 .block-editor-block-breadcrumb {
   581   list-style: none;
   782   list-style: none;
   582   padding: 0;
   783   padding: 0;
   583   margin: 0; }
   784   margin: 0;
   584   .block-editor-block-breadcrumb li {
   785 }
   585     display: inline-block;
   786 .block-editor-block-breadcrumb li {
   586     margin: 0; }
   787   display: inline-block;
   587     .block-editor-block-breadcrumb li:not(:last-child)::after {
   788   margin: 0;
   588       content: "←"; }
   789 }
       
   790 .block-editor-block-breadcrumb li:not(:last-child)::after {
       
   791   content: "←";
       
   792 }
   589 
   793 
   590 .block-editor-block-breadcrumb__button.components-button {
   794 .block-editor-block-breadcrumb__button.components-button {
   591   height: 24px;
   795   height: 24px;
   592   line-height: 24px;
   796   line-height: 24px;
   593   padding: 0;
   797   padding: 0;
   594   position: relative; }
   798   position: relative;
   595   .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) {
   799 }
   596     text-decoration: underline;
   800 .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) {
   597     box-shadow: none; }
   801   text-decoration: underline;
   598   .block-editor-block-breadcrumb__button.components-button:focus {
   802   box-shadow: none;
   599     box-shadow: none; }
   803 }
   600   .block-editor-block-breadcrumb__button.components-button:focus::before {
   804 .block-editor-block-breadcrumb__button.components-button:focus {
   601     content: "";
   805   box-shadow: none;
   602     display: block;
   806 }
   603     position: absolute;
   807 .block-editor-block-breadcrumb__button.components-button:focus::before {
   604     border-radius: 2px;
   808   content: "";
   605     top: 1px;
   809   display: block;
   606     left: 1px;
   810   position: absolute;
   607     bottom: 1px;
   811   border-radius: 2px;
   608     right: 1px;
   812   top: 1px;
   609     box-shadow: inset 0 0 0 1.5px #007cba;
   813   left: 1px;
   610     box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); }
   814   bottom: 1px;
       
   815   right: 1px;
       
   816   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
       
   817 }
   611 
   818 
   612 .block-editor-block-breadcrumb__current {
   819 .block-editor-block-breadcrumb__current {
   613   cursor: default; }
   820   cursor: default;
       
   821 }
   614 
   822 
   615 .block-editor-block-breadcrumb__button.components-button,
   823 .block-editor-block-breadcrumb__button.components-button,
   616 .block-editor-block-breadcrumb__current {
   824 .block-editor-block-breadcrumb__current {
   617   color: #1e1e1e;
   825   color: #1e1e1e;
   618   padding: 0 8px;
   826   padding: 0 8px;
   619   font-size: inherit; }
   827   font-size: inherit;
       
   828 }
   620 
   829 
   621 .block-editor-block-card {
   830 .block-editor-block-card {
   622   display: flex;
   831   display: flex;
   623   align-items: flex-start; }
   832   align-items: flex-start;
   624 
   833 }
   625 .block-editor-block-card__icon {
       
   626   border: 1px solid #ccd0d4;
       
   627   padding: 7px;
       
   628   margin-left: 10px;
       
   629   height: 36px;
       
   630   width: 36px; }
       
   631 
   834 
   632 .block-editor-block-card__content {
   835 .block-editor-block-card__content {
   633   flex-grow: 1; }
   836   flex-grow: 1;
       
   837   margin-bottom: 4px;
       
   838 }
   634 
   839 
   635 .block-editor-block-card__title {
   840 .block-editor-block-card__title {
   636   font-weight: 500; }
   841   font-weight: 500;
   637   .block-editor-block-card__title.block-editor-block-card__title {
   842 }
   638     margin: 0 0 5px; }
   843 .block-editor-block-card__title.block-editor-block-card__title {
       
   844   line-height: 24px;
       
   845   margin: 0 0 4px;
       
   846 }
   639 
   847 
   640 .block-editor-block-card__description {
   848 .block-editor-block-card__description {
   641   font-size: 13px; }
   849   font-size: 13px;
       
   850 }
   642 
   851 
   643 .block-editor-block-card .block-editor-block-icon {
   852 .block-editor-block-card .block-editor-block-icon {
   644   margin-right: -2px;
   853   flex: 0 0 24px;
   645   margin-left: 10px;
   854   margin-right: 0;
   646   padding: 0 3px;
   855   margin-left: 12px;
   647   width: 36px;
   856   width: 24px;
   648   height: 24px; }
   857   height: 24px;
       
   858 }
   649 
   859 
   650 /**
   860 /**
   651  * Invalid block comparison
   861  * Invalid block comparison
   652  */
   862  */
   653 .block-editor-block-compare {
   863 .block-editor-block-compare {
   654   overflow: auto;
   864   overflow: auto;
   655   height: auto; }
   865   height: auto;
   656   @media (min-width: 600px) {
   866 }
   657     .block-editor-block-compare {
   867 @media (min-width: 600px) {
   658       max-height: 70%; } }
   868   .block-editor-block-compare {
       
   869     max-height: 70%;
       
   870   }
       
   871 }
   659 
   872 
   660 .block-editor-block-compare__wrapper {
   873 .block-editor-block-compare__wrapper {
   661   display: flex;
   874   display: flex;
   662   padding-bottom: 16px; }
   875   padding-bottom: 16px;
   663   .block-editor-block-compare__wrapper > div {
   876 }
   664     display: flex;
   877 .block-editor-block-compare__wrapper > div {
   665     justify-content: space-between;
   878   display: flex;
   666     flex-direction: column;
   879   justify-content: space-between;
   667     width: 50%;
   880   flex-direction: column;
   668     padding: 0 0 0 16px;
   881   width: 50%;
   669     min-width: 200px; }
   882   padding: 0 0 0 16px;
   670     .block-editor-block-compare__wrapper > div button {
   883   min-width: 200px;
   671       float: left; }
   884 }
   672   .block-editor-block-compare__wrapper .block-editor-block-compare__converted {
   885 .block-editor-block-compare__wrapper > div button {
   673     border-right: 1px solid #ddd;
   886   float: left;
   674     padding-right: 15px;
   887 }
   675     padding-left: 0; }
   888 .block-editor-block-compare__wrapper .block-editor-block-compare__converted {
   676   .block-editor-block-compare__wrapper .block-editor-block-compare__html {
   889   border-right: 1px solid #ddd;
   677     font-family: Menlo, Consolas, monaco, monospace;
   890   padding-right: 15px;
   678     font-size: 12px;
   891   padding-left: 0;
   679     color: #1e1e1e;
   892 }
   680     border-bottom: 1px solid #ddd;
   893 .block-editor-block-compare__wrapper .block-editor-block-compare__html {
   681     padding-bottom: 15px;
   894   font-family: Menlo, Consolas, monaco, monospace;
   682     line-height: 1.7; }
   895   font-size: 12px;
   683     .block-editor-block-compare__wrapper .block-editor-block-compare__html span {
   896   color: #1e1e1e;
   684       background-color: #e6ffed;
   897   border-bottom: 1px solid #ddd;
   685       padding-top: 3px;
   898   padding-bottom: 15px;
   686       padding-bottom: 3px; }
   899   line-height: 1.7;
   687     .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
   900 }
   688       background-color: #acf2bd; }
   901 .block-editor-block-compare__wrapper .block-editor-block-compare__html span {
   689     .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
   902   background-color: #e6ffed;
   690       background-color: #d94f4f; }
   903   padding-top: 3px;
   691   .block-editor-block-compare__wrapper .block-editor-block-compare__preview {
   904   padding-bottom: 3px;
   692     padding: 0;
   905 }
   693     padding-top: 14px; }
   906 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
   694     .block-editor-block-compare__wrapper .block-editor-block-compare__preview p {
   907   background-color: #acf2bd;
   695       font-size: 12px;
   908 }
   696       margin-top: 0; }
   909 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
   697   .block-editor-block-compare__wrapper .block-editor-block-compare__action {
   910   background-color: #cc1818;
   698     margin-top: 14px; }
   911 }
   699   .block-editor-block-compare__wrapper .block-editor-block-compare__heading {
   912 .block-editor-block-compare__wrapper .block-editor-block-compare__preview {
   700     font-size: 1em;
   913   padding: 0;
   701     font-weight: 400;
   914   padding-top: 16px;
   702     margin: 0.67em 0; }
   915 }
       
   916 .block-editor-block-compare__wrapper .block-editor-block-compare__preview p {
       
   917   font-size: 12px;
       
   918   margin-top: 0;
       
   919 }
       
   920 .block-editor-block-compare__wrapper .block-editor-block-compare__action {
       
   921   margin-top: 16px;
       
   922 }
       
   923 .block-editor-block-compare__wrapper .block-editor-block-compare__heading {
       
   924   font-size: 1em;
       
   925   font-weight: 400;
       
   926   margin: 0.67em 0;
       
   927 }
   703 
   928 
   704 .block-editor-block-draggable-chip-wrapper {
   929 .block-editor-block-draggable-chip-wrapper {
   705   position: absolute;
   930   position: absolute;
   706   top: -60px; }
   931   top: -24px;
       
   932   right: 0;
       
   933 }
   707 
   934 
   708 .block-editor-block-draggable-chip {
   935 .block-editor-block-draggable-chip {
   709   background-color: #1e1e1e;
   936   background-color: #1e1e1e;
   710   border-radius: 2px;
   937   border-radius: 2px;
   711   border: 1px solid #1e1e1e;
   938   box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
   712   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
       
   713   color: #fff;
   939   color: #fff;
   714   cursor: grabbing;
   940   cursor: grabbing;
   715   display: inline-flex;
   941   display: inline-flex;
   716   height: 48px;
   942   height: 48px;
   717   min-width: 72px;
   943   padding: 0 13px;
   718   padding: 0 12px;
       
   719   -webkit-user-select: none;
   944   -webkit-user-select: none;
   720       -ms-user-select: none;
   945           user-select: none;
   721           user-select: none; }
   946 }
   722   .block-editor-block-draggable-chip svg {
   947 .block-editor-block-draggable-chip svg {
   723     fill: currentColor; }
   948   fill: currentColor;
   724   .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content {
   949 }
   725     margin: auto; }
   950 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content {
   726   .block-editor-block-draggable-chip .components-flex__item {
   951   margin: auto;
   727     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   952   justify-content: flex-start;
   728     font-size: 13px; }
   953 }
   729 
   954 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item {
   730 .is-dragging.is-selected,
   955   margin-left: 6px;
   731 .is-dragging.is-multi-selected {
   956 }
   732   display: none !important; }
   957 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child {
       
   958   margin-left: 0;
       
   959 }
       
   960 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg {
       
   961   min-width: 18px;
       
   962   min-height: 18px;
       
   963 }
       
   964 .block-editor-block-draggable-chip .components-flex__item {
       
   965   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
       
   966   font-size: 13px;
       
   967 }
       
   968 
       
   969 .is-dragging {
       
   970   display: none !important;
       
   971 }
   733 
   972 
   734 .block-editor-block-mobile-toolbar {
   973 .block-editor-block-mobile-toolbar {
   735   display: flex;
   974   display: flex;
   736   flex-direction: row;
   975   flex-direction: row;
   737   border-left: 1px solid #ddd; }
   976   border-left: 1px solid #ddd;
   738   .block-editor-block-mobile-toolbar .block-editor-block-mover-button {
   977 }
   739     width: 36px;
   978 .block-editor-block-mobile-toolbar .block-editor-block-mover-button {
   740     height: 36px;
   979   width: 36px;
   741     border-radius: 2px;
   980   height: 36px;
   742     padding: 3px;
   981   border-radius: 2px;
   743     margin: 0;
   982   padding: 3px;
   744     justify-content: center;
   983   margin: 0;
   745     align-items: center; }
   984   justify-content: center;
   746     .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon {
   985   align-items: center;
   747       margin: auto; }
   986 }
   748   .block-editor-block-mobile-toolbar .block-editor-block-mover {
   987 .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon {
   749     display: flex;
   988   margin: auto;
   750     margin-left: auto; }
   989 }
   751     .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button {
   990 .block-editor-block-mobile-toolbar .block-editor-block-mover {
   752       float: right; }
   991   display: flex;
       
   992   margin-left: auto;
       
   993 }
       
   994 .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button {
       
   995   float: right;
       
   996 }
       
   997 
       
   998 .block-editor-block-mover-button__description {
       
   999   display: none;
       
  1000 }
       
  1001 
       
  1002 .block-editor-block-mover-button.has-icon {
       
  1003   padding: 0;
       
  1004 }
   753 
  1005 
   754 .block-editor-block-mover {
  1006 .block-editor-block-mover {
   755   display: inline-flex;
  1007   display: inline-flex;
   756   flex-direction: row; }
  1008   flex-direction: row;
   757 
  1009 }
   758 .block-editor-block-mover-button__description {
  1010 .block-editor-block-mover .block-editor-block-mover__move-button-container,
   759   display: none; }
       
   760 
       
   761 .block-editor-block-mover-button.has-icon {
       
   762   padding: 0; }
       
   763 
       
   764 .block-editor-block-mover .components-toolbar-group,
       
   765 .block-editor-block-mover .components-toolbar {
  1011 .block-editor-block-mover .components-toolbar {
   766   flex: 1;
  1012   flex: 1;
   767   flex-direction: row; }
  1013   flex-direction: row;
   768   @media (min-width: 600px) {
  1014   border-left: none !important;
   769     .block-editor-block-mover .components-toolbar-group,
  1015 }
   770     .block-editor-block-mover .components-toolbar {
  1016 @media (min-width: 600px) {
   771       flex-direction: column; } }
  1017   .block-editor-block-mover .block-editor-block-mover__move-button-container,
   772 
  1018 .block-editor-block-mover .components-toolbar {
   773 .block-editor-block-mover.is-horizontal .components-toolbar-group,
  1019     flex-direction: column;
   774 .block-editor-block-mover.is-horizontal .components-toolbar {
  1020   }
   775   flex-direction: row; }
  1021 }
   776 
  1022 .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, .block-editor-block-mover.is-horizontal .components-toolbar {
       
  1023   flex-direction: row;
       
  1024 }
       
  1025 .block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button {
       
  1026   padding-left: 0;
       
  1027   padding-right: 0;
       
  1028   min-width: 36px;
       
  1029 }
   777 @media (min-width: 600px) {
  1030 @media (min-width: 600px) {
   778   .block-editor-block-mover .block-editor-block-mover-button {
  1031   .block-editor-block-mover .block-editor-block-mover-button {
   779     padding: 0 !important;
       
   780     height: 24px;
  1032     height: 24px;
   781     width: 48px; } }
  1033     width: 42px;
   782 
  1034     padding-left: 11px !important;
       
  1035     padding-right: 6px !important;
       
  1036   }
       
  1037   .block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button {
       
  1038     min-width: 42px;
       
  1039   }
       
  1040 }
   783 @media (min-width: 600px) {
  1041 @media (min-width: 600px) {
   784   .block-editor-block-mover .block-editor-block-mover-button::before {
  1042   .block-editor-block-mover .block-editor-block-mover-button::before {
   785     right: 8px !important;
  1043     right: 8px !important;
   786     left: 8px !important; } }
  1044     left: 8px !important;
   787 
  1045   }
       
  1046 }
       
  1047 .block-editor-block-mover .block-editor-block-mover__drag-handle {
       
  1048   width: 24px;
       
  1049   cursor: grab;
       
  1050   min-width: 24px !important;
       
  1051   padding: 0 !important;
       
  1052 }
       
  1053 .block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before {
       
  1054   right: 0 !important;
       
  1055   left: 0 !important;
       
  1056 }
   788 @media (min-width: 600px) {
  1057 @media (min-width: 600px) {
   789   .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg,
  1058   .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button,
   790   .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg {
  1059 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button {
   791     margin-bottom: -8px; }
  1060     margin: 0 0 0 auto;
       
  1061   }
   792   .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before,
  1062   .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before,
   793   .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before {
  1063 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before {
   794     bottom: 0;
  1064     bottom: 0;
   795     height: calc(100% - 1px); }
  1065     height: calc(100% - 1px);
   796   .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button svg,
  1066   }
   797   .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button svg {
       
   798     margin-top: -8px; }
       
   799   .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before,
  1067   .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before,
   800   .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before {
  1068 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before {
   801     top: 0;
  1069     top: 0;
   802     height: calc(100% - 1px); } }
  1070     height: calc(100% - 1px);
   803 
  1071   }
       
  1072 }
   804 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon {
  1073 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon {
   805   height: 48px;
  1074   height: 48px;
   806   width: 24px;
  1075   width: 24px;
   807   padding-right: 0;
  1076   padding-right: 0;
   808   padding-left: 0; }
  1077   padding-left: 0;
   809   .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before {
  1078 }
   810     top: 0;
  1079 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before {
   811     bottom: 0;
  1080   top: 1px;
   812     min-width: 0;
  1081   bottom: 1px;
   813     width: auto;
  1082   min-width: 0;
   814     height: auto; }
  1083   width: auto;
   815 
  1084   height: auto;
       
  1085 }
   816 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg {
  1086 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg {
   817   margin-right: 0;
  1087   margin-right: 0;
   818   margin-left: -8px;
  1088   margin-left: -8px;
   819   margin-bottom: 0; }
  1089   margin-bottom: 0;
   820 
  1090 }
   821 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before {
  1091 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before {
   822   right: 0 !important;
  1092   right: 0 !important;
   823   left: 0 !important; }
  1093   left: 0 !important;
   824 
  1094 }
   825 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg {
  1095 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg {
   826   margin-right: -8px;
  1096   margin-right: -8px;
   827   margin-left: 0;
  1097   margin-left: 0;
   828   margin-top: 0; }
  1098   margin-top: 0;
   829 
  1099 }
   830 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before {
  1100 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before {
   831   right: 0 !important;
  1101   right: 0 !important;
   832   left: 0 !important;
  1102   left: 0 !important;
   833   width: calc(100% + 1px); }
  1103   width: calc(100% + 1px);
   834 
  1104 }
   835 .block-editor-block-navigation__container {
       
   836   padding: 7px; }
       
   837 
  1105 
   838 .block-editor-block-navigation__label {
  1106 .block-editor-block-navigation__label {
   839   margin: 0 0 12px;
  1107   margin: 0 0 12px;
   840   color: #757575;
  1108   color: #757575;
   841   text-transform: uppercase;
  1109   text-transform: uppercase;
   842   font-size: 11px;
  1110   font-size: 11px;
   843   font-weight: 500; }
  1111   font-weight: 500;
       
  1112 }
   844 
  1113 
   845 .block-editor-block-navigation__container {
  1114 .block-editor-block-navigation__container {
   846   padding: 7px; }
  1115   min-width: 280px;
       
  1116 }
   847 
  1117 
   848 .block-editor-block-navigation-tree {
  1118 .block-editor-block-navigation-tree {
   849   width: 100%;
  1119   width: 100%;
   850   border-collapse: collapse;
  1120   border-collapse: collapse;
   851   padding: 0;
  1121   padding: 0;
   852   margin: 0; }
  1122   margin: 0;
       
  1123 }
       
  1124 .components-modal__content .block-editor-block-navigation-tree {
       
  1125   margin: -12px -6px 0;
       
  1126   width: calc(100% + 12px);
       
  1127 }
   853 
  1128 
   854 .block-editor-block-navigation-leaf {
  1129 .block-editor-block-navigation-leaf {
   855   position: relative; }
  1130   position: relative;
   856   .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
  1131 }
   857     display: flex;
  1132 .block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents {
   858     align-items: center;
  1133   background: var(--wp-admin-theme-color);
   859     width: calc(100% - 0.8em);
  1134   color: #fff;
   860     height: auto;
  1135 }
   861     padding: 12px 6px;
  1136 .block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents:focus {
   862     margin-top: auto;
  1137   box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   863     margin-bottom: auto;
  1138 }
   864     text-align: right;
  1139 .block-editor-block-navigation-leaf.is-branch-selected.is-selected .block-editor-block-navigation-block-contents {
   865     color: #40464d;
  1140   border-radius: 2px 2px 0 0;
   866     border-radius: 2px; }
  1141 }
   867     .components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
  1142 .block-editor-block-navigation-leaf.is-branch-selected:not(.is-selected) .block-editor-block-navigation-block-contents {
   868       padding-right: 0;
  1143   background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color));
   869       padding-left: 0; }
  1144   border-radius: 0;
       
  1145 }
       
  1146 .block-editor-block-navigation-leaf.is-branch-selected.is-last-of-selected-branch .block-editor-block-navigation-block-contents {
       
  1147   border-radius: 0 0 2px 2px;
       
  1148 }
       
  1149 .block-editor-block-navigation-leaf.is-dragging {
       
  1150   display: none;
       
  1151 }
       
  1152 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
       
  1153   display: flex;
       
  1154   align-items: center;
       
  1155   width: 100%;
       
  1156   height: auto;
       
  1157   padding: 6px 12px;
       
  1158   text-align: right;
       
  1159   color: #1e1e1e;
       
  1160   border-radius: 2px;
       
  1161   position: relative;
       
  1162   white-space: nowrap;
       
  1163 }
       
  1164 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus {
       
  1165   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
       
  1166 }
       
  1167 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus {
       
  1168   z-index: 1;
       
  1169 }
       
  1170 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-before::before {
       
  1171   content: "";
       
  1172   position: absolute;
       
  1173   pointer-events: none;
       
  1174   transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
       
  1175   top: -2px;
       
  1176   left: 0;
       
  1177   right: 0;
       
  1178   border-top: 4px solid var(--wp-admin-theme-color);
       
  1179 }
       
  1180 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after::before {
       
  1181   content: "";
       
  1182   position: absolute;
       
  1183   pointer-events: none;
       
  1184   transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
       
  1185   bottom: -2px;
       
  1186   left: 0;
       
  1187   right: 0;
       
  1188   border-bottom: 4px solid var(--wp-admin-theme-color);
       
  1189 }
       
  1190 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks::before {
       
  1191   content: "";
       
  1192   position: absolute;
       
  1193   pointer-events: none;
       
  1194   transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
       
  1195   bottom: -2px;
       
  1196   left: 0;
       
  1197   right: 24px;
       
  1198   border-bottom: 4px solid var(--wp-admin-theme-color);
       
  1199 }
       
  1200 .components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
       
  1201   padding-right: 0;
       
  1202   padding-left: 0;
       
  1203 }
       
  1204 .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents {
       
  1205   opacity: 1;
       
  1206   animation: edit-post__fade-in-animation 0.2s ease-out 0s;
       
  1207   animation-fill-mode: forwards;
       
  1208 }
       
  1209 @media (prefers-reduced-motion: reduce) {
   870   .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents {
  1210   .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents {
   871     opacity: 1;
  1211     animation-duration: 1ms;
   872     animation: edit-post__fade-in-animation 0.2s ease-out 0s;
  1212     animation-delay: 0s;
   873     animation-fill-mode: forwards; }
  1213   }
   874     @media (prefers-reduced-motion: reduce) {
  1214 }
   875       .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents {
  1215 .block-editor-block-navigation-leaf .block-editor-block-icon {
   876         animation-duration: 1ms; } }
  1216   align-self: flex-start;
   877   .block-editor-block-navigation-leaf .block-editor-block-icon {
  1217   margin-left: 10px;
   878     align-self: flex-start;
  1218   width: 20px;
   879     margin-left: 6px; }
  1219 }
   880   .block-editor-block-navigation-leaf.is-selected .block-editor-block-icon svg,
  1220 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
   881   .block-editor-block-navigation-leaf.is-selected:focus .block-editor-block-icon svg {
  1221 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,
   882     color: #fff;
  1222 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell {
   883     background: #1e1e1e;
  1223   padding-top: 0;
   884     box-shadow: 0 0 0 1px #1e1e1e;
  1224   padding-bottom: 0;
   885     border-radius: 1px; }
  1225 }
       
  1226 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
       
  1227 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
       
  1228   line-height: 0;
       
  1229   width: 36px;
       
  1230   opacity: 0;
       
  1231   vertical-align: top;
       
  1232 }
       
  1233 @media (prefers-reduced-motion: reduce) {
   886   .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
  1234   .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
   887   .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,
  1235 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
   888   .block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell {
  1236     transition-duration: 0s;
   889     padding-top: 0;
  1237     transition-delay: 0s;
   890     padding-bottom: 0; }
  1238   }
   891   .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
  1239 }
   892   .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
  1240 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,
   893     width: 36px;
  1241 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover,
   894     opacity: 0;
  1242 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible {
   895     vertical-align: top; }
  1243   position: relative;
   896     @media (prefers-reduced-motion: reduce) {
  1244   z-index: 1;
   897       .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
  1245   opacity: 1;
   898       .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
  1246   animation: edit-post__fade-in-animation 0.2s ease-out 0s;
   899         transition-duration: 0s; } }
  1247   animation-fill-mode: forwards;
   900     .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,
  1248 }
   901     .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible {
  1249 @media (prefers-reduced-motion: reduce) {
   902       opacity: 1;
  1250   .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,
   903       animation: edit-post__fade-in-animation 0.2s ease-out 0s;
  1251 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover,
   904       animation-fill-mode: forwards; }
  1252 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible {
   905       @media (prefers-reduced-motion: reduce) {
  1253     animation-duration: 1ms;
   906         .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,
  1254     animation-delay: 0s;
   907         .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible {
  1255   }
   908           animation-duration: 1ms; } }
  1256 }
   909     .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
  1257 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
   910     .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon,
  1258 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon,
   911     .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,
  1259 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,
   912     .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon {
  1260 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon {
   913       width: 24px;
  1261   width: 24px;
   914       min-width: 24px;
  1262   min-width: 24px;
   915       padding: 0; }
  1263   padding: 0;
   916   .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell {
  1264 }
   917     padding-top: 8px; }
  1265 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell {
   918   .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper {
  1266   padding-top: 8px;
   919     display: flex;
  1267 }
   920     height: 100%;
  1268 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper {
   921     flex-direction: column;
  1269   display: flex;
   922     align-items: center; }
  1270   height: 100%;
   923   .block-editor-block-navigation-leaf .block-editor-block-mover-button {
  1271   flex-direction: column;
   924     position: relative;
  1272   align-items: center;
   925     width: 36px;
  1273 }
   926     height: 24px; }
  1274 .block-editor-block-navigation-leaf .block-editor-block-mover-button {
   927     .block-editor-block-navigation-leaf .block-editor-block-mover-button svg {
  1275   position: relative;
   928       position: relative;
  1276   width: 36px;
   929       height: 24px; }
  1277   height: 24px;
   930     .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button {
  1278 }
   931       align-items: flex-end; }
  1279 .block-editor-block-navigation-leaf .block-editor-block-mover-button svg {
   932       .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg {
  1280   position: relative;
   933         bottom: -4px; }
  1281   height: 24px;
   934     .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button {
  1282 }
   935       align-items: flex-start; }
  1283 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button {
   936       .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg {
  1284   margin-top: -6px;
   937         top: -4px; }
  1285   align-items: flex-end;
   938     .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled {
  1286 }
   939       box-shadow: none;
  1287 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg {
   940       outline: none; }
  1288   bottom: -4px;
   941     .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus {
  1289 }
   942       box-shadow: none;
  1290 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button {
   943       outline: none; }
  1291   margin-bottom: -6px;
   944     .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before {
  1292   align-items: flex-start;
   945       box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff;
  1293 }
   946       box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
  1294 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg {
   947       outline: 2px solid transparent; }
  1295   top: -4px;
   948     .block-editor-block-navigation-leaf .block-editor-block-mover-button::before {
  1296 }
   949       content: "";
  1297 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled {
   950       position: absolute;
  1298   box-shadow: none;
   951       display: block;
  1299   outline: none;
   952       border-radius: 2px;
  1300 }
   953       height: 16px;
  1301 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus {
   954       min-width: 100%;
  1302   box-shadow: none;
   955       right: 0;
  1303   outline: none;
   956       left: 0;
  1304 }
   957       animation: components-button__appear-animation 0.1s ease;
  1305 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before {
   958       animation-fill-mode: forwards; }
  1306   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
   959       @media (prefers-reduced-motion: reduce) {
  1307   outline: 2px solid transparent;
   960         .block-editor-block-navigation-leaf .block-editor-block-mover-button::before {
  1308 }
   961           animation-duration: 1ms; } }
  1309 .block-editor-block-navigation-leaf .block-editor-block-mover-button::before {
   962   .block-editor-block-navigation-leaf .block-editor-inserter__toggle {
  1310   content: "";
   963     background: #1e1e1e;
  1311   position: absolute;
   964     color: #fff;
  1312   display: block;
   965     height: 24px;
  1313   border-radius: 2px;
   966     margin: 6px 1px 6px 6px;
  1314   height: 16px;
   967     min-width: 24px; }
  1315   min-width: 100%;
   968     .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active {
  1316   right: 0;
   969       color: #fff; }
  1317   left: 0;
       
  1318   animation: components-button__appear-animation 0.1s ease;
       
  1319   animation-fill-mode: forwards;
       
  1320 }
       
  1321 @media (prefers-reduced-motion: reduce) {
       
  1322   .block-editor-block-navigation-leaf .block-editor-block-mover-button::before {
       
  1323     animation-duration: 1ms;
       
  1324     animation-delay: 0s;
       
  1325   }
       
  1326 }
       
  1327 .block-editor-block-navigation-leaf .block-editor-inserter__toggle {
       
  1328   background: #1e1e1e;
       
  1329   color: #fff;
       
  1330   height: 24px;
       
  1331   margin: 6px 1px 6px 6px;
       
  1332   min-width: 24px;
       
  1333 }
       
  1334 .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active {
       
  1335   color: #fff;
       
  1336 }
       
  1337 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-select-button__anchor {
       
  1338   background: rgba(0, 0, 0, 0.1);
       
  1339   border-radius: 2px;
       
  1340   display: inline-block;
       
  1341   padding: 2px 6px;
       
  1342   margin: 0 8px;
       
  1343   max-width: 120px;
       
  1344   overflow: hidden;
       
  1345   text-overflow: ellipsis;
       
  1346 }
       
  1347 .block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-select-button__anchor {
       
  1348   background: rgba(0, 0, 0, 0.3);
       
  1349 }
   970 
  1350 
   971 .block-editor-block-navigation-block-slot__description,
  1351 .block-editor-block-navigation-block-slot__description,
   972 .block-editor-block-navigation-block-select-button__description,
  1352 .block-editor-block-navigation-block-select-button__description,
   973 .block-editor-block-navigation-appender__description {
  1353 .block-editor-block-navigation-appender__description {
   974   display: none; }
  1354   display: none;
       
  1355 }
   975 
  1356 
   976 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container,
  1357 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container,
   977 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container,
  1358 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container,
   978 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container,
  1359 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container,
   979 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container {
  1360 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container {
   980   display: flex; }
  1361   display: flex;
   981 
  1362 }
   982 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container,
  1363 
   983 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container {
  1364 .block-editor-block-navigation-leaf[aria-level] .block-editor-block-icon {
   984   min-height: 56px; }
  1365   margin-right: 224px;
   985 
  1366 }
   986 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line,
  1367 
   987 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line {
  1368 .block-editor-block-navigation-leaf[aria-level="1"] .block-editor-block-icon {
   988   position: relative;
  1369   margin-right: 0px;
   989   flex-shrink: 0;
  1370 }
   990   width: 24px; }
  1371 
   991   .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line:first-child,
  1372 .block-editor-block-navigation-leaf[aria-level="2"] .block-editor-block-icon {
   992   .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line:first-child {
  1373   margin-right: 28px;
   993     width: 18px; }
  1374 }
   994   .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item,
  1375 
   995   .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item {
  1376 .block-editor-block-navigation-leaf[aria-level="3"] .block-editor-block-icon {
   996     margin-left: 6px; }
  1377   margin-right: 56px;
   997   .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line::before,
  1378 }
   998   .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line::before {
  1379 
   999     content: "";
  1380 .block-editor-block-navigation-leaf[aria-level="4"] .block-editor-block-icon {
  1000     display: block;
  1381   margin-right: 84px;
  1001     position: absolute;
  1382 }
  1002     top: 1px;
  1383 
  1003     bottom: -2px;
  1384 .block-editor-block-navigation-leaf[aria-level="5"] .block-editor-block-icon {
  1004     left: -1px;
  1385   margin-right: 112px;
  1005     border-left: 2px solid #a2aab2; }
  1386 }
  1006   .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before,
  1387 
  1007   .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before {
  1388 .block-editor-block-navigation-leaf[aria-level="6"] .block-editor-block-icon {
  1008     border-color: transparent; }
  1389   margin-right: 140px;
  1009   .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item.is-last-row,
  1390 }
  1010   .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row {
  1391 
  1011     height: 26px; }
  1392 .block-editor-block-navigation-leaf[aria-level="7"] .block-editor-block-icon {
  1012   .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item::after,
  1393   margin-right: 168px;
  1013   .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item::after {
  1394 }
  1014     content: "";
  1395 
  1015     display: block;
  1396 .block-editor-block-navigation-leaf[aria-level="8"] .block-editor-block-icon {
  1016     position: absolute;
  1397   margin-right: 196px;
  1017     top: 26px;
  1398 }
  1018     right: 100%;
  1399 
  1019     width: 5px;
  1400 .block-editor-block-navigation-leaf[aria-level="9"] .block-editor-block-icon {
  1020     border-bottom: 2px solid #a2aab2; }
  1401   margin-right: 224px;
  1021 
  1402 }
  1022 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row {
       
  1023   height: 16px; }
       
  1024   .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row::after {
       
  1025     top: 100%; }
       
  1026 
  1403 
  1027 .block-editor-block-parent-selector {
  1404 .block-editor-block-parent-selector {
  1028   background: #fff;
  1405   background: #fff;
  1029   border-radius: 2px; }
       
  1030   .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
       
  1031     width: 48px;
       
  1032     height: 48px;
       
  1033     border: 1px solid #1e1e1e;
       
  1034     border-radius: 2px; }
       
  1035 
       
  1036 .block-editor-block-patterns-list__item {
       
  1037   border-radius: 2px;
  1406   border-radius: 2px;
       
  1407 }
       
  1408 .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
       
  1409   width: 48px;
       
  1410   height: 48px;
       
  1411   border: 1px solid #1e1e1e;
       
  1412   border-radius: 2px;
       
  1413 }
       
  1414 
       
  1415 .block-editor-block-patterns-list__list-item {
  1038   cursor: pointer;
  1416   cursor: pointer;
  1039   margin-top: 16px;
  1417   margin-top: 16px;
       
  1418 }
       
  1419 .block-editor-block-patterns-list__list-item.is-placeholder {
       
  1420   min-height: 100px;
       
  1421 }
       
  1422 .block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container {
       
  1423   cursor: grab;
       
  1424 }
       
  1425 
       
  1426 .block-editor-block-patterns-list__item {
       
  1427   height: 100%;
       
  1428   border-radius: 2px;
  1040   transition: all 0.05s ease-in-out;
  1429   transition: all 0.05s ease-in-out;
  1041   position: relative;
  1430   position: relative;
  1042   border: 1px solid transparent; }
  1431   border: 1px solid transparent;
  1043   .block-editor-block-patterns-list__item:hover {
  1432 }
  1044     border: 1px solid #007cba;
  1433 .block-editor-block-patterns-list__item:hover {
  1045     border: 1px solid var(--wp-admin-theme-color); }
  1434   border: 1px solid var(--wp-admin-theme-color);
  1046   .block-editor-block-patterns-list__item:focus {
  1435 }
  1047     box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba;
  1436 .block-editor-block-patterns-list__item:focus {
  1048     box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color);
  1437   box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  1049     outline: 2px solid transparent; }
  1438   outline: 2px solid transparent;
  1050   .block-editor-block-patterns-list__item.is-placeholder {
  1439 }
  1051     min-height: 100px; }
       
  1052 
  1440 
  1053 .block-editor-block-patterns-list__item-title {
  1441 .block-editor-block-patterns-list__item-title {
  1054   padding: 4px;
  1442   padding: 4px;
  1055   font-size: 12px;
  1443   font-size: 12px;
  1056   text-align: center; }
  1444   text-align: center;
       
  1445 }
  1057 
  1446 
  1058 .block-editor-block-preview__container {
  1447 .block-editor-block-preview__container {
  1059   position: relative;
  1448   position: relative;
  1060   width: 100%;
  1449   width: 100%;
  1061   overflow: hidden; }
  1450   overflow: hidden;
  1062   .block-editor-block-preview__container.editor-styles-wrapper {
  1451 }
  1063     padding: 0;
  1452 .block-editor-block-preview__container.editor-styles-wrapper {
  1064     margin: 0; }
  1453   padding: 0;
  1065 
  1454   margin: 0;
  1066 .block-editor-block-preview__content {
  1455 }
       
  1456 .block-editor-block-preview__container .block-editor-block-preview__content {
  1067   position: absolute;
  1457   position: absolute;
  1068   top: 0;
  1458   top: 0;
  1069   right: 0;
  1459   right: 0;
  1070   transform-origin: top right;
  1460   transform-origin: top right;
  1071   text-align: initial;
  1461   text-align: initial;
  1072   margin: 0;
  1462   margin: 0;
  1073   overflow: visible;
  1463   overflow: visible;
  1074   min-height: auto; }
  1464   min-height: auto;
  1075   .block-editor-block-preview__content .block-editor-block-list__insertion-point,
  1465 }
  1076   .block-editor-block-preview__content .block-editor-block-drop-zone,
  1466 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,
  1077   .block-editor-block-preview__content .reusable-block-indicator,
  1467 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,
  1078   .block-editor-block-preview__content .block-list-appender {
  1468 .block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator,
  1079     display: none; }
  1469 .block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender {
  1080   .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container {
  1470   display: none;
  1081     padding-right: 0;
  1471 }
  1082     padding-left: 0; }
  1472 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container {
  1083     .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] {
  1473   padding-right: 0;
  1084       margin-right: 0;
  1474   padding-left: 0;
  1085       margin-left: 0; }
  1475 }
       
  1476 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
       
  1477   margin-right: 0;
       
  1478   margin-left: 0;
       
  1479 }
  1086 
  1480 
  1087 .block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
  1481 .block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
  1088   padding: 0; }
  1482   padding: 0;
       
  1483 }
  1089 
  1484 
  1090 .block-editor-block-styles {
  1485 .block-editor-block-styles {
  1091   display: flex;
  1486   display: flex;
  1092   flex-wrap: wrap;
  1487   flex-wrap: wrap;
  1093   justify-content: space-between; }
  1488   justify-content: space-between;
       
  1489 }
  1094 
  1490 
  1095 .block-editor-block-styles__item {
  1491 .block-editor-block-styles__item {
  1096   width: calc(50% - 4px);
  1492   width: calc(50% - 4px);
  1097   margin: 4px 0;
  1493   margin: 4px 0;
  1098   flex-shrink: 0;
  1494   flex-shrink: 0;
  1099   cursor: pointer;
  1495   cursor: pointer;
  1100   overflow: hidden;
  1496   overflow: hidden;
  1101   border-radius: 2px;
  1497   border-radius: 2px;
  1102   padding: 6px;
  1498   padding: 6px;
  1103   display: flex;
  1499   display: flex;
  1104   flex-direction: column; }
  1500   flex-direction: column;
  1105   .block-editor-block-styles__item:focus {
  1501 }
  1106     box-shadow: 0 0 0 1.5px #007cba;
  1502 .block-editor-block-styles__item:focus {
  1107     box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
  1503   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  1108     outline: 2px solid transparent; }
  1504   outline: 2px solid transparent;
  1109   .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview {
  1505 }
  1110     border-color: #007cba;
  1506 .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview {
  1111     border-color: var(--wp-admin-theme-color); }
  1507   border-color: var(--wp-admin-theme-color);
  1112   .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label {
  1508 }
  1113     font-weight: bold; }
  1509 .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label {
  1114   .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview {
  1510   font-weight: bold;
  1115     border: 2px solid #1e1e1e; }
  1511 }
       
  1512 .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview {
       
  1513   margin: 0;
       
  1514   border: 2px solid #1e1e1e;
       
  1515 }
       
  1516 .block-editor-block-styles__item .block-editor-block-preview__container {
       
  1517   cursor: inherit;
       
  1518 }
  1116 
  1519 
  1117 .block-editor-block-styles__item-preview {
  1520 .block-editor-block-styles__item-preview {
  1118   outline: 1px solid transparent;
  1521   outline: 1px solid transparent;
  1119   padding: 0;
  1522   padding: 0;
       
  1523   margin: 2px;
  1120   border-radius: 2px;
  1524   border-radius: 2px;
  1121   display: flex;
  1525   display: flex;
  1122   overflow: hidden;
  1526   overflow: hidden;
  1123   background: #fff;
  1527   background: #fff;
  1124   align-items: center;
  1528   align-items: center;
  1125   flex-grow: 1;
  1529   flex-grow: 1;
  1126   min-height: 80px; }
  1530   min-height: 80px;
       
  1531   max-height: 160px;
       
  1532 }
  1127 
  1533 
  1128 .block-editor-block-switcher__styles__menugroup {
  1534 .block-editor-block-switcher__styles__menugroup {
  1129   position: relative; }
  1535   position: relative;
       
  1536 }
  1130 
  1537 
  1131 .block-editor-block-styles__item-label {
  1538 .block-editor-block-styles__item-label {
  1132   text-align: center;
  1539   text-align: center;
  1133   padding: 4px 0; }
  1540   padding: 4px 0;
       
  1541 }
  1134 
  1542 
  1135 .block-editor-block-switcher {
  1543 .block-editor-block-switcher {
  1136   position: relative; }
  1544   position: relative;
       
  1545 }
  1137 
  1546 
  1138 .block-editor-block-switcher__no-switcher-icon,
  1547 .block-editor-block-switcher__no-switcher-icon,
  1139 .block-editor-block-switcher__toggle {
  1548 .block-editor-block-switcher__toggle {
  1140   position: relative; }
  1549   position: relative;
       
  1550 }
  1141 
  1551 
  1142 .components-button.block-editor-block-switcher__toggle,
  1552 .components-button.block-editor-block-switcher__toggle,
  1143 .components-button.block-editor-block-switcher__no-switcher-icon {
  1553 .components-button.block-editor-block-switcher__no-switcher-icon {
  1144   margin: 0;
  1554   margin: 0;
  1145   display: block;
  1555   display: block;
  1146   height: 48px; }
  1556   height: 48px;
  1147   .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,
  1557 }
  1148   .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
  1558 .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,
  1149     margin: auto; }
  1559 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
       
  1560   margin: auto;
       
  1561 }
       
  1562 
       
  1563 .block-editor-block-switcher__toggle-text {
       
  1564   margin-right: 8px;
       
  1565 }
       
  1566 .show-icon-labels .block-editor-block-switcher__toggle-text {
       
  1567   display: none;
       
  1568 }
       
  1569 
       
  1570 .show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after {
       
  1571   font-size: 14px;
       
  1572 }
       
  1573 
       
  1574 .block-editor-block-switcher__popover {
       
  1575   margin-right: 6px;
       
  1576 }
  1150 
  1577 
  1151 .components-button.block-editor-block-switcher__no-switcher-icon {
  1578 .components-button.block-editor-block-switcher__no-switcher-icon {
  1152   width: 48px; }
  1579   width: 48px;
  1153   .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon {
  1580 }
  1154     margin-left: auto;
  1581 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon {
  1155     margin-right: auto; }
  1582   margin-left: auto;
       
  1583   margin-right: auto;
       
  1584 }
  1156 
  1585 
  1157 .components-button.block-editor-block-switcher__no-switcher-icon:disabled {
  1586 .components-button.block-editor-block-switcher__no-switcher-icon:disabled {
  1158   opacity: 1; }
  1587   opacity: 1;
  1159   .components-button.block-editor-block-switcher__no-switcher-icon:disabled,
  1588 }
  1160   .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
  1589 .components-button.block-editor-block-switcher__no-switcher-icon:disabled,
  1161     color: #1e1e1e !important; }
  1590 .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
  1162 
  1591   color: #1e1e1e;
  1163 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon,
  1592 }
  1164 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon,
  1593 
  1165 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon,
  1594 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
  1166 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon {
  1595 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
  1167   padding: 0; }
  1596 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,
  1168   .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
  1597 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon {
  1169   .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
  1598   height: 100%;
  1170   .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,
  1599   position: relative;
  1171   .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon {
  1600   margin: 0 auto;
  1172     height: 100%;
  1601   display: flex;
  1173     position: relative;
  1602   align-items: center;
  1174     margin: 0 auto;
  1603   min-width: 100%;
  1175     display: flex;
  1604 }
  1176     align-items: center; }
  1605 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
  1177   .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
  1606 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
  1178   .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
  1607 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before,
  1179   .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before,
  1608 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before {
  1180   .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before {
  1609   top: 8px;
  1181     top: 8px;
  1610   left: 8px;
  1182     left: 8px;
  1611   bottom: 8px;
  1183     bottom: 8px;
  1612   right: 8px;
  1184     right: 8px; }
  1613 }
  1185 
  1614 
  1186 .components-popover.block-editor-block-switcher__popover .components-popover__content {
  1615 .components-popover.block-editor-block-switcher__popover .components-popover__content {
  1187   min-width: 300px; }
  1616   min-width: 300px;
       
  1617 }
  1188 
  1618 
  1189 .components-popover.block-editor-block-switcher__popover .components-popover__content > div {
  1619 .components-popover.block-editor-block-switcher__popover .components-popover__content > div {
  1190   min-width: auto;
  1620   min-width: auto;
  1191   display: flex;
  1621   display: flex;
  1192   background: #fff;
  1622   background: #fff;
  1193   padding: 0; }
  1623   padding: 0;
  1194   .components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group {
  1624 }
  1195     padding: 16px;
  1625 .components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group {
  1196     margin: 0; }
  1626   margin: 0;
       
  1627 }
  1197 
  1628 
  1198 .block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles {
  1629 .block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles {
  1199   margin: 0 -3px; }
  1630   margin: 0 -3px;
  1200 
  1631 }
  1201 .block-editor-block-switcher__popover .components-popover__content .components-panel__body {
  1632 .block-editor-block-switcher__popover .components-popover__content .components-panel__body {
  1202   border: 0;
  1633   border: 0;
  1203   position: relative;
  1634   position: relative;
  1204   z-index: 1; }
  1635   z-index: 1;
  1205 
  1636 }
  1206 .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body {
  1637 .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body {
  1207   border-top: 1px solid #f0f0f0; }
  1638   border-top: 1px solid #e0e0e0;
       
  1639 }
  1208 
  1640 
  1209 .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container {
  1641 .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container {
  1210   position: absolute;
  1642   position: absolute;
  1211   top: -12px;
  1643   top: -12px;
  1212   right: calc(100% + 32px); }
  1644   right: calc(100% + 32px);
       
  1645 }
  1213 
  1646 
  1214 .block-editor-block-switcher__preview__popover {
  1647 .block-editor-block-switcher__preview__popover {
  1215   display: none; }
  1648   display: none;
  1216   .block-editor-block-switcher__preview__popover.components-popover {
  1649 }
  1217     margin-right: 4px;
  1650 .block-editor-block-switcher__preview__popover.components-popover {
  1218     margin-top: 11px; }
  1651   margin-right: 4px;
  1219   @media (min-width: 782px) {
  1652   margin-top: 11px;
  1220     .block-editor-block-switcher__preview__popover {
  1653 }
  1221       display: block; } }
  1654 @media (min-width: 782px) {
  1222   .block-editor-block-switcher__preview__popover .components-popover__content {
  1655   .block-editor-block-switcher__preview__popover {
  1223     box-shadow: none;
  1656     display: block;
  1224     border: 1px solid #1e1e1e;
  1657   }
  1225     background: #fff;
  1658 }
  1226     border-radius: 2px; }
  1659 .block-editor-block-switcher__preview__popover .components-popover__content {
  1227   .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview {
  1660   box-shadow: none;
  1228     width: 300px;
  1661   border: 1px solid #1e1e1e;
  1229     height: auto;
  1662   background: #fff;
  1230     padding: 16px; }
  1663   border-radius: 2px;
       
  1664 }
       
  1665 .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview {
       
  1666   width: 300px;
       
  1667   height: auto;
       
  1668   max-height: 500px;
       
  1669   padding: 16px;
       
  1670 }
  1231 
  1671 
  1232 .block-editor-block-switcher__preview-title {
  1672 .block-editor-block-switcher__preview-title {
  1233   margin-bottom: 12px;
  1673   margin-bottom: 12px;
  1234   color: #757575;
  1674   color: #757575;
  1235   text-transform: uppercase;
  1675   text-transform: uppercase;
  1236   font-size: 11px;
  1676   font-size: 11px;
  1237   font-weight: 500; }
  1677   font-weight: 500;
  1238 
  1678 }
  1239 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle,
  1679 
  1240 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon {
  1680 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon {
  1241   height: 48px; }
  1681   width: 48px;
  1242 
  1682 }
  1243 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon {
  1683 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,
  1244   width: 48px; }
  1684 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle {
  1245 
  1685   height: 48px;
       
  1686 }
  1246 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,
  1687 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,
  1247 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,
  1688 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,
  1248 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,
  1689 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,
  1249 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
  1690 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
  1250   width: 48px;
  1691   width: 48px;
  1251   height: 48px; }
  1692   height: 48px;
  1252 
  1693 }
  1253 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,
  1694 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,
  1254 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
  1695 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
  1255   padding: 12px; }
  1696   padding: 12px;
  1256 
  1697 }
  1257 .block-editor-block-types-list {
  1698 
  1258   list-style: none;
  1699 .block-editor-block-switcher__preview-patterns-container {
       
  1700   padding-bottom: 16px;
       
  1701 }
       
  1702 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item {
       
  1703   margin-top: 16px;
       
  1704 }
       
  1705 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container {
       
  1706   cursor: pointer;
       
  1707 }
       
  1708 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item {
       
  1709   height: 100%;
       
  1710   border-radius: 2px;
       
  1711   transition: all 0.05s ease-in-out;
       
  1712   position: relative;
       
  1713   border: 1px solid transparent;
       
  1714 }
       
  1715 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus {
       
  1716   box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
       
  1717   outline: 2px solid transparent;
       
  1718 }
       
  1719 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover {
       
  1720   box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
       
  1721 }
       
  1722 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title {
       
  1723   padding: 4px;
       
  1724   font-size: 12px;
       
  1725   text-align: center;
       
  1726   cursor: pointer;
       
  1727 }
       
  1728 
       
  1729 .block-editor-block-types-list > [role=presentation] {
  1259   padding: 4px;
  1730   padding: 4px;
  1260   margin-right: -4px;
  1731   margin-right: -4px;
  1261   margin-left: -4px;
  1732   margin-left: -4px;
  1262   overflow: hidden;
  1733   overflow: hidden;
  1263   display: flex;
  1734   display: flex;
  1264   flex-wrap: wrap; }
  1735   flex-wrap: wrap;
       
  1736 }
  1265 
  1737 
  1266 .block-editor-block-variation-picker .components-placeholder__instructions {
  1738 .block-editor-block-variation-picker .components-placeholder__instructions {
  1267   margin-bottom: 0; }
  1739   margin-bottom: 0;
  1268 
  1740 }
  1269 .block-editor-block-variation-picker .components-placeholder__fieldset {
  1741 .block-editor-block-variation-picker .components-placeholder__fieldset {
  1270   flex-direction: column; }
  1742   flex-direction: column;
  1271 
  1743 }
  1272 .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset {
  1744 .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset {
  1273   max-width: 90%; }
  1745   max-width: 90%;
       
  1746 }
  1274 
  1747 
  1275 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations {
  1748 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations {
  1276   display: flex;
  1749   display: flex;
  1277   justify-content: flex-start;
  1750   justify-content: flex-start;
  1278   flex-direction: row;
  1751   flex-direction: row;
  1279   flex-wrap: wrap;
  1752   flex-wrap: wrap;
  1280   width: 100%;
  1753   width: 100%;
  1281   margin: 16px 0;
  1754   margin: 16px 0;
  1282   padding: 0;
  1755   padding: 0;
  1283   list-style: none; }
  1756   list-style: none;
  1284   .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li {
  1757 }
  1285     list-style: none;
  1758 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li {
  1286     margin: 8px 0 0 8px;
  1759   list-style: none;
  1287     flex-shrink: 1;
  1760   margin: 8px 0 0 20px;
  1288     max-width: 100px; }
  1761   flex-shrink: 1;
  1289     .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button {
  1762   width: 75px;
  1290       display: flex; }
  1763   text-align: center;
  1291   .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation {
  1764 }
  1292     padding: 8px; }
  1765 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button {
  1293   .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label {
  1766   display: inline-flex;
  1294     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1767   margin-left: 0;
  1295     font-size: 12px;
  1768 }
  1296     display: block;
  1769 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation {
  1297     margin-left: 12px;
  1770   padding: 8px;
  1298     text-align: center; }
  1771 }
       
  1772 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label {
       
  1773   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
       
  1774   font-size: 12px;
       
  1775   display: block;
       
  1776   line-height: 1.4;
       
  1777 }
  1299 
  1778 
  1300 .block-editor-block-variation-picker__variation {
  1779 .block-editor-block-variation-picker__variation {
  1301   width: 100%; }
  1780   width: 100%;
  1302   .block-editor-block-variation-picker__variation.components-button.has-icon {
  1781 }
  1303     justify-content: center;
  1782 .block-editor-block-variation-picker__variation.components-button.has-icon {
  1304     width: auto; }
  1783   justify-content: center;
  1305     .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary {
  1784   width: auto;
  1306       background-color: #fff; }
  1785 }
  1307   .block-editor-block-variation-picker__variation.components-button {
  1786 .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary {
  1308     height: auto;
  1787   background-color: #fff;
  1309     padding: 0; }
  1788 }
  1310   .block-editor-block-variation-picker__variation::before {
  1789 .block-editor-block-variation-picker__variation.components-button {
  1311     content: "";
  1790   height: auto;
  1312     padding-bottom: 100%; }
  1791   padding: 0;
  1313   .block-editor-block-variation-picker__variation:first-child {
  1792 }
  1314     margin-right: 0; }
  1793 .block-editor-block-variation-picker__variation::before {
  1315   .block-editor-block-variation-picker__variation:last-child {
  1794   content: "";
  1316     margin-left: 0; }
  1795   padding-bottom: 100%;
       
  1796 }
       
  1797 .block-editor-block-variation-picker__variation:first-child {
       
  1798   margin-right: 0;
       
  1799 }
       
  1800 .block-editor-block-variation-picker__variation:last-child {
       
  1801   margin-left: 0;
       
  1802 }
       
  1803 
       
  1804 .block-editor-block-pattern-setup {
       
  1805   display: flex;
       
  1806   flex-direction: column;
       
  1807   justify-content: center;
       
  1808   align-items: flex-start;
       
  1809   width: 100%;
       
  1810   border-radius: 2px;
       
  1811   box-shadow: inset 0 0 0 1px #1e1e1e;
       
  1812   outline: 1px solid transparent;
       
  1813 }
       
  1814 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar {
       
  1815   justify-content: center;
       
  1816 }
       
  1817 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
       
  1818   display: grid;
       
  1819   grid-template-columns: 1fr 1fr;
       
  1820   grid-gap: 16px;
       
  1821   padding: 16px;
       
  1822   max-height: 550px;
       
  1823   overflow: auto;
       
  1824   margin: 0 1px 1px 1px;
       
  1825   width: calc(100% - 2px);
       
  1826   background: #fff;
       
  1827 }
       
  1828 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,
       
  1829 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] {
       
  1830   cursor: pointer;
       
  1831 }
       
  1832 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item-title {
       
  1833   padding: 4px;
       
  1834   font-size: 12px;
       
  1835   text-align: center;
       
  1836 }
       
  1837 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container {
       
  1838   border-radius: 2px;
       
  1839   border: 1px solid #ddd;
       
  1840 }
       
  1841 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar {
       
  1842   box-sizing: border-box;
       
  1843   position: relative;
       
  1844   padding: 16px;
       
  1845   width: 100%;
       
  1846   text-align: right;
       
  1847   margin: 0;
       
  1848   color: #1e1e1e;
       
  1849   border-radius: 2px 2px 0 0;
       
  1850   background-color: #fff;
       
  1851   box-shadow: inset 0 0 0 1px #1e1e1e;
       
  1852   outline: 1px solid transparent;
       
  1853   display: flex;
       
  1854   flex-direction: row;
       
  1855   align-items: center;
       
  1856   justify-content: space-between;
       
  1857 }
       
  1858 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls {
       
  1859   display: flex;
       
  1860 }
       
  1861 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation,
       
  1862 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions {
       
  1863   width: calc(50% - 36px);
       
  1864   display: flex;
       
  1865 }
       
  1866 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions {
       
  1867   justify-content: flex-end;
       
  1868 }
       
  1869 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container {
       
  1870   display: flex;
       
  1871   flex-direction: column;
       
  1872   width: 100%;
       
  1873   box-sizing: border-box;
       
  1874 }
       
  1875 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container {
       
  1876   overflow: hidden;
       
  1877   position: relative;
       
  1878   padding: 0;
       
  1879   margin: 0;
       
  1880   list-style: none;
       
  1881   transform-style: preserve-3d;
       
  1882 }
       
  1883 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * {
       
  1884   box-sizing: border-box;
       
  1885 }
       
  1886 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide {
       
  1887   opacity: 0;
       
  1888   position: absolute;
       
  1889   top: 0;
       
  1890   width: 100%;
       
  1891   margin: auto;
       
  1892   padding: 16px;
       
  1893   transition: transform 0.5s, opacity 0.5s, z-index 0.5s;
       
  1894   z-index: 100;
       
  1895 }
       
  1896 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide {
       
  1897   opacity: 1;
       
  1898   position: relative;
       
  1899   z-index: 102;
       
  1900 }
       
  1901 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide {
       
  1902   transform: translateX(100%);
       
  1903   z-index: 101;
       
  1904 }
       
  1905 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide {
       
  1906   transform: translateX(-100%);
       
  1907   z-index: 101;
       
  1908 }
       
  1909 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender {
       
  1910   display: none;
       
  1911 }
       
  1912 
       
  1913 .block-editor-block-variation-transforms {
       
  1914   padding: 0 56px 16px 16px;
       
  1915   width: 100%;
       
  1916 }
       
  1917 .block-editor-block-variation-transforms .components-dropdown-menu__toggle {
       
  1918   border: 1px solid #757575;
       
  1919   border-radius: 2px;
       
  1920   min-height: 30px;
       
  1921   width: 100%;
       
  1922   position: relative;
       
  1923   text-align: right;
       
  1924   justify-content: left;
       
  1925   padding: 6px 12px;
       
  1926 }
       
  1927 .block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle {
       
  1928   padding-left: 24px;
       
  1929 }
       
  1930 .block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) {
       
  1931   border-color: var(--wp-admin-theme-color);
       
  1932   box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color);
       
  1933 }
       
  1934 .block-editor-block-variation-transforms .components-dropdown-menu__toggle svg {
       
  1935   height: 100%;
       
  1936   padding: 0;
       
  1937   position: absolute;
       
  1938   left: 0;
       
  1939   top: 0;
       
  1940 }
       
  1941 
       
  1942 .block-editor-block-variation-transforms__popover .components-popover__content {
       
  1943   min-width: 230px;
       
  1944 }
       
  1945 
       
  1946 .components-border-style-control__select {
       
  1947   margin-bottom: 24px;
       
  1948 }
       
  1949 .components-border-style-control__select button {
       
  1950   width: 100%;
       
  1951 }
       
  1952 .components-border-style-control__select ul li,
       
  1953 .components-border-style-control__select ul li:last-child {
       
  1954   margin: 6px;
       
  1955 }
  1317 
  1956 
  1318 .block-editor-button-block-appender {
  1957 .block-editor-button-block-appender {
  1319   display: flex;
  1958   display: flex;
  1320   flex-direction: column;
  1959   flex-direction: column;
  1321   align-items: center;
  1960   align-items: center;
  1322   justify-content: center;
  1961   justify-content: center;
  1323   padding: 8px;
  1962   padding: 8px;
  1324   width: 100%;
  1963   width: 100%;
  1325   height: auto;
  1964   height: auto;
  1326   color: #1e1e1e;
  1965   color: #1e1e1e;
  1327   box-shadow: inset 0 0 0 1px #1e1e1e; }
  1966   box-shadow: inset 0 0 0 1px #1e1e1e;
  1328   .block-editor-button-block-appender:hover {
  1967 }
  1329     box-shadow: inset 0 0 0 1px #007cba;
  1968 .is-dark-theme .block-editor-button-block-appender {
  1330     box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); }
  1969   color: rgba(255, 255, 255, 0.65);
  1331   .block-editor-button-block-appender:focus {
  1970   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
  1332     box-shadow: inset 0 0 0 2px #007cba;
  1971 }
  1333     box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); }
  1972 .block-editor-button-block-appender:hover {
  1334   .block-editor-button-block-appender:active {
  1973   color: var(--wp-admin-theme-color);
  1335     color: #000; }
  1974   box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
  1336   .block-editor-button-block-appender.block-list-appender__toggle {
  1975 }
  1337     display: flex;
  1976 .block-editor-button-block-appender:focus {
  1338     flex-direction: row;
  1977   box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
  1339     color: #1e1e1e;
  1978 }
  1340     box-shadow: none;
  1979 .block-editor-button-block-appender:active {
  1341     height: 24px;
  1980   color: #000;
  1342     padding: 0;
  1981 }
  1343     margin-right: 8px; }
  1982 .block-editor-button-block-appender.block-list-appender__toggle {
  1344     .block-editor-button-block-appender.block-list-appender__toggle:active {
  1983   display: flex;
  1345       color: #fff; }
  1984   flex-direction: row;
  1346     .block-editor-button-block-appender.block-list-appender__toggle > svg {
  1985   box-shadow: none;
  1347       width: 24px;
  1986   height: 24px;
  1348       background-color: #1e1e1e;
  1987   width: 24px;
  1349       color: #fff;
  1988 }
  1350       border-radius: 2px; }
  1989 .block-editor-button-block-appender.block-list-appender__toggle > svg {
  1351 
  1990   width: 24px;
  1352 .block-editor-color-gradient-control__color-indicator {
  1991   background-color: #1e1e1e;
  1353   margin-bottom: 8px; }
  1992   color: #fff;
  1354 
  1993   border-radius: 2px;
  1355 .block-editor-color-gradient-control__button-tabs {
  1994   flex: 1 0 auto;
       
  1995 }
       
  1996 
       
  1997 .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
       
  1998   margin-bottom: 12px;
       
  1999 }
       
  2000 .block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs {
  1356   display: block;
  2001   display: block;
  1357   margin-bottom: 8px; }
  2002   margin-bottom: 12px;
       
  2003 }
  1358 
  2004 
  1359 .block-editor-panel-color-gradient-settings .component-color-indicator {
  2005 .block-editor-panel-color-gradient-settings .component-color-indicator {
  1360   vertical-align: text-bottom; }
  2006   vertical-align: text-bottom;
  1361 
  2007 }
  1362 .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
  2008 .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
  1363   display: inline-block; }
  2009   display: inline-block;
  1364 
  2010 }
  1365 .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
  2011 .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
  1366   display: none; }
  2012   display: none;
       
  2013 }
       
  2014 @media screen and (min-width: 782px) {
       
  2015   .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches {
       
  2016     margin-left: 0;
       
  2017   }
       
  2018   .block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper {
       
  2019     margin-left: calc((100% - (28px * 6)) / 5);
       
  2020   }
       
  2021   .block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper:nth-child(6n+6) {
       
  2022     margin-left: 0;
       
  2023   }
       
  2024 }
  1367 
  2025 
  1368 .block-editor-contrast-checker > .components-notice {
  2026 .block-editor-contrast-checker > .components-notice {
  1369   margin: 0; }
  2027   margin: 0;
       
  2028 }
  1370 
  2029 
  1371 .block-editor-default-block-appender {
  2030 .block-editor-default-block-appender {
  1372   clear: both;
  2031   clear: both;
  1373   margin-right: auto;
  2032   margin-right: auto;
  1374   margin-left: auto;
  2033   margin-left: auto;
  1375   position: relative; }
  2034   position: relative;
  1376   .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
  2035 }
  1377     outline: 1px solid transparent; }
  2036 .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
  1378   .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
  2037   outline: 1px solid transparent;
  1379     font-family: inherit;
  2038 }
  1380     font-size: inherit;
  2039 .block-editor-default-block-appender .block-editor-default-block-appender__content {
  1381     border: none;
  2040   opacity: 0.62;
  1382     background: none;
  2041 }
  1383     box-shadow: none;
  2042 .block-editor-default-block-appender .components-drop-zone__content-icon {
  1384     display: block;
  2043   display: none;
  1385     cursor: text;
  2044 }
  1386     width: 100%;
       
  1387     outline: 1px solid transparent;
       
  1388     transition: 0.2s outline;
       
  1389     resize: none;
       
  1390     margin-top: 28px;
       
  1391     margin-bottom: 28px;
       
  1392     padding: 0 0 0 50px;
       
  1393     color: rgba(30, 30, 30, 0.62); }
       
  1394     @media (prefers-reduced-motion: reduce) {
       
  1395       .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
       
  1396         transition-duration: 0s; } }
       
  1397     .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
       
  1398       color: rgba(255, 255, 255, 0.65); }
       
  1399   .block-editor-default-block-appender .components-drop-zone__content-icon {
       
  1400     display: none; }
       
  1401 
       
  1402 .block-editor-default-block-appender__content {
       
  1403   line-height: 1.8; }
       
  1404 
  2045 
  1405 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,
  2046 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,
  1406 .block-editor-default-block-appender .block-editor-inserter {
  2047 .block-editor-default-block-appender .block-editor-inserter {
  1407   position: absolute;
  2048   position: absolute;
  1408   top: 0;
  2049   top: 0;
  1409   height: 32px; }
  2050   height: 32px;
  1410   .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
  2051 }
  1411   .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
  2052 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
  1412     margin-left: 0; }
  2053 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
       
  2054   margin-left: 0;
       
  2055 }
  1413 
  2056 
  1414 .block-editor-block-list__empty-block-inserter,
  2057 .block-editor-block-list__empty-block-inserter,
  1415 .block-editor-default-block-appender .block-editor-inserter {
  2058 .block-editor-default-block-appender .block-editor-inserter {
  1416   left: 8px; }
  2059   left: 8px;
  1417   @media (min-width: 600px) {
  2060 }
  1418     .block-editor-block-list__empty-block-inserter,
       
  1419     .block-editor-default-block-appender .block-editor-inserter {
       
  1420       display: flex;
       
  1421       height: 100%; } }
       
  1422   .block-editor-block-list__empty-block-inserter:disabled,
       
  1423   .block-editor-default-block-appender .block-editor-inserter:disabled {
       
  1424     display: none; }
       
  1425 
       
  1426 @media (min-width: 600px) {
  2061 @media (min-width: 600px) {
  1427   .block-editor-default-block-appender .block-editor-inserter {
  2062   .block-editor-block-list__empty-block-inserter,
  1428     align-items: center; } }
  2063 .block-editor-default-block-appender .block-editor-inserter {
       
  2064     display: flex;
       
  2065     height: 100%;
       
  2066   }
       
  2067 }
       
  2068 .block-editor-block-list__empty-block-inserter:disabled,
       
  2069 .block-editor-default-block-appender .block-editor-inserter:disabled {
       
  2070   display: none;
       
  2071 }
       
  2072 
       
  2073 .block-editor-duotone-control__popover .components-popover__content {
       
  2074   border: 1px solid #1e1e1e;
       
  2075   min-width: 214px;
       
  2076 }
       
  2077 .block-editor-duotone-control__popover .components-circular-option-picker {
       
  2078   padding: 12px;
       
  2079 }
       
  2080 .block-editor-duotone-control__popover .components-menu-group__label {
       
  2081   padding: 12px 12px 0 12px;
       
  2082   width: 100%;
       
  2083   box-sizing: border-box;
       
  2084 }
       
  2085 
       
  2086 .block-editor-duotone-control__popover > .components-popover__content {
       
  2087   width: 334px;
       
  2088 }
       
  2089 
       
  2090 .block-editor-duotone-control__popover:not([data-y-axis=middle][data-x-axis=right]) > .components-popover__content {
       
  2091   margin-right: -14px;
       
  2092 }
       
  2093 
       
  2094 .components-font-appearance-control__select {
       
  2095   margin-bottom: 24px;
       
  2096 }
       
  2097 .components-font-appearance-control__select ul li {
       
  2098   color: #1e1e1e;
       
  2099   text-transform: capitalize;
       
  2100 }
       
  2101 
       
  2102 .items-justified-left {
       
  2103   justify-content: flex-start;
       
  2104 }
       
  2105 
       
  2106 .items-justified-center {
       
  2107   justify-content: center;
       
  2108 }
       
  2109 
       
  2110 .items-justified-right {
       
  2111   justify-content: flex-end;
       
  2112 }
       
  2113 
       
  2114 .items-justified-space-between {
       
  2115   justify-content: space-between;
       
  2116 }
  1429 
  2117 
  1430 .block-editor-link-control {
  2118 .block-editor-link-control {
  1431   position: relative;
  2119   position: relative;
  1432   min-width: 360px; }
  2120   min-width: 360px;
  1433   .components-popover__content .block-editor-link-control {
  2121 }
  1434     min-width: auto;
  2122 .components-popover__content .block-editor-link-control {
  1435     width: 90vw;
  2123   min-width: auto;
  1436     max-width: 360px; }
  2124   width: 90vw;
       
  2125   max-width: 360px;
       
  2126 }
  1437 
  2127 
  1438 .block-editor-link-control__search-input-wrapper {
  2128 .block-editor-link-control__search-input-wrapper {
  1439   position: relative; }
  2129   position: relative;
  1440 
  2130 }
  1441 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
  2131 
       
  2132 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
  1442   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2133   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1443   padding: 6px 8px;
  2134   padding: 6px 8px;
  1444   box-shadow: 0 0 0 transparent;
  2135   box-shadow: 0 0 0 transparent;
  1445   transition: box-shadow 0.1s linear;
  2136   transition: box-shadow 0.1s linear;
  1446   border-radius: 2px;
  2137   border-radius: 2px;
  1454   padding: 11px 16px;
  2145   padding: 11px 16px;
  1455   padding-left: 36px;
  2146   padding-left: 36px;
  1456   margin: 16px;
  2147   margin: 16px;
  1457   position: relative;
  2148   position: relative;
  1458   border: 1px solid #ddd;
  2149   border: 1px solid #ddd;
  1459   border-radius: 2px; }
  2150   border-radius: 2px;
  1460   @media (prefers-reduced-motion: reduce) {
  2151 }
  1461     .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
  2152 @media (prefers-reduced-motion: reduce) {
  1462       transition-duration: 0s; } }
  2153   .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
  1463   @media (min-width: 600px) {
  2154     transition-duration: 0s;
  1464     .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
  2155     transition-delay: 0s;
  1465       font-size: 13px;
  2156   }
  1466       /* Override core line-height. To be reviewed. */
  2157 }
  1467       line-height: normal; } }
  2158 @media (min-width: 600px) {
  1468   .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus {
  2159   .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
  1469     border-color: #007cba;
  2160     font-size: 13px;
  1470     border-color: var(--wp-admin-theme-color);
  2161     /* Override core line-height. To be reviewed. */
  1471     box-shadow: 0 0 0 0.5px #007cba;
  2162     line-height: normal;
  1472     box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
  2163   }
  1473     outline: 2px solid transparent; }
  2164 }
  1474   .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder {
  2165 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:focus {
  1475     color: rgba(30, 30, 30, 0.62); }
  2166   border-color: var(--wp-admin-theme-color);
  1476   .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder {
  2167   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
  1477     opacity: 1;
  2168   outline: 2px solid transparent;
  1478     color: rgba(30, 30, 30, 0.62); }
  2169 }
  1479   .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder {
  2170 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-webkit-input-placeholder {
  1480     color: rgba(30, 30, 30, 0.62); }
  2171   color: rgba(30, 30, 30, 0.62);
  1481   .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder {
  2172 }
  1482     color: rgba(255, 255, 255, 0.65); }
  2173 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-moz-placeholder {
  1483   .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder {
  2174   opacity: 1;
  1484     opacity: 1;
  2175   color: rgba(30, 30, 30, 0.62);
  1485     color: rgba(255, 255, 255, 0.65); }
  2176 }
  1486   .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder {
  2177 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:-ms-input-placeholder {
  1487     color: rgba(255, 255, 255, 0.65); }
  2178   color: rgba(30, 30, 30, 0.62);
  1488 
  2179 }
  1489 .block-editor-link-control .block-editor-link-control__search-input .components-base-control__field {
  2180 .block-editor-link-control .block-editor-link-control__search-input .components-base-control__field {
  1490   margin-bottom: 0; }
  2181   margin-bottom: 0;
       
  2182 }
  1491 
  2183 
  1492 .block-editor-link-control__search-error {
  2184 .block-editor-link-control__search-error {
  1493   margin: -8px 16px 16px; }
  2185   margin: -8px 16px 16px;
       
  2186 }
  1494 
  2187 
  1495 .block-editor-link-control__search-actions {
  2188 .block-editor-link-control__search-actions {
  1496   position: absolute;
  2189   position: absolute;
  1497   /*
  2190   /*
  1498 	 * Actions must be positioned on top of URLInput, since the input will grow
  2191    * Actions must be positioned on top of URLInput, since the input will grow
  1499 	 * when suggestions are rendered.
  2192    * when suggestions are rendered.
  1500 	 *
  2193    *
  1501 	 * Compensate for:
  2194    * Compensate for:
  1502 	 *  - Input margin ($grid-unit-20)
  2195    *  - Input margin ($grid-unit-20)
  1503 	 *  - Border (1px)
  2196    *  - Border (1px)
  1504 	 *  - Vertically, for the difference in height between the input (40px) and
  2197    *  - Vertically, for the difference in height between the input (40px) and
  1505 	 *    the icon buttons.
  2198    *    the icon buttons.
  1506 	 *  - Horizontally, pad to the minimum of: default input padding, or the
  2199    *  - Horizontally, pad to the minimum of: default input padding, or the
  1507 	 *    equivalent of the vertical padding.
  2200    *    equivalent of the vertical padding.
  1508 	 */
  2201    */
  1509   top: 19px;
  2202   top: 19px;
  1510   left: 19px; }
  2203   left: 19px;
       
  2204 }
       
  2205 
       
  2206 .components-button .block-editor-link-control__search-submit .has-icon {
       
  2207   margin: -1px;
       
  2208 }
  1511 
  2209 
  1512 .block-editor-link-control__search-results-wrapper {
  2210 .block-editor-link-control__search-results-wrapper {
  1513   position: relative;
  2211   position: relative;
  1514   margin-top: -15px; }
  2212   margin-top: -15px;
  1515   .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after {
  2213 }
  1516     content: "";
  2214 .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after {
  1517     position: absolute;
  2215   content: "";
  1518     right: -1px;
  2216   position: absolute;
  1519     left: 16px;
  2217   right: -1px;
  1520     display: block;
  2218   left: 16px;
  1521     pointer-events: none;
  2219   display: block;
  1522     z-index: 100; }
  2220   pointer-events: none;
  1523   .block-editor-link-control__search-results-wrapper::before {
  2221   z-index: 100;
  1524     height: 8px;
  2222 }
  1525     top: 0;
  2223 .block-editor-link-control__search-results-wrapper::before {
  1526     bottom: auto;
  2224   height: 8px;
  1527     background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); }
  2225   top: 0;
  1528   .block-editor-link-control__search-results-wrapper::after {
  2226   bottom: auto;
  1529     height: 16px;
  2227 }
  1530     bottom: 0;
  2228 .block-editor-link-control__search-results-wrapper::after {
  1531     top: auto;
  2229   height: 16px;
  1532     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
  2230   bottom: 0;
       
  2231   top: auto;
       
  2232 }
  1533 
  2233 
  1534 .block-editor-link-control__search-results-label {
  2234 .block-editor-link-control__search-results-label {
  1535   padding: 15px 30px 0 30px;
  2235   padding: 16px 32px 0;
  1536   display: block;
  2236   display: block;
  1537   font-size: 1.1em; }
  2237   font-weight: 600;
       
  2238 }
  1538 
  2239 
  1539 .block-editor-link-control__search-results {
  2240 .block-editor-link-control__search-results {
  1540   margin: 0;
  2241   margin: 0;
  1541   padding: 8px 16px 8px;
  2242   padding: 8px 16px 8px;
  1542   max-height: 200px;
  2243   max-height: 200px;
  1543   overflow-y: auto; }
  2244   overflow-y: auto;
  1544   .block-editor-link-control__search-results.is-loading {
  2245 }
  1545     opacity: 0.2; }
  2246 .block-editor-link-control__search-results.is-loading {
       
  2247   opacity: 0.2;
       
  2248 }
  1546 
  2249 
  1547 .block-editor-link-control__search-item {
  2250 .block-editor-link-control__search-item {
  1548   position: relative;
  2251   position: relative;
  1549   display: flex;
  2252   display: flex;
  1550   align-items: center;
  2253   align-items: center;
  1552   cursor: pointer;
  2255   cursor: pointer;
  1553   background: #fff;
  2256   background: #fff;
  1554   width: 100%;
  2257   width: 100%;
  1555   border: none;
  2258   border: none;
  1556   text-align: right;
  2259   text-align: right;
  1557   padding: 10px 15px;
  2260   padding: 12px 16px;
  1558   border-radius: 5px;
  2261   border-radius: 5px;
  1559   height: auto; }
  2262   height: auto;
  1560   .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus {
  2263 }
  1561     background-color: #ddd; }
  2264 .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus {
  1562   .block-editor-link-control__search-item:focus:not(:disabled) {
  2265   background-color: #ddd;
  1563     box-shadow: 0 0 0 1.5px #007cba inset;
  2266 }
  1564     box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color) inset; }
  2267 .block-editor-link-control__search-item:focus:not(:disabled) {
  1565   .block-editor-link-control__search-item.is-selected {
  2268   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset;
  1566     background: #f0f0f0; }
  2269 }
  1567     .block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type {
  2270 .block-editor-link-control__search-item.is-selected {
  1568       background: #fff; }
  2271   background: #f0f0f0;
  1569   .block-editor-link-control__search-item.is-current {
  2272 }
  1570     background: transparent;
  2273 .block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type {
  1571     border: 0;
  2274   background: #fff;
  1572     width: 100%;
  2275 }
  1573     cursor: default;
  2276 .block-editor-link-control__search-item.is-current {
  1574     padding: 16px;
  2277   background: transparent;
  1575     padding-right: 24px; }
  2278   border: 0;
  1576   .block-editor-link-control__search-item .block-editor-link-control__search-item-header {
  2279   width: 100%;
  1577     display: block;
  2280   cursor: default;
  1578     margin-left: 24px;
  2281   padding: 16px;
  1579     overflow: hidden;
  2282   padding-right: 24px;
  1580     white-space: nowrap; }
  2283 }
  1581   .block-editor-link-control__search-item .block-editor-link-control__search-item-icon {
  2284 .block-editor-link-control__search-item .block-editor-link-control__search-item-header {
  1582     margin-left: 1em;
  2285   display: block;
  1583     min-width: 24px; }
  2286   margin-left: 8px;
  1584   .block-editor-link-control__search-item .block-editor-link-control__search-item-info,
  2287   overflow: hidden;
  1585   .block-editor-link-control__search-item .block-editor-link-control__search-item-title {
  2288   white-space: nowrap;
  1586     max-width: 230px;
  2289 }
  1587     overflow: hidden;
  2290 .block-editor-link-control__search-item .block-editor-link-control__search-item-icon {
  1588     text-overflow: ellipsis; }
  2291   margin-left: 1em;
  1589   .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark {
  2292   min-width: 24px;
  1590     color: #1e1e1e; }
  2293 }
  1591   .block-editor-link-control__search-item .block-editor-link-control__search-item-title {
  2294 .block-editor-link-control__search-item .block-editor-link-control__search-item-info,
  1592     display: block;
  2295 .block-editor-link-control__search-item .block-editor-link-control__search-item-title {
  1593     margin-bottom: 0.2em;
  2296   overflow: hidden;
  1594     font-weight: 500; }
  2297   text-overflow: ellipsis;
  1595     .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark {
  2298   padding-left: 24px;
  1596       font-weight: 700;
  2299 }
  1597       color: #000;
  2300 .block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,
  1598       background-color: transparent; }
  2301 .block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon {
  1599     .block-editor-link-control__search-item .block-editor-link-control__search-item-title span {
  2302   position: absolute;
  1600       font-weight: normal; }
  2303   left: 0;
  1601   .block-editor-link-control__search-item .block-editor-link-control__search-item-info {
  2304   margin-top: 0;
  1602     display: block;
  2305 }
  1603     color: #6c7781;
  2306 .block-editor-link-control__search-item .block-editor-link-control__search-item-title {
  1604     font-size: 0.9em;
  2307   display: block;
  1605     line-height: 1.3; }
  2308   margin-bottom: 0.2em;
  1606   .block-editor-link-control__search-item .block-editor-link-control__search-item-type {
  2309   font-weight: 500;
  1607     display: block;
  2310   position: relative;
  1608     padding: 3px 8px;
  2311 }
  1609     margin-right: auto;
  2312 .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark {
  1610     font-size: 0.9em;
  2313   font-weight: 700;
  1611     background-color: #f0f0f0;
  2314   color: #000;
  1612     border-radius: 2px; }
  2315   background-color: transparent;
       
  2316 }
       
  2317 .block-editor-link-control__search-item .block-editor-link-control__search-item-title span {
       
  2318   font-weight: normal;
       
  2319 }
       
  2320 .block-editor-link-control__search-item .block-editor-link-control__search-item-info {
       
  2321   display: block;
       
  2322   color: #757575;
       
  2323   font-size: 0.9em;
       
  2324   line-height: 1.3;
       
  2325 }
       
  2326 .block-editor-link-control__search-item .block-editor-link-control__search-item-type {
       
  2327   display: block;
       
  2328   padding: 3px 8px;
       
  2329   margin-right: auto;
       
  2330   font-size: 0.9em;
       
  2331   background-color: #f0f0f0;
       
  2332   border-radius: 2px;
       
  2333 }
  1613 
  2334 
  1614 .block-editor-link-control__loading {
  2335 .block-editor-link-control__loading {
  1615   margin: 16px;
  2336   margin: 16px;
  1616   display: flex;
  2337   display: flex;
  1617   align-items: center; }
  2338   align-items: center;
  1618   .block-editor-link-control__loading .components-spinner {
  2339 }
  1619     margin-top: 0; }
  2340 .block-editor-link-control__loading .components-spinner {
       
  2341   margin-top: 0;
       
  2342 }
  1620 
  2343 
  1621 .components-button + .block-editor-link-control__search-create {
  2344 .components-button + .block-editor-link-control__search-create {
  1622   margin-top: 20px;
       
  1623   overflow: visible;
  2345   overflow: visible;
  1624   padding: 12px 15px; }
  2346   padding: 12px 16px;
  1625   .components-button + .block-editor-link-control__search-create::before {
  2347 }
  1626     content: "";
  2348 .components-button + .block-editor-link-control__search-create::before {
  1627     position: absolute;
  2349   content: "";
  1628     top: -10px;
  2350   position: absolute;
  1629     right: 0;
  2351   top: -10px;
  1630     display: block;
  2352   right: 0;
  1631     width: 100%;
  2353   display: block;
  1632     border-top: 1px solid #ddd; }
  2354   width: 100%;
  1633 
  2355 }
  1634 .block-editor-link-control__search-results div[role="menu"] > .block-editor-link-control__search-item.block-editor-link-control__search-item {
  2356 
  1635   padding: 10px; }
  2357 .block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item {
       
  2358   padding: 10px;
       
  2359 }
  1636 
  2360 
  1637 .block-editor-link-control__settings {
  2361 .block-editor-link-control__settings {
  1638   border-top: 1px solid #ddd;
  2362   border-top: 1px solid #ddd;
  1639   margin: 0;
  2363   margin: 0;
  1640   padding: 16px 24px; }
  2364   padding: 16px 24px;
  1641   .block-editor-link-control__settings :last-child {
  2365 }
  1642     margin-bottom: 0; }
  2366 .block-editor-link-control__settings :last-child {
       
  2367   margin-bottom: 0;
       
  2368 }
       
  2369 .is-alternate .block-editor-link-control__settings {
       
  2370   border-top: 1px solid #1e1e1e;
       
  2371 }
  1643 
  2372 
  1644 .block-editor-link-control__setting {
  2373 .block-editor-link-control__setting {
  1645   margin-bottom: 16px; }
  2374   margin-bottom: 16px;
  1646   .block-editor-link-control__setting :last-child {
  2375 }
  1647     margin-bottom: 0; }
  2376 .block-editor-link-control__setting :last-child {
       
  2377   margin-bottom: 0;
       
  2378 }
  1648 
  2379 
  1649 .block-editor-link-control .block-editor-link-control__search-input .components-spinner {
  2380 .block-editor-link-control .block-editor-link-control__search-input .components-spinner {
  1650   display: block; }
  2381   display: block;
  1651   .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner {
  2382 }
  1652     position: absolute;
  2383 .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner {
  1653     right: auto;
  2384   position: absolute;
  1654     bottom: auto;
  2385   right: auto;
  1655     /*
  2386   bottom: auto;
  1656 		 * Position spinner to the left of the actions.
  2387   /*
  1657 		 *
  2388    * Position spinner to the left of the actions.
  1658 		 * Compensate for:
  2389    *
  1659 		 *  - Input margin ($grid-unit-20)
  2390    * Compensate for:
  1660 		 *  - Border (1px)
  2391    *  - Input margin ($grid-unit-20)
  1661 		 *  - Vertically, for the difference in height between the input (40px)
  2392    *  - Border (1px)
  1662 		 *    and the spinner.
  2393    *  - Vertically, for the difference in height between the input (40px)
  1663 		 *  - Horizontally, adjust for the width occupied by the icon buttons,
  2394    *    and the spinner.
  1664 		 *    then artificially create spacing that mimics as if the spinner
  2395    *  - Horizontally, adjust for the width occupied by the icon buttons,
  1665 		 *    were center-padded to the same width as an icon button.
  2396    *    then artificially create spacing that mimics as if the spinner
  1666 		 */
  2397    *    were center-padded to the same width as an icon button.
  1667     top: 28px;
  2398    */
  1668     left: 62px; }
  2399   top: 28px;
       
  2400   left: 62px;
       
  2401 }
  1669 
  2402 
  1670 .block-editor-link-control__search-item-action {
  2403 .block-editor-link-control__search-item-action {
  1671   margin-right: auto;
  2404   margin-right: auto;
  1672   flex-shrink: 0; }
  2405   flex-shrink: 0;
       
  2406 }
  1673 
  2407 
  1674 .block-editor-line-height-control {
  2408 .block-editor-line-height-control {
  1675   margin-bottom: 24px; }
  2409   margin-bottom: 24px;
  1676   .block-editor-line-height-control input {
  2410 }
  1677     display: block;
  2411 .block-editor-line-height-control input {
  1678     max-width: 60px; }
  2412   display: block;
       
  2413   max-width: 60px;
       
  2414 }
  1679 
  2415 
  1680 .block-editor-image-size-control {
  2416 .block-editor-image-size-control {
  1681   margin-bottom: 1em; }
  2417   margin-bottom: 1em;
  1682   .block-editor-image-size-control .block-editor-image-size-control__row {
  2418 }
  1683     display: flex;
  2419 .block-editor-image-size-control .block-editor-image-size-control__row {
  1684     justify-content: space-between; }
  2420   display: flex;
  1685     .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width,
  2421   justify-content: space-between;
  1686     .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height {
  2422 }
  1687       margin-bottom: 0.5em; }
  2423 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width,
  1688       .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input,
  2424 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height {
  1689       .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input {
  2425   margin-bottom: 0.5em;
  1690         line-height: 1.25; }
  2426 }
  1691     .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width {
  2427 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input,
  1692       margin-left: 5px; }
  2428 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input {
  1693     .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height {
  2429   line-height: 1.25;
  1694       margin-right: 5px; }
  2430 }
       
  2431 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width {
       
  2432   margin-left: 5px;
       
  2433 }
       
  2434 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height {
       
  2435   margin-right: 5px;
       
  2436 }
  1695 
  2437 
  1696 .block-editor-block-list__layout.has-overlay::after {
  2438 .block-editor-block-list__layout.has-overlay::after {
  1697   content: "";
  2439   content: "";
  1698   position: absolute;
  2440   position: absolute;
  1699   top: -14px;
  2441   top: -14px;
  1700   left: -14px;
  2442   left: -14px;
  1701   bottom: -14px;
  2443   bottom: -14px;
  1702   right: -14px;
  2444   right: -14px;
  1703   z-index: 60; }
  2445   z-index: 60;
  1704 
  2446 }
  1705 [data-align="full"] .has-overlay::after {
  2447 
       
  2448 [data-align=full] .has-overlay::after {
  1706   left: 0;
  2449   left: 0;
  1707   right: 0; }
  2450   right: 0;
       
  2451 }
  1708 
  2452 
  1709 .block-editor-block-types-list__list-item {
  2453 .block-editor-block-types-list__list-item {
  1710   display: block;
  2454   display: block;
  1711   width: 33.33%;
  2455   width: 33.33%;
  1712   padding: 0;
  2456   padding: 0;
  1713   margin: 0; }
  2457   margin: 0;
       
  2458 }
  1714 
  2459 
  1715 .components-button.block-editor-block-types-list__item {
  2460 .components-button.block-editor-block-types-list__item {
  1716   display: flex;
  2461   display: flex;
  1717   flex-direction: column;
  2462   flex-direction: column;
  1718   width: 100%;
  2463   width: 100%;
  1719   font-size: 13px;
  2464   font-size: 13px;
  1720   color: #32373c;
  2465   color: #1e1e1e;
  1721   padding: 8px;
  2466   padding: 8px;
  1722   align-items: stretch;
  2467   align-items: stretch;
  1723   justify-content: center;
  2468   justify-content: center;
  1724   cursor: pointer;
  2469   cursor: pointer;
  1725   background: transparent;
  2470   background: transparent;
  1726   word-break: break-word;
  2471   word-break: break-word;
  1727   border-radius: 2px;
  2472   border-radius: 2px;
  1728   border: 1px solid transparent;
  2473   border: 1px solid transparent;
  1729   transition: all 0.05s ease-in-out;
  2474   transition: all 0.05s ease-in-out;
  1730   position: relative;
  2475   position: relative;
  1731   height: auto; }
  2476   height: auto;
  1732   @media (prefers-reduced-motion: reduce) {
  2477 }
  1733     .components-button.block-editor-block-types-list__item {
  2478 @media (prefers-reduced-motion: reduce) {
  1734       transition-duration: 0s; } }
  2479   .components-button.block-editor-block-types-list__item {
  1735   .components-button.block-editor-block-types-list__item:disabled {
  2480     transition-duration: 0s;
  1736     opacity: 0.6;
  2481     transition-delay: 0s;
  1737     cursor: default; }
  2482   }
  1738   .components-button.block-editor-block-types-list__item:not(:disabled):hover {
  2483 }
  1739     border-color: #007cba;
  2484 .components-button.block-editor-block-types-list__item:disabled {
  1740     border-color: var(--wp-admin-theme-color);
  2485   opacity: 0.6;
  1741     color: #007cba !important;
  2486   cursor: default;
  1742     color: var(--wp-admin-theme-color) !important; }
  2487 }
  1743   .components-button.block-editor-block-types-list__item:not(:disabled).is-active {
  2488 .components-button.block-editor-block-types-list__item:not(:disabled):hover {
  1744     color: #fff;
  2489   border-color: var(--wp-admin-theme-color);
  1745     background: #1e1e1e;
  2490   color: var(--wp-admin-theme-color) !important;
  1746     outline: 2px solid transparent;
  2491 }
  1747     outline-offset: -2px; }
  2492 .components-button.block-editor-block-types-list__item:not(:disabled).is-active {
       
  2493   color: #fff;
       
  2494   background: #1e1e1e;
       
  2495   outline: 2px solid transparent;
       
  2496   outline-offset: -2px;
       
  2497 }
  1748 
  2498 
  1749 .block-editor-block-types-list__item-icon {
  2499 .block-editor-block-types-list__item-icon {
  1750   padding: 12px 20px;
  2500   padding: 12px 20px;
  1751   border-radius: 2px;
  2501   border-radius: 2px;
  1752   color: #1e1e1e;
  2502   color: #1e1e1e;
  1753   transition: all 0.05s ease-in-out; }
  2503   transition: all 0.05s ease-in-out;
  1754   @media (prefers-reduced-motion: reduce) {
  2504 }
  1755     .block-editor-block-types-list__item-icon {
  2505 @media (prefers-reduced-motion: reduce) {
  1756       transition-duration: 0s; } }
  2506   .block-editor-block-types-list__item-icon {
  1757   .block-editor-block-types-list__item-icon .block-editor-block-icon {
  2507     transition-duration: 0s;
  1758     margin-right: auto;
  2508     transition-delay: 0s;
  1759     margin-left: auto; }
  2509   }
       
  2510 }
       
  2511 .block-editor-block-types-list__item-icon .block-editor-block-icon {
       
  2512   margin-right: auto;
       
  2513   margin-left: auto;
       
  2514 }
       
  2515 .block-editor-block-types-list__item-icon svg {
       
  2516   transition: all 0.15s ease-out;
       
  2517 }
       
  2518 @media (prefers-reduced-motion: reduce) {
  1760   .block-editor-block-types-list__item-icon svg {
  2519   .block-editor-block-types-list__item-icon svg {
  1761     transition: all 0.15s ease-out; }
  2520     transition-duration: 0s;
  1762     @media (prefers-reduced-motion: reduce) {
  2521     transition-delay: 0s;
  1763       .block-editor-block-types-list__item-icon svg {
  2522   }
  1764         transition-duration: 0s; } }
  2523 }
       
  2524 .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon {
       
  2525   cursor: grab;
       
  2526 }
  1765 
  2527 
  1766 .block-editor-block-types-list__item-title {
  2528 .block-editor-block-types-list__item-title {
  1767   padding: 4px 2px 8px;
  2529   padding: 4px 2px 8px;
  1768   font-size: 12px; }
  2530   font-size: 12px;
       
  2531 }
  1769 
  2532 
  1770 .modal-open .block-editor-media-replace-flow__options {
  2533 .modal-open .block-editor-media-replace-flow__options {
  1771   display: none; }
  2534   display: none;
       
  2535 }
  1772 
  2536 
  1773 .block-editor-media-replace-flow__options .components-popover__content > div {
  2537 .block-editor-media-replace-flow__options .components-popover__content > div {
  1774   padding-top: 16px; }
  2538   padding-top: 16px;
       
  2539 }
  1775 
  2540 
  1776 .block-editor-media-replace-flow__indicator {
  2541 .block-editor-media-replace-flow__indicator {
  1777   margin-right: 4px; }
  2542   margin-right: 4px;
  1778 
  2543 }
  1779 .block-editor-media-replace-flow__media-upload-menu {
  2544 
  1780   margin-bottom: 16px; }
  2545 .block-editor-media-flow__url-input {
  1781 
  2546   border-top: 1px solid #1e1e1e;
       
  2547   margin-top: 12px;
       
  2548   margin-left: -12px;
       
  2549   margin-right: -12px;
       
  2550   padding: 12px 24px 0;
       
  2551 }
  1782 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
  2552 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
  1783   top: 16px; }
  2553   top: 16px;
  1784 
  2554 }
  1785 .block-editor-media-flow__url-input .block-editor-link-control {
  2555 .block-editor-media-flow__url-input .block-editor-link-control {
  1786   margin-top: -16px;
  2556   margin-top: -16px;
  1787   width: auto; }
  2557   width: auto;
  1788   .block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field {
  2558 }
  1789     margin-bottom: 0; }
  2559 .block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field {
  1790   .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
  2560   margin-bottom: 0;
  1791     max-width: 180px;
  2561 }
  1792     margin-top: 16px; }
  2562 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
  1793   .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current {
  2563   max-width: 180px;
  1794     width: auto;
  2564   margin-top: 16px;
  1795     padding: 0; }
  2565 }
  1796   .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
  2566 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current {
  1797     margin: 16px 0 0 0;
  2567   width: auto;
  1798     width: 100%; }
  2568   padding: 0;
  1799   .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
  2569 }
  1800     left: 4px; }
  2570 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
       
  2571   margin: 16px 0 0 0;
       
  2572   width: 100%;
       
  2573 }
       
  2574 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
       
  2575   left: 4px;
       
  2576 }
  1801 
  2577 
  1802 .block-editor-media-flow__error {
  2578 .block-editor-media-flow__error {
  1803   padding: 0 20px 20px 20px;
  2579   padding: 0 20px 20px 20px;
  1804   max-width: 255px; }
  2580   max-width: 255px;
  1805   .block-editor-media-flow__error .components-with-notices-ui {
  2581 }
  1806     max-width: 255px; }
  2582 .block-editor-media-flow__error .components-with-notices-ui {
  1807     .block-editor-media-flow__error .components-with-notices-ui .components-notice__content {
  2583   max-width: 255px;
  1808       overflow: hidden;
  2584 }
  1809       word-wrap: break-word; }
  2585 .block-editor-media-flow__error .components-with-notices-ui .components-notice__content {
  1810     .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss {
  2586   overflow: hidden;
  1811       position: absolute;
  2587   word-wrap: break-word;
  1812       left: 10px; }
  2588 }
       
  2589 .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss {
       
  2590   position: absolute;
       
  2591   left: 10px;
       
  2592 }
  1813 
  2593 
  1814 .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button {
  2594 .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button {
  1815   margin-bottom: 0; }
  2595   margin-bottom: 0;
       
  2596 }
  1816 
  2597 
  1817 .block-editor-media-placeholder__url-input-form {
  2598 .block-editor-media-placeholder__url-input-form {
  1818   display: flex; }
  2599   display: flex;
  1819   .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field {
  2600 }
  1820     width: 100%;
  2601 .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field {
  1821     flex-grow: 1;
  2602   width: 100%;
  1822     border: none;
  2603   flex-grow: 1;
  1823     border-radius: 0;
  2604   border: none;
  1824     margin: 2px; }
  2605   border-radius: 0;
  1825     @media (min-width: 600px) {
  2606   margin: 2px;
  1826       .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field {
  2607 }
  1827         width: 300px; } }
  2608 @media (min-width: 600px) {
       
  2609   .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field {
       
  2610     width: 300px;
       
  2611   }
       
  2612 }
  1828 
  2613 
  1829 .block-editor-media-placeholder__url-input-submit-button {
  2614 .block-editor-media-placeholder__url-input-submit-button {
  1830   flex-shrink: 1; }
  2615   flex-shrink: 1;
       
  2616 }
  1831 
  2617 
  1832 .block-editor-media-placeholder__button {
  2618 .block-editor-media-placeholder__button {
  1833   margin-bottom: 0.5rem; }
  2619   margin-bottom: 0.5rem;
       
  2620 }
  1834 
  2621 
  1835 .block-editor-media-placeholder__cancel-button.is-link {
  2622 .block-editor-media-placeholder__cancel-button.is-link {
  1836   margin: 1em;
  2623   margin: 1em;
  1837   display: block; }
  2624   display: block;
       
  2625 }
  1838 
  2626 
  1839 .block-editor-media-placeholder.is-appender {
  2627 .block-editor-media-placeholder.is-appender {
  1840   min-height: 0; }
  2628   min-height: 0;
  1841   .block-editor-media-placeholder.is-appender:hover {
  2629 }
  1842     cursor: pointer;
  2630 .block-editor-media-placeholder.is-appender:hover {
  1843     box-shadow: 0 0 0 1px #007cba;
  2631   cursor: pointer;
  1844     box-shadow: 0 0 0 1px var(--wp-admin-theme-color); }
  2632   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
       
  2633 }
  1845 
  2634 
  1846 .block-editor-multi-selection-inspector__card {
  2635 .block-editor-multi-selection-inspector__card {
  1847   display: flex;
  2636   display: flex;
  1848   align-items: flex-start;
  2637   align-items: flex-start;
  1849   padding: 16px; }
  2638   padding: 16px;
       
  2639 }
  1850 
  2640 
  1851 .block-editor-multi-selection-inspector__card-content {
  2641 .block-editor-multi-selection-inspector__card-content {
  1852   flex-grow: 1; }
  2642   flex-grow: 1;
       
  2643 }
  1853 
  2644 
  1854 .block-editor-multi-selection-inspector__card-title {
  2645 .block-editor-multi-selection-inspector__card-title {
  1855   font-weight: 500;
  2646   font-weight: 500;
  1856   margin-bottom: 5px; }
  2647   margin-bottom: 5px;
       
  2648 }
  1857 
  2649 
  1858 .block-editor-multi-selection-inspector__card-description {
  2650 .block-editor-multi-selection-inspector__card-description {
  1859   font-size: 13px; }
  2651   font-size: 13px;
       
  2652 }
  1860 
  2653 
  1861 .block-editor-multi-selection-inspector__card .block-editor-block-icon {
  2654 .block-editor-multi-selection-inspector__card .block-editor-block-icon {
  1862   margin-right: -2px;
  2655   margin-right: -2px;
  1863   margin-left: 10px;
  2656   margin-left: 10px;
  1864   padding: 0 3px;
  2657   padding: 0 3px;
  1865   width: 36px;
  2658   width: 36px;
  1866   height: 24px; }
  2659   height: 24px;
  1867 
  2660 }
  1868 .block-editor .block-editor-plain-text {
  2661 
       
  2662 .block-editor-plain-text {
  1869   box-shadow: none;
  2663   box-shadow: none;
  1870   font-family: inherit;
  2664   font-family: inherit;
  1871   font-size: inherit;
  2665   font-size: inherit;
  1872   color: inherit;
  2666   color: inherit;
  1873   line-height: inherit;
  2667   line-height: inherit;
  1874   border: none;
  2668   border: none;
  1875   padding: 0;
  2669   padding: 0;
  1876   margin: 0;
  2670   margin: 0;
  1877   width: 100%; }
  2671   width: 100%;
       
  2672 }
  1878 
  2673 
  1879 .block-editor-responsive-block-control {
  2674 .block-editor-responsive-block-control {
  1880   margin-bottom: 28px;
  2675   margin-bottom: 28px;
  1881   border-bottom: 1px solid #d7dade;
  2676   border-bottom: 1px solid #ccc;
  1882   padding-bottom: 14px; }
  2677   padding-bottom: 14px;
  1883   .block-editor-responsive-block-control:last-child {
  2678 }
  1884     padding-bottom: 0;
  2679 .block-editor-responsive-block-control:last-child {
  1885     border-bottom: 0; }
  2680   padding-bottom: 0;
       
  2681   border-bottom: 0;
       
  2682 }
  1886 
  2683 
  1887 .block-editor-responsive-block-control__title {
  2684 .block-editor-responsive-block-control__title {
  1888   margin: 0;
  2685   margin: 0;
  1889   margin-bottom: 0.6em;
  2686   margin-bottom: 0.6em;
  1890   margin-right: -3px; }
  2687   margin-right: -3px;
       
  2688 }
  1891 
  2689 
  1892 .block-editor-responsive-block-control__label {
  2690 .block-editor-responsive-block-control__label {
  1893   font-weight: 600;
  2691   font-weight: 600;
  1894   margin-bottom: 0.6em;
  2692   margin-bottom: 0.6em;
  1895   margin-right: -3px; }
  2693   margin-right: -3px;
       
  2694 }
  1896 
  2695 
  1897 .block-editor-responsive-block-control__inner {
  2696 .block-editor-responsive-block-control__inner {
  1898   margin-right: -1px; }
  2697   margin-right: -1px;
       
  2698 }
  1899 
  2699 
  1900 .block-editor-responsive-block-control__toggle {
  2700 .block-editor-responsive-block-control__toggle {
  1901   margin-right: 1px; }
  2701   margin-right: 1px;
       
  2702 }
  1902 
  2703 
  1903 .block-editor-responsive-block-control .components-base-control__help {
  2704 .block-editor-responsive-block-control .components-base-control__help {
  1904   border: 0;
  2705   border: 0;
  1905   clip: rect(1px, 1px, 1px, 1px);
  2706   clip: rect(1px, 1px, 1px, 1px);
  1906   -webkit-clip-path: inset(50%);
  2707   -webkit-clip-path: inset(50%);
  1909   margin: -1px;
  2710   margin: -1px;
  1910   overflow: hidden;
  2711   overflow: hidden;
  1911   padding: 0;
  2712   padding: 0;
  1912   position: absolute;
  2713   position: absolute;
  1913   width: 1px;
  2714   width: 1px;
  1914   word-wrap: normal !important; }
  2715   word-wrap: normal !important;
  1915 
  2716 }
  1916 .block-editor-format-toolbar .components-dropdown-menu__toggle {
       
  1917   justify-content: center; }
       
  1918 
  2717 
  1919 .block-editor-rich-text__editable > p:first-child {
  2718 .block-editor-rich-text__editable > p:first-child {
  1920   margin-top: 0; }
  2719   margin-top: 0;
  1921 
  2720 }
  1922 .block-editor-rich-text__editable [data-rich-text-placeholder] {
  2721 .block-editor-rich-text__editable [data-rich-text-placeholder] {
  1923   pointer-events: none; }
  2722   pointer-events: none;
  1924 
  2723 }
  1925 .block-editor-rich-text__editable [data-rich-text-placeholder]::after {
  2724 .block-editor-rich-text__editable [data-rich-text-placeholder]::after {
  1926   content: attr(data-rich-text-placeholder);
  2725   content: attr(data-rich-text-placeholder);
  1927   opacity: 0.62; }
  2726   opacity: 0.62;
  1928 
  2727 }
  1929 .block-editor-rich-text__editable:focus {
  2728 .block-editor-rich-text__editable:focus {
  1930   outline: none; }
  2729   outline: none;
  1931   .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] {
  2730 }
  1932     border-radius: 2px; }
  2731 .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] {
  1933   .block-editor-rich-text__editable:focus:not(.keep-placeholder-on-focus) [data-rich-text-placeholder]::after {
  2732   border-radius: 2px;
  1934     display: none; }
  2733 }
  1935 
  2734 
  1936 figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
  2735 figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
  1937   opacity: 0.8; }
  2736   opacity: 0.8;
       
  2737 }
  1938 
  2738 
  1939 .components-popover.block-editor-rich-text__inline-format-toolbar {
  2739 .components-popover.block-editor-rich-text__inline-format-toolbar {
  1940   z-index: 99998; }
  2740   z-index: 99998;
  1941   .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content {
  2741 }
  1942     width: auto;
  2742 .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content {
  1943     min-width: auto;
  2743   width: auto;
  1944     margin-bottom: 8px;
  2744   min-width: auto;
  1945     box-shadow: none;
  2745   margin-bottom: 8px;
  1946     border: 1px solid #1e1e1e;
  2746   box-shadow: none;
  1947     border-radius: 2px;
  2747   border: 1px solid #1e1e1e;
  1948     background-color: #fff; }
  2748   border-radius: 2px;
  1949   .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group,
  2749   background-color: #fff;
  1950   .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar {
  2750 }
  1951     border: none; }
  2751 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group,
  1952   .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control,
  2752 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar {
  1953   .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle {
  2753   border: none;
  1954     min-width: 48px;
  2754 }
  1955     min-height: 48px;
  2755 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control,
  1956     padding-right: 12px;
  2756 .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle {
  1957     padding-left: 12px; }
  2757   min-width: 48px;
       
  2758   min-height: 48px;
       
  2759   padding-right: 12px;
       
  2760   padding-left: 12px;
       
  2761 }
       
  2762 
       
  2763 .block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle {
       
  2764   justify-content: center;
       
  2765 }
       
  2766 
       
  2767 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon {
       
  2768   width: auto;
       
  2769 }
       
  2770 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg {
       
  2771   display: none;
       
  2772 }
       
  2773 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after {
       
  2774   content: attr(aria-label);
       
  2775 }
       
  2776 
       
  2777 [data-rich-text-script] {
       
  2778   display: inline;
       
  2779 }
       
  2780 [data-rich-text-script]::before {
       
  2781   content: "</>";
       
  2782   background: yellow;
       
  2783 }
  1958 
  2784 
  1959 .block-editor-skip-to-selected-block {
  2785 .block-editor-skip-to-selected-block {
  1960   position: absolute;
  2786   position: absolute;
  1961   top: -9999em; }
  2787   top: -9999em;
  1962   .block-editor-skip-to-selected-block:focus {
  2788 }
  1963     height: auto;
  2789 .block-editor-skip-to-selected-block:focus {
  1964     width: auto;
  2790   height: auto;
  1965     display: block;
  2791   width: auto;
  1966     font-size: 14px;
  2792   display: block;
  1967     font-weight: 600;
  2793   font-size: 14px;
  1968     padding: 15px 23px 14px;
  2794   font-weight: 600;
  1969     background: #f1f1f1;
  2795   padding: 15px 23px 14px;
  1970     color: #007cba;
  2796   background: #f1f1f1;
  1971     color: var(--wp-admin-theme-color);
  2797   color: var(--wp-admin-theme-color);
  1972     line-height: normal;
  2798   line-height: normal;
  1973     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  2799   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  1974     text-decoration: none;
  2800   text-decoration: none;
  1975     outline: none;
  2801   outline: none;
  1976     z-index: 100000; }
  2802   z-index: 100000;
       
  2803 }
       
  2804 
       
  2805 .block-editor-text-decoration-and-transform {
       
  2806   display: flex;
       
  2807 }
       
  2808 
       
  2809 .block-editor-text-transform-control {
       
  2810   flex: 0 0 50%;
       
  2811 }
       
  2812 .block-editor-text-transform-control legend {
       
  2813   margin-bottom: 8px;
       
  2814 }
       
  2815 .block-editor-text-transform-control .block-editor-text-transform-control__buttons {
       
  2816   display: inline-flex;
       
  2817   margin-bottom: 24px;
       
  2818 }
       
  2819 .block-editor-text-transform-control .block-editor-text-transform-control__buttons .components-button.has-icon {
       
  2820   min-width: 24px;
       
  2821   padding: 0;
       
  2822   margin-left: 4px;
       
  2823 }
       
  2824 
       
  2825 .block-editor-text-decoration-control {
       
  2826   flex: 0 0 50%;
       
  2827 }
       
  2828 .block-editor-text-decoration-control legend {
       
  2829   margin-bottom: 8px;
       
  2830 }
       
  2831 .block-editor-text-decoration-control .block-editor-text-decoration-control__buttons {
       
  2832   display: inline-flex;
       
  2833   margin-bottom: 24px;
       
  2834 }
       
  2835 .block-editor-text-decoration-control .block-editor-text-decoration-control__buttons .components-button.has-icon {
       
  2836   min-width: 24px;
       
  2837   padding: 0;
       
  2838   margin-left: 4px;
       
  2839 }
  1977 
  2840 
  1978 .block-editor-tool-selector__help {
  2841 .block-editor-tool-selector__help {
  1979   margin-top: 8px;
  2842   margin-top: 8px;
  1980   margin-right: -12px;
  2843   margin-right: -12px;
  1981   margin-left: -12px;
  2844   margin-left: -12px;
  1982   margin-bottom: -12px;
  2845   margin-bottom: -12px;
  1983   padding: 12px 20px;
  2846   padding: 12px 20px;
  1984   border-top: 1px solid #ddd;
  2847   border-top: 1px solid #ddd;
  1985   color: #6c7781; }
  2848   color: #757575;
       
  2849   min-width: 280px;
       
  2850 }
  1986 
  2851 
  1987 .block-editor-block-list__block .block-editor-url-input,
  2852 .block-editor-block-list__block .block-editor-url-input,
  1988 .components-popover .block-editor-url-input,
  2853 .components-popover .block-editor-url-input,
  1989 .block-editor-url-input {
  2854 .block-editor-url-input {
  1990   flex-grow: 1;
  2855   flex-grow: 1;
  1991   position: relative;
  2856   position: relative;
  1992   padding: 1px; }
  2857   padding: 1px;
  1993   .block-editor-block-list__block .block-editor-url-input input[type="text"],
  2858 }
  1994   .components-popover .block-editor-url-input input[type="text"],
  2859 .block-editor-block-list__block .block-editor-url-input input[type=text],
  1995   .block-editor-url-input input[type="text"] {
  2860 .components-popover .block-editor-url-input input[type=text],
  1996     width: 100%;
  2861 .block-editor-url-input input[type=text] {
  1997     padding: 8px;
  2862   width: 100%;
  1998     border: none;
  2863   padding: 8px 12px 8px 8px;
  1999     border-radius: 0;
  2864   border: none;
  2000     margin-right: 0;
  2865   border-radius: 0;
  2001     margin-left: 0;
  2866   margin-right: 0;
  2002     /* Fonts smaller than 16px causes mobile safari to zoom. */
  2867   margin-left: 0;
  2003     font-size: 16px; }
  2868   /* Fonts smaller than 16px causes mobile safari to zoom. */
  2004     @media (min-width: 600px) {
  2869   font-size: 16px;
  2005       .block-editor-block-list__block .block-editor-url-input input[type="text"],
  2870 }
  2006       .components-popover .block-editor-url-input input[type="text"],
  2871 @media (min-width: 600px) {
  2007       .block-editor-url-input input[type="text"] {
  2872   .block-editor-block-list__block .block-editor-url-input input[type=text],
  2008         width: 300px; } }
  2873 .components-popover .block-editor-url-input input[type=text],
  2009     @media (min-width: 600px) {
  2874 .block-editor-url-input input[type=text] {
  2010       .block-editor-block-list__block .block-editor-url-input input[type="text"],
  2875     width: 300px;
  2011       .components-popover .block-editor-url-input input[type="text"],
  2876   }
  2012       .block-editor-url-input input[type="text"] {
  2877 }
  2013         font-size: 13px; } }
  2878 @media (min-width: 600px) {
  2014     .block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear,
  2879   .block-editor-block-list__block .block-editor-url-input input[type=text],
  2015     .components-popover .block-editor-url-input input[type="text"]::-ms-clear,
  2880 .components-popover .block-editor-url-input input[type=text],
  2016     .block-editor-url-input input[type="text"]::-ms-clear {
  2881 .block-editor-url-input input[type=text] {
  2017       display: none; }
  2882     font-size: 13px;
  2018   .block-editor-block-list__block .block-editor-url-input.is-full-width,
  2883   }
  2019   .components-popover .block-editor-url-input.is-full-width,
  2884 }
  2020   .block-editor-url-input.is-full-width {
  2885 .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,
  2021     width: 100%; }
  2886 .components-popover .block-editor-url-input input[type=text]::-ms-clear,
  2022     .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"],
  2887 .block-editor-url-input input[type=text]::-ms-clear {
  2023     .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"],
  2888   display: none;
  2024     .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"] {
  2889 }
  2025       width: 100%; }
  2890 .block-editor-block-list__block .block-editor-url-input.is-full-width,
  2026     .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,
  2891 .components-popover .block-editor-url-input.is-full-width,
  2027     .components-popover .block-editor-url-input.is-full-width__suggestions,
  2892 .block-editor-url-input.is-full-width {
  2028     .block-editor-url-input.is-full-width__suggestions {
  2893   width: 100%;
  2029       width: 100%; }
  2894 }
  2030   .block-editor-block-list__block .block-editor-url-input .components-spinner,
  2895 .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],
  2031   .components-popover .block-editor-url-input .components-spinner,
  2896 .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],
  2032   .block-editor-url-input .components-spinner {
  2897 .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] {
  2033     position: absolute;
  2898   width: 100%;
  2034     left: 8px;
  2899 }
  2035     bottom: 17px;
  2900 .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,
  2036     margin: 0; }
  2901 .components-popover .block-editor-url-input.is-full-width__suggestions,
  2037 
  2902 .block-editor-url-input.is-full-width__suggestions {
  2038 .block-editor-url-input__input[type="text"] {
  2903   width: 100%;
       
  2904 }
       
  2905 .block-editor-block-list__block .block-editor-url-input .components-spinner,
       
  2906 .components-popover .block-editor-url-input .components-spinner,
       
  2907 .block-editor-url-input .components-spinner {
       
  2908   position: absolute;
       
  2909   left: 8px 8px 8px 12px;
       
  2910   bottom: 8px 8px 8px 12px8px1;
       
  2911   margin: 0;
       
  2912 }
       
  2913 
       
  2914 .block-editor-url-input__input[type=text] {
  2039   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2915   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2040   padding: 6px 8px;
  2916   padding: 6px 8px;
  2041   box-shadow: 0 0 0 transparent;
  2917   box-shadow: 0 0 0 transparent;
  2042   transition: box-shadow 0.1s linear;
  2918   transition: box-shadow 0.1s linear;
  2043   border-radius: 2px;
  2919   border-radius: 2px;
  2044   border: 1px solid #757575;
  2920   border: 1px solid #757575;
  2045   /* Fonts smaller than 16px causes mobile safari to zoom. */
  2921   /* Fonts smaller than 16px causes mobile safari to zoom. */
  2046   font-size: 16px;
  2922   font-size: 16px;
  2047   /* Override core line-height. To be reviewed. */
  2923   /* Override core line-height. To be reviewed. */
  2048   line-height: normal; }
  2924   line-height: normal;
  2049   @media (prefers-reduced-motion: reduce) {
  2925 }
  2050     .block-editor-url-input__input[type="text"] {
  2926 @media (prefers-reduced-motion: reduce) {
  2051       transition-duration: 0s; } }
  2927   .block-editor-url-input__input[type=text] {
  2052   @media (min-width: 600px) {
  2928     transition-duration: 0s;
  2053     .block-editor-url-input__input[type="text"] {
  2929     transition-delay: 0s;
  2054       font-size: 13px;
  2930   }
  2055       /* Override core line-height. To be reviewed. */
  2931 }
  2056       line-height: normal; } }
  2932 @media (min-width: 600px) {
  2057   .block-editor-url-input__input[type="text"]:focus {
  2933   .block-editor-url-input__input[type=text] {
  2058     border-color: #007cba;
  2934     font-size: 13px;
  2059     border-color: var(--wp-admin-theme-color);
  2935     /* Override core line-height. To be reviewed. */
  2060     box-shadow: 0 0 0 0.5px #007cba;
  2936     line-height: normal;
  2061     box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
  2937   }
  2062     outline: 2px solid transparent; }
  2938 }
  2063   .block-editor-url-input__input[type="text"]::-webkit-input-placeholder {
  2939 .block-editor-url-input__input[type=text]:focus {
  2064     color: rgba(30, 30, 30, 0.62); }
  2940   border-color: var(--wp-admin-theme-color);
  2065   .block-editor-url-input__input[type="text"]::-moz-placeholder {
  2941   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
  2066     opacity: 1;
  2942   outline: 2px solid transparent;
  2067     color: rgba(30, 30, 30, 0.62); }
  2943 }
  2068   .block-editor-url-input__input[type="text"]:-ms-input-placeholder {
  2944 .block-editor-url-input__input[type=text]::-webkit-input-placeholder {
  2069     color: rgba(30, 30, 30, 0.62); }
  2945   color: rgba(30, 30, 30, 0.62);
  2070   .is-dark-theme .block-editor-url-input__input[type="text"]::-webkit-input-placeholder {
  2946 }
  2071     color: rgba(255, 255, 255, 0.65); }
  2947 .block-editor-url-input__input[type=text]::-moz-placeholder {
  2072   .is-dark-theme .block-editor-url-input__input[type="text"]::-moz-placeholder {
  2948   opacity: 1;
  2073     opacity: 1;
  2949   color: rgba(30, 30, 30, 0.62);
  2074     color: rgba(255, 255, 255, 0.65); }
  2950 }
  2075   .is-dark-theme .block-editor-url-input__input[type="text"]:-ms-input-placeholder {
  2951 .block-editor-url-input__input[type=text]:-ms-input-placeholder {
  2076     color: rgba(255, 255, 255, 0.65); }
  2952   color: rgba(30, 30, 30, 0.62);
       
  2953 }
  2077 
  2954 
  2078 .block-editor-url-input__suggestions {
  2955 .block-editor-url-input__suggestions {
  2079   max-height: 200px;
  2956   max-height: 200px;
  2080   transition: all 0.15s ease-in-out;
  2957   transition: all 0.15s ease-in-out;
  2081   padding: 4px 0;
  2958   padding: 4px 0;
  2082   width: 302px;
  2959   width: 302px;
  2083   overflow-y: auto; }
  2960   overflow-y: auto;
  2084   @media (prefers-reduced-motion: reduce) {
  2961 }
  2085     .block-editor-url-input__suggestions {
  2962 @media (prefers-reduced-motion: reduce) {
  2086       transition-duration: 0s; } }
  2963   .block-editor-url-input__suggestions {
       
  2964     transition-duration: 0s;
       
  2965     transition-delay: 0s;
       
  2966   }
       
  2967 }
  2087 
  2968 
  2088 .block-editor-url-input__suggestions,
  2969 .block-editor-url-input__suggestions,
  2089 .block-editor-url-input .components-spinner {
  2970 .block-editor-url-input .components-spinner {
  2090   display: none; }
  2971   display: none;
  2091   @media (min-width: 600px) {
  2972 }
  2092     .block-editor-url-input__suggestions,
  2973 @media (min-width: 600px) {
  2093     .block-editor-url-input .components-spinner {
  2974   .block-editor-url-input__suggestions,
  2094       display: inherit; } }
  2975 .block-editor-url-input .components-spinner {
       
  2976     display: inherit;
       
  2977   }
       
  2978 }
  2095 
  2979 
  2096 .block-editor-url-input__suggestion {
  2980 .block-editor-url-input__suggestion {
  2097   padding: 4px 8px;
  2981   padding: 4px 8px 8px 8px 12px;
  2098   color: #6c7781;
  2982   color: #757575;
  2099   display: block;
  2983   display: block;
  2100   font-size: 13px;
  2984   font-size: 13px;
  2101   cursor: pointer;
  2985   cursor: pointer;
  2102   background: #fff;
  2986   background: #fff;
  2103   width: 100%;
  2987   width: 100%;
  2104   border: none;
  2988   border: none;
  2105   text-align: right;
  2989   text-align: right;
  2106   box-shadow: none; }
  2990   box-shadow: none;
  2107   .block-editor-url-input__suggestion:hover {
  2991 }
  2108     background: #ddd; }
  2992 .block-editor-url-input__suggestion:hover {
  2109   .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected {
  2993   background: #ddd;
  2110     background: #005a87;
  2994 }
  2111     background: var(--wp-admin-theme-color-darker-20);
  2995 .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected {
  2112     color: #fff;
  2996   background: var(--wp-admin-theme-color-darker-20);
  2113     outline: none; }
  2997   color: #fff;
       
  2998   outline: none;
       
  2999 }
  2114 
  3000 
  2115 .components-toolbar-group > .block-editor-url-input__button,
  3001 .components-toolbar-group > .block-editor-url-input__button,
  2116 .components-toolbar > .block-editor-url-input__button {
  3002 .components-toolbar > .block-editor-url-input__button {
  2117   position: inherit; }
  3003   position: inherit;
       
  3004 }
  2118 
  3005 
  2119 .block-editor-url-input__button .block-editor-url-input__back {
  3006 .block-editor-url-input__button .block-editor-url-input__back {
  2120   margin-left: 4px;
  3007   margin-left: 4px;
  2121   overflow: visible; }
  3008   overflow: visible;
  2122   .block-editor-url-input__button .block-editor-url-input__back::after {
  3009 }
  2123     content: "";
  3010 .block-editor-url-input__button .block-editor-url-input__back::after {
  2124     position: absolute;
  3011   content: "";
  2125     display: block;
  3012   position: absolute;
  2126     width: 1px;
  3013   display: block;
  2127     height: 24px;
  3014   width: 1px;
  2128     left: -1px;
  3015   height: 24px;
  2129     background: #ddd; }
  3016   left: -1px;
       
  3017   background: #ddd;
       
  3018 }
  2130 
  3019 
  2131 .block-editor-url-input__button-modal {
  3020 .block-editor-url-input__button-modal {
  2132   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  3021   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  2133   border: 1px solid #ddd;
  3022   border: 1px solid #ddd;
  2134   background: #fff; }
  3023   background: #fff;
       
  3024 }
  2135 
  3025 
  2136 .block-editor-url-input__button-modal-line {
  3026 .block-editor-url-input__button-modal-line {
  2137   display: flex;
  3027   display: flex;
  2138   flex-direction: row;
  3028   flex-direction: row;
  2139   flex-grow: 1;
  3029   flex-grow: 1;
  2140   flex-shrink: 1;
  3030   flex-shrink: 1;
  2141   min-width: 0;
  3031   min-width: 0;
  2142   align-items: flex-start; }
  3032   align-items: flex-start;
  2143   .block-editor-url-input__button-modal-line .components-button {
  3033 }
  2144     flex-shrink: 0;
  3034 .block-editor-url-input__button-modal-line .components-button {
  2145     width: 36px;
  3035   flex-shrink: 0;
  2146     height: 36px; }
  3036   width: 36px;
       
  3037   height: 36px;
       
  3038 }
  2147 
  3039 
  2148 .block-editor-url-popover__additional-controls {
  3040 .block-editor-url-popover__additional-controls {
  2149   border-top: 1px solid #ddd; }
  3041   border-top: 1px solid #ddd;
  2150 
  3042 }
  2151 .block-editor-url-popover__additional-controls > div[role="menu"] .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) > svg {
  3043 
  2152   box-shadow: none; }
  3044 .block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg {
  2153 
  3045   box-shadow: none;
  2154 .block-editor-url-popover__additional-controls div[role="menu"] > .components-button {
  3046 }
  2155   padding-right: 2px; }
  3047 
       
  3048 .block-editor-url-popover__additional-controls div[role=menu] > .components-button {
       
  3049   padding-right: 12px;
       
  3050 }
  2156 
  3051 
  2157 .block-editor-url-popover__row {
  3052 .block-editor-url-popover__row {
  2158   display: flex; }
  3053   display: flex;
       
  3054 }
  2159 
  3055 
  2160 .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) {
  3056 .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) {
  2161   flex-grow: 1; }
  3057   flex-grow: 1;
       
  3058 }
  2162 
  3059 
  2163 .block-editor-url-popover .components-button.has-icon {
  3060 .block-editor-url-popover .components-button.has-icon {
  2164   padding: 3px; }
  3061   padding: 3px;
  2165   .block-editor-url-popover .components-button.has-icon > svg {
  3062 }
  2166     padding: 5px;
  3063 .block-editor-url-popover .components-button.has-icon > svg {
  2167     border-radius: 2px;
  3064   padding: 5px;
  2168     height: 30px;
  3065   border-radius: 2px;
  2169     width: 30px; }
  3066   height: 30px;
  2170   .block-editor-url-popover .components-button.has-icon:not(:disabled):focus {
  3067   width: 30px;
  2171     box-shadow: none; }
  3068 }
  2172     .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg {
  3069 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus {
  2173       box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff;
  3070   box-shadow: none;
  2174       box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
  3071 }
  2175       outline: 2px solid transparent; }
  3072 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg {
       
  3073   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
       
  3074   outline: 2px solid transparent;
       
  3075 }
  2176 
  3076 
  2177 .block-editor-url-popover__settings-toggle {
  3077 .block-editor-url-popover__settings-toggle {
  2178   flex-shrink: 0;
  3078   flex-shrink: 0;
  2179   border-radius: 0;
  3079   border-radius: 0;
  2180   border-right: 1px solid #ddd;
  3080   border-right: 1px solid #ddd;
  2181   margin-right: 1px; }
  3081   margin-right: 1px;
  2182   .block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon {
  3082 }
  2183     transform: rotate(-180deg); }
  3083 .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon {
       
  3084   transform: rotate(-180deg);
       
  3085 }
  2184 
  3086 
  2185 .block-editor-url-popover__input-container .components-base-control:last-child,
  3087 .block-editor-url-popover__input-container .components-base-control:last-child,
  2186 .block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field {
  3088 .block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field {
  2187   margin-bottom: 0; }
  3089   margin-bottom: 0;
       
  3090 }
  2188 
  3091 
  2189 .block-editor-url-popover__settings {
  3092 .block-editor-url-popover__settings {
  2190   display: block;
  3093   display: block;
  2191   padding: 16px;
  3094   padding: 16px;
  2192   border-top: 1px solid #ddd; }
  3095   border-top: 1px solid #ddd;
       
  3096 }
  2193 
  3097 
  2194 .block-editor-url-popover__link-editor,
  3098 .block-editor-url-popover__link-editor,
  2195 .block-editor-url-popover__link-viewer {
  3099 .block-editor-url-popover__link-viewer {
  2196   display: flex; }
  3100   display: flex;
  2197   .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,
  3101 }
  2198   .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field {
  3102 .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,
  2199     margin-bottom: 0; }
  3103 .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field {
  2200   .block-editor-url-popover__link-editor .block-editor-url-input .components-spinner,
  3104   margin-bottom: 0;
  2201   .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner {
  3105 }
  2202     bottom: 9px; }
  3106 .block-editor-url-popover__link-editor .block-editor-url-input .components-spinner,
       
  3107 .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner {
       
  3108   bottom: 8px 8px 8px 12px1;
       
  3109 }
  2203 
  3110 
  2204 .block-editor-url-popover__link-viewer-url {
  3111 .block-editor-url-popover__link-viewer-url {
  2205   margin: 7px;
  3112   margin: 7px;
  2206   flex-grow: 1;
  3113   flex-grow: 1;
  2207   flex-shrink: 1;
  3114   flex-shrink: 1;
  2208   overflow: hidden;
  3115   overflow: hidden;
  2209   text-overflow: ellipsis;
  3116   text-overflow: ellipsis;
  2210   white-space: nowrap;
  3117   white-space: nowrap;
  2211   min-width: 150px;
  3118   min-width: 150px;
  2212   max-width: 500px; }
  3119   max-width: 500px;
  2213   .block-editor-url-popover__link-viewer-url.has-invalid-link {
  3120 }
  2214     color: #d94f4f; }
  3121 .block-editor-url-popover__link-viewer-url.has-invalid-link {
       
  3122   color: #cc1818;
       
  3123 }
  2215 
  3124 
  2216 .block-editor-warning {
  3125 .block-editor-warning {
  2217   align-items: center;
  3126   align-items: center;
  2218   display: flex;
  3127   display: flex;
  2219   flex-wrap: wrap;
  3128   flex-wrap: wrap;
  2220   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  3129   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2221   font-size: 13px;
  3130   padding: 1em;
  2222   padding: 6px 12px;
       
  2223   border: 1px solid #1e1e1e;
  3131   border: 1px solid #1e1e1e;
  2224   border-radius: 2px;
  3132   border-radius: 2px;
  2225   background-color: #fff; }
  3133   background-color: #fff;
  2226   .block-editor-warning .block-editor-warning__message {
  3134 }
  2227     line-height: 1.4;
  3135 .block-editor-warning .block-editor-warning__message {
  2228     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  3136   line-height: 1.4;
  2229     font-size: 13px;
  3137   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2230     margin: 1em 0; }
  3138   font-size: 13px;
  2231   .block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
  3139   color: #1e1e1e;
  2232     min-height: auto; }
  3140   margin: 0;
  2233   .block-editor-warning .block-editor-warning__contents {
  3141 }
  2234     display: flex;
  3142 .block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
  2235     flex-direction: row;
  3143   min-height: auto;
  2236     justify-content: space-between;
  3144 }
  2237     flex-wrap: wrap;
  3145 .block-editor-warning .block-editor-warning__contents {
  2238     align-items: baseline;
  3146   display: flex;
  2239     width: 100%; }
  3147   flex-direction: row;
  2240   .block-editor-warning .block-editor-warning__actions {
  3148   justify-content: space-between;
  2241     display: flex; }
  3149   flex-wrap: wrap;
  2242   .block-editor-warning .block-editor-warning__action {
  3150   align-items: baseline;
  2243     margin: 0 8px 0 0; }
  3151   width: 100%;
       
  3152 }
       
  3153 .block-editor-warning .block-editor-warning__actions {
       
  3154   display: flex;
       
  3155   margin-top: 1em;
       
  3156 }
       
  3157 .block-editor-warning .block-editor-warning__action {
       
  3158   margin: 0 0 0 8px;
       
  3159 }
  2244 
  3160 
  2245 .block-editor-warning__secondary {
  3161 .block-editor-warning__secondary {
  2246   margin: auto 8px auto 0; }
  3162   margin: auto 8px auto 0;
  2247 
  3163 }
  2248 .block-editor-writing-flow {
  3164 
  2249   display: flex;
  3165 .components-popover.block-editor-warning__dropdown {
  2250   flex-direction: column; }
  3166   z-index: 99998;
  2251 
  3167 }
  2252 .block-editor-writing-flow__click-redirect {
       
  2253   cursor: text; }
       
  2254 
  3168 
  2255 .html-anchor-control .components-external-link {
  3169 .html-anchor-control .components-external-link {
  2256   display: block;
  3170   display: block;
  2257   margin-top: 8px; }
  3171   margin-top: 8px;
       
  3172 }
       
  3173 
       
  3174 .block-editor-hooks__layout-controls {
       
  3175   display: flex;
       
  3176   margin-bottom: 16px;
       
  3177 }
       
  3178 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit {
       
  3179   display: flex;
       
  3180   margin-left: 24px;
       
  3181 }
       
  3182 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg {
       
  3183   margin: auto 8px 4px 0;
       
  3184 }
       
  3185 
       
  3186 .block-editor-hooks__layout-controls-reset {
       
  3187   display: flex;
       
  3188   justify-content: flex-end;
       
  3189   margin-bottom: 24px;
       
  3190 }
       
  3191 
       
  3192 .block-editor-hooks__layout-controls-helptext {
       
  3193   font-size: 12px;
       
  3194 }
  2258 
  3195 
  2259 #end-resizable-editor-section {
  3196 #end-resizable-editor-section {
  2260   display: none; }
  3197   display: none;
       
  3198 }
  2261 
  3199 
  2262 /**
  3200 /**
  2263  * Block Toolbar
  3201  * Block Toolbar
  2264  */
  3202  */
  2265 .block-editor-block-toolbar {
  3203 .block-editor-block-toolbar {
  2266   display: flex;
  3204   display: flex;
  2267   flex-grow: 1;
  3205   flex-grow: 1;
  2268   width: 100%;
  3206   width: 100%;
  2269   overflow: auto;
  3207   overflow: auto;
  2270   position: relative;
  3208   position: relative;
  2271   transition: border-color 0.1s linear, box-shadow 0.1s linear; }
  3209   transition: border-color 0.1s linear, box-shadow 0.1s linear;
  2272   @media (prefers-reduced-motion: reduce) {
  3210 }
  2273     .block-editor-block-toolbar {
  3211 @media (prefers-reduced-motion: reduce) {
  2274       transition-duration: 0s; } }
  3212   .block-editor-block-toolbar {
  2275   @media (min-width: 600px) {
  3213     transition-duration: 0s;
  2276     .block-editor-block-toolbar {
  3214     transition-delay: 0s;
  2277       overflow: inherit; } }
  3215   }
  2278   .block-editor-block-toolbar .components-toolbar-group,
  3216 }
  2279   .block-editor-block-toolbar .components-toolbar {
  3217 @media (min-width: 600px) {
  2280     background: none;
  3218   .block-editor-block-toolbar {
  2281     line-height: 0;
  3219     overflow: inherit;
  2282     margin-top: -1px;
  3220   }
  2283     margin-bottom: -1px;
  3221 }
  2284     border: 0;
  3222 .block-editor-block-toolbar .components-toolbar-group,
  2285     border-left: 1px solid #ddd; }
  3223 .block-editor-block-toolbar .components-toolbar {
  2286   .block-editor-block-toolbar > :last-child,
  3224   background: none;
  2287   .block-editor-block-toolbar > :last-child .components-toolbar-group,
  3225   line-height: 0;
  2288   .block-editor-block-toolbar > :last-child .components-toolbar {
  3226   margin-top: -1px;
  2289     border-left: none; }
  3227   margin-bottom: -1px;
       
  3228   border: 0;
       
  3229   border-left: 1px solid #ddd;
       
  3230 }
       
  3231 .block-editor-block-toolbar > :last-child,
       
  3232 .block-editor-block-toolbar > :last-child .components-toolbar-group,
       
  3233 .block-editor-block-toolbar > :last-child .components-toolbar {
       
  3234   border-left: none;
       
  3235 }
       
  3236 
       
  3237 .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) {
       
  3238   margin-right: calc(48px + 8px);
       
  3239 }
       
  3240 .show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) {
       
  3241   margin-right: 0;
       
  3242 }
       
  3243 
       
  3244 .block-editor-block-parent-selector {
       
  3245   position: absolute;
       
  3246   top: -1px;
       
  3247   right: calc(-48px - 8px - 1px);
       
  3248 }
       
  3249 .show-icon-labels .block-editor-block-parent-selector {
       
  3250   position: relative;
       
  3251   right: auto;
       
  3252   top: auto;
       
  3253   margin-top: -1px;
       
  3254   margin-right: -1px;
       
  3255   margin-bottom: -1px;
       
  3256 }
       
  3257 
       
  3258 .block-editor-block-toolbar__block-controls {
       
  3259   height: auto !important;
       
  3260   padding: 0 !important;
       
  3261   margin-right: -1px;
       
  3262 }
       
  3263 .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
       
  3264 .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
       
  3265   width: 24px !important;
       
  3266   margin: 0 !important;
       
  3267 }
       
  3268 .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before,
       
  3269 .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus::before {
       
  3270   left: 4px !important;
       
  3271 }
       
  3272 .block-editor-block-toolbar__block-controls .block-editor-block-mover {
       
  3273   margin-right: -6px;
       
  3274 }
  2290 
  3275 
  2291 .block-editor-block-toolbar .components-toolbar-group,
  3276 .block-editor-block-toolbar .components-toolbar-group,
  2292 .block-editor-block-toolbar .components-toolbar,
  3277 .block-editor-block-toolbar .components-toolbar,
  2293 .block-editor-format-toolbar .components-toolbar-group,
  3278 .block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group,
  2294 .block-editor-format-toolbar .components-toolbar {
  3279 .block-editor-rich-text__inline-format-toolbar-group .components-toolbar {
  2295   display: flex;
  3280   display: flex;
  2296   flex-wrap: nowrap; }
  3281   flex-wrap: nowrap;
       
  3282 }
  2297 
  3283 
  2298 .block-editor-block-toolbar__slot {
  3284 .block-editor-block-toolbar__slot {
  2299   display: inline-block;
  3285   display: inline-block;
  2300   line-height: 0; }
  3286   line-height: 0;
  2301   @supports ((position: -webkit-sticky) or (position: sticky)) {
  3287 }
  2302     .block-editor-block-toolbar__slot {
  3288 @supports (position: sticky) {
  2303       display: inline-flex; } }
  3289   .block-editor-block-toolbar__slot {
  2304 
  3290     display: inline-flex;
  2305 .block-editor-block-toolbar__block-parent-selector-wrapper {
  3291   }
  2306   position: absolute;
  3292 }
  2307   top: -1px;
  3293 
  2308   right: -1px;
  3294 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon {
  2309   opacity: 0;
       
  2310   transition: all 60ms linear;
       
  2311   z-index: -1; }
       
  2312   @media (prefers-reduced-motion: reduce) {
       
  2313     .block-editor-block-toolbar__block-parent-selector-wrapper {
       
  2314       transition-duration: 0s; } }
       
  2315   .is-showing-movers .block-editor-block-toolbar__block-parent-selector-wrapper {
       
  2316     opacity: 1;
       
  2317     transform: translateY(-60px); }
       
  2318   .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar__block-parent-selector-wrapper {
       
  2319     display: none; }
       
  2320 
       
  2321 .block-editor-block-toolbar-animated-width-container {
       
  2322   position: relative;
       
  2323   overflow: hidden;
       
  2324   transition: width 300ms; }
       
  2325 
       
  2326 .block-editor-block-toolbar-content-enter {
       
  2327   position: absolute;
       
  2328   top: 0;
       
  2329   right: 0;
       
  2330   width: auto;
  3295   width: auto;
  2331   opacity: 0; }
  3296 }
  2332 
  3297 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg {
  2333 .block-editor-block-toolbar-content-enter-active {
  3298   display: none;
  2334   position: absolute;
  3299 }
  2335   opacity: 1;
  3300 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after {
  2336   transition: opacity 300ms; }
  3301   content: attr(aria-label);
  2337 
  3302   font-size: 12px;
  2338 .block-editor-block-toolbar-content-exit {
  3303 }
       
  3304 .show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon {
       
  3305   padding-right: 6px;
       
  3306   padding-left: 6px;
       
  3307 }
       
  3308 .show-icon-labels .block-editor-block-switcher {
       
  3309   border-left: 1px solid #1e1e1e;
       
  3310 }
       
  3311 .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle {
       
  3312   margin-right: 0;
       
  3313 }
       
  3314 .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
       
  3315 .show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
       
  3316   width: 0 !important;
       
  3317   height: 0 !important;
       
  3318 }
       
  3319 .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before,
       
  3320 .show-icon-labels .block-editor-block-switcher__no-switcher-icon:focus::before {
       
  3321   left: 4px !important;
       
  3322 }
       
  3323 .show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon {
       
  3324   width: 0;
       
  3325 }
       
  3326 .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover {
       
  3327   margin-right: 0;
       
  3328   white-space: nowrap;
       
  3329 }
       
  3330 .show-icon-labels .block-editor-block-mover-button {
       
  3331   padding-right: 8px !important;
       
  3332   padding-left: 8px !important;
       
  3333 }
       
  3334 .show-icon-labels .block-editor-block-mover__drag-handle.has-icon {
       
  3335   padding-right: 6px !important;
       
  3336   padding-left: 6px !important;
       
  3337   border-left: 1px solid #1e1e1e;
       
  3338 }
       
  3339 @media (min-width: 600px) {
       
  3340   .show-icon-labels .is-up-button.is-up-button.is-up-button {
       
  3341     border-bottom: 1px solid #1e1e1e;
       
  3342     margin-left: 0;
       
  3343     border-radius: 0;
       
  3344   }
       
  3345 }
       
  3346 .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
  2339   width: auto;
  3347   width: auto;
  2340   opacity: 1;
  3348 }
  2341   pointer-events: none; }
  3349 .show-icon-labels .components-toolbar,
  2342 
  3350 .show-icon-labels .components-toolbar-group {
  2343 .block-editor-block-toolbar-content-exit-active {
  3351   flex-shrink: 1;
  2344   opacity: 0;
  3352 }
  2345   transition: opacity 300ms; }
  3353 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button {
       
  3354   margin-right: 6px;
       
  3355 }
  2346 
  3356 
  2347 .block-editor-inserter {
  3357 .block-editor-inserter {
  2348   display: inline-block;
  3358   display: inline-block;
  2349   background: none;
  3359   background: none;
  2350   border: none;
  3360   border: none;
  2351   padding: 0;
  3361   padding: 0;
  2352   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  3362   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2353   font-size: 13px;
  3363   font-size: 13px;
  2354   line-height: 1.4; }
  3364   line-height: 0;
  2355   @media (min-width: 782px) {
  3365 }
  2356     .block-editor-inserter {
  3366 @media (min-width: 782px) {
  2357       position: relative; } }
  3367   .block-editor-inserter {
       
  3368     position: relative;
       
  3369   }
       
  3370 }
       
  3371 
       
  3372 .block-editor-inserter__popover.is-quick .components-popover__content {
       
  3373   border: none;
       
  3374 }
       
  3375 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * {
       
  3376   border-right: 1px solid #ccc;
       
  3377   border-left: 1px solid #ccc;
       
  3378 }
       
  3379 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child {
       
  3380   border-top: 1px solid #ccc;
       
  3381 }
       
  3382 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child {
       
  3383   border-bottom: 1px solid #ccc;
       
  3384 }
       
  3385 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button {
       
  3386   border: 1px solid #1e1e1e;
       
  3387 }
  2358 
  3388 
  2359 .block-editor-inserter__popover .block-editor-inserter__menu {
  3389 .block-editor-inserter__popover .block-editor-inserter__menu {
  2360   margin: -12px; }
  3390   margin: -12px;
  2361   .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs {
  3391 }
  2362     top: 60px; }
  3392 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs {
  2363   .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area {
  3393   top: 60px;
  2364     overflow: visible;
  3394 }
  2365     height: auto; }
  3395 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area {
  2366   .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container {
  3396   overflow: visible;
  2367     display: none; }
  3397   height: auto;
       
  3398 }
       
  3399 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container {
       
  3400   display: none;
       
  3401 }
  2368 
  3402 
  2369 .block-editor-inserter__toggle.components-button {
  3403 .block-editor-inserter__toggle.components-button {
  2370   display: inline-flex;
  3404   display: inline-flex;
  2371   align-items: center;
  3405   align-items: center;
  2372   cursor: pointer;
  3406   cursor: pointer;
  2373   border: none;
  3407   border: none;
  2374   outline: none;
  3408   outline: none;
  2375   padding: 0;
  3409   padding: 0;
  2376   transition: color 0.2s ease; }
  3410   transition: color 0.2s ease;
  2377   @media (prefers-reduced-motion: reduce) {
  3411 }
  2378     .block-editor-inserter__toggle.components-button {
  3412 @media (prefers-reduced-motion: reduce) {
  2379       transition-duration: 0s; } }
  3413   .block-editor-inserter__toggle.components-button {
       
  3414     transition-duration: 0s;
       
  3415     transition-delay: 0s;
       
  3416   }
       
  3417 }
  2380 
  3418 
  2381 .block-editor-inserter__menu {
  3419 .block-editor-inserter__menu {
  2382   height: 100%;
  3420   height: 100%;
  2383   position: relative;
  3421   position: relative;
  2384   overflow: visible; }
  3422   overflow: visible;
       
  3423 }
  2385 
  3424 
  2386 .block-editor-inserter__main-area {
  3425 .block-editor-inserter__main-area {
  2387   width: auto;
  3426   width: auto;
  2388   overflow-y: auto;
  3427   overflow-y: auto;
  2389   height: 100%; }
  3428   height: 100%;
  2390   @media (min-width: 782px) {
  3429 }
  2391     .block-editor-inserter__main-area {
  3430 @media (min-width: 782px) {
  2392       width: 350px; } }
  3431   .block-editor-inserter__main-area {
       
  3432     width: 350px;
       
  3433   }
       
  3434 }
  2393 
  3435 
  2394 .block-editor-inserter__inline-elements {
  3436 .block-editor-inserter__inline-elements {
  2395   margin-top: -1px; }
  3437   margin-top: -1px;
       
  3438 }
  2396 
  3439 
  2397 .block-editor-inserter__menu.is-bottom::after {
  3440 .block-editor-inserter__menu.is-bottom::after {
  2398   border-bottom-color: #fff; }
  3441   border-bottom-color: #fff;
       
  3442 }
  2399 
  3443 
  2400 .components-popover.block-editor-inserter__popover {
  3444 .components-popover.block-editor-inserter__popover {
  2401   z-index: 99998; }
  3445   z-index: 99999;
       
  3446 }
  2402 
  3447 
  2403 .block-editor-inserter__search {
  3448 .block-editor-inserter__search {
  2404   padding: 16px;
  3449   padding: 16px;
  2405   position: -webkit-sticky;
       
  2406   position: sticky;
  3450   position: sticky;
  2407   top: 0;
  3451   top: 0;
  2408   background: #fff;
  3452   background: #fff;
  2409   z-index: 1; }
  3453   z-index: 1;
  2410   .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input {
  3454 }
  2411     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  3455 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input {
  2412     padding: 6px 8px;
  3456   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2413     box-shadow: 0 0 0 transparent;
  3457   padding: 6px 8px;
  2414     transition: box-shadow 0.1s linear;
  3458   box-shadow: 0 0 0 transparent;
  2415     border-radius: 2px;
  3459   transition: box-shadow 0.1s linear;
  2416     border: 1px solid #757575;
  3460   border-radius: 2px;
  2417     /* Fonts smaller than 16px causes mobile safari to zoom. */
  3461   border: 1px solid #757575;
  2418     font-size: 16px;
  3462   /* Fonts smaller than 16px causes mobile safari to zoom. */
       
  3463   font-size: 16px;
       
  3464   /* Override core line-height. To be reviewed. */
       
  3465   line-height: normal;
       
  3466   display: block;
       
  3467   padding: 16px 16px 16px 48px;
       
  3468   background: #f0f0f0;
       
  3469   border: none;
       
  3470   width: 100%;
       
  3471   height: 48px;
       
  3472   /* Fonts smaller than 16px causes mobile safari to zoom. */
       
  3473   font-size: 16px;
       
  3474 }
       
  3475 @media (prefers-reduced-motion: reduce) {
       
  3476   .block-editor-inserter__search input[type=search].block-editor-inserter__search-input {
       
  3477     transition-duration: 0s;
       
  3478     transition-delay: 0s;
       
  3479   }
       
  3480 }
       
  3481 @media (min-width: 600px) {
       
  3482   .block-editor-inserter__search input[type=search].block-editor-inserter__search-input {
       
  3483     font-size: 13px;
  2419     /* Override core line-height. To be reviewed. */
  3484     /* Override core line-height. To be reviewed. */
  2420     line-height: normal;
  3485     line-height: normal;
  2421     display: block;
  3486   }
  2422     padding: 16px 16px 16px 48px;
  3487 }
  2423     background: #f0f0f0;
  3488 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus {
  2424     border: none;
  3489   border-color: var(--wp-admin-theme-color);
  2425     width: 100%;
  3490   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
  2426     height: 48px;
  3491   outline: 2px solid transparent;
  2427     /* Fonts smaller than 16px causes mobile safari to zoom. */
  3492 }
  2428     font-size: 16px; }
  3493 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-input-placeholder {
  2429     @media (prefers-reduced-motion: reduce) {
  3494   color: rgba(30, 30, 30, 0.62);
  2430       .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input {
  3495 }
  2431         transition-duration: 0s; } }
  3496 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-moz-placeholder {
  2432     @media (min-width: 600px) {
  3497   opacity: 1;
  2433       .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input {
  3498   color: rgba(30, 30, 30, 0.62);
  2434         font-size: 13px;
  3499 }
  2435         /* Override core line-height. To be reviewed. */
  3500 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input:-ms-input-placeholder {
  2436         line-height: normal; } }
  3501   color: rgba(30, 30, 30, 0.62);
  2437     .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus {
  3502 }
  2438       border-color: #007cba;
  3503 @media (min-width: 600px) {
  2439       border-color: var(--wp-admin-theme-color);
  3504   .block-editor-inserter__search input[type=search].block-editor-inserter__search-input {
  2440       box-shadow: 0 0 0 0.5px #007cba;
  3505     font-size: 13px;
  2441       box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
  3506   }
  2442       outline: 2px solid transparent; }
  3507 }
  2443     .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder {
  3508 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus {
  2444       color: rgba(30, 30, 30, 0.62); }
  3509   background: #fff;
  2445     .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder {
  3510   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  2446       opacity: 1;
  3511 }
  2447       color: rgba(30, 30, 30, 0.62); }
  3512 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::placeholder {
  2448     .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder {
  3513   color: #757575;
  2449       color: rgba(30, 30, 30, 0.62); }
  3514 }
  2450     .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder {
  3515 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-decoration {
  2451       color: rgba(255, 255, 255, 0.65); }
  3516   -webkit-appearance: none;
  2452     .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder {
  3517 }
  2453       opacity: 1;
       
  2454       color: rgba(255, 255, 255, 0.65); }
       
  2455     .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder {
       
  2456       color: rgba(255, 255, 255, 0.65); }
       
  2457     @media (min-width: 600px) {
       
  2458       .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input {
       
  2459         font-size: 13px; } }
       
  2460     .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus {
       
  2461       background: #fff;
       
  2462       box-shadow: 0 0 0 1.5px #007cba;
       
  2463       box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
       
  2464     .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder {
       
  2465       color: #606a73; }
       
  2466     .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-ms-input-placeholder {
       
  2467       color: #606a73; }
       
  2468     .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::placeholder {
       
  2469       color: #606a73; }
       
  2470     .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-decoration {
       
  2471       -webkit-appearance: none; }
       
  2472 
  3518 
  2473 .block-editor-inserter__search-icon {
  3519 .block-editor-inserter__search-icon {
  2474   position: absolute;
  3520   position: absolute;
  2475   top: 0;
  3521   top: 0;
  2476   left: 20px;
  3522   left: 20px;
  2477   bottom: 0;
  3523   bottom: 0;
  2478   display: flex;
  3524   display: flex;
  2479   align-items: center; }
  3525   align-items: center;
  2480   .block-editor-inserter__search-icon > svg {
  3526 }
  2481     margin: 8px; }
  3527 .block-editor-inserter__search-icon > svg {
       
  3528   margin: 8px;
       
  3529 }
  2482 
  3530 
  2483 .block-editor-inserter__tabs {
  3531 .block-editor-inserter__tabs {
  2484   display: flex;
  3532   display: flex;
  2485   flex-direction: column;
  3533   flex-direction: column;
  2486   margin-top: -8px; }
  3534   margin-top: -8px;
  2487   .block-editor-inserter__tabs .components-tab-panel__tabs {
  3535 }
  2488     position: -webkit-sticky;
  3536 .block-editor-inserter__tabs .components-tab-panel__tabs {
  2489     position: sticky;
  3537   position: sticky;
  2490     top: 72px;
  3538   top: 72px;
  2491     background: #fff;
  3539   background: #fff;
  2492     z-index: 1;
  3540   z-index: 1;
  2493     border-bottom: 1px solid #ddd; }
  3541   border-bottom: 1px solid #ddd;
  2494     .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
  3542 }
  2495       flex-grow: 1;
  3543 .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
  2496       margin-bottom: -1px; }
  3544   flex-grow: 1;
  2497   .block-editor-inserter__tabs .components-tab-panel__tab-content {
  3545   margin-bottom: -1px;
  2498     display: flex;
  3546 }
  2499     flex-grow: 1;
  3547 .block-editor-inserter__tabs .components-tab-panel__tab-content {
  2500     flex-direction: column;
  3548   display: flex;
  2501     position: relative; }
  3549   flex-grow: 1;
       
  3550   flex-direction: column;
       
  3551   position: relative;
       
  3552   z-index: 0;
       
  3553 }
  2502 
  3554 
  2503 .block-editor-inserter__panel-header {
  3555 .block-editor-inserter__panel-header {
  2504   display: inline-flex;
  3556   display: inline-flex;
  2505   align-items: center;
  3557   align-items: center;
  2506   padding: 16px 16px 0; }
  3558   padding: 16px 16px 0;
       
  3559 }
       
  3560 
       
  3561 .block-editor-inserter__panel-header-patterns {
       
  3562   padding: 16px 16px 0;
       
  3563 }
  2507 
  3564 
  2508 .block-editor-inserter__panel-content {
  3565 .block-editor-inserter__panel-content {
  2509   padding: 0 16px; }
  3566   padding: 16px;
  2510 
  3567 }
  2511 .block-editor-inserter__panel-title {
  3568 
       
  3569 .block-editor-inserter__panel-title,
       
  3570 .block-editor-inserter__panel-title button {
  2512   margin: 0 0 0 12px;
  3571   margin: 0 0 0 12px;
  2513   color: #757575;
  3572   color: #757575;
  2514   text-transform: uppercase;
  3573   text-transform: uppercase;
  2515   font-size: 11px;
  3574   font-size: 11px;
  2516   font-weight: 500; }
  3575   font-weight: 500;
       
  3576 }
       
  3577 
       
  3578 .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input {
       
  3579   line-height: 1.2;
       
  3580 }
       
  3581 
       
  3582 .block-editor-inserter__panel-dropdown select {
       
  3583   border: none;
       
  3584 }
  2517 
  3585 
  2518 .block-editor-inserter__block-list {
  3586 .block-editor-inserter__block-list {
  2519   flex-grow: 1;
  3587   flex-grow: 1;
  2520   position: relative; }
  3588   position: relative;
       
  3589 }
  2521 
  3590 
  2522 .block-editor-inserter__popover .block-editor-block-types-list {
  3591 .block-editor-inserter__popover .block-editor-block-types-list {
  2523   margin: 0 -8px; }
  3592   margin: -8px;
       
  3593 }
  2524 
  3594 
  2525 .block-editor-inserter__reusable-blocks-panel {
  3595 .block-editor-inserter__reusable-blocks-panel {
  2526   position: relative;
  3596   position: relative;
  2527   text-align: left; }
  3597   text-align: left;
       
  3598 }
  2528 
  3599 
  2529 .block-editor-inserter__manage-reusable-blocks {
  3600 .block-editor-inserter__manage-reusable-blocks {
  2530   display: inline-block;
  3601   display: inline-block;
  2531   margin: 16px; }
  3602   margin: 16px;
       
  3603 }
  2532 
  3604 
  2533 .block-editor-inserter__no-results {
  3605 .block-editor-inserter__no-results {
  2534   padding: 32px;
  3606   padding: 32px;
  2535   margin-top: 64px;
  3607   margin-top: 64px;
  2536   text-align: center; }
  3608   text-align: center;
       
  3609 }
  2537 
  3610 
  2538 .block-editor-inserter__no-results-icon {
  3611 .block-editor-inserter__no-results-icon {
  2539   fill: #b5bcc2; }
  3612   fill: #949494;
       
  3613 }
  2540 
  3614 
  2541 .block-editor-inserter__child-blocks {
  3615 .block-editor-inserter__child-blocks {
  2542   padding: 0 16px; }
  3616   padding: 0 16px;
       
  3617 }
  2543 
  3618 
  2544 .block-editor-inserter__parent-block-header {
  3619 .block-editor-inserter__parent-block-header {
  2545   display: flex;
  3620   display: flex;
  2546   align-items: center; }
  3621   align-items: center;
  2547   .block-editor-inserter__parent-block-header h2 {
  3622 }
  2548     font-size: 13px; }
  3623 .block-editor-inserter__parent-block-header h2 {
  2549   .block-editor-inserter__parent-block-header .block-editor-block-icon {
  3624   font-size: 13px;
  2550     margin-left: 8px; }
  3625 }
       
  3626 .block-editor-inserter__parent-block-header .block-editor-block-icon {
       
  3627   margin-left: 8px;
       
  3628 }
  2551 
  3629 
  2552 .block-editor-inserter__preview-container {
  3630 .block-editor-inserter__preview-container {
  2553   display: none;
  3631   display: none;
  2554   width: 300px;
  3632   width: 300px;
  2555   background: #fff;
  3633   background: #fff;
  2556   border-radius: 2px;
  3634   border-radius: 2px;
  2557   border: 1px solid #ddd;
  3635   border: 1px solid #ddd;
  2558   position: absolute;
  3636   position: absolute;
  2559   top: 16px;
  3637   top: 16px;
  2560   right: calc(100% + 16px); }
  3638   right: calc(100% + 16px);
  2561   @media (min-width: 782px) {
  3639   max-height: calc(100% - 32px);
  2562     .block-editor-inserter__preview-container {
  3640   overflow-y: hidden;
  2563       display: block; } }
  3641 }
  2564   .block-editor-inserter__preview-container .block-editor-block-card {
  3642 @media (min-width: 782px) {
  2565     padding: 16px; }
  3643   .block-editor-inserter__preview-container {
  2566   .block-editor-inserter__preview-container .block-editor-block-card__title {
  3644     display: block;
  2567     font-size: 13px; }
  3645   }
       
  3646 }
       
  3647 .block-editor-inserter__preview-container .block-editor-block-card {
       
  3648   padding: 16px;
       
  3649 }
       
  3650 .block-editor-inserter__preview-container .block-editor-block-card__title {
       
  3651   font-size: 13px;
       
  3652 }
  2568 
  3653 
  2569 .block-editor-inserter__preview-content {
  3654 .block-editor-inserter__preview-content {
  2570   min-height: 144px;
  3655   min-height: 144px;
  2571   background: #f0f0f0;
  3656   background: #f0f0f0;
  2572   display: -ms-grid;
       
  2573   display: grid;
  3657   display: grid;
  2574   flex-grow: 1;
  3658   flex-grow: 1;
  2575   align-items: center; }
  3659   align-items: center;
       
  3660 }
  2576 
  3661 
  2577 .block-editor-inserter__preview-content-missing {
  3662 .block-editor-inserter__preview-content-missing {
  2578   flex: 1;
  3663   flex: 1;
  2579   display: flex;
  3664   display: flex;
  2580   justify-content: center;
  3665   justify-content: center;
  2581   align-items: center;
  3666   align-items: center;
  2582   min-height: 144px;
  3667   min-height: 144px;
  2583   color: #606a73;
  3668   color: #757575;
  2584   background: #f0f0f0; }
  3669   background: #f0f0f0;
       
  3670 }
  2585 
  3671 
  2586 .block-editor-inserter__tips {
  3672 .block-editor-inserter__tips {
  2587   border-top: 1px solid #ddd;
  3673   border-top: 1px solid #ddd;
  2588   padding: 16px;
  3674   padding: 16px;
  2589   flex-shrink: 0; }
  3675   flex-shrink: 0;
       
  3676   position: relative;
       
  3677 }
  2590 
  3678 
  2591 .block-editor-inserter__manage-reusable-blocks-container {
  3679 .block-editor-inserter__manage-reusable-blocks-container {
  2592   padding: 16px; }
  3680   padding: 16px;
       
  3681 }
  2593 
  3682 
  2594 .block-editor-inserter__quick-inserter {
  3683 .block-editor-inserter__quick-inserter {
  2595   width: 100%; }
  3684   width: 100%;
  2596   @media (min-width: 782px) {
  3685   max-width: 100%;
  2597     .block-editor-inserter__quick-inserter {
  3686 }
  2598       width: 350px; } }
  3687 @media (min-width: 782px) {
  2599 
  3688   .block-editor-inserter__quick-inserter {
  2600 .block-editor-inserter__quick-inserter-results {
  3689     width: 350px;
  2601   padding-bottom: 16px; }
  3690   }
  2602   .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
  3691 }
  2603     height: 0;
  3692 
  2604     padding: 0;
  3693 .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
  2605     float: right; }
  3694   height: 0;
  2606 
  3695   padding: 0;
  2607 .block-editor-inserter__quick-inserter-patterns {
  3696   float: right;
  2608   display: -ms-grid;
  3697 }
       
  3698 
       
  3699 .block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content,
       
  3700 .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content {
       
  3701   padding: 16px;
       
  3702 }
       
  3703 
       
  3704 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list {
  2609   display: grid;
  3705   display: grid;
  2610   -ms-grid-columns: 1fr 1fr;
       
  2611   grid-template-columns: 1fr 1fr;
  3706   grid-template-columns: 1fr 1fr;
  2612   grid-gap: 8px; }
  3707   grid-gap: 8px;
       
  3708 }
  2613 
  3709 
  2614 .block-editor-inserter__quick-inserter-separator {
  3710 .block-editor-inserter__quick-inserter-separator {
  2615   border-top: 1px solid #ddd; }
  3711   border-top: 1px solid #ddd;
       
  3712 }
  2616 
  3713 
  2617 .block-editor-inserter__popover.is-quick > .components-popover__content > div {
  3714 .block-editor-inserter__popover.is-quick > .components-popover__content > div {
  2618   padding: 0; }
  3715   padding: 0;
       
  3716 }
  2619 
  3717 
  2620 .block-editor-inserter__quick-inserter-expand.components-button {
  3718 .block-editor-inserter__quick-inserter-expand.components-button {
  2621   display: block;
  3719   display: block;
  2622   background: #1e1e1e;
  3720   background: #1e1e1e;
  2623   color: #fff;
  3721   color: #fff;
  2624   width: 100%;
  3722   width: 100%;
  2625   height: 44px;
  3723   height: 44px;
  2626   border-radius: 0; }
  3724   border-radius: 0;
  2627   .block-editor-inserter__quick-inserter-expand.components-button:hover {
  3725 }
  2628     color: #fff; }
  3726 .block-editor-inserter__quick-inserter-expand.components-button:hover {
  2629   .block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) {
  3727   color: #fff;
  2630     box-shadow: inset 0 0 0 1.5px #1e1e1e, inset 0 0 0 2px #fff; }
  3728 }
       
  3729 .block-editor-inserter__quick-inserter-expand.components-button:active {
       
  3730   color: #ccc;
       
  3731 }
       
  3732 .block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) {
       
  3733   box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 3px #fff;
       
  3734 }
  2631 
  3735 
  2632 .block-editor-post-preview__dropdown {
  3736 .block-editor-post-preview__dropdown {
  2633   display: none;
  3737   padding: 0;
  2634   margin-left: 12px;
  3738 }
  2635   padding: 0; }
       
  2636 
  3739 
  2637 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize {
  3740 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize {
  2638   padding-right: 40px; }
  3741   padding-right: 40px;
  2639   .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon {
  3742 }
  2640     padding-right: 8px; }
  3743 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon {
       
  3744   padding-right: 8px;
       
  3745 }
  2641 
  3746 
  2642 .block-editor-post-preview__dropdown-content .components-popover__content {
  3747 .block-editor-post-preview__dropdown-content .components-popover__content {
  2643   overflow-y: visible; }
  3748   overflow-y: visible;
  2644 
  3749 }
       
  3750 .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child {
       
  3751   padding-bottom: 8px;
       
  3752 }
       
  3753 .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child {
       
  3754   margin-bottom: 0;
       
  3755 }
  2645 .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group {
  3756 .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group {
  2646   border-top: 1px solid #ccc;
  3757   padding: 8px;
  2647   padding: 8px 12px;
  3758 }
  2648   margin-right: -12px;
       
  2649   margin-left: -12px; }
       
  2650 
  3759 
  2651 @media (min-width: 600px) {
  3760 @media (min-width: 600px) {
  2652   .editor-post-preview {
  3761   .edit-post-header__settings .editor-post-preview,
  2653     display: none; }
  3762 .edit-site-header__actions .editor-post-preview {
  2654   .block-editor-post-preview__dropdown {
  3763     display: none;
  2655     display: flex; } }
  3764   }
       
  3765 }
       
  3766 
       
  3767 @media (min-width: 600px) {
       
  3768   .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,
       
  3769 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state,
       
  3770 .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle {
       
  3771     transition: opacity 0.1s linear;
       
  3772   }
       
  3773 }
       
  3774 @media (min-width: 600px) and (prefers-reduced-motion: reduce) {
       
  3775   .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,
       
  3776 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state,
       
  3777 .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle {
       
  3778     transition-duration: 0s;
       
  3779     transition-delay: 0s;
       
  3780   }
       
  3781 }
       
  3782 @media (min-width: 600px) {
       
  3783   .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,
       
  3784 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state,
       
  3785 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle {
       
  3786     opacity: 0;
       
  3787   }
       
  3788   .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened {
       
  3789     opacity: 1;
       
  3790   }
       
  3791 }
       
  3792 
       
  3793 body.admin-color-light {
       
  3794   --wp-admin-theme-color: #0085ba;
       
  3795   --wp-admin-theme-color-darker-10: #0073a1;
       
  3796   --wp-admin-theme-color-darker-20: #006187;
       
  3797   --wp-admin-border-width-focus: 2px;
       
  3798 }
       
  3799 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
  3800   body.admin-color-light {
       
  3801     --wp-admin-border-width-focus: 1.5px;
       
  3802   }
       
  3803 }
       
  3804 
       
  3805 body.admin-color-modern {
       
  3806   --wp-admin-theme-color: #3858e9;
       
  3807   --wp-admin-theme-color-darker-10: #2145e6;
       
  3808   --wp-admin-theme-color-darker-20: #183ad6;
       
  3809   --wp-admin-border-width-focus: 2px;
       
  3810 }
       
  3811 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
  3812   body.admin-color-modern {
       
  3813     --wp-admin-border-width-focus: 1.5px;
       
  3814   }
       
  3815 }
       
  3816 
       
  3817 body.admin-color-blue {
       
  3818   --wp-admin-theme-color: #096484;
       
  3819   --wp-admin-theme-color-darker-10: #07526c;
       
  3820   --wp-admin-theme-color-darker-20: #064054;
       
  3821   --wp-admin-border-width-focus: 2px;
       
  3822 }
       
  3823 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
  3824   body.admin-color-blue {
       
  3825     --wp-admin-border-width-focus: 1.5px;
       
  3826   }
       
  3827 }
       
  3828 
       
  3829 body.admin-color-coffee {
       
  3830   --wp-admin-theme-color: #46403c;
       
  3831   --wp-admin-theme-color-darker-10: #383330;
       
  3832   --wp-admin-theme-color-darker-20: #2b2724;
       
  3833   --wp-admin-border-width-focus: 2px;
       
  3834 }
       
  3835 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
  3836   body.admin-color-coffee {
       
  3837     --wp-admin-border-width-focus: 1.5px;
       
  3838   }
       
  3839 }
       
  3840 
       
  3841 body.admin-color-ectoplasm {
       
  3842   --wp-admin-theme-color: #523f6d;
       
  3843   --wp-admin-theme-color-darker-10: #46365d;
       
  3844   --wp-admin-theme-color-darker-20: #3a2c4d;
       
  3845   --wp-admin-border-width-focus: 2px;
       
  3846 }
       
  3847 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
  3848   body.admin-color-ectoplasm {
       
  3849     --wp-admin-border-width-focus: 1.5px;
       
  3850   }
       
  3851 }
       
  3852 
       
  3853 body.admin-color-midnight {
       
  3854   --wp-admin-theme-color: #e14d43;
       
  3855   --wp-admin-theme-color-darker-10: #dd382d;
       
  3856   --wp-admin-theme-color-darker-20: #d02c21;
       
  3857   --wp-admin-border-width-focus: 2px;
       
  3858 }
       
  3859 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
  3860   body.admin-color-midnight {
       
  3861     --wp-admin-border-width-focus: 1.5px;
       
  3862   }
       
  3863 }
       
  3864 
       
  3865 body.admin-color-ocean {
       
  3866   --wp-admin-theme-color: #627c83;
       
  3867   --wp-admin-theme-color-darker-10: #576e74;
       
  3868   --wp-admin-theme-color-darker-20: #4c6066;
       
  3869   --wp-admin-border-width-focus: 2px;
       
  3870 }
       
  3871 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
  3872   body.admin-color-ocean {
       
  3873     --wp-admin-border-width-focus: 1.5px;
       
  3874   }
       
  3875 }
       
  3876 
       
  3877 body.admin-color-sunrise {
       
  3878   --wp-admin-theme-color: #dd823b;
       
  3879   --wp-admin-theme-color-darker-10: #d97426;
       
  3880   --wp-admin-theme-color-darker-20: #c36922;
       
  3881   --wp-admin-border-width-focus: 2px;
       
  3882 }
       
  3883 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
  3884   body.admin-color-sunrise {
       
  3885     --wp-admin-border-width-focus: 1.5px;
       
  3886   }
       
  3887 }