@wordpress/editor 14.33.3 → 14.34.0

package/build-style/style-rtl.css

@@ -391,7 +391,7 @@
 
 .interface-complementary-area h2 {
   font-size: 13px;
-  font-weight: 500;
+  font-weight: 499;
   color: #1e1e1e;
   margin-bottom: 1.5em;
 }
@@ -399,7 +399,7 @@
 .interface-complementary-area h3 {
   font-size: 11px;
   text-transform: uppercase;
-  font-weight: 500;
+  font-weight: 499;
   color: #1e1e1e;
   margin-bottom: 1.5em;
 }
@@ -686,6 +686,2829 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   gap: 8px;
 }
 
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+ * Typography
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+@media (min-width: 782px) {
+  .font-library-modal.font-library-modal {
+    width: 65vw;
+  }
+}
+.font-library-modal .components-modal__header {
+  border-bottom: none;
+}
+
+.font-library-modal .components-modal__content {
+  padding-top: 0;
+  margin-bottom: 70px;
+}
+
+.font-library-modal .font-library-modal__subtitle {
+  text-transform: uppercase;
+  font-weight: 499;
+  font-size: 11px;
+}
+
+.font-library-modal .components-navigator-screen {
+  padding: 3px;
+}
+
+.font-library-modal__tabpanel-layout {
+  margin-top: 32px;
+}
+
+.font-library-modal__tabpanel-layout .font-library-modal__loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  position: absolute;
+  right: 0;
+  top: 0;
+  align-items: center;
+  justify-content: center;
+  padding-top: 124px;
+}
+
+.font-library-modal__footer {
+  border-top: 1px solid #ddd;
+  margin: 0 -32px -32px;
+  padding: 16px 32px;
+  position: absolute;
+  bottom: 32px;
+  width: 100%;
+  height: 70px;
+  background-color: #fff;
+}
+
+.font-library-modal__category-select {
+  min-width: 40%;
+}
+
+.font-library-modal__page-selection {
+  font-size: 11px;
+  font-weight: 499;
+  text-transform: uppercase;
+}
+
+@media (min-width: 600px) {
+  .font-library-modal__page-selection .font-library-modal__page-selection-trigger {
+    font-size: 11px !important;
+    font-weight: 499;
+  }
+}
+.font-library-modal__fonts-title {
+  text-transform: uppercase;
+  font-size: 11px;
+  font-weight: 600;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.font-library-modal__fonts-list {
+  list-style: none;
+  padding: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.font-library-modal__fonts-list-item {
+  margin-bottom: 0;
+}
+
+.font-library-modal__font-card {
+  border: 1px solid #ddd;
+  width: 100%;
+  height: auto !important;
+  padding: 16px;
+  margin-top: -1px; /* To collapse the margin with the previous element */
+  background-color: #f0f0f0;
+}
+
+.font-library-modal__font-card:hover {
+  background-color: #f0f0f0;
+}
+
+.font-library-modal__font-card .font-library-modal__font-card__name {
+  font-weight: bold;
+}
+
+.font-library-modal__font-card .font-library-modal__font-card__count {
+  color: #757575;
+}
+
+.font-library-modal__font-card .font-library-modal__font-variant_demo-image {
+  display: block;
+  height: 24px;
+  width: auto;
+}
+
+.font-library-modal__font-card .font-library-modal__font-variant_demo-text {
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+@media not (prefers-reduced-motion) {
+  .font-library-modal__font-card .font-library-modal__font-variant_demo-text {
+    transition: opacity 0.3s ease-in-out;
+  }
+}
+.font-library-modal__tablist-container {
+  position: sticky;
+  top: 0;
+  border-bottom: 1px solid #ddd;
+  background: #fff;
+  margin: 0 -32px;
+  padding: 0 16px;
+  z-index: 1;
+}
+
+.font-library-modal__tablist-container [role=tablist] {
+  margin-bottom: -1px;
+}
+
+.font-library-modal__upload-area {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  height: 256px !important;
+  width: 100%;
+}
+
+button.font-library-modal__upload-area {
+  background-color: #f0f0f0;
+}
+
+.font-library-modal__local-fonts {
+  margin: 0 auto;
+  width: 80%;
+}
+
+.font-library-modal__local-fonts .font-library-modal__upload-area__text {
+  color: #757575;
+}
+
+.font-library__google-fonts-confirm {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 64px;
+}
+
+.font-library__google-fonts-confirm p {
+  line-height: 1.4;
+}
+
+.font-library__google-fonts-confirm h2 {
+  font-size: 1.2rem;
+  font-weight: 400;
+}
+
+.font-library__google-fonts-confirm .components-card {
+  padding: 16px;
+  width: 400px;
+}
+
+.font-library__google-fonts-confirm .components-button {
+  width: 100%;
+  justify-content: center;
+}
+
+.font-library-modal__select-all {
+  padding: 16px 17px 16px 16px;
+}
+
+.font-library-modal__select-all .components-checkbox-control__label {
+  padding-right: 16px;
+}
+
+.global-styles-ui-pagination .components-button.is-tertiary {
+  width: 32px;
+  height: 32px;
+  justify-content: center;
+}
+
+.global-styles-ui-screen-revisions__revisions-list {
+  list-style: none;
+  margin: 0 16px 16px 16px;
+  flex-grow: 1;
+}
+
+.global-styles-ui-screen-revisions__revisions-list li {
+  margin-bottom: 0;
+}
+
+.global-styles-ui-screen-revisions__revision-item {
+  position: relative;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+}
+
+.global-styles-ui-screen-revisions__revision-item[role=option]:active, .global-styles-ui-screen-revisions__revision-item[role=option]:focus {
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+
+.global-styles-ui-screen-revisions__revision-item:hover {
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+}
+
+.global-styles-ui-screen-revisions__revision-item:hover .global-styles-ui-screen-revisions__date {
+  color: var(--wp-admin-theme-color);
+}
+
+.global-styles-ui-screen-revisions__revision-item::before, .global-styles-ui-screen-revisions__revision-item::after {
+  position: absolute;
+  content: "\a";
+  display: block;
+}
+
+.global-styles-ui-screen-revisions__revision-item::before {
+  background: #ddd;
+  border-radius: 50%;
+  height: 8px;
+  width: 8px;
+  top: 18px;
+  right: 17px;
+  transform: translate(50%, -50%);
+  z-index: 1;
+  border: 4px solid transparent;
+}
+
+.global-styles-ui-screen-revisions__revision-item[aria-selected=true] {
+  border-radius: 2px;
+  outline: 3px solid transparent;
+  outline-offset: -2px;
+  color: var(--wp-admin-theme-color);
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+}
+
+.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__date {
+  color: var(--wp-admin-theme-color);
+}
+
+.global-styles-ui-screen-revisions__revision-item[aria-selected=true]::before {
+  background: var(--wp-admin-theme-color);
+}
+
+.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__changes > li,
+.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__meta,
+.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__applied-text {
+  color: #1e1e1e;
+}
+
+.global-styles-ui-screen-revisions__revision-item::after {
+  height: 100%;
+  right: 16px;
+  top: 0;
+  width: 0;
+  border: 0.5px solid #ddd;
+}
+
+.global-styles-ui-screen-revisions__revision-item:first-child::after {
+  top: 18px;
+}
+
+.global-styles-ui-screen-revisions__revision-item:last-child::after {
+  height: 18px;
+}
+
+.global-styles-ui-screen-revisions__revision-item-wrapper {
+  display: block;
+  padding: 12px 40px 4px 12px;
+}
+
+.global-styles-ui-screen-revisions__apply-button.is-primary,
+.global-styles-ui-screen-revisions__applied-text {
+  align-self: flex-start;
+  margin: 4px 40px 12px 12px;
+}
+
+.global-styles-ui-screen-revisions__changes,
+.global-styles-ui-screen-revisions__meta,
+.global-styles-ui-screen-revisions__applied-text {
+  color: #757575;
+  font-size: 12px;
+}
+
+.global-styles-ui-screen-revisions__description {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+}
+
+.global-styles-ui-screen-revisions__description .global-styles-ui-screen-revisions__date {
+  text-transform: uppercase;
+  font-weight: 600;
+  font-size: 12px;
+}
+
+.global-styles-ui-screen-revisions__meta {
+  display: flex;
+  justify-content: start;
+  width: 100%;
+  align-items: flex-start;
+  text-align: right;
+  margin-bottom: 4px;
+}
+
+.global-styles-ui-screen-revisions__meta img {
+  width: 16px;
+  height: 16px;
+  border-radius: 100%;
+  margin-left: 8px;
+}
+
+.global-styles-ui-screen-revisions__loading {
+  margin: 24px auto !important;
+}
+
+.global-styles-ui-screen-revisions__changes {
+  text-align: right;
+  line-height: 1.4;
+  margin-right: 12px;
+  list-style: disc;
+}
+
+.global-styles-ui-screen-revisions__changes li {
+  margin-bottom: 4px;
+}
+
+.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination {
+  justify-content: space-between;
+  gap: 2px;
+}
+
+.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .edit-site-pagination__total {
+  position: absolute;
+  right: -1000px;
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+}
+
+.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-text {
+  font-size: 12px;
+  will-change: opacity;
+}
+
+.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary {
+  color: #1e1e1e;
+}
+
+.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary:disabled,
+.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary[aria-disabled=true] {
+  color: #949494;
+}
+
+.global-styles-ui-screen-revisions__footer {
+  height: 56px;
+  z-index: 1;
+  position: sticky;
+  min-width: 100%;
+  bottom: 0;
+  background: #fff;
+  padding: 12px;
+  border-top: 1px solid #ddd;
+}
+
+.global-styles-ui-variations_item {
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
+  border-radius: 2px;
+  outline: 1px solid rgba(0, 0, 0, 0.1);
+  outline-offset: -1px;
+  overflow: hidden;
+  position: relative;
+}
+
+@media not (prefers-reduced-motion) {
+  .global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
+    transition: outline 0.1s linear;
+  }
+}
+.global-styles-ui-variations_item .global-styles-ui-variations_item-preview.is-pill {
+  height: 32px;
+}
+
+.global-styles-ui-variations_item .global-styles-ui-variations_item-preview.is-pill .block-editor-iframe__scale-container {
+  overflow: hidden;
+}
+
+.global-styles-ui-variations_item:not(.is-active):hover .global-styles-ui-variations_item-preview {
+  outline-color: rgba(0, 0, 0, 0.3);
+}
+
+.global-styles-ui-variations_item.is-active .global-styles-ui-variations_item-preview, .global-styles-ui-variations_item:focus-visible .global-styles-ui-variations_item-preview {
+  outline-color: #1e1e1e;
+  outline-offset: 1px;
+  outline-width: var(--wp-admin-border-width-focus);
+}
+
+.global-styles-ui-variations_item:focus-visible .global-styles-ui-variations_item-preview {
+  outline-color: var(--wp-admin-theme-color);
+}
+
+.global-styles-ui-preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.global-styles-ui-preview__wrapper {
+  max-width: 100%;
+  display: block;
+  width: 100%;
+}
+
+.global-styles-ui-typography-preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100px;
+  margin-bottom: 20px;
+  background: #f0f0f0;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.global-styles-ui-font-size__item {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  line-break: anywhere;
+}
+
+.global-styles-ui-font-size__item-value {
+  color: #757575;
+}
+
+.global-styles-ui-screen {
+  margin: 12px 16px 16px;
+}
+
+.global-styles-ui-screen-typography__indicator {
+  height: 24px;
+  width: 24px;
+  font-size: 14px;
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
+}
+
+.global-styles-ui-block-types-search {
+  margin-bottom: 10px;
+  padding: 0 20px;
+}
+
+.global-styles-ui-screen-typography__font-variants-count {
+  color: #757575;
+}
+
+.global-styles-ui-font-families__manage-fonts {
+  justify-content: center;
+}
+
+.global-styles-ui-screen .color-block-support-panel {
+  padding-right: 0;
+  padding-left: 0;
+  padding-top: 0;
+  border-top: none;
+  row-gap: 12px;
+}
+
+.global-styles-ui-header__description {
+  padding: 0 16px;
+}
+
+.global-styles-ui-header {
+  margin-bottom: 0 !important;
+}
+
+.global-styles-ui-subtitle {
+  margin-bottom: 0 !important;
+  text-transform: uppercase;
+  font-weight: 499 !important;
+  font-size: 11px !important;
+}
+
+.global-styles-ui-section-title {
+  color: #2f2f2f;
+  font-weight: 600;
+  line-height: 1.2;
+  padding: 16px 16px 0;
+  margin: 0;
+}
+
+.global-styles-ui-icon-with-current-color {
+  fill: currentColor;
+}
+
+.global-styles-ui__color-indicator-wrapper {
+  height: 24px;
+  flex-shrink: 0;
+}
+
+.global-styles-ui__shadows-panel__options-container,
+.global-styles-ui__typography-panel__options-container {
+  height: 24px;
+}
+
+.global-styles-ui__block-preview-panel {
+  position: relative;
+  width: 100%;
+  border: #ddd 1px solid;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.global-styles-ui__shadow-preview-panel {
+  height: 144px;
+  border: #ddd 1px solid;
+  border-radius: 2px;
+  overflow: auto;
+  background-image: repeating-linear-gradient(-45deg, #f5f5f5 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #f5f5f5 0, #f5f5f5), repeating-linear-gradient(-45deg, #f5f5f5 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #f5f5f5 0, #f5f5f5);
+  background-position: 100% 0, right 8px top 8px;
+  background-size: 16px 16px;
+}
+
+.global-styles-ui__shadow-preview-panel .global-styles-ui__shadow-preview-block {
+  border: #ddd 1px solid;
+  border-radius: 2px;
+  background-color: #fff;
+  width: 60%;
+  height: 60px;
+}
+
+.global-styles-ui__shadow-editor__dropdown-content {
+  width: 280px;
+}
+
+.global-styles-ui__shadow-editor-panel {
+  margin-bottom: 4px;
+}
+
+.global-styles-ui__shadow-editor__dropdown {
+  width: 100%;
+  position: relative;
+}
+
+.global-styles-ui__shadow-editor__dropdown-toggle {
+  width: 100%;
+  height: auto;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  text-align: right;
+  border-radius: inherit;
+}
+
+.global-styles-ui__shadow-editor__dropdown-toggle.is-open {
+  background: #f0f0f0;
+  color: var(--wp-admin-theme-color);
+}
+
+.global-styles-ui__shadow-editor__remove-button {
+  position: absolute;
+  left: 8px;
+  top: 8px;
+  opacity: 0;
+}
+
+.global-styles-ui__shadow-editor__remove-button.global-styles-ui__shadow-editor__remove-button {
+  border: none;
+}
+
+.global-styles-ui__shadow-editor__dropdown-toggle:hover + .global-styles-ui__shadow-editor__remove-button, .global-styles-ui__shadow-editor__remove-button:focus, .global-styles-ui__shadow-editor__remove-button:hover {
+  opacity: 1;
+}
+
+@media (hover: none) {
+  .global-styles-ui__shadow-editor__remove-button {
+    opacity: 1;
+  }
+}
+.global-styles-ui-screen-css {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  margin: 16px;
+}
+
+.global-styles-ui-screen-css .components-v-stack {
+  flex: 1 1 auto;
+}
+
+.global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input {
+  flex: 1 1 auto;
+  direction: ltr;
+}
+
+.global-styles-ui-screen-css-help-link {
+  display: inline-block;
+  margin-top: 8px;
+}
+
+.global-styles-ui-screen-variations {
+  margin-top: 16px;
+  border-top: 1px solid #ddd;
+}
+
+.global-styles-ui-screen-variations > * {
+  margin: 24px 16px;
+}
+
+.global-styles-ui-sidebar__navigator-provider {
+  height: 100%;
+}
+
+.global-styles-ui-sidebar__navigator-screen {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.global-styles-ui-sidebar__navigator-screen .single-column {
+  grid-column: span 1;
+}
+
+.global-styles-ui-screen-root.global-styles-ui-screen-root,
+.global-styles-ui-screen-style-variations.global-styles-ui-screen-style-variations {
+  background: unset;
+  color: inherit;
+}
+
+.global-styles-ui-sidebar__panel .block-editor-block-icon svg {
+  fill: currentColor;
+}
+
+.global-styles-ui-screen-root__active-style-tile.global-styles-ui-screen-root__active-style-tile, .global-styles-ui-screen-root__active-style-tile.global-styles-ui-screen-root__active-style-tile .global-styles-ui-screen-root__active-style-tile-preview {
+  border-radius: 2px;
+}
+
+.global-styles-ui-color-palette-panel,
+.global-styles-ui-gradient-palette-panel {
+  padding: 16px;
+}
+
+.components-navigator-screen {
+  padding: 12px;
+}
+
+/**
+ * Colors
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+ * Typography
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.dataviews-wrapper,
+.dataviews-picker-wrapper {
+  height: 100%;
+  overflow: auto;
+  box-sizing: border-box;
+  scroll-padding-bottom: 64px;
+  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
+  container: dataviews-wrapper/inline-size;
+  display: flex;
+  flex-direction: column;
+  font-size: 13px;
+  line-height: 1.4;
+}
+
+.dataviews__view-actions,
+.dataviews-filters__container {
+  box-sizing: border-box;
+  padding: 16px 48px;
+  flex-shrink: 0;
+  position: sticky;
+  right: 0;
+}
+
+@media not (prefers-reduced-motion) {
+  .dataviews__view-actions,
+  .dataviews-filters__container {
+    transition: padding ease-out 0.1s;
+  }
+}
+.dataviews-no-results,
+.dataviews-loading {
+  padding: 0 48px;
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@media not (prefers-reduced-motion) {
+  .dataviews-no-results,
+  .dataviews-loading {
+    transition: padding ease-out 0.1s;
+  }
+}
+.dataviews-loading-more {
+  text-align: center;
+}
+
+@container (max-width: 430px) {
+  .dataviews__view-actions,
+  .dataviews-filters__container {
+    padding: 12px 24px;
+  }
+  .dataviews-no-results,
+  .dataviews-loading {
+    padding-right: 24px;
+    padding-left: 24px;
+  }
+}
+.dataviews-title-field {
+  font-size: 13px;
+  font-weight: 499;
+  color: #2f2f2f;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.dataviews-title-field a {
+  text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
+  flex-grow: 0;
+  color: #2f2f2f;
+}
+
+.dataviews-title-field a:hover {
+  color: var(--wp-admin-theme-color);
+}
+
+.dataviews-title-field a:focus {
+  color: var(--wp-admin-theme-color--rgb);
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
+  border-radius: 2px;
+}
+
+.dataviews-title-field button.components-button.is-link {
+  text-decoration: none;
+  font-weight: inherit;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
+  width: 100%;
+  color: #1e1e1e;
+}
+
+.dataviews-title-field button.components-button.is-link:hover {
+  color: var(--wp-admin-theme-color);
+}
+
+.dataviews-title-field--clickable {
+  cursor: pointer;
+  color: #2f2f2f;
+}
+
+.dataviews-title-field--clickable:hover {
+  color: var(--wp-admin-theme-color);
+}
+
+.dataviews-title-field--clickable:focus {
+  color: var(--wp-admin-theme-color--rgb);
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
+  border-radius: 2px;
+}
+
+/**
+ * Applying a consistent 24px padding when DataViews are placed within cards.
+ */
+.components-card__body:has(> .dataviews-wrapper),
+.components-card__body:has(> .dataviews-picker-wrapper) {
+  padding: 8px 0 0;
+  overflow: hidden;
+}
+
+.components-card__body:has(> .dataviews-wrapper) .dataviews__view-actions,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-filters__container,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-footer,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-grid,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-loading,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-no-results,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews__view-actions,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-filters__container,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-footer,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-grid,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-loading,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-no-results {
+  padding-inline: 24px;
+}
+
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:first-child,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:first-child,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:first-child {
+  padding-inline-start: 24px;
+}
+
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:last-child,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:last-child,
+.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:last-child {
+  padding-inline-end: 24px;
+}
+
+.dataviews-bulk-actions-footer__item-count {
+  color: #1e1e1e;
+  font-weight: 499;
+  font-size: 11px;
+  text-transform: uppercase;
+}
+
+.dataviews-bulk-actions-footer__container {
+  margin-left: auto;
+  min-height: 32px;
+}
+
+.dataviews-filters__button {
+  position: relative;
+}
+
+.dataviews-filters__container {
+  padding-top: 0;
+}
+
+.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover {
+  opacity: 0;
+}
+
+.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus {
+  opacity: 1;
+}
+
+.dataviews-filters__summary-popover {
+  font-size: 13px;
+  line-height: 1.4;
+}
+
+.dataviews-filters__summary-popover .components-popover__content {
+  width: 100%;
+  min-width: 230px;
+  max-width: 250px;
+  border-radius: 4px;
+}
+
+.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content {
+  padding: 0;
+}
+
+.dataviews-filters__summary-operators-container {
+  padding: 8px 16px;
+}
+
+.dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-no-elements), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__user-input-widget) {
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.dataviews-filters__summary-operators-container:empty {
+  display: none;
+}
+
+.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
+  color: #757575;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 0; /* Prevents this element from shrinking */
+  max-width: calc(100% - 55px);
+}
+
+.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select {
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.dataviews-filters__summary-chip-container {
+  position: relative;
+  white-space: pre-wrap;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
+  border-radius: 16px;
+  border: 1px solid transparent;
+  cursor: pointer;
+  padding: 4px 12px;
+  min-height: 32px;
+  background: #f0f0f0;
+  color: #2f2f2f;
+  position: relative;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable {
+  cursor: default;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
+  padding-inline-end: 28px;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] {
+  background: #e0e0e0;
+  color: #1e1e1e;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
+  color: var(--wp-admin-theme-color);
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true] {
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.12);
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
+  font-weight: 499;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  border: 0;
+  padding: 0;
+  position: absolute;
+  left: 4px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  cursor: pointer;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
+  fill: #757575;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
+  background: #e0e0e0;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
+  fill: #1e1e1e;
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
+  fill: var(--wp-admin-theme-color);
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+}
+
+.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+
+.dataviews-filters__search-widget-filter-combobox-list {
+  max-height: 184px;
+  padding: 4px;
+  overflow: auto;
+  border-top: 1px solid #e0e0e0;
+}
+
+.dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] {
+  font-weight: 600;
+}
+
+.dataviews-filters__search-widget-listbox {
+  padding: 4px;
+  overflow: auto;
+}
+
+.dataviews-filters__search-widget-listitem {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border-radius: 2px;
+  box-sizing: border-box;
+  padding: 4px 12px;
+  cursor: default;
+  min-height: 32px;
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.dataviews-filters__search-widget-listitem:last-child {
+  margin-block-end: 0;
+}
+
+.dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
+  background-color: var(--wp-admin-theme-color);
+  color: #fff;
+}
+
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description {
+  color: #fff;
+}
+
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
+  border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
+  background: #fff;
+}
+
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected {
+  border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
+  background: var(--wp-admin-theme-color-darker-20, #183ad6);
+}
+
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection {
+  border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
+}
+
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
+  border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
+  background: var(--wp-admin-theme-color-darker-20, #183ad6);
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 12px;
+  line-height: 16px;
+  color: #757575;
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
+  border: 1px solid #1e1e1e;
+  margin-left: 12px;
+  transition: none;
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  max-width: 24px;
+  position: relative;
+}
+
+@media not (prefers-reduced-motion) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
+    transition: box-shadow 0.1s linear;
+  }
+}
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    max-width: 16px;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
+  box-sizing: inherit;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+  margin: 0;
+  background-color: #fff;
+  border: 4px solid #fff;
+}
+
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
+    width: 8px;
+    height: 8px;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:focus {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked {
+  background: var(--wp-admin-theme-color);
+  border: none;
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
+  margin: 0;
+  padding: 0;
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
+  background: var(--wp-admin-theme-color, #3858e9);
+  border-color: var(--wp-admin-theme-color, #3858e9);
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
+  content: "";
+  border-radius: 50%;
+  box-sizing: inherit;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+  margin: 0;
+  background-color: #fff;
+  border: 4px solid #fff;
+}
+
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
+    width: 8px;
+    height: 8px;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+  --checkbox-size: 24px;
+  border: 1px solid #1e1e1e;
+  margin-left: 12px;
+  transition: none;
+  border-radius: 2px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  padding: 6px 8px;
+  /* Fonts smaller than 16px causes mobile safari to zoom. */
+  font-size: 16px;
+  /* Override core line-height. To be reviewed. */
+  line-height: normal;
+  box-shadow: 0 0 0 transparent;
+  border-radius: 2px;
+  border: 1px solid #949494;
+}
+
+@media not (prefers-reduced-motion) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+    transition: box-shadow 0.1s linear;
+  }
+}
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+    font-size: 13px;
+    /* Override core line-height. To be reviewed. */
+    line-height: normal;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
+  border-color: var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-webkit-input-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:-ms-input-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked {
+  background: var(--wp-admin-theme-color);
+  border-color: var(--wp-admin-theme-color);
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::-ms-check {
+  opacity: 0;
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
+  margin: -3px -5px;
+  color: #fff;
+}
+
+@media (min-width: 782px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
+    margin: -4px -5px 0 0;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed] {
+  background: var(--wp-admin-theme-color);
+  border-color: var(--wp-admin-theme-color);
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
+  content: "\f460";
+  float: right;
+  display: inline-block;
+  vertical-align: middle;
+  width: 16px;
+  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
+  font: normal 30px/1 dashicons;
+  speak: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+@media (min-width: 782px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
+    float: none;
+    font-size: 21px;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true], .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled {
+  background: #f0f0f0;
+  border-color: #ddd;
+  cursor: default;
+  opacity: 1;
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+  position: relative;
+  background: #fff;
+  color: #1e1e1e;
+  margin: 0;
+  padding: 0;
+  width: var(--checkbox-size);
+  height: var(--checkbox-size);
+}
+
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+    --checkbox-size: 16px;
+  }
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+    transition: 0.1s border-color ease-in-out;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
+  background: var(--wp-admin-theme-color, #3858e9);
+  border-color: var(--wp-admin-theme-color, #3858e9);
+}
+
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
+  --checkmark-size: var(--checkbox-size);
+  fill: #fff;
+  position: absolute;
+  right: 50%;
+  top: 50%;
+  transform: translate(50%, -50%);
+  width: var(--checkmark-size);
+  height: var(--checkmark-size);
+}
+
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
+    --checkmark-size: calc(var(--checkbox-size) + 4px);
+  }
+}
+.dataviews-filters__search-widget-filter-combobox__wrapper {
+  position: relative;
+  padding: 8px;
+}
+
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  padding: 6px 8px;
+  /* Fonts smaller than 16px causes mobile safari to zoom. */
+  font-size: 16px;
+  /* Override core line-height. To be reviewed. */
+  line-height: normal;
+  box-shadow: 0 0 0 transparent;
+  border-radius: 2px;
+  border: 1px solid #949494;
+}
+
+@media not (prefers-reduced-motion) {
+  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
+    transition: box-shadow 0.1s linear;
+  }
+}
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
+    font-size: 13px;
+    /* Override core line-height. To be reviewed. */
+    line-height: normal;
+  }
+}
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
+  border-color: var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
+  display: block;
+  padding: 0 32px 0 8px;
+  width: 100%;
+  height: 32px;
+  margin-right: 0;
+  margin-left: 0;
+  /* Fonts smaller than 16px causes mobile safari to zoom. */
+  font-size: 16px;
+}
+
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
+    font-size: 13px;
+  }
+}
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
+  background: #fff;
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
+  color: #757575;
+}
+
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration {
+  -webkit-appearance: none;
+}
+
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon {
+  position: absolute;
+  inset-inline-start: 12px;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+}
+
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
+  transform: scaleX(-1);
+}
+
+.dataviews-filters__container-visibility-toggle {
+  position: relative;
+  flex-shrink: 0;
+}
+
+.dataviews-filters-toggle__count {
+  position: absolute;
+  top: 0;
+  left: 0;
+  transform: translate(-50%, -50%);
+  background: var(--wp-admin-theme-color, #3858e9);
+  height: 16px;
+  min-width: 16px;
+  line-height: 16px;
+  padding: 0 4px;
+  text-align: center;
+  border-radius: 8px;
+  font-size: 11px;
+  outline: var(--wp-admin-border-width-focus) solid #fff;
+  color: #fff;
+  box-sizing: border-box;
+}
+
+.dataviews-search {
+  width: fit-content;
+}
+
+.dataviews-filters__user-input-widget {
+  padding: 16px;
+}
+
+.dataviews-filters__user-input-widget .components-input-control__prefix {
+  padding-right: 8px;
+}
+
+.dataviews-filters__search-widget-no-elements {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+}
+
+.dataviews-footer {
+  position: sticky;
+  bottom: 0;
+  right: 0;
+  background-color: #fff;
+  padding: 12px 48px;
+  border-top: 1px solid #f0f0f0;
+  flex-shrink: 0;
+}
+
+@media not (prefers-reduced-motion) {
+  .dataviews-footer {
+    transition: padding ease-out 0.1s;
+  }
+}
+.dataviews-footer {
+  z-index: 2;
+}
+
+@container (max-width: 430px) {
+  .dataviews-footer {
+    padding: 12px 24px;
+  }
+}
+@container (max-width: 560px) {
+  .dataviews-footer {
+    flex-direction: column !important;
+  }
+  .dataviews-footer .dataviews-bulk-actions-footer__container {
+    width: 100%;
+  }
+  .dataviews-footer .dataviews-bulk-actions-footer__item-count {
+    flex-grow: 1;
+  }
+  .dataviews-footer .dataviews-pagination {
+    width: 100%;
+    justify-content: space-between;
+  }
+}
+.dataviews-pagination__page-select {
+  font-size: 11px;
+  font-weight: 499;
+  text-transform: uppercase;
+}
+
+@media (min-width: 600px) {
+  .dataviews-pagination__page-select .components-select-control__input {
+    font-size: 11px !important;
+    font-weight: 499;
+  }
+}
+.dataviews-action-modal {
+  z-index: 1000001;
+}
+
+.dataviews-picker-footer__bulk-selection {
+  align-self: flex-start;
+  height: 32px;
+}
+
+.dataviews-picker-footer__actions {
+  align-self: flex-end;
+}
+
+.dataviews-selection-checkbox {
+  --checkbox-input-size: 24px;
+}
+
+@media (min-width: 600px) {
+  .dataviews-selection-checkbox {
+    --checkbox-input-size: 16px;
+  }
+}
+.dataviews-selection-checkbox {
+  line-height: 0;
+  flex-shrink: 0;
+}
+
+.dataviews-selection-checkbox .components-checkbox-control__input-container {
+  margin: 0;
+}
+
+.dataviews-view-config {
+  width: 320px;
+  /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
+  container-type: inline-size;
+  font-size: 13px;
+  line-height: 1.4;
+}
+
+.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper {
+  overflow-y: scroll;
+  height: 100%;
+}
+
+.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config {
+  width: auto;
+}
+
+.dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
+  text-transform: uppercase;
+}
+
+.dataviews-settings-section__title.dataviews-settings-section__title {
+  line-height: 24px;
+  font-size: 15px;
+}
+
+.dataviews-settings-section__sidebar {
+  grid-column: span 4;
+}
+
+.dataviews-settings-section__content,
+.dataviews-settings-section__content > * {
+  grid-column: span 8;
+}
+
+.dataviews-settings-section__content .is-divided-in-two {
+  display: contents;
+}
+
+.dataviews-settings-section__content .is-divided-in-two > * {
+  grid-column: span 4;
+}
+
+.dataviews-settings-section:has(.dataviews-settings-section__content:empty) {
+  display: none;
+}
+
+@container (max-width: 500px) {
+  .dataviews-settings-section.dataviews-settings-section {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar {
+    grid-column: span 2;
+  }
+  .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content {
+    grid-column: span 2;
+  }
+}
+.dataviews-field-control__field {
+  height: 32px;
+}
+
+.dataviews-field-control__actions {
+  position: absolute;
+  top: -9999em;
+}
+
+.dataviews-field-control__actions.dataviews-field-control__actions {
+  gap: 4px;
+}
+
+.dataviews-field-control__field:hover .dataviews-field-control__actions,
+.dataviews-field-control__field:focus-within .dataviews-field-control__actions,
+.dataviews-field-control__field.is-interacting .dataviews-field-control__actions {
+  position: unset;
+  top: unset;
+}
+
+.dataviews-field-control__icon {
+  display: flex;
+  width: 24px;
+}
+
+.dataviews-field-control__label-sub-label-container {
+  flex-grow: 1;
+}
+
+.dataviews-field-control__label {
+  display: block;
+}
+
+.dataviews-field-control__sub-label {
+  margin-top: 8px;
+  margin-bottom: 0;
+  font-size: 11px;
+  font-style: normal;
+  color: #757575;
+}
+
+.dataviews-view-grid-items {
+  margin-bottom: auto;
+  display: grid;
+  gap: 32px;
+  grid-template-rows: max-content;
+  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
+  padding: 0 48px 24px;
+  container-type: inline-size;
+  /**
+  	* Breakpoints were adjusted from media queries breakpoints to account for
+  	* the sidebar width. This was done to match the existing styles we had.
+  	*/
+}
+
+@container (max-width: 430px) {
+  .dataviews-view-grid-items {
+    padding-right: 24px;
+    padding-left: 24px;
+  }
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid-items {
+    transition: padding ease-out 0.1s;
+  }
+}
+.dataviews-view-grid .dataviews-view-grid__card {
+  height: 100%;
+  justify-content: flex-start;
+  position: relative;
+}
+
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions {
+  padding: 8px 0 4px;
+}
+
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
+  min-height: 24px;
+  overflow: hidden;
+  align-content: center;
+  text-align: start;
+}
+
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
+  width: fit-content;
+}
+
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+  color: #1e1e1e;
+}
+
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
+  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+}
+
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
+  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
+}
+
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+
+.dataviews-view-grid .dataviews-view-grid__media {
+  width: 100%;
+  aspect-ratio: 1/1;
+  background-color: #fff;
+  border-radius: 4px;
+  overflow: hidden;
+  position: relative;
+}
+
+.dataviews-view-grid .dataviews-view-grid__media img {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.dataviews-view-grid .dataviews-view-grid__media::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  pointer-events: none;
+}
+
+.dataviews-view-grid .dataviews-view-grid__fields {
+  position: relative;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
+  padding: 0 0 12px;
+}
+
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
+  min-height: 24px;
+  line-height: 20px;
+  padding-top: 2px;
+}
+
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
+  min-height: 24px;
+  align-items: center;
+}
+
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
+  width: 35%;
+  color: #757575;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
+  display: none;
+}
+
+.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
+  padding-bottom: 12px;
+}
+
+.dataviews-view-grid__field-value:empty,
+.dataviews-view-grid__field:empty {
+  display: none;
+}
+
+.dataviews-view-grid__card .dataviews-selection-checkbox {
+  position: absolute;
+  top: -9999em;
+  right: 8px;
+  z-index: 1;
+  opacity: 0;
+}
+
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-selection-checkbox {
+    transition: opacity 0.1s linear;
+  }
+}
+@media (hover: none) {
+  .dataviews-view-grid__card .dataviews-selection-checkbox {
+    opacity: 1;
+    top: 8px;
+  }
+}
+.dataviews-view-grid__card:hover .dataviews-selection-checkbox,
+.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
+.dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
+  opacity: 1;
+  top: 8px;
+}
+
+.dataviews-view-grid__card .dataviews-view-grid__media-actions {
+  position: absolute;
+  top: 4px;
+  opacity: 0;
+  left: 4px;
+}
+
+.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
+  background-color: #fff;
+}
+
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    transition: opacity 0.1s linear;
+  }
+}
+@media (hover: none) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    opacity: 1;
+    top: 4px;
+  }
+}
+.dataviews-view-grid__card:hover .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) {
+  opacity: 1;
+}
+
+.dataviews-view-grid__media--clickable {
+  cursor: pointer;
+}
+
+.dataviews-view-grid__group-header {
+  font-size: 15px;
+  font-weight: 499;
+  color: #1e1e1e;
+  margin: 0 0 8px 0;
+  padding: 0 48px;
+  container-type: inline-size;
+}
+
+@container (max-width: 430px) {
+  .dataviews-view-grid__group-header {
+    padding-right: 24px;
+    padding-left: 24px;
+  }
+}
+div.dataviews-view-list {
+  list-style-type: none;
+}
+
+.dataviews-view-list {
+  margin: 0 0 auto;
+}
+
+.dataviews-view-list div[role=row],
+.dataviews-view-list div[role=article] {
+  margin: 0;
+  border-top: 1px solid #f0f0f0;
+}
+
+.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper,
+.dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper {
+  position: relative;
+  padding: 16px 24px;
+  box-sizing: border-box;
+}
+
+.dataviews-view-list div[role=row] .dataviews-view-list__item-actions,
+.dataviews-view-list div[role=article] .dataviews-view-list__item-actions {
+  display: flex;
+  width: max-content;
+  flex: 0 0 auto;
+  gap: 4px;
+}
+
+.dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button,
+.dataviews-view-list div[role=article] .dataviews-view-list__item-actions .components-button {
+  position: relative;
+  z-index: 1;
+}
+
+.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div,
+.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div {
+  height: 24px;
+}
+
+.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
+.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
+  flex: 0;
+  overflow: hidden;
+  width: 0;
+}
+
+.dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child),
+.dataviews-view-list div[role=article]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child) {
+  flex-basis: min-content;
+  width: auto;
+  overflow: unset;
+}
+
+@media (hover: none) {
+  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
+  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
+    flex-basis: min-content;
+    width: auto;
+    overflow: unset;
+  }
+}
+.dataviews-view-list div[role=row].is-selected.is-selected,
+.dataviews-view-list div[role=article].is-selected.is-selected {
+  border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
+}
+
+.dataviews-view-list div[role=row].is-selected.is-selected + div[role=row], .dataviews-view-list div[role=row].is-selected.is-selected + div[role=article],
+.dataviews-view-list div[role=article].is-selected.is-selected + div[role=row],
+.dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] {
+  border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
+}
+
+.dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field,
+.dataviews-view-list div[role=article]:not(.is-selected) .dataviews-view-list__title-field {
+  color: #1e1e1e;
+}
+
+.dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within,
+.dataviews-view-list div[role=article]:not(.is-selected):hover,
+.dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
+.dataviews-view-list div[role=article]:not(.is-selected):focus-within {
+  color: var(--wp-admin-theme-color);
+  background-color: #f8f8f8;
+}
+
+.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields,
+.dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__title-field,
+.dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__fields,
+.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__title-field,
+.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__fields,
+.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__title-field,
+.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__fields {
+  color: var(--wp-admin-theme-color);
+}
+
+.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
+.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
+.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
+.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
+  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+  color: #1e1e1e;
+}
+
+.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
+.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
+.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
+.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
+.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
+.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields {
+  color: var(--wp-admin-theme-color);
+}
+
+.dataviews-view-list .dataviews-view-list__item {
+  position: absolute;
+  z-index: 1;
+  inset: 0;
+  scroll-margin: 8px 0;
+  appearance: none;
+  border: none;
+  background: none;
+  padding: 0;
+  cursor: pointer;
+}
+
+.dataviews-view-list .dataviews-view-list__item:focus-visible {
+  outline: none;
+}
+
+.dataviews-view-list .dataviews-view-list__item:focus-visible::before {
+  position: absolute;
+  content: "";
+  inset: var(--wp-admin-border-width-focus);
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  border-radius: 2px;
+  outline: 2px solid transparent;
+}
+
+.dataviews-view-list .dataviews-view-list__title-field {
+  flex: 1;
+  min-height: 24px;
+  line-height: 24px;
+  overflow: hidden;
+}
+
+.dataviews-view-list .dataviews-view-list__title-field:has(a, button) {
+  z-index: 1;
+}
+
+.dataviews-view-list .dataviews-view-list__media-wrapper {
+  width: 52px;
+  height: 52px;
+  overflow: hidden;
+  position: relative;
+  flex-shrink: 0;
+  background-color: #fff;
+  border-radius: 4px;
+}
+
+.dataviews-view-list .dataviews-view-list__media-wrapper img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.dataviews-view-list .dataviews-view-list__media-wrapper::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+
+.dataviews-view-list .dataviews-view-list__field-wrapper {
+  min-height: 52px;
+  flex-grow: 1;
+}
+
+.dataviews-view-list .dataviews-view-list__fields {
+  color: #757575;
+  display: flex;
+  gap: 12px;
+  row-gap: 4px;
+  flex-wrap: wrap;
+  font-size: 12px;
+}
+
+.dataviews-view-list .dataviews-view-list__fields:empty {
+  display: none;
+}
+
+.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) {
+  display: none;
+}
+
+.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
+  min-height: 24px;
+  line-height: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.dataviews-view-list + .dataviews-pagination {
+  justify-content: space-between;
+}
+
+.dataviews-view-list__group-header {
+  font-size: 15px;
+  font-weight: 499;
+  color: #1e1e1e;
+  margin: 0 0 8px 0;
+  padding: 0 24px;
+}
+
+.dataviews-view-table {
+  width: 100%;
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+  position: relative;
+  color: #757575;
+  margin-bottom: auto;
+}
+
+.dataviews-view-table th {
+  text-align: right;
+  color: #1e1e1e;
+  font-weight: normal;
+  font-size: 13px;
+}
+
+.dataviews-view-table td,
+.dataviews-view-table th {
+  padding: 12px;
+}
+
+.dataviews-view-table td.dataviews-view-table__actions-column,
+.dataviews-view-table th.dataviews-view-table__actions-column {
+  text-align: left;
+}
+
+.dataviews-view-table td.dataviews-view-table__actions-column--sticky,
+.dataviews-view-table th.dataviews-view-table__actions-column--sticky {
+  position: sticky;
+  left: 0;
+  background-color: #fff;
+}
+
+.dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
+.dataviews-view-table th.dataviews-view-table__actions-column--stuck::after {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 1px;
+  background-color: #f0f0f0;
+}
+
+.dataviews-view-table td.dataviews-view-table__checkbox-column,
+.dataviews-view-table th.dataviews-view-table__checkbox-column {
+  padding-left: 0;
+  width: 1%;
+}
+
+.dataviews-view-table td.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper,
+.dataviews-view-table th.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper {
+  max-width: auto;
+  min-width: auto;
+}
+
+.dataviews-view-table tr {
+  border-top: 1px solid #f0f0f0;
+}
+
+.dataviews-view-table tr .dataviews-view-table-header-button {
+  gap: 4px;
+}
+
+.dataviews-view-table tr td:first-child,
+.dataviews-view-table tr th:first-child {
+  padding-right: 48px;
+}
+
+.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,
+.dataviews-view-table tr th:first-child .dataviews-view-table-header-button {
+  margin-right: -8px;
+}
+
+.dataviews-view-table tr td:last-child,
+.dataviews-view-table tr th:last-child {
+  padding-left: 48px;
+}
+
+.dataviews-view-table tr:last-child {
+  border-bottom: 0;
+}
+
+.dataviews-view-table tr.is-hovered, .dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky {
+  background-color: #f8f8f8;
+}
+
+.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input {
+  opacity: 0;
+}
+
+.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus {
+  opacity: 1;
+}
+
+.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
+  opacity: 0;
+}
+
+.dataviews-view-table tr:focus-within .components-checkbox-control__input,
+.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .components-checkbox-control__input,
+.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .components-checkbox-control__input,
+.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
+  opacity: 1;
+}
+
+@media (hover: none) {
+  .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,
+  .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
+    opacity: 1;
+  }
+}
+.dataviews-view-table tr.is-selected {
+  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+  color: #757575;
+}
+
+.dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
+  border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
+}
+
+.dataviews-view-table tr.is-selected:hover {
+  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+}
+
+.dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
+  background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
+}
+
+.dataviews-view-table tr.is-selected:hover .dataviews-view-table__actions-column--sticky {
+  background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 8%, #fff);
+}
+
+.dataviews-view-table thead {
+  position: sticky;
+  inset-block-start: 0;
+  z-index: 1;
+}
+
+.dataviews-view-table thead tr {
+  border: 0;
+}
+
+.dataviews-view-table thead tr .components-checkbox-control__input.components-checkbox-control__input {
+  opacity: 1;
+}
+
+.dataviews-view-table thead th {
+  background-color: #fff;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  padding-right: 12px;
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 499;
+}
+
+.dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child) {
+  padding-right: 4px;
+}
+
+.dataviews-view-table tbody td {
+  vertical-align: top;
+}
+
+.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+}
+
+.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end {
+  justify-content: flex-end;
+}
+
+.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center {
+  justify-content: center;
+}
+
+.dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) {
+  min-height: 0;
+}
+
+.dataviews-view-table .dataviews-view-table-header-button {
+  padding: 4px 8px;
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 499;
+}
+
+.dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
+  color: #1e1e1e;
+}
+
+.dataviews-view-table .dataviews-view-table-header-button span {
+  speak: none;
+}
+
+.dataviews-view-table .dataviews-view-table-header-button span:empty {
+  display: none;
+}
+
+.dataviews-view-table .dataviews-view-table-header {
+  padding-right: 4px;
+}
+
+.dataviews-view-table .dataviews-view-table__actions-column {
+  width: auto;
+  white-space: nowrap;
+}
+
+.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input {
+  opacity: 1;
+}
+
+.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) {
+  padding-right: 0;
+}
+
+.dataviews-view-table.has-compact-density td,
+.dataviews-view-table.has-compact-density th {
+  padding: 4px 8px;
+}
+
+.dataviews-view-table.has-comfortable-density td,
+.dataviews-view-table.has-comfortable-density th {
+  padding: 16px 12px;
+}
+
+.dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,
+.dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,
+.dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column {
+  padding-left: 0;
+}
+
+@container (max-width: 430px) {
+  .dataviews-view-table tr td:first-child,
+  .dataviews-view-table tr th:first-child {
+    padding-right: 24px;
+  }
+  .dataviews-view-table tr td:last-child,
+  .dataviews-view-table tr th:last-child {
+    padding-left: 24px;
+  }
+}
+.dataviews-view-table-selection-checkbox {
+  --checkbox-input-size: 24px;
+}
+
+@media (min-width: 600px) {
+  .dataviews-view-table-selection-checkbox {
+    --checkbox-input-size: 16px;
+  }
+}
+.dataviews-column-primary__media {
+  max-width: 60px;
+  overflow: hidden;
+  position: relative;
+  flex-shrink: 0;
+  background-color: #fff;
+  border-radius: 4px;
+}
+
+.dataviews-column-primary__media img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.dataviews-column-primary__media::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+
+.dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),
+.dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) {
+  min-width: 15ch;
+  max-width: 80ch;
+}
+
+.dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
+  font-weight: 499;
+  padding: 12px 48px;
+  color: #1e1e1e;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__card {
+  height: 100%;
+  justify-content: flex-start;
+  position: relative;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions {
+  padding: 8px 0 4px;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
+  min-height: 24px;
+  overflow: hidden;
+  align-content: center;
+  text-align: start;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
+  width: fit-content;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
+  color: #1e1e1e;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after,
+.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
+  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
+  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+
+.dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
+  outline: none;
+}
+
+.dataviews-view-picker-grid:focus-visible [data-active-item=true] {
+  outline: 2px solid var(--wp-admin-theme-color);
+}
+
+.dataviews-view-picker-grid .dataviews-selection-checkbox {
+  top: 8px !important;
+}
+
+.dataviews-view-picker-grid .dataviews-selection-checkbox input {
+  pointer-events: none;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__media {
+  width: 100%;
+  aspect-ratio: 1/1;
+  background-color: #fff;
+  border-radius: 4px;
+  position: relative;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__media::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  pointer-events: none;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
+  position: relative;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) {
+  padding: 0 0 12px;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
+  min-height: 24px;
+  line-height: 20px;
+  padding-top: 2px;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
+  min-height: 24px;
+  align-items: center;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
+  width: 35%;
+  color: #757575;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))) {
+  display: none;
+}
+
+.dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) {
+  padding-bottom: 12px;
+}
+
+.dataviews-view-picker-grid__field-value:empty,
+.dataviews-view-picker-grid__field:empty {
+  display: none;
+}
+
+.dataviews-view-picker-grid__card .dataviews-selection-checkbox {
+  position: absolute;
+  top: -9999em;
+  right: 8px;
+  z-index: 1;
+}
+
+@media (hover: none) {
+  .dataviews-view-picker-grid__card .dataviews-selection-checkbox {
+    top: 8px;
+  }
+}
+.dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox,
+.dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox,
+.dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox {
+  top: 8px;
+}
+
+.dataviews-view-picker-grid__media--clickable {
+  cursor: pointer;
+}
+
+.dataviews-view-picker-grid-group__header {
+  font-size: 15px;
+  font-weight: 499;
+  color: #1e1e1e;
+  margin: 0 0 8px 0;
+  padding: 0 48px;
+}
+
+.dataviews-controls__datetime {
+  border: none;
+  padding: 0;
+}
+
+.dataviews-controls__relative-date-number,
+.dataviews-controls__relative-date-unit {
+  flex: 1 1 50%;
+}
+
+.dataviews-controls__date input[type=date]::-webkit-inner-spin-button,
+.dataviews-controls__date input[type=date]::-webkit-calendar-picker-indicator {
+  display: none;
+  -webkit-appearance: none;
+}
+
+.dataviews-controls__date-preset {
+  border: 1px solid #ddd;
+}
+
+.dataviews-controls__date-preset:active {
+  background-color: #000;
+}
+
+.dataforms-layouts-panel__field {
+  width: 100%;
+  min-height: 32px;
+  justify-content: flex-start !important;
+  align-items: flex-start !important;
+}
+
+.dataforms-layouts-panel__field-label {
+  width: 38%;
+  flex-shrink: 0;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  line-height: 20px;
+  hyphens: auto;
+}
+
+.dataforms-layouts-panel__field-label--label-position-side {
+  align-self: center;
+}
+
+.dataforms-layouts-panel__field-control {
+  flex-grow: 1;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+}
+
+.dataforms-layouts-panel__field-control .components-button {
+  max-width: 100%;
+  text-align: right;
+  white-space: normal;
+  text-wrap: balance;
+  text-wrap: pretty;
+  min-height: 32px;
+}
+
+.dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
+  text-decoration: none;
+}
+
+.dataforms-layouts-panel__field-control .components-dropdown {
+  max-width: 100%;
+}
+
+.dataforms-layouts-panel__field-dropdown .components-popover__content {
+  min-width: 320px;
+  padding: 16px;
+}
+
+.dataforms-layouts-panel__dropdown-header {
+  margin-bottom: 16px;
+}
+
+.dataforms-layouts-panel__modal-footer {
+  margin-top: 16px;
+}
+
+.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
+  z-index: 159990;
+}
+
+.dataforms-layouts-regular__field {
+  width: 100%;
+  min-height: 32px;
+  justify-content: flex-start !important;
+  align-items: flex-start !important;
+}
+
+.dataforms-layouts-regular__field-label {
+  width: 38%;
+  flex-shrink: 0;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  line-height: 20px;
+  hyphens: auto;
+}
+
+.dataforms-layouts-regular__field-label--label-position-side {
+  align-self: center;
+}
+
+.dataforms-layouts-regular__field-control {
+  flex-grow: 1;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+}
+
+.dataforms-layouts-card__field-header-label {
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 499;
+  font-size: 15px;
+  line-height: 20px;
+}
+
+.dataforms-layouts-card__field {
+  width: 100%;
+}
+
+.dataforms-layouts-card__field-description {
+  color: #757575;
+  display: block;
+  font-size: 13px;
+  margin-bottom: 16px;
+}
+
+.dataforms-layouts-card__field-summary {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+}
+
+.dataforms-layouts-row__field-control {
+  width: 100%;
+}
+
+.dataforms-layouts__wrapper {
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 20px;
+}
+
 .editor-autocompleters__user .editor-autocompleters__no-avatar::before {
   /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
   font: normal 20px/1 dashicons;
@@ -819,7 +3642,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .editor-collab-sidebar-panel__more-reply-button {
-  font-weight: 500;
+  font-weight: 499;
 }
 
 .editor-collab-sidebar-panel__resolution-text {
@@ -1006,11 +3829,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   display: none;
 }
 
-.editor-content-only-settings-menu__description {
-  padding: 8px;
-  min-width: 235px;
-}
-
 .editor-block-visibility__disabled-blocks-count {
   border: 1px solid #ddd;
   border-width: 1px 0;
@@ -1405,6 +4223,115 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   background-color: #fff;
 }
 
+.editor-global-styles-header__description {
+  padding: 0 16px;
+}
+
+.editor-global-styles-header {
+  margin-bottom: 0 !important;
+}
+
+.editor-global-styles-sidebar {
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+}
+.editor-global-styles-sidebar__panel {
+  flex: 1;
+}
+.editor-global-styles-sidebar .components-navigator-screen {
+  padding: 0;
+}
+
+.editor-global-styles-sidebar .editor-global-styles-sidebar__header-title {
+  margin: 0;
+}
+
+.editor-global-styles-sidebar .editor-global-styles-sidebar__header-actions {
+  flex: 1;
+}
+
+.editor-global-styles-sidebar .components-navigation__menu-title-heading {
+  font-size: 15.6px;
+  font-weight: 499;
+}
+
+.editor-global-styles-sidebar .components-navigation__item > button span {
+  font-weight: 499;
+}
+
+.editor-global-styles-sidebar .block-editor-panel-color-gradient-settings {
+  border: 0;
+}
+
+.editor-global-styles-sidebar .single-column {
+  grid-column: span 1;
+}
+
+.editor-global-styles-sidebar .components-tools-panel .span-columns {
+  grid-column: 1/-1;
+}
+
+.editor-global-styles-sidebar__blocks-group {
+  padding-top: 24px;
+  border-top: 1px solid #e0e0e0;
+}
+
+.editor-global-styles-sidebar__blocks-group-help {
+  padding: 0 16px;
+}
+
+.global-styles-ui-color-palette-panel,
+.global-styles-ui-gradient-palette-panel {
+  padding: 16px;
+}
+
+.editor-global-styles-sidebar hr {
+  margin: 0;
+}
+
+.show-icon-labels .editor-global-styles-sidebar__header .components-button.has-icon {
+  width: auto;
+}
+.show-icon-labels .editor-global-styles-sidebar__header .components-button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .editor-global-styles-sidebar__header .components-button.has-icon::after {
+  content: attr(aria-label);
+  font-size: 12px;
+}
+
+.editor-welcome-guide {
+  width: 312px;
+}
+.editor-welcome-guide.guide-styles .editor-welcome-guide__image {
+  background: #00a0d2;
+}
+.editor-welcome-guide__image {
+  margin: 0 0 16px;
+}
+.editor-welcome-guide__image > img {
+  display: block;
+  max-width: 100%;
+  object-fit: cover;
+}
+.editor-welcome-guide__heading {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 24px;
+  line-height: 1.4;
+  margin: 16px 0 16px 0;
+  padding: 0 32px;
+}
+.editor-welcome-guide__text {
+  font-size: 13px;
+  line-height: 1.4;
+  margin: 0 0 16px 0;
+  padding: 0 32px;
+}
+.editor-welcome-guide__text img {
+  vertical-align: bottom;
+}
+
 .editor-header {
   box-sizing: border-box;
 }
@@ -1870,7 +4797,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 .editor-post-card-panel__title.editor-post-card-panel__title {
   font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-weight: 500;
+  font-weight: 499;
   font-size: 13px;
   line-height: 20px;
   margin: 0;
@@ -2034,7 +4961,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 
 .editor-post-last-revision__title {
   width: 100%;
-  font-weight: 500;
+  font-weight: 499;
 }
 
 .editor-post-last-revision__title.components-button.has-icon {
@@ -2103,6 +5030,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   text-wrap: pretty;
   height: auto;
   min-height: 32px;
+  font-weight: 400;
 }
 .editor-post-panel__row-control .components-dropdown {
   max-width: 100%;
@@ -2275,7 +5203,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .post-publish-panel__postpublish-header {
-  font-weight: 500;
+  font-weight: 499;
 }
 
 .post-publish-panel__postpublish-subheader {
@@ -2818,6 +5746,79 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
   padding: 16px;
 }
 
+.editor-style-book {
+  height: 100%;
+}
+.editor-style-book.is-button {
+  border-radius: 8px;
+}
+.editor-style-book {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.editor-style-book__iframe {
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+.editor-style-book__iframe.is-button {
+  border-radius: 8px;
+}
+.editor-style-book__iframe.is-focused {
+  outline: calc(2 * var(--wp-admin-border-width-focus)) solid var(--wp-admin-theme-color);
+  outline-offset: calc(-2 * var(--wp-admin-border-width-focus));
+}
+
+.editor-style-book__tablist-container {
+  flex: none;
+  display: flex;
+  width: 100%;
+  padding-left: 56px;
+  background: #fff;
+}
+
+.editor-style-book__tabpanel {
+  flex: 1 0 auto;
+  overflow: auto;
+}
+
+.editor-styles-canvas {
+  height: 100%;
+  padding: 16px;
+  background-color: var(--wp-editor-canvas-background);
+}
+.editor-styles-canvas iframe {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.editor-styles-canvas__section {
+  background: #fff;
+  border-radius: 8px;
+  bottom: 0;
+  right: 0;
+  overflow: hidden;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+@media not (prefers-reduced-motion) {
+  .editor-styles-canvas__section {
+    transition: all 0.3s;
+  }
+}
+
+.editor-styles-canvas__close-button {
+  position: absolute;
+  left: 8px;
+  top: 8px;
+  z-index: 2;
+  background: #fff;
+}
+
 .table-of-contents__popover.components-popover .components-popover__content {
   min-width: 380px;
 }
@@ -3011,4 +6012,9 @@ textarea.editor-post-text-editor:-ms-input-placeholder {
 
 .editor-fields-content-preview__empty {
   text-align: center;
+}
+
+.editor-push-changes-to-global-styles-control .components-button {
+  justify-content: center;
+  width: 100%;
 }