1:root{
2 --wp-block-synced-color:#7a00df;
3 --wp-block-synced-color--rgb:122, 0, 223;
4 --wp-bound-block-color:var(--wp-block-synced-color);
5 --wp-editor-canvas-background:#ddd;
6 --wp-admin-theme-color:#007cba;
7 --wp-admin-theme-color--rgb:0, 124, 186;
8 --wp-admin-theme-color-darker-10:#006ba1;
9 --wp-admin-theme-color-darker-10--rgb:0, 107, 160.5;
10 --wp-admin-theme-color-darker-20:#005a87;
11 --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
12 --wp-admin-border-width-focus:2px;
13}
14@media (min-resolution:192dpi){
15 :root{
16 --wp-admin-border-width-focus:1.5px;
17 }
18}
19.admin-ui-page{
20 background-color:#fff;
21 color:#2f2f2f;
22 container:admin-ui-page/inline-size;
23 display:flex;
24 flex-flow:column;
25 height:100%;
26 position:relative;
27 z-index:1;
28}
29
30@media not (prefers-reduced-motion){
31 .admin-ui-page{
32 transition:width .2s ease-out;
33 }
34}
35.admin-ui-page__header{
36 background:#fff;
37 border-bottom:1px solid #f0f0f0;
38 padding:16px 48px;
39 position:sticky;
40 top:0;
41}
42
43@container (max-width: 430px){
44 .admin-ui-page__header{
45 padding:16px 24px;
46 }
47}
48.admin-ui-page__header-subtitle{
49 color:#757575;
50 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
51 font-size:13px;
52 font-weight:400;
53 line-height:20px;
54 margin:0;
55 padding-block-end:8px;
56}
57
58.admin-ui-page__content{
59 display:flex;
60 flex-direction:column;
61 flex-grow:1;
62 overflow:auto;
63}
64
65.admin-ui-page__content.has-padding{
66 padding:16px 20px;
67}
68
69@container (max-width: 430px){
70 .admin-ui-page__content.has-padding{
71 padding:16px 24px;
72 }
73}
74.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon{
75 padding:0 8px;
76 width:auto;
77}
78
79.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg{
80 display:none;
81}
82
83.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon:after{
84 content:attr(aria-label);
85 font-size:12px;
86}
87.interface-complementary-area-header{
88 background:#fff;
89 gap:4px;
90 padding-left:8px;
91}
92
93.interface-complementary-area-header .interface-complementary-area-header__title{
94 margin:0 0 0 auto;
95}
96.interface-complementary-area{
97 background:#fff;
98 color:#1e1e1e;
99 height:100%;
100 overflow:auto;
101}
102
103@media (min-width:600px){
104 .interface-complementary-area{
105 -webkit-overflow-scrolling:touch;
106 }
107}
108@media (min-width:782px){
109 .interface-complementary-area{
110 width:280px;
111 }
112}
113.interface-complementary-area .components-panel{
114 border:none;
115 position:relative;
116 z-index:0;
117}
118
119.interface-complementary-area .components-panel__header{
120 position:sticky;
121 top:0;
122 z-index:1;
123}
124
125.interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{
126 top:0;
127}
128
129.interface-complementary-area p:not(.components-base-control__help,.components-form-token-field__help){
130 margin-top:0;
131}
132
133.interface-complementary-area h2{
134 color:#1e1e1e;
135 font-size:13px;
136 font-weight:500;
137 margin-bottom:1.5em;
138}
139
140.interface-complementary-area h3{
141 color:#1e1e1e;
142 font-size:11px;
143 font-weight:500;
144 margin-bottom:1.5em;
145 text-transform:uppercase;
146}
147
148.interface-complementary-area hr{
149 border-bottom:1px solid #f0f0f0;
150 border-top:none;
151 margin:1.5em 0;
152}
153
154.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{
155 box-shadow:none;
156 margin-bottom:1.5em;
157}
158
159.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{
160 margin-bottom:0;
161}
162
163.interface-complementary-area .block-editor-skip-to-selected-block:focus{
164 bottom:10px;
165 left:10px;
166 right:auto;
167 top:auto;
168}
169
170.interface-complementary-area__fill{
171 height:100%;
172}
173
174@media (min-width:782px){
175 body.js.is-fullscreen-mode{
176 height:calc(100% + 32px);
177 margin-top:-32px;
178 }
179 body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{
180 display:none;
181 }
182 body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{
183 margin-right:0;
184 }
185}
186html.interface-interface-skeleton__html-container{
187 position:fixed;
188 width:100%;
189}
190
191@media (min-width:782px){
192 html.interface-interface-skeleton__html-container:not(:has(.is-zoom-out)){
193 position:static;
194 width:auto;
195 }
196}
197.interface-interface-skeleton{
198 bottom:0;
199 display:flex;
200 flex-direction:row;
201 height:auto;
202 left:0;
203 max-height:100%;
204 position:fixed;
205 top:46px;
206}
207
208@media (min-width:783px){
209 .interface-interface-skeleton{
210 top:32px;
211 }
212 .is-fullscreen-mode .interface-interface-skeleton{
213 top:0;
214 }
215}
216.interface-interface-skeleton__editor{
217 display:flex;
218 flex:0 1 100%;
219 flex-direction:column;
220 overflow:hidden;
221}
222
223.interface-interface-skeleton{
224 right:0;
225}
226
227@media (min-width:783px){
228 .interface-interface-skeleton{
229 right:160px;
230 }
231}
232
233@media (min-width:783px){
234 .auto-fold .interface-interface-skeleton{
235 right:36px;
236 }
237}
238@media (min-width:961px){
239 .auto-fold .interface-interface-skeleton{
240 right:160px;
241 }
242}
243.folded .interface-interface-skeleton{
244 right:0;
245}
246
247@media (min-width:783px){
248 .folded .interface-interface-skeleton{
249 right:36px;
250 }
251}
252body.is-fullscreen-mode .interface-interface-skeleton{
253 right:0 !important;
254}
255
256.interface-interface-skeleton__body{
257 display:flex;
258 flex-grow:1;
259 overflow:auto;
260 overscroll-behavior-y:none;
261 position:relative;
262}
263
264@media (min-width:782px){
265 .has-footer .interface-interface-skeleton__body{
266 padding-bottom:25px;
267 }
268}
269.interface-interface-skeleton__content{
270 display:flex;
271 flex-direction:column;
272 flex-grow:1;
273 overflow:auto;
274 z-index:20;
275}
276
277@media (min-width:782px){
278 .interface-interface-skeleton__content{
279 z-index:auto;
280 }
281}
282.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{
283 background:#fff;
284 bottom:0;
285 color:#1e1e1e;
286 flex-shrink:0;
287 position:absolute;
288 right:0;
289 top:0;
290 width:auto;
291 z-index:100000;
292}
293
294@media (min-width:782px){
295 .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{
296 position:relative !important;
297 }
298}
299.interface-interface-skeleton__sidebar{
300 border-top:1px solid #e0e0e0;
301 overflow:hidden;
302}
303
304@media (min-width:782px){
305 .interface-interface-skeleton__sidebar{
306 box-shadow:1px 0 0 0 rgba(0,0,0,.133);
307 outline:1px solid #0000;
308 }
309}
310.interface-interface-skeleton__secondary-sidebar{
311 border-top:1px solid #e0e0e0;
312 left:0;
313}
314
315@media (min-width:782px){
316 .interface-interface-skeleton__secondary-sidebar{
317 box-shadow:-1px 0 0 0 rgba(0,0,0,.133);
318 outline:1px solid #0000;
319 }
320}
321.interface-interface-skeleton__header{
322 box-shadow:0 1px 0 0 rgba(0,0,0,.133);
323 color:#1e1e1e;
324 flex-shrink:0;
325 height:auto;
326 outline:1px solid #0000;
327 z-index:30;
328}
329
330.interface-interface-skeleton__footer{
331 background-color:#fff;
332 border-top:1px solid #e0e0e0;
333 bottom:0;
334 color:#1e1e1e;
335 display:none;
336 flex-shrink:0;
337 height:auto;
338 position:absolute;
339 right:0;
340 width:100%;
341 z-index:90;
342}
343
344@media (min-width:782px){
345 .interface-interface-skeleton__footer{
346 display:flex;
347 }
348}
349.interface-interface-skeleton__footer .block-editor-block-breadcrumb{
350 align-items:center;
351 background:#fff;
352 display:flex;
353 font-size:13px;
354 height:24px;
355 padding:0 18px;
356 z-index:30;
357}
358
359.interface-interface-skeleton__actions{
360 background:#fff;
361 bottom:auto;
362 color:#1e1e1e;
363 left:0;
364 position:fixed !important;
365 right:auto;
366 top:-9999em;
367 width:100vw;
368 z-index:100000;
369}
370
371@media (min-width:782px){
372 .interface-interface-skeleton__actions{
373 width:280px;
374 }
375}
376.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{
377 bottom:0;
378 top:auto;
379}
380
381.is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
382 top:46px;
383}
384
385@media (min-width:782px){
386 .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
387 border-right:1px solid #ddd;
388 top:32px;
389 }
390 .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{
391 top:0;
392 }
393}
394.interface-pinned-items{
395 display:flex;
396}
397
398.interface-pinned-items .components-button{
399 display:none;
400 margin:0;
401}
402
403.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"]{
404 display:flex;
405}
406
407.interface-pinned-items .components-button svg{
408 max-height:24px;
409 max-width:24px;
410}
411
412@media (min-width:600px){
413 .interface-pinned-items .components-button{
414 display:flex;
415 }
416}
417.interface-pinned-items{
418 gap:8px;
419}
420
421.wp-block[data-type="core/widget-area"]{
422 margin-left:auto;
423 margin-right:auto;
424 max-width:700px;
425}
426.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{
427 background:#fff;
428 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
429 height:48px;
430 margin:0;
431 position:relative;
432 transform:translateZ(0);
433 z-index:1;
434}
435.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{
436 background:#fff;
437}
438.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{
439 position:relative;
440 width:auto;
441}
442.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{
443 max-width:100%;
444}
445.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{
446 padding:0;
447}
448
449.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{
450 margin:0;
451 padding:0;
452}
453.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{
454 margin-top:-48px;
455 min-height:32px;
456 padding:72px 16px 16px;
457}
458
459.wp-block-widget-area__highlight-drop-zone{
460 outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
461}
462
463body.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 *{
464 pointer-events:none;
465}
466
467.edit-widgets-error-boundary{
468 box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
469 margin:64px auto auto;
470 max-width:780px;
471 padding:20px;
472}
473
474.edit-widgets-header{
475 align-items:center;
476 background:#fff;
477 display:flex;
478 height:64px;
479 justify-content:space-between;
480 overflow:auto;
481}
482@media (min-width:600px){
483 .edit-widgets-header{
484 overflow:visible;
485 }
486}
487.edit-widgets-header .selected-block-tools-wrapper{
488 align-items:center;
489 display:flex;
490 height:64px;
491 overflow:hidden;
492}
493.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-contextual-toolbar{
494 border-bottom:0;
495 height:100%;
496}
497.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar{
498 height:100%;
499 padding-top:17px;
500}
501.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button){
502 height:32px;
503}
504.edit-widgets-header .selected-block-tools-wrapper .components-toolbar,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group{
505 border-left:none;
506}
507.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group:after,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar:after{
508 background-color:#ddd;
509 content:"";
510 height:24px;
511 margin-right:8px;
512 margin-top:4px;
513 width:1px;
514}
515.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{
516 display:none;
517}
518.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button{
519 height:32px;
520 overflow:visible;
521}
522@media (min-width:600px){
523 .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{
524 position:relative;
525 top:-10px;
526 }
527}
528
529.edit-widgets-header__navigable-toolbar-wrapper{
530 align-items:center;
531 display:flex;
532 flex-shrink:2;
533 height:64px;
534 justify-content:center;
535 overflow:hidden;
536 padding-left:8px;
537 padding-right:16px;
538}
539
540.edit-widgets-header__title{
541 font-size:20px;
542 margin:0 0 0 20px;
543 padding:0;
544}
545
546.edit-widgets-header__actions{
547 align-items:center;
548 display:flex;
549 padding-left:4px;
550}
551@media (min-width:600px){
552 .edit-widgets-header__actions{
553 padding-left:8px;
554 }
555}
556.edit-widgets-header__actions{
557 gap:8px;
558}
559
560.edit-widgets-header-toolbar{
561 gap:8px;
562 margin-left:8px;
563}
564.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{
565 height:32px;
566 min-width:32px;
567 padding:4px;
568}
569.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{
570 background:#1e1e1e;
571}
572.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){
573 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
574 outline:1px solid #0000;
575}
576.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{
577 display:none;
578}
579
580.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{
581 padding-left:8px;
582 padding-right:8px;
583}
584@media (min-width:600px){
585 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{
586 padding-left:12px;
587 padding-right:12px;
588 }
589}
590.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{
591 content:none;
592}
593@media not (prefers-reduced-motion){
594 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{
595 transition:transform .2s cubic-bezier(.165, .84, .44, 1);
596 }
597}
598.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{
599 transform:rotate(-45deg);
600}
601
602.edit-widgets-keyboard-shortcut-help-modal__section{
603 margin:0 0 2rem;
604}
605.edit-widgets-keyboard-shortcut-help-modal__section-title{
606 font-size:.9rem;
607 font-weight:600;
608}
609.edit-widgets-keyboard-shortcut-help-modal__shortcut{
610 align-items:baseline;
611 border-top:1px solid #ddd;
612 display:flex;
613 margin-bottom:0;
614 padding:.6rem 0;
615}
616.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{
617 border-bottom:1px solid #ddd;
618}
619.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{
620 display:none;
621}
622.edit-widgets-keyboard-shortcut-help-modal__shortcut-term{
623 font-weight:600;
624 margin:0 1rem 0 0;
625 text-align:left;
626}
627.edit-widgets-keyboard-shortcut-help-modal__shortcut-description{
628 flex:1;
629 margin:0;
630}
631.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{
632 background:none;
633 display:block;
634 margin:0;
635 padding:0;
636}
637.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{
638 margin-top:10px;
639}
640.edit-widgets-keyboard-shortcut-help-modal__shortcut-key{
641 border-radius:8%;
642 margin:0 .2rem;
643 padding:.25rem .5rem;
644}
645.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{
646 margin:0 .2rem 0 0;
647}
648
649.components-panel__header.edit-widgets-sidebar__panel-tabs{
650 padding-right:0;
651}
652
653.edit-widgets-widget-areas__top-container{
654 display:flex;
655 padding:16px;
656}
657.edit-widgets-widget-areas__top-container .block-editor-block-icon{
658 margin-left:16px;
659}
660
661.edit-widgets-notices__snackbar{
662 bottom:20px;
663 left:0;
664 padding-left:16px;
665 padding-right:16px;
666 position:fixed;
667 right:0;
668}
669@media (min-width:783px){
670 .edit-widgets-notices__snackbar{
671 right:160px;
672 }
673}
674@media (min-width:783px){
675 .auto-fold .edit-widgets-notices__snackbar{
676 right:36px;
677 }
678}
679@media (min-width:961px){
680 .auto-fold .edit-widgets-notices__snackbar{
681 right:160px;
682 }
683}
684.folded .edit-widgets-notices__snackbar{
685 right:0;
686}
687@media (min-width:783px){
688 .folded .edit-widgets-notices__snackbar{
689 right:36px;
690 }
691}
692
693body.is-fullscreen-mode .edit-widgets-notices__snackbar{
694 right:0 !important;
695}
696
697.edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{
698 border-bottom:1px solid #0003;
699 box-sizing:border-box;
700 min-height:64px;
701 padding:0 12px;
702}
703.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{
704 margin-top:12px;
705}
706
707.edit-widgets-layout__inserter-panel{
708 display:flex;
709 flex-direction:column;
710 height:100%;
711}
712.edit-widgets-layout__inserter-panel .block-editor-inserter__menu{
713 overflow:hidden;
714}
715
716.edit-widgets-layout__inserter-panel-content{
717 height:calc(100% - 44px);
718}
719.edit-widgets-layout__inserter-panel-content .block-editor-inserter__tablist-and-close{
720 display:none;
721}
722@media (min-width:782px){
723 .edit-widgets-layout__inserter-panel-content{
724 height:100%;
725 }
726}
727
728.components-popover.more-menu-dropdown__content{
729 z-index:99998;
730}
731
732.edit-widgets-welcome-guide{
733 width:312px;
734}
735.edit-widgets-welcome-guide__image{
736 background:#00a0d2;
737 margin:0 0 16px;
738}
739.edit-widgets-welcome-guide__image>img{
740 display:block;
741 max-width:100%;
742 object-fit:cover;
743}
744.edit-widgets-welcome-guide__heading{
745 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
746 font-size:24px;
747 line-height:1.4;
748 margin:16px 0;
749 padding:0 32px;
750}
751.edit-widgets-welcome-guide__text{
752 font-size:13px;
753 line-height:1.4;
754 margin:0 0 24px;
755 padding:0 32px;
756}
757.edit-widgets-welcome-guide__inserter-icon{
758 margin:0 4px;
759 vertical-align:text-top;
760}
761
762.edit-widgets-block-editor{
763 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
764 position:relative;
765}
766.edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor>div:last-of-type{
767 display:flex;
768 flex-direction:column;
769 flex-grow:1;
770}
771.edit-widgets-block-editor .edit-widgets-main-block-list{
772 height:100%;
773}
774.edit-widgets-block-editor .components-button{
775 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
776 font-size:13px;
777}
778.edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{
779 padding:6px;
780}
781
782.edit-widgets-editor__list-view-panel{
783 display:flex;
784 flex-direction:column;
785 height:100%;
786 min-width:350px;
787}
788
789.edit-widgets-editor__list-view-panel-content{
790 height:calc(100% - 44px);
791 overflow-y:auto;
792 padding:8px;
793}
794
795.edit-widgets-editor__list-view-panel-header{
796 align-items:center;
797 border-bottom:1px solid #ddd;
798 display:flex;
799 height:48px;
800 justify-content:space-between;
801 padding-left:8px;
802 padding-right:16px;
803}
804
805body.js.appearance_page_gutenberg-widgets,body.js.widgets-php{
806 background:#fff;
807}
808body.js.appearance_page_gutenberg-widgets #wpcontent,body.js.widgets-php #wpcontent{
809 padding-right:0;
810}
811body.js.appearance_page_gutenberg-widgets #wpbody-content,body.js.widgets-php #wpbody-content{
812 padding-bottom:0;
813}
814body.js.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.js.appearance_page_gutenberg-widgets #wpfooter,body.js.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.js.widgets-php #wpfooter{
815 display:none;
816}
817body.js.appearance_page_gutenberg-widgets .a11y-speak-region,body.js.widgets-php .a11y-speak-region{
818 right:-1px;
819 top:-1px;
820}
821body.js.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.js.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.js.widgets-php ul#adminmenu a.wp-has-current-submenu:after,body.js.widgets-php ul#adminmenu>li.current>a.current:after{
822 border-left-color:#fff;
823}
824body.js.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.js.widgets-php .media-frame select.attachment-filters:last-of-type{
825 max-width:100%;
826 width:auto;
827}
828
829.blocks-widgets-container{
830 box-sizing:border-box;
831}
832.blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before{
833 box-sizing:inherit;
834}
835@media (min-width:600px){
836 .blocks-widgets-container{
837 bottom:0;
838 left:0;
839 min-height:calc(100vh - 46px);
840 position:absolute;
841 right:0;
842 top:0;
843 }
844}
845@media (min-width:782px){
846 .blocks-widgets-container{
847 min-height:calc(100vh - 32px);
848 }
849}
850.blocks-widgets-container .interface-interface-skeleton__content{
851 background-color:#f0f0f0;
852}
853
854.blocks-widgets-container .editor-styles-wrapper{
855 margin:auto;
856 max-width:700px;
857}
858
859.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{
860 display:none;
861}
862
863.js .widgets-php .notice{
864 display:none !important;
865}
866
867body.admin-color-light{
868 --wp-admin-theme-color:#0085ba;
869 --wp-admin-theme-color--rgb:0, 133, 186;
870 --wp-admin-theme-color-darker-10:#0073a1;
871 --wp-admin-theme-color-darker-10--rgb:0, 114.7661290323, 160.5;
872 --wp-admin-theme-color-darker-20:#006187;
873 --wp-admin-theme-color-darker-20--rgb:0, 96.5322580645, 135;
874 --wp-admin-border-width-focus:2px;
875}
876@media (min-resolution:192dpi){
877 body.admin-color-light{
878 --wp-admin-border-width-focus:1.5px;
879 }
880}
881
882body.admin-color-modern{
883 --wp-admin-theme-color:#3858e9;
884 --wp-admin-theme-color--rgb:56, 88, 233;
885 --wp-admin-theme-color-darker-10:#2145e6;
886 --wp-admin-theme-color-darker-10--rgb:33.0384615385, 68.7307692308, 230.4615384615;
887 --wp-admin-theme-color-darker-20:#183ad6;
888 --wp-admin-theme-color-darker-20--rgb:23.6923076923, 58.1538461538, 214.3076923077;
889 --wp-admin-border-width-focus:2px;
890}
891@media (min-resolution:192dpi){
892 body.admin-color-modern{
893 --wp-admin-border-width-focus:1.5px;
894 }
895}
896
897body.admin-color-blue{
898 --wp-admin-theme-color:#096484;
899 --wp-admin-theme-color--rgb:9, 100, 132;
900 --wp-admin-theme-color-darker-10:#07526c;
901 --wp-admin-theme-color-darker-10--rgb:7.3723404255, 81.914893617, 108.1276595745;
902 --wp-admin-theme-color-darker-20:#064054;
903 --wp-admin-theme-color-darker-20--rgb:5.7446808511, 63.829787234, 84.2553191489;
904 --wp-admin-border-width-focus:2px;
905}
906@media (min-resolution:192dpi){
907 body.admin-color-blue{
908 --wp-admin-border-width-focus:1.5px;
909 }
910}
911
912body.admin-color-coffee{
913 --wp-admin-theme-color:#46403c;
914 --wp-admin-theme-color--rgb:70, 64, 60;
915 --wp-admin-theme-color-darker-10:#383330;
916 --wp-admin-theme-color-darker-10--rgb:56.2692307692, 51.4461538462, 48.2307692308;
917 --wp-admin-theme-color-darker-20:#2b2724;
918 --wp-admin-theme-color-darker-20--rgb:42.5384615385, 38.8923076923, 36.4615384615;
919 --wp-admin-border-width-focus:2px;
920}
921@media (min-resolution:192dpi){
922 body.admin-color-coffee{
923 --wp-admin-border-width-focus:1.5px;
924 }
925}
926
927body.admin-color-ectoplasm{
928 --wp-admin-theme-color:#523f6d;
929 --wp-admin-theme-color--rgb:82, 63, 109;
930 --wp-admin-theme-color-darker-10:#46365d;
931 --wp-admin-theme-color-darker-10--rgb:69.8430232558, 53.6598837209, 92.8401162791;
932 --wp-admin-theme-color-darker-20:#3a2c4d;
933 --wp-admin-theme-color-darker-20--rgb:57.6860465116, 44.3197674419, 76.6802325581;
934 --wp-admin-border-width-focus:2px;
935}
936@media (min-resolution:192dpi){
937 body.admin-color-ectoplasm{
938 --wp-admin-border-width-focus:1.5px;
939 }
940}
941
942body.admin-color-midnight{
943 --wp-admin-theme-color:#e14d43;
944 --wp-admin-theme-color--rgb:225, 77, 67;
945 --wp-admin-theme-color-darker-10:#dd382d;
946 --wp-admin-theme-color-darker-10--rgb:221.4908256881, 56.1788990826, 45.0091743119;
947 --wp-admin-theme-color-darker-20:#d02c21;
948 --wp-admin-theme-color-darker-20--rgb:207.8348623853, 44.2201834862, 33.1651376147;
949 --wp-admin-border-width-focus:2px;
950}
951@media (min-resolution:192dpi){
952 body.admin-color-midnight{
953 --wp-admin-border-width-focus:1.5px;
954 }
955}
956
957body.admin-color-ocean{
958 --wp-admin-theme-color:#627c83;
959 --wp-admin-theme-color--rgb:98, 124, 131;
960 --wp-admin-theme-color-darker-10:#576e74;
961 --wp-admin-theme-color-darker-10--rgb:87.0873362445, 110.192139738, 116.4126637555;
962 --wp-admin-theme-color-darker-20:#4c6066;
963 --wp-admin-theme-color-darker-20--rgb:76.1746724891, 96.384279476, 101.8253275109;
964 --wp-admin-border-width-focus:2px;
965}
966@media (min-resolution:192dpi){
967 body.admin-color-ocean{
968 --wp-admin-border-width-focus:1.5px;
969 }
970}
971
972body.admin-color-sunrise{
973 --wp-admin-theme-color:#dd823b;
974 --wp-admin-theme-color--rgb:221, 130, 59;
975 --wp-admin-theme-color-darker-10:#d97426;
976 --wp-admin-theme-color-darker-10--rgb:216.8782608696, 116.1847826087, 37.6217391304;
977 --wp-admin-theme-color-darker-20:#c36922;
978 --wp-admin-theme-color-darker-20--rgb:195.147826087, 104.5434782609, 33.852173913;
979 --wp-admin-border-width-focus:2px;
980}
981@media (min-resolution:192dpi){
982 body.admin-color-sunrise{
983 --wp-admin-border-width-focus:1.5px;
984 }
985}