wp/wp-includes/css/dist/block-editor/content.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
--- a/wp/wp-includes/css/dist/block-editor/content.css	Fri Sep 05 18:40:08 2025 +0200
+++ b/wp/wp-includes/css/dist/block-editor/content.css	Fri Sep 05 18:52:52 2025 +0200
@@ -49,7 +49,7 @@
     opacity:.4;
   }
 }
-:root .block-editor-block-list__layout::selection,:root .has-multi-selection .block-editor-block-list__layout::selection,_::-webkit-full-page-media,_:future{
+:root .block-editor-block-list__layout::selection,:root [data-has-multi-selection=true] .block-editor-block-list__layout::selection,_::-webkit-full-page-media,_:future{
   background-color:initial;
 }
 .block-editor-block-list__layout{
@@ -59,8 +59,6 @@
   background:#0000;
 }
 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{
-  animation:selection-overlay__fade-in-animation .1s ease-out;
-  animation-fill-mode:forwards;
   background:var(--wp-admin-theme-color);
   bottom:0;
   content:"";
@@ -73,79 +71,44 @@
   top:0;
   z-index:1;
 }
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
   .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{
-    animation-delay:0s;
-    animation-duration:1ms;
+    animation:selection-overlay__fade-in-animation .1s ease-out;
+    animation-fill-mode:forwards;
   }
 }
 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted:after{
   outline-color:#0000;
 }
