: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
--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){
--wp-admin-border-width-focus:1.5px;
container:dataviews-wrapper/inline-size;
scroll-padding-bottom:64px;
.dataviews-filters__view-actions{
transition:padding .1s ease-out;
@media (prefers-reduced-motion:reduce){
.dataviews-filters__view-actions{
.dataviews-filters__view-actions .components-search-control .components-base-control__field{
.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:hover{
.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:focus{
.dataviews-filters-button{
border-top:1px solid #f0f0f0;
transition:padding .1s ease-out;
@media (prefers-reduced-motion:reduce){
.dataviews-pagination__page-selection{
text-transform:uppercase;
.dataviews-filters-options{
border-collapse:collapse;
.dataviews-view-table th{
.dataviews-view-table td,.dataviews-view-table th{
.dataviews-view-table td[data-field-id=actions],.dataviews-view-table th[data-field-id=actions]{
.dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{
.dataviews-view-table tr{
border-bottom:1px solid #f0f0f0;
.dataviews-view-table tr .dataviews-view-table-header-button{
.dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{
transition:padding .1s ease-out;
@media (prefers-reduced-motion:reduce){
.dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{
.dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{
.dataviews-view-table tr td:first-child .dataviews-view-table-header,.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{
.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{
.dataviews-view-table tr:last-child{
.dataviews-view-table tr.is-hovered{
background-color:#f8f8f8;
.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{
.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:focus,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate{
.dataviews-view-table tr .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: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:hover .components-checkbox-control__input,.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){
.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){
.dataviews-view-table tr.is-selected{
background-color:rgba(var(--wp-admin-theme-color--rgb), .04);
.dataviews-view-table tr.is-selected:hover{
background-color:rgba(var(--wp-admin-theme-color--rgb), .08);
.dataviews-view-table thead{
.dataviews-view-table thead tr{
.dataviews-view-table thead th{
box-shadow:inset 0 -1px 0 #f0f0f0;
text-transform:uppercase;
.dataviews-view-table tbody td{
.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{
.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper>*{
.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__primary-field a{
.dataviews-view-table .dataviews-view-table-header-button{
text-transform:uppercase;
.dataviews-view-table .dataviews-view-table-header-button:not(:hover){
.dataviews-view-table .dataviews-view-table-header-button span{
.dataviews-view-table .dataviews-view-table-header-button span:empty{
.dataviews-view-table .dataviews-view-table-header{
.dataviews-view-table .dataviews-view-table__actions-column{
.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{
.dataviews-view-grid__primary-field,.dataviews-view-list__primary-field,.dataviews-view-table__primary-field{
.dataviews-view-grid__primary-field a,.dataviews-view-list__primary-field a,.dataviews-view-table__primary-field a{
.dataviews-view-grid__primary-field a:hover,.dataviews-view-list__primary-field a:hover,.dataviews-view-table__primary-field a:hover{
color:var(--wp-admin-theme-color);
.dataviews-view-grid__primary-field a:focus,.dataviews-view-list__primary-field a:focus,.dataviews-view-table__primary-field a:focus{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
color:var(--wp-admin-theme-color--rgb);
.dataviews-view-grid__primary-field button.components-button.is-link,.dataviews-view-list__primary-field button.components-button.is-link,.dataviews-view-table__primary-field button.components-button.is-link{
.dataviews-view-grid__primary-field button.components-button.is-link:hover,.dataviews-view-list__primary-field button.components-button.is-link:hover,.dataviews-view-table__primary-field button.components-button.is-link:hover{
color:var(--wp-admin-theme-color);
grid-template-columns:repeat(1, minmax(0, 1fr)) !important;
grid-template-rows:max-content;
transition:padding .1s ease-out;
@media (prefers-reduced-motion:reduce){
@media (min-width:480px){
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
@media (min-width:1080px){
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
@media (min-width:1440px){
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
.dataviews-view-grid .dataviews-view-grid__card{
justify-content:flex-start;
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field{
.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{
.dataviews-view-grid .dataviews-view-grid__card.is-selected .page-pages-preview-field__button:after{
background:rgba(var(--wp-admin-theme-color--rgb), .04);
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
.dataviews-view-grid .dataviews-view-grid__media{
background-color:#f0f0f0;
.dataviews-view-grid .dataviews-view-grid__media img{
.dataviews-view-grid .dataviews-view-grid__media:after{
box-shadow:inset 0 0 0 1px #0000001a;
.dataviews-view-grid .dataviews-view-grid__fields{
.dataviews-view-grid .dataviews-view-grid__fields:not(:empty){
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column){
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-name{
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-value{
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{
.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){
.dataviews-view-grid .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value{
border-top:1px solid #f0f0f0;
.dataviews-view-list li .dataviews-view-list__item-wrapper{
.dataviews-view-list li .dataviews-view-list__item-wrapper>*{
.dataviews-view-list li .dataviews-view-list__item-actions .components-button{
.dataviews-view-list li.is-hovered .dataviews-view-list__item-actions,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions{
.dataviews-view-list li.is-hovered .dataviews-view-list__item-actions .components-button,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions .components-button,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions .components-button{
.dataviews-view-list li.is-hovered .dataviews-view-list__item,.dataviews-view-list li.is-selected .dataviews-view-list__item,.dataviews-view-list li:focus-within .dataviews-view-list__item{
.dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field{
.dataviews-view-list li:not(.is-selected):focus-within,.dataviews-view-list li:not(.is-selected):hover{
background-color:#f8f8f8;
color:var(--wp-admin-theme-color);
.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field{
color:var(--wp-admin-theme-color);
.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper{
background-color:rgba(var(--wp-admin-theme-color--rgb), .04);
.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field{
color:var(--wp-admin-theme-color);
.dataviews-view-list .dataviews-view-list__item{
padding:16px 0 16px 24px;
.dataviews-view-list .dataviews-view-list__item:focus-visible:before{
bottom:var(--wp-admin-border-width-focus);
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
left:var(--wp-admin-border-width-focus);
right:var(--wp-admin-border-width-focus);
top:calc(var(--wp-admin-border-width-focus) + 1px);
.dataviews-view-list .dataviews-view-list__item .dataviews-view-list__primary-field{
.dataviews-view-list .dataviews-view-list__media-wrapper{
background-color:#f0f0f0;
.dataviews-view-list .dataviews-view-list__media-wrapper img{
.dataviews-view-list .dataviews-view-list__media-wrapper:after{
box-shadow:inset 0 0 0 1px #0000001a;
.dataviews-view-list .dataviews-view-list__media-placeholder{
background-color:#e0e0e0;
.dataviews-view-list .dataviews-view-list__fields{
.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty){
.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{
.dataviews-view-list .dataviews-view-list__item-actions{
.dataviews-view-list+.dataviews-pagination{
justify-content:space-between;
.dataviews-loading,.dataviews-no-results{