--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;
.interface-complementary-area-header{
.interface-complementary-area-header .interface-complementary-area-header__title{
.interface-complementary-area{
@media (min-width:600px){
.interface-complementary-area{
-webkit-overflow-scrolling:touch;
@media (min-width:782px){
.interface-complementary-area{
.interface-complementary-area .components-panel{
.interface-complementary-area .components-panel__header{
.interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{
.interface-complementary-area p:not(.components-base-control__help,.components-form-token-field__help){
.interface-complementary-area h2{
.interface-complementary-area h3{
text-transform:uppercase;
.interface-complementary-area hr{
border-bottom:1px solid #f0f0f0;
.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{
.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{
.interface-complementary-area .block-editor-skip-to-selected-block:focus{
.interface-complementary-area__fill{
@media (min-width:782px){
body.js.is-fullscreen-mode{
height:calc(100% + 32px);
body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{
body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{
html.interface-interface-skeleton__html-container{
@media (min-width:782px){
html.interface-interface-skeleton__html-container:not(:has(.is-zoom-out)){
.interface-interface-skeleton{
@media (min-width:783px){
.interface-interface-skeleton{
.is-fullscreen-mode .interface-interface-skeleton{
.interface-interface-skeleton__editor{
.interface-interface-skeleton{
@media (min-width:783px){
.interface-interface-skeleton{
@media (min-width:783px){
.auto-fold .interface-interface-skeleton{
@media (min-width:961px){
.auto-fold .interface-interface-skeleton{
.folded .interface-interface-skeleton{
@media (min-width:783px){
.folded .interface-interface-skeleton{
body.is-fullscreen-mode .interface-interface-skeleton{
.interface-interface-skeleton__body{
overscroll-behavior-y:none;
@media (min-width:782px){
.has-footer .interface-interface-skeleton__body{
.interface-interface-skeleton__content{
@media (min-width:782px){
.interface-interface-skeleton__content{
.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{
@media (min-width:782px){
.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{
position:relative !important;
.interface-interface-skeleton__sidebar{
border-top:1px solid #e0e0e0;
@media (min-width:782px){
.interface-interface-skeleton__sidebar{
box-shadow:-1px 0 0 0 rgba(0,0,0,.133);
.interface-interface-skeleton__secondary-sidebar{
border-top:1px solid #e0e0e0;
@media (min-width:782px){
.interface-interface-skeleton__secondary-sidebar{
box-shadow:1px 0 0 0 rgba(0,0,0,.133);
.interface-interface-skeleton__header{
box-shadow:0 1px 0 0 rgba(0,0,0,.133);
.interface-interface-skeleton__footer{
border-top:1px solid #e0e0e0;
@media (min-width:782px){
.interface-interface-skeleton__footer{
.interface-interface-skeleton__footer .block-editor-block-breadcrumb{
.interface-interface-skeleton__actions{
position:fixed !important;
@media (min-width:782px){
.interface-interface-skeleton__actions{
.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{
.is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
@media (min-width:782px){
.is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
border-left:1px solid #ddd;
.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
.interface-pinned-items .components-button{
.interface-pinned-items .components-button[aria-controls="edit-post:block"],.interface-pinned-items .components-button[aria-controls="edit-post:document"],.interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"],.interface-pinned-items .components-button[aria-controls="edit-site:template"]{
.interface-pinned-items .components-button svg{
@media (min-width:600px){
.interface-pinned-items .components-button{
.wp-block[data-type="core/widget-area"]{
.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{
.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{
.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{
.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{
.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{
.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{
.wp-block-widget-area__highlight-drop-zone{
outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{
.edit-widgets-error-boundary{
box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
justify-content:space-between;
@media (min-width:600px){
.edit-widgets-header .selected-block-tools-wrapper{
.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-contextual-toolbar{
.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar{
.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button){
.edit-widgets-header .selected-block-tools-wrapper .components-toolbar,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group{
.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group:after,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar:after{
.edit-widgets-header .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group:after,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group:after{
.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button{
@media (min-width:600px){
.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{
.edit-widgets-header__navigable-toolbar-wrapper{
.edit-widgets-header__title{
.edit-widgets-header__actions{
@media (min-width:600px){
.edit-widgets-header__actions{
.edit-widgets-header-toolbar{
.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{
.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon.is-pressed{
.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{
.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{
@media (min-width:600px){
.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{
.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{