1@charset "UTF-8";
2.admin-ui-page{
3 background-color:#fff;
4 color:#2f2f2f;
5 container:admin-ui-page/inline-size;
6 display:flex;
7 flex-flow:column;
8 height:100%;
9 position:relative;
10 z-index:1;
11}
12
13@media not (prefers-reduced-motion){
14 .admin-ui-page{
15 transition:width .2s ease-out;
16 }
17}
18.admin-ui-page__header{
19 background:#fff;
20 border-bottom:1px solid #f0f0f0;
21 padding:16px 48px;
22 position:sticky;
23 top:0;
24}
25
26@container (max-width: 430px){
27 .admin-ui-page__header{
28 padding:16px 24px;
29 }
30}
31.admin-ui-page__header-subtitle{
32 color:#757575;
33 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
34 font-size:13px;
35 font-weight:400;
36 line-height:20px;
37 margin:0;
38 padding-block-end:8px;
39}
40
41.admin-ui-page__content{
42 display:flex;
43 flex-direction:column;
44 flex-grow:1;
45 overflow:auto;
46}
47
48.admin-ui-page__content.has-padding{
49 padding:16px 20px;
50}
51
52@container (max-width: 430px){
53 .admin-ui-page__content.has-padding{
54 padding:16px 24px;
55 }
56}
57.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon{
58 padding:0 8px;
59 width:auto;
60}
61
62.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg{
63 display:none;
64}
65
66.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon:after{
67 content:attr(aria-label);
68 font-size:12px;
69}
70.dataviews-picker-wrapper,.dataviews-wrapper{
71 box-sizing:border-box;
72 container:dataviews-wrapper/inline-size;
73 display:flex;
74 flex-direction:column;
75 font-size:13px;
76 height:100%;
77 line-height:1.4;
78 overflow:auto;
79 scroll-padding-bottom:64px;
80}
81
82.dataviews-filters__container,.dataviews__view-actions{
83 box-sizing:border-box;
84 flex-shrink:0;
85 left:0;
86 padding:16px 48px;
87 position:sticky;
88}
89
90@media not (prefers-reduced-motion){
91 .dataviews-filters__container,.dataviews__view-actions{
92 transition:padding .1s ease-out;
93 }
94}
95.dataviews-loading,.dataviews-no-results{
96 align-items:center;
97 display:flex;
98 flex-grow:1;
99 justify-content:center;
100 padding:0 48px;
101}
102
103@media not (prefers-reduced-motion){
104 .dataviews-loading,.dataviews-no-results{
105 transition:padding .1s ease-out;
106 }
107}
108.dataviews-loading-more{
109 text-align:center;
110}
111
112@container (max-width: 430px){
113 .dataviews-filters__container,.dataviews__view-actions{
114 padding:12px 24px;
115 }
116 .dataviews-loading,.dataviews-no-results{
117 padding-left:24px;
118 padding-right:24px;
119 }
120}
121.dataviews-title-field{
122 font-size:13px;
123 font-weight:500;
124 width:100%;
125}
126
127.dataviews-title-field,.dataviews-title-field a{
128 color:#2f2f2f;
129 text-overflow:ellipsis;
130 white-space:nowrap;
131}
132
133.dataviews-title-field a{
134 display:block;
135 flex-grow:0;
136 overflow:hidden;
137 text-decoration:none;
138}
139
140.dataviews-title-field a:hover{
141 color:var(--wp-admin-theme-color);
142}
143
144.dataviews-title-field a:focus{
145 border-radius:2px;
146 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
147 color:var(--wp-admin-theme-color--rgb);
148}
149
150.dataviews-title-field button.components-button.is-link{
151 color:#1e1e1e;
152 display:block;
153 font-weight:inherit;
154 overflow:hidden;
155 text-decoration:none;
156 text-overflow:ellipsis;
157 white-space:nowrap;
158 width:100%;
159}
160
161.dataviews-title-field button.components-button.is-link:hover{
162 color:var(--wp-admin-theme-color);
163}
164
165.dataviews-title-field--clickable{
166 color:#2f2f2f;
167 cursor:pointer;
168}
169
170.dataviews-title-field--clickable:hover{
171 color:var(--wp-admin-theme-color);
172}
173
174.dataviews-title-field--clickable:focus{
175 border-radius:2px;
176 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
177 color:var(--wp-admin-theme-color--rgb);
178}
179.components-card__body:has(>.dataviews-picker-wrapper),.components-card__body:has(>.dataviews-wrapper){
180 overflow:hidden;
181 padding:8px 0 0;
182}
183
184.components-card__body:has(>.dataviews-picker-wrapper) .dataviews-filters__container,.components-card__body:has(>.dataviews-picker-wrapper) .dataviews-footer,.components-card__body:has(>.dataviews-picker-wrapper) .dataviews-loading,.components-card__body:has(>.dataviews-picker-wrapper) .dataviews-no-results,.components-card__body:has(>.dataviews-picker-wrapper) .dataviews-view-grid,.components-card__body:has(>.dataviews-picker-wrapper) .dataviews__view-actions,.components-card__body:has(>.dataviews-wrapper) .dataviews-filters__container,.components-card__body:has(>.dataviews-wrapper) .dataviews-footer,.components-card__body:has(>.dataviews-wrapper) .dataviews-loading,.components-card__body:has(>.dataviews-wrapper) .dataviews-no-results,.components-card__body:has(>.dataviews-wrapper) .dataviews-view-grid,.components-card__body:has(>.dataviews-wrapper) .dataviews__view-actions{
185 padding-inline:24px;
186}
187
188.components-card__body:has(>.dataviews-picker-wrapper) .dataviews-view-table tr td:first-child,.components-card__body:has(>.dataviews-picker-wrapper) .dataviews-view-table tr th:first-child,.components-card__body:has(>.dataviews-wrapper) .dataviews-view-table tr td:first-child,.components-card__body:has(>.dataviews-wrapper) .dataviews-view-table tr th:first-child{
189 padding-inline-start:24px;
190}
191
192.components-card__body:has(>.dataviews-picker-wrapper) .dataviews-view-table tr td:last-child,.components-card__body:has(>.dataviews-picker-wrapper) .dataviews-view-table tr th:last-child,.components-card__body:has(>.dataviews-wrapper) .dataviews-view-table tr td:last-child,.components-card__body:has(>.dataviews-wrapper) .dataviews-view-table tr th:last-child{
193 padding-inline-end:24px;
194}
195
196.dataviews-bulk-actions-footer__item-count{
197 color:#1e1e1e;
198 font-size:11px;
199 font-weight:500;
200 text-transform:uppercase;
201}
202
203.dataviews-bulk-actions-footer__container{
204 margin-right:auto;
205 min-height:32px;
206}
207
208.dataviews-filters__button{
209 position:relative;
210}
211
212.dataviews-filters__container{
213 padding-top:0;
214}
215
216.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover{
217 opacity:0;
218}
219
220.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus{
221 opacity:1;
222}
223
224.dataviews-filters__summary-popover{
225 font-size:13px;
226 line-height:1.4;
227}
228
229.dataviews-filters__summary-popover .components-popover__content{
230 border-radius:4px;
231 max-width:250px;
232 min-width:230px;
233 width:100%;
234}
235
236.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content{
237 padding:0;
238}
239
240.dataviews-filters__summary-operators-container{
241 padding:8px 16px;
242}
243
244.dataviews-filters__summary-operators-container:has(+.dataviews-filters__search-widget-listbox),.dataviews-filters__summary-operators-container:has(+.dataviews-filters__search-widget-no-elements),.dataviews-filters__summary-operators-container:has(+.dataviews-filters__user-input-widget){
245 border-bottom:1px solid #e0e0e0;
246}
247
248.dataviews-filters__summary-operators-container:empty{
249 display:none;
250}
251
252.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name{
253 color:#757575;
254 flex-shrink:0;
255 max-width:calc(100% - 55px);
256 overflow:hidden;
257 text-overflow:ellipsis;
258 white-space:nowrap;
259}
260
261.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select{
262 overflow:hidden;
263 white-space:nowrap;
264 width:100%;
265}
266
267.dataviews-filters__summary-chip-container{
268 position:relative;
269 white-space:pre-wrap;
270}
271
272.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip{
273 align-items:center;
274 background:#f0f0f0;
275 border:1px solid #0000;
276 border-radius:16px;
277 box-sizing:border-box;
278 color:#2f2f2f;
279 cursor:pointer;
280 display:flex;
281 min-height:32px;
282 padding:4px 12px;
283 position:relative;
284}
285
286.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable{
287 cursor:default;
288}
289
290.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset{
291 padding-inline-end:28px;
292}
293
294.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable),.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true]{
295 background:#e0e0e0;
296 color:#1e1e1e;
297}
298
299.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values{
300 background:rgba(var(--wp-admin-theme-color--rgb), .04);
301 color:var(--wp-admin-theme-color);
302}
303
304.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true]{
305 background:rgba(var(--wp-admin-theme-color--rgb), .12);
306}
307
308.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible{
309 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
310 outline:none;
311}
312
313.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name{
314 font-weight:500;
315}
316
317.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove{
318 align-items:center;
319 background:#0000;
320 border:0;
321 border-radius:50%;
322 cursor:pointer;
323 display:flex;
324 height:24px;
325 justify-content:center;
326 padding:0;
327 position:absolute;
328 right:4px;
329 top:50%;
330 transform:translateY(-50%);
331 width:24px;
332}
333
334.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg{
335 fill:#757575;
336}
337
338.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover{
339 background:#e0e0e0;
340}
341
342.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg{
343 fill:#1e1e1e;
344}
345
346.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg{
347 fill:var(--wp-admin-theme-color);
348}
349
350.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover{
351 background:rgba(var(--wp-admin-theme-color--rgb), .08);
352}
353
354.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible{
355 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
356 outline:none;
357}
358
359.dataviews-filters__search-widget-filter-combobox-list{
360 border-top:1px solid #e0e0e0;
361 max-height:184px;
362 overflow:auto;
363 padding:4px;
364}
365
366.dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value]{
367 font-weight:600;
368}
369
370.dataviews-filters__search-widget-listbox{
371 overflow:auto;
372 padding:4px;
373}
374
375.dataviews-filters__search-widget-listitem{
376 align-items:center;
377 border-radius:2px;
378 box-sizing:border-box;
379 cursor:default;
380 display:flex;
381 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
382 font-size:13px;
383 font-weight:400;
384 gap:8px;
385 line-height:20px;
386 min-height:32px;
387 padding:4px 12px;
388}
389
390.dataviews-filters__search-widget-listitem:last-child{
391 margin-block-end:0;
392}
393
394.dataviews-filters__search-widget-listitem:focus,.dataviews-filters__search-widget-listitem:hover,.dataviews-filters__search-widget-listitem[data-active-item]{
395 background-color:var(--wp-admin-theme-color);
396 color:#fff;
397}
398
399.dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description{
400 color:#fff;
401}
402
403.dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection{
404 background:#fff;
405 border-color:var(--wp-admin-theme-color-darker-20, #183ad6);
406}
407
408.dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection.is-selected,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection.is-selected{
409 background:var(--wp-admin-theme-color-darker-20, #183ad6);
410 border-color:var(--wp-admin-theme-color-darker-20, #183ad6);
411}
412
413.dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection{
414 border-color:var(--wp-admin-theme-color-darker-20, #183ad6);
415}
416
417.dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected,.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection.is-selected,.dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection.is-selected{
418 background:var(--wp-admin-theme-color-darker-20, #183ad6);
419 border-color:var(--wp-admin-theme-color-darker-20, #183ad6);
420}
421
422.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description{
423 color:#757575;
424 display:block;
425 font-size:12px;
426 line-height:16px;
427 overflow:hidden;
428 text-overflow:ellipsis;
429}
430
431.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection{
432 border:1px solid #1e1e1e;
433 border-radius:50%;
434 height:24px;
435 margin-right:12px;
436 max-width:24px;
437 min-width:24px;
438 position:relative;
439 transition:none;
440 width:24px;
441}
442
443@media not (prefers-reduced-motion){
444 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection{
445 transition:box-shadow .1s linear;
446 }
447}
448@media (min-width:600px){
449 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection{
450 height:16px;
451 max-width:16px;
452 min-width:16px;
453 width:16px;
454 }
455}
456.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked:before{
457 background-color:#fff;
458 border:4px solid #fff;
459 box-sizing:inherit;
460 height:12px;
461 left:50%;
462 margin:0;
463 position:absolute;
464 top:50%;
465 transform:translate(-50%, -50%);
466 width:12px;
467}
468
469@media (min-width:600px){
470 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked:before{
471 height:8px;
472 width:8px;
473 }
474}
475.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:focus{
476 box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
477 outline:2px solid #0000;
478}
479
480.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked{
481 background:var(--wp-admin-theme-color);
482 border:none;
483}
484
485.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection{
486 margin:0;
487 padding:0;
488}
489
490.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected{
491 background:var(--wp-admin-theme-color, #3858e9);
492 border-color:var(--wp-admin-theme-color, #3858e9);
493}
494
495.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected:before{
496 background-color:#fff;
497 border:4px solid #fff;
498 border-radius:50%;
499 box-sizing:inherit;
500 content:"";
501 height:12px;
502 left:50%;
503 margin:0;
504 position:absolute;
505 top:50%;
506 transform:translate(-50%, -50%);
507 width:12px;
508}
509
510@media (min-width:600px){
511 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected:before{
512 height:8px;
513 width:8px;
514 }
515}
516.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
517 --checkbox-size:24px;
518 border:1px solid #949494;
519 border-radius:2px;
520 box-shadow:0 0 0 #0000;
521 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
522 font-size:16px;
523 line-height:normal;
524 margin-right:12px;
525 padding:6px 8px;
526 transition:none;
527}
528
529@media not (prefers-reduced-motion){
530 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
531 transition:box-shadow .1s linear;
532 }
533}
534@media (min-width:600px){
535 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
536 font-size:13px;
537 line-height:normal;
538 }
539}
540.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus{
541 border-color:var(--wp-admin-theme-color);
542 box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
543}
544
545.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-webkit-input-placeholder{
546 color:#1e1e1e9e;
547}
548
549.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder{
550 color:#1e1e1e9e;
551}
552
553.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:-ms-input-placeholder{
554 color:#1e1e1e9e;
555}
556
557.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus{
558 box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
559 outline:2px solid #0000;
560}
561
562.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked{
563 background:var(--wp-admin-theme-color);
564 border-color:var(--wp-admin-theme-color);
565}
566
567.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::-ms-check{
568 opacity:0;
569}
570
571.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked:before,.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]:before{
572 color:#fff;
573 margin:-3px -5px;
574}
575
576@media (min-width:782px){
577 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked:before,.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]:before{
578 margin:-4px 0 0 -5px;
579 }
580}
581.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]{
582 background:var(--wp-admin-theme-color);
583 border-color:var(--wp-admin-theme-color);
584}
585
586.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]:before{
587 content:"\f460";
588 display:inline-block;
589 float:left;
590 font:normal 30px/1 dashicons;
591 vertical-align:middle;
592 width:16px;
593 speak:none;
594 -webkit-font-smoothing:antialiased;
595 -moz-osx-font-smoothing:grayscale;
596}
597
598@media (min-width:782px){
599 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]:before{
600 float:none;
601 font-size:21px;
602 }
603}
604.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled,.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true]{
605 background:#f0f0f0;
606 border-color:#ddd;
607 cursor:default;
608 opacity:1;
609}
610
611.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
612 background:#fff;
613 color:#1e1e1e;
614 height:var(--checkbox-size);
615 margin:0;
616 padding:0;
617 position:relative;
618 width:var(--checkbox-size);
619}
620
621@media (min-width:600px){
622 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
623 --checkbox-size:16px;
624 }
625}
626@media not (prefers-reduced-motion){
627 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
628 transition:border-color .1s ease-in-out;
629 }
630}
631.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected{
632 background:var(--wp-admin-theme-color, #3858e9);
633 border-color:var(--wp-admin-theme-color, #3858e9);
634}
635
636.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg{
637 --checkmark-size:var(--checkbox-size);
638 fill:#fff;
639 height:var(--checkmark-size);
640 left:50%;
641 position:absolute;
642 top:50%;
643 transform:translate(-50%, -50%);
644 width:var(--checkmark-size);
645}
646
647@media (min-width:600px){
648 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg{
649 --checkmark-size:calc(var(--checkbox-size) + 4px);
650 }
651}
652.dataviews-filters__search-widget-filter-combobox__wrapper{
653 padding:8px;
654 position:relative;
655}
656
657.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
658 border:1px solid #949494;
659 border-radius:2px;
660 box-shadow:0 0 0 #0000;
661 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
662 line-height:normal;
663 padding:6px 8px;
664}
665
666@media not (prefers-reduced-motion){
667 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
668 transition:box-shadow .1s linear;
669 }
670}
671@media (min-width:600px){
672 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
673 font-size:13px;
674 line-height:normal;
675 }
676}
677.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{
678 border-color:var(--wp-admin-theme-color);
679 box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
680 outline:2px solid #0000;
681}
682
683.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder{
684 color:#1e1e1e9e;
685}
686
687.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder{
688 color:#1e1e1e9e;
689}
690
691.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder{
692 color:#1e1e1e9e;
693}
694
695.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
696 display:block;
697 font-size:16px;
698 height:32px;
699 margin-left:0;
700 margin-right:0;
701 padding:0 8px 0 32px;
702 width:100%;
703}
704
705@media (min-width:600px){
706 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
707 font-size:13px;
708 }
709}
710.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{
711 background:#fff;
712 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
713}
714
715.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder{
716 color:#757575;
717}
718
719.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button,.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration{
720 -webkit-appearance:none;
721}
722
723.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon{
724 align-items:center;
725 bottom:0;
726 display:flex;
727 inset-inline-start:12px;
728 justify-content:center;
729 position:absolute;
730 top:0;
731 width:24px;
732}
733
734.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr){
735 transform:scaleX(-1);
736}
737
738.dataviews-filters__container-visibility-toggle{
739 flex-shrink:0;
740 position:relative;
741}
742
743.dataviews-filters-toggle__count{
744 background:var(--wp-admin-theme-color, #3858e9);
745 border-radius:8px;
746 box-sizing:border-box;
747 color:#fff;
748 font-size:11px;
749 height:16px;
750 line-height:16px;
751 min-width:16px;
752 outline:var(--wp-admin-border-width-focus) solid #fff;
753 padding:0 4px;
754 position:absolute;
755 right:0;
756 text-align:center;
757 top:0;
758 transform:translate(50%, -50%);
759}
760
761.dataviews-search{
762 width:fit-content;
763}
764
765.dataviews-filters__user-input-widget{
766 padding:16px;
767}
768
769.dataviews-filters__user-input-widget .components-input-control__prefix{
770 padding-left:8px;
771}
772
773.dataviews-filters__search-widget-no-elements{
774 align-items:center;
775 display:flex;
776 justify-content:center;
777 padding:16px;
778}
779
780.dataviews-footer{
781 background-color:#fff;
782 border-top:1px solid #f0f0f0;
783 bottom:0;
784 flex-shrink:0;
785 left:0;
786 padding:12px 48px;
787 position:sticky;
788}
789
790@media not (prefers-reduced-motion){
791 .dataviews-footer{
792 transition:padding .1s ease-out;
793 }
794}
795.dataviews-footer{
796 z-index:2;
797}
798
799@container (max-width: 430px){
800 .dataviews-footer{
801 padding:12px 24px;
802 }
803}
804@container (max-width: 560px){
805 .dataviews-footer{
806 flex-direction:column !important;
807 }
808 .dataviews-footer .dataviews-bulk-actions-footer__container{
809 width:100%;
810 }
811 .dataviews-footer .dataviews-bulk-actions-footer__item-count{
812 flex-grow:1;
813 }
814 .dataviews-footer .dataviews-pagination{
815 justify-content:space-between;
816 width:100%;
817 }
818}
819.dataviews-pagination__page-select{
820 font-size:11px;
821 font-weight:500;
822 text-transform:uppercase;
823}
824
825@media (min-width:600px){
826 .dataviews-pagination__page-select .components-select-control__input{
827 font-size:11px !important;
828 font-weight:500;
829 }
830}
831.dataviews-action-modal{
832 z-index:1000001;
833}
834
835.dataviews-picker-footer__bulk-selection{
836 align-self:flex-start;
837 height:32px;
838}
839
840.dataviews-picker-footer__actions{
841 align-self:flex-end;
842}
843
844.dataviews-selection-checkbox{
845 --checkbox-input-size:24px;
846}
847
848@media (min-width:600px){
849 .dataviews-selection-checkbox{
850 --checkbox-input-size:16px;
851 }
852}
853.dataviews-selection-checkbox{
854 flex-shrink:0;
855 line-height:0;
856}
857
858.dataviews-selection-checkbox .components-checkbox-control__input-container{
859 margin:0;
860}
861
862.dataviews-view-config{
863 container-type:inline-size;
864 font-size:13px;
865 line-height:1.4;
866 width:320px;
867}
868
869.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper{
870 height:100%;
871 overflow-y:scroll;
872}
873
874.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config{
875 width:auto;
876}
877
878.dataviews-view-config__sort-direction .components-toggle-group-control-option-base{
879 text-transform:uppercase;
880}
881
882.dataviews-settings-section__title.dataviews-settings-section__title{
883 font-size:15px;
884 line-height:24px;
885}
886
887.dataviews-settings-section__sidebar{
888 grid-column:span 4;
889}
890
891.dataviews-settings-section__content,.dataviews-settings-section__content>*{
892 grid-column:span 8;
893}
894
895.dataviews-settings-section__content .is-divided-in-two{
896 display:contents;
897}
898
899.dataviews-settings-section__content .is-divided-in-two>*{
900 grid-column:span 4;
901}
902
903.dataviews-settings-section:has(.dataviews-settings-section__content:empty){
904 display:none;
905}
906
907@container (max-width: 500px){
908 .dataviews-settings-section.dataviews-settings-section{
909 grid-template-columns:repeat(2, 1fr);
910 }
911 .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content,.dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar{
912 grid-column:span 2;
913 }
914}
915.dataviews-field-control__field{
916 height:32px;
917}
918
919.dataviews-field-control__actions{
920 position:absolute;
921 top:-9999em;
922}
923
924.dataviews-field-control__actions.dataviews-field-control__actions{
925 gap:4px;
926}
927
928.dataviews-field-control__field.is-interacting .dataviews-field-control__actions,.dataviews-field-control__field:focus-within .dataviews-field-control__actions,.dataviews-field-control__field:hover .dataviews-field-control__actions{
929 position:unset;
930 top:unset;
931}
932
933.dataviews-field-control__icon{
934 display:flex;
935 width:24px;
936}
937
938.dataviews-field-control__label-sub-label-container{
939 flex-grow:1;
940}
941
942.dataviews-field-control__label{
943 display:block;
944}
945
946.dataviews-field-control__sub-label{
947 color:#757575;
948 font-size:11px;
949 font-style:normal;
950 margin-bottom:0;
951 margin-top:8px;
952}
953
954.dataviews-view-grid-items{
955 container-type:inline-size;
956 display:grid;
957 gap:32px;
958 grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));
959 grid-template-rows:max-content;
960 margin-bottom:auto;
961 padding:0 48px 24px;
962}
963
964@container (max-width: 430px){
965 .dataviews-view-grid-items{
966 padding-left:24px;
967 padding-right:24px;
968 }
969}
970@media not (prefers-reduced-motion){
971 .dataviews-view-grid-items{
972 transition:padding .1s ease-out;
973 }
974}
975.dataviews-view-grid .dataviews-view-grid__card{
976 height:100%;
977 justify-content:flex-start;
978 position:relative;
979}
980
981.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{
982 padding:8px 0 4px;
983}
984
985.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field{
986 align-content:center;
987 min-height:24px;
988 overflow:hidden;
989 text-align:start;
990}
991
992.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable{
993 width:fit-content;
994}
995
996.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{
997 color:#1e1e1e;
998}
999
1000.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus:after,.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media:after{
1001 background-color:rgba(var(--wp-admin-theme-color--rgb), .08);
1002}
1003
1004.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media:after{
1005 box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);
1006}
1007
1008.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus:after{
1009 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1010}
1011
1012.dataviews-view-grid .dataviews-view-grid__media{
1013 aspect-ratio:1/1;
1014 background-color:#fff;
1015 border-radius:4px;
1016 overflow:hidden;
1017 position:relative;
1018 width:100%;
1019}
1020
1021.dataviews-view-grid .dataviews-view-grid__media img{
1022 height:100%;
1023 object-fit:cover;
1024 width:100%;
1025}
1026
1027.dataviews-view-grid .dataviews-view-grid__media:after{
1028 border-radius:4px;
1029 box-shadow:inset 0 0 0 1px #0000001a;
1030 content:"";
1031 height:100%;
1032 left:0;
1033 pointer-events:none;
1034 position:absolute;
1035 top:0;
1036 width:100%;
1037}
1038
1039.dataviews-view-grid .dataviews-view-grid__fields{
1040 font-size:12px;
1041 line-height:16px;
1042 position:relative;
1043}
1044
1045.dataviews-view-grid .dataviews-view-grid__fields:not(:empty){
1046 padding:0 0 12px;
1047}
1048
1049.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty){
1050 line-height:20px;
1051 min-height:24px;
1052 padding-top:2px;
1053}
1054
1055.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{
1056 align-items:center;
1057 min-height:24px;
1058}
1059
1060.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{
1061 color:#757575;
1062 overflow:hidden;
1063 text-overflow:ellipsis;
1064 white-space:nowrap;
1065 width:35%;
1066}
1067
1068.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{
1069 overflow:hidden;
1070 text-overflow:ellipsis;
1071 white-space:nowrap;
1072 width:65%;
1073}
1074
1075.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))){
1076 display:none;
1077}
1078
1079.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){
1080 padding-bottom:12px;
1081}
1082
1083.dataviews-view-grid__field-value:empty,.dataviews-view-grid__field:empty{
1084 display:none;
1085}
1086
1087.dataviews-view-grid__card .dataviews-selection-checkbox{
1088 left:8px;
1089 opacity:0;
1090 position:absolute;
1091 top:-9999em;
1092 z-index:1;
1093}
1094
1095@media not (prefers-reduced-motion){
1096 .dataviews-view-grid__card .dataviews-selection-checkbox{
1097 transition:opacity .1s linear;
1098 }
1099}
1100@media (hover:none){
1101 .dataviews-view-grid__card .dataviews-selection-checkbox{
1102 opacity:1;
1103 top:8px;
1104 }
1105}
1106.dataviews-view-grid__card.is-selected .dataviews-selection-checkbox,.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,.dataviews-view-grid__card:hover .dataviews-selection-checkbox{
1107 opacity:1;
1108 top:8px;
1109}
1110
1111.dataviews-view-grid__card .dataviews-view-grid__media-actions{
1112 opacity:0;
1113 position:absolute;
1114 right:4px;
1115 top:4px;
1116}
1117
1118.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button{
1119 background-color:#fff;
1120}
1121
1122@media not (prefers-reduced-motion){
1123 .dataviews-view-grid__card .dataviews-view-grid__media-actions{
1124 transition:opacity .1s linear;
1125 }
1126}
1127@media (hover:none){
1128 .dataviews-view-grid__card .dataviews-view-grid__media-actions{
1129 opacity:1;
1130 top:4px;
1131 }
1132}
1133.dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]),.dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,.dataviews-view-grid__card:hover .dataviews-view-grid__media-actions{
1134 opacity:1;
1135}
1136
1137.dataviews-view-grid__media--clickable{
1138 cursor:pointer;
1139}
1140
1141.dataviews-view-grid__group-header{
1142 color:#1e1e1e;
1143 container-type:inline-size;
1144 font-size:15px;
1145 font-weight:500;
1146 margin:0 0 8px;
1147 padding:0 48px;
1148}
1149
1150@container (max-width: 430px){
1151 .dataviews-view-grid__group-header{
1152 padding-left:24px;
1153 padding-right:24px;
1154 }
1155}
1156div.dataviews-view-list{
1157 list-style-type:none;
1158}
1159
1160.dataviews-view-list{
1161 margin:0 0 auto;
1162}
1163
1164.dataviews-view-list div[role=article],.dataviews-view-list div[role=row]{
1165 border-top:1px solid #f0f0f0;
1166 margin:0;
1167}
1168
1169.dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper,.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper{
1170 box-sizing:border-box;
1171 padding:16px 24px;
1172 position:relative;
1173}
1174
1175.dataviews-view-list div[role=article] .dataviews-view-list__item-actions,.dataviews-view-list div[role=row] .dataviews-view-list__item-actions{
1176 display:flex;
1177 flex:0 0 auto;
1178 gap:4px;
1179 white-space:nowrap;
1180 width:max-content;
1181}
1182
1183.dataviews-view-list div[role=article] .dataviews-view-list__item-actions .components-button,.dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button{
1184 position:relative;
1185 z-index:1;
1186}
1187
1188.dataviews-view-list div[role=article] .dataviews-view-list__item-actions>div,.dataviews-view-list div[role=row] .dataviews-view-list__item-actions>div{
1189 height:24px;
1190}
1191
1192.dataviews-view-list div[role=article] .dataviews-view-list__item-actions>:not(:last-child),.dataviews-view-list div[role=row] .dataviews-view-list__item-actions>:not(:last-child){
1193 flex:0;
1194 overflow:hidden;
1195 width:0;
1196}
1197
1198.dataviews-view-list div[role=article]:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions>:not(:last-child),.dataviews-view-list div[role=row]:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions>:not(:last-child){
1199 flex-basis:min-content;
1200 overflow:unset;
1201 width:auto;
1202}
1203
1204@media (hover:none){
1205 .dataviews-view-list div[role=article] .dataviews-view-list__item-actions>:not(:last-child),.dataviews-view-list div[role=row] .dataviews-view-list__item-actions>:not(:last-child){
1206 flex-basis:min-content;
1207 overflow:unset;
1208 width:auto;
1209 }
1210}
1211
1212.dataviews-view-list div[role=article].is-selected.is-selected,.dataviews-view-list div[role=article].is-selected.is-selected+div[role=article],.dataviews-view-list div[role=article].is-selected.is-selected+div[role=row],.dataviews-view-list div[role=row].is-selected.is-selected,.dataviews-view-list div[role=row].is-selected.is-selected+div[role=article],.dataviews-view-list div[role=row].is-selected.is-selected+div[role=row]{
1213 border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12);
1214}
1215
1216.dataviews-view-list div[role=article]:not(.is-selected) .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field{
1217 color:#1e1e1e;
1218}
1219
1220.dataviews-view-list div[role=article]:not(.is-selected).is-hovered,.dataviews-view-list div[role=article]:not(.is-selected):focus-within,.dataviews-view-list div[role=article]:not(.is-selected):hover,.dataviews-view-list div[role=row]:not(.is-selected).is-hovered,.dataviews-view-list div[role=row]:not(.is-selected):focus-within,.dataviews-view-list div[role=row]:not(.is-selected):hover{
1221 background-color:#f8f8f8;
1222 color:var(--wp-admin-theme-color);
1223}
1224
1225.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__fields,.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__title-field,.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__title-field,.dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field,.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field{
1226 color:var(--wp-admin-theme-color);
1227}
1228
1229.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper,.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper{
1230 background-color:rgba(var(--wp-admin-theme-color--rgb), .04);
1231 color:#1e1e1e;
1232}
1233
1234.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field{
1235 color:var(--wp-admin-theme-color);
1236}
1237
1238.dataviews-view-list .dataviews-view-list__item{
1239 appearance:none;
1240 background:none;
1241 border:none;
1242 cursor:pointer;
1243 inset:0;
1244 padding:0;
1245 position:absolute;
1246 scroll-margin:8px 0;
1247 z-index:1;
1248}
1249
1250.dataviews-view-list .dataviews-view-list__item:focus-visible{
1251 outline:none;
1252}
1253
1254.dataviews-view-list .dataviews-view-list__item:focus-visible:before{
1255 border-radius:2px;
1256 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1257 content:"";
1258 inset:var(--wp-admin-border-width-focus);
1259 outline:2px solid #0000;
1260 position:absolute;
1261}
1262
1263.dataviews-view-list .dataviews-view-list__title-field{
1264 flex:1;
1265 line-height:24px;
1266 min-height:24px;
1267 overflow:hidden;
1268}
1269
1270.dataviews-view-list .dataviews-view-list__title-field:has(a,button){
1271 z-index:1;
1272}
1273
1274.dataviews-view-list .dataviews-view-list__media-wrapper{
1275 background-color:#fff;
1276 border-radius:4px;
1277 flex-shrink:0;
1278 height:52px;
1279 overflow:hidden;
1280 position:relative;
1281 width:52px;
1282}
1283
1284.dataviews-view-list .dataviews-view-list__media-wrapper img{
1285 height:100%;
1286 object-fit:cover;
1287 width:100%;
1288}
1289
1290.dataviews-view-list .dataviews-view-list__media-wrapper:after{
1291 border-radius:4px;
1292 box-shadow:inset 0 0 0 1px #0000001a;
1293 content:"";
1294 height:100%;
1295 left:0;
1296 position:absolute;
1297 top:0;
1298 width:100%;
1299}
1300
1301.dataviews-view-list .dataviews-view-list__field-wrapper{
1302 flex-grow:1;
1303 min-height:52px;
1304}
1305
1306.dataviews-view-list .dataviews-view-list__fields{
1307 color:#757575;
1308 display:flex;
1309 flex-wrap:wrap;
1310 font-size:12px;
1311 gap:12px;
1312 row-gap:4px;
1313}
1314
1315.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty),.dataviews-view-list .dataviews-view-list__fields:empty{
1316 display:none;
1317}
1318
1319.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{
1320 align-items:center;
1321 display:flex;
1322 line-height:20px;
1323 min-height:24px;
1324}
1325
1326.dataviews-view-list+.dataviews-pagination{
1327 justify-content:space-between;
1328}
1329
1330.dataviews-view-list__group-header{
1331 color:#1e1e1e;
1332 font-size:15px;
1333 font-weight:500;
1334 margin:0 0 8px;
1335 padding:0 24px;
1336}
1337
1338.dataviews-view-table{
1339 border-collapse:collapse;
1340 border-color:inherit;
1341 color:#757575;
1342 margin-bottom:auto;
1343 position:relative;
1344 text-indent:0;
1345 width:100%;
1346}
1347
1348.dataviews-view-table th{
1349 color:#1e1e1e;
1350 font-size:13px;
1351 font-weight:400;
1352 text-align:left;
1353}
1354
1355.dataviews-view-table td,.dataviews-view-table th{
1356 padding:12px;
1357}
1358
1359.dataviews-view-table td.dataviews-view-table__actions-column,.dataviews-view-table th.dataviews-view-table__actions-column{
1360 text-align:right;
1361}
1362
1363.dataviews-view-table td.dataviews-view-table__actions-column--sticky,.dataviews-view-table th.dataviews-view-table__actions-column--sticky{
1364 background-color:#fff;
1365 position:sticky;
1366 right:0;
1367}
1368
1369.dataviews-view-table td.dataviews-view-table__actions-column--stuck:after,.dataviews-view-table th.dataviews-view-table__actions-column--stuck:after{
1370 background-color:#f0f0f0;
1371 bottom:0;
1372 content:"";
1373 display:block;
1374 left:0;
1375 position:absolute;
1376 top:0;
1377 width:1px;
1378}
1379
1380.dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{
1381 padding-right:0;
1382}
1383
1384.dataviews-view-table td.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper,.dataviews-view-table th.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper{
1385 max-width:auto;
1386 min-width:auto;
1387}
1388
1389.dataviews-view-table tr{
1390 border-top:1px solid #f0f0f0;
1391}
1392
1393.dataviews-view-table tr .dataviews-view-table-header-button{
1394 gap:4px;
1395}
1396
1397.dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{
1398 padding-left:48px;
1399}
1400
1401.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{
1402 margin-left:-8px;
1403}
1404
1405.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{
1406 padding-right:48px;
1407}
1408
1409.dataviews-view-table tr:last-child{
1410 border-bottom:0;
1411}
1412
1413.dataviews-view-table tr.is-hovered,.dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky{
1414 background-color:#f8f8f8;
1415}
1416
1417.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{
1418 opacity:0;
1419}
1420
1421.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate{
1422 opacity:1;
1423}
1424
1425.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){
1426 opacity:0;
1427}
1428
1429.dataviews-view-table tr.is-hovered .components-checkbox-control__input,.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:focus-within .components-checkbox-control__input,.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:hover .components-checkbox-control__input,.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){
1430 opacity:1;
1431}
1432
1433@media (hover:none){
1434 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){
1435 opacity:1;
1436 }
1437}
1438.dataviews-view-table tr.is-selected{
1439 background-color:rgba(var(--wp-admin-theme-color--rgb), .04);
1440 color:#757575;
1441}
1442
1443.dataviews-view-table tr.is-selected,.dataviews-view-table tr.is-selected+tr{
1444 border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12);
1445}
1446
1447.dataviews-view-table tr.is-selected:hover{
1448 background-color:rgba(var(--wp-admin-theme-color--rgb), .08);
1449}
1450
1451.dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky{
1452 background-color:color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
1453}
1454
1455.dataviews-view-table tr.is-selected:hover .dataviews-view-table__actions-column--sticky{
1456 background-color:color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 8%, #fff);
1457}
1458
1459.dataviews-view-table thead{
1460 inset-block-start:0;
1461 position:sticky;
1462 z-index:1;
1463}
1464
1465.dataviews-view-table thead tr{
1466 border:0;
1467}
1468
1469.dataviews-view-table thead tr .components-checkbox-control__input.components-checkbox-control__input{
1470 opacity:1;
1471}
1472
1473.dataviews-view-table thead th{
1474 background-color:#fff;
1475 font-size:11px;
1476 font-weight:500;
1477 padding-bottom:8px;
1478 padding-left:12px;
1479 padding-top:8px;
1480 text-transform:uppercase;
1481}
1482
1483.dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child){
1484 padding-left:4px;
1485}
1486
1487.dataviews-view-table tbody td{
1488 vertical-align:top;
1489}
1490
1491.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{
1492 align-items:center;
1493 display:flex;
1494 min-height:32px;
1495 white-space:nowrap;
1496}
1497
1498.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end{
1499 justify-content:flex-end;
1500}
1501
1502.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center{
1503 justify-content:center;
1504}
1505
1506.dataviews-view-table tbody .components-v-stack>.dataviews-view-table__cell-content-wrapper:not(:first-child){
1507 min-height:0;
1508}
1509
1510.dataviews-view-table .dataviews-view-table-header-button{
1511 font-size:11px;
1512 font-weight:500;
1513 padding:4px 8px;
1514 text-transform:uppercase;
1515}
1516
1517.dataviews-view-table .dataviews-view-table-header-button:not(:hover){
1518 color:#1e1e1e;
1519}
1520
1521.dataviews-view-table .dataviews-view-table-header-button span{
1522 speak:none;
1523}
1524
1525.dataviews-view-table .dataviews-view-table-header-button span:empty{
1526 display:none;
1527}
1528
1529.dataviews-view-table .dataviews-view-table-header{
1530 padding-left:4px;
1531}
1532
1533.dataviews-view-table .dataviews-view-table__actions-column{
1534 white-space:nowrap;
1535 width:auto;
1536}
1537
1538.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{
1539 opacity:1;
1540}
1541
1542.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child){
1543 padding-left:0;
1544}
1545
1546.dataviews-view-table.has-compact-density td,.dataviews-view-table.has-compact-density th{
1547 padding:4px 8px;
1548}
1549
1550.dataviews-view-table.has-comfortable-density td,.dataviews-view-table.has-comfortable-density th{
1551 padding:16px 12px;
1552}
1553
1554.dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,.dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column,.dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,.dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column{
1555 padding-right:0;
1556}
1557
1558@container (max-width: 430px){
1559 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{
1560 padding-left:24px;
1561 }
1562 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{
1563 padding-right:24px;
1564 }
1565}
1566.dataviews-view-table-selection-checkbox{
1567 --checkbox-input-size:24px;
1568}
1569
1570@media (min-width:600px){
1571 .dataviews-view-table-selection-checkbox{
1572 --checkbox-input-size:16px;
1573 }
1574}
1575.dataviews-column-primary__media{
1576 background-color:#fff;
1577 border-radius:4px;
1578 flex-shrink:0;
1579 max-width:60px;
1580 overflow:hidden;
1581 position:relative;
1582}
1583
1584.dataviews-column-primary__media img{
1585 height:100%;
1586 object-fit:cover;
1587 width:100%;
1588}
1589
1590.dataviews-column-primary__media:after{
1591 border-radius:4px;
1592 box-shadow:inset 0 0 0 1px #0000001a;
1593 content:"";
1594 height:100%;
1595 left:0;
1596 position:absolute;
1597 top:0;
1598 width:100%;
1599}
1600
1601.dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),.dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media){
1602 max-width:80ch;
1603 min-width:15ch;
1604}
1605
1606.dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell{
1607 color:#1e1e1e;
1608 font-weight:500;
1609 padding:12px 48px;
1610}
1611.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-primary){
1612 width:1%;
1613}
1614
1615.dataviews-view-picker-grid .dataviews-view-picker-grid__card{
1616 height:100%;
1617 justify-content:flex-start;
1618 position:relative;
1619}
1620
1621.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions{
1622 padding:8px 0 4px;
1623}
1624
1625.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field{
1626 align-content:center;
1627 min-height:24px;
1628 overflow:hidden;
1629 text-align:start;
1630}
1631
1632.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable{
1633 width:fit-content;
1634}
1635
1636.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value{
1637 color:#1e1e1e;
1638}
1639
1640.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus:after,.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media:after{
1641 background-color:rgba(var(--wp-admin-theme-color--rgb), .08);
1642}
1643
1644.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media:after{
1645 box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);
1646}
1647
1648.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus:after{
1649 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1650}
1651
1652.dataviews-view-picker-grid:focus-visible[aria-activedescendant]{
1653 outline:none;
1654}
1655
1656.dataviews-view-picker-grid:focus-visible [data-active-item=true]{
1657 outline:2px solid var(--wp-admin-theme-color);
1658}
1659
1660.dataviews-view-picker-grid .dataviews-selection-checkbox{
1661 top:8px !important;
1662}
1663
1664.dataviews-view-picker-grid .dataviews-selection-checkbox input{
1665 pointer-events:none;
1666}
1667
1668.dataviews-view-picker-grid .dataviews-view-picker-grid__media{
1669 aspect-ratio:1/1;
1670 background-color:#fff;
1671 border-radius:4px;
1672 position:relative;
1673 width:100%;
1674}
1675
1676.dataviews-view-picker-grid .dataviews-view-picker-grid__media img{
1677 height:100%;
1678 object-fit:cover;
1679 width:100%;
1680}
1681
1682.dataviews-view-picker-grid .dataviews-view-picker-grid__media:after{
1683 border-radius:4px;
1684 box-shadow:inset 0 0 0 1px #0000001a;
1685 content:"";
1686 height:100%;
1687 left:0;
1688 pointer-events:none;
1689 position:absolute;
1690 top:0;
1691 width:100%;
1692}
1693
1694.dataviews-view-picker-grid .dataviews-view-picker-grid__fields{
1695 font-size:12px;
1696 line-height:16px;
1697 position:relative;
1698}
1699
1700.dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty){
1701 padding:0 0 12px;
1702}
1703
1704.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty){
1705 line-height:20px;
1706 min-height:24px;
1707 padding-top:2px;
1708}
1709
1710.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field{
1711 align-items:center;
1712 min-height:24px;
1713}
1714
1715.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name{
1716 color:#757575;
1717 overflow:hidden;
1718 text-overflow:ellipsis;
1719 white-space:nowrap;
1720 width:35%;
1721}
1722
1723.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value{
1724 overflow:hidden;
1725 text-overflow:ellipsis;
1726 white-space:nowrap;
1727 width:65%;
1728}
1729
1730.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))){
1731 display:none;
1732}
1733
1734.dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty){
1735 padding-bottom:12px;
1736}
1737
1738.dataviews-view-picker-grid__field-value:empty,.dataviews-view-picker-grid__field:empty{
1739 display:none;
1740}
1741
1742.dataviews-view-picker-grid__card .dataviews-selection-checkbox{
1743 left:8px;
1744 position:absolute;
1745 top:-9999em;
1746 z-index:1;
1747}
1748
1749@media (hover:none){
1750 .dataviews-view-picker-grid__card .dataviews-selection-checkbox{
1751 top:8px;
1752 }
1753}
1754.dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox,.dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox,.dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox{
1755 top:8px;
1756}
1757
1758.dataviews-view-picker-grid__media--clickable{
1759 cursor:pointer;
1760}
1761
1762.dataviews-view-picker-grid-group__header{
1763 color:#1e1e1e;
1764 font-size:15px;
1765 font-weight:500;
1766 margin:0 0 8px;
1767 padding:0 48px;
1768}
1769
1770.dataviews-controls__datetime{
1771 border:none;
1772 padding:0;
1773}
1774
1775.dataviews-controls__relative-date-number,.dataviews-controls__relative-date-unit{
1776 flex:1 1 50%;
1777}
1778
1779.dataviews-controls__date input[type=date]::-webkit-calendar-picker-indicator,.dataviews-controls__date input[type=date]::-webkit-inner-spin-button{
1780 -webkit-appearance:none;
1781 display:none;
1782}
1783
1784.dataviews-controls__date-preset{
1785 border:1px solid #ddd;
1786}
1787
1788.dataviews-controls__date-preset:active{
1789 background-color:#000;
1790}
1791
1792.dataforms-layouts-panel__field{
1793 align-items:flex-start !important;
1794 justify-content:flex-start !important;
1795 min-height:32px;
1796 width:100%;
1797}
1798
1799.dataforms-layouts-panel__field-label{
1800 align-items:center;
1801 display:flex;
1802 flex-shrink:0;
1803 hyphens:auto;
1804 line-height:20px;
1805 min-height:32px;
1806 width:38%;
1807}
1808
1809.dataforms-layouts-panel__field-label--label-position-side{
1810 align-self:center;
1811}
1812
1813.dataforms-layouts-panel__field-control{
1814 align-items:center;
1815 display:flex;
1816 flex-grow:1;
1817 min-height:32px;
1818}
1819
1820.dataforms-layouts-panel__field-control .components-button{
1821 max-width:100%;
1822 min-height:32px;
1823 text-align:left;
1824 text-wrap:balance;
1825 text-wrap:pretty;
1826 white-space:normal;
1827}
1828
1829.dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true]{
1830 text-decoration:none;
1831}
1832
1833.dataforms-layouts-panel__field-control .components-dropdown{
1834 max-width:100%;
1835}
1836
1837.dataforms-layouts-panel__field-dropdown .components-popover__content{
1838 min-width:320px;
1839 padding:16px;
1840}
1841
1842.dataforms-layouts-panel__dropdown-header{
1843 margin-bottom:16px;
1844}
1845
1846.dataforms-layouts-panel__modal-footer{
1847 margin-top:16px;
1848}
1849
1850.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown{
1851 z-index:159990;
1852}
1853
1854.dataforms-layouts-regular__field{
1855 align-items:flex-start !important;
1856 justify-content:flex-start !important;
1857 min-height:32px;
1858 width:100%;
1859}
1860
1861.dataforms-layouts-regular__field-label{
1862 align-items:center;
1863 display:flex;
1864 flex-shrink:0;
1865 hyphens:auto;
1866 line-height:20px;
1867 min-height:32px;
1868 width:38%;
1869}
1870
1871.dataforms-layouts-regular__field-label--label-position-side{
1872 align-self:center;
1873}
1874
1875.dataforms-layouts-regular__field-control{
1876 align-items:center;
1877 display:flex;
1878 flex-grow:1;
1879 min-height:32px;
1880}
1881
1882.dataforms-layouts-card__field-header-label{
1883 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
1884 font-size:15px;
1885 font-weight:500;
1886 line-height:20px;
1887}
1888
1889.dataforms-layouts-card__field{
1890 width:100%;
1891}
1892
1893.dataforms-layouts-card__field-description{
1894 color:#757575;
1895 display:block;
1896 font-size:13px;
1897 margin-bottom:16px;
1898}
1899
1900.dataforms-layouts-card__field-summary{
1901 display:flex;
1902 flex-direction:row;
1903 gap:16px;
1904}
1905
1906.dataforms-layouts-row__field-control{
1907 width:100%;
1908}
1909
1910.dataforms-layouts__wrapper{
1911 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
1912 font-size:13px;
1913 font-weight:400;
1914 line-height:20px;
1915}
1916:root{
1917 --wp-block-synced-color:#7a00df;
1918 --wp-block-synced-color--rgb:122, 0, 223;
1919 --wp-bound-block-color:var(--wp-block-synced-color);
1920 --wp-editor-canvas-background:#ddd;
1921 --wp-admin-theme-color:#007cba;
1922 --wp-admin-theme-color--rgb:0, 124, 186;
1923 --wp-admin-theme-color-darker-10:#006ba1;
1924 --wp-admin-theme-color-darker-10--rgb:0, 107, 160.5;
1925 --wp-admin-theme-color-darker-20:#005a87;
1926 --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
1927 --wp-admin-border-width-focus:2px;
1928}
1929
1930@media (min-resolution:192dpi){
1931 :root{
1932 --wp-admin-border-width-focus:1.5px;
1933 }
1934}
1935.fields-create-template-part-modal{
1936 z-index:1000001;
1937}
1938
1939.fields-create-template-part-modal__area-fieldset{
1940 border:0;
1941 margin:0;
1942 padding:0;
1943}
1944
1945.fields-create-template-part-modal__area-radio-group{
1946 border:1px solid #949494;
1947 border-radius:2px;
1948}
1949
1950.fields-create-template-part-modal__area-radio-wrapper{
1951 align-items:center;
1952 display:grid;
1953 grid-template-columns:min-content 1fr min-content;
1954 padding:12px;
1955 position:relative;
1956 grid-gap:4px 8px;
1957 color:#1e1e1e;
1958}
1959
1960.fields-create-template-part-modal__area-radio-wrapper+.fields-create-template-part-modal__area-radio-wrapper{
1961 border-top:1px solid #949494;
1962}
1963
1964.fields-create-template-part-modal__area-radio-wrapper input[type=radio]{
1965 opacity:0;
1966 position:absolute;
1967}
1968
1969.fields-create-template-part-modal__area-radio-wrapper:has(input[type=radio]:checked){
1970 z-index:1;
1971}
1972
1973.fields-create-template-part-modal__area-radio-wrapper:has(input[type=radio]:not(:checked)):hover{
1974 color:var(--wp-admin-theme-color);
1975}
1976
1977.fields-create-template-part-modal__area-radio-wrapper>:not(.fields-create-template-part-modal__area-radio-label){
1978 pointer-events:none;
1979}
1980
1981.fields-create-template-part-modal__area-radio-label:before{
1982 content:"";
1983 inset:0;
1984 position:absolute;
1985}
1986
1987input[type=radio]:not(:checked)~.fields-create-template-part-modal__area-radio-label:before{
1988 cursor:pointer;
1989}
1990
1991input[type=radio]:focus-visible~.fields-create-template-part-modal__area-radio-label:before{
1992 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1993 outline:4px solid #0000;
1994}
1995
1996.fields-create-template-part-modal__area-radio-checkmark,.fields-create-template-part-modal__area-radio-icon{
1997 fill:currentColor;
1998}
1999
2000input[type=radio]:not(:checked)~.fields-create-template-part-modal__area-radio-checkmark{
2001 opacity:0;
2002}
2003
2004.fields-create-template-part-modal__area-radio-description{
2005 color:#757575;
2006 font-size:12px;
2007 grid-column:2 / 3;
2008 line-height:normal;
2009 margin:0;
2010 text-wrap:pretty;
2011}
2012
2013input[type=radio]:not(:checked):hover~.fields-create-template-part-modal__area-radio-description{
2014 color:inherit;
2015}
2016
2017.fields-controls__slug{
2018 border:0;
2019 margin:0;
2020 padding:0;
2021}
2022
2023.fields-controls__slug .fields-controls__slug-external-icon{
2024 margin-left:5ch;
2025}
2026
2027.fields-controls__slug .fields-controls__slug-input input.components-input-control__input{
2028 padding-inline-start:0 !important;
2029}
2030
2031.fields-controls__slug .fields-controls__slug-help-link{
2032 word-break:break-word;
2033}
2034
2035.fields-controls__slug .fields-controls__slug-help{
2036 display:flex;
2037 flex-direction:column;
2038}
2039
2040.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug{
2041 font-weight:600;
2042}
2043
2044.fields-controls__featured-image-placeholder{
2045 background:#fff linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
2046 border-radius:2px;
2047 box-shadow:inset 0 0 0 1px #0003;
2048 display:inline-block;
2049 padding:0;
2050}
2051
2052.fields-controls__featured-image-title{
2053 color:#1e1e1e;
2054 overflow:hidden;
2055 text-overflow:ellipsis;
2056 white-space:nowrap;
2057 width:100%;
2058}
2059
2060.fields-controls__featured-image-image{
2061 align-self:center;
2062 border-radius:2px;
2063 height:100%;
2064 width:100%;
2065}
2066
2067.fields-controls__featured-image-container .fields-controls__featured-image-placeholder{
2068 margin:0;
2069}
2070
2071.fields-controls__featured-image-container span{
2072 margin-right:auto;
2073}
2074
2075fieldset.fields-controls__featured-image{
2076 border:0;
2077 margin:0;
2078 padding:0;
2079}
2080
2081fieldset.fields-controls__featured-image .fields-controls__featured-image-container{
2082 border:1px solid #ddd;
2083 border-radius:2px;
2084 cursor:pointer;
2085 padding:8px 12px;
2086}
2087
2088fieldset.fields-controls__featured-image .fields-controls__featured-image-container:hover{
2089 background-color:#f0f0f0;
2090}
2091
2092fieldset.fields-controls__featured-image .fields-controls__featured-image-placeholder{
2093 height:24px;
2094 width:24px;
2095}
2096
2097fieldset.fields-controls__featured-image span{
2098 align-self:center;
2099 text-align:start;
2100 white-space:nowrap;
2101}
2102
2103fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button{
2104 height:fit-content;
2105 padding:0;
2106}
2107
2108fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:focus,fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:hover{
2109 border:0;
2110 color:unset;
2111}
2112
2113fieldset.fields-controls__featured-image .fields-controls__featured-image-remove-button{
2114 place-self:end;
2115}
2116
2117.dataforms-layouts-panel__field-control .fields-controls__featured-image-image,.dataforms-layouts-panel__field-control .fields-controls__featured-image-placeholder{
2118 height:16px;
2119 width:16px;
2120}
2121
2122.dataviews-view-grid__media .fields-controls__featured-image-image,.dataviews-view-grid__media .fields-controls__featured-image-placeholder,.dataviews-view-list__media-wrapper .fields-controls__featured-image-image,.dataviews-view-list__media-wrapper .fields-controls__featured-image-placeholder,.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-image,.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder{
2123 border-radius:4px;
2124 display:block;
2125 height:100%;
2126 width:100%;
2127}
2128
2129.dataviews-view-grid__media .fields-controls__featured-image-placeholder,.dataviews-view-list__media-wrapper .fields-controls__featured-image-placeholder,.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder{
2130 background:#f0f0f0;
2131 box-shadow:none;
2132}
2133
2134.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-image,.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder{
2135 height:32px;
2136 width:32px;
2137}
2138
2139.fields-controls__parent,.fields-controls__password,.fields-controls__template{
2140 border:0;
2141 margin:0;
2142 padding:0;
2143}
2144
2145.fields-controls__template-modal{
2146 z-index:1000001;
2147}
2148
2149.fields-controls__template-content .block-editor-block-patterns-list{
2150 column-count:2;
2151 column-gap:24px;
2152 padding-top:2px;
2153}
2154
2155@media (min-width:782px){
2156 .fields-controls__template-content .block-editor-block-patterns-list{
2157 column-count:3;
2158 }
2159}
2160@media (min-width:1280px){
2161 .fields-controls__template-content .block-editor-block-patterns-list{
2162 column-count:4;
2163 }
2164}
2165.fields-controls__template-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
2166 break-inside:avoid-column;
2167}
2168
2169.fields-field__title>span:first-child{
2170 display:block;
2171 flex-grow:0;
2172 overflow:hidden;
2173 text-decoration:none;
2174 text-overflow:ellipsis;
2175 white-space:nowrap;
2176}
2177
2178.fields-field__pattern-title span:first-child{
2179 flex:1;
2180}
2181
2182.edit-site-custom-template-modal__contents-wrapper{
2183 height:100%;
2184 justify-content:flex-start !important;
2185}
2186.edit-site-custom-template-modal__contents-wrapper>*{
2187 width:100%;
2188}
2189.edit-site-custom-template-modal__contents-wrapper__suggestions_list{
2190 margin-left:-12px;
2191 margin-right:-12px;
2192 width:calc(100% + 24px);
2193}
2194.edit-site-custom-template-modal__contents>.components-button{
2195 height:auto;
2196 justify-content:center;
2197}
2198@media (min-width:782px){
2199 .edit-site-custom-template-modal{
2200 width:456px;
2201 }
2202}
2203@media (min-width:600px){
2204 .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list{
2205 max-height:224px;
2206 overflow-y:auto;
2207 }
2208}
2209.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item{
2210 display:block;
2211 height:auto;
2212 overflow-wrap:break-word;
2213 padding:8px 12px;
2214 text-align:left;
2215 white-space:pre-wrap;
2216 width:100%;
2217}
2218.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item mark{
2219 background:none;
2220 font-weight:700;
2221}
2222.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover{
2223 background:rgba(var(--wp-admin-theme-color--rgb), .04);
2224}
2225.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover *,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover mark{
2226 color:var(--wp-admin-theme-color);
2227}
2228.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus{
2229 background-color:#f0f0f0;
2230}
2231.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){
2232 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset;
2233}
2234.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__title{
2235 display:block;
2236 overflow:hidden;
2237 text-overflow:ellipsis;
2238}
2239.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info{
2240 color:#757575;
2241 word-break:break-all;
2242}
2243
2244.edit-site-custom-template-modal__no-results{
2245 border:1px solid #ccc;
2246 border-radius:2px;
2247 padding:16px;
2248}
2249
2250.edit-site-custom-generic-template__modal .components-modal__header{
2251 border-bottom:none;
2252}
2253.edit-site-custom-generic-template__modal .components-modal__content:before{
2254 margin-bottom:4px;
2255}
2256
2257@media (min-width:960px){
2258 .edit-site-add-new-template__modal{
2259 margin-top:64px;
2260 max-height:calc(100% - 128px);
2261 max-width:832px;
2262 width:calc(100% - 128px);
2263 }
2264}
2265.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg,.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg{
2266 fill:var(--wp-admin-theme-color);
2267}
2268.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button .edit-site-add-new-template__template-name{
2269 align-items:flex-start;
2270 flex-grow:1;
2271}
2272.edit-site-add-new-template__modal .edit-site-add-new-template__template-icon{
2273 background:rgba(var(--wp-admin-theme-color--rgb), .04);
2274 border-radius:100%;
2275 max-height:40px;
2276 max-width:40px;
2277 padding:8px;
2278}
2279
2280.edit-site-add-new-template__template-list__contents>.components-button,.edit-site-custom-template-modal__contents>.components-button{
2281 border:1px solid #ddd;
2282 display:flex;
2283 flex-direction:column;
2284 justify-content:center;
2285 outline:1px solid #0000;
2286 padding:32px;
2287}
2288.edit-site-add-new-template__template-list__contents>.components-button span:first-child,.edit-site-custom-template-modal__contents>.components-button span:first-child{
2289 color:#1e1e1e;
2290}
2291.edit-site-add-new-template__template-list__contents>.components-button span,.edit-site-custom-template-modal__contents>.components-button span{
2292 color:#757575;
2293}
2294.edit-site-add-new-template__template-list__contents>.components-button:hover,.edit-site-custom-template-modal__contents>.components-button:hover{
2295 background:rgba(var(--wp-admin-theme-color--rgb), .04);
2296 border-color:#0000;
2297 color:var(--wp-admin-theme-color-darker-10);
2298}
2299.edit-site-add-new-template__template-list__contents>.components-button:hover span,.edit-site-custom-template-modal__contents>.components-button:hover span{
2300 color:var(--wp-admin-theme-color);
2301}
2302.edit-site-add-new-template__template-list__contents>.components-button:focus,.edit-site-custom-template-modal__contents>.components-button:focus{
2303 border-color:#0000;
2304 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2305 outline:3px solid #0000;
2306}
2307.edit-site-add-new-template__template-list__contents>.components-button:focus span:first-child,.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{
2308 color:var(--wp-admin-theme-color);
2309}
2310.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__custom-template-button,.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__template-list__prompt,.edit-site-custom-template-modal__contents .edit-site-add-new-template__custom-template-button,.edit-site-custom-template-modal__contents .edit-site-add-new-template__template-list__prompt{
2311 grid-column:1 / -1;
2312}
2313
2314.edit-site-add-new-template__template-list__contents>.components-button{
2315 align-items:flex-start;
2316 height:100%;
2317 text-align:start;
2318}
2319
2320.edit-site-visual-editor__editor-canvas.is-focused{
2321 outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color);
2322 outline-offset:calc(var(--wp-admin-border-width-focus)*-2);
2323}
2324
2325.edit-site-canvas-loader{
2326 align-items:center;
2327 display:flex;
2328 height:100%;
2329 justify-content:center;
2330 left:0;
2331 opacity:0;
2332 position:absolute;
2333 top:0;
2334 width:100%;
2335}
2336@media not (prefers-reduced-motion){
2337 .edit-site-canvas-loader{
2338 animation:edit-site-canvas-loader__fade-in-animation .5s ease .2s;
2339 animation-fill-mode:forwards;
2340 }
2341}
2342.edit-site-canvas-loader>div{
2343 width:160px;
2344}
2345
2346@keyframes edit-site-canvas-loader__fade-in-animation{
2347 0%{
2348 opacity:0;
2349 }
2350 to{
2351 opacity:1;
2352 }
2353}
2354.edit-site-global-styles-preview{
2355 align-items:center;
2356 cursor:pointer;
2357 display:flex;
2358 justify-content:center;
2359 line-height:1;
2360}
2361
2362.edit-site-global-styles-preview__wrapper{
2363 display:block;
2364 max-width:100%;
2365 width:100%;
2366}
2367
2368.edit-site-typography-preview{
2369 align-items:center;
2370 background:#f0f0f0;
2371 border-radius:2px;
2372 display:flex;
2373 justify-content:center;
2374 margin-bottom:16px;
2375 min-height:100px;
2376 overflow:hidden;
2377}
2378
2379.edit-site-font-size__item{
2380 line-break:anywhere;
2381 overflow:hidden;
2382 text-overflow:ellipsis;
2383 white-space:nowrap;
2384}
2385
2386.edit-site-font-size__item-value{
2387 color:#757575;
2388}
2389
2390.edit-site-global-styles-screen{
2391 margin:12px 16px 16px;
2392}
2393
2394.edit-site-global-styles-screen-typography__indicator{
2395 align-items:center;
2396 border-radius:1px;
2397 display:flex !important;
2398 font-size:14px;
2399 height:24px;
2400 justify-content:center;
2401 width:24px;
2402}
2403
2404.edit-site-global-styles-screen-typography__font-variants-count{
2405 color:#757575;
2406}
2407
2408.edit-site-global-styles-font-families__manage-fonts{
2409 justify-content:center;
2410}
2411
2412.edit-site-global-styles-screen .color-block-support-panel{
2413 border-top:none;
2414 padding-left:0;
2415 padding-right:0;
2416 padding-top:0;
2417 row-gap:12px;
2418}
2419
2420.edit-site-global-styles-header__description{
2421 padding:0 16px;
2422}
2423
2424.edit-site-block-types-search{
2425 margin-bottom:8px;
2426 padding:0 16px;
2427}
2428
2429.edit-site-global-styles-header{
2430 margin-bottom:0 !important;
2431}
2432
2433.edit-site-global-styles-subtitle{
2434 font-size:11px !important;
2435 font-weight:500 !important;
2436 margin-bottom:0 !important;
2437 text-transform:uppercase;
2438}
2439
2440.edit-site-global-styles-section-title{
2441 color:#2f2f2f;
2442 font-weight:600;
2443 line-height:1.2;
2444 margin:0;
2445 padding:16px 16px 0;
2446}
2447
2448.edit-site-global-styles-icon-with-current-color{
2449 fill:currentColor;
2450}
2451
2452.edit-site-global-styles__color-indicator-wrapper{
2453 flex-shrink:0;
2454 height:24px;
2455}
2456
2457.edit-site-global-styles__shadows-panel__options-container,.edit-site-global-styles__typography-panel__options-container{
2458 height:24px;
2459}
2460
2461.edit-site-global-styles__block-preview-panel{
2462 border:1px solid #e0e0e0;
2463 border-radius:4px;
2464 overflow:hidden;
2465 position:relative;
2466 width:100%;
2467}
2468
2469.edit-site-global-styles__shadow-preview-panel{
2470 background-image:repeating-linear-gradient(45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5), repeating-linear-gradient(45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5);
2471 background-position:0 0, 8px 8px;
2472 background-size:16px 16px;
2473 border:1px solid #e0e0e0;
2474 border-radius:4px;
2475 height:144px;
2476 overflow:auto;
2477}
2478.edit-site-global-styles__shadow-preview-panel .edit-site-global-styles__shadow-preview-block{
2479 background-color:#fff;
2480 border:1px solid #e0e0e0;
2481 border-radius:2px;
2482 height:60px;
2483 width:60%;
2484}
2485
2486.edit-site-global-styles__shadow-editor__dropdown-content{
2487 width:280px;
2488}
2489
2490.edit-site-global-styles__shadow-editor-panel{
2491 margin-bottom:4px;
2492}
2493
2494.edit-site-global-styles__shadow-editor__dropdown{
2495 position:relative;
2496 width:100%;
2497}
2498
2499.edit-site-global-styles__shadow-editor__dropdown-toggle{
2500 border-radius:inherit;
2501 height:auto;
2502 padding-bottom:8px;
2503 padding-top:8px;
2504 text-align:left;
2505 width:100%;
2506}
2507.edit-site-global-styles__shadow-editor__dropdown-toggle.is-open{
2508 background:#f0f0f0;
2509 color:var(--wp-admin-theme-color);
2510}
2511
2512.edit-site-global-styles__shadow-editor__remove-button{
2513 opacity:0;
2514 position:absolute;
2515 right:8px;
2516 top:8px;
2517}
2518.edit-site-global-styles__shadow-editor__remove-button.edit-site-global-styles__shadow-editor__remove-button{
2519 border:none;
2520}
2521.edit-site-global-styles__shadow-editor__dropdown-toggle:hover+.edit-site-global-styles__shadow-editor__remove-button,.edit-site-global-styles__shadow-editor__remove-button:focus,.edit-site-global-styles__shadow-editor__remove-button:hover{
2522 opacity:1;
2523}
2524@media (hover:none){
2525 .edit-site-global-styles__shadow-editor__remove-button{
2526 opacity:1;
2527 }
2528}
2529
2530.edit-site-global-styles-screen-css{
2531 display:flex;
2532 flex:1 1 auto;
2533 flex-direction:column;
2534 margin:16px;
2535}
2536.edit-site-global-styles-screen-css .components-v-stack{
2537 flex:1 1 auto;
2538}
2539.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input,.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field{
2540 display:flex;
2541 flex:1 1 auto;
2542 flex-direction:column;
2543}
2544.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input{
2545 direction:ltr;
2546 flex:1 1 auto;
2547}
2548
2549.edit-site-global-styles-screen-css-help-link{
2550 display:inline-block;
2551 margin-top:8px;
2552}
2553
2554.edit-site-global-styles-screen-variations{
2555 border-top:1px solid #ddd;
2556 margin-top:16px;
2557}
2558.edit-site-global-styles-screen-variations>*{
2559 margin:24px 16px;
2560}
2561
2562.edit-site-global-styles-sidebar__navigator-provider{
2563 height:100%;
2564}
2565
2566.edit-site-global-styles-sidebar__navigator-screen{
2567 display:flex;
2568 flex-direction:column;
2569 height:100%;
2570}
2571
2572.edit-site-global-styles-sidebar__navigator-screen .single-column{
2573 grid-column:span 1;
2574}
2575
2576.edit-site-global-styles-screen-root.edit-site-global-styles-screen-root,.edit-site-global-styles-screen-style-variations.edit-site-global-styles-screen-style-variations{
2577 background:unset;
2578 color:inherit;
2579}
2580
2581.edit-site-global-styles-sidebar__panel .block-editor-block-icon svg{
2582 fill:currentColor;
2583}
2584
2585.edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile,.edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile .edit-site-global-styles-screen-root__active-style-tile-preview{
2586 border-radius:2px;
2587}
2588
2589.edit-site-global-styles-screen-revisions__revisions-list{
2590 flex-grow:1;
2591 list-style:none;
2592 margin:0 16px 16px;
2593}
2594.edit-site-global-styles-screen-revisions__revisions-list li{
2595 margin-bottom:0;
2596}
2597
2598.edit-site-global-styles-screen-revisions__revision-item{
2599 cursor:pointer;
2600 display:flex;
2601 flex-direction:column;
2602 position:relative;
2603}
2604.edit-site-global-styles-screen-revisions__revision-item[role=option]:active,.edit-site-global-styles-screen-revisions__revision-item[role=option]:focus{
2605 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2606 outline:2px solid #0000;
2607}
2608.edit-site-global-styles-screen-revisions__revision-item:hover{
2609 background:rgba(var(--wp-admin-theme-color--rgb), .04);
2610}
2611.edit-site-global-styles-screen-revisions__revision-item:hover .edit-site-global-styles-screen-revisions__date{
2612 color:var(--wp-admin-theme-color);
2613}
2614.edit-site-global-styles-screen-revisions__revision-item:after,.edit-site-global-styles-screen-revisions__revision-item:before{
2615 content:"\a";
2616 display:block;
2617 position:absolute;
2618}
2619.edit-site-global-styles-screen-revisions__revision-item:before{
2620 background:#ddd;
2621 border:4px solid #0000;
2622 border-radius:50%;
2623 height:8px;
2624 left:17px;
2625 top:18px;
2626 transform:translate(-50%, -50%);
2627 width:8px;
2628 z-index:1;
2629}
2630.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true]{
2631 background:rgba(var(--wp-admin-theme-color--rgb), .04);
2632 border-radius:2px;
2633 color:var(--wp-admin-theme-color);
2634 outline:3px solid #0000;
2635 outline-offset:-2px;
2636}
2637.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__date{
2638 color:var(--wp-admin-theme-color);
2639}
2640.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true]:before{
2641 background:var(--wp-admin-theme-color);
2642}
2643.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__changes>li,.edit-site-global-styles-screen-revisions__revision-item[aria-selected=true] .edit-site-global-styles-screen-revisions__meta{
2644 color:#1e1e1e;
2645}
2646.edit-site-global-styles-screen-revisions__revision-item:after{
2647 border:.5px solid #ddd;
2648 height:100%;
2649 left:16px;
2650 top:0;
2651 width:0;
2652}
2653.edit-site-global-styles-screen-revisions__revision-item:first-child:after{
2654 top:18px;
2655}
2656.edit-site-global-styles-screen-revisions__revision-item:last-child:after{
2657 height:18px;
2658}
2659
2660.edit-site-global-styles-screen-revisions__revision-item-wrapper{
2661 display:block;
2662 padding:12px 12px 4px 40px;
2663}
2664
2665.edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__apply-button.is-primary{
2666 align-self:flex-start;
2667 margin:4px 12px 12px 40px;
2668}
2669
2670.edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__changes,.edit-site-global-styles-screen-revisions__meta{
2671 color:#757575;
2672 font-size:12px;
2673}
2674
2675.edit-site-global-styles-screen-revisions__description{
2676 align-items:flex-start;
2677 display:flex;
2678 flex-direction:column;
2679 gap:8px;
2680}
2681.edit-site-global-styles-screen-revisions__description .edit-site-global-styles-screen-revisions__date{
2682 font-size:12px;
2683 font-weight:600;
2684 text-transform:uppercase;
2685}
2686
2687.edit-site-global-styles-screen-revisions__meta{
2688 align-items:flex-start;
2689 display:flex;
2690 justify-content:start;
2691 margin-bottom:4px;
2692 text-align:left;
2693 width:100%;
2694}
2695.edit-site-global-styles-screen-revisions__meta img{
2696 border-radius:100%;
2697 height:16px;
2698 margin-right:8px;
2699 width:16px;
2700}
2701
2702.edit-site-global-styles-screen-revisions__loading{
2703 margin:24px auto !important;
2704}
2705
2706.edit-site-global-styles-screen-revisions__changes{
2707 line-height:1.4;
2708 list-style:disc;
2709 margin-left:12px;
2710 text-align:left;
2711}
2712.edit-site-global-styles-screen-revisions__changes li{
2713 margin-bottom:4px;
2714}
2715
2716.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination{
2717 gap:2px;
2718 justify-content:space-between;
2719}
2720.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .edit-site-pagination__total{
2721 height:1px;
2722 left:-1000px;
2723 margin:-1px;
2724 overflow:hidden;
2725 position:absolute;
2726}
2727.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-text{
2728 font-size:12px;
2729 will-change:opacity;
2730}
2731.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary{
2732 color:#1e1e1e;
2733}
2734.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary:disabled,.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary[aria-disabled=true]{
2735 color:#949494;
2736}
2737
2738.edit-site-global-styles-screen-revisions__footer{
2739 background:#fff;
2740 border-top:1px solid #ddd;
2741 bottom:0;
2742 height:56px;
2743 min-width:100%;
2744 padding:12px;
2745 position:sticky;
2746 z-index:1;
2747}
2748
2749.edit-site-global-styles-sidebar{
2750 display:flex;
2751 flex-direction:column;
2752 min-height:100%;
2753}
2754.edit-site-global-styles-sidebar__panel{
2755 flex:1;
2756}
2757
2758.edit-site-global-styles-sidebar .edit-site-global-styles-sidebar__header-title{
2759 margin:0;
2760}
2761
2762.edit-site-global-styles-sidebar .edit-site-global-styles-sidebar__header-actions{
2763 flex:1;
2764}
2765
2766.edit-site-global-styles-sidebar .components-navigation__menu-title-heading{
2767 font-size:15.6px;
2768 font-weight:500;
2769}
2770
2771.edit-site-global-styles-sidebar .components-navigation__item>button span{
2772 font-weight:500;
2773}
2774
2775.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings{
2776 border:0;
2777}
2778
2779.edit-site-global-styles-sidebar .single-column{
2780 grid-column:span 1;
2781}
2782
2783.edit-site-global-styles-sidebar .components-tools-panel .span-columns{
2784 grid-column:1 / -1;
2785}
2786
2787.edit-site-global-styles-sidebar__blocks-group{
2788 border-top:1px solid #e0e0e0;
2789 padding-top:24px;
2790}
2791
2792.edit-site-global-styles-sidebar__blocks-group-help{
2793 padding:0 16px;
2794}
2795
2796.edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{
2797 padding:16px;
2798}
2799
2800.edit-site-global-styles-sidebar hr{
2801 margin:0;
2802}
2803
2804.show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon{
2805 width:auto;
2806}
2807.show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon svg{
2808 display:none;
2809}
2810.show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon:after{
2811 content:attr(aria-label);
2812 font-size:12px;
2813}
2814
2815.edit-site-patterns__delete-modal{
2816 width:384px;
2817}
2818
2819.page-patterns-preview-field{
2820 align-items:center;
2821 border-radius:4px;
2822 display:flex;
2823 flex-direction:column;
2824 height:100%;
2825 justify-content:center;
2826}
2827.dataviews-view-grid .page-patterns-preview-field .block-editor-block-preview__container{
2828 height:100%;
2829}
2830.dataviews-view-table .page-patterns-preview-field{
2831 flex-grow:0;
2832 text-wrap:balance;
2833 text-wrap:pretty;
2834 width:96px;
2835}
2836
2837.edit-site-patterns__pattern-icon{
2838 fill:var(--wp-block-synced-color);
2839 flex-shrink:0;
2840}
2841
2842.edit-site-patterns__section-header{
2843 border-bottom:1px solid #f0f0f0;
2844 flex-shrink:0;
2845 min-height:40px;
2846 padding:16px 48px;
2847 position:sticky;
2848 top:0;
2849 z-index:2;
2850}
2851@media not (prefers-reduced-motion){
2852 .edit-site-patterns__section-header{
2853 transition:padding .1s ease-out;
2854 }
2855}
2856.edit-site-patterns__section-header .edit-site-patterns__title{
2857 min-height:40px;
2858}
2859.edit-site-patterns__section-header .edit-site-patterns__title .components-heading{
2860 flex-basis:0;
2861 flex-grow:1;
2862 white-space:nowrap;
2863}
2864.edit-site-patterns__section-header .edit-site-patterns__sub-title{
2865 margin-bottom:8px;
2866}
2867.edit-site-patterns__section-header .screen-reader-shortcut:focus{
2868 top:0;
2869}
2870
2871.edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully){
2872 background:rgba(var(--wp-block-synced-color--rgb), .04);
2873 color:var(--wp-block-synced-color);
2874}
2875
2876.dataviews-action-modal__duplicate-pattern [role=dialog]>[role=document]{
2877 width:350px;
2878}
2879.dataviews-action-modal__duplicate-pattern .patterns-menu-items__convert-modal-categories{
2880 position:relative;
2881}
2882.dataviews-action-modal__duplicate-pattern .components-form-token-field__suggestions-list:not(:empty){
2883 background-color:#fff;
2884 border:1px solid var(--wp-admin-theme-color);
2885 border-bottom-left-radius:2px;
2886 border-bottom-right-radius:2px;
2887 box-shadow:0 0 .5px .5px var(--wp-admin-theme-color);
2888 box-sizing:border-box;
2889 left:-1px;
2890 max-height:96px;
2891 min-width:auto;
2892 position:absolute;
2893 width:calc(100% + 2px);
2894 z-index:1;
2895}
2896
2897@media (min-width:600px){
2898 .dataviews-action-modal__duplicate-template-part .components-modal__frame{
2899 max-width:500px;
2900 }
2901}
2902
2903@container (max-width: 430px){
2904 .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{
2905 padding-left:24px;
2906 padding-right:24px;
2907 }
2908}
2909.page-templates-preview-field{
2910 align-items:center;
2911 border-radius:4px;
2912 display:flex;
2913 flex-direction:column;
2914 height:100%;
2915 justify-content:center;
2916 width:100%;
2917}
2918.dataviews-view-list .page-templates-preview-field .block-editor-block-preview__container{
2919 height:120px;
2920}
2921.dataviews-view-grid .page-templates-preview-field .block-editor-block-preview__container{
2922 height:100%;
2923}
2924.dataviews-view-table .page-templates-preview-field{
2925 max-height:160px;
2926 position:relative;
2927 text-wrap:balance;
2928 text-wrap:pretty;
2929 width:120px;
2930}
2931
2932.edit-site-page-templates .dataviews-pagination{
2933 z-index:2;
2934}
2935
2936.page-templates-author-field__avatar{
2937 align-items:center;
2938 display:flex;
2939 flex-shrink:0;
2940 height:24px;
2941 justify-content:left;
2942 overflow:hidden;
2943 width:24px;
2944}
2945.page-templates-author-field__avatar img{
2946 border-radius:100%;
2947 height:16px;
2948 object-fit:cover;
2949 opacity:0;
2950 width:16px;
2951}
2952@media not (prefers-reduced-motion){
2953 .page-templates-author-field__avatar img{
2954 transition:opacity .1s linear;
2955 }
2956}
2957.page-templates-author-field__avatar.is-loaded img{
2958 opacity:1;
2959}
2960
2961.page-templates-author-field__icon{
2962 display:flex;
2963 flex-shrink:0;
2964 height:24px;
2965 width:24px;
2966}
2967.page-templates-author-field__icon svg{
2968 margin-left:-4px;
2969 fill:currentColor;
2970}
2971
2972.page-templates-author-field__name{
2973 overflow:hidden;
2974 text-overflow:ellipsis;
2975}
2976
2977.edit-site-list__rename-modal{
2978 z-index:1000001;
2979}
2980@media (min-width:782px){
2981 .edit-site-list__rename-modal .components-base-control{
2982 width:320px;
2983 }
2984}
2985
2986.edit-site-editor__editor-interface{
2987 opacity:1;
2988}
2989@media not (prefers-reduced-motion){
2990 .edit-site-editor__editor-interface{
2991 transition:opacity .1s ease-out;
2992 }
2993}
2994.edit-site-editor__editor-interface.is-loading{
2995 opacity:0;
2996}
2997
2998.edit-site-editor__toggle-save-panel{
2999 background-color:#fff;
3000 border:1px dotted #ddd;
3001 box-sizing:border-box;
3002 display:flex;
3003 justify-content:center;
3004 padding:24px;
3005 width:280px;
3006}
3007
3008.edit-site-editor__view-mode-toggle{
3009 view-transition-name:toggle;
3010 height:64px;
3011 left:0;
3012 top:0;
3013 width:64px;
3014 z-index:100;
3015}
3016.edit-site-editor__view-mode-toggle .components-button{
3017 align-items:center;
3018 border-radius:0;
3019 color:#fff;
3020 display:flex;
3021 height:100%;
3022 justify-content:center;
3023 overflow:hidden;
3024 padding:0;
3025 width:100%;
3026}
3027.edit-site-editor__view-mode-toggle .components-button:active,.edit-site-editor__view-mode-toggle .components-button:hover{
3028 color:#fff;
3029}
3030.edit-site-editor__view-mode-toggle .components-button:focus{
3031 box-shadow:none;
3032}
3033.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon img,.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon svg{
3034 background:#1e1e1e;
3035 display:block;
3036}
3037
3038.edit-site-editor__back-icon{
3039 align-items:center;
3040 background-color:#ccc;
3041 display:flex;
3042 height:64px;
3043 justify-content:center;
3044 left:0;
3045 pointer-events:none;
3046 position:absolute;
3047 top:0;
3048 width:64px;
3049}
3050.edit-site-editor__back-icon svg{
3051 fill:currentColor;
3052}
3053.edit-site-editor__back-icon.has-site-icon{
3054 backdrop-filter:saturate(180%) blur(15px);
3055 background-color:#fff9;
3056}
3057
3058.edit-site-welcome-guide{
3059 width:312px;
3060}
3061.edit-site-welcome-guide.guide-editor .edit-site-welcome-guide__image,.edit-site-welcome-guide.guide-styles .edit-site-welcome-guide__image{
3062 background:#00a0d2;
3063}
3064.edit-site-welcome-guide.guide-page .edit-site-welcome-guide__video{
3065 border-right:16px solid #3858e9;
3066 border-top:16px solid #3858e9;
3067}
3068.edit-site-welcome-guide.guide-template .edit-site-welcome-guide__video{
3069 border-left:16px solid #3858e9;
3070 border-top:16px solid #3858e9;
3071}
3072.edit-site-welcome-guide__image{
3073 margin:0 0 16px;
3074}
3075.edit-site-welcome-guide__image>img{
3076 display:block;
3077 max-width:100%;
3078 object-fit:cover;
3079}
3080.edit-site-welcome-guide__heading{
3081 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
3082 font-size:24px;
3083 line-height:1.4;
3084 margin:16px 0;
3085 padding:0 32px;
3086}
3087.edit-site-welcome-guide__text{
3088 font-size:13px;
3089 line-height:1.4;
3090 margin:0 0 16px;
3091 padding:0 32px;
3092}
3093.edit-site-welcome-guide__text img{
3094 vertical-align:bottom;
3095}
3096.edit-site-welcome-guide__inserter-icon{
3097 margin:0 4px;
3098 vertical-align:text-top;
3099}
3100
3101.edit-site-layout{
3102 color:#ccc;
3103 display:flex;
3104 flex-direction:column;
3105 height:100%;
3106}
3107.edit-site-layout,.edit-site-layout:not(.is-full-canvas) .editor-visual-editor{
3108 background:#1e1e1e;
3109}
3110
3111.edit-site-layout__content{
3112 display:flex;
3113 flex-grow:1;
3114 height:100%;
3115}
3116
3117.edit-site-layout__sidebar-region{
3118 flex-shrink:0;
3119 width:100vw;
3120 z-index:1;
3121}
3122@media (min-width:782px){
3123 .edit-site-layout__sidebar-region{
3124 width:300px;
3125 }
3126}
3127.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region{
3128 height:100vh;
3129 left:0;
3130 position:fixed !important;
3131 top:0;
3132}
3133.edit-site-layout__sidebar-region .edit-site-layout__sidebar{
3134 display:flex;
3135 flex-direction:column;
3136 height:100%;
3137}
3138.edit-site-layout__sidebar-region .resizable-editor__drag-handle{
3139 right:0;
3140}
3141
3142.edit-site-layout__main{
3143 display:flex;
3144 flex-direction:column;
3145 flex-grow:1;
3146 overflow:hidden;
3147}
3148
3149.edit-site-layout__mobile{
3150 display:flex;
3151 flex-direction:column;
3152 position:relative;
3153 width:100%;
3154 z-index:2;
3155}
3156.edit-site-layout__mobile .edit-site-sidebar__screen-wrapper{
3157 padding:0;
3158}
3159.edit-site-layout__mobile .edit-site-sidebar-navigation-screen__main{
3160 padding:0 12px;
3161}
3162
3163.edit-site-layout__canvas-container{
3164 flex-grow:1;
3165 overflow:visible;
3166 position:relative;
3167 z-index:2;
3168}
3169.edit-site-layout__canvas-container.is-resizing:after{
3170 bottom:0;
3171 content:"";
3172 left:0;
3173 position:absolute;
3174 right:0;
3175 top:0;
3176 z-index:100;
3177}
3178
3179.edit-site-layout__canvas{
3180 align-items:center;
3181 bottom:0;
3182 display:flex;
3183 justify-content:center;
3184 left:0;
3185 position:absolute;
3186 top:0;
3187 width:100%;
3188}
3189.edit-site-layout__canvas.is-right-aligned{
3190 justify-content:flex-end;
3191}
3192.edit-site-layout__canvas .edit-site-resizable-frame__inner{
3193 color:#1e1e1e;
3194}
3195@media (min-width:782px){
3196 .edit-site-layout__canvas{
3197 bottom:16px;
3198 top:16px;
3199 width:calc(100% - 16px);
3200 }
3201 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{
3202 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
3203 overflow:hidden;
3204 }
3205}
3206@media (min-width:782px) and (not (prefers-reduced-motion)){
3207 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{
3208 transition:border-radius,box-shadow .4s;
3209 }
3210}
3211@media (min-width:782px){
3212 .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{
3213 border-radius:8px;
3214 }
3215 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover{
3216 box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
3217 }
3218}
3219.edit-site-layout.is-full-canvas .edit-site-layout__canvas{
3220 bottom:0;
3221 top:0;
3222 width:100%;
3223}
3224
3225.edit-site-layout__canvas .interface-interface-skeleton,.edit-site-layout__mobile .interface-interface-skeleton,.edit-site-template-pages-preview .interface-interface-skeleton{
3226 min-height:100% !important;
3227 position:relative !important;
3228}
3229
3230.edit-site-template-pages-preview{
3231 height:100%;
3232}
3233html.canvas-mode-edit-transition::view-transition-group(toggle){
3234 animation-delay:255ms;
3235}
3236
3237@media (prefers-reduced-motion){
3238 ::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){
3239 animation:none !important;
3240 }
3241}
3242.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle{
3243 display:none;
3244}
3245
3246.edit-site-layout__view-mode-toggle.components-button{
3247 view-transition-name:toggle;
3248 align-items:center;
3249 background:#1e1e1e;
3250 border-radius:0;
3251 color:#fff;
3252 display:flex;
3253 height:64px;
3254 justify-content:center;
3255 overflow:hidden;
3256 padding:0;
3257 position:relative;
3258 width:64px;
3259}
3260.edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{
3261 color:#fff;
3262}
3263.edit-site-layout__view-mode-toggle.components-button:focus,.edit-site-layout__view-mode-toggle.components-button:focus-visible{
3264 box-shadow:0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
3265 outline:4px solid #0000;
3266 outline-offset:4px;
3267}
3268.edit-site-layout__view-mode-toggle.components-button:before{
3269 border-radius:4px;
3270 bottom:9px;
3271 box-shadow:none;
3272 content:"";
3273 display:block;
3274 left:17px;
3275 position:absolute;
3276 right:9px;
3277 top:9px;
3278}
3279@media not (prefers-reduced-motion){
3280 .edit-site-layout__view-mode-toggle.components-button:before{
3281 transition:box-shadow .1s ease;
3282 }
3283}
3284.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{
3285 align-items:center;
3286 display:flex;
3287 height:64px;
3288 justify-content:center;
3289 width:64px;
3290}
3291
3292.edit-site-layout__actions{
3293 background:#fff;
3294 bottom:auto;
3295 color:#1e1e1e;
3296 left:auto;
3297 position:fixed !important;
3298 right:0;
3299 top:-9999em;
3300 width:280px;
3301 z-index:100000;
3302}
3303.edit-site-layout__actions:focus,.edit-site-layout__actions:focus-within{
3304 bottom:0;
3305 top:auto;
3306}
3307.edit-site-layout__actions.is-entity-save-view-open:focus,.edit-site-layout__actions.is-entity-save-view-open:focus-within{
3308 top:0;
3309}
3310@media (min-width:782px){
3311 .edit-site-layout__actions{
3312 border-left:1px solid #ddd;
3313 }
3314}
3315
3316.edit-site-layout__area{
3317 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
3318 flex-grow:1;
3319 margin:0;
3320 overflow:hidden;
3321}
3322@media (min-width:782px){
3323 .edit-site-layout__area{
3324 border-radius:8px;
3325 margin:16px 16px 16px 0;
3326 }
3327}
3328
3329.edit-site .components-editor-notices__snackbar{
3330 bottom:16px;
3331 padding-left:16px;
3332 padding-right:16px;
3333 position:fixed;
3334 right:0;
3335}
3336
3337.edit-site-save-hub{
3338 border-top:1px solid #2f2f2f;
3339 color:#949494;
3340 flex-shrink:0;
3341 margin:0;
3342 padding:16px;
3343}
3344
3345.edit-site-save-hub__button{
3346 color:inherit;
3347 justify-content:center;
3348 width:100%;
3349}
3350.edit-site-save-hub__button[aria-disabled=true]{
3351 opacity:1;
3352}
3353.edit-site-save-hub__button[aria-disabled=true]:hover{
3354 color:inherit;
3355}
3356.edit-site-save-hub__button:not(.is-primary).is-busy,.edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover{
3357 color:#1e1e1e;
3358}
3359
3360@media (min-width:600px){
3361 .edit-site-save-panel__modal{
3362 width:600px;
3363 }
3364}
3365
3366.edit-site-sidebar__content{
3367 contain:content;
3368 flex-grow:1;
3369 overflow-x:hidden;
3370 overflow-y:auto;
3371}
3372
3373@keyframes local--slide-from-right{
3374 0%{
3375 opacity:0;
3376 transform:translateX(50px);
3377 }
3378 to{
3379 opacity:1;
3380 transform:none;
3381 }
3382}
3383@keyframes local--slide-from-left{
3384 0%{
3385 opacity:0;
3386 transform:translateX(-50px);
3387 }
3388 to{
3389 opacity:1;
3390 transform:none;
3391 }
3392}
3393.edit-site-sidebar__screen-wrapper{
3394 overflow-x:auto;
3395}
3396.edit-site-sidebar__screen-wrapper::-webkit-scrollbar{
3397 height:12px;
3398 width:12px;
3399}
3400.edit-site-sidebar__screen-wrapper::-webkit-scrollbar-track{
3401 background-color:initial;
3402}
3403.edit-site-sidebar__screen-wrapper::-webkit-scrollbar-thumb{
3404 background-clip:padding-box;
3405 background-color:initial;
3406 border:3px solid #0000;
3407 border-radius:8px;
3408}
3409.edit-site-sidebar__screen-wrapper:focus-within::-webkit-scrollbar-thumb,.edit-site-sidebar__screen-wrapper:focus::-webkit-scrollbar-thumb,.edit-site-sidebar__screen-wrapper:hover::-webkit-scrollbar-thumb{
3410 background-color:#757575;
3411}
3412.edit-site-sidebar__screen-wrapper{
3413 scrollbar-color:#0000 #0000;
3414 scrollbar-gutter:stable both-edges;
3415 scrollbar-width:thin;
3416}
3417.edit-site-sidebar__screen-wrapper:focus,.edit-site-sidebar__screen-wrapper:focus-within,.edit-site-sidebar__screen-wrapper:hover{
3418 scrollbar-color:#757575 #0000;
3419}
3420.edit-site-sidebar__screen-wrapper{
3421 will-change:transform;
3422}
3423@media (hover:none){
3424 .edit-site-sidebar__screen-wrapper{
3425 scrollbar-color:#757575 #0000;
3426 }
3427}
3428.edit-site-sidebar__screen-wrapper{
3429 animation-duration:.14s;
3430 animation-timing-function:ease-in-out;
3431 display:flex;
3432 flex-direction:column;
3433 height:100%;
3434 max-height:100%;
3435 padding:0 12px;
3436 scrollbar-gutter:stable;
3437 will-change:transform, opacity;
3438}
3439@media (prefers-reduced-motion:reduce){
3440 .edit-site-sidebar__screen-wrapper{
3441 animation-duration:0s;
3442 }
3443}
3444.edit-site-sidebar__screen-wrapper.slide-from-left{
3445 animation-name:local--slide-from-left;
3446}
3447.edit-site-sidebar__screen-wrapper.slide-from-right{
3448 animation-name:local--slide-from-right;
3449}
3450
3451.edit-site-sidebar-button{
3452 color:#e0e0e0;
3453 flex-shrink:0;
3454}
3455.edit-site-sidebar-button:focus:not(:disabled){
3456 box-shadow:none;
3457 outline:none;
3458}
3459.edit-site-sidebar-button:focus-visible:not(:disabled){
3460 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3461 outline:3px solid #0000;
3462}
3463.edit-site-sidebar-button:focus,.edit-site-sidebar-button:focus-visible,.edit-site-sidebar-button:hover:not(:disabled,[aria-disabled=true]),.edit-site-sidebar-button:not(:disabled,[aria-disabled=true]):active,.edit-site-sidebar-button[aria-expanded=true]{
3464 color:#f0f0f0;
3465}
3466
3467.edit-site-sidebar-navigation-item.components-item{
3468 border:none;
3469 color:#949494;
3470 min-height:40px;
3471 padding:8px 6px 8px 16px;
3472}
3473.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current=true]{
3474 color:#e0e0e0;
3475}
3476.edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item[aria-current=true] .edit-site-sidebar-navigation-item__drilldown-indicator{
3477 fill:#e0e0e0;
3478}
3479.edit-site-sidebar-navigation-item.components-item[aria-current=true]{
3480 background:#2f2f2f;
3481 color:#fff;
3482 font-weight:500;
3483}
3484.edit-site-sidebar-navigation-item.components-item:focus-visible{
3485 transform:translateZ(0);
3486}
3487.edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator{
3488 fill:#949494;
3489}
3490.edit-site-sidebar-navigation-item.components-item.with-suffix{
3491 padding-right:16px;
3492}
3493
3494.edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{
3495 cursor:grab;
3496 padding:8px 8px 8px 0;
3497}
3498
3499.edit-site-sidebar-navigation-screen{
3500 display:flex;
3501 flex-direction:column;
3502 overflow-x:unset !important;
3503 position:relative;
3504}
3505
3506.edit-site-sidebar-navigation-screen__main{
3507 flex-grow:1;
3508 margin-bottom:16px;
3509}
3510.edit-site-sidebar-navigation-screen__main.has-footer{
3511 margin-bottom:0;
3512}
3513
3514.edit-site-sidebar-navigation-screen__content{
3515 padding:0 16px;
3516}
3517.edit-site-sidebar-navigation-screen__content .components-text{
3518 color:#ccc;
3519}
3520.edit-site-sidebar-navigation-screen__content .components-heading{
3521 margin-bottom:8px;
3522}
3523
3524.edit-site-sidebar-navigation-screen__title-icon{
3525 background:#1e1e1e;
3526 margin-bottom:8px;
3527 padding-bottom:8px;
3528 padding-top:48px;
3529 position:sticky;
3530 top:0;
3531 z-index:1;
3532}
3533
3534.edit-site-sidebar-navigation-screen__title{
3535 flex-grow:1;
3536 overflow-wrap:break-word;
3537}
3538.edit-site-sidebar-navigation-screen__title.edit-site-sidebar-navigation-screen__title,.edit-site-sidebar-navigation-screen__title.edit-site-sidebar-navigation-screen__title .edit-site-sidebar-navigation-screen__title{
3539 line-height:32px;
3540}
3541
3542.edit-site-sidebar-navigation-screen__actions{
3543 display:flex;
3544 flex-shrink:0;
3545}
3546
3547@media (min-width:782px){
3548 .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variation-container{
3549 max-width:292px;
3550 }
3551}
3552
3553.edit-site-global-styles-variation-title{
3554 color:#ddd;
3555 font-size:11px;
3556 font-weight:500;
3557 text-transform:uppercase;
3558}
3559
3560.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{
3561 outline-color:#ffffff0d;
3562}
3563.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:not(.is-active):hover .edit-site-global-styles-variations_item-preview{
3564 outline-color:#ffffff26;
3565}
3566.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{
3567 outline-color:#fff;
3568}
3569.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{
3570 outline-color:var(--wp-admin-theme-color);
3571}
3572
3573.edit-site-sidebar-navigation-screen__footer{
3574 background-color:#1e1e1e;
3575 border-top:1px solid #2f2f2f;
3576 bottom:0;
3577 gap:0;
3578 margin:16px 0 0;
3579 padding:8px 16px;
3580 position:sticky;
3581}
3582.edit-site-sidebar-navigation-screen__footer .edit-site-sidebar-navigation-screen-details-footer{
3583 margin-left:-16px;
3584 margin-right:-16px;
3585}
3586.edit-site-sidebar-navigation-screen__input-control{
3587 width:100%;
3588}
3589.edit-site-sidebar-navigation-screen__input-control .components-input-control__container{
3590 background:#2f2f2f;
3591}
3592.edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button{
3593 color:#e0e0e0 !important;
3594}
3595.edit-site-sidebar-navigation-screen__input-control .components-input-control__input{
3596 background:#2f2f2f !important;
3597 color:#e0e0e0 !important;
3598}
3599.edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop{
3600 border:4px !important;
3601}
3602.edit-site-sidebar-navigation-screen__input-control .components-base-control__help{
3603 color:#949494;
3604}
3605
3606.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item[aria-current]{
3607 background:none;
3608}
3609
3610.sidebar-navigation__more-menu .components-button{
3611 color:#e0e0e0;
3612}
3613.sidebar-navigation__more-menu .components-button:focus,.sidebar-navigation__more-menu .components-button:hover,.sidebar-navigation__more-menu .components-button[aria-current]{
3614 color:#f0f0f0;
3615}
3616
3617.edit-site-sidebar-navigation-screen-patterns__group{
3618 margin-bottom:24px;
3619 margin-left:-16px;
3620 margin-right:-16px;
3621}
3622.edit-site-sidebar-navigation-screen-patterns__group:last-of-type{
3623 border-bottom:0;
3624 margin-bottom:0;
3625 padding-bottom:0;
3626}
3627
3628.edit-site-sidebar-navigation-screen-patterns__group-header{
3629 margin-top:16px;
3630}
3631.edit-site-sidebar-navigation-screen-patterns__group-header p{
3632 color:#949494;
3633}
3634.edit-site-sidebar-navigation-screen-patterns__group-header h2{
3635 font-size:11px;
3636 font-weight:500;
3637 text-transform:uppercase;
3638}
3639
3640.edit-site-sidebar-navigation-screen-patterns__divider{
3641 border-top:1px solid #2f2f2f;
3642 margin:16px 0;
3643}
3644
3645.edit-site-sidebar-navigation-screen__description{
3646 margin:0 0 32px;
3647}
3648
3649.edit-site-sidebar-navigation-screen-navigation-menus{
3650 margin-left:-16px;
3651 margin-right:-16px;
3652}
3653
3654.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{
3655 white-space:normal;
3656}
3657.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title{
3658 margin-top:3px;
3659}
3660.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell{
3661 padding-right:0;
3662}
3663.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button{
3664 color:#949494;
3665}
3666.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button[aria-current]{
3667 color:#fff;
3668}
3669.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu{
3670 color:#949494;
3671}
3672.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:hover{
3673 color:#fff;
3674}
3675
3676.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner{
3677 display:block;
3678 margin-left:auto;
3679 margin-right:auto;
3680}
3681
3682.edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor{
3683 display:none;
3684}
3685
3686.edit-site-sidebar-dataviews,.edit-site-sidebar-navigation-screen-main,.edit-site-sidebar-navigation-screen-templates-browse{
3687 margin-left:-16px;
3688 margin-right:-16px;
3689}
3690
3691.edit-site-sidebar-dataviews-dataview-item{
3692 border-radius:2px;
3693}
3694.edit-site-sidebar-dataviews-dataview-item:focus,.edit-site-sidebar-dataviews-dataview-item:hover,.edit-site-sidebar-dataviews-dataview-item[aria-current]{
3695 color:#e0e0e0;
3696}
3697.edit-site-sidebar-dataviews-dataview-item.is-selected{
3698 background:#2f2f2f;
3699 color:#fff;
3700 font-weight:500;
3701}
3702
3703.edit-site-site-hub{
3704 align-items:center;
3705 display:flex;
3706 gap:8px;
3707 height:64px;
3708 justify-content:space-between;
3709 margin-right:12px;
3710}
3711
3712.edit-site-site-hub__actions{
3713 flex-shrink:0;
3714}
3715
3716.edit-site-site-hub__view-mode-toggle-container{
3717 flex-shrink:0;
3718 height:64px;
3719 width:64px;
3720}
3721.edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon{
3722 background:#0000;
3723}
3724
3725.edit-site-site-hub__title .components-button{
3726 color:#e0e0e0;
3727 display:block;
3728 flex-grow:1;
3729 font-size:15px;
3730 font-weight:500;
3731 margin-left:-4px;
3732 overflow:hidden;
3733 padding-right:16px;
3734 position:relative;
3735 text-decoration:none;
3736 text-overflow:ellipsis;
3737 white-space:nowrap;
3738}
3739.edit-site-site-hub__title .components-button:active,.edit-site-site-hub__title .components-button:focus,.edit-site-site-hub__title .components-button:hover{
3740 color:#e0e0e0;
3741}
3742.edit-site-site-hub__title .components-button:focus{
3743 box-shadow:none;
3744 outline:none;
3745}
3746.edit-site-site-hub__title .components-button:focus-visible{
3747 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #1e1e1e, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
3748 outline:2px solid #0000;
3749 outline-offset:2px;
3750}
3751.edit-site-site-hub__title .components-button:after{
3752 content:"↗";
3753 font-weight:400;
3754 opacity:0;
3755 position:absolute;
3756 right:0;
3757}
3758@media not (prefers-reduced-motion){
3759 .edit-site-site-hub__title .components-button:after{
3760 transition:opacity .1s linear;
3761 }
3762}
3763.edit-site-site-hub__title .components-button:active:after,.edit-site-site-hub__title .components-button:focus:after,.edit-site-site-hub__title .components-button:hover:after{
3764 opacity:1;
3765}
3766
3767.edit-site-site-hub_toggle-command-center{
3768 color:#e0e0e0;
3769}
3770.edit-site-site-hub_toggle-command-center:active svg,.edit-site-site-hub_toggle-command-center:hover svg{
3771 fill:#f0f0f0;
3772}
3773
3774.edit-site-site-icon__icon{
3775 fill:currentColor;
3776 height:100%;
3777 width:100%;
3778}
3779.edit-site-layout.is-full-canvas .edit-site-site-icon__icon{
3780 padding:12px;
3781}
3782
3783.edit-site-site-icon__image{
3784 aspect-ratio:1/1;
3785 background:#333;
3786 height:100%;
3787 object-fit:cover;
3788 width:100%;
3789}
3790.edit-site-layout.is-full-canvas .edit-site-site-icon__image{
3791 border-radius:0;
3792}
3793
3794.edit-site-editor__view-mode-toggle button:focus{
3795 position:relative;
3796}
3797.edit-site-editor__view-mode-toggle button:focus:before{
3798 bottom:0;
3799 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;
3800 content:"";
3801 display:block;
3802 left:0;
3803 position:absolute;
3804 right:0;
3805 top:0;
3806 z-index:1;
3807}
3808
3809.edit-site-style-book{
3810 height:100%;
3811}
3812.edit-site-style-book.is-button{
3813 border-radius:8px;
3814}
3815.edit-site-style-book{
3816 align-items:stretch;
3817 display:flex;
3818 flex-direction:column;
3819}
3820
3821.edit-site-style-book__iframe{
3822 display:block;
3823 height:100%;
3824 width:100%;
3825}
3826.edit-site-style-book__iframe.is-button{
3827 border-radius:8px;
3828}
3829.edit-site-style-book__iframe.is-focused{
3830 outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color);
3831 outline-offset:calc(var(--wp-admin-border-width-focus)*-2);
3832}
3833
3834.edit-site-style-book__tablist-container{
3835 background:#fff;
3836 display:flex;
3837 flex:none;
3838 padding-right:56px;
3839 width:100%;
3840}
3841
3842.edit-site-style-book__tabpanel{
3843 flex:1 0 auto;
3844 overflow:auto;
3845}
3846
3847.edit-site-editor-canvas-container{
3848 background-color:var(--wp-editor-canvas-background);
3849 height:100%;
3850}
3851.edit-site-editor-canvas-container iframe{
3852 display:block;
3853 height:100%;
3854 width:100%;
3855}
3856.edit-site-layout.is-full-canvas .edit-site-editor-canvas-container{
3857 padding:24px 24px 0;
3858}
3859
3860.edit-site-editor-canvas-container__section{
3861 background:#fff;
3862 border-radius:8px;
3863 bottom:0;
3864 left:0;
3865 overflow:hidden;
3866 position:absolute;
3867 right:0;
3868 top:0;
3869}
3870@media not (prefers-reduced-motion){
3871 .edit-site-editor-canvas-container__section{
3872 transition:all .3s;
3873 }
3874}
3875
3876.edit-site-editor-canvas-container__close-button{
3877 background:#fff;
3878 position:absolute;
3879 right:8px;
3880 top:8px;
3881 z-index:2;
3882}
3883
3884.edit-site-post-edit{
3885 padding:24px;
3886}
3887
3888.dataforms-layouts-panel__field-dropdown .fields-controls__password{
3889 border-top:1px solid #e0e0e0;
3890 padding-top:16px;
3891}
3892
3893.edit-site-post-list__featured-image{
3894 height:100%;
3895 object-fit:cover;
3896 width:100%;
3897}
3898
3899.edit-site-post-list__featured-image-wrapper{
3900 border-radius:4px;
3901 height:100%;
3902 width:100%;
3903}
3904.edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button,.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)){
3905 background-color:#f0f0f0;
3906 border-radius:4px;
3907 display:block;
3908 flex-grow:0 !important;
3909 height:32px;
3910 overflow:hidden;
3911 position:relative;
3912 width:32px;
3913}
3914.edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button:after,.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)):after{
3915 border-radius:4px;
3916 box-shadow:inset 0 0 0 1px #0000001a;
3917 content:"";
3918 height:100%;
3919 left:0;
3920 position:absolute;
3921 top:0;
3922 width:100%;
3923}
3924
3925.edit-site-post-list__featured-image-button{
3926 background-color:unset;
3927 border:none;
3928 border-radius:4px;
3929 box-shadow:none;
3930 box-sizing:border-box;
3931 cursor:pointer;
3932 height:100%;
3933 overflow:hidden;
3934 padding:0;
3935 width:100%;
3936}
3937.edit-site-post-list__featured-image-button:focus-visible{
3938 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3939 outline:2px solid #0000;
3940}
3941
3942.dataviews-view-grid__card.is-selected .edit-site-post-list__featured-image-button:after{
3943 background:rgba(var(--wp-admin-theme-color--rgb), .04);
3944 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3945}
3946
3947.edit-site-post-list__status-icon{
3948 height:24px;
3949 width:24px;
3950}
3951.edit-site-post-list__status-icon svg{
3952 fill:currentColor;
3953 margin-left:-4px;
3954}
3955
3956.edit-site-resizable-frame__inner{
3957 position:relative;
3958}
3959body:has(.edit-site-resizable-frame__inner.is-resizing){
3960 cursor:col-resize;
3961 user-select:none;
3962 -webkit-user-select:none;
3963}
3964
3965.edit-site-resizable-frame__inner.is-resizing:before{
3966 content:"";
3967 inset:0;
3968 position:absolute;
3969 z-index:1;
3970}
3971
3972.edit-site-resizable-frame__inner-content{
3973 inset:0;
3974 position:absolute;
3975 z-index:0;
3976}
3977
3978.edit-site-resizable-frame__handle{
3979 align-items:center;
3980 background-color:#75757566;
3981 border:0;
3982 border-radius:4px;
3983 cursor:col-resize;
3984 display:flex;
3985 height:64px;
3986 justify-content:flex-end;
3987 padding:0;
3988 position:absolute;
3989 top:calc(50% - 32px);
3990 width:4px;
3991 z-index:100;
3992}
3993.edit-site-resizable-frame__handle:before{
3994 content:"";
3995 height:100%;
3996 left:100%;
3997 position:absolute;
3998 width:32px;
3999}
4000.edit-site-resizable-frame__handle:after{
4001 content:"";
4002 height:100%;
4003 position:absolute;
4004 right:100%;
4005 width:32px;
4006}
4007.edit-site-resizable-frame__handle:focus-visible{
4008 outline:2px solid #0000;
4009}
4010.edit-site-resizable-frame__handle.is-resizing,.edit-site-resizable-frame__handle:focus,.edit-site-resizable-frame__handle:hover{
4011 background-color:var(--wp-admin-theme-color);
4012}
4013
4014.edit-site-push-changes-to-global-styles-control .components-button{
4015 justify-content:center;
4016 width:100%;
4017}
4018
4019@media (min-width:782px){
4020 .font-library-modal.font-library-modal{
4021 width:65vw;
4022 }
4023}
4024.font-library-modal .components-modal__header{
4025 border-bottom:none;
4026}
4027.font-library-modal .components-modal__content{
4028 margin-bottom:70px;
4029 padding-top:0;
4030}
4031.font-library-modal .font-library-modal__subtitle{
4032 font-size:11px;
4033 font-weight:500;
4034 text-transform:uppercase;
4035}
4036.font-library-modal .components-navigator-screen{
4037 padding:3px;
4038}
4039
4040.font-library-modal__tabpanel-layout{
4041 margin-top:32px;
4042}
4043.font-library-modal__tabpanel-layout .font-library-modal__loading{
4044 align-items:center;
4045 display:flex;
4046 height:100%;
4047 justify-content:center;
4048 left:0;
4049 padding-top:124px;
4050 position:absolute;
4051 top:0;
4052 width:100%;
4053}
4054
4055.font-library-modal__footer{
4056 background-color:#fff;
4057 border-top:1px solid #ddd;
4058 bottom:32px;
4059 height:70px;
4060 margin:0 -32px -32px;
4061 padding:16px 32px;
4062 position:absolute;
4063 width:100%;
4064}
4065
4066.font-library-modal__page-selection{
4067 font-size:11px;
4068 font-weight:500;
4069 text-transform:uppercase;
4070}
4071@media (min-width:600px){
4072 .font-library-modal__page-selection .components-select-control__input{
4073 font-size:11px !important;
4074 font-weight:500;
4075 }
4076}
4077
4078.font-library-modal__fonts-title{
4079 font-size:11px;
4080 font-weight:600;
4081 text-transform:uppercase;
4082}
4083
4084.font-library-modal__fonts-list,.font-library-modal__fonts-title{
4085 margin-bottom:0;
4086 margin-top:0;
4087}
4088
4089.font-library-modal__fonts-list-item{
4090 margin-bottom:0;
4091}
4092
4093.font-library-modal__font-card{
4094 border:1px solid #e0e0e0;
4095 height:auto !important;
4096 margin-top:-1px;
4097 padding:16px;
4098 width:100%;
4099}
4100.font-library-modal__font-card:hover{
4101 background-color:#f0f0f0;
4102}
4103.font-library-modal__font-card:focus{
4104 position:relative;
4105}
4106.font-library-modal__font-card .font-library-modal__font-card__name{
4107 font-weight:700;
4108}
4109.font-library-modal__font-card .font-library-modal__font-card__count{
4110 color:#757575;
4111}
4112.font-library-modal__font-card .font-library-modal__font-variant_demo-image{
4113 display:block;
4114 height:24px;
4115 width:auto;
4116}
4117.font-library-modal__font-card .font-library-modal__font-variant_demo-text{
4118 flex-shrink:0;
4119 white-space:nowrap;
4120}
4121@media not (prefers-reduced-motion){
4122 .font-library-modal__font-card .font-library-modal__font-variant_demo-text{
4123 transition:opacity .3s ease-in-out;
4124 }
4125}
4126
4127.font-library-modal__font-variant{
4128 border-bottom:1px solid #e0e0e0;
4129 padding-bottom:16px;
4130}
4131
4132.font-library-modal__tablist-container{
4133 background:#fff;
4134 border-bottom:1px solid #ddd;
4135 margin:0 -32px;
4136 padding:0 16px;
4137 position:sticky;
4138 top:0;
4139 z-index:1;
4140}
4141.font-library-modal__tablist-container [role=tablist]{
4142 margin-bottom:-1px;
4143}
4144
4145.font-library-modal__upload-area{
4146 align-items:center;
4147 display:flex;
4148 height:256px !important;
4149 justify-content:center;
4150 width:100%;
4151}
4152
4153button.font-library-modal__upload-area{
4154 background-color:#f0f0f0;
4155}
4156
4157.font-library-modal__local-fonts{
4158 margin:0 auto;
4159 width:80%;
4160}
4161.font-library-modal__local-fonts .font-library-modal__upload-area__text{
4162 color:#757575;
4163}
4164
4165.font-library__google-fonts-confirm{
4166 align-items:center;
4167 display:flex;
4168 justify-content:center;
4169 margin-top:64px;
4170}
4171.font-library__google-fonts-confirm p{
4172 line-height:1.4;
4173}
4174.font-library__google-fonts-confirm h2{
4175 font-size:1.2rem;
4176 font-weight:400;
4177}
4178.font-library__google-fonts-confirm .components-card{
4179 padding:16px;
4180 width:400px;
4181}
4182.font-library__google-fonts-confirm .components-button{
4183 justify-content:center;
4184 width:100%;
4185}
4186
4187.font-library-modal__select-all{
4188 padding:16px 16px 16px 17px;
4189}
4190.font-library-modal__select-all .components-checkbox-control__label{
4191 padding-left:16px;
4192}
4193
4194.edit-site-pagination .components-button.is-tertiary{
4195 height:32px;
4196 justify-content:center;
4197 width:32px;
4198}
4199
4200.edit-site-global-styles-variations_item{
4201 box-sizing:border-box;
4202 cursor:pointer;
4203}
4204.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{
4205 border-radius:2px;
4206 outline:1px solid #0000001a;
4207 outline-offset:-1px;
4208 overflow:hidden;
4209 position:relative;
4210}
4211@media not (prefers-reduced-motion){
4212 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{
4213 transition:outline .1s linear;
4214 }
4215}
4216.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill{
4217 height:32px;
4218}
4219.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill .block-editor-iframe__scale-container{
4220 overflow:hidden;
4221}
4222.edit-site-global-styles-variations_item:not(.is-active):hover .edit-site-global-styles-variations_item-preview{
4223 outline-color:#0000004d;
4224}
4225.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{
4226 outline-color:#1e1e1e;
4227 outline-offset:1px;
4228 outline-width:var(--wp-admin-border-width-focus);
4229}
4230.edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{
4231 outline-color:var(--wp-admin-theme-color);
4232}
4233
4234.edit-site-styles .edit-site-global-styles-screen-root{
4235 box-shadow:none;
4236}
4237.edit-site-styles .edit-site-global-styles-screen-root>div>hr{
4238 display:none;
4239}
4240.edit-site-styles .edit-site-global-styles-sidebar__navigator-provider .components-tools-panel{
4241 border-top:none;
4242}
4243.edit-site-styles .edit-site-global-styles-sidebar__navigator-provider{
4244 overflow-y:auto;
4245 padding-left:0;
4246 padding-right:0;
4247}
4248.edit-site-styles .edit-site-global-styles-sidebar__navigator-provider .edit-site-global-styles-sidebar__navigator-screen{
4249 outline:none;
4250 padding:12px;
4251}
4252.edit-site-styles .edit-site-sidebar-button{
4253 color:#1e1e1e;
4254}
4255::view-transition-image-pair(root){
4256 isolation:auto;
4257}
4258
4259::view-transition-new(root),::view-transition-old(root){
4260 animation:none;
4261 display:block;
4262 mix-blend-mode:normal;
4263}
4264body.js #wpadminbar{
4265 display:none;
4266}
4267
4268body.js #wpbody{
4269 padding-top:0;
4270}
4271
4272body.js.appearance_page_gutenberg-template-parts,body.js.site-editor-php{
4273 background:#fff;
4274}
4275body.js.appearance_page_gutenberg-template-parts #wpcontent,body.js.site-editor-php #wpcontent{
4276 padding-left:0;
4277}
4278body.js.appearance_page_gutenberg-template-parts #wpbody-content,body.js.site-editor-php #wpbody-content{
4279 padding-bottom:0;
4280}
4281body.js.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.appearance_page_gutenberg-template-parts #wpfooter,body.js.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.site-editor-php #wpfooter{
4282 display:none;
4283}
4284body.js.appearance_page_gutenberg-template-parts .a11y-speak-region,body.js.site-editor-php .a11y-speak-region{
4285 left:-1px;
4286 top:-1px;
4287}
4288body.js.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.js.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.js.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.js.site-editor-php ul#adminmenu>li.current>a.current:after{
4289 border-right-color:#fff;
4290}
4291body.js.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.js.site-editor-php .media-frame select.attachment-filters:last-of-type{
4292 max-width:100%;
4293 width:auto;
4294}
4295
4296body.js.site-editor-php{
4297 background:#1e1e1e;
4298}
4299
4300.edit-site{
4301 box-sizing:border-box;
4302}
4303.edit-site *,.edit-site :after,.edit-site :before{
4304 box-sizing:inherit;
4305}
4306.edit-site{
4307 height:100vh;
4308}
4309@media (min-width:600px){
4310 .edit-site{
4311 bottom:0;
4312 left:0;
4313 min-height:100vh;
4314 position:fixed;
4315 right:0;
4316 top:0;
4317 }
4318}
4319.no-js .edit-site{
4320 min-height:0;
4321 position:static;
4322}
4323.edit-site .interface-interface-skeleton{
4324 top:0;
4325}
4326
4327body.admin-color-light{
4328 --wp-admin-theme-color:#0085ba;
4329 --wp-admin-theme-color--rgb:0, 133, 186;
4330 --wp-admin-theme-color-darker-10:#0073a1;
4331 --wp-admin-theme-color-darker-10--rgb:0, 114.7661290323, 160.5;
4332 --wp-admin-theme-color-darker-20:#006187;
4333 --wp-admin-theme-color-darker-20--rgb:0, 96.5322580645, 135;
4334 --wp-admin-border-width-focus:2px;
4335}
4336@media (min-resolution:192dpi){
4337 body.admin-color-light{
4338 --wp-admin-border-width-focus:1.5px;
4339 }
4340}
4341
4342body.admin-color-modern{
4343 --wp-admin-theme-color:#3858e9;
4344 --wp-admin-theme-color--rgb:56, 88, 233;
4345 --wp-admin-theme-color-darker-10:#2145e6;
4346 --wp-admin-theme-color-darker-10--rgb:33.0384615385, 68.7307692308, 230.4615384615;
4347 --wp-admin-theme-color-darker-20:#183ad6;
4348 --wp-admin-theme-color-darker-20--rgb:23.6923076923, 58.1538461538, 214.3076923077;
4349 --wp-admin-border-width-focus:2px;
4350}
4351@media (min-resolution:192dpi){
4352 body.admin-color-modern{
4353 --wp-admin-border-width-focus:1.5px;
4354 }
4355}
4356
4357body.admin-color-blue{
4358 --wp-admin-theme-color:#096484;
4359 --wp-admin-theme-color--rgb:9, 100, 132;
4360 --wp-admin-theme-color-darker-10:#07526c;
4361 --wp-admin-theme-color-darker-10--rgb:7.3723404255, 81.914893617, 108.1276595745;
4362 --wp-admin-theme-color-darker-20:#064054;
4363 --wp-admin-theme-color-darker-20--rgb:5.7446808511, 63.829787234, 84.2553191489;
4364 --wp-admin-border-width-focus:2px;
4365}
4366@media (min-resolution:192dpi){
4367 body.admin-color-blue{
4368 --wp-admin-border-width-focus:1.5px;
4369 }
4370}
4371
4372body.admin-color-coffee{
4373 --wp-admin-theme-color:#46403c;
4374 --wp-admin-theme-color--rgb:70, 64, 60;
4375 --wp-admin-theme-color-darker-10:#383330;
4376 --wp-admin-theme-color-darker-10--rgb:56.2692307692, 51.4461538462, 48.2307692308;
4377 --wp-admin-theme-color-darker-20:#2b2724;
4378 --wp-admin-theme-color-darker-20--rgb:42.5384615385, 38.8923076923, 36.4615384615;
4379 --wp-admin-border-width-focus:2px;
4380}
4381@media (min-resolution:192dpi){
4382 body.admin-color-coffee{
4383 --wp-admin-border-width-focus:1.5px;
4384 }
4385}
4386
4387body.admin-color-ectoplasm{
4388 --wp-admin-theme-color:#523f6d;
4389 --wp-admin-theme-color--rgb:82, 63, 109;
4390 --wp-admin-theme-color-darker-10:#46365d;
4391 --wp-admin-theme-color-darker-10--rgb:69.8430232558, 53.6598837209, 92.8401162791;
4392 --wp-admin-theme-color-darker-20:#3a2c4d;
4393 --wp-admin-theme-color-darker-20--rgb:57.6860465116, 44.3197674419, 76.6802325581;
4394 --wp-admin-border-width-focus:2px;
4395}
4396@media (min-resolution:192dpi){
4397 body.admin-color-ectoplasm{
4398 --wp-admin-border-width-focus:1.5px;
4399 }
4400}
4401
4402body.admin-color-midnight{
4403 --wp-admin-theme-color:#e14d43;
4404 --wp-admin-theme-color--rgb:225, 77, 67;
4405 --wp-admin-theme-color-darker-10:#dd382d;
4406 --wp-admin-theme-color-darker-10--rgb:221.4908256881, 56.1788990826, 45.0091743119;
4407 --wp-admin-theme-color-darker-20:#d02c21;
4408 --wp-admin-theme-color-darker-20--rgb:207.8348623853, 44.2201834862, 33.1651376147;
4409 --wp-admin-border-width-focus:2px;
4410}
4411@media (min-resolution:192dpi){
4412 body.admin-color-midnight{
4413 --wp-admin-border-width-focus:1.5px;
4414 }
4415}
4416
4417body.admin-color-ocean{
4418 --wp-admin-theme-color:#627c83;
4419 --wp-admin-theme-color--rgb:98, 124, 131;
4420 --wp-admin-theme-color-darker-10:#576e74;
4421 --wp-admin-theme-color-darker-10--rgb:87.0873362445, 110.192139738, 116.4126637555;
4422 --wp-admin-theme-color-darker-20:#4c6066;
4423 --wp-admin-theme-color-darker-20--rgb:76.1746724891, 96.384279476, 101.8253275109;
4424 --wp-admin-border-width-focus:2px;
4425}
4426@media (min-resolution:192dpi){
4427 body.admin-color-ocean{
4428 --wp-admin-border-width-focus:1.5px;
4429 }
4430}
4431
4432body.admin-color-sunrise{
4433 --wp-admin-theme-color:#dd823b;
4434 --wp-admin-theme-color--rgb:221, 130, 59;
4435 --wp-admin-theme-color-darker-10:#d97426;
4436 --wp-admin-theme-color-darker-10--rgb:216.8782608696, 116.1847826087, 37.6217391304;
4437 --wp-admin-theme-color-darker-20:#c36922;
4438 --wp-admin-theme-color-darker-20--rgb:195.147826087, 104.5434782609, 33.852173913;
4439 --wp-admin-border-width-focus:2px;
4440}
4441@media (min-resolution:192dpi){
4442 body.admin-color-sunrise{
4443 --wp-admin-border-width-focus:1.5px;
4444 }
4445}