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
88.edit-post-fullscreen-mode-close__view-mode-toggle{
89 height:64px;
90 left:0;
91 top:0;
92 width:64px;
93 z-index:100;
94}
95.edit-post-fullscreen-mode-close__view-mode-toggle .components-button{
96 align-items:center;
97 border-radius:0;
98 color:#fff;
99 display:flex;
100 height:100%;
101 justify-content:center;
102 overflow:hidden;
103 padding:0;
104 width:100%;
105}
106.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:active,.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:hover{
107 color:#fff;
108}
109.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:focus{
110 box-shadow:none;
111}
112.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img,.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg{
113 background:#1e1e1e;
114 display:block;
115}
116
117.edit-post-fullscreen-mode-close-site-icon__icon{
118 fill:currentColor;
119 height:100%;
120 padding:12px;
121 width:100%;
122}
123
124.edit-post-fullscreen-mode-close-site-icon__image{
125 aspect-ratio:1/1;
126 background:#333;
127 height:100%;
128 object-fit:cover;
129 width:100%;
130}
131
132.edit-post-fullscreen-mode-close.components-button:focus{
133 position:relative;
134}
135.edit-post-fullscreen-mode-close.components-button:focus:before{
136 bottom:0;
137 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
138 content:"";
139 display:block;
140 left:0;
141 position:absolute;
142 right:0;
143 top:0;
144 z-index:1;
145}
146
147.edit-post-fullscreen-mode-close__back-icon{
148 align-items:center;
149 background-color:#ccc;
150 display:flex;
151 height:64px;
152 justify-content:center;
153 left:0;
154 pointer-events:none;
155 position:absolute;
156 top:0;
157 width:64px;
158}
159.edit-post-fullscreen-mode-close__back-icon svg{
160 fill:currentColor;
161}
162.edit-post-fullscreen-mode-close__back-icon.has-site-icon{
163 backdrop-filter:saturate(180%) blur(15px);
164 background-color:#fff9;
165}
166.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon{
167 width:64px;
168}
169.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg{
170 display:block;
171}
172.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon:after{
173 content:none;
174}
175
176.edit-post-meta-boxes-main{
177 background-color:#fff;
178 display:flex;
179 filter:drop-shadow(0 -1px rgba(0, 0, 0, .133));
180 flex-direction:column;
181 outline:1px solid #0000;
182 overflow:hidden;
183 padding-block-start:32px;
184}
185
186.edit-post-meta-boxes-main__presenter{
187 box-shadow:0 1px #ddd;
188 display:flex;
189 height:32px;
190 inset:0 0 auto;
191 outline:1px solid #0000;
192 position:relative;
193 z-index:10000;
194}
195.edit-post-meta-boxes-main__presenter>button{
196 appearance:none;
197 background-color:initial;
198 border:none;
199 outline:none;
200 padding:0;
201}
202.edit-post-meta-boxes-main__presenter>button[aria-expanded]{
203 align-items:center;
204 cursor:pointer;
205 display:flex;
206 justify-content:space-between;
207 padding-inline:24px 12px;
208 width:100%;
209}
210.edit-post-meta-boxes-main__presenter>button[aria-expanded]:is(:hover,:focus-visible){
211 color:var(--wp-admin-theme-color);
212}
213.edit-post-meta-boxes-main__presenter>button[aria-expanded]:focus-visible:after{
214 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
215 content:"";
216 inset:var(--wp-admin-border-width-focus);
217 outline:2px solid #0000;
218 position:absolute;
219}
220.edit-post-meta-boxes-main__presenter>button[aria-expanded]>svg{
221 fill:currentColor;
222}
223.edit-post-meta-boxes-main__presenter button[role=separator]{
224 cursor:row-resize;
225 inset:0;
226 margin:auto;
227 position:absolute;
228 width:64px;
229}
230.edit-post-meta-boxes-main__presenter button[role=separator]:before{
231 background-color:#ddd;
232 border-radius:2px;
233 content:"";
234 height:4px;
235 inset-block:calc(50% - 2px) auto;
236 outline:2px solid #0000;
237 outline-offset:-2px;
238 position:absolute;
239 transform:translateX(-50%);
240 width:inherit;
241}
242@media not (prefers-reduced-motion){
243 .edit-post-meta-boxes-main__presenter button[role=separator]:before{
244 transition:width .3s ease-out;
245 }
246}
247.edit-post-meta-boxes-main__presenter button[role=separator]:is(:hover,:focus-visible):before{
248 background-color:var(--wp-admin-theme-color);
249 width:80px;
250}
251
252@media (pointer:coarse){
253 .edit-post-meta-boxes-main{
254 padding-block-start:36px;
255 }
256 .edit-post-meta-boxes-main__presenter{
257 height:36px;
258 }
259}
260.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner{
261 overflow:auto;
262}
263.edit-post-meta-boxes-main__liner{
264 isolation:isolate;
265}
266.is-resizing.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner{
267 display:unset;
268}
269
270.edit-post-layout__metaboxes{
271 clear:both;
272}
273
274.has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor{
275 flex-basis:0%;
276 flex-shrink:1;
277}
278
279.has-metaboxes .editor-visual-editor.is-iframed{
280 isolation:isolate;
281}
282
283.components-editor-notices__snackbar{
284 bottom:24px;
285 padding-left:24px;
286 padding-right:24px;
287 position:fixed;
288 right:0;
289}
290
291.edit-post-layout .components-editor-notices__snackbar{
292 left:0;
293}
294@media (min-width:783px){
295 .edit-post-layout .components-editor-notices__snackbar{
296 left:160px;
297 }
298}
299@media (min-width:783px){
300 .auto-fold .edit-post-layout .components-editor-notices__snackbar{
301 left:36px;
302 }
303}
304@media (min-width:961px){
305 .auto-fold .edit-post-layout .components-editor-notices__snackbar{
306 left:160px;
307 }
308}
309.folded .edit-post-layout .components-editor-notices__snackbar{
310 left:0;
311}
312@media (min-width:783px){
313 .folded .edit-post-layout .components-editor-notices__snackbar{
314 left:36px;
315 }
316}
317
318body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{
319 left:0 !important;
320}
321
322.edit-post-meta-boxes-area{
323 position:relative;
324}
325.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{
326 box-sizing:initial;
327}
328.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{
329 box-sizing:border-box;
330}
331.edit-post-meta-boxes-area .postbox-header{
332 border-bottom:0;
333 border-top:1px solid #ddd;
334}
335.edit-post-meta-boxes-area #poststuff{
336 margin:0 auto;
337 min-width:auto;
338 padding-top:0;
339}
340.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{
341 box-sizing:border-box;
342 color:inherit;
343 font-weight:600;
344 outline:none;
345 padding:0 24px;
346 position:relative;
347 width:100%;
348}
349.edit-post-meta-boxes-area .postbox{
350 border:0;
351 color:inherit;
352 margin-bottom:0;
353}
354.edit-post-meta-boxes-area .postbox>.inside{
355 color:inherit;
356 margin:0;
357 padding:0 24px 24px;
358}
359.edit-post-meta-boxes-area .postbox .handlediv{
360 height:44px;
361 width:44px;
362}
363.edit-post-meta-boxes-area.is-loading:before{
364 background:#0000;
365 bottom:0;
366 content:"";
367 left:0;
368 position:absolute;
369 right:0;
370 top:0;
371 z-index:1;
372}
373.edit-post-meta-boxes-area .components-spinner{
374 position:absolute;
375 right:20px;
376 top:10px;
377 z-index:5;
378}
379.edit-post-meta-boxes-area .is-hidden{
380 display:none;
381}
382.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{
383 border:1px solid #757575;
384}
385.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{
386 background:#fff;
387 border-color:#757575;
388}
389.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{
390 margin:-3px -4px;
391}
392
393.edit-post-meta-boxes-area__clear{
394 clear:both;
395}
396
397.edit-post-welcome-guide,.edit-template-welcome-guide{
398 width:312px;
399}
400.edit-post-welcome-guide__image,.edit-template-welcome-guide__image{
401 background:#00a0d2;
402 margin:0 0 16px;
403}
404.edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{
405 display:block;
406 max-width:100%;
407 object-fit:cover;
408}
409.edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{
410 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
411 font-size:24px;
412 line-height:1.4;
413 margin:16px 0;
414 padding:0 32px;
415}
416.edit-post-welcome-guide__text,.edit-template-welcome-guide__text{
417 font-size:13px;
418 line-height:1.4;
419 margin:0 0 24px;
420 padding:0 32px;
421}
422.edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{
423 margin:0 4px;
424 vertical-align:text-top;
425}
426
427.edit-template-welcome-guide .components-button svg{
428 fill:#fff;
429}
430
431body.js.block-editor-page{
432 background:#fff;
433}
434body.js.block-editor-page #wpcontent{
435 padding-left:0;
436}
437body.js.block-editor-page #wpbody-content{
438 padding-bottom:0;
439}
440body.js.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.js.block-editor-page #wpfooter{
441 display:none;
442}
443body.js.block-editor-page .a11y-speak-region{
444 left:-1px;
445 top:-1px;
446}
447body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.js.block-editor-page ul#adminmenu>li.current>a.current:after{
448 border-right-color:#fff;
449}
450body.js.block-editor-page .media-frame select.attachment-filters:last-of-type{
451 max-width:100%;
452 width:auto;
453}
454
455.block-editor-page #wpwrap{
456 overflow-y:auto;
457}
458@media (min-width:782px){
459 .block-editor-page #wpwrap{
460 overflow-y:initial;
461 }
462}
463
464.edit-post-visual-editor.is-iframed{
465 box-sizing:border-box;
466}
467.edit-post-visual-editor.is-iframed *,.edit-post-visual-editor.is-iframed :after,.edit-post-visual-editor.is-iframed :before{
468 box-sizing:inherit;
469}
470
471@media (min-width:600px){
472 .block-editor__container{
473 bottom:0;
474 left:0;
475 min-height:calc(100vh - 46px);
476 position:absolute;
477 right:0;
478 top:0;
479 }
480}
481@media (min-width:782px){
482 .block-editor__container{
483 min-height:calc(100vh - 32px);
484 }
485 body.is-fullscreen-mode .block-editor__container{
486 min-height:100vh;
487 }
488}
489.block-editor__container img{
490 height:auto;
491 max-width:100%;
492}
493
494body.admin-color-light{
495 --wp-admin-theme-color:#0085ba;
496 --wp-admin-theme-color--rgb:0, 133, 186;
497 --wp-admin-theme-color-darker-10:#0073a1;
498 --wp-admin-theme-color-darker-10--rgb:0, 114.7661290323, 160.5;
499 --wp-admin-theme-color-darker-20:#006187;
500 --wp-admin-theme-color-darker-20--rgb:0, 96.5322580645, 135;
501 --wp-admin-border-width-focus:2px;
502}
503@media (min-resolution:192dpi){
504 body.admin-color-light{
505 --wp-admin-border-width-focus:1.5px;
506 }
507}
508
509body.admin-color-modern{
510 --wp-admin-theme-color:#3858e9;
511 --wp-admin-theme-color--rgb:56, 88, 233;
512 --wp-admin-theme-color-darker-10:#2145e6;
513 --wp-admin-theme-color-darker-10--rgb:33.0384615385, 68.7307692308, 230.4615384615;
514 --wp-admin-theme-color-darker-20:#183ad6;
515 --wp-admin-theme-color-darker-20--rgb:23.6923076923, 58.1538461538, 214.3076923077;
516 --wp-admin-border-width-focus:2px;
517}
518@media (min-resolution:192dpi){
519 body.admin-color-modern{
520 --wp-admin-border-width-focus:1.5px;
521 }
522}
523
524body.admin-color-blue{
525 --wp-admin-theme-color:#096484;
526 --wp-admin-theme-color--rgb:9, 100, 132;
527 --wp-admin-theme-color-darker-10:#07526c;
528 --wp-admin-theme-color-darker-10--rgb:7.3723404255, 81.914893617, 108.1276595745;
529 --wp-admin-theme-color-darker-20:#064054;
530 --wp-admin-theme-color-darker-20--rgb:5.7446808511, 63.829787234, 84.2553191489;
531 --wp-admin-border-width-focus:2px;
532}
533@media (min-resolution:192dpi){
534 body.admin-color-blue{
535 --wp-admin-border-width-focus:1.5px;
536 }
537}
538
539body.admin-color-coffee{
540 --wp-admin-theme-color:#46403c;
541 --wp-admin-theme-color--rgb:70, 64, 60;
542 --wp-admin-theme-color-darker-10:#383330;
543 --wp-admin-theme-color-darker-10--rgb:56.2692307692, 51.4461538462, 48.2307692308;
544 --wp-admin-theme-color-darker-20:#2b2724;
545 --wp-admin-theme-color-darker-20--rgb:42.5384615385, 38.8923076923, 36.4615384615;
546 --wp-admin-border-width-focus:2px;
547}
548@media (min-resolution:192dpi){
549 body.admin-color-coffee{
550 --wp-admin-border-width-focus:1.5px;
551 }
552}
553
554body.admin-color-ectoplasm{
555 --wp-admin-theme-color:#523f6d;
556 --wp-admin-theme-color--rgb:82, 63, 109;
557 --wp-admin-theme-color-darker-10:#46365d;
558 --wp-admin-theme-color-darker-10--rgb:69.8430232558, 53.6598837209, 92.8401162791;
559 --wp-admin-theme-color-darker-20:#3a2c4d;
560 --wp-admin-theme-color-darker-20--rgb:57.6860465116, 44.3197674419, 76.6802325581;
561 --wp-admin-border-width-focus:2px;
562}
563@media (min-resolution:192dpi){
564 body.admin-color-ectoplasm{
565 --wp-admin-border-width-focus:1.5px;
566 }
567}
568
569body.admin-color-midnight{
570 --wp-admin-theme-color:#e14d43;
571 --wp-admin-theme-color--rgb:225, 77, 67;
572 --wp-admin-theme-color-darker-10:#dd382d;
573 --wp-admin-theme-color-darker-10--rgb:221.4908256881, 56.1788990826, 45.0091743119;
574 --wp-admin-theme-color-darker-20:#d02c21;
575 --wp-admin-theme-color-darker-20--rgb:207.8348623853, 44.2201834862, 33.1651376147;
576 --wp-admin-border-width-focus:2px;
577}
578@media (min-resolution:192dpi){
579 body.admin-color-midnight{
580 --wp-admin-border-width-focus:1.5px;
581 }
582}
583
584body.admin-color-ocean{
585 --wp-admin-theme-color:#627c83;
586 --wp-admin-theme-color--rgb:98, 124, 131;
587 --wp-admin-theme-color-darker-10:#576e74;
588 --wp-admin-theme-color-darker-10--rgb:87.0873362445, 110.192139738, 116.4126637555;
589 --wp-admin-theme-color-darker-20:#4c6066;
590 --wp-admin-theme-color-darker-20--rgb:76.1746724891, 96.384279476, 101.8253275109;
591 --wp-admin-border-width-focus:2px;
592}
593@media (min-resolution:192dpi){
594 body.admin-color-ocean{
595 --wp-admin-border-width-focus:1.5px;
596 }
597}
598
599body.admin-color-sunrise{
600 --wp-admin-theme-color:#dd823b;
601 --wp-admin-theme-color--rgb:221, 130, 59;
602 --wp-admin-theme-color-darker-10:#d97426;
603 --wp-admin-theme-color-darker-10--rgb:216.8782608696, 116.1847826087, 37.6217391304;
604 --wp-admin-theme-color-darker-20:#c36922;
605 --wp-admin-theme-color-darker-20--rgb:195.147826087, 104.5434782609, 33.852173913;
606 --wp-admin-border-width-focus:2px;
607}
608@media (min-resolution:192dpi){
609 body.admin-color-sunrise{
610 --wp-admin-border-width-focus:1.5px;
611 }
612}