/**
*  Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
 * Colors
 */
/**
 * Breakpoints & Media Queries
 */
/**
 * 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.
 */
/**
*  Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
 * 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.
 */
/**
*  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.
 */
/**
 * Typography
 */
/**
 * 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.
 */
:root {
	--wp-admin-theme-color: #007cba;
	--wp-admin-theme-color--rgb: 0, 124, 186;
	--wp-admin-theme-color-darker-10: #006ba1;
	--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
	--wp-admin-theme-color-darker-20: #005a87;
	--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
	--wp-admin-border-width-focus: 2px;
	--wp-block-synced-color: #7a00df;
	--wp-block-synced-color--rgb: 122, 0, 223;
	--wp-bound-block-color: var(--wp-block-synced-color);
}
@media (min-resolution: 192dpi) {
	:root {
		--wp-admin-border-width-focus: 1.5px;
	}
}

.dataviews-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;
	left: 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;
	}
}

@container (max-width: 430px) {
	.dataviews__view-actions,
	.dataviews-filters__container {
		padding: 12px 24px;
	}
	.dataviews-no-results,
	.dataviews-loading {
		padding-left: 24px;
		padding-right: 24px;
	}
}
.dataviews-title-field {
	font-size: 13px;
	font-weight: 500;
	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;
}

.dataviews-bulk-actions-footer__item-count {
	color: #1e1e1e;
	font-weight: 500;
	font-size: 11px;
	text-transform: uppercase;
}

.dataviews-bulk-actions-footer__container {
	margin-right: 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: 230px;
	border-radius: 4px;
}
.dataviews-filters__summary-popover.components-dropdown__content
	.components-popover__content {
	padding: 0;
}

.dataviews-filters__summary-operators-container {
	padding: 8px 8px 0;
}
.dataviews-filters__summary-operators-container:has(
		+ .dataviews-filters__search-widget-listbox
	) {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 8px;
}
.dataviews-filters__summary-operators-container:empty {
	display: none;
}
.dataviews-filters__summary-operators-container
	.dataviews-filters__summary-operators-filter-name {
	color: #757575;
}

.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.has-reset {
	padding-inline-end: 28px;
}
.dataviews-filters__summary-chip-container
	.dataviews-filters__summary-chip:hover,
.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: 500;
}
.dataviews-filters__summary-chip-container
	.dataviews-filters__summary-chip-remove {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	position: absolute;
	right: 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: 8px 12px;
	cursor: default;
	margin-block-end: 2px;
}
.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-check,
.dataviews-filters__search-widget-listitem[data-active-item]
	.dataviews-filters__search-widget-listitem-check,
.dataviews-filters__search-widget-listitem:focus
	.dataviews-filters__search-widget-listitem-check {
	fill: #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
	.dataviews-filters__search-widget-listitem-check {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}
.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-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;
	box-shadow: 0 0 0 transparent;
	border-radius: 2px;
	border: 1px solid #949494;
	/* Fonts smaller than 16px causes mobile safari to zoom. */
	font-size: 16px;
	/* Override core line-height. To be reviewed. */
	line-height: normal;
	display: block;
	padding: 0 32px 0 8px;
	background: #f0f0f0;
	border: none;
	width: 100%;
	height: 32px;
	margin-left: 0;
	margin-right: 0;
	/* Fonts smaller than 16px causes mobile safari to zoom. */
	font-size: 16px;
}
@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);
}
@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;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
}

.dataviews-filters__container-visibility-toggle {
	position: relative;
	flex-shrink: 0;
}

.dataviews-filters-toggle__count {
	position: absolute;
	top: 0;
	right: 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-footer {
	position: sticky;
	bottom: 0;
	left: 0;
	background-color: #fff;
	padding: 12px 48px;
	border-top: 1px solid #f0f0f0;
	flex-shrink: 0;
	z-index: 2;
}
@media not (prefers-reduced-motion) {
	.dataviews-footer {
		transition: padding ease-out 0.1s;
	}
}

@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: 500;
	text-transform: uppercase;
}
@media (min-width: 600px) {
	.dataviews-pagination__page-select .components-select-control__input {
		font-size: 11px !important;
		font-weight: 500;
	}
}

.dataviews-action-modal {
	z-index: 1000001;
}

