@wordpress/block-library 8.32.0 → 8.34.0

package/build-style/editor-rtl.css

@@ -468,9 +468,17 @@ html :where(.wp-block-column) {
 .wp-block-cover.components-placeholder h2 {
   color: inherit;
 }
+.wp-block-cover.is-transient {
+  position: relative;
+}
 .wp-block-cover.is-transient::before {
   background-color: #fff;
+  content: "";
+  height: 100%;
   opacity: 0.3;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
 }
 .wp-block-cover .components-spinner {
   position: absolute;
@@ -554,9 +562,6 @@ html :where(.wp-block-column) {
   word-break: break-word;
 }
 
-.wp-block-embed__learn-more {
-  margin-top: 1em;
-}
 .wp-block-post-content .wp-block-embed__learn-more a {
   color: var(--wp-admin-theme-color);
 }
@@ -1029,42 +1034,42 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-top: 16px;
 }
 
-figure.wp-block-gallery {
+:where(figure.wp-block-gallery) {
   display: block;
 }
-figure.wp-block-gallery > .blocks-gallery-caption {
+:where(figure.wp-block-gallery) > .blocks-gallery-caption {
   flex: 0 0 100%;
 }
-figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
+:where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
   flex-basis: 100%;
 }
-figure.wp-block-gallery .wp-block-image .components-notice.is-error {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
   display: block;
 }
-figure.wp-block-gallery .wp-block-image .components-notice__content {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
   margin: 4px 0;
 }
-figure.wp-block-gallery .wp-block-image .components-notice__dismiss {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
   position: absolute;
   top: 0;
   left: 5px;
 }
-figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
   display: none;
 }
-figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
   margin-bottom: 0;
 }
-figure.wp-block-gallery .block-editor-media-placeholder {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder {
   margin: 0;
 }
-figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
   display: flex;
 }
-figure.wp-block-gallery .block-editor-media-placeholder figcaption {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
   z-index: 2;
 }
-figure.wp-block-gallery .components-spinner {
+:where(figure.wp-block-gallery) .components-spinner {
   position: absolute;
   top: 50%;
   right: 50%;
@@ -1240,50 +1245,6 @@ figure.wp-block-gallery .components-spinner {
   pointer-events: all;
 }
 
-.wp-block-group__placeholder .wp-block-group-placeholder__variations {
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-}
-.wp-block-group__placeholder .components-placeholder__instructions {
-  margin-bottom: 18px;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
-  fill: #ccc !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
-  fill: var(--wp-admin-theme-color) !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
-  margin: 0 12px 12px 12px;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
-  width: 44px;
-  height: 32px;
-  padding: 0;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
-  box-shadow: none;
-}
-.wp-block-group__placeholder .components-placeholder {
-  min-height: auto;
-  padding: 24px;
-  align-items: center;
-}
-.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
-.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
-  margin: 12px;
-}
-
 .block-library-html__edit .block-library-html__preview-overlay {
   position: absolute;
   width: 100%;
@@ -2418,14 +2379,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-site-logo .custom-logo-link:focus {
   box-shadow: none;
 }
-.wp-block-site-logo .custom-logo-link.is-transient img {
-  opacity: 0.3;
-}
 .wp-block-site-logo img {
   display: block;
   height: auto;
   max-width: 100%;
 }
+.wp-block-site-logo.is-transient {
+  position: relative;
+}
+.wp-block-site-logo.is-transient img {
+  opacity: 0.3;
+}
+.wp-block-site-logo.is-transient .components-spinner {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+  margin: 0;
+}
 
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
   height: 60px;
@@ -2454,6 +2425,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
   padding: 0;
+  margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2534,14 +2506,25 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-social-links .wp-social-link {
   line-height: 0;
 }
-.wp-block-social-links .wp-social-link button {
+
+.wp-block-social-link-anchor {
+  align-items: center;
+  background: none;
+  border: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
   font-size: inherit;
   color: currentColor;
   height: auto;
-  line-height: 0;
   opacity: 1;
   padding: 0.25em;
 }
+.wp-block-social-link-anchor:focus:not(:disabled) {
+  border-radius: 2px;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 3px solid transparent;
+}
 
 .wp-block-social-links.is-style-pill-shape .wp-social-link button {
   padding-right: calc((2/3) * 1em);
@@ -2755,21 +2738,21 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   z-index: 2;
 }
 
-.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-selected::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-selected::after {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
 }
-.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).is-reusable.is-hovered::after {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after {
   box-shadow: 0 0 0 1px var(--wp-block-synced-color);
 }
-.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).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
 }
-.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,
-.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 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
+.is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
 }
 
