--wp-block-synced-color:#7a00df;
--wp-block-synced-color--rgb:122, 0, 223;
--wp-bound-block-color:var(--wp-block-synced-color);
--wp-editor-canvas-background:#ddd;
--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, 160.5;
--wp-admin-theme-color-darker-20:#005a87;
--wp-admin-theme-color-darker-20--rgb:0, 90, 135;
--wp-admin-border-width-focus:2px;
@media (min-resolution:192dpi){
--wp-admin-border-width-focus:1.5px;
container:admin-ui-page/inline-size;
@media not (prefers-reduced-motion){
transition:width .2s ease-out;
border-bottom:1px solid #f0f0f0;
@container (max-width: 430px){
.admin-ui-page__header-subtitle{
font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
.admin-ui-page__content.has-padding{
@container (max-width: 430px){
.admin-ui-page__content.has-padding{
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon{
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg{
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon:after{
content:attr(aria-label);
.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{
.editor-autocompleters__user .editor-autocompleters__no-avatar:before{
font:normal 20px/1 dashicons;
.editor-autocompleters__user .editor-autocompleters__user-avatar{
.editor-autocompleters__user .editor-autocompleters__user-name{
.editor-autocompleters__user .editor-autocompleters__user-slug{
.editor-autocompleters__user:not(.is-primary) .editor-autocompleters__user-slug{
.interface-interface-skeleton__sidebar:has(.editor-collab-sidebar){
.interface-interface-skeleton__sidebar:has(.editor-collab-sidebar) .interface-complementary-area-header{
.editor-collab-sidebar,.editor-collab-sidebar-panel{
.editor-collab-sidebar-panel{
.editor-collab-sidebar-panel__thread{
background-color:#f0f0f0;
.editor-collab-sidebar-panel__thread.is-selected{
box-shadow:0 2px 3px #0000000d,0 4px 5px #0000000a,0 12px 12px #00000008,0 16px 16px #00000005;
.editor-collab-sidebar-panel__thread:focus{
outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
outline-offset:calc(var(--wp-admin-border-width-focus)*-1);
.editor-collab-sidebar-panel__thread.is-floating{
.editor-collab-sidebar-panel__user-name{
text-transform:capitalize;