@wordpress/block-library 5.0.1 → 6.0.1

package/build-style/style.css

@@ -75,10 +75,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-#start-resizable-editor-section {
-  display: none;
-}
-
 .wp-block-archives-dropdown label {
   display: block;
 }
@@ -106,7 +102,7 @@
   padding: calc(0.667em + 2px) calc(1.333em + 2px);
   text-align: center;
   text-decoration: none;
-  overflow-wrap: break-word;
+  word-break: break-word;
   box-sizing: border-box;
 }
 .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
@@ -364,11 +360,11 @@
 }
 @media (min-width: 600px) and (max-width: 781px) {
   .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
-    flex-basis: calc(50% - 1em) !important;
+    flex-basis: calc(50% - calc(var(--wp--style--block-gap, 2em) / 2)) !important;
     flex-grow: 0;
   }
   .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {
-    margin-left: 2em;
+    margin-left: var(--wp--style--block-gap, 2em);
   }
 }
 @media (min-width: 782px) {
@@ -380,7 +376,7 @@
     flex-grow: 0;
   }
   .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
-    margin-left: 2em;
+    margin-left: var(--wp--style--block-gap, 2em);
   }
 }
 .wp-block-columns.is-not-stacked-on-mobile {
@@ -394,7 +390,7 @@
   flex-grow: 0;
 }
 .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
-  margin-left: 2em;
+  margin-left: var(--wp--style--block-gap, 2em);
 }
 
 .wp-block-column {
@@ -745,6 +741,7 @@ section.wp-block-cover-image > h2,
 
 .wp-block-embed {
   margin: 0 0 1em 0;
+  overflow-wrap: break-word;
 }
 .wp-block-embed figcaption {
   margin-top: 0.5em;
@@ -846,7 +843,6 @@ section.wp-block-cover-image > h2,
   flex-direction: column;
   justify-content: center;
   position: relative;
-  align-self: flex-start;
   width: calc(50% - 1em);
 }
 .wp-block-gallery .blocks-gallery-image:nth-of-type(even),
@@ -861,16 +857,9 @@ section.wp-block-cover-image > h2,
 .blocks-gallery-grid .blocks-gallery-item figure {
   margin: 0;
   height: 100%;
-}
-@supports (position: sticky) {
-  .wp-block-gallery .blocks-gallery-image figure,
-.wp-block-gallery .blocks-gallery-item figure,
-.blocks-gallery-grid .blocks-gallery-image figure,
-.blocks-gallery-grid .blocks-gallery-item figure {
-    display: flex;
-    align-items: flex-end;
-    justify-content: flex-start;
-  }
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-start;
 }
 .wp-block-gallery .blocks-gallery-image img,
 .wp-block-gallery .blocks-gallery-item img,
@@ -879,15 +868,7 @@ section.wp-block-cover-image > h2,
   display: block;
   max-width: 100%;
   height: auto;
-  width: 100%;
-}
-@supports (position: sticky) {
-  .wp-block-gallery .blocks-gallery-image img,
-.wp-block-gallery .blocks-gallery-item img,
-.blocks-gallery-grid .blocks-gallery-image img,
-.blocks-gallery-grid .blocks-gallery-item img {
-    width: auto;
-  }
+  width: auto;
 }
 .wp-block-gallery .blocks-gallery-image figcaption,
 .wp-block-gallery .blocks-gallery-item figcaption,
@@ -905,6 +886,7 @@ section.wp-block-cover-image > h2,
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
   box-sizing: border-box;
   margin: 0;
+  z-index: 2;
 }
 .wp-block-gallery .blocks-gallery-image figcaption img,
 .wp-block-gallery .blocks-gallery-item figcaption img,
@@ -916,11 +898,6 @@ section.wp-block-cover-image > h2,
 .blocks-gallery-grid figcaption {
   flex-grow: 1;
 }