-.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{
+.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus{
   outline:none;
 }
-.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{
+.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after{
   bottom:0;
   content:"";
   left:0;
   outline-color:var(--wp-admin-theme-color);
-  outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  outline-offset:calc(((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1);
   outline-style:solid;
-  outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  outline-width:calc((var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1);
   pointer-events:none;
   position:absolute;
   right:0;
   top:0;
   z-index:1;
 }
-.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{
-  outline-color:#fff;
-}
-.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{
-  border-radius:2px;
-  border-top:4px solid #ccc;
-  bottom:auto;
-  box-shadow:none;
-  content:"";
-  left:0;
-  pointer-events:none;
-  position:absolute;
-  right:0;
-  top:-14px;
-  transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;
-  z-index:0;
-}
-.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{
-  border-color:var(--wp-admin-theme-color);
-}
-.has-multi-selection .block-editor-block-list__layout{
-  -webkit-user-select:none;
-          user-select:none;
-}
 .block-editor-block-list__layout [class^=components-]{
   -webkit-user-select:text;
           user-select:text;
 }
 
-.is-block-moving-mode.block-editor-block-list__block-selection-button{
-  font-size:1px;
-  height:1px;
-  opacity:0;
-  padding:0;
-}
-
 .block-editor-block-list__layout .block-editor-block-list__block{
   overflow-wrap:break-word;
   pointer-events:auto;
   position:relative;
-  -webkit-user-select:text;
-          user-select:text;
 }
 .block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled{
   pointer-events:none;
-  -webkit-user-select:none;
-          user-select:none;
 }
 .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected,.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected{
   z-index:20;
@@ -176,7 +139,6 @@
 }
 .block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{
   background-color:#fff6;
-  border-radius:2px;
   bottom:0;
   content:"";
   left:0;
@@ -187,12 +149,6 @@
 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{
   background-color:initial;
 }
-.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{
-  display:none;
-}
-.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{
-  display:block;
-}
 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{
   box-shadow:0 0 0 1px var(--wp-admin-theme-color);
 }
@@ -200,20 +156,20 @@
   float:none;
 }
 
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{
   cursor:default;
 }
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{
-  cursor:unset;
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered .rich-text,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered.rich-text,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected .rich-text,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{
+  cursor:auto;
 }
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected):after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected:after{
   bottom:0;
   content:"";
   left:0;
   outline-color:var(--wp-admin-theme-color);
-  outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  outline-offset:calc(((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1);
   outline-style:solid;
-  outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  outline-width:calc((var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1);
   pointer-events:none;
   position:absolute;
   right:0;
@@ -222,9 +178,6 @@
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected:after{
   outline-color:var(--wp-block-synced-color);
 }
-.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{
-  outline-color:#fff;
-}
 
 @keyframes block-editor-is-editable__animation{
   0%{
@@ -245,7 +198,7 @@
     background-color:rgba(var(--wp-admin-theme-color--rgb), 0);
   }
 }
-.is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{
+.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline:after{
   animation-delay:.1s;
   animation-duration:.8s;
   animation-fill-mode:backwards;
@@ -260,7 +213,7 @@
   top:0;
 }
 @media (prefers-reduced-motion:reduce){
-  .is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{
+  .is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline:after{
     animation-delay:0s;
     animation-name:block-editor-is-editable__animation_reduce-motion;
   }
@@ -268,12 +221,10 @@
 
 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){
   opacity:.2;
-  transition:opacity .1s linear;
 }
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
   .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){
-    transition-delay:0s;
-    transition-duration:0s;
+    transition:opacity .1s linear;
   }
 }
 
@@ -314,14 +265,10 @@
     opacity:1;
   }
 }
-.wp-block .block-list-appender .block-editor-inserter__toggle{
-  animation:block-editor-inserter__toggle__fade-in-animation .1s ease;
-  animation-fill-mode:forwards;
-}
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
   .wp-block .block-list-appender .block-editor-inserter__toggle{
-    animation-delay:0s;
-    animation-duration:1ms;
+    animation:block-editor-inserter__toggle__fade-in-animation .1s ease;
+    animation-fill-mode:forwards;
   }
 }
 
@@ -346,13 +293,11 @@
   overflow:hidden;
   padding:12px;
   resize:none;
-  transition:padding .2s linear;
   width:100%;
 }
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
   .block-editor-block-list__block .block-editor-block-list__block-html-textarea{
-    transition-delay:0s;
-    transition-duration:0s;
+    transition:padding .2s linear;
   }
 }
 .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{
@@ -366,6 +311,40 @@
   margin-bottom:auto;
 }
 
+.block-editor-block-list__zoom-out-separator{
+  align-items:center;
+  background:#ddd;
+  color:#000;
+  display:flex;
+  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
+  font-size:13px;
+  font-weight:400;
+  justify-content:center;
+  margin-left:-1px;
+  margin-right:-1px;
+  overflow:hidden;
+}
+@media not (prefers-reduced-motion){
+  .block-editor-block-list__zoom-out-separator{
+    transition:background-color .3s ease;
+  }
+}
+.is-zoomed-out .block-editor-block-list__zoom-out-separator{
+  font-size:calc(13px/var(--wp-block-editor-iframe-zoom-out-scale));
+}
+.block-editor-block-list__zoom-out-separator.is-dragged-over{
+  background:#ccc;
+}
+
+.block-editor-block-list__layout.is-root-container.has-global-padding>.block-editor-block-list__zoom-out-separator,.has-global-padding>.block-editor-block-list__zoom-out-separator{
+  margin:0 calc(var(--wp--style--root--padding-right)*-1 - 1px) 0 calc(var(--wp--style--root--padding-left)*-1 - 1px) !important;
+  max-width:none;
+}
+
+.is-dragging{
+  cursor:grabbing;
+}
+
 .is-vertical .block-list-appender{
   margin-left:12px;
   margin-right:auto;
@@ -395,10 +374,11 @@
 }
 
 .block-editor-block-list__layout .is-dragging{
-  background-color:currentColor !important;
   border-radius:2px !important;
-  opacity:.05 !important;
-  pointer-events:none !important;
+  opacity:.1 !important;
+}
+.block-editor-block-list__layout .is-dragging iframe{
+  pointer-events:none;
 }
 .block-editor-block-list__layout .is-dragging::selection{
   background:#0000 !important;
@@ -407,6 +387,10 @@
   content:none !important;
 }
 
+.wp-block img:not([draggable]),.wp-block svg:not([draggable]){
+  pointer-events:none;
+}
+
 .block-editor-block-preview__content-iframe .block-list-appender{
   display:none;
 }
@@ -466,9 +450,6 @@
   justify-content:center;
   width:100%;
 }
-.block-editor-button-block-appender.components-button.components-button{
-  padding:12px;
-}
 .is-dark-theme .block-editor-button-block-appender{
   box-shadow:inset 0 0 0 1px #ffffffa6;
   color:#ffffffa6;
@@ -489,7 +470,6 @@
 }
 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after{
   border:1px dashed;
-  border-radius:2px;
   bottom:0;
   content:"";
   left:0;
@@ -498,17 +478,6 @@
   right:0;
   top:0;
 }
-.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before{
-  background:currentColor;
-  bottom:0;
-  content:"";
-  left:0;
-  opacity:.1;
-  pointer-events:none;
-  position:absolute;
-  right:0;
-  top:0;
-}
 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter{
   opacity:0;
 }
@@ -528,11 +497,10 @@
   background-color:var(--wp-admin-theme-color);
   box-shadow:inset 0 0 0 1px #ffffffa6;
   color:#ffffffa6;
-  transition:background-color .2s ease-in-out;
 }
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
   .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{
-    transition:none;
+    transition:background-color .2s ease-in-out;
   }
 }
 .block-editor-default-block-appender{
@@ -545,18 +513,15 @@
   outline:1px solid #0000;
 }
 .block-editor-default-block-appender .block-editor-default-block-appender__content{
-  opacity:.62;
-}
-:where(.wp-site-blocks) .block-editor-default-block-appender>:first-child,:where(body .is-layout-constrained) .block-editor-default-block-appender>:first-child{
   margin-block-end:0;
   margin-block-start:0;
+  opacity:.62;
 }
 .block-editor-default-block-appender .components-drop-zone__content-icon{
   display:none;
 }
 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{
   background:#1e1e1e;
-  border-radius:2px;
   color:#fff;
   height:24px;
   min-width:24px;
@@ -567,13 +532,13 @@
   color:#fff;
 }
 
-.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{
+.block-editor-default-block-appender .block-editor-inserter{
   line-height:0;
   position:absolute;
   right:0;
   top:0;
 }
-.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{
+.block-editor-default-block-appender .block-editor-inserter:disabled{
   display:none;
 }
 .block-editor-block-list__block .block-list-appender{
@@ -588,6 +553,9 @@
   line-height:0;
   margin:0;
 }
+.block-editor-block-list__block .block-list-appender .block-editor-inserter:disabled{
+  display:none;
+}
 .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{
   height:24px;
 }
@@ -632,84 +600,44 @@
   position:relative;
 }
 
-.block-editor-iframe__container{
-  height:100%;
-  overflow-x:hidden;
-  width:100%;
-}
-
-.block-editor-iframe__scale-container{
-  display:flex;
-  height:100%;
-  width:100%;
-}
-
-.block-editor-iframe__scale-container.is-zoomed-out{
-  margin-left:calc((var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw))*-1/2);
-  width:var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw);
-}
-
 .block-editor-iframe__html{
   transform-origin:top center;
-  transition:transform .3s;
 }
