1@charset "UTF-8";
2:root{
3 --wp-block-synced-color:#7a00df;
4 --wp-block-synced-color--rgb:122, 0, 223;
5 --wp-bound-block-color:var(--wp-block-synced-color);
6 --wp-editor-canvas-background:#ddd;
7 --wp-admin-theme-color:#007cba;
8 --wp-admin-theme-color--rgb:0, 124, 186;
9 --wp-admin-theme-color-darker-10:#006ba1;
10 --wp-admin-theme-color-darker-10--rgb:0, 107, 160.5;
11 --wp-admin-theme-color-darker-20:#005a87;
12 --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
13 --wp-admin-border-width-focus:2px;
14}
15@media (min-resolution:192dpi){
16 :root{
17 --wp-admin-border-width-focus:1.5px;
18 }
19}
20.admin-ui-page{
21 background-color:#fff;
22 color:#2f2f2f;
23 container:admin-ui-page/inline-size;
24 display:flex;
25 flex-flow:column;
26 height:100%;
27 position:relative;
28 z-index:1;
29}
30
31@media not (prefers-reduced-motion){
32 .admin-ui-page{
33 transition:width .2s ease-out;
34 }
35}
36.admin-ui-page__header{
37 background:#fff;
38 border-bottom:1px solid #f0f0f0;
39 padding:16px 48px;
40 position:sticky;
41 top:0;
42}
43
44@container (max-width: 430px){
45 .admin-ui-page__header{
46 padding:16px 24px;
47 }
48}
49.admin-ui-page__header-subtitle{
50 color:#757575;
51 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
52 font-size:13px;
53 font-weight:400;
54 line-height:20px;
55 margin:0;
56 padding-block-end:8px;
57}
58
59.admin-ui-page__content{
60 display:flex;
61 flex-direction:column;
62 flex-grow:1;
63 overflow:auto;
64}
65
66.admin-ui-page__content.has-padding{
67 padding:16px 20px;
68}
69
70@container (max-width: 430px){
71 .admin-ui-page__content.has-padding{
72 padding:16px 24px;
73 }
74}
75.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon{
76 padding:0 8px;
77 width:auto;
78}
79
80.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg{
81 display:none;
82}
83
84.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon:after{
85 content:attr(aria-label);
86 font-size:12px;
87}
88.dataviews-picker-wrapper,.dataviews-wrapper{
89 box-sizing:border-box;
90 container:dataviews-wrapper/inline-size;
91 display:flex;
92 flex-direction:column;
93 font-size:13px;
94 height:100%;
95 line-height:1.4;
96 overflow:auto;
97 scroll-padding-bottom:64px;
98}
99
100.dataviews-filters__container,.dataviews__view-actions{
101 box-sizing:border-box;
102 flex-shrink:0;
103 padding:16px 48px;
104 position:sticky;
105 right:0;
106}
107
108@media not (prefers-reduced-motion){
109 .dataviews-filters__container,.dataviews__view-actions{
110 transition:padding .1s ease-out;
111 }
112}
113.dataviews-loading,.dataviews-no-results{
114 align-items:center;
115 display:flex;
116 flex-grow:1;
117 justify-content:center;
118 padding:0 48px;
119}
120
121@media not (prefers-reduced-motion){
122 .dataviews-loading,.dataviews-no-results{
123 transition:padding .1s ease-out;
124 }
125}
126.dataviews-loading-more{
127 text-align:center;
128}
129
130@container (max-width: 430px){
131 .dataviews-filters__container,.dataviews__view-actions{
132 padding:12px 24px;
133 }
134 .dataviews-loading,.dataviews-no-results{
135 padding-left:24px;
136 padding-right:24px;
137 }
138}
139.dataviews-title-field{
140 font-size:13px;
141 font-weight:500;
142 width:100%;
143}
144
145.dataviews-title-field,.dataviews-title-field a{
146 color:#2f2f2f;
147 text-overflow:ellipsis;
148 white-space:nowrap;
149}
150
151.dataviews-title-field a{
152 display:block;
153 flex-grow:0;
154 overflow:hidden;
155 text-decoration:none;
156}
157
158.dataviews-title-field a:hover{
159 color:var(--wp-admin-theme-color);
160}
161
162.dataviews-title-field a:focus{
163 border-radius:2px;
164 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
165 color:var(--wp-admin-theme-color--rgb);
166}
167
168.dataviews-title-field button.components-button.is-link{
169 color:#1e1e1e;
170 display:block;
171 font-weight:inherit;
172 overflow:hidden;
173 text-decoration:none;
174 text-overflow:ellipsis;
175 white-space:nowrap;
176 width:100%;
177}
178
179.dataviews-title-field button.components-button.is-link:hover{
180 color:var(--wp-admin-theme-color);
181}
182
183.dataviews-title-field--clickable{
184 color:#2f2f2f;
185 cursor:pointer;
186}
187
188.dataviews-title-field--clickable:hover{
189 color:var(--wp-admin-theme-color);
190}
191
192.dataviews-title-field--clickable:focus{
193 border-radius:2px;
194 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
195 color:var(--wp-admin-theme-color--rgb);
196}
197.components-card__body:has(>.dataviews-picker-wrapper),.components-card__body:has(>.dataviews-wrapper){
198 overflow:hidden;
199 padding:8px 0 0;
200}
201
202.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{
203 padding-inline:24px;
204}
205
206.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{
207 padding-inline-start:24px;
208}
209
210.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{
211 padding-inline-end:24px;
212}
213
214.dataviews-bulk-actions-footer__item-count{
215 color:#1e1e1e;
216 font-size:11px;
217 font-weight:500;
218 text-transform:uppercase;
219}
220
221.dataviews-bulk-actions-footer__container{
222 margin-left:auto;
223 min-height:32px;
224}
225
226.dataviews-filters__button{
227 position:relative;
228}
229
230.dataviews-filters__container{
231 padding-top:0;
232}
233
234.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover{
235 opacity:0;
236}
237
238.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus{
239 opacity:1;
240}
241
242.dataviews-filters__summary-popover{
243 font-size:13px;
244 line-height:1.4;
245}
246
247.dataviews-filters__summary-popover .components-popover__content{
248 border-radius:4px;
249 max-width:250px;
250 min-width:230px;
251 width:100%;
252}
253
254.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content{
255 padding:0;
256}
257
258.dataviews-filters__summary-operators-container{
259 padding:8px 16px;
260}
261
262.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){
263 border-bottom:1px solid #e0e0e0;
264}
265
266.dataviews-filters__summary-operators-container:empty{
267 display:none;
268}
269
270.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name{
271 color:#757575;
272 flex-shrink:0;
273 max-width:calc(100% - 55px);
274 overflow:hidden;
275 text-overflow:ellipsis;
276 white-space:nowrap;
277}
278
279.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select{
280 overflow:hidden;
281 white-space:nowrap;
282 width:100%;
283}
284
285.dataviews-filters__summary-chip-container{
286 position:relative;
287 white-space:pre-wrap;
288}
289
290.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip{
291 align-items:center;
292 background:#f0f0f0;
293 border:1px solid #0000;
294 border-radius:16px;
295 box-sizing:border-box;
296 color:#2f2f2f;
297 cursor:pointer;
298 display:flex;
299 min-height:32px;
300 padding:4px 12px;
301 position:relative;
302}
303
304.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable{
305 cursor:default;
306}
307
308.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset{
309 padding-inline-end:28px;
310}
311
312.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]{
313 background:#e0e0e0;
314 color:#1e1e1e;
315}
316
317.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values{
318 background:rgba(var(--wp-admin-theme-color--rgb), .04);
319 color:var(--wp-admin-theme-color);
320}
321
322.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]{
323 background:rgba(var(--wp-admin-theme-color--rgb), .12);
324}
325
326.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible{
327 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
328 outline:none;
329}
330
331.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name{
332 font-weight:500;
333}
334
335.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove{
336 align-items:center;
337 background:#0000;
338 border:0;
339 border-radius:50%;
340 cursor:pointer;
341 display:flex;
342 height:24px;
343 justify-content:center;
344 left:4px;
345 padding:0;
346 position:absolute;
347 top:50%;
348 transform:translateY(-50%);
349 width:24px;
350}
351
352.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg{
353 fill:#757575;
354}
355
356.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover{
357 background:#e0e0e0;
358}
359
360.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg,.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg{
361 fill:#1e1e1e;
362}
363
364.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg{
365 fill:var(--wp-admin-theme-color);
366}
367
368.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover{
369 background:rgba(var(--wp-admin-theme-color--rgb), .08);
370}
371
372.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible{
373 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
374 outline:none;
375}
376
377.dataviews-filters__search-widget-filter-combobox-list{
378 border-top:1px solid #e0e0e0;
379 max-height:184px;
380 overflow:auto;
381 padding:4px;
382}
383
384.dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value]{
385 font-weight:600;
386}
387
388.dataviews-filters__search-widget-listbox{
389 overflow:auto;
390 padding:4px;
391}
392
393.dataviews-filters__search-widget-listitem{
394 align-items:center;
395 border-radius:2px;
396 box-sizing:border-box;
397 cursor:default;
398 display:flex;
399 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
400 font-size:13px;
401 font-weight:400;
402 gap:8px;
403 line-height:20px;
404 min-height:32px;
405 padding:4px 12px;
406}
407
408.dataviews-filters__search-widget-listitem:last-child{
409 margin-block-end:0;
410}
411
412.dataviews-filters__search-widget-listitem:focus,.dataviews-filters__search-widget-listitem:hover,.dataviews-filters__search-widget-listitem[data-active-item]{
413 background-color:var(--wp-admin-theme-color);
414 color:#fff;
415}
416
417.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{
418 color:#fff;
419}
420
421.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{
422 background:#fff;
423 border-color:var(--wp-admin-theme-color-darker-20, #183ad6);
424}
425
426.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{
427 background:var(--wp-admin-theme-color-darker-20, #183ad6);
428 border-color:var(--wp-admin-theme-color-darker-20, #183ad6);
429}
430
431.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{
432 border-color:var(--wp-admin-theme-color-darker-20, #183ad6);
433}
434
435.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{
436 background:var(--wp-admin-theme-color-darker-20, #183ad6);
437 border-color:var(--wp-admin-theme-color-darker-20, #183ad6);
438}
439
440.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description{
441 color:#757575;
442 display:block;
443 font-size:12px;
444 line-height:16px;
445 overflow:hidden;
446 text-overflow:ellipsis;
447}
448
449.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection{
450 border:1px solid #1e1e1e;
451 border-radius:50%;
452 height:24px;
453 margin-left:12px;
454 max-width:24px;
455 min-width:24px;
456 position:relative;
457 transition:none;
458 width:24px;
459}
460
461@media not (prefers-reduced-motion){
462 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection{
463 transition:box-shadow .1s linear;
464 }
465}
466@media (min-width:600px){
467 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection{
468 height:16px;
469 max-width:16px;
470 min-width:16px;
471 width:16px;
472 }
473}
474.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked:before{
475 background-color:#fff;
476 border:4px solid #fff;
477 box-sizing:inherit;
478 height:12px;
479 margin:0;
480 position:absolute;
481 right:50%;
482 top:50%;
483 transform:translate(50%, -50%);
484 width:12px;
485}
486
487@media (min-width:600px){
488 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked:before{
489 height:8px;
490 width:8px;
491 }
492}
493.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:focus{
494 box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
495 outline:2px solid #0000;
496}
497
498.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked{
499 background:var(--wp-admin-theme-color);
500 border:none;
501}
502
503.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection{
504 margin:0;
505 padding:0;
506}
507
508.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected{
509 background:var(--wp-admin-theme-color, #3858e9);
510 border-color:var(--wp-admin-theme-color, #3858e9);
511}
512
513.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected:before{
514 background-color:#fff;
515 border:4px solid #fff;
516 border-radius:50%;
517 box-sizing:inherit;
518 content:"";
519 height:12px;
520 margin:0;
521 position:absolute;
522 right:50%;
523 top:50%;
524 transform:translate(50%, -50%);
525 width:12px;
526}
527
528@media (min-width:600px){
529 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected:before{
530 height:8px;
531 width:8px;
532 }
533}
534.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
535 --checkbox-size:24px;
536 border:1px solid #949494;
537 border-radius:2px;
538 box-shadow:0 0 0 #0000;
539 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
540 font-size:16px;
541 line-height:normal;
542 margin-left:12px;
543 padding:6px 8px;
544 transition:none;
545}
546
547@media not (prefers-reduced-motion){
548 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
549 transition:box-shadow .1s linear;
550 }
551}
552@media (min-width:600px){
553 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
554 font-size:13px;
555 line-height:normal;
556 }
557}
558.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus{
559 border-color:var(--wp-admin-theme-color);
560 box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
561}
562
563.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-webkit-input-placeholder{
564 color:#1e1e1e9e;
565}
566
567.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder{
568 color:#1e1e1e9e;
569}
570
571.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:-ms-input-placeholder{
572 color:#1e1e1e9e;
573}
574
575.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus{
576 box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
577 outline:2px solid #0000;
578}
579
580.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked{
581 background:var(--wp-admin-theme-color);
582 border-color:var(--wp-admin-theme-color);
583}
584
585.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::-ms-check{
586 opacity:0;
587}
588
589.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{
590 color:#fff;
591 margin:-3px -5px;
592}
593
594@media (min-width:782px){
595 .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{
596 margin:-4px -5px 0 0;
597 }
598}
599.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]{
600 background:var(--wp-admin-theme-color);
601 border-color:var(--wp-admin-theme-color);
602}
603
604.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]:before{
605 content:"\f460";
606 display:inline-block;
607 float:right;
608 font:normal 30px/1 dashicons;
609 vertical-align:middle;
610 width:16px;
611 speak:none;
612 -webkit-font-smoothing:antialiased;
613 -moz-osx-font-smoothing:grayscale;
614}
615
616@media (min-width:782px){
617 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]:before{
618 float:none;
619 font-size:21px;
620 }
621}
622.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]{
623 background:#f0f0f0;
624 border-color:#ddd;
625 cursor:default;
626 opacity:1;
627}
628
629.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
630 background:#fff;
631 color:#1e1e1e;
632 height:var(--checkbox-size);
633 margin:0;
634 padding:0;
635 position:relative;
636 width:var(--checkbox-size);
637}
638
639@media (min-width:600px){
640 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
641 --checkbox-size:16px;
642 }
643}
644@media not (prefers-reduced-motion){
645 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection{
646 transition:border-color .1s ease-in-out;
647 }
648}
649.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected{
650 background:var(--wp-admin-theme-color, #3858e9);
651 border-color:var(--wp-admin-theme-color, #3858e9);
652}
653
654.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg{
655 --checkmark-size:var(--checkbox-size);
656 fill:#fff;
657 height:var(--checkmark-size);
658 position:absolute;
659 right:50%;
660 top:50%;
661 transform:translate(50%, -50%);
662 width:var(--checkmark-size);
663}
664
665@media (min-width:600px){
666 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg{
667 --checkmark-size:calc(var(--checkbox-size) + 4px);
668 }
669}
670.dataviews-filters__search-widget-filter-combobox__wrapper{
671 padding:8px;
672 position:relative;
673}
674
675.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
676 border:1px solid #949494;
677 border-radius:2px;
678 box-shadow:0 0 0 #0000;
679 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
680 line-height:normal;
681 padding:6px 8px;
682}
683
684@media not (prefers-reduced-motion){
685 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
686 transition:box-shadow .1s linear;
687 }
688}
689@media (min-width:600px){
690 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
691 font-size:13px;
692 line-height:normal;
693 }
694}
695.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{
696 border-color:var(--wp-admin-theme-color);
697 box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
698 outline:2px solid #0000;
699}
700
701.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder{
702 color:#1e1e1e9e;
703}
704
705.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder{
706 color:#1e1e1e9e;
707}
708
709.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder{
710 color:#1e1e1e9e;
711}
712
713.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
714 display:block;
715 font-size:16px;
716 height:32px;
717 margin-left:0;
718 margin-right:0;
719 padding:0 32px 0 8px;
720 width:100%;
721}
722
723@media (min-width:600px){
724 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input{
725 font-size:13px;
726 }
727}
728.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus{
729 background:#fff;
730 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
731}
732
733.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder{
734 color:#757575;
735}
736
737.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{
738 -webkit-appearance:none;
739}
740
741.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon{
742 align-items:center;
743 bottom:0;
744 display:flex;
745 inset-inline-start:12px;
746 justify-content:center;
747 position:absolute;
748 top:0;
749 width:24px;
750}
751
752.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr){
753 transform:scaleX(-1);
754}
755
756.dataviews-filters__container-visibility-toggle{
757 flex-shrink:0;
758 position:relative;
759}
760
761.dataviews-filters-toggle__count{
762 background:var(--wp-admin-theme-color, #3858e9);
763 border-radius:8px;
764 box-sizing:border-box;
765 color:#fff;
766 font-size:11px;
767 height:16px;
768 left:0;
769 line-height:16px;
770 min-width:16px;
771 outline:var(--wp-admin-border-width-focus) solid #fff;
772 padding:0 4px;
773 position:absolute;
774 text-align:center;
775 top:0;
776 transform:translate(-50%, -50%);
777}
778
779.dataviews-search{
780 width:fit-content;
781}
782
783.dataviews-filters__user-input-widget{
784 padding:16px;
785}
786
787.dataviews-filters__user-input-widget .components-input-control__prefix{
788 padding-right:8px;
789}
790
791.dataviews-filters__search-widget-no-elements{
792 align-items:center;
793 display:flex;
794 justify-content:center;
795 padding:16px;
796}
797
798.dataviews-footer{
799 background-color:#fff;
800 border-top:1px solid #f0f0f0;
801 bottom:0;
802 flex-shrink:0;
803 padding:12px 48px;
804 position:sticky;
805 right:0;
806}
807
808@media not (prefers-reduced-motion){
809 .dataviews-footer{
810 transition:padding .1s ease-out;
811 }
812}
813.dataviews-footer{
814 z-index:2;
815}
816
817@container (max-width: 430px){
818 .dataviews-footer{
819 padding:12px 24px;
820 }
821}
822@container (max-width: 560px){
823 .dataviews-footer{
824 flex-direction:column !important;
825 }
826 .dataviews-footer .dataviews-bulk-actions-footer__container{
827 width:100%;
828 }
829 .dataviews-footer .dataviews-bulk-actions-footer__item-count{
830 flex-grow:1;
831 }
832 .dataviews-footer .dataviews-pagination{
833 justify-content:space-between;
834 width:100%;
835 }
836}
837.dataviews-pagination__page-select{
838 font-size:11px;
839 font-weight:500;
840 text-transform:uppercase;
841}
842
843@media (min-width:600px){
844 .dataviews-pagination__page-select .components-select-control__input{
845 font-size:11px !important;
846 font-weight:500;
847 }
848}
849.dataviews-action-modal{
850 z-index:1000001;
851}
852
853.dataviews-picker-footer__bulk-selection{
854 align-self:flex-start;
855 height:32px;
856}
857
858.dataviews-picker-footer__actions{
859 align-self:flex-end;
860}
861
862.dataviews-selection-checkbox{
863 --checkbox-input-size:24px;
864}
865
866@media (min-width:600px){
867 .dataviews-selection-checkbox{
868 --checkbox-input-size:16px;
869 }
870}
871.dataviews-selection-checkbox{
872 flex-shrink:0;
873 line-height:0;
874}
875
876.dataviews-selection-checkbox .components-checkbox-control__input-container{
877 margin:0;
878}
879
880.dataviews-view-config{
881 container-type:inline-size;
882 font-size:13px;
883 line-height:1.4;
884 width:320px;
885}
886
887.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper{
888 height:100%;
889 overflow-y:scroll;
890}
891
892.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config{
893 width:auto;
894}
895
896.dataviews-view-config__sort-direction .components-toggle-group-control-option-base{
897 text-transform:uppercase;
898}
899
900.dataviews-settings-section__title.dataviews-settings-section__title{
901 font-size:15px;
902 line-height:24px;
903}
904
905.dataviews-settings-section__sidebar{
906 grid-column:span 4;
907}
908
909.dataviews-settings-section__content,.dataviews-settings-section__content>*{
910 grid-column:span 8;
911}
912
913.dataviews-settings-section__content .is-divided-in-two{
914 display:contents;
915}
916
917.dataviews-settings-section__content .is-divided-in-two>*{
918 grid-column:span 4;
919}
920
921.dataviews-settings-section:has(.dataviews-settings-section__content:empty){
922 display:none;
923}
924
925@container (max-width: 500px){
926 .dataviews-settings-section.dataviews-settings-section{
927 grid-template-columns:repeat(2, 1fr);
928 }
929 .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content,.dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar{
930 grid-column:span 2;
931 }
932}
933.dataviews-field-control__field{
934 height:32px;
935}
936
937.dataviews-field-control__actions{
938 position:absolute;
939 top:-9999em;
940}
941
942.dataviews-field-control__actions.dataviews-field-control__actions{
943 gap:4px;
944}
945
946.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{
947 position:unset;
948 top:unset;
949}
950
951.dataviews-field-control__icon{
952 display:flex;
953 width:24px;
954}
955
956.dataviews-field-control__label-sub-label-container{
957 flex-grow:1;
958}
959
960.dataviews-field-control__label{
961 display:block;
962}
963
964.dataviews-field-control__sub-label{
965 color:#757575;
966 font-size:11px;
967 font-style:normal;
968 margin-bottom:0;
969 margin-top:8px;
970}
971
972.dataviews-view-grid-items{
973 container-type:inline-size;
974 display:grid;
975 gap:32px;
976 grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));
977 grid-template-rows:max-content;
978 margin-bottom:auto;
979 padding:0 48px 24px;
980}
981
982@container (max-width: 430px){
983 .dataviews-view-grid-items{
984 padding-left:24px;
985 padding-right:24px;
986 }
987}
988@media not (prefers-reduced-motion){
989 .dataviews-view-grid-items{
990 transition:padding .1s ease-out;
991 }
992}
993.dataviews-view-grid .dataviews-view-grid__card{
994 height:100%;
995 justify-content:flex-start;
996 position:relative;
997}
998
999.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{
1000 padding:8px 0 4px;
1001}
1002
1003.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field{
1004 align-content:center;
1005 min-height:24px;
1006 overflow:hidden;
1007 text-align:start;
1008}
1009
1010.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable{
1011 width:fit-content;
1012}
1013
1014.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{
1015 color:#1e1e1e;
1016}
1017
1018.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{
1019 background-color:rgba(var(--wp-admin-theme-color--rgb), .08);
1020}
1021
1022.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media:after{
1023 box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);
1024}
1025
1026.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus:after{
1027 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1028}
1029
1030.dataviews-view-grid .dataviews-view-grid__media{
1031 aspect-ratio:1/1;
1032 background-color:#fff;
1033 border-radius:4px;
1034 overflow:hidden;
1035 position:relative;
1036 width:100%;
1037}
1038
1039.dataviews-view-grid .dataviews-view-grid__media img{
1040 height:100%;
1041 object-fit:cover;
1042 width:100%;
1043}
1044
1045.dataviews-view-grid .dataviews-view-grid__media:after{
1046 border-radius:4px;
1047 box-shadow:inset 0 0 0 1px #0000001a;
1048 content:"";
1049 height:100%;
1050 pointer-events:none;
1051 position:absolute;
1052 right:0;
1053 top:0;
1054 width:100%;
1055}
1056
1057.dataviews-view-grid .dataviews-view-grid__fields{
1058 font-size:12px;
1059 line-height:16px;
1060 position:relative;
1061}
1062
1063.dataviews-view-grid .dataviews-view-grid__fields:not(:empty){
1064 padding:0 0 12px;
1065}
1066
1067.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty){
1068 line-height:20px;
1069 min-height:24px;
1070 padding-top:2px;
1071}
1072
1073.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{
1074 align-items:center;
1075 min-height:24px;
1076}
1077
1078.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{
1079 color:#757575;
1080 overflow:hidden;
1081 text-overflow:ellipsis;
1082 white-space:nowrap;
1083 width:35%;
1084}
1085
1086.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{
1087 overflow:hidden;
1088 text-overflow:ellipsis;
1089 white-space:nowrap;
1090 width:65%;
1091}
1092
1093.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))){
1094 display:none;
1095}
1096
1097.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){
1098 padding-bottom:12px;
1099}
1100
1101.dataviews-view-grid__field-value:empty,.dataviews-view-grid__field:empty{
1102 display:none;
1103}
1104
1105.dataviews-view-grid__card .dataviews-selection-checkbox{
1106 opacity:0;
1107 position:absolute;
1108 right:8px;
1109 top:-9999em;
1110 z-index:1;
1111}
1112
1113@media not (prefers-reduced-motion){
1114 .dataviews-view-grid__card .dataviews-selection-checkbox{
1115 transition:opacity .1s linear;
1116 }
1117}
1118@media (hover:none){
1119 .dataviews-view-grid__card .dataviews-selection-checkbox{
1120 opacity:1;
1121 top:8px;
1122 }
1123}
1124.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{
1125 opacity:1;
1126 top:8px;
1127}
1128
1129.dataviews-view-grid__card .dataviews-view-grid__media-actions{
1130 left:4px;
1131 opacity:0;
1132 position:absolute;
1133 top:4px;
1134}
1135
1136.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button{
1137 background-color:#fff;
1138}
1139
1140@media not (prefers-reduced-motion){
1141 .dataviews-view-grid__card .dataviews-view-grid__media-actions{
1142 transition:opacity .1s linear;
1143 }
1144}
1145@media (hover:none){
1146 .dataviews-view-grid__card .dataviews-view-grid__media-actions{
1147 opacity:1;
1148 top:4px;
1149 }
1150}
1151.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{
1152 opacity:1;
1153}
1154
1155.dataviews-view-grid__media--clickable{
1156 cursor:pointer;
1157}
1158
1159.dataviews-view-grid__group-header{
1160 color:#1e1e1e;
1161 container-type:inline-size;
1162 font-size:15px;
1163 font-weight:500;
1164 margin:0 0 8px;
1165 padding:0 48px;
1166}
1167
1168@container (max-width: 430px){
1169 .dataviews-view-grid__group-header{
1170 padding-left:24px;
1171 padding-right:24px;
1172 }
1173}
1174div.dataviews-view-list{
1175 list-style-type:none;
1176}
1177
1178.dataviews-view-list{
1179 margin:0 0 auto;
1180}
1181
1182.dataviews-view-list div[role=article],.dataviews-view-list div[role=row]{
1183 border-top:1px solid #f0f0f0;
1184 margin:0;
1185}
1186
1187.dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper,.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper{
1188 box-sizing:border-box;
1189 padding:16px 24px;
1190 position:relative;
1191}
1192
1193.dataviews-view-list div[role=article] .dataviews-view-list__item-actions,.dataviews-view-list div[role=row] .dataviews-view-list__item-actions{
1194 display:flex;
1195 flex:0 0 auto;
1196 gap:4px;
1197 white-space:nowrap;
1198 width:max-content;
1199}
1200
1201.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{
1202 position:relative;
1203 z-index:1;
1204}
1205
1206.dataviews-view-list div[role=article] .dataviews-view-list__item-actions>div,.dataviews-view-list div[role=row] .dataviews-view-list__item-actions>div{
1207 height:24px;
1208}
1209
1210.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){
1211 flex:0;
1212 overflow:hidden;
1213 width:0;
1214}
1215
1216.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){
1217 flex-basis:min-content;
1218 overflow:unset;
1219 width:auto;
1220}
1221
1222@media (hover:none){
1223 .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){
1224 flex-basis:min-content;
1225 overflow:unset;
1226 width:auto;
1227 }
1228}
1229
1230.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]{
1231 border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12);
1232}
1233
1234.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{
1235 color:#1e1e1e;
1236}
1237
1238.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{
1239 background-color:#f8f8f8;
1240 color:var(--wp-admin-theme-color);
1241}
1242
1243.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{
1244 color:var(--wp-admin-theme-color);
1245}
1246
1247.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{
1248 background-color:rgba(var(--wp-admin-theme-color--rgb), .04);
1249 color:#1e1e1e;
1250}
1251
1252.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{
1253 color:var(--wp-admin-theme-color);
1254}
1255
1256.dataviews-view-list .dataviews-view-list__item{
1257 appearance:none;
1258 background:none;
1259 border:none;
1260 cursor:pointer;
1261 inset:0;
1262 padding:0;
1263 position:absolute;
1264 scroll-margin:8px 0;
1265 z-index:1;
1266}
1267
1268.dataviews-view-list .dataviews-view-list__item:focus-visible{
1269 outline:none;
1270}
1271
1272.dataviews-view-list .dataviews-view-list__item:focus-visible:before{
1273 border-radius:2px;
1274 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1275 content:"";
1276 inset:var(--wp-admin-border-width-focus);
1277 outline:2px solid #0000;
1278 position:absolute;
1279}
1280
1281.dataviews-view-list .dataviews-view-list__title-field{
1282 flex:1;
1283 line-height:24px;
1284 min-height:24px;
1285 overflow:hidden;
1286}
1287
1288.dataviews-view-list .dataviews-view-list__title-field:has(a,button){
1289 z-index:1;
1290}
1291
1292.dataviews-view-list .dataviews-view-list__media-wrapper{
1293 background-color:#fff;
1294 border-radius:4px;
1295 flex-shrink:0;
1296 height:52px;
1297 overflow:hidden;
1298 position:relative;
1299 width:52px;
1300}
1301
1302.dataviews-view-list .dataviews-view-list__media-wrapper img{
1303 height:100%;
1304 object-fit:cover;
1305 width:100%;
1306}
1307
1308.dataviews-view-list .dataviews-view-list__media-wrapper:after{
1309 border-radius:4px;
1310 box-shadow:inset 0 0 0 1px #0000001a;
1311 content:"";
1312 height:100%;
1313 position:absolute;
1314 right:0;
1315 top:0;
1316 width:100%;
1317}
1318
1319.dataviews-view-list .dataviews-view-list__field-wrapper{
1320 flex-grow:1;
1321 min-height:52px;
1322}
1323
1324.dataviews-view-list .dataviews-view-list__fields{
1325 color:#757575;
1326 display:flex;
1327 flex-wrap:wrap;
1328 font-size:12px;
1329 gap:12px;
1330 row-gap:4px;
1331}
1332
1333.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{
1334 display:none;
1335}
1336
1337.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{
1338 align-items:center;
1339 display:flex;
1340 line-height:20px;
1341 min-height:24px;
1342}
1343
1344.dataviews-view-list+.dataviews-pagination{
1345 justify-content:space-between;
1346}
1347
1348.dataviews-view-list__group-header{
1349 color:#1e1e1e;
1350 font-size:15px;
1351 font-weight:500;
1352 margin:0 0 8px;
1353 padding:0 24px;
1354}
1355
1356.dataviews-view-table{
1357 border-collapse:collapse;
1358 border-color:inherit;
1359 color:#757575;
1360 margin-bottom:auto;
1361 position:relative;
1362 text-indent:0;
1363 width:100%;
1364}
1365
1366.dataviews-view-table th{
1367 color:#1e1e1e;
1368 font-size:13px;
1369 font-weight:400;
1370 text-align:right;
1371}
1372
1373.dataviews-view-table td,.dataviews-view-table th{
1374 padding:12px;
1375}
1376
1377.dataviews-view-table td.dataviews-view-table__actions-column,.dataviews-view-table th.dataviews-view-table__actions-column{
1378 text-align:left;
1379}
1380
1381.dataviews-view-table td.dataviews-view-table__actions-column--sticky,.dataviews-view-table th.dataviews-view-table__actions-column--sticky{
1382 background-color:#fff;
1383 left:0;
1384 position:sticky;
1385}
1386
1387.dataviews-view-table td.dataviews-view-table__actions-column--stuck:after,.dataviews-view-table th.dataviews-view-table__actions-column--stuck:after{
1388 background-color:#f0f0f0;
1389 bottom:0;
1390 content:"";
1391 display:block;
1392 position:absolute;
1393 right:0;
1394 top:0;
1395 width:1px;
1396}
1397
1398.dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{
1399 padding-left:0;
1400}
1401
1402.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{
1403 max-width:auto;
1404 min-width:auto;
1405}
1406
1407.dataviews-view-table tr{
1408 border-top:1px solid #f0f0f0;
1409}
1410
1411.dataviews-view-table tr .dataviews-view-table-header-button{
1412 gap:4px;
1413}
1414
1415.dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{
1416 padding-right:48px;
1417}
1418
1419.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{
1420 margin-right:-8px;
1421}
1422
1423.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{
1424 padding-left:48px;
1425}
1426
1427.dataviews-view-table tr:last-child{
1428 border-bottom:0;
1429}
1430
1431.dataviews-view-table tr.is-hovered,.dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky{
1432 background-color:#f8f8f8;
1433}
1434
1435.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{
1436 opacity:0;
1437}
1438
1439.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{
1440 opacity:1;
1441}
1442
1443.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){
1444 opacity:0;
1445}
1446
1447.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){
1448 opacity:1;
1449}
1450
1451@media (hover:none){
1452 .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){
1453 opacity:1;
1454 }
1455}
1456.dataviews-view-table tr.is-selected{
1457 background-color:rgba(var(--wp-admin-theme-color--rgb), .04);
1458 color:#757575;
1459}
1460
1461.dataviews-view-table tr.is-selected,.dataviews-view-table tr.is-selected+tr{
1462 border-top:1px solid rgba(var(--wp-admin-theme-color--rgb), .12);
1463}
1464
1465.dataviews-view-table tr.is-selected:hover{
1466 background-color:rgba(var(--wp-admin-theme-color--rgb), .08);
1467}
1468
1469.dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky{
1470 background-color:color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
1471}
1472
1473.dataviews-view-table tr.is-selected:hover .dataviews-view-table__actions-column--sticky{
1474 background-color:color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 8%, #fff);
1475}
1476
1477.dataviews-view-table thead{
1478 inset-block-start:0;
1479 position:sticky;
1480 z-index:1;
1481}
1482
1483.dataviews-view-table thead tr{
1484 border:0;
1485}
1486
1487.dataviews-view-table thead tr .components-checkbox-control__input.components-checkbox-control__input{
1488 opacity:1;
1489}
1490
1491.dataviews-view-table thead th{
1492 background-color:#fff;
1493 font-size:11px;
1494 font-weight:500;
1495 padding-bottom:8px;
1496 padding-right:12px;
1497 padding-top:8px;
1498 text-transform:uppercase;
1499}
1500
1501.dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child){
1502 padding-right:4px;
1503}
1504
1505.dataviews-view-table tbody td{
1506 vertical-align:top;
1507}
1508
1509.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{
1510 align-items:center;
1511 display:flex;
1512 min-height:32px;
1513 white-space:nowrap;
1514}
1515
1516.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end{
1517 justify-content:flex-end;
1518}
1519
1520.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center{
1521 justify-content:center;
1522}
1523
1524.dataviews-view-table tbody .components-v-stack>.dataviews-view-table__cell-content-wrapper:not(:first-child){
1525 min-height:0;
1526}
1527
1528.dataviews-view-table .dataviews-view-table-header-button{
1529 font-size:11px;
1530 font-weight:500;
1531 padding:4px 8px;
1532 text-transform:uppercase;
1533}
1534
1535.dataviews-view-table .dataviews-view-table-header-button:not(:hover){
1536 color:#1e1e1e;
1537}
1538
1539.dataviews-view-table .dataviews-view-table-header-button span{
1540 speak:none;
1541}
1542
1543.dataviews-view-table .dataviews-view-table-header-button span:empty{
1544 display:none;
1545}
1546
1547.dataviews-view-table .dataviews-view-table-header{
1548 padding-right:4px;
1549}
1550
1551.dataviews-view-table .dataviews-view-table__actions-column{
1552 white-space:nowrap;
1553 width:auto;
1554}
1555
1556.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{
1557 opacity:1;
1558}
1559
1560.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child){
1561 padding-right:0;
1562}
1563
1564.dataviews-view-table.has-compact-density td,.dataviews-view-table.has-compact-density th{
1565 padding:4px 8px;
1566}
1567
1568.dataviews-view-table.has-comfortable-density td,.dataviews-view-table.has-comfortable-density th{
1569 padding:16px 12px;
1570}
1571
1572.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{
1573 padding-left:0;
1574}
1575
1576@container (max-width: 430px){
1577 .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{
1578 padding-right:24px;
1579 }
1580 .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{
1581 padding-left:24px;
1582 }
1583}
1584.dataviews-view-table-selection-checkbox{
1585 --checkbox-input-size:24px;
1586}
1587
1588@media (min-width:600px){
1589 .dataviews-view-table-selection-checkbox{
1590 --checkbox-input-size:16px;
1591 }
1592}
1593.dataviews-column-primary__media{
1594 background-color:#fff;
1595 border-radius:4px;
1596 flex-shrink:0;
1597 max-width:60px;
1598 overflow:hidden;
1599 position:relative;
1600}
1601
1602.dataviews-column-primary__media img{
1603 height:100%;
1604 object-fit:cover;
1605 width:100%;
1606}
1607
1608.dataviews-column-primary__media:after{
1609 border-radius:4px;
1610 box-shadow:inset 0 0 0 1px #0000001a;
1611 content:"";
1612 height:100%;
1613 position:absolute;
1614 right:0;
1615 top:0;
1616 width:100%;
1617}
1618
1619.dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),.dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media){
1620 max-width:80ch;
1621 min-width:15ch;
1622}
1623
1624.dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell{
1625 color:#1e1e1e;
1626 font-weight:500;
1627 padding:12px 48px;
1628}
1629.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-primary){
1630 width:1%;
1631}
1632
1633.dataviews-view-picker-grid .dataviews-view-picker-grid__card{
1634 height:100%;
1635 justify-content:flex-start;
1636 position:relative;
1637}
1638
1639.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions{
1640 padding:8px 0 4px;
1641}
1642
1643.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field{
1644 align-content:center;
1645 min-height:24px;
1646 overflow:hidden;
1647 text-align:start;
1648}
1649
1650.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable{
1651 width:fit-content;
1652}
1653
1654.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{
1655 color:#1e1e1e;
1656}
1657
1658.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{
1659 background-color:rgba(var(--wp-admin-theme-color--rgb), .08);
1660}
1661
1662.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media:after{
1663 box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);
1664}
1665
1666.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus:after{
1667 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1668}
1669
1670.dataviews-view-picker-grid:focus-visible[aria-activedescendant]{
1671 outline:none;
1672}
1673
1674.dataviews-view-picker-grid:focus-visible [data-active-item=true]{
1675 outline:2px solid var(--wp-admin-theme-color);
1676}
1677
1678.dataviews-view-picker-grid .dataviews-selection-checkbox{
1679 top:8px !important;
1680}
1681
1682.dataviews-view-picker-grid .dataviews-selection-checkbox input{
1683 pointer-events:none;
1684}
1685
1686.dataviews-view-picker-grid .dataviews-view-picker-grid__media{
1687 aspect-ratio:1/1;
1688 background-color:#fff;
1689 border-radius:4px;
1690 position:relative;
1691 width:100%;
1692}
1693
1694.dataviews-view-picker-grid .dataviews-view-picker-grid__media img{
1695 height:100%;
1696 object-fit:cover;
1697 width:100%;
1698}
1699
1700.dataviews-view-picker-grid .dataviews-view-picker-grid__media:after{
1701 border-radius:4px;
1702 box-shadow:inset 0 0 0 1px #0000001a;
1703 content:"";
1704 height:100%;
1705 pointer-events:none;
1706 position:absolute;
1707 right:0;
1708 top:0;
1709 width:100%;
1710}
1711
1712.dataviews-view-picker-grid .dataviews-view-picker-grid__fields{
1713 font-size:12px;
1714 line-height:16px;
1715 position:relative;
1716}
1717
1718.dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty){
1719 padding:0 0 12px;
1720}
1721
1722.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty){
1723 line-height:20px;
1724 min-height:24px;
1725 padding-top:2px;
1726}
1727
1728.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field{
1729 align-items:center;
1730 min-height:24px;
1731}
1732
1733.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name{
1734 color:#757575;
1735 overflow:hidden;
1736 text-overflow:ellipsis;
1737 white-space:nowrap;
1738 width:35%;
1739}
1740
1741.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value{
1742 overflow:hidden;
1743 text-overflow:ellipsis;
1744 white-space:nowrap;
1745 width:65%;
1746}
1747
1748.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))){
1749 display:none;
1750}
1751
1752.dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty){
1753 padding-bottom:12px;
1754}
1755
1756.dataviews-view-picker-grid__field-value:empty,.dataviews-view-picker-grid__field:empty{
1757 display:none;
1758}
1759
1760.dataviews-view-picker-grid__card .dataviews-selection-checkbox{
1761 position:absolute;
1762 right:8px;
1763 top:-9999em;
1764 z-index:1;
1765}
1766
1767@media (hover:none){
1768 .dataviews-view-picker-grid__card .dataviews-selection-checkbox{
1769 top:8px;
1770 }
1771}
1772.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{
1773 top:8px;
1774}
1775
1776.dataviews-view-picker-grid__media--clickable{
1777 cursor:pointer;
1778}
1779
1780.dataviews-view-picker-grid-group__header{
1781 color:#1e1e1e;
1782 font-size:15px;
1783 font-weight:500;
1784 margin:0 0 8px;
1785 padding:0 48px;
1786}
1787
1788.dataviews-controls__datetime{
1789 border:none;
1790 padding:0;
1791}
1792
1793.dataviews-controls__relative-date-number,.dataviews-controls__relative-date-unit{
1794 flex:1 1 50%;
1795}
1796
1797.dataviews-controls__date input[type=date]::-webkit-calendar-picker-indicator,.dataviews-controls__date input[type=date]::-webkit-inner-spin-button{
1798 -webkit-appearance:none;
1799 display:none;
1800}
1801
1802.dataviews-controls__date-preset{
1803 border:1px solid #ddd;
1804}
1805
1806.dataviews-controls__date-preset:active{
1807 background-color:#000;
1808}
1809
1810.dataforms-layouts-panel__field{
1811 align-items:flex-start !important;
1812 justify-content:flex-start !important;
1813 min-height:32px;
1814 width:100%;
1815}
1816
1817.dataforms-layouts-panel__field-label{
1818 align-items:center;
1819 display:flex;
1820 flex-shrink:0;
1821 hyphens:auto;
1822 line-height:20px;
1823 min-height:32px;
1824 width:38%;
1825}
1826
1827.dataforms-layouts-panel__field-label--label-position-side{
1828 align-self:center;
1829}
1830
1831.dataforms-layouts-panel__field-control{
1832 align-items:center;
1833 display:flex;
1834 flex-grow:1;
1835 min-height:32px;
1836}
1837
1838.dataforms-layouts-panel__field-control .components-button{
1839 max-width:100%;
1840 min-height:32px;
1841 text-align:right;
1842 text-wrap:balance;
1843 text-wrap:pretty;
1844 white-space:normal;
1845}
1846
1847.dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true]{
1848 text-decoration:none;
1849}
1850
1851.dataforms-layouts-panel__field-control .components-dropdown{
1852 max-width:100%;
1853}
1854
1855.dataforms-layouts-panel__field-dropdown .components-popover__content{
1856 min-width:320px;
1857 padding:16px;
1858}
1859
1860.dataforms-layouts-panel__dropdown-header{
1861 margin-bottom:16px;
1862}
1863
1864.dataforms-layouts-panel__modal-footer{
1865 margin-top:16px;
1866}
1867
1868.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown{
1869 z-index:159990;
1870}
1871
1872.dataforms-layouts-regular__field{
1873 align-items:flex-start !important;
1874 justify-content:flex-start !important;
1875 min-height:32px;
1876 width:100%;
1877}
1878
1879.dataforms-layouts-regular__field-label{
1880 align-items:center;
1881 display:flex;
1882 flex-shrink:0;
1883 hyphens:auto;
1884 line-height:20px;
1885 min-height:32px;
1886 width:38%;
1887}
1888
1889.dataforms-layouts-regular__field-label--label-position-side{
1890 align-self:center;
1891}
1892
1893.dataforms-layouts-regular__field-control{
1894 align-items:center;
1895 display:flex;
1896 flex-grow:1;
1897 min-height:32px;
1898}
1899
1900.dataforms-layouts-card__field-header-label{
1901 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
1902 font-size:15px;
1903 font-weight:500;
1904 line-height:20px;
1905}
1906
1907.dataforms-layouts-card__field{
1908 width:100%;
1909}
1910
1911.dataforms-layouts-card__field-description{
1912 color:#757575;
1913 display:block;
1914 font-size:13px;
1915 margin-bottom:16px;
1916}
1917
1918.dataforms-layouts-card__field-summary{
1919 display:flex;
1920 flex-direction:row;
1921 gap:16px;
1922}
1923
1924.dataforms-layouts-row__field-control{
1925 width:100%;
1926}
1927
1928.dataforms-layouts__wrapper{
1929 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
1930 font-size:13px;
1931 font-weight:400;
1932 line-height:20px;
1933}
1934
1935.edit-site-layout{
1936 color:#ccc;
1937 display:flex;
1938 flex-direction:column;
1939 height:100%;
1940}
1941.edit-site-layout,.edit-site-layout:not(.is-full-canvas) .editor-visual-editor{
1942 background:#1e1e1e;
1943}
1944
1945.edit-site-layout__content{
1946 display:flex;
1947 flex-grow:1;
1948 height:100%;
1949}
1950
1951.edit-site-layout__sidebar-region{
1952 flex-shrink:0;
1953 width:100vw;
1954 z-index:1;
1955}
1956@media (min-width:782px){
1957 .edit-site-layout__sidebar-region{
1958 width:300px;
1959 }
1960}
1961.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region{
1962 height:100vh;
1963 position:fixed !important;
1964 right:0;
1965 top:0;
1966}
1967.edit-site-layout__sidebar-region .edit-site-layout__sidebar{
1968 display:flex;
1969 flex-direction:column;
1970 height:100%;
1971}
1972.edit-site-layout__sidebar-region .resizable-editor__drag-handle{
1973 left:0;
1974}
1975
1976.edit-site-layout__main{
1977 display:flex;
1978 flex-direction:column;
1979 flex-grow:1;
1980 overflow:hidden;
1981}
1982
1983.edit-site-layout__mobile{
1984 display:flex;
1985 flex-direction:column;
1986 position:relative;
1987 width:100%;
1988 z-index:2;
1989}
1990.edit-site-layout__mobile .edit-site-sidebar__screen-wrapper{
1991 padding:0;
1992}
1993.edit-site-layout__mobile .edit-site-sidebar-navigation-screen__main{
1994 padding:0 12px;
1995}
1996
1997.edit-site-layout__canvas-container{
1998 flex-grow:1;
1999 overflow:visible;
2000 position:relative;
2001 z-index:2;
2002}
2003.edit-site-layout__canvas-container.is-resizing:after{
2004 bottom:0;
2005 content:"";
2006 left:0;
2007 position:absolute;
2008 right:0;
2009 top:0;
2010 z-index:100;
2011}
2012
2013.edit-site-layout__canvas{
2014 align-items:center;
2015 bottom:0;
2016 display:flex;
2017 justify-content:center;
2018 position:absolute;
2019 right:0;
2020 top:0;
2021 width:100%;
2022}
2023.edit-site-layout__canvas.is-right-aligned{
2024 justify-content:flex-end;
2025}
2026.edit-site-layout__canvas .edit-site-resizable-frame__inner{
2027 color:#1e1e1e;
2028}
2029@media (min-width:782px){
2030 .edit-site-layout__canvas{
2031 bottom:16px;
2032 top:16px;
2033 width:calc(100% - 16px);
2034 }
2035 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{
2036 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
2037 overflow:hidden;
2038 }
2039}
2040@media (min-width:782px) and (not (prefers-reduced-motion)){
2041 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{
2042 transition:border-radius,box-shadow .4s;
2043 }
2044}
2045@media (min-width:782px){
2046 .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{
2047 border-radius:8px;
2048 }
2049 .edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover{
2050 box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
2051 }
2052}
2053.edit-site-layout.is-full-canvas .edit-site-layout__canvas{
2054 bottom:0;
2055 top:0;
2056 width:100%;
2057}
2058
2059.edit-site-layout__canvas .interface-interface-skeleton,.edit-site-layout__mobile .interface-interface-skeleton,.edit-site-template-pages-preview .interface-interface-skeleton{
2060 min-height:100% !important;
2061 position:relative !important;
2062}
2063
2064.edit-site-template-pages-preview{
2065 height:100%;
2066}
2067html.canvas-mode-edit-transition::view-transition-group(toggle){
2068 animation-delay:255ms;
2069}
2070
2071@media (prefers-reduced-motion){
2072 ::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){
2073 animation:none !important;
2074 }
2075}
2076.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle{
2077 display:none;
2078}
2079
2080.edit-site-layout__view-mode-toggle.components-button{
2081 view-transition-name:toggle;
2082 align-items:center;
2083 background:#1e1e1e;
2084 border-radius:0;
2085 color:#fff;
2086 display:flex;
2087 height:64px;
2088 justify-content:center;
2089 overflow:hidden;
2090 padding:0;
2091 position:relative;
2092 width:64px;
2093}
2094.edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{
2095 color:#fff;
2096}
2097.edit-site-layout__view-mode-toggle.components-button:focus,.edit-site-layout__view-mode-toggle.components-button:focus-visible{
2098 box-shadow:0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
2099 outline:4px solid #0000;
2100 outline-offset:4px;
2101}
2102.edit-site-layout__view-mode-toggle.components-button:before{
2103 border-radius:4px;
2104 bottom:9px;
2105 box-shadow:none;
2106 content:"";
2107 display:block;
2108 left:9px;
2109 position:absolute;
2110 right:17px;
2111 top:9px;
2112}
2113@media not (prefers-reduced-motion){
2114 .edit-site-layout__view-mode-toggle.components-button:before{
2115 transition:box-shadow .1s ease;
2116 }
2117}
2118.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{
2119 align-items:center;
2120 display:flex;
2121 height:64px;
2122 justify-content:center;
2123 width:64px;
2124}
2125
2126.edit-site-layout__actions{
2127 background:#fff;
2128 bottom:auto;
2129 color:#1e1e1e;
2130 left:0;
2131 position:fixed !important;
2132 right:auto;
2133 top:-9999em;
2134 width:280px;
2135 z-index:100000;
2136}
2137.edit-site-layout__actions:focus,.edit-site-layout__actions:focus-within{
2138 bottom:0;
2139 top:auto;
2140}
2141.edit-site-layout__actions.is-entity-save-view-open:focus,.edit-site-layout__actions.is-entity-save-view-open:focus-within{
2142 top:0;
2143}
2144@media (min-width:782px){
2145 .edit-site-layout__actions{
2146 border-right:1px solid #ddd;
2147 }
2148}
2149
2150.edit-site-layout__area{
2151 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
2152 flex-grow:1;
2153 margin:0;
2154 overflow:hidden;
2155}
2156@media (min-width:782px){
2157 .edit-site-layout__area{
2158 border-radius:8px;
2159 margin:16px 0 16px 16px;
2160 }
2161}
2162
2163.edit-site .components-editor-notices__snackbar{
2164 bottom:16px;
2165 left:0;
2166 padding-left:16px;
2167 padding-right:16px;
2168 position:fixed;
2169}
2170
2171.edit-site-save-hub{
2172 border-top:1px solid #2f2f2f;
2173 color:#949494;
2174 flex-shrink:0;
2175 margin:0;
2176 padding:16px;
2177}
2178
2179.edit-site-save-hub__button{
2180 color:inherit;
2181 justify-content:center;
2182 width:100%;
2183}
2184.edit-site-save-hub__button[aria-disabled=true]{
2185 opacity:1;
2186}
2187.edit-site-save-hub__button[aria-disabled=true]:hover{
2188 color:inherit;
2189}
2190.edit-site-save-hub__button:not(.is-primary).is-busy,.edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover{
2191 color:#1e1e1e;
2192}
2193
2194@media (min-width:600px){
2195 .edit-site-save-panel__modal{
2196 width:600px;
2197 }
2198}
2199
2200.edit-site-sidebar__content{
2201 contain:content;
2202 flex-grow:1;
2203 overflow-x:hidden;
2204 overflow-y:auto;
2205}
2206
2207@keyframes local--slide-from-right{
2208 0%{
2209 opacity:0;
2210 transform:translateX(-50px);
2211 }
2212 to{
2213 opacity:1;
2214 transform:none;
2215 }
2216}
2217@keyframes local--slide-from-left{
2218 0%{
2219 opacity:0;
2220 transform:translateX(50px);
2221 }
2222 to{
2223 opacity:1;
2224 transform:none;
2225 }
2226}
2227.edit-site-sidebar__screen-wrapper{
2228 overflow-x:auto;
2229}
2230.edit-site-sidebar__screen-wrapper::-webkit-scrollbar{
2231 height:12px;
2232 width:12px;
2233}
2234.edit-site-sidebar__screen-wrapper::-webkit-scrollbar-track{
2235 background-color:initial;
2236}
2237.edit-site-sidebar__screen-wrapper::-webkit-scrollbar-thumb{
2238 background-clip:padding-box;
2239 background-color:initial;
2240 border:3px solid #0000;
2241 border-radius:8px;
2242}
2243.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{
2244 background-color:#757575;
2245}
2246.edit-site-sidebar__screen-wrapper{
2247 scrollbar-color:#0000 #0000;
2248 scrollbar-gutter:stable both-edges;
2249 scrollbar-width:thin;
2250}
2251.edit-site-sidebar__screen-wrapper:focus,.edit-site-sidebar__screen-wrapper:focus-within,.edit-site-sidebar__screen-wrapper:hover{
2252 scrollbar-color:#757575 #0000;
2253}
2254.edit-site-sidebar__screen-wrapper{
2255 will-change:transform;
2256}
2257@media (hover:none){
2258 .edit-site-sidebar__screen-wrapper{
2259 scrollbar-color:#757575 #0000;
2260 }
2261}
2262.edit-site-sidebar__screen-wrapper{
2263 animation-duration:.14s;
2264 animation-timing-function:ease-in-out;
2265 display:flex;
2266 flex-direction:column;
2267 height:100%;
2268 max-height:100%;
2269 padding:0 12px;
2270 scrollbar-gutter:stable;
2271 will-change:transform, opacity;
2272}
2273@media (prefers-reduced-motion:reduce){
2274 .edit-site-sidebar__screen-wrapper{
2275 animation-duration:0s;
2276 }
2277}
2278.edit-site-sidebar__screen-wrapper.slide-from-left{
2279 animation-name:local--slide-from-left;
2280}
2281.edit-site-sidebar__screen-wrapper.slide-from-right{
2282 animation-name:local--slide-from-right;
2283}
2284
2285.edit-site-site-hub{
2286 align-items:center;
2287 display:flex;
2288 gap:8px;
2289 height:64px;
2290 justify-content:space-between;
2291 margin-left:12px;
2292}
2293
2294.edit-site-site-hub__actions{
2295 flex-shrink:0;
2296}
2297
2298.edit-site-site-hub__view-mode-toggle-container{
2299 flex-shrink:0;
2300 height:64px;
2301 width:64px;
2302}
2303.edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon{
2304 background:#0000;
2305}
2306
2307.edit-site-site-hub__title .components-button{
2308 color:#e0e0e0;
2309 display:block;
2310 flex-grow:1;
2311 font-size:15px;
2312 font-weight:500;
2313 margin-right:-4px;
2314 overflow:hidden;
2315 padding-left:16px;
2316 position:relative;
2317 text-decoration:none;
2318 text-overflow:ellipsis;
2319 white-space:nowrap;
2320}
2321.edit-site-site-hub__title .components-button:active,.edit-site-site-hub__title .components-button:focus,.edit-site-site-hub__title .components-button:hover{
2322 color:#e0e0e0;
2323}
2324.edit-site-site-hub__title .components-button:focus{
2325 box-shadow:none;
2326 outline:none;
2327}
2328.edit-site-site-hub__title .components-button:focus-visible{
2329 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);
2330 outline:2px solid #0000;
2331 outline-offset:2px;
2332}
2333.edit-site-site-hub__title .components-button:after{
2334 content:"โ";
2335 font-weight:400;
2336 left:0;
2337 opacity:0;
2338 position:absolute;
2339}
2340@media not (prefers-reduced-motion){
2341 .edit-site-site-hub__title .components-button:after{
2342 transition:opacity .1s linear;
2343 }
2344}
2345.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{
2346 opacity:1;
2347}
2348
2349.edit-site-site-hub_toggle-command-center{
2350 color:#e0e0e0;
2351}
2352.edit-site-site-hub_toggle-command-center:active svg,.edit-site-site-hub_toggle-command-center:hover svg{
2353 fill:#f0f0f0;
2354}
2355
2356.edit-site-site-icon__icon{
2357 fill:currentColor;
2358 height:100%;
2359 width:100%;
2360}
2361.edit-site-layout.is-full-canvas .edit-site-site-icon__icon{
2362 padding:12px;
2363}
2364
2365.edit-site-site-icon__image{
2366 aspect-ratio:1/1;
2367 background:#333;
2368 height:100%;
2369 object-fit:cover;
2370 width:100%;
2371}
2372.edit-site-layout.is-full-canvas .edit-site-site-icon__image{
2373 border-radius:0;
2374}
2375
2376.edit-site-editor__view-mode-toggle button:focus{
2377 position:relative;
2378}
2379.edit-site-editor__view-mode-toggle button:focus:before{
2380 bottom:0;
2381 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;
2382 content:"";
2383 display:block;
2384 left:0;
2385 position:absolute;
2386 right:0;
2387 top:0;
2388 z-index:1;
2389}
2390
2391.edit-site-editor-canvas-container{
2392 background-color:var(--wp-editor-canvas-background);
2393 height:100%;
2394}
2395.edit-site-editor-canvas-container iframe{
2396 display:block;
2397 height:100%;
2398 width:100%;
2399}
2400.edit-site-layout.is-full-canvas .edit-site-editor-canvas-container{
2401 padding:24px 24px 0;
2402}
2403
2404.edit-site-editor-canvas-container__section{
2405 background:#fff;
2406 border-radius:8px;
2407 bottom:0;
2408 left:0;
2409 overflow:hidden;
2410 position:absolute;
2411 right:0;
2412 top:0;
2413}
2414@media not (prefers-reduced-motion){
2415 .edit-site-editor-canvas-container__section{
2416 transition:all .3s;
2417 }
2418}
2419
2420.edit-site-editor-canvas-container__close-button{
2421 background:#fff;
2422 left:8px;
2423 position:absolute;
2424 top:8px;
2425 z-index:2;
2426}
2427
2428.edit-site-post-list__featured-image{
2429 height:100%;
2430 object-fit:cover;
2431 width:100%;
2432}
2433
2434.edit-site-post-list__featured-image-wrapper{
2435 border-radius:4px;
2436 height:100%;
2437 width:100%;
2438}
2439.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)){
2440 background-color:#f0f0f0;
2441 border-radius:4px;
2442 display:block;
2443 flex-grow:0 !important;
2444 height:32px;
2445 overflow:hidden;
2446 position:relative;
2447 width:32px;
2448}
2449.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{
2450 border-radius:4px;
2451 box-shadow:inset 0 0 0 1px #0000001a;
2452 content:"";
2453 height:100%;
2454 position:absolute;
2455 right:0;
2456 top:0;
2457 width:100%;
2458}
2459
2460.edit-site-post-list__featured-image-button{
2461 background-color:unset;
2462 border:none;
2463 border-radius:4px;
2464 box-shadow:none;
2465 box-sizing:border-box;
2466 cursor:pointer;
2467 height:100%;
2468 overflow:hidden;
2469 padding:0;
2470 width:100%;
2471}
2472.edit-site-post-list__featured-image-button:focus-visible{
2473 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2474 outline:2px solid #0000;
2475}
2476
2477.dataviews-view-grid__card.is-selected .edit-site-post-list__featured-image-button:after{
2478 background:rgba(var(--wp-admin-theme-color--rgb), .04);
2479 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2480}
2481
2482.edit-site-post-list__status-icon{
2483 height:24px;
2484 width:24px;
2485}
2486.edit-site-post-list__status-icon svg{
2487 fill:currentColor;
2488 margin-right:-4px;
2489}
2490
2491.edit-site-resizable-frame__inner{
2492 position:relative;
2493}
2494body:has(.edit-site-resizable-frame__inner.is-resizing){
2495 cursor:col-resize;
2496 user-select:none;
2497 -webkit-user-select:none;
2498}
2499
2500.edit-site-resizable-frame__inner.is-resizing:before{
2501 content:"";
2502 inset:0;
2503 position:absolute;
2504 z-index:1;
2505}
2506
2507.edit-site-resizable-frame__inner-content{
2508 inset:0;
2509 position:absolute;
2510 z-index:0;
2511}
2512
2513.edit-site-resizable-frame__handle{
2514 align-items:center;
2515 background-color:#75757566;
2516 border:0;
2517 border-radius:4px;
2518 cursor:col-resize;
2519 display:flex;
2520 height:64px;
2521 justify-content:flex-end;
2522 padding:0;
2523 position:absolute;
2524 top:calc(50% - 32px);
2525 width:4px;
2526 z-index:100;
2527}
2528.edit-site-resizable-frame__handle:before{
2529 content:"";
2530 height:100%;
2531 position:absolute;
2532 right:100%;
2533 width:32px;
2534}
2535.edit-site-resizable-frame__handle:after{
2536 content:"";
2537 height:100%;
2538 left:100%;
2539 position:absolute;
2540 width:32px;
2541}
2542.edit-site-resizable-frame__handle:focus-visible{
2543 outline:2px solid #0000;
2544}
2545.edit-site-resizable-frame__handle.is-resizing,.edit-site-resizable-frame__handle:focus,.edit-site-resizable-frame__handle:hover{
2546 background-color:var(--wp-admin-theme-color);
2547}
2548
2549body.admin-color-light{
2550 --wp-admin-theme-color:#0085ba;
2551 --wp-admin-theme-color--rgb:0, 133, 186;
2552 --wp-admin-theme-color-darker-10:#0073a1;
2553 --wp-admin-theme-color-darker-10--rgb:0, 114.7661290323, 160.5;
2554 --wp-admin-theme-color-darker-20:#006187;
2555 --wp-admin-theme-color-darker-20--rgb:0, 96.5322580645, 135;
2556 --wp-admin-border-width-focus:2px;
2557}
2558@media (min-resolution:192dpi){
2559 body.admin-color-light{
2560 --wp-admin-border-width-focus:1.5px;
2561 }
2562}
2563
2564body.admin-color-modern{
2565 --wp-admin-theme-color:#3858e9;
2566 --wp-admin-theme-color--rgb:56, 88, 233;
2567 --wp-admin-theme-color-darker-10:#2145e6;
2568 --wp-admin-theme-color-darker-10--rgb:33.0384615385, 68.7307692308, 230.4615384615;
2569 --wp-admin-theme-color-darker-20:#183ad6;
2570 --wp-admin-theme-color-darker-20--rgb:23.6923076923, 58.1538461538, 214.3076923077;
2571 --wp-admin-border-width-focus:2px;
2572}
2573@media (min-resolution:192dpi){
2574 body.admin-color-modern{
2575 --wp-admin-border-width-focus:1.5px;
2576 }
2577}
2578
2579body.admin-color-blue{
2580 --wp-admin-theme-color:#096484;
2581 --wp-admin-theme-color--rgb:9, 100, 132;
2582 --wp-admin-theme-color-darker-10:#07526c;
2583 --wp-admin-theme-color-darker-10--rgb:7.3723404255, 81.914893617, 108.1276595745;
2584 --wp-admin-theme-color-darker-20:#064054;
2585 --wp-admin-theme-color-darker-20--rgb:5.7446808511, 63.829787234, 84.2553191489;
2586 --wp-admin-border-width-focus:2px;
2587}
2588@media (min-resolution:192dpi){
2589 body.admin-color-blue{
2590 --wp-admin-border-width-focus:1.5px;
2591 }
2592}
2593
2594body.admin-color-coffee{
2595 --wp-admin-theme-color:#46403c;
2596 --wp-admin-theme-color--rgb:70, 64, 60;
2597 --wp-admin-theme-color-darker-10:#383330;
2598 --wp-admin-theme-color-darker-10--rgb:56.2692307692, 51.4461538462, 48.2307692308;
2599 --wp-admin-theme-color-darker-20:#2b2724;
2600 --wp-admin-theme-color-darker-20--rgb:42.5384615385, 38.8923076923, 36.4615384615;
2601 --wp-admin-border-width-focus:2px;
2602}
2603@media (min-resolution:192dpi){
2604 body.admin-color-coffee{
2605 --wp-admin-border-width-focus:1.5px;
2606 }
2607}
2608
2609body.admin-color-ectoplasm{
2610 --wp-admin-theme-color:#523f6d;
2611 --wp-admin-theme-color--rgb:82, 63, 109;
2612 --wp-admin-theme-color-darker-10:#46365d;
2613 --wp-admin-theme-color-darker-10--rgb:69.8430232558, 53.6598837209, 92.8401162791;
2614 --wp-admin-theme-color-darker-20:#3a2c4d;
2615 --wp-admin-theme-color-darker-20--rgb:57.6860465116, 44.3197674419, 76.6802325581;
2616 --wp-admin-border-width-focus:2px;
2617}
2618@media (min-resolution:192dpi){
2619 body.admin-color-ectoplasm{
2620 --wp-admin-border-width-focus:1.5px;
2621 }
2622}
2623
2624body.admin-color-midnight{
2625 --wp-admin-theme-color:#e14d43;
2626 --wp-admin-theme-color--rgb:225, 77, 67;
2627 --wp-admin-theme-color-darker-10:#dd382d;
2628 --wp-admin-theme-color-darker-10--rgb:221.4908256881, 56.1788990826, 45.0091743119;
2629 --wp-admin-theme-color-darker-20:#d02c21;
2630 --wp-admin-theme-color-darker-20--rgb:207.8348623853, 44.2201834862, 33.1651376147;
2631 --wp-admin-border-width-focus:2px;
2632}
2633@media (min-resolution:192dpi){
2634 body.admin-color-midnight{
2635 --wp-admin-border-width-focus:1.5px;
2636 }
2637}
2638
2639body.admin-color-ocean{
2640 --wp-admin-theme-color:#627c83;
2641 --wp-admin-theme-color--rgb:98, 124, 131;
2642 --wp-admin-theme-color-darker-10:#576e74;
2643 --wp-admin-theme-color-darker-10--rgb:87.0873362445, 110.192139738, 116.4126637555;
2644 --wp-admin-theme-color-darker-20:#4c6066;
2645 --wp-admin-theme-color-darker-20--rgb:76.1746724891, 96.384279476, 101.8253275109;
2646 --wp-admin-border-width-focus:2px;
2647}
2648@media (min-resolution:192dpi){
2649 body.admin-color-ocean{
2650 --wp-admin-border-width-focus:1.5px;
2651 }
2652}
2653
2654body.admin-color-sunrise{
2655 --wp-admin-theme-color:#dd823b;
2656 --wp-admin-theme-color--rgb:221, 130, 59;
2657 --wp-admin-theme-color-darker-10:#d97426;
2658 --wp-admin-theme-color-darker-10--rgb:216.8782608696, 116.1847826087, 37.6217391304;
2659 --wp-admin-theme-color-darker-20:#c36922;
2660 --wp-admin-theme-color-darker-20--rgb:195.147826087, 104.5434782609, 33.852173913;
2661 --wp-admin-border-width-focus:2px;
2662}
2663@media (min-resolution:192dpi){
2664 body.admin-color-sunrise{
2665 --wp-admin-border-width-focus:1.5px;
2666 }
2667}
2668
2669#adminmenumain,#wpadminbar{
2670 display:none;
2671}
2672
2673#wpcontent{
2674 margin-right:0;
2675}
2676
2677body.js #wpbody{
2678 padding-top:0;
2679}
2680
2681body{
2682 background:#fff;
2683}
2684body #wpcontent{
2685 padding-right:0;
2686}
2687body #wpbody-content{
2688 padding-bottom:0;
2689}
2690body #wpbody-content>div:not(#gutenberg-posts-dashboard):not(#screen-meta),body #wpfooter{
2691 display:none;
2692}
2693body .a11y-speak-region{
2694 right:-1px;
2695 top:-1px;
2696}
2697body ul#adminmenu a.wp-has-current-submenu:after,body ul#adminmenu>li.current>a.current:after{
2698 border-left-color:#fff;
2699}
2700body .media-frame select.attachment-filters:last-of-type{
2701 max-width:100%;
2702 width:auto;
2703}
2704
2705#gutenberg-posts-dashboard{
2706 box-sizing:border-box;
2707}
2708#gutenberg-posts-dashboard *,#gutenberg-posts-dashboard :after,#gutenberg-posts-dashboard :before{
2709 box-sizing:inherit;
2710}
2711#gutenberg-posts-dashboard{
2712 height:100vh;
2713}
2714@media (min-width:600px){
2715 #gutenberg-posts-dashboard{
2716 bottom:0;
2717 left:0;
2718 min-height:100vh;
2719 position:fixed;
2720 right:0;
2721 top:0;
2722 }
2723}
2724.no-js #gutenberg-posts-dashboard{
2725 min-height:0;
2726 position:static;
2727}
2728#gutenberg-posts-dashboard .components-editor-notices__snackbar{
2729 bottom:16px;
2730 left:0;
2731 padding-left:16px;
2732 padding-right:16px;
2733 position:fixed;
2734}