-.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,
-.blocks-gallery-grid.is-cropped .blocks-gallery-image,
-.blocks-gallery-grid.is-cropped .blocks-gallery-item {
-  align-self: inherit;
-}
 .wp-block-gallery.is-cropped .blocks-gallery-image a,
 .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,
 .wp-block-gallery.is-cropped .blocks-gallery-item img,
@@ -929,20 +906,10 @@ section.wp-block-cover-image > h2,
 .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
 .blocks-gallery-grid.is-cropped .blocks-gallery-item img {
   width: 100%;
-}
-@supports (position: sticky) {
-  .wp-block-gallery.is-cropped .blocks-gallery-image a,
-.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,
-.wp-block-gallery.is-cropped .blocks-gallery-item img,
-.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
-.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
-.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
-.blocks-gallery-grid.is-cropped .blocks-gallery-item img {
-    height: 100%;
-    flex: 1;
-    -o-object-fit: cover;
-       object-fit: cover;
-  }
+  height: 100%;
+  flex: 1;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,
 .blocks-gallery-grid.columns-1 .blocks-gallery-image,
@@ -1045,10 +1012,211 @@ section.wp-block-cover-image > h2,
   justify-content: center;
 }
 
+.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
+  align-self: flex-start;
+}
+
+.wp-block-gallery.has-nested-images {
+  display: flex;
+  flex-wrap: wrap;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
+  margin: 0 var(--gallery-block--gutter-size, 16px) var(--gallery-block--gutter-size, 16px) 0;
+  width: calc(50% - (var(--gallery-block--gutter-size, 16px) / 2));
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-of-type:not(#individual-image) {
+  margin-right: 0;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-of-type(even) {
+  margin-right: 0;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image {
+  display: flex;
+  flex-grow: 1;
+  justify-content: center;
+  position: relative;
+  margin-top: auto;
+  margin-bottom: auto;
+  flex-direction: column;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image > div,
+.wp-block-gallery.has-nested-images figure.wp-block-image > a {
+  margin: 0;
+  flex-direction: column;
+  flex-grow: 1;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image img {
+  display: block;
+  height: auto;
+  max-width: 100%;
+  width: auto;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
+  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
+  bottom: 0;
+  color: #fff;
+  font-size: 13px;
+  left: 0;
+  margin-bottom: 0;
+  max-height: 60%;
+  overflow: auto;
+  padding: 0 8px 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  box-sizing: border-box;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
+  display: inline;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div,
+.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a {
+  flex: 1 1 auto;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
+  flex: initial;
+  background: none;
+  color: inherit;
+  margin: 0;
+  padding: 10px 10px 9px;
+  position: relative;
+}
+.wp-block-gallery.has-nested-images figcaption {
+  flex-grow: 1;
+  flex-basis: 100%;
+  text-align: center;
+}
+.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
+  margin-top: 0;
+  margin-bottom: auto;
+}
+.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) img {
+  margin-bottom: var(--gallery-block--gutter-size, 16px);
+}
+.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) figcaption {
+  bottom: var(--gallery-block--gutter-size, 16px);
+}
+.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
+  align-self: inherit;
+}
+.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
+.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a {
+  display: flex;
+}
+.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
+.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
+  width: 100%;
+  flex: 1 0 0%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
+  margin-right: 0;
+  width: 100%;
+}
+@media (min-width: 600px) {
+  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(33.3333333333% - (var(--gallery-block--gutter-size, 16px) * 0.6666666667));
+  }
+  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+  }
+  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(25% - (var(--gallery-block--gutter-size, 16px) * 0.75));
+  }
+  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+  }
+  .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(20% - (var(--gallery-block--gutter-size, 16px) * 0.8));
+  }
+  .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+  }
+  .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(16.6666666667% - (var(--gallery-block--gutter-size, 16px) * 0.8333333333));
+  }
+  .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+  }
+  .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(14.2857142857% - (var(--gallery-block--gutter-size, 16px) * 0.8571428571));
+  }
+  .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+  }
+  .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(12.5% - (var(--gallery-block--gutter-size, 16px) * 0.875));
+  }
+  .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+  }
+  .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image):nth-of-type(1n) {
+    margin-right: 0;
+  }
+  .wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image):nth-of-type(2n) {
+    margin-right: 0;
+  }
+  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image):nth-of-type(3n) {
+    margin-right: 0;
+  }
+  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image):nth-of-type(4n) {
+    margin-right: 0;
+  }
+  .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image):nth-of-type(5n) {
+    margin-right: 0;
+  }
+  .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image):nth-of-type(6n) {
+    margin-right: 0;
+  }
+  .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image):nth-of-type(7n) {
+    margin-right: 0;
+  }
+  .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image):nth-of-type(8n) {
+    margin-right: 0;
+  }
+  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
+    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(33.33% - (var(--gallery-block--gutter-size, 16px) * 0.6666666667));
+  }
+  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-of-type(3n+3) {
+    margin-right: 0;
+  }
+  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
+.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
+    width: calc(50% - (var(--gallery-block--gutter-size, 16px) * 0.5));
+  }
+  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
+    width: 100%;
+  }
+}
+.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
+  max-width: 420px;
+  width: 100%;
+}
+.wp-block-gallery.has-nested-images.aligncenter {
+  justify-content: center;
+}
+
 .wp-block-group {
   box-sizing: border-box;
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
 h1.has-background,
 h2.has-background,
 h3.has-background,
@@ -1281,6 +1449,10 @@ ol.wp-block-latest-comments {
   margin-bottom: 0;
 }
 
+ol,
+ul {
+  overflow-wrap: break-word;
+}
 ol.has-background,
 ul.has-background {
   padding: 1.25em 2.375em;
@@ -1411,23 +1583,20 @@ ul.has-background {
   list-style: none;
   padding: 0;
 }
-.wp-block-navigation .wp-block-pages-list__item,
-.wp-block-navigation .wp-block-navigation-link {
+.wp-block-navigation .wp-block-navigation-item {
   display: flex;
   align-items: center;
   position: relative;
 }
-.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,
-.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {
+.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
   display: none;
 }
 .wp-block-navigation.wp-block-navigation a {
   color: inherit;
   display: block;
 }
-.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,
-.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,
-.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {
+.wp-block-navigation[style*=text-decoration] .wp-block-navigation-item,
+.wp-block-navigation[style*=text-decoration] .wp-block-navigation__submenu-container {
   text-decoration: inherit;
 }
 .wp-block-navigation[style*=text-decoration] a {
@@ -1442,17 +1611,22 @@ ul.has-background {
 .wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {
   text-decoration: none;
 }
-.wp-block-navigation .wp-block-page-list__submenu-icon,
-.wp-block-navigation .wp-block-navigation-link__submenu-icon {
+.wp-block-navigation .wp-block-navigation__submenu-icon {
+  align-self: center;
   height: inherit;
+  line-height: 0;
   margin-left: 6px;
+  padding: 0;
+  background-color: inherit;
+  color: currentColor;
+  border: none;
 }
-.wp-block-navigation .wp-block-page-list__submenu-icon svg,
-.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {
+.wp-block-navigation .wp-block-navigation__submenu-icon svg {
+  display: inline-block;
   stroke: currentColor;
 }
 
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) {
+.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
   background-color: inherit;
   color: inherit;
   position: absolute;
@@ -1460,36 +1634,33 @@ ul.has-background {
   display: flex;
   flex-direction: column;
   align-items: normal;
-  min-width: 200px;
   opacity: 0;
   transition: opacity 0.1s linear;
   visibility: hidden;
+  width: 0;
+  height: 0;
+  overflow: hidden;
   left: -1em;
   top: 100%;
 }
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a,
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a {
+.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > a {
   display: flex;
   flex-grow: 1;
+  white-space: nowrap;
 }
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-page-list__submenu-icon,
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-navigation-link__submenu-icon,
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-page-list__submenu-icon,
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-navigation-link__submenu-icon {
+.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > a .wp-block-navigation__submenu-icon {
   margin-right: 0;
   margin-left: auto;
 }
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) a {
+.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) a {
   margin: 0;
 }
 @media (min-width: 782px) {
-  .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container,
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container {
+  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
     left: 100%;
     top: -1px;
   }
-  .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container::before,
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container::before {
+  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container::before {
     content: "";
     position: absolute;
     right: 100%;
@@ -1498,44 +1669,39 @@ ul.has-background {
     width: 0.5em;
     background: transparent;
   }
-  .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-page-list__submenu-icon svg,
-.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__submenu-icon svg {
+  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
     transform: rotate(-90deg);
   }
 }
-.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {
+.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
   visibility: visible;
   opacity: 1;
+  width: auto;
+  height: auto;
+  overflow: initial;
+  min-width: 200px;
 }
-.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {
-  visibility: visible;
-  opacity: 1;
-}
-.wp-block-navigation .has-child:hover {
-  cursor: pointer;
-}
-.wp-block-navigation .has-child:hover > .submenu-container {
+.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container {
   visibility: visible;
   opacity: 1;
+  width: auto;
+  height: auto;
+  min-width: 200px;
 }
-.wp-block-navigation .has-child:focus-within {
-  cursor: pointer;
-}
-.wp-block-navigation .has-child:focus-within > .submenu-container {
+.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] + .wp-block-navigation__submenu-container {
   visibility: visible;
   opacity: 1;
+  width: auto;
+  height: auto;
+  min-width: 200px;
 }
 
-.wp-block-navigation.has-background .has-child .submenu-container,
-.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {
+.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
   left: 0;
   top: 100%;
 }
 @media (min-width: 782px) {
-  .wp-block-navigation.has-background .has-child .submenu-container .submenu-container,
-.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,
-.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,
-.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
+  .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
     left: 100%;
     top: 0;
   }
@@ -1543,28 +1709,15 @@ ul.has-background {
 
 /**
  * Margins
- * @todo: refactor this to use gap.
  */
-.wp-block-page-list,
-.wp-block-page-list > .wp-block-pages-list__item,
-.wp-block-navigation__container > .wp-block-navigation-link {
-  margin: 0 2em 0 0;
-}
-.wp-block-page-list:last-child,
-.wp-block-page-list > .wp-block-pages-list__item:last-child,
-.wp-block-navigation__container > .wp-block-navigation-link:last-child {
-  margin-right: 0;
+.wp-block-navigation .wp-block-page-list,
+.wp-block-navigation__container {
+  gap: 0.5em 2em;
 }
 
-.wp-block-navigation:where(.has-background) .wp-block-page-list,
-.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item,
-.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link {
-  margin: 0 0.5em 0 0;
-}
-.wp-block-navigation:where(.has-background) .wp-block-page-list:last-child,
-.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item:last-child,
-.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link:last-child {
-  margin: 0;
+.wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
+.wp-block-navigation:where(.has-background) .wp-block-navigation__container {
+  gap: 0 0.5em;
 }
 
 /**
@@ -1578,46 +1731,30 @@ ul.has-background {
   padding: 0.5em 1em;
 }
 
-.wp-block-navigation :where(.submenu-container, .wp-block-navigation-link__container) a {
+.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
   padding: 0.5em 1em;
 }
 
 /**
  * Justifications.
  */
-.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container,
-.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,
-.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container,
-.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,
-.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {
-  left: auto;
-  right: 0;
-}
-.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .submenu-container,
-.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .submenu-container,
-.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,
-.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,
-.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .submenu-container,
-.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .submenu-container,
-.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,
-.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,
-.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,
-.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
-  left: auto;
-  right: 100%;
+@media (min-width: 782px) {
+  .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
+    left: auto;
+    right: 0;
+  }
+  .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
+    left: auto;
+    right: 100%;
+  }
 }
-
-.wp-block-navigation:not(.has-background) .submenu-container,
-.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {
+.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
   background-color: #fff;
   color: #000;
   border: 1px solid rgba(0, 0, 0, 0.15);
@@ -1630,40 +1767,57 @@ ul.has-background {
   padding-left: 0;
   display: flex;
   flex-wrap: wrap;
+  flex: 1;
 }
 .wp-block-navigation__container .is-responsive {
   display: none;
 }
+
+.is-vertical .wp-block-page-list,
 .is-vertical .wp-block-navigation__container {
-  display: block;
+  display: flex;
   flex-direction: column;
   align-items: flex-start;
 }
 
+.items-justified-center .wp-block-page-list,
 .items-justified-center .wp-block-navigation__container {
   justify-content: center;
 }
 
+.items-justified-right .wp-block-page-list,
 .items-justified-right .wp-block-navigation__container {
   justify-content: flex-end;
 }
 
+.items-justified-space-between .wp-block-navigation__responsive-container-content,
 .items-justified-space-between .wp-block-navigation__container {
+  display: flex;
   justify-content: space-between;
+  flex: 1;
 }
 
-.is-vertical.items-justified-center > ul {
+.is-vertical.items-justified-center {
+  align-items: center;
+}
+.is-vertical.items-justified-center .wp-block-navigation-item {
+  justify-content: center;
+}
+.is-vertical.items-justified-center .wp-block-page-list,
+.is-vertical.items-justified-center .wp-block-navigation__container {
   align-items: center;
 }
 
-.is-vertical.items-justified-right > ul {
+.is-vertical.items-justified-right {
   align-items: flex-end;
 }
-.is-vertical.items-justified-right > ul .wp-block-navigation-link,
-.is-vertical.items-justified-right > ul .wp-block-pages-list__item {
-  margin-right: 0;
+.is-vertical.items-justified-right .wp-block-navigation-item {
   justify-content: flex-end;
 }
+.is-vertical.items-justified-right .wp-block-page-list,
+.is-vertical.items-justified-right .wp-block-navigation__container {
+  align-items: flex-end;
+}
 
 /**
  * Mobile menu.
@@ -1684,40 +1838,82 @@ ul.has-background {
   flex-direction: column;
   overflow: auto;
   z-index: 100000;
-  padding: 24px;
+  padding: 72px 24px 24px 24px;
   background-color: inherit;
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
   display: flex;
   flex-direction: column;
-  margin-left: auto;
-  margin-right: auto;
-  align-items: flex-start;
-  line-height: 48px;
   padding: 0;
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
+  display: none;
+}
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
+  opacity: 1;
+  visibility: visible;
+  height: auto;
+  width: auto;
+  overflow: initial;
+  min-width: 200px;
+  position: static;
+  border: none;
+  padding-left: 32px;
+}
+.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
+.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
+  padding-left: 0;
+  padding-right: 32px;
+}
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
+  gap: 2rem;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content :where(.wp-block-navigation__submenu-container) a {
+  padding: 0;
+}
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
   flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
+.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
+.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
+  align-items: flex-end;
+}
+.items-justified-center .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
+.items-justified-center .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
+.items-justified-center .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
+  align-items: center;
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
   color: inherit !important;
   background: transparent !important;
 }
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
+  right: auto;
+  left: auto;
+}
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container:not(.is-menu-open) {
     display: flex;
     flex-direction: row;
+    width: 100%;
     position: relative;
+    z-index: 2;
     background-color: inherit;
   }
   .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
     display: none;
   }
-  .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {
+  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
     left: 0;
   }
 }
@@ -1785,24 +1981,6 @@ ul.has-background {
   height: 100%;
 }
 
-.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,
-.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {
-  display: none;
-}
-.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,
-.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {
-  position: relative;
-  opacity: 1;
-  visibility: visible;
-  padding: 0 0 0 32px;
-  border: none;
-}
-.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,
-.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
 html.has-modal-open {
   overflow: hidden;
 }
@@ -1812,6 +1990,26 @@ html.has-modal-open {
   overflow-wrap: break-word;
 }
 
+.wp-block-navigation-submenu {
+  position: relative;
+  display: flex;
+}
+.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
+  stroke: currentColor;
+}
+
+button.wp-block-navigation-item__content {
+  background-color: transparent;
+  border: none;
+  color: currentColor;
+  font-size: inherit;
+  font-family: inherit;
+}
+
+.wp-block-navigation-submenu__toggle {
+  cursor: pointer;
+}
+
 .wp-block-navigation .wp-block-home-link__content {
   color: inherit;
   display: block;
@@ -1846,19 +2044,13 @@ html.has-modal-open {
   flex-wrap: wrap;
   background-color: inherit;
 }
-.wp-block-navigation .wp-block-pages-list__item {
+.wp-block-navigation .wp-block-navigation-item {
   background-color: inherit;
 }
-.wp-block-navigation .wp-block-page-list__submenu-icon {
-  display: none;
-}
-.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {
-  display: inline-block;
-}
 
 .is-vertical .wp-block-navigation__container .wp-block-page-list,
 .is-open .wp-block-navigation__container .wp-block-page-list {
-  display: block;
+  display: flex;
 }
 
 @media (min-width: 480px) {
@@ -1897,6 +2089,10 @@ html.has-modal-open {
   font-style: normal;
 }
 
+p {
+  overflow-wrap: break-word;
+}
+
 p.has-drop-cap.has-background {
   overflow: hidden;
 }
@@ -1905,7 +2101,7 @@ p.has-background {
   padding: 1.25em 2.375em;
 }
 
-p.has-text-color a {
+:where(p.has-text-color:not(.has-link-color)) a {
   color: inherit;
 }
 
@@ -2028,6 +2224,7 @@ p.has-text-color a {
   margin: 0 0 1em 0;
   padding: 3em 0;
   text-align: center;
+  overflow-wrap: break-word;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,
@@ -2088,6 +2285,8 @@ p.has-text-color a {
 
 .wp-block-post-template,
 .wp-block-query-loop {
+  margin-top: 0;
+  margin-bottom: 0;
   max-width: 100%;
   list-style: none;
   padding: 0;
@@ -2154,15 +2353,9 @@ p.has-text-color a {
   }
 }
 
-.wp-block-query-pagination {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
 .wp-block-query-pagination > .wp-block-query-pagination-next,
 .wp-block-query-pagination > .wp-block-query-pagination-previous,
 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  display: inline-block;
   /*rtl:ignore*/
   margin-right: 0.5em;
   margin-bottom: 0.5em;
@@ -2173,7 +2366,27 @@ p.has-text-color a {
   /*rtl:ignore*/
   margin-right: 0;
 }
+.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
+  margin-right: 1ch;
+  display: inline-block;
+}
+.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl:scaleX(-1);*/;
+}
+.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
+  margin-left: 1ch;
+  display: inline-block;
+}
+.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl:scaleX(-1);*/;
+}
+.wp-block-query-pagination.aligncenter {
+  justify-content: center;
+}
 
+.wp-block-quote {
+  overflow-wrap: break-word;
+}
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
   margin-bottom: 1em;
   padding: 0 1em;
@@ -2335,8 +2548,6 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-social-links {
-  display: flex;
-  flex-wrap: wrap;
   padding-left: 0;
   padding-right: 0;
   text-indent: 0;
@@ -2348,9 +2559,6 @@ ul.wp-block-rss.is-grid li {
   border-bottom: 0;
   box-shadow: none;
 }
-.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
-  margin: 4px 8px 4px 0;
-}
 .wp-block-social-links .wp-social-link a {
   padding: 0.25em;
 }
@@ -2854,6 +3062,7 @@ pre.wp-block-verse {
 }
 
 .wp-block-post-featured-image {
+  line-height: 0;
   margin-left: 0;
   margin-right: 0;
 }
@@ -2870,135 +3079,34 @@ pre.wp-block-verse {
 }
 
 :root {
+  /*
+   * Our classes uses the same values we set for gradient value attributes,
+   * and we can not use spacing because of WP multi site kses rule.
+   */
   /* stylelint-disable function-comma-space-after */
   /* stylelint-enable function-comma-space-after */
 }
-:root .has-pale-pink-background-color {
-  background-color: #f78da7;
-}
-:root .has-vivid-red-background-color {
-  background-color: #cf2e2e;
-}
-:root .has-luminous-vivid-orange-background-color {
-  background-color: #ff6900;
-}
-:root .has-luminous-vivid-amber-background-color {
-  background-color: #fcb900;
-}
-:root .has-light-green-cyan-background-color {
-  background-color: #7bdcb5;
-}
-:root .has-vivid-green-cyan-background-color {
-  background-color: #00d084;
-}
-:root .has-pale-cyan-blue-background-color {
-  background-color: #8ed1fc;
-}
-:root .has-vivid-cyan-blue-background-color {
-  background-color: #0693e3;
-}
-:root .has-vivid-purple-background-color {
-  background-color: #9b51e0;
-}
-:root .has-white-background-color {
-  background-color: #fff;
-}
 :root .has-very-light-gray-background-color {
   background-color: #eee;
 }
-:root .has-cyan-bluish-gray-background-color {
-  background-color: #abb8c3;
-}
 :root .has-very-dark-gray-background-color {
   background-color: #313131;
 }
-:root .has-black-background-color {
-  background-color: #000;
-}
-:root .has-pale-pink-color {
-  color: #f78da7;
-}
-:root .has-vivid-red-color {
-  color: #cf2e2e;
-}
-:root .has-luminous-vivid-orange-color {
-  color: #ff6900;
-}
-:root .has-luminous-vivid-amber-color {
-  color: #fcb900;
-}
-:root .has-light-green-cyan-color {
-  color: #7bdcb5;
-}
-:root .has-vivid-green-cyan-color {
-  color: #00d084;
-}
-:root .has-pale-cyan-blue-color {
-  color: #8ed1fc;
-}
-:root .has-vivid-cyan-blue-color {
-  color: #0693e3;
-}
-:root .has-vivid-purple-color {
-  color: #9b51e0;
-}
-:root .has-white-color {
-  color: #fff;
-}
 :root .has-very-light-gray-color {
   color: #eee;
 }
-:root .has-cyan-bluish-gray-color {
-  color: #abb8c3;
-}
 :root .has-very-dark-gray-color {
   color: #313131;
 }
-:root .has-black-color {
-  color: #000;
-}
-:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
-  background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);
-}
 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
   background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);
 }
-:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
-  background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
-}
-:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
-  background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);
-}
-:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
-  background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);
-}
-:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
-  background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);
-}
-:root .has-cool-to-warm-spectrum-gradient-background {
-  background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
-}
-:root .has-blush-light-purple-gradient-background {
-  background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
-}
-:root .has-blush-bordeaux-gradient-background {
-  background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
-}
 :root .has-purple-crush-gradient-background {
   background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
 }
-:root .has-luminous-dusk-gradient-background {
-  background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
-}
 :root .has-hazy-dawn-gradient-background {
   background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);
 }
-:root .has-pale-ocean-gradient-background {
-  background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
-}
-:root .has-electric-grass-gradient-background {
-  background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
-}
 :root .has-subdued-olive-gradient-background {
   background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);
 }