@@ -2983,6 +2966,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
 .wp-block-post-featured-image .components-placeholder .components-button {
+  margin: auto;
   padding: 0;
   display: flex;
   justify-content: center;
@@ -3065,6 +3049,18 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   opacity: 1;
   pointer-events: auto;
 }
+.wp-block-post-featured-image.is-transient {
+  position: relative;
+}
+.wp-block-post-featured-image.is-transient img {
+  opacity: 0.3;
+}
+.wp-block-post-featured-image.is-transient .components-spinner {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+}
 
 div[data-type="core/post-featured-image"] img {
   max-width: 100%;
@@ -3136,11 +3132,6 @@ div[data-type="core/post-featured-image"] img {
   background: linear-gradient(-135deg, #020381 0%, #2874fc 100%);
 }
 
-:where(.editor-styles-wrapper) {
-  --wp--preset--font-size--normal: 16px;
-  --wp--preset--font-size--huge: 42px;
-}
-
 :where(.editor-styles-wrapper) .has-regular-font-size {
   font-size: 16px;
 }
@@ -3149,14 +3140,6 @@ div[data-type="core/post-featured-image"] img {
   font-size: 42px;
 }
 
-:where(.editor-styles-wrapper) .has-normal-font-size {
-  font-size: var(--wp--preset--font-size--normal);
-}
-
-:where(.editor-styles-wrapper) .has-huge-font-size {
-  font-size: var(--wp--preset--font-size--huge);
-}
-
 /**
  * Editor Normalization Styles
  *

package/build-style/editor.css

@@ -472,9 +472,17 @@ html :where(.wp-block-column) {
 .wp-block-cover.components-placeholder h2 {
   color: inherit;
 }
+.wp-block-cover.is-transient {
+  position: relative;
+}
 .wp-block-cover.is-transient::before {
   background-color: #fff;
+  content: "";
+  height: 100%;
   opacity: 0.3;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
 }
 .wp-block-cover .components-spinner {
   position: absolute;
@@ -558,9 +566,6 @@ html :where(.wp-block-column) {
   word-break: break-word;
 }
 
-.wp-block-embed__learn-more {
-  margin-top: 1em;
-}
 .wp-block-post-content .wp-block-embed__learn-more a {
   color: var(--wp-admin-theme-color);
 }
@@ -1037,42 +1042,42 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-top: 16px;
 }
 
-figure.wp-block-gallery {
+:where(figure.wp-block-gallery) {
   display: block;
 }
-figure.wp-block-gallery > .blocks-gallery-caption {
+:where(figure.wp-block-gallery) > .blocks-gallery-caption {
   flex: 0 0 100%;
 }
-figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
+:where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
   flex-basis: 100%;
 }
-figure.wp-block-gallery .wp-block-image .components-notice.is-error {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
   display: block;
 }
-figure.wp-block-gallery .wp-block-image .components-notice__content {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
   margin: 4px 0;
 }
-figure.wp-block-gallery .wp-block-image .components-notice__dismiss {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
   position: absolute;
   top: 0;
   right: 5px;
 }
-figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
   display: none;
 }
-figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
   margin-bottom: 0;
 }
-figure.wp-block-gallery .block-editor-media-placeholder {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder {
   margin: 0;
 }
-figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
   display: flex;
 }
-figure.wp-block-gallery .block-editor-media-placeholder figcaption {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
   z-index: 2;
 }
-figure.wp-block-gallery .components-spinner {
+:where(figure.wp-block-gallery) .components-spinner {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -1248,50 +1253,6 @@ figure.wp-block-gallery .components-spinner {
   pointer-events: all;
 }
 
-.wp-block-group__placeholder .wp-block-group-placeholder__variations {
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-}
-.wp-block-group__placeholder .components-placeholder__instructions {
-  margin-bottom: 18px;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
-  fill: #ccc !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
-  fill: var(--wp-admin-theme-color) !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
-  margin: 0 12px 12px 12px;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
-  width: 44px;
-  height: 32px;
-  padding: 0;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
-  box-shadow: none;
-}
-.wp-block-group__placeholder .components-placeholder {
-  min-height: auto;
-  padding: 24px;
-  align-items: center;
-}
-.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
-.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
-  margin: 12px;
-}
-
 .block-library-html__edit .block-library-html__preview-overlay {
   position: absolute;
   width: 100%;
@@ -2426,14 +2387,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-site-logo .custom-logo-link:focus {
   box-shadow: none;
 }
-.wp-block-site-logo .custom-logo-link.is-transient img {
-  opacity: 0.3;
-}
 .wp-block-site-logo img {
   display: block;
   height: auto;
   max-width: 100%;
 }
+.wp-block-site-logo.is-transient {
+  position: relative;
+}
+.wp-block-site-logo.is-transient img {
+  opacity: 0.3;
+}
+.wp-block-site-logo.is-transient .components-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: 0;
+}
 
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
   height: 60px;
@@ -2462,6 +2433,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
   padding: 0;
+  margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2542,14 +2514,25 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-social-links .wp-social-link {
   line-height: 0;
 }
-.wp-block-social-links .wp-social-link button {
+
+.wp-block-social-link-anchor {
+  align-items: center;
+  background: none;
+  border: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
   font-size: inherit;
   color: currentColor;
   height: auto;
-  line-height: 0;
   opacity: 1;
   padding: 0.25em;
 }
+.wp-block-social-link-anchor:focus:not(:disabled) {
+  border-radius: 2px;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 3px solid transparent;
+}
 
 .wp-block-social-links.is-style-pill-shape .wp-social-link button {
   padding-left: calc((2/3) * 1em);
@@ -2763,21 +2746,21 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   z-index: 2;
 }
 
-.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-selected::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-selected::after {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
 }
-.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).is-reusable.is-hovered::after {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after {
   box-shadow: 0 0 0 1px var(--wp-block-synced-color);
 }
-.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).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
 }
-.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,
-.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 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
+.is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
 }
 
@@ -2994,6 +2977,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
 .wp-block-post-featured-image .components-placeholder .components-button {
+  margin: auto;
   padding: 0;
   display: flex;
   justify-content: center;
@@ -3076,6 +3060,18 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   opacity: 1;
   pointer-events: auto;
 }
+.wp-block-post-featured-image.is-transient {
+  position: relative;
+}
+.wp-block-post-featured-image.is-transient img {
+  opacity: 0.3;
+}
+.wp-block-post-featured-image.is-transient .components-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
 
 div[data-type="core/post-featured-image"] img {
   max-width: 100%;
@@ -3147,11 +3143,6 @@ div[data-type="core/post-featured-image"] img {
   background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
 }
 
-:where(.editor-styles-wrapper) {
-  --wp--preset--font-size--normal: 16px;
-  --wp--preset--font-size--huge: 42px;
-}
-
 :where(.editor-styles-wrapper) .has-regular-font-size {
   font-size: 16px;
 }
@@ -3160,14 +3151,6 @@ div[data-type="core/post-featured-image"] img {
   font-size: 42px;
 }
 
-:where(.editor-styles-wrapper) .has-normal-font-size {
-  font-size: var(--wp--preset--font-size--normal);
-}
-
-:where(.editor-styles-wrapper) .has-huge-font-size {
-  font-size: var(--wp--preset--font-size--huge);
-}
-
 /**
  * Editor Normalization Styles
  *

package/build-style/embed/editor-rtl.css

@@ -99,9 +99,6 @@
   word-break: break-word;
 }
 
-.wp-block-embed__learn-more {
-  margin-top: 1em;
-}
 .wp-block-post-content .wp-block-embed__learn-more a {
   color: var(--wp-admin-theme-color);
 }

package/build-style/embed/editor.css

@@ -99,9 +99,6 @@
   word-break: break-word;
 }
 
-.wp-block-embed__learn-more {
-  margin-top: 1em;
-}
 .wp-block-post-content .wp-block-embed__learn-more a {
   color: var(--wp-admin-theme-color);
 }

package/build-style/gallery/editor-rtl.css

@@ -86,42 +86,42 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-figure.wp-block-gallery {
+:where(figure.wp-block-gallery) {
   display: block;
 }
-figure.wp-block-gallery > .blocks-gallery-caption {
+:where(figure.wp-block-gallery) > .blocks-gallery-caption {
   flex: 0 0 100%;
 }
-figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
+:where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
   flex-basis: 100%;
 }
-figure.wp-block-gallery .wp-block-image .components-notice.is-error {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
   display: block;
 }
-figure.wp-block-gallery .wp-block-image .components-notice__content {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
   margin: 4px 0;
 }
-figure.wp-block-gallery .wp-block-image .components-notice__dismiss {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
   position: absolute;
   top: 0;
   left: 5px;
 }
-figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
   display: none;
 }
-figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
   margin-bottom: 0;
 }
-figure.wp-block-gallery .block-editor-media-placeholder {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder {
   margin: 0;
 }
-figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
   display: flex;
 }
-figure.wp-block-gallery .block-editor-media-placeholder figcaption {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
   z-index: 2;
 }
-figure.wp-block-gallery .components-spinner {
+:where(figure.wp-block-gallery) .components-spinner {
   position: absolute;
   top: 50%;
   right: 50%;