: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.components-checkbox-control__input[type=checkbox]:checked:before{
.components-checkbox-control__input-container{
width:var(--checkbox-input-size);
svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
--checkmark-size:var(--checkbox-input-size);
height:var(--checkmark-size);
transform:translate(50%, -50%);
-webkit-user-select:none;
width:var(--checkmark-size);
@media (min-width:600px){
svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
--checkmark-size:calc(var(--checkbox-input-size) + 4px);
.components-checkbox-control__help{
margin-inline-start:calc(var(--checkbox-input-size) + 12px);
.components-circular-option-picker{
.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{
justify-content:flex-end;
.components-circular-option-picker .components-circular-option-picker__swatches{
.components-circular-option-picker>:not(.components-circular-option-picker__swatches){
.components-circular-option-picker__option-wrapper{
transition:transform .1s ease;
@media (prefers-reduced-motion:reduce){
.components-circular-option-picker__option-wrapper{
.components-circular-option-picker__option-wrapper:hover{
.components-circular-option-picker__option-wrapper>div{
.components-circular-option-picker__option-wrapper:before{
background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23555D65' d='M6 8V6H4v2zm2 0V6h2v2zm2 8H8v-2h2zm2 0v-2h2v2zm0 2v-2h-2v2H8v2h2v-2zm2 0v2h-2v-2zm2 0h-2v-2h2z'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2zm-2-4v-2h2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555D65' d='M18 18v2h-2v-2z'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2zm0 2v-2H6v2zm2 0v-2h2v2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4zm0 4V2H2v2zm2 0V2h2v2zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2z' clip-rule='evenodd'/%3E%3C/svg%3E");
.components-circular-option-picker__option{
box-shadow:inset 0 0 0 14px;
transition:box-shadow .1s ease;
@media (prefers-reduced-motion:reduce){
.components-circular-option-picker__option{
.components-circular-option-picker__option:hover{
box-shadow:inset 0 0 0 14px !important;
.components-circular-option-picker__option[aria-pressed=true],.components-circular-option-picker__option[aria-selected=true]{
box-shadow:inset 0 0 0 4px;
.components-circular-option-picker__option[aria-pressed=true]+svg,.components-circular-option-picker__option[aria-selected=true]+svg{
.components-circular-option-picker__option:after{
box-shadow:inset 0 0 0 1px #0003;
.components-circular-option-picker__option:focus:after{
border:2px solid #757575;
box-shadow:inset 0 0 0 2px #fff;
transform:translate(50%, -50%);
.components-circular-option-picker__option.components-button:focus{
background-color:initial;
box-shadow:inset 0 0 0 14px;
.components-circular-option-picker__button-action .components-circular-option-picker__option{
.components-circular-option-picker__dropdown-link-action{
.components-circular-option-picker__dropdown-link-action .components-button{
.components-palette-edit__popover-gradient-picker{
.components-dropdown-menu__menu .components-palette-edit__menu-button{
.component-color-indicator{
background:#fff linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
box-shadow:inset 0 0 0 1px #0003;
.components-combobox-control{
input.components-combobox-control__input[type=text]{
@media (min-width:600px){
input.components-combobox-control__input[type=text]{
input.components-combobox-control__input[type=text]:focus{
.components-combobox-control__suggestions-container{
border:1px solid #949494;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
transition:box-shadow .1s linear;
@media (prefers-reduced-motion:reduce){
.components-combobox-control__suggestions-container{
@media (min-width:600px){
.components-combobox-control__suggestions-container{
.components-combobox-control__suggestions-container:focus{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
.components-combobox-control__suggestions-container::-webkit-input-placeholder{
.components-combobox-control__suggestions-container::-moz-placeholder{
.components-combobox-control__suggestions-container:-ms-input-placeholder{
.components-combobox-control__suggestions-container:focus-within{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
.components-combobox-control__reset.components-button{
.components-color-palette__custom-color-wrapper{
.components-color-palette__custom-color-button{
border-radius:2px 2px 0 0;
box-shadow:inset 0 0 0 1px #0003;
.components-color-palette__custom-color-button:focus{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
.components-color-palette__custom-color-button:after{
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0);
background-position:0 0, 24px 24px;
background-size:48px 48px;
.components-color-palette__custom-color-text-wrapper{
border-radius:0 0 2px 2px;
box-shadow:inset 0 -1px 0 0 #0003,inset -1px 0 0 0 #0003,inset 1px 0 0 0 #0003;
.components-color-palette__custom-color-name{
color:var(--wp-components-color-foreground, #1e1e1e);
.components-color-palette__custom-color-value{
.components-color-palette__custom-color-value--is-hex{
text-transform:uppercase;
.components-color-palette__custom-color-value:empty:after{
.components-custom-gradient-picker__gradient-bar{
.components-custom-gradient-picker__gradient-bar.has-gradient{
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0);
background-position:0 0, 12px 12px;
background-size:24px 24px;
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background{
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 #00000040;
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{
box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff, 0 0 2px 0 #00000040;
outline:1.5px solid #0000;
.components-custom-gradient-picker__remove-control-point-wrapper{
.components-custom-gradient-picker__inserter{
.components-custom-gradient-picker__liner-gradient-indicator{
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{
border:1px solid #949494;
.components-custom-gradient-picker__ui-line{
.components-custom-select-control{
.components-custom-select-control__button{
.components-custom-select-control__hint{
.components-custom-select-control__menu-wrapper{
.components-custom-select-control__menu{
border:1px solid #1e1e1e;
.components-custom-select-control__menu[aria-hidden=true]{
.components-custom-select-control__item{
grid-template-columns:auto auto;
.components-custom-select-control__item:not(.is-next-40px-default-size){
.components-custom-select-control__item.has-hint{
grid-template-columns:auto auto 30px;
.components-custom-select-control__item.is-highlighted{
.components-custom-select-control__item .components-custom-select-control__item-hint{
.components-custom-select-control__item .components-custom-select-control__item-icon{
.components-custom-select-control__item:last-child{
.block-editor-dimension-control .components-base-control__field{
.block-editor-dimension-control .components-base-control__label{
.block-editor-dimension-control .components-base-control__label .dashicon{