-@media (prefers-reduced-motion:reduce){
+@media not (prefers-reduced-motion){
   .block-editor-iframe__html{
-    transition-delay:0s;
-    transition-duration:0s;
+    transition:background-color .4s;
   }
 }
-
+.block-editor-iframe__html.zoom-out-animation{
+  bottom:0;
+  left:0;
+  overflow-y:var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
+  position:fixed;
+  right:0;
+  top:calc(var(--wp-block-editor-iframe-zoom-out-scroll-top, 0)*-1);
+}
 .block-editor-iframe__html.is-zoomed-out{
   background-color:#ddd;
-  border:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale)) solid #ddd;
-  margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size)*2*-1 + -2px);
-  transform:scale(var(--wp-block-editor-iframe-zoom-out-scale));
+  margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size, 0)*2/var(--wp-block-editor-iframe-zoom-out-scale, 1)*-1 + -2px);
+  padding-bottom:calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0)/var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  padding-top:calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0)/var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  scale:var(--wp-block-editor-iframe-zoom-out-scale, 1);
+  transform:translateX(calc((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw))/2/var(--wp-block-editor-iframe-zoom-out-scale, 1)));
 }
 .block-editor-iframe__html.is-zoomed-out body{
-  display:flex;
-  flex-direction:column;
-  min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size))/var(--wp-block-editor-iframe-zoom-out-scale));
+  min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size, 0)/var(--wp-block-editor-iframe-zoom-out-scale, 1))/var(--wp-block-editor-iframe-zoom-out-scale, 1));
 }
-.block-editor-iframe__html.is-zoomed-out body>.is-root-container{
+.block-editor-iframe__html.is-zoomed-out body>.is-root-container:not(.wp-block-post-content){
   display:flex;
   flex:1;
   flex-direction:column;
   height:100%;
 }
-.block-editor-iframe__html.is-zoomed-out body>.is-root-container>main{
+.block-editor-iframe__html.is-zoomed-out body>.is-root-container:not(.wp-block-post-content)>main{
   flex:1;
 }
-
-.block-editor-block-list__layout.has-overlay:after{
-  bottom:0;
-  content:"";
-  left:0;
-  position:absolute;
-  right:0;
-  top:0;
-  z-index:60;
-}
-
-.block-editor-media-placeholder__url-input-form{
-  display:flex;
-}
-.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{
-  border:none;
-  border-radius:0;
-  flex-grow:1;
-  margin:2px;
-  min-width:200px;
-  width:100%;
-}
-@media (min-width:600px){
-  .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{
-    width:300px;
-  }
-}
-
-.block-editor-media-placeholder__url-input-submit-button{
-  flex-shrink:1;
+.block-editor-iframe__html.is-zoomed-out .wp-block[draggable]{
+  cursor:grab;
 }
 
 .block-editor-media-placeholder__cancel-button.is-link{
@@ -747,13 +675,6 @@
 .rich-text:focus{
   outline:none;
 }
-.rich-text:focus [data-rich-text-format-boundary]{
-  border-radius:2px;
-}
-
-.block-editor-rich-text__editable>p:first-child{
-  margin-top:0;
-}
 
 figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{
   opacity:.8;
@@ -767,6 +688,19 @@
   content:"</>";
 }
 
+[data-rich-text-comment],[data-rich-text-format-boundary]{
+  border-radius:2px;
+}
+
+[data-rich-text-comment]{
+  background-color:currentColor;
+}
+[data-rich-text-comment] span{
+  color:currentColor;
+  filter:invert(100%);
+  padding:0 2px;
+}
+
 .block-editor-warning{
   align-items:center;
   background-color:#fff;
@@ -793,20 +727,14 @@
   display:flex;
   flex-direction:row;
   flex-wrap:wrap;
+  gap:12px;
   justify-content:space-between;
   width:100%;
 }
 .block-editor-warning .block-editor-warning__actions{
   align-items:center;
   display:flex;
-  margin-top:1em;
-}
-.block-editor-warning .block-editor-warning__action{
-  margin:0 8px 0 0;
-}
-
-.block-editor-warning__secondary{
-  margin:auto 0 auto 8px;
+  gap:8px;
 }
 
 .components-popover.block-editor-warning__dropdown{