: 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;
.block-editor-autocompleters__block{
.block-editor-autocompleters__block .block-editor-block-icon{
.block-editor-autocompleters__link{
.block-editor-autocompleters__link .block-editor-block-icon{
.block-editor-block-alignment-control__menu-group .components-menu-item__info{
iframe[name=editor-canvas]{
background-color:initial;
.block-editor-block-icon{
.block-editor-block-icon.has-colors svg{
@media (forced-colors:active){
.block-editor-block-icon.has-colors svg{
.block-editor-block-icon svg{
.block-editor-block-inspector p:not(.components-base-control__help){
.block-editor-block-inspector h2,.block-editor-block-inspector h3{
.block-editor-block-inspector .components-base-control{
.block-editor-block-inspector .components-base-control:last-child{
.block-editor-block-inspector .components-focal-point-picker-control .components-base-control,.block-editor-block-inspector .components-query-controls .components-base-control,.block-editor-block-inspector .components-range-control .components-base-control{
.block-editor-block-inspector .components-panel__body{
border-top:1px solid #e0e0e0;
.block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{
.block-editor-block-inspector__no-block-tools{
border-top:1px solid #ddd;
.block-editor-block-inspector__tab-item{
.block-editor-block-list__insertion-point{
.block-editor-block-list__insertion-point-indicator{
background:var(--wp-admin-theme-color);
will-change:transform, opacity;
.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{
.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{
.block-editor-block-list__insertion-point-inserter{
@media (min-width:480px){
.block-editor-block-list__insertion-point-inserter{
.block-editor-block-list__block-side-inserter-popover .components-popover__content>div{
.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{
background:var(--wp-admin-theme-color);
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{
background:var(--wp-admin-theme-color);
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{
.block-editor-block-list__block-selection-button{
background-color:#1e1e1e;
.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{
.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{
.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{
.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{
.block-editor-block-list__block-selection-button .block-editor-block-icon{
.block-editor-block-list__block-selection-button .components-button{
.block-editor-block-list__block-selection-button .components-button:focus{
.block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{
.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{
.block-editor-block-list__block-selection-button .block-editor-block-mover{
@keyframes hide-during-dragging{
transform:translate(9999px, 9999px);
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar{
border:1px solid #1e1e1e;
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{
.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar{
.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group{
border-right-color:#1e1e1e;
.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{
.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{
animation:hide-during-dragging 1ms linear forwards;
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:before{
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
border:1px solid #1e1e1e;
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover{
border-left:1px solid #1e1e1e;
.is-dragging-components-draggable .components-tooltip{
.components-popover.block-editor-block-popover__inbetween .block-editor-button-pattern-inserter__button{
transform:translateX(-50%) translateY(-50%);
.block-editor-block-lock-modal{
@media (min-width:600px){
.block-editor-block-lock-modal .components-modal__frame{
.block-editor-block-lock-modal__checklist{
.block-editor-block-lock-modal__options-title{
.block-editor-block-lock-modal__options-title .components-checkbox-control__label{
.block-editor-block-lock-modal__checklist-item{
justify-content:space-between;
padding:12px 0 12px 32px;
.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{
.block-editor-block-lock-modal__checklist-item:hover{
background-color:#f0f0f0;
.block-editor-block-lock-modal__template-lock{
border-top:1px solid #ddd;
.block-editor-block-lock-modal__actions{
.block-editor-block-lock-toolbar .components-button.has-icon{
min-width:36px !important;
.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
margin-left:-6px !important;
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
border-left:1px solid #1e1e1e;
margin-left:6px !important;
.block-editor-block-breadcrumb{
.block-editor-block-breadcrumb li{
.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{
.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{
.block-editor-block-breadcrumb__button.components-button{
.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){
text-decoration:underline;
.block-editor-block-breadcrumb__button.components-button:focus{
.block-editor-block-breadcrumb__button.components-button:focus:before{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
.block-editor-block-breadcrumb__current{
.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{
.block-editor-block-card{
.block-editor-block-card__title{
.block-editor-block-card__title.block-editor-block-card__title{
.block-editor-block-card .block-editor-block-icon{
.block-editor-block-card.is-synced .block-editor-block-icon{
color:var(--wp-block-synced-color);
.block-editor-block-compare{
.block-editor-block-compare__wrapper{
.block-editor-block-compare__wrapper>div{
justify-content:space-between;
.block-editor-block-compare__wrapper>div button{
.block-editor-block-compare__wrapper .block-editor-block-compare__converted{
border-left:1px solid #ddd;
.block-editor-block-compare__wrapper .block-editor-block-compare__html{
border-bottom:1px solid #ddd;
font-family:Menlo,Consolas,monaco,monospace;
.block-editor-block-compare__wrapper .block-editor-block-compare__html span{
background-color:#e6ffed;
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{
background-color:#acf2bd;
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{
background-color:#cc1818;
.block-editor-block-compare__wrapper .block-editor-block-compare__preview{
.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{
.block-editor-block-compare__wrapper .block-editor-block-compare__action{