: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.components-guide .components-modal__content:before{
.components-guide .components-modal__header{
.components-guide .components-modal__header .components-button{
.components-guide .components-modal__header .components-button:hover svg{
.components-guide__container{
justify-content:space-between;
@media (min-width:600px){
.components-guide__footer{
.components-guide__page-control{
.components-guide__page-control li{
.components-guide__page-control .components-button{
.components-guide__page-control li[aria-current=step] .components-button{
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
.components-modal__frame.components-guide{
@media (max-width:600px){
.components-modal__frame.components-guide{
max-width:calc(100vw - 32px);
.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
.components-button.components-guide__back-button{
.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
.is-focusing-regions [role=region]:focus:after{
.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header{
outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
.components-menu-group+.components-menu-group{
border-top:1px solid #1e1e1e;
.components-menu-group+.components-menu-group.has-hidden-separator{
.components-menu-group__label{
text-transform:uppercase;
.components-menu-item__button,.components-menu-item__button.components-button{
.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{
.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{
.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{
.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{
.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{
.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{
.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{
.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
.components-menu-item__info-wrapper{
.components-menu-item__info{
.components-menu-item__item{
.components-menu-item__shortcut{
@media (min-width:480px){
.components-menu-item__shortcut{
.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{
.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{
.components-modal__screen-overlay{
animation:edit-post__fade-in-animation .2s ease-out 0s;
animation-fill-mode:forwards;
background-color:#00000059;
@media (prefers-reduced-motion:reduce){
.components-modal__screen-overlay{
.components-modal__frame{
animation:components-modal__appear-animation .1s ease-out;
animation-fill-mode:forwards;
border-radius:4px 4px 0 0;
box-shadow:0 .7px 1px #00000026,0 2.7px 3.8px -.2px #00000026,0 5.5px 7.8px -.3px #00000026,-.1px 11.5px 16.4px -.5px #00000026;
.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{
@media (prefers-reduced-motion:reduce){
.components-modal__frame{
@media (min-width:600px){
.components-modal__frame{
max-height:calc(100% - 120px);
max-width:calc(100% - 32px);
@media (min-width:600px) and (min-width:600px){
.components-modal__frame.is-full-screen{
height:calc(100% - 32px);
@media (min-width:600px) and (min-width:782px){
.components-modal__frame.is-full-screen{
height:calc(100% - 80px);
@media (min-width:600px){
.components-modal__frame.has-size-large,.components-modal__frame.has-size-medium,.components-modal__frame.has-size-small{
.components-modal__frame.has-size-small{
.components-modal__frame.has-size-medium{
.components-modal__frame.has-size-large{
@media (min-width:960px){
.components-modal__frame{
@keyframes components-modal__appear-animation{
transform:translateY(32px);
.components-modal__header{
border-bottom:1px solid #0000;
justify-content:space-between;
.components-modal__header .components-modal__header-heading{
.components-modal__header h1{
.components-modal__header .components-button{
.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{
border-bottom-color:#ddd;
.components-modal__header+p{
.components-modal__header-heading-container{
.components-modal__header-icon-container{
.components-modal__header-icon-container svg{
.components-modal__content{
.components-modal__content.hide-header{
.components-modal__content.is-scrollable:focus-visible{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-right:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
.components-notice.is-dismissible{
.components-notice.is-success{
background-color:#eff9f1;
border-right-color:#4ab866;
.components-notice.is-warning{
background-color:#fef8ee;
border-right-color:#f0b849;
.components-notice.is-error{
background-color:#f4a2a2;
border-right-color:#cc1818;
.components-notice__content{
.components-notice__actions{
.components-notice__action.components-button{
.components-notice__action.components-button,.components-notice__action.components-button.is-link{
.components-notice__action.components-button.is-secondary{
.components-notice__dismiss{
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
background-color:initial;
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
.components-notice-list .components-notice__content{
.components-notice-list .components-notice__action.components-button{
border:1px solid #e0e0e0;
.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{
.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{
.components-panel+.components-panel{
border-bottom:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
.components-panel__body h3{
.components-panel__body.is-opened{
.components-panel__header{
border-bottom:1px solid #ddd;
justify-content:space-between;
.components-panel__header h2{
.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{
.components-panel__body>.components-panel__body-title{
transition:background .1s ease-in-out;
@media (prefers-reduced-motion:reduce){
.components-panel__body>.components-panel__body-title{
.components-panel__body.is-opened>.components-panel__body-title{
.components-panel__body>.components-panel__body-title:hover{