.dataviews-selection-checkbox {
	--checkbox-input-size: 24px;
	line-height: 0;
	flex-shrink: 0;
}
@media (min-width: 600px) {
	.dataviews-selection-checkbox {
		--checkbox-input-size: 16px;
	}
}
.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 {
	margin-bottom: auto;
	grid-template-rows: max-content;
	padding: 0 48px 24px;
	container-type: inline-size;
}
@media not (prefers-reduced-motion) {
	.dataviews-view-grid {
		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;
	display: flex;
	align-items: center;
}
.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%;
	min-height: 200px;
	aspect-ratio: 1/1;
	background-color: #f0f0f0;
	border-radius: 4px;
	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;
	left: 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;
}
.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.dataviews-view-grid {
	/**
     * 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: 480px) {
	.dataviews-view-grid.dataviews-view-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		padding-left: 24px;
		padding-right: 24px;
	}
}
@container (min-width: 480px) {
	.dataviews-view-grid.dataviews-view-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@container (min-width: 780px) {
	.dataviews-view-grid.dataviews-view-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@container (min-width: 1140px) {
	.dataviews-view-grid.dataviews-view-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
@container (min-width: 1520px) {
	.dataviews-view-grid.dataviews-view-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

.dataviews-view-grid__field-value:empty,
.dataviews-view-grid__field:empty {
	display: none;
}

.dataviews-view-grid__card .dataviews-selection-checkbox {
	position: absolute;
	top: -9999em;
	left: 8px;
	z-index: 1;
}

.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 {
	top: 8px;
}

.dataviews-view-grid__media--clickable {
	cursor: pointer;
}

div.dataviews-view-list {
	list-style-type: none;
}

.dataviews-view-list {
	margin: 0 0 auto;
}
.dataviews-view-list div[role="row"] {
	margin: 0;
	border-top: 1px solid #f0f0f0;
}
.dataviews-view-list div[role="row"] .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 {
	flex: 0;
	overflow: hidden;
}
.dataviews-view-list div[role="row"] .dataviews-view-list__item-actions > div {
	height: 24px;
}
.dataviews-view-list
	div[role="row"]
	.dataviews-view-list__item-actions
	.components-button {
	position: relative;
	z-index: 1;
	opacity: 0;
}
.dataviews-view-list
	div[role="row"]:where(.is-selected, .is-hovered, :focus-within)
	.dataviews-view-list__item-actions {
	flex-basis: min-content;
	overflow: unset;
	padding-inline-end: 4px;
}
.dataviews-view-list
	div[role="row"]:where(.is-selected, .is-hovered, :focus-within)
	.dataviews-view-list__item-actions
	.components-button {
	opacity: 1;
}
.dataviews-view-list div[role="row"].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"] {
	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 {
	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 {
	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 {
	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 {
	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 {
	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: #f0f0f0;
	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;
	left: 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-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: left;
	color: #1e1e1e;
	font-weight: normal;
	font-size: 13px;
}
.dataviews-view-table td,
.dataviews-view-table th {
	padding: 12px;
	white-space: nowrap;
}
.dataviews-view-table td.dataviews-view-table__actions-column,
.dataviews-view-table th.dataviews-view-table__actions-column {
	text-align: right;
}
.dataviews-view-table td.dataviews-view-table__checkbox-column,
.dataviews-view-table th.dataviews-view-table__checkbox-column {
	padding-right: 0;
	width: 1%;
}
.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-left: 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-left: -8px;
}
.dataviews-view-table tr td:last-child,
.dataviews-view-table tr th:last-child {
	padding-right: 48px;
}
.dataviews-view-table tr:last-child {
	border-bottom: 0;
}
.dataviews-view-table tr.is-hovered {
	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 thead {
	position: sticky;
	inset-block-start: 0;
	z-index: 1;
}
.dataviews-view-table thead tr {
	border: 0;
}
.dataviews-view-table thead th {
	background-color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 500;
}
.dataviews-view-table
	thead
	th:has(.dataviews-view-table-header-button):not(:first-child) {
	padding-left: 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;
	white-space: normal;
}
.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: 500;
}
.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-left: 4px;
}
.dataviews-view-table .dataviews-view-table__actions-column {
	width: 1%;
}
.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-left: 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-right: 0;
}

@container (max-width: 430px) {
	.dataviews-view-table tr td:first-child,
	.dataviews-view-table tr th:first-child {
		padding-left: 24px;
	}
	.dataviews-view-table tr td:last-child,
	.dataviews-view-table tr th:last-child {
		padding-right: 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;
}

.dataviews-controls__datetime {
	border: none;
	padding: 0;
}

.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;
	padding: 6px 0;
	line-height: 20px;
	hyphens: auto;
}

.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: left;
	white-space: normal;
	text-wrap: balance;
	text-wrap: pretty;
	min-height: 32px;
}
.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;
}

.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 .components-base-control__label {
	font-size: inherit;
	font-weight: normal;
	text-transform: none;
}

.dataforms-layouts-regular__field-label {
	width: 38%;
	flex-shrink: 0;
	min-height: 32px;
	display: flex;
	align-items: center;
	padding: 6px 0;
	line-height: 20px;
	hyphens: auto;
}

.dataforms-layouts-regular__field-control {
	flex-grow: 1;
	min-height: 32px;
	display: flex;
	align-items: center;
}