gutenberg / build / styles / editor / style.css

style.css in Gutenberg 22.7.0, at build/styles/editor/style.css

6,671 lines 168.3 KB

Raw Download Zip

1	@charset "UTF-8";
2	/**
3	* Typography
4	*/
5	/**
6	* SCSS Variables.
7	*
8	* Please use variables from this sheet to ensure consistency across the UI.
9	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
10	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
11	*/
12	/**
13	* Colors
14	*/
15	/**
16	* Fonts & basic variables.
17	*/
18	/**
19	* Typography
20	*/
21	/**
22	* Grid System.
23	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
24	*/
25	/**
26	* Radius scale.
27	*/
28	/**
29	* Elevation scale.
30	*/
31	/**
32	* Dimensions.
33	*/
34	/**
35	* Mobile specific styles
36	*/
37	/**
38	* Editor styles.
39	*/
40	/**
41	* Block & Editor UI.
42	*/
43	/**
44	* Block paddings.
45	*/
46	/**
47	* React Native specific.
48	* These variables do not appear to be used anywhere else.
49	*/
50	/**
51	* Breakpoints & Media Queries
52	*/
53	/**
54	* Converts a hex value into the rgb equivalent.
55	*
56	* @param {string} hex - the hexadecimal value to convert
57	* @return {string} comma separated rgb values
58	*/
59	/**
60	* Long content fade mixin
61	*
62	* Creates a fading overlay to signify that the content is longer
63	* than the space allows.
64	*/
65	/**
66	* Breakpoint mixins
67	*/
68	/**
69	* Focus styles.
70	*/
71	/**
72	* Applies editor left position to the selector passed as argument
73	*/
74	/**
75	* Styles that are reused verbatim in a few places
76	*/
77	/**
78	* Allows users to opt-out of animations via OS-level preferences.
79	*/
80	/**
81	* Reset default styles for JavaScript UI based pages.
82	* This is a WP-admin agnostic reset
83	*/
84	/**
85	* Reset the WP Admin page styles for Gutenberg-like pages.
86	*/
87	/**
88	* Creates a checkerboard pattern background to indicate transparency.
89	* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
90	*/
91	:root {
92	--wp-block-synced-color: #7a00df;
93	--wp-block-synced-color--rgb: 122, 0, 223;
94	--wp-bound-block-color: var(--wp-block-synced-color);
95	--wp-editor-canvas-background: #ddd;
96	--wp-admin-theme-color: #007cba;
97	--wp-admin-theme-color--rgb: 0, 124, 186;
98	--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
99	--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
100	--wp-admin-theme-color-darker-20: #005a87;
101	--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
102	--wp-admin-border-width-focus: 2px;
103	}
104	@media (min-resolution: 192dpi) {
105	:root {
106	--wp-admin-border-width-focus: 1.5px;
107	}
108	}
109
110	/**
111	* Colors
112	*/
113	/**
114	* SCSS Variables.
115	*
116	* Please use variables from this sheet to ensure consistency across the UI.
117	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
118	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
119	*/
120	/**
121	* Fonts & basic variables.
122	*/
123	/**
124	* Typography
125	*/
126	/**
127	* Grid System.
128	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
129	*/
130	/**
131	* Radius scale.
132	*/
133	/**
134	* Elevation scale.
135	*/
136	/**
137	* Dimensions.
138	*/
139	/**
140	* Mobile specific styles
141	*/
142	/**
143	* Editor styles.
144	*/
145	/**
146	* Block & Editor UI.
147	*/
148	/**
149	* Block paddings.
150	*/
151	/**
152	* React Native specific.
153	* These variables do not appear to be used anywhere else.
154	*/
155	/**
156	* Typography
157	*/
158	/**
159	* Breakpoints & Media Queries
160	*/
161	/**
162	* Converts a hex value into the rgb equivalent.
163	*
164	* @param {string} hex - the hexadecimal value to convert
165	* @return {string} comma separated rgb values
166	*/
167	/**
168	* Long content fade mixin
169	*
170	* Creates a fading overlay to signify that the content is longer
171	* than the space allows.
172	*/
173	/**
174	* Breakpoint mixins
175	*/
176	/**
177	* Focus styles.
178	*/
179	/**
180	* Applies editor left position to the selector passed as argument
181	*/
182	/**
183	* Styles that are reused verbatim in a few places
184	*/
185	/**
186	* Allows users to opt-out of animations via OS-level preferences.
187	*/
188	/**
189	* Reset default styles for JavaScript UI based pages.
190	* This is a WP-admin agnostic reset
191	*/
192	/**
193	* Reset the WP Admin page styles for Gutenberg-like pages.
194	*/
195	/**
196	* Creates a checkerboard pattern background to indicate transparency.
197	* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
198	*/
199	.admin-ui-page {
200	display: flex;
201	height: 100%;
202	background-color: #fff;
203	color: #2f2f2f;
204	position: relative;
205	z-index: 1;
206	flex-flow: column;
207	text-wrap: pretty;
208	}
209
210	.admin-ui-page__header {
211	padding: 16px 24px;
212	border-bottom: 1px solid #f0f0f0;
213	background: #fff;
214	position: sticky;
215	top: 0;
216	z-index: 1;
217	}
218
219	.admin-ui-page__sidebar-toggle-slot:empty {
220	display: none;
221	}
222
223	.admin-ui-page__header-subtitle {
224	padding-block-end: 8px;
225	color: #757575;
226	font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
227	font-weight: 400;
228	font-size: 13px;
229	line-height: 20px;
230	margin: 0;
231	}
232
233	.admin-ui-page__content {
234	flex-grow: 1;
235	overflow: auto;
236	display: flex;
237	flex-direction: column;
238	}
239
240	.admin-ui-page__content.has-padding {
241	padding: 16px 24px;
242	}
243
244	.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
245	width: auto;
246	padding: 0 8px;
247	}
248
249	.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
250	display: none;
251	}
252
253	.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
254	content: attr(aria-label);
255	font-size: 12px;
256	}
257
258	.admin-ui-breadcrumbs__list {
259	list-style: none;
260	padding: 0;
261	margin: 0;
262	gap: 0;
263	font-size: 15px;
264	min-height: 32px;
265	font-weight: 500;
266	}
267
268	.admin-ui-breadcrumbs__list li:not(:last-child)::after {
269	content: "/";
270	margin: 0 8px;
271	}
272
273	.admin-ui-breadcrumbs__list h1 {
274	font-size: inherit;
275	line-height: inherit;
276	}
277
278	/**
279	* Colors
280	*/
281	/**
282	* SCSS Variables.
283	*
284	* Please use variables from this sheet to ensure consistency across the UI.
285	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
286	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
287	*/
288	/**
289	* Fonts & basic variables.
290	*/
291	/**
292	* Typography
293	*/
294	/**
295	* Grid System.
296	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
297	*/
298	/**
299	* Radius scale.
300	*/
301	/**
302	* Elevation scale.
303	*/
304	/**
305	* Dimensions.
306	*/
307	/**
308	* Mobile specific styles
309	*/
310	/**
311	* Editor styles.
312	*/
313	/**
314	* Block & Editor UI.
315	*/
316	/**
317	* Block paddings.
318	*/
319	/**
320	* React Native specific.
321	* These variables do not appear to be used anywhere else.
322	*/
323	.interface-complementary-area-header {
324	background: #fff;
325	padding-right: 8px;
326	gap: 4px;
327	}
328
329	.interface-complementary-area-header .interface-complementary-area-header__title {
330	margin: 0 auto 0 0;
331	}
332
333	/**
334	* Typography
335	*/
336	/**
337	* Breakpoints & Media Queries
338	*/
339	/**
340	* Converts a hex value into the rgb equivalent.
341	*
342	* @param {string} hex - the hexadecimal value to convert
343	* @return {string} comma separated rgb values
344	*/
345	/**
346	* Long content fade mixin
347	*
348	* Creates a fading overlay to signify that the content is longer
349	* than the space allows.
350	*/
351	/**
352	* Breakpoint mixins
353	*/
354	/**
355	* Focus styles.
356	*/
357	/**
358	* Applies editor left position to the selector passed as argument
359	*/
360	/**
361	* Styles that are reused verbatim in a few places
362	*/
363	/**
364	* Allows users to opt-out of animations via OS-level preferences.
365	*/
366	/**
367	* Reset default styles for JavaScript UI based pages.
368	* This is a WP-admin agnostic reset
369	*/
370	/**
371	* Reset the WP Admin page styles for Gutenberg-like pages.
372	*/
373	/**
374	* Creates a checkerboard pattern background to indicate transparency.
375	* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
376	*/
377	.interface-complementary-area {
378	background: #fff;
379	color: #1e1e1e;
380	height: 100%;
381	overflow: auto;
382	}
383
384	@media (min-width: 782px) {
385	.interface-complementary-area {
386	width: 280px;
387	}
388	}
389	.interface-complementary-area .components-panel {
390	border: none;
391	position: relative;
392	z-index: 0;
393	}
394
395	.interface-complementary-area .components-panel__header {
396	position: sticky;
397	top: 0;
398	z-index: 1;
399	}
400
401	.interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs {
402	top: 0;
403	}
404
405	.interface-complementary-area p:not(.components-base-control__help, .components-form-token-field__help) {
406	margin-top: 0;
407	}
408
409	.interface-complementary-area h2 {
410	font-size: 13px;
411	font-weight: 499;
412	color: #1e1e1e;
413	margin-bottom: 1.5em;
414	}
415
416	.interface-complementary-area h3 {
417	font-size: 11px;
418	text-transform: uppercase;
419	font-weight: 499;
420	color: #1e1e1e;
421	margin-bottom: 1.5em;
422	}
423
424	.interface-complementary-area hr {
425	border-top: none;
426	border-bottom: 1px solid #f0f0f0;
427	margin: 1.5em 0;
428	}
429
430	.interface-complementary-area div.components-toolbar-group,
431	.interface-complementary-area div.components-toolbar {
432	box-shadow: none;
433	margin-bottom: 1.5em;
434	}
435
436	.interface-complementary-area div.components-toolbar-group:last-child,
437	.interface-complementary-area div.components-toolbar:last-child {
438	margin-bottom: 0;
439	}
440
441	.interface-complementary-area .block-editor-skip-to-selected-block:focus {
442	top: auto;
443	right: 10px;
444	bottom: 10px;
445	left: auto;
446	}
447
448	.interface-complementary-area__fill {
449	height: 100%;
450	}
451
452	@media (min-width: 782px) {
453	body.js.is-fullscreen-mode {
454	margin-top: -32px;
455	height: calc(100% + 32px);
456	}
457	body.js.is-fullscreen-mode #adminmenumain,
458	body.js.is-fullscreen-mode #wpadminbar {
459	display: none;
460	}
461	body.js.is-fullscreen-mode #wpcontent,
462	body.js.is-fullscreen-mode #wpfooter {
463	margin-left: 0;
464	}
465	}
466	html.interface-interface-skeleton__html-container {
467	position: fixed;
468	width: 100%;
469	}
470
471	@media (min-width: 782px) {
472	html.interface-interface-skeleton__html-container:not(:has(.is-zoom-out)) {
473	position: initial;
474	width: initial;
475	}
476	}
477	.interface-interface-skeleton {
478	display: flex;
479	flex-direction: row;
480	height: auto;
481	max-height: 100%;
482	position: fixed;
483	top: 46px;
484	left: 0;
485	right: 0;
486	bottom: 0;
487	}
488
489	@media (min-width: 783px) {
490	.interface-interface-skeleton {
491	top: 32px;
492	}
493	.is-fullscreen-mode .interface-interface-skeleton {
494	top: 0;
495	}
496	}
497	.interface-interface-skeleton__editor {
498	display: flex;
499	flex-direction: column;
500	flex: 0 1 100%;
501	overflow: hidden;
502	}
503
504	.interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */
505	left: 0;
506	}
507
508	@media (min-width: 783px) {
509	.interface-interface-skeleton {
510	left: 160px;
511	}
512	}
513	.auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
514
515	@media (min-width: 783px) {
516	.auto-fold .interface-interface-skeleton {
517	left: 36px;
518	}
519	}
520	@media (min-width: 961px) {
521	.auto-fold .interface-interface-skeleton {
522	left: 160px;
523	}
524	}
525	/* Sidebar manually collapsed. */
526	.folded .interface-interface-skeleton {
527	left: 0;
528	}
529
530	@media (min-width: 783px) {
531	.folded .interface-interface-skeleton {
532	left: 36px;
533	}
534	}
535	body.is-fullscreen-mode .interface-interface-skeleton {
536	left: 0 !important;
537	}
538
539	.interface-interface-skeleton__body {
540	position: relative;
541	flex-grow: 1;
542	display: flex;
543	overflow: auto;
544	overscroll-behavior-y: none;
545	}
546
547	@media (min-width: 782px) {
548	.has-footer .interface-interface-skeleton__body {
549	padding-bottom: 25px;
550	}
551	}
552	.interface-interface-skeleton__content {
553	flex-grow: 1;
554	display: flex;
555	flex-direction: column;
556	overflow: auto;
557	z-index: 20;
558	}
559
560	@media (min-width: 782px) {
561	.interface-interface-skeleton__content {
562	z-index: auto;
563	}
564	}
565	.interface-interface-skeleton__secondary-sidebar,
566	.interface-interface-skeleton__sidebar {
567	flex-shrink: 0;
568	position: absolute;
569	z-index: 100000;
570	top: 0;
571	left: 0;
572	bottom: 0;
573	background: #fff;
574	color: #1e1e1e;
575	width: auto;
576	}
577
578	@media (min-width: 782px) {
579	.interface-interface-skeleton__secondary-sidebar,
580	.interface-interface-skeleton__sidebar {
581	position: relative !important;
582	}
583	}
584	.interface-interface-skeleton__sidebar {
585	border-top: 1px solid #e0e0e0;
586	overflow: hidden;
587	}
588
589	@media (min-width: 782px) {
590	.interface-interface-skeleton__sidebar {
591	box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.133);
592	outline: 1px solid transparent;
593	}
594	}
595	.interface-interface-skeleton__secondary-sidebar {
596	border-top: 1px solid #e0e0e0;
597	right: 0;
598	}
599
600	@media (min-width: 782px) {
601	.interface-interface-skeleton__secondary-sidebar {
602	box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.133);
603	outline: 1px solid transparent;
604	}
605	}
606	.interface-interface-skeleton__header {
607	flex-shrink: 0;
608	height: auto;
609	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.133);
610	z-index: 30;
611	color: #1e1e1e;
612	outline: 1px solid transparent;
613	}
614
615	.interface-interface-skeleton__footer {
616	height: auto;
617	flex-shrink: 0;
618	border-top: 1px solid #e0e0e0;
619	color: #1e1e1e;
620	position: absolute;
621	bottom: 0;
622	left: 0;
623	width: 100%;
624	background-color: #fff;
625	z-index: 90;
626	display: none;
627	}
628
629	@media (min-width: 782px) {
630	.interface-interface-skeleton__footer {
631	display: flex;
632	}
633	}
634	.interface-interface-skeleton__footer .block-editor-block-breadcrumb {
635	z-index: 30;
636	display: flex;
637	background: #fff;
638	height: 24px;
639	align-items: center;
640	font-size: 13px;
641	padding: 0 18px;
642	}
643
644	.interface-interface-skeleton__actions {
645	z-index: 100000;
646	position: fixed !important;
647	top: -9999em;
648	bottom: auto;
649	left: auto;
650	right: 0;
651	color: #1e1e1e;
652	background: #fff;
653	width: 100vw;
654	}
655
656	@media (min-width: 782px) {
657	.interface-interface-skeleton__actions {
658	width: 280px;
659	}
660	}
661	.interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
662	top: auto;
663	bottom: 0;
664	}
665
666	.is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
667	top: 46px;
668	}
669
670	@media (min-width: 782px) {
671	.is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
672	border-left: 1px solid #ddd;
673	top: 32px;
674	}
675	.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
676	top: 0;
677	}
678	}
679	.interface-pinned-items {
680	display: flex;
681	}
682
683	.interface-pinned-items .components-button {
684	display: none;
685	margin: 0;
686	}
687
688	.interface-pinned-items .components-button[aria-controls="edit-post:document"], .interface-pinned-items .components-button[aria-controls="edit-post:block"], .interface-pinned-items .components-button[aria-controls="edit-site:template"], .interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"] {
689	display: flex;
690	}
691
692	.interface-pinned-items .components-button svg {
693	max-width: 24px;
694	max-height: 24px;
695	}
696
697	@media (min-width: 600px) {
698	.interface-pinned-items .components-button {
699	display: flex;
700	}
701	}
702	.interface-pinned-items {
703	gap: 8px;
704	}
705
706	/**
707	* SCSS Variables.
708	*
709	* Please use variables from this sheet to ensure consistency across the UI.
710	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
711	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
712	*/
713	/**
714	* Colors
715	*/
716	/**
717	* Fonts & basic variables.
718	*/
719	/**
720	* Typography
721	*/
722	/**
723	* Grid System.
724	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
725	*/
726	/**
727	* Radius scale.
728	*/
729	/**
730	* Elevation scale.
731	*/
732	/**
733	* Dimensions.
734	*/
735	/**
736	* Mobile specific styles
737	*/
738	/**
739	* Editor styles.
740	*/
741	/**
742	* Block & Editor UI.
743	*/
744	/**
745	* Block paddings.
746	*/
747	/**
748	* React Native specific.
749	* These variables do not appear to be used anywhere else.
750	*/
751	/**
752	* Typography
753	*/
754	/**
755	* Breakpoints & Media Queries
756	*/
757	/**
758	* Converts a hex value into the rgb equivalent.
759	*
760	* @param {string} hex - the hexadecimal value to convert
761	* @return {string} comma separated rgb values
762	*/
763	/**
764	* Long content fade mixin
765	*
766	* Creates a fading overlay to signify that the content is longer
767	* than the space allows.
768	*/
769	/**
770	* Breakpoint mixins
771	*/
772	/**
773	* Focus styles.
774	*/
775	/**
776	* Applies editor left position to the selector passed as argument
777	*/
778	/**
779	* Styles that are reused verbatim in a few places
780	*/
781	/**
782	* Allows users to opt-out of animations via OS-level preferences.
783	*/
784	/**
785	* Reset default styles for JavaScript UI based pages.
786	* This is a WP-admin agnostic reset
787	*/
788	/**
789	* Reset the WP Admin page styles for Gutenberg-like pages.
790	*/
791	/**
792	* Creates a checkerboard pattern background to indicate transparency.
793	* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
794	*/
795	@media (min-width: 782px) {
796	.font-library-modal.font-library-modal {
797	width: 65vw;
798	}
799	}
800	.font-library-modal .components-modal__header {
801	border-bottom: none;
802	}
803
804	.font-library-modal .components-modal__content {
805	padding: 0;
806	margin-bottom: 90px;
807	}
808
809	.font-library-modal .font-library__subtitle {
810	text-transform: uppercase;
811	font-weight: 499;
812	font-size: 11px;
813	}
814
815	.font-library-modal__tab-panel {
816	height: calc(100% - 50px);
817	}
818
819	.font-library__tabpanel-layout {
820	height: 100%;
821	display: flex;
822	flex-direction: column;
823	}
824
825	.font-library__tabpanel-layout > div {
826	flex-grow: 1;
827	}
828
829	.font-library__tabpanel-layout .font-library__loading {
830	width: 100%;
831	height: 100%;
832	display: flex;
833	position: absolute;
834	left: 0;
835	top: 0;
836	align-items: center;
837	justify-content: center;
838	padding-top: 124px;
839	box-sizing: border-box;
840	}
841
842	.font-library__tabpanel-layout .components-navigator-screen {
843	padding: 24px;
844	width: 100%;
845	}
846
847	.font-library__footer {
848	position: absolute;
849	width: 100%;
850	bottom: 0;
851	border-top: 1px solid #ddd;
852	padding: 24px;
853	background-color: #fff;
854	box-sizing: border-box;
855	flex-grow: 0 !important;
856	flex-shrink: 0;
857	height: 90px;
858	}
859
860	.font-library__page-selection {
861	font-size: 11px;
862	font-weight: 499;
863	text-transform: uppercase;
864	}
865
866	@media (min-width: 600px) {
867	.font-library__page-selection .font-library__page-selection-trigger {
868	font-size: 11px !important;
869	font-weight: 499;
870	}
871	}
872	.font-library__fonts-title {
873	text-transform: uppercase;
874	font-size: 11px;
875	font-weight: 600;
876	margin-top: 0;
877	margin-bottom: 0;
878	}
879
880	.font-library__fonts-list {
881	list-style: none;
882	padding: 0;
883	margin-top: 0;
884	margin-bottom: 0;
885	}
886
887	.font-library__fonts-list-item {
888	margin-bottom: 0;
889	}
890
891	.font-library__font-card {
892	box-sizing: border-box;
893	border: 1px solid #ddd;
894	width: 100%;
895	height: auto !important;
896	padding: 16px;
897	margin-top: -1px; /* To collapse the margin with the previous element */
898	}
899
900	.font-library__font-card:hover {
901	background-color: #f0f0f0;
902	}
903
904	.font-library__font-card:focus {
905	position: relative;
906	}
907
908	.font-library__font-card .font-library__font-card__name {
909	font-weight: bold;
910	}
911
912	.font-library__font-card .font-library__font-card__count {
913	color: #757575;
914	}
915
916	.font-library__font-card .font-library__font-variant_demo-image {
917	display: block;
918	height: 24px;
919	width: auto;
920	}
921
922	.font-library__font-card .font-library__font-variant_demo-text {
923	white-space: nowrap;
924	flex-shrink: 0;
925	}
926
927	@media not (prefers-reduced-motion) {
928	.font-library__font-card .font-library__font-variant_demo-text {
929	transition: opacity 0.3s ease-in-out;
930	}
931	}
932	.font-library-modal__tablist-container {
933	position: sticky;
934	top: 0;
935	border-bottom: 1px solid #ddd;
936	background: #fff;
937	z-index: 1;
938	}
939
940	.font-library__upload-area {
941	align-items: center;
942	display: flex;
943	justify-content: center;
944	height: 256px !important;
945	width: 100%;
946	}
947
948	button.font-library__upload-area {
949	background-color: #f0f0f0;
950	}
951
952	.font-library__local-fonts {
953	margin: 24px auto;
954	width: 80%;
955	}
956
957	.font-library__local-fonts .font-library__upload-area__text {
958	color: #757575;
959	}
960
961	.font-library__google-fonts-confirm {
962	display: flex;
963	justify-content: center;
964	align-items: center;
965	margin-top: 64px;
966	}
967
968	.font-library__google-fonts-confirm p {
969	line-height: 1.4;
970	}
971
972	.font-library__google-fonts-confirm h2 {
973	font-size: 1.2rem;
974	font-weight: 400;
975	}
976
977	.font-library__google-fonts-confirm .components-card {
978	padding: 16px;
979	width: 400px;
980	}
981
982	.font-library__google-fonts-confirm .components-button {
983	width: 100%;
984	justify-content: center;
985	}
986
987	.font-library__select-all {
988	padding: 16px 16px 16px 17px;
989	}
990
991	.font-library__select-all .components-checkbox-control__label {
992	padding-left: 16px;
993	}
994
995	.global-styles-ui-pagination .components-button.is-tertiary {
996	width: 32px;
997	height: 32px;
998	justify-content: center;
999	}
1000
1001	.global-styles-ui-screen-revisions__revisions-list {
1002	list-style: none;
1003	margin: 0 16px 16px 16px;
1004	flex-grow: 1;
1005	}
1006
1007	.global-styles-ui-screen-revisions__revisions-list li {
1008	margin-bottom: 0;
1009	}
1010
1011	.global-styles-ui-screen-revisions__revision-item {
1012	position: relative;
1013	cursor: pointer;
1014	display: flex;
1015	flex-direction: column;
1016	}
1017
1018	.global-styles-ui-screen-revisions__revision-item[role=option]:active, .global-styles-ui-screen-revisions__revision-item[role=option]:focus {
1019	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1020	outline: 2px solid transparent;
1021	}
1022
1023	.global-styles-ui-screen-revisions__revision-item:hover {
1024	background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
1025	}
1026
1027	.global-styles-ui-screen-revisions__revision-item:hover .global-styles-ui-screen-revisions__date {
1028	color: var(--wp-admin-theme-color);
1029	}
1030
1031	.global-styles-ui-screen-revisions__revision-item::before, .global-styles-ui-screen-revisions__revision-item::after {
1032	position: absolute;
1033	content: "\a";
1034	display: block;
1035	}
1036
1037	.global-styles-ui-screen-revisions__revision-item::before {
1038	background: #ddd;
1039	border-radius: 50%;
1040	height: 8px;
1041	width: 8px;
1042	top: 18px;
1043	left: 17px;
1044	transform: translate(-50%, -50%);
1045	z-index: 1;
1046	border: 4px solid transparent;
1047	}
1048
1049	.global-styles-ui-screen-revisions__revision-item[aria-selected=true] {
1050	border-radius: 2px;
1051	outline: 3px solid transparent;
1052	outline-offset: -2px;
1053	color: var(--wp-admin-theme-color);
1054	background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
1055	}
1056
1057	.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__date {
1058	color: var(--wp-admin-theme-color);
1059	}
1060
1061	.global-styles-ui-screen-revisions__revision-item[aria-selected=true]::before {
1062	background: var(--wp-admin-theme-color);
1063	}
1064
1065	.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__changes > li,
1066	.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__meta,
1067	.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__applied-text {
1068	color: #1e1e1e;
1069	}
1070
1071	.global-styles-ui-screen-revisions__revision-item::after {
1072	height: 100%;
1073	left: 16px;
1074	top: 0;
1075	width: 0;
1076	border: 0.5px solid #ddd;
1077	}
1078
1079	.global-styles-ui-screen-revisions__revision-item:first-child::after {
1080	top: 18px;
1081	}
1082
1083	.global-styles-ui-screen-revisions__revision-item:last-child::after {
1084	height: 18px;
1085	}
1086
1087	.global-styles-ui-screen-revisions__revision-item-wrapper {
1088	display: block;
1089	padding: 12px 12px 4px 40px;
1090	}
1091
1092	.global-styles-ui-screen-revisions__apply-button.is-primary,
1093	.global-styles-ui-screen-revisions__applied-text {
1094	align-self: flex-start;
1095	margin: 4px 12px 12px 40px;
1096	}
1097
1098	.global-styles-ui-screen-revisions__changes,
1099	.global-styles-ui-screen-revisions__meta,
1100	.global-styles-ui-screen-revisions__applied-text {
1101	color: #757575;
1102	font-size: 12px;
1103	}
1104
1105	.global-styles-ui-screen-revisions__description {
1106	display: flex;
1107	flex-direction: column;
1108	align-items: flex-start;
1109	gap: 8px;
1110	}
1111
1112	.global-styles-ui-screen-revisions__description .global-styles-ui-screen-revisions__date {
1113	text-transform: uppercase;
1114	font-weight: 600;
1115	font-size: 12px;
1116	}
1117
1118	.global-styles-ui-screen-revisions__meta {
1119	display: flex;
1120	justify-content: start;
1121	width: 100%;
1122	align-items: flex-start;
1123	text-align: left;
1124	margin-bottom: 4px;
1125	}
1126
1127	.global-styles-ui-screen-revisions__meta img {
1128	width: 16px;
1129	height: 16px;
1130	border-radius: 100%;
1131	margin-right: 8px;
1132	}
1133
1134	.global-styles-ui-screen-revisions__loading {
1135	margin: 24px auto !important;
1136	}
1137
1138	.global-styles-ui-screen-revisions__changes {
1139	text-align: left;
1140	line-height: 1.4;
1141	margin-left: 12px;
1142	list-style: disc;
1143	}
1144
1145	.global-styles-ui-screen-revisions__changes li {
1146	margin-bottom: 4px;
1147	}
1148
1149	.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination {
1150	justify-content: space-between;
1151	gap: 2px;
1152	}
1153
1154	.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .edit-site-pagination__total {
1155	position: absolute;
1156	left: -1000px;
1157	height: 1px;
1158	margin: -1px;
1159	overflow: hidden;
1160	}
1161
1162	.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-text {
1163	font-size: 12px;
1164	will-change: opacity;
1165	}
1166
1167	.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary {
1168	color: #1e1e1e;
1169	}
1170
1171	.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary:disabled,
1172	.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary[aria-disabled=true] {
1173	color: #949494;
1174	}
1175
1176	.global-styles-ui-screen-revisions__footer {
1177	height: 56px;
1178	z-index: 1;
1179	position: sticky;
1180	min-width: 100%;
1181	bottom: 0;
1182	background: #fff;
1183	padding: 12px;
1184	border-top: 1px solid #ddd;
1185	}
1186
1187	.global-styles-ui-variations_item {
1188	box-sizing: border-box;
1189	cursor: pointer;
1190	}
1191
1192	.global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
1193	border-radius: 2px;
1194	outline: 1px solid rgba(0, 0, 0, 0.1);
1195	outline-offset: -1px;
1196	overflow: hidden;
1197	position: relative;
1198	}
1199
1200	@media not (prefers-reduced-motion) {
1201	.global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
1202	transition: outline 0.1s linear;
1203	}
1204	}
1205	.global-styles-ui-variations_item .global-styles-ui-variations_item-preview.is-pill {
1206	height: 32px;
1207	}
1208
1209	.global-styles-ui-variations_item .global-styles-ui-variations_item-preview.is-pill .block-editor-iframe__scale-container {
1210	overflow: hidden;
1211	}
1212
1213	.global-styles-ui-variations_item:not(.is-active):hover .global-styles-ui-variations_item-preview {
1214	outline-color: rgba(0, 0, 0, 0.3);
1215	}
1216
1217	.global-styles-ui-variations_item.is-active .global-styles-ui-variations_item-preview, .global-styles-ui-variations_item:focus-visible .global-styles-ui-variations_item-preview {
1218	outline-color: #1e1e1e;
1219	outline-offset: 1px;
1220	outline-width: var(--wp-admin-border-width-focus);
1221	}
1222
1223	.global-styles-ui-variations_item:focus-visible .global-styles-ui-variations_item-preview {
1224	outline-color: var(--wp-admin-theme-color);
1225	}
1226
1227	.global-styles-ui-preview {
1228	display: flex;
1229	align-items: center;
1230	justify-content: center;
1231	line-height: 1;
1232	cursor: pointer;
1233	}
1234
1235	.global-styles-ui-preview__wrapper {
1236	max-width: 100%;
1237	display: block;
1238	width: 100%;
1239	}
1240
1241	.global-styles-ui-typography-preview {
1242	display: flex;
1243	align-items: center;
1244	justify-content: center;
1245	min-height: 100px;
1246	margin-bottom: 20px;
1247	background: #f0f0f0;
1248	border-radius: 2px;
1249	overflow: hidden;
1250	}
1251
1252	.global-styles-ui-font-size__item {
1253	white-space: nowrap;
1254	text-overflow: ellipsis;
1255	overflow: hidden;
1256	line-break: anywhere;
1257	}
1258
1259	.global-styles-ui-font-size__item-value {
1260	color: #757575;
1261	}
1262
1263	.global-styles-ui-screen-typography__indicator {
1264	height: 24px;
1265	width: 24px;
1266	font-size: 14px;
1267	display: flex !important;
1268	align-items: center;
1269	justify-content: center;
1270	border-radius: 2px;
1271	}
1272
1273	.global-styles-ui-block-types-search {
1274	margin-bottom: 10px;
1275	padding: 0 16px;
1276	}
1277
1278	.global-styles-ui-screen-typography__font-variants-count {
1279	color: #757575;
1280	}
1281
1282	.global-styles-ui-font-families__manage-fonts {
1283	justify-content: center;
1284	}
1285
1286	.global-styles-ui-screen .color-block-support-panel {
1287	padding-left: 0;
1288	padding-right: 0;
1289	padding-top: 0;
1290	border-top: none;
1291	row-gap: 12px;
1292	}
1293
1294	.global-styles-ui-header {
1295	margin-bottom: 0 !important;
1296	}
1297
1298	.global-styles-ui-subtitle {
1299	margin-bottom: 0 !important;
1300	text-transform: uppercase;
1301	font-weight: 499 !important;
1302	font-size: 11px !important;
1303	}
1304
1305	.global-styles-ui-section-title {
1306	color: #2f2f2f;
1307	font-weight: 600;
1308	line-height: 1.2;
1309	padding: 16px 16px 0;
1310	margin: 0;
1311	}
1312
1313	.global-styles-ui-icon-with-current-color {
1314	fill: currentColor;
1315	}
1316
1317	.global-styles-ui__color-indicator-wrapper {
1318	height: 24px;
1319	flex-shrink: 0;
1320	}
1321
1322	.global-styles-ui__shadows-panel__options-container,
1323	.global-styles-ui__typography-panel__options-container {
1324	height: 24px;
1325	}
1326
1327	.global-styles-ui__block-preview-panel {
1328	position: relative;
1329	width: 100%;
1330	border: #ddd 1px solid;
1331	border-radius: 2px;
1332	overflow: hidden;
1333	}
1334
1335	.global-styles-ui__shadow-preview-panel {
1336	height: 144px;
1337	border: #ddd 1px solid;
1338	border-radius: 2px;
1339	overflow: auto;
1340	/rtl:begin:ignore/
1341	background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0);
1342	background-position: 0 0, 8px 8px;
1343	/rtl:end:ignore/
1344	background-size: 16px 16px;
1345	}
1346
1347	.global-styles-ui__shadow-preview-panel .global-styles-ui__shadow-preview-block {
1348	border: #ddd 1px solid;
1349	border-radius: 2px;
1350	background-color: #fff;
1351	width: 60%;
1352	height: 60px;
1353	}
1354
1355	.global-styles-ui__shadow-editor__dropdown-content {
1356	width: 280px;
1357	}
1358
1359	.global-styles-ui__shadow-editor-panel {
1360	margin-bottom: 4px;
1361	}
1362
1363	.global-styles-ui__shadow-editor__dropdown {
1364	width: 100%;
1365	position: relative;
1366	}
1367
1368	.global-styles-ui__shadow-editor__dropdown-toggle {
1369	width: 100%;
1370	height: auto;
1371	padding-top: 8px;
1372	padding-bottom: 8px;
1373	text-align: left;
1374	border-radius: inherit;
1375	}
1376
1377	.global-styles-ui__shadow-editor__dropdown-toggle.is-open {
1378	background: #f0f0f0;
1379	color: var(--wp-admin-theme-color);
1380	}
1381
1382	.global-styles-ui__shadow-editor__remove-button {
1383	position: absolute;
1384	right: 8px;
1385	top: 8px;
1386	opacity: 0;
1387	}
1388
1389	.global-styles-ui__shadow-editor__remove-button.global-styles-ui__shadow-editor__remove-button {
1390	border: none;
1391	}
1392
1393	.global-styles-ui__shadow-editor__dropdown-toggle:hover + .global-styles-ui__shadow-editor__remove-button, .global-styles-ui__shadow-editor__remove-button:focus, .global-styles-ui__shadow-editor__remove-button:hover {
1394	opacity: 1;
1395	}
1396
1397	@media (hover: none) {
1398	.global-styles-ui__shadow-editor__remove-button {
1399	opacity: 1;
1400	}
1401	}
1402	.global-styles-ui-screen-css {
1403	flex: 1 1 auto;
1404	display: flex;
1405	flex-direction: column;
1406	margin: 16px;
1407	}
1408
1409	.global-styles-ui-screen-css .components-v-stack {
1410	flex: 1 1 auto;
1411	}
1412
1413	.global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input {
1414	flex: 1 1 auto;
1415	display: flex;
1416	flex-direction: column;
1417	}
1418
1419	.global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
1420	flex: 1 1 auto;
1421	display: flex;
1422	flex-direction: column;
1423	}
1424
1425	.global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input {
1426	flex: 1 1 auto;
1427	/rtl:ignore/
1428	direction: ltr;
1429	}
1430
1431	.global-styles-ui-screen-css-help-link {
1432	display: inline-block;
1433	margin-top: 8px;
1434	}
1435
1436	.global-styles-ui-screen-variations {
1437	margin-top: 16px;
1438	border-top: 1px solid #ddd;
1439	}
1440
1441	.global-styles-ui-screen-variations > * {
1442	margin: 24px 16px;
1443	}
1444
1445	.global-styles-ui-sidebar__navigator-provider {
1446	height: 100%;
1447	}
1448
1449	.global-styles-ui-sidebar__navigator-screen {
1450	display: flex;
1451	flex-direction: column;
1452	height: 100%;
1453	}
1454
1455	.global-styles-ui-sidebar__navigator-screen .single-column {
1456	grid-column: span 1;
1457	}
1458
1459	.global-styles-ui-screen-root.global-styles-ui-screen-root,
1460	.global-styles-ui-screen-style-variations.global-styles-ui-screen-style-variations {
1461	background: unset;
1462	color: inherit;
1463	}
1464
1465	.global-styles-ui-sidebar__panel .block-editor-block-icon svg {
1466	fill: currentColor;
1467	}
1468
1469	.global-styles-ui-screen-root__active-style-tile.global-styles-ui-screen-root__active-style-tile, .global-styles-ui-screen-root__active-style-tile.global-styles-ui-screen-root__active-style-tile .global-styles-ui-screen-root__active-style-tile-preview {
1470	border-radius: 2px;
1471	}
1472
1473	.global-styles-ui-screen-root__active-style-tile-preview {
1474	clip-path: border-box;
1475	}
1476
1477	.global-styles-ui-color-palette-panel,
1478	.global-styles-ui-gradient-palette-panel {
1479	padding: 16px;
1480	}
1481
1482	/**
1483	* Colors
1484	*/
1485	/**
1486	* SCSS Variables.
1487	*
1488	* Please use variables from this sheet to ensure consistency across the UI.
1489	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1490	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1491	*/
1492	/**
1493	* Fonts & basic variables.
1494	*/
1495	/**
1496	* Typography
1497	*/
1498	/**
1499	* Grid System.
1500	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1501	*/
1502	/**
1503	* Radius scale.
1504	*/
1505	/**
1506	* Elevation scale.
1507	*/
1508	/**
1509	* Dimensions.
1510	*/
1511	/**
1512	* Mobile specific styles
1513	*/
1514	/**
1515	* Editor styles.
1516	*/
1517	/**
1518	* Block & Editor UI.
1519	*/
1520	/**
1521	* Block paddings.
1522	*/
1523	/**
1524	* React Native specific.
1525	* These variables do not appear to be used anywhere else.
1526	*/
1527	/**
1528	* Typography
1529	*/
1530	/**
1531	* Breakpoints & Media Queries
1532	*/
1533	/**
1534	* Converts a hex value into the rgb equivalent.
1535	*
1536	* @param {string} hex - the hexadecimal value to convert
1537	* @return {string} comma separated rgb values
1538	*/
1539	/**
1540	* Long content fade mixin
1541	*
1542	* Creates a fading overlay to signify that the content is longer
1543	* than the space allows.
1544	*/
1545	/**
1546	* Breakpoint mixins
1547	*/
1548	/**
1549	* Focus styles.
1550	*/
1551	/**
1552	* Applies editor left position to the selector passed as argument
1553	*/
1554	/**
1555	* Styles that are reused verbatim in a few places
1556	*/
1557	/**
1558	* Allows users to opt-out of animations via OS-level preferences.
1559	*/
1560	/**
1561	* Reset default styles for JavaScript UI based pages.
1562	* This is a WP-admin agnostic reset
1563	*/
1564	/**
1565	* Reset the WP Admin page styles for Gutenberg-like pages.
1566	*/
1567	/**
1568	* Creates a checkerboard pattern background to indicate transparency.
1569	* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
1570	*/
1571	.dataviews-wrapper,
1572	.dataviews-picker-wrapper {
1573	height: 100%;
1574	overflow: auto;
1575	box-sizing: border-box;
1576	scroll-padding-bottom: 64px;
1577	/* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
1578	container: dataviews-wrapper/inline-size;
1579	display: flex;
1580	flex-direction: column;
1581	font-size: 13px;
1582	line-height: 1.4;
1583	background-color: var(--wp-dataviews-color-background, #fff);
1584	}
1585
1586	.dataviews__view-actions,
1587	.dataviews-filters__container {
1588	box-sizing: border-box;
1589	padding: 16px 24px;
1590	flex-shrink: 0;
1591	position: sticky;
1592	left: 0;
1593	background-color: inherit;
1594	}
1595
1596	@media not (prefers-reduced-motion) {
1597	.dataviews__view-actions,
1598	.dataviews-filters__container {
1599	transition: padding ease-out 0.1s;
1600	}
1601	}
1602	.dataviews-no-results,
1603	.dataviews-loading {
1604	padding: 0 24px;
1605	flex-grow: 1;
1606	display: flex;
1607	align-items: center;
1608	justify-content: center;
1609	}
1610
1611	@media not (prefers-reduced-motion) {
1612	.dataviews-no-results,
1613	.dataviews-loading {
1614	transition: padding ease-out 0.1s;
1615	}
1616	}
1617	.dataviews-no-results.is-refreshing {
1618	opacity: 0.5;
1619	pointer-events: none;
1620	}
1621
1622	@media not (prefers-reduced-motion) {
1623	.dataviews-no-results.is-refreshing {
1624	opacity: 1;
1625	animation: dataviews-pulse 1s ease-in-out infinite;
1626	}
1627	}
1628	@keyframes dataviews-pulse {
1629	0%, 100% {
1630	opacity: 1;
1631	}
1632	50% {
1633	opacity: 0.5;
1634	}
1635	}
1636	.dataviews-loading-more {
1637	text-align: center;
1638	}
1639
1640	@container (max-width: 430px) {
1641	.dataviews__view-actions,
1642	.dataviews-filters__container {
1643	padding: 12px 24px;
1644	}
1645	}
1646	.dataviews-title-field {
1647	font-size: 13px;
1648	font-weight: 499;
1649	color: #2f2f2f;
1650	text-overflow: ellipsis;
1651	white-space: nowrap;
1652	width: 100%;
1653	}
1654
1655	.dataviews-title-field a {
1656	text-decoration: none;
1657	text-overflow: ellipsis;
1658	white-space: nowrap;
1659	overflow: hidden;
1660	display: block;
1661	flex-grow: 0;
1662	color: #2f2f2f;
1663	}
1664
1665	.dataviews-title-field a:hover {
1666	color: var(--wp-admin-theme-color);
1667	}
1668
1669	.dataviews-title-field a:focus {
1670	color: var(--wp-admin-theme-color--rgb);
1671	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
1672	border-radius: 2px;
1673	}
1674
1675	.dataviews-title-field button.components-button.is-link {
1676	text-decoration: none;
1677	font-weight: inherit;
1678	text-overflow: ellipsis;
1679	white-space: nowrap;
1680	overflow: hidden;
1681	display: block;
1682	width: 100%;
1683	color: #1e1e1e;
1684	}
1685
1686	.dataviews-title-field button.components-button.is-link:hover {
1687	color: var(--wp-admin-theme-color);
1688	}
1689
1690	.dataviews-title-field--clickable {
1691	cursor: pointer;
1692	color: #2f2f2f;
1693	}
1694
1695	.dataviews-title-field--clickable:hover {
1696	color: var(--wp-admin-theme-color);
1697	}
1698
1699	.dataviews-title-field--clickable:focus {
1700	color: var(--wp-admin-theme-color--rgb);
1701	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
1702	border-radius: 2px;
1703	}
1704
1705	/**
1706	* When DataViews are placed within cards, apply a consistent top padding.
1707	*/
1708	.components-card__body:has(> .dataviews-wrapper),
1709	.components-card__body:has(> .dataviews-picker-wrapper) {
1710	padding: 8px 0 0;
1711	overflow: hidden;
1712	}
1713
1714	.dataviews-bulk-actions-footer__item-count {
1715	color: #1e1e1e;
1716	}
1717
1718	.dataviews-bulk-actions-footer__container {
1719	margin-right: auto;
1720	min-height: 32px;
1721	}
1722
1723	.dataviews-filters__button {
1724	position: relative;
1725	}
1726
1727	.dataviews-filters__container {
1728	padding-top: 0;
1729	}
1730
1731	.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover {
1732	opacity: 0;
1733	}
1734
1735	.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus {
1736	opacity: 1;
1737	}
1738
1739	.dataviews-filters__summary-popover {
1740	font-size: 13px;
1741	line-height: 1.4;
1742	}
1743
1744	.dataviews-filters__summary-popover .components-popover__content {
1745	width: 100%;
1746	min-width: 230px;
1747	max-width: 250px;
1748	border-radius: 4px;
1749	}
1750
1751	.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content {
1752	padding: 0;
1753	}
1754
1755	.dataviews-filters__summary-operators-container {
1756	padding: 8px 16px;
1757	}
1758
1759	.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) {
1760	border-bottom: 1px solid #e0e0e0;
1761	}
1762
1763	.dataviews-filters__summary-operators-container:empty {
1764	display: none;
1765	}
1766
1767	.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
1768	color: #757575;
1769	white-space: nowrap;
1770	overflow: hidden;
1771	text-overflow: ellipsis;
1772	flex-shrink: 0; /* Prevents this element from shrinking */
1773	max-width: calc(100% - 55px);
1774	}
1775
1776	.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select {
1777	width: 100%;
1778	white-space: nowrap;
1779	overflow: hidden;
1780	}
1781
1782	.dataviews-filters__summary-chip-container {
1783	position: relative;
1784	white-space: pre-wrap;
1785	}
1786
1787	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
1788	border-radius: 16px;
1789	border: 1px solid transparent;
1790	cursor: pointer;
1791	padding: 4px 12px;
1792	min-height: 32px;
1793	background: #f0f0f0;
1794	color: #2f2f2f;
1795	position: relative;
1796	display: flex;
1797	align-items: center;
1798	box-sizing: border-box;
1799	}
1800
1801	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable {
1802	cursor: default;
1803	}
1804
1805	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
1806	padding-inline-end: 28px;
1807	}
1808
1809	.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:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] {
1810	background: #e0e0e0;
1811	color: #1e1e1e;
1812	}
1813
1814	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
1815	color: var(--wp-admin-theme-color);
1816	background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
1817	}
1818
1819	.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] {
1820	background: rgba(var(--wp-admin-theme-color--rgb), 0.12);
1821	}
1822
1823	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
1824	outline: none;
1825	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1826	}
1827
1828	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
1829	font-weight: 499;
1830	}
1831
1832	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
1833	width: 24px;
1834	height: 24px;
1835	border-radius: 50%;
1836	border: 0;
1837	padding: 0;
1838	position: absolute;
1839	right: 4px;
1840	top: 50%;
1841	transform: translateY(-50%);
1842	display: flex;
1843	align-items: center;
1844	justify-content: center;
1845	background: transparent;
1846	cursor: pointer;
1847	}
1848
1849	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
1850	fill: #757575;
1851	}
1852
1853	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
1854	background: #e0e0e0;
1855	}
1856
1857	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
1858	fill: #1e1e1e;
1859	}
1860
1861	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
1862	fill: var(--wp-admin-theme-color);
1863	}
1864
1865	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
1866	background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
1867	}
1868
1869	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
1870	outline: none;
1871	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1872	}
1873
1874	.dataviews-filters__search-widget-filter-combobox-list {
1875	max-height: 184px;
1876	padding: 4px;
1877	overflow: auto;
1878	border-top: 1px solid #e0e0e0;
1879	}
1880
1881	.dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] {
1882	font-weight: 600;
1883	}
1884
1885	.dataviews-filters__search-widget-listbox {
1886	padding: 4px;
1887	overflow: auto;
1888	}
1889
1890	.dataviews-filters__search-widget-listitem {
1891	display: flex;
1892	align-items: center;
1893	gap: 8px;
1894	border-radius: 2px;
1895	box-sizing: border-box;
1896	padding: 4px 12px;
1897	cursor: default;
1898	min-height: 32px;
1899	font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1900	font-weight: 400;
1901	font-size: 13px;
1902	line-height: 20px;
1903	}
1904
1905	.dataviews-filters__search-widget-listitem:last-child {
1906	margin-block-end: 0;
1907	}
1908
1909	.dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
1910	background-color: var(--wp-admin-theme-color);
1911	color: #fff;
1912	}
1913
1914	.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, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description {
1915	color: #fff;
1916	}
1917
1918	.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, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
1919	border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
1920	background: #fff;
1921	}
1922
1923	.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, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected {
1924	border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
1925	background: var(--wp-admin-theme-color-darker-20, #183ad6);
1926	}
1927
1928	.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, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection {
1929	border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
1930	}
1931
1932	.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, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
1933	border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
1934	background: var(--wp-admin-theme-color-darker-20, #183ad6);
1935	}
1936
1937	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
1938	overflow: hidden;
1939	text-overflow: ellipsis;
1940	white-space: nowrap;
1941	min-width: 0;
1942	}
1943
1944	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description {
1945	display: block;
1946	overflow: hidden;
1947	text-overflow: ellipsis;
1948	font-size: 12px;
1949	line-height: 16px;
1950	color: #757575;
1951	}
1952
1953	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
1954	border: 1px solid #1e1e1e;
1955	margin-right: 12px;
1956	transition: none;
1957	border-radius: 50%;
1958	width: 24px;
1959	height: 24px;
1960	min-width: 24px;
1961	max-width: 24px;
1962	position: relative;
1963	}
1964
1965	@media not (prefers-reduced-motion) {
1966	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
1967	transition: box-shadow 0.1s linear;
1968	}
1969	}
1970	@media (min-width: 600px) {
1971	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
1972	height: 16px;
1973	width: 16px;
1974	min-width: 16px;
1975	max-width: 16px;
1976	}
1977	}
1978	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
1979	box-sizing: inherit;
1980	width: 12px;
1981	height: 12px;
1982	position: absolute;
1983	top: 50%;
1984	left: 50%;
1985	transform: translate(-50%, -50%);
1986	margin: 0;
1987	background-color: #fff;
1988	border: 4px solid #fff;
1989	}
1990
1991	@media (min-width: 600px) {
1992	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
1993	width: 8px;
1994	height: 8px;
1995	}
1996	}
1997	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:focus {
1998	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
1999	outline: 2px solid transparent;
2000	}
2001
2002	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked {
2003	background: var(--wp-admin-theme-color);
2004	border: none;
2005	}
2006
2007	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
2008	margin: 0;
2009	padding: 0;
2010	}
2011
2012	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
2013	background: var(--wp-admin-theme-color, #3858e9);
2014	border-color: var(--wp-admin-theme-color, #3858e9);
2015	}
2016
2017	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
2018	content: "";
2019	border-radius: 50%;
2020	box-sizing: inherit;
2021	width: 12px;
2022	height: 12px;
2023	position: absolute;
2024	top: 50%;
2025	left: 50%;
2026	transform: translate(-50%, -50%);
2027	margin: 0;
2028	background-color: #fff;
2029	border: 4px solid #fff;
2030	}
2031
2032	@media (min-width: 600px) {
2033	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
2034	width: 8px;
2035	height: 8px;
2036	}
2037	}
2038	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2039	--checkbox-size: 24px;
2040	flex-shrink: 0;
2041	border: 1px solid #1e1e1e;
2042	margin-right: 12px;
2043	transition: none;
2044	border-radius: 2px;
2045	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2046	padding: 6px 8px;
2047	/* Fonts smaller than 16px causes mobile safari to zoom. */
2048	font-size: 16px;
2049	/* Override core line-height. To be reviewed. */
2050	line-height: normal;
2051	box-shadow: 0 0 0 transparent;
2052	border-radius: 2px;
2053	border: 1px solid #949494;
2054	}
2055
2056	@media not (prefers-reduced-motion) {
2057	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2058	transition: box-shadow 0.1s linear;
2059	}
2060	}
2061	@media (min-width: 600px) {
2062	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2063	font-size: 13px;
2064	/* Override core line-height. To be reviewed. */
2065	line-height: normal;
2066	}
2067	}
2068	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
2069	border-color: var(--wp-admin-theme-color);
2070	box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
2071	outline: 2px solid transparent;
2072	}
2073
2074	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::placeholder {
2075	color: rgba(30, 30, 30, 0.62);
2076	}
2077
2078	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
2079	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
2080	outline: 2px solid transparent;
2081	}
2082
2083	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked {
2084	background: var(--wp-admin-theme-color);
2085	border-color: var(--wp-admin-theme-color);
2086	}
2087
2088	.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 {
2089	margin: -3px -5px;
2090	color: #fff;
2091	}
2092
2093	@media (min-width: 782px) {
2094	.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 {
2095	margin: -4px 0 0 -5px;
2096	}
2097	}
2098	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed] {
2099	background: var(--wp-admin-theme-color);
2100	border-color: var(--wp-admin-theme-color);
2101	}
2102
2103	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
2104	content: "\f460";
2105	float: left;
2106	display: inline-block;
2107	vertical-align: middle;
2108	width: 16px;
2109	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
2110	font: normal 30px/1 dashicons;
2111	speak: none;
2112	-webkit-font-smoothing: antialiased;
2113	-moz-osx-font-smoothing: grayscale;
2114	}
2115
2116	@media (min-width: 782px) {
2117	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
2118	float: none;
2119	font-size: 21px;
2120	}
2121	}
2122	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true], .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled {
2123	background: #f0f0f0;
2124	border-color: #ddd;
2125	cursor: default;
2126	opacity: 1;
2127	}
2128
2129	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2130	position: relative;
2131	background: #fff;
2132	color: #1e1e1e;
2133	margin: 0;
2134	padding: 0;
2135	width: var(--checkbox-size);
2136	height: var(--checkbox-size);
2137	}
2138
2139	@media (min-width: 600px) {
2140	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2141	--checkbox-size: 16px;
2142	}
2143	}
2144	@media not (prefers-reduced-motion) {
2145	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2146	transition: 0.1s border-color ease-in-out;
2147	}
2148	}
2149	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
2150	background: var(--wp-admin-theme-color, #3858e9);
2151	border-color: var(--wp-admin-theme-color, #3858e9);
2152	}
2153
2154	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
2155	--checkmark-size: var(--checkbox-size);
2156	fill: #fff;
2157	position: absolute;
2158	left: 50%;
2159	top: 50%;
2160	transform: translate(-50%, -50%);
2161	width: var(--checkmark-size);
2162	height: var(--checkmark-size);
2163	}
2164
2165	@media (min-width: 600px) {
2166	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
2167	--checkmark-size: calc(var(--checkbox-size) + 4px);
2168	}
2169	}
2170	.dataviews-filters__search-widget-filter-combobox__wrapper {
2171	position: relative;
2172	padding: 8px;
2173	}
2174
2175	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2176	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2177	padding: 6px 8px;
2178	/* Fonts smaller than 16px causes mobile safari to zoom. */
2179	font-size: 16px;
2180	/* Override core line-height. To be reviewed. */
2181	line-height: normal;
2182	box-shadow: 0 0 0 transparent;
2183	border-radius: 2px;
2184	border: 1px solid #949494;
2185	}
2186
2187	@media not (prefers-reduced-motion) {
2188	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2189	transition: box-shadow 0.1s linear;
2190	}
2191	}
2192	@media (min-width: 600px) {
2193	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2194	font-size: 13px;
2195	/* Override core line-height. To be reviewed. */
2196	line-height: normal;
2197	}
2198	}
2199	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
2200	border-color: var(--wp-admin-theme-color);
2201	box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
2202	outline: 2px solid transparent;
2203	}
2204
2205	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2206	color: rgba(30, 30, 30, 0.62);
2207	}
2208
2209	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2210	display: block;
2211	padding: 0 8px 0 32px;
2212	width: 100%;
2213	height: 32px;
2214	margin-left: 0;
2215	margin-right: 0;
2216	/* Fonts smaller than 16px causes mobile safari to zoom. */
2217	font-size: 16px;
2218	}
2219
2220	@media (min-width: 600px) {
2221	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2222	font-size: 13px;
2223	}
2224	}
2225	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
2226	background: #fff;
2227	box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2228	}
2229
2230	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2231	color: #757575;
2232	}
2233
2234	.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-cancel-button, .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 {
2235	-webkit-appearance: none;
2236	}
2237
2238	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon {
2239	position: absolute;
2240	inset-inline-start: 12px;
2241	top: 0;
2242	bottom: 0;
2243	display: flex;
2244	align-items: center;
2245	justify-content: center;
2246	width: 24px;
2247	}
2248
2249	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
2250	transform: scaleX(-1);
2251	}
2252
2253	.dataviews-filters__container-visibility-toggle {
2254	position: relative;
2255	flex-shrink: 0;
2256	}
2257
2258	.dataviews-filters-toggle__count {
2259	position: absolute;
2260	top: 0;
2261	right: 0;
2262	transform: translate(50%, -50%);
2263	background: var(--wp-admin-theme-color, #3858e9);
2264	height: 16px;
2265	min-width: 16px;
2266	line-height: 16px;
2267	padding: 0 4px;
2268	text-align: center;
2269	border-radius: 8px;
2270	font-size: 11px;
2271	outline: var(--wp-admin-border-width-focus) solid #fff;
2272	color: #fff;
2273	box-sizing: border-box;
2274	}
2275
2276	.dataviews-search {
2277	width: fit-content;
2278	}
2279
2280	.dataviews-filters__user-input-widget {
2281	padding: 16px;
2282	}
2283
2284	.dataviews-filters__user-input-widget .components-input-control__prefix {
2285	padding-left: 8px;
2286	}
2287
2288	.dataviews-filters__search-widget-no-elements {
2289	display: flex;
2290	align-items: center;
2291	justify-content: center;
2292	padding: 16px;
2293	}
2294
2295	.dataviews-footer {
2296	position: sticky;
2297	bottom: 0;
2298	left: 0;
2299	background-color: inherit;
2300	padding: 12px 24px;
2301	border-top: 1px solid #f0f0f0;
2302	flex-shrink: 0;
2303	}
2304
2305	@media not (prefers-reduced-motion) {
2306	.dataviews-footer {
2307	transition: padding ease-out 0.1s;
2308	}
2309	}
2310	.dataviews-footer {
2311	z-index: 2;
2312	}
2313
2314	.dataviews-footer .is-refreshing {
2315	opacity: 0.5;
2316	pointer-events: none;
2317	}
2318
2319	@media not (prefers-reduced-motion) {
2320	.dataviews-footer .is-refreshing {
2321	opacity: 1;
2322	animation: dataviews-pulse 1s ease-in-out infinite;
2323	}
2324	}
2325	@container (max-width: 560px) {
2326	.dataviews-footer__content {
2327	flex-direction: column !important;
2328	}
2329	.dataviews-footer__content .dataviews-bulk-actions-footer__container {
2330	width: 100%;
2331	}
2332	.dataviews-footer__content .dataviews-bulk-actions-footer__item-count {
2333	flex-grow: 1;
2334	}
2335	.dataviews-footer__content .dataviews-pagination {
2336	width: 100%;
2337	justify-content: space-between;
2338	}
2339	}
2340	.dataviews-pagination__page-select {
2341	font-size: 11px;
2342	font-weight: 499;
2343	text-transform: uppercase;
2344	}
2345
2346	@media (min-width: 600px) {
2347	.dataviews-pagination__page-select .components-select-control__input {
2348	font-size: 11px !important;
2349	font-weight: 499;
2350	}
2351	}
2352	.dataviews-action-modal {
2353	z-index: 1000001;
2354	}
2355
2356	.dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
2357	padding: 0 4px;
2358	}
2359
2360	.dataviews-selection-checkbox {
2361	--checkbox-input-size: 24px;
2362	}
2363
2364	@media (min-width: 600px) {
2365	.dataviews-selection-checkbox {
2366	--checkbox-input-size: 16px;
2367	}
2368	}
2369	.dataviews-selection-checkbox {
2370	line-height: 0;
2371	flex-shrink: 0;
2372	}
2373
2374	.dataviews-selection-checkbox .components-checkbox-control__input-container {
2375	margin: 0;
2376	}
2377
2378	.dataviews-view-config {
2379	width: 320px;
2380	/* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
2381	container-type: inline-size;
2382	font-size: 13px;
2383	line-height: 1.4;
2384	}
2385
2386	.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper {
2387	overflow-y: scroll;
2388	height: 100%;
2389	}
2390
2391	.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config {
2392	width: auto;
2393	}
2394
2395	.dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
2396	text-transform: uppercase;
2397	}
2398
2399	.dataviews-settings-section__title.dataviews-settings-section__title {
2400	line-height: 24px;
2401	font-size: 15px;
2402	}
2403
2404	.dataviews-settings-section__sidebar {
2405	grid-column: span 4;
2406	}
2407
2408	.dataviews-settings-section__content,
2409	.dataviews-settings-section__content > * {
2410	grid-column: span 8;
2411	}
2412
2413	.dataviews-settings-section__content .is-divided-in-two {
2414	display: contents;
2415	}
2416
2417	.dataviews-settings-section__content .is-divided-in-two > * {
2418	grid-column: span 4;
2419	}
2420
2421	.dataviews-settings-section:has(.dataviews-settings-section__content:empty) {
2422	display: none;
2423	}
2424
2425	@container (max-width: 500px) {
2426	.dataviews-settings-section.dataviews-settings-section {
2427	grid-template-columns: repeat(2, 1fr);
2428	}
2429	.dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar {
2430	grid-column: span 2;
2431	}
2432	.dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content {
2433	grid-column: span 2;
2434	}
2435	}
2436	.dataviews-view-config__sort-controls > * {
2437	flex: 1;
2438	}
2439
2440	.dataviews-view-config__label {
2441	text-wrap: nowrap;
2442	}
2443
2444	.dataviews-view-config__toggle-wrapper {
2445	position: relative;
2446	display: inline-flex;
2447	}
2448
2449	.dataviews-view-config__modified-indicator {
2450	position: absolute;
2451	top: 4px;
2452	right: 4px;
2453	width: 4px;
2454	height: 4px;
2455	background: var(--wp-admin-theme-color, #3858e9);
2456	border-radius: 50%;
2457	pointer-events: none;
2458	}
2459
2460	.dataviews-view-grid-items {
2461	margin-bottom: auto;
2462	display: grid;
2463	gap: 32px;
2464	grid-template-rows: max-content;
2465	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
2466	padding: 0 24px 24px;
2467	container-type: inline-size;
2468	}
2469
2470	@media not (prefers-reduced-motion) {
2471	.dataviews-view-grid-items {
2472	transition: padding ease-out 0.1s;
2473	}
2474	}
2475	.dataviews-view-grid {
2476	padding: 0 24px 24px;
2477	display: flex;
2478	flex-direction: column;
2479	gap: 32px;
2480	container-type: inline-size;
2481	margin-bottom: auto;
2482	}
2483
2484	@media not (prefers-reduced-motion) {
2485	.dataviews-view-grid {
2486	transition: padding ease-out 0.1s;
2487	}
2488	}
2489	.dataviews-view-grid .dataviews-view-grid__row {
2490	display: grid;
2491	gap: 32px;
2492	}
2493
2494	.dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell {
2495	border-radius: 4px;
2496	position: relative;
2497	}
2498
2499	.dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell[data-focus-visible]::after {
2500	content: "";
2501	position: absolute;
2502	top: 0;
2503	left: 0;
2504	width: 100%;
2505	height: 100%;
2506	box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2507	border-radius: 4px;
2508	pointer-events: none;
2509	outline: 2px solid transparent;
2510	}
2511
2512	.dataviews-view-grid .dataviews-view-grid__card {
2513	height: 100%;
2514	justify-content: flex-start;
2515	position: relative;
2516	}
2517
2518	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title {
2519	padding: 8px 0 4px;
2520	}
2521
2522	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
2523	min-height: 24px;
2524	overflow: hidden;
2525	align-content: center;
2526	text-align: start;
2527	}
2528
2529	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
2530	width: fit-content;
2531	}
2532
2533	.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
2534	color: #1e1e1e;
2535	}
2536
2537	.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
2538	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
2539	background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
2540	}
2541
2542	.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
2543	box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
2544	}
2545
2546	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
2547	box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2548	}
2549
2550	.dataviews-view-grid .dataviews-view-grid__media {
2551	width: 100%;
2552	aspect-ratio: 1/1;
2553	background-color: #fff;
2554	border-radius: 4px;
2555	overflow: hidden;
2556	position: relative;
2557	}
2558
2559	.dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder {
2560	aspect-ratio: 3/1;
2561	}
2562
2563	.dataviews-view-grid .dataviews-view-grid__media img {
2564	object-fit: cover;
2565	width: 100%;
2566	height: 100%;
2567	}
2568
2569	.dataviews-view-grid .dataviews-view-grid__media::after {
2570	content: "";
2571	position: absolute;
2572	top: 0;
2573	left: 0;
2574	width: 100%;
2575	height: 100%;
2576	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
2577	border-radius: 4px;
2578	pointer-events: none;
2579	}
2580
2581	.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder {
2582	width: 100%;
2583	height: 100%;
2584	display: block;
2585	border-radius: 4px;
2586	box-shadow: none;
2587	background: #f0f0f0;
2588	}
2589
2590	.dataviews-view-grid .dataviews-view-grid__fields {
2591	position: relative;
2592	font-size: 12px;
2593	line-height: 16px;
2594	}
2595
2596	.dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
2597	padding: 0 0 12px;
2598	}
2599
2600	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
2601	min-height: 24px;
2602	line-height: 20px;
2603	padding-top: 2px;
2604	}
2605
2606	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
2607	min-height: 24px;
2608	align-items: center;
2609	}
2610
2611	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
2612	width: 35%;
2613	color: #757575;
2614	overflow: hidden;
2615	text-overflow: ellipsis;
2616	white-space: nowrap;
2617	}
2618
2619	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
2620	width: 65%;
2621	overflow: hidden;
2622	text-overflow: ellipsis;
2623	white-space: nowrap;
2624	}
2625
2626	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
2627	display: none;
2628	}
2629
2630	.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
2631	padding-bottom: 12px;
2632	}
2633
2634	.dataviews-view-grid.is-refreshing {
2635	opacity: 0.5;
2636	pointer-events: none;
2637	}
2638
2639	@media not (prefers-reduced-motion) {
2640	.dataviews-view-grid.is-refreshing {
2641	opacity: 1;
2642	animation: dataviews-pulse 1s ease-in-out infinite;
2643	}
2644	}
2645	.dataviews-view-grid__field-value:empty,
2646	.dataviews-view-grid__field:empty {
2647	display: none;
2648	}
2649
2650	.dataviews-view-grid__card .dataviews-selection-checkbox {
2651	position: absolute;
2652	top: -9999em;
2653	left: 8px;
2654	z-index: 1;
2655	opacity: 0;
2656	}
2657
2658	@media not (prefers-reduced-motion) {
2659	.dataviews-view-grid__card .dataviews-selection-checkbox {
2660	transition: opacity 0.1s linear;
2661	}
2662	}
2663	@media (hover: none) {
2664	.dataviews-view-grid__card .dataviews-selection-checkbox {
2665	opacity: 1;
2666	top: 8px;
2667	}
2668	}
2669	.dataviews-view-grid__card:hover .dataviews-selection-checkbox,
2670	.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
2671	.dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
2672	opacity: 1;
2673	top: 8px;
2674	}
2675
2676	.dataviews-view-grid__card .dataviews-view-grid__media-actions {
2677	position: absolute;
2678	z-index: 1;
2679	top: 4px;
2680	opacity: 0;
2681	right: 4px;
2682	}
2683
2684	.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
2685	background-color: #fff;
2686	}
2687
2688	@media not (prefers-reduced-motion) {
2689	.dataviews-view-grid__card .dataviews-view-grid__media-actions {
2690	transition: opacity 0.1s linear;
2691	}
2692	}
2693	@media (hover: none) {
2694	.dataviews-view-grid__card .dataviews-view-grid__media-actions {
2695	opacity: 1;
2696	top: 4px;
2697	}
2698	}
2699	.dataviews-view-grid__card:hover .dataviews-view-grid__media-actions,
2700	.dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,
2701	.dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) {
2702	opacity: 1;
2703	}
2704
2705	.dataviews-view-grid__media--clickable {
2706	cursor: pointer;
2707	}
2708
2709	.dataviews-view-grid__group-header {
2710	font-size: 15px;
2711	font-weight: 499;
2712	color: #1e1e1e;
2713	margin: 0 0 8px 0;
2714	padding: 0 24px;
2715	container-type: inline-size;
2716	}
2717
2718	div.dataviews-view-list {
2719	list-style-type: none;
2720	}
2721
2722	.dataviews-view-list {
2723	margin: 0 0 auto;
2724	}
2725
2726	.dataviews-view-list div[role=row],
2727	.dataviews-view-list div[role=article] {
2728	margin: 0;
2729	border-top: 1px solid #f0f0f0;
2730	}
2731
2732	.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper,
2733	.dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper {
2734	position: relative;
2735	padding: 16px 24px;
2736	box-sizing: border-box;
2737	}
2738
2739	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions,
2740	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions {
2741	display: flex;
2742	width: max-content;
2743	flex: 0 0 auto;
2744	gap: 4px;
2745	white-space: nowrap;
2746	}
2747
2748	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button,
2749	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions .components-button {
2750	position: relative;
2751	z-index: 1;
2752	}
2753
2754	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div,
2755	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div {
2756	height: 24px;
2757	}
2758
2759	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
2760	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
2761	flex: 0;
2762	overflow: hidden;
2763	width: 0;
2764	}
2765
2766	.dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child),
2767	.dataviews-view-list div[role=article]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child) {
2768	flex-basis: min-content;
2769	width: auto;
2770	overflow: unset;
2771	}
2772
2773	@media (hover: none) {
2774	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
2775	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
2776	flex-basis: min-content;
2777	width: auto;
2778	overflow: unset;
2779	}
2780	}
2781	.dataviews-view-list div[role=row].is-selected.is-selected,
2782	.dataviews-view-list div[role=article].is-selected.is-selected {
2783	border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
2784	}
2785
2786	.dataviews-view-list div[role=row].is-selected.is-selected + div[role=row], .dataviews-view-list div[role=row].is-selected.is-selected + div[role=article],
2787	.dataviews-view-list div[role=article].is-selected.is-selected + div[role=row],
2788	.dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] {
2789	border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
2790	}
2791
2792	.dataviews-view-list div[role=row]: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,
2793	.dataviews-view-list div[role=article]:not(.is-selected):hover,
2794	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
2795	.dataviews-view-list div[role=article]:not(.is-selected):focus-within {
2796	color: var(--wp-admin-theme-color);
2797	background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
2798	border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
2799	}
2800
2801	.dataviews-view-list div[role=row]:not(.is-selected):hover + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected):hover + div[role=article], .dataviews-view-list div[role=row]:not(.is-selected).is-hovered + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected).is-hovered + div[role=article], .dataviews-view-list div[role=row]:not(.is-selected):focus-within + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected):focus-within + div[role=article],
2802	.dataviews-view-list div[role=article]:not(.is-selected):hover + div[role=row],
2803	.dataviews-view-list div[role=article]:not(.is-selected):hover + div[role=article],
2804	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered + div[role=row],
2805	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered + div[role=article],
2806	.dataviews-view-list div[role=article]:not(.is-selected):focus-within + div[role=row],
2807	.dataviews-view-list div[role=article]:not(.is-selected):focus-within + div[role=article] {
2808	border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
2809	}
2810
2811	.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-title-field,
2812	.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__field, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-title-field,
2813	.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__field, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-title-field,
2814	.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__field,
2815	.dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-title-field,
2816	.dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__field,
2817	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-title-field,
2818	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__field,
2819	.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-title-field,
2820	.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__field {
2821	color: var(--wp-admin-theme-color);
2822	}
2823
2824	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
2825	.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
2826	.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
2827	.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
2828	background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
2829	color: #1e1e1e;
2830	}
2831
2832	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
2833	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
2834	.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
2835	.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field,
2836	.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
2837	.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
2838	.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
2839	.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field {
2840	color: #1e1e1e;
2841	}
2842
2843	.dataviews-view-list .dataviews-view-list__item {
2844	position: absolute;
2845	z-index: 1;
2846	inset: 0;
2847	scroll-margin: 8px 0;
2848	appearance: none;
2849	border: none;
2850	background: none;
2851	padding: 0;
2852	cursor: pointer;
2853	}
2854
2855	.dataviews-view-list .dataviews-view-list__item:focus-visible {
2856	outline: none;
2857	}
2858
2859	.dataviews-view-list .dataviews-view-list__item:focus-visible::before {
2860	position: absolute;
2861	content: "";
2862	inset: var(--wp-admin-border-width-focus);
2863	box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2864	border-radius: 2px;
2865	outline: 2px solid transparent;
2866	}
2867
2868	.dataviews-view-list .dataviews-view-list__title-field {
2869	flex: 1;
2870	min-height: 24px;
2871	line-height: 24px;
2872	overflow: hidden;
2873	}
2874
2875	.dataviews-view-list .dataviews-view-list__title-field:has(a, button) {
2876	z-index: 1;
2877	}
2878
2879	.dataviews-view-list .dataviews-view-list__media-wrapper {
2880	width: 52px;
2881	height: 52px;
2882	overflow: hidden;
2883	position: relative;
2884	flex-shrink: 0;
2885	background-color: #fff;
2886	border-radius: 4px;
2887	}
2888
2889	.dataviews-view-list .dataviews-view-list__media-wrapper img {
2890	width: 100%;
2891	height: 100%;
2892	object-fit: cover;
2893	}
2894
2895	.dataviews-view-list .dataviews-view-list__media-wrapper::after {
2896	content: "";
2897	position: absolute;
2898	top: 0;
2899	left: 0;
2900	width: 100%;
2901	height: 100%;
2902	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
2903	border-radius: 4px;
2904	}
2905
2906	.dataviews-view-list .dataviews-view-list__field-wrapper {
2907	flex-grow: 1;
2908	min-width: 0;
2909	}
2910
2911	.dataviews-view-list .dataviews-view-list__field {
2912	color: #757575;
2913	}
2914
2915	.dataviews-view-list .dataviews-view-list__fields {
2916	display: flex;
2917	gap: 12px;
2918	row-gap: 4px;
2919	flex-wrap: wrap;
2920	font-size: 12px;
2921	}
2922
2923	.dataviews-view-list .dataviews-view-list__fields:empty {
2924	display: none;
2925	}
2926
2927	.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) {
2928	display: none;
2929	}
2930
2931	.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
2932	min-height: 24px;
2933	line-height: 20px;
2934	display: flex;
2935	align-items: center;
2936	}
2937
2938	.dataviews-view-list + .dataviews-pagination {
2939	justify-content: space-between;
2940	}
2941
2942	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__item-wrapper {
2943	padding: 8px 24px;
2944	}
2945
2946	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
2947	min-height: 16px;
2948	line-height: 16px;
2949	}
2950
2951	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
2952	width: 32px;
2953	height: 32px;
2954	}
2955
2956	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
2957	gap: 8px;
2958	row-gap: 4px;
2959	}
2960
2961	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2962	min-height: 16px;
2963	line-height: 16px;
2964	}
2965
2966	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__item-wrapper {
2967	padding: 24px 24px;
2968	}
2969
2970	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
2971	min-height: 32px;
2972	line-height: 32px;
2973	}
2974
2975	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
2976	width: 64px;
2977	height: 64px;
2978	}
2979
2980	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
2981	gap: 16px;
2982	row-gap: 8px;
2983	}
2984
2985	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2986	min-height: 32px;
2987	line-height: 24px;
2988	}
2989
2990	.dataviews-view-list.is-refreshing {
2991	opacity: 0.5;
2992	pointer-events: none;
2993	}
2994
2995	@media not (prefers-reduced-motion) {
2996	.dataviews-view-list.is-refreshing {
2997	opacity: 1;
2998	animation: dataviews-pulse 1s ease-in-out infinite;
2999	}
3000	}
3001	.dataviews-view-list__group-header {
3002	font-size: 15px;
3003	font-weight: 499;
3004	color: #1e1e1e;
3005	margin: 0 0 8px 0;
3006	padding: 0 24px;
3007	}
3008
3009	.dataviews-view-table {
3010	width: 100%;
3011	text-indent: 0;
3012	border-color: inherit;
3013	border-collapse: collapse;
3014	position: relative;
3015	color: #757575;
3016	margin-bottom: auto;
3017	background-color: inherit;
3018	}
3019
3020	.dataviews-view-table th {
3021	text-align: left;
3022	color: #1e1e1e;
3023	font-weight: normal;
3024	font-size: 13px;
3025	}
3026
3027	.dataviews-view-table td,
3028	.dataviews-view-table th {
3029	padding: 12px;
3030	}
3031
3032	.dataviews-view-table td.dataviews-view-table__actions-column,
3033	.dataviews-view-table th.dataviews-view-table__actions-column {
3034	text-align: right;
3035	}
3036
3037	.dataviews-view-table td.dataviews-view-table__actions-column--sticky,
3038	.dataviews-view-table th.dataviews-view-table__actions-column--sticky {
3039	position: sticky;
3040	right: 0;
3041	background-color: var(--wp-dataviews-color-background, #fff);
3042	}
3043
3044	.dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
3045	.dataviews-view-table th.dataviews-view-table__actions-column--stuck::after {
3046	display: block;
3047	content: "";
3048	position: absolute;
3049	top: 0;
3050	bottom: 0;
3051	left: 0;
3052	width: 1px;
3053	background-color: #f0f0f0;
3054	}
3055
3056	.dataviews-view-table td.dataviews-view-table__checkbox-column,
3057	.dataviews-view-table th.dataviews-view-table__checkbox-column {
3058	padding-right: 0;
3059	}
3060
3061	.dataviews-view-table td.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper,
3062	.dataviews-view-table th.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper {
3063	max-width: auto;
3064	min-width: auto;
3065	}
3066
3067	.dataviews-view-table tr {
3068	border-top: 1px solid #f0f0f0;
3069	background-color: inherit;
3070	}
3071
3072	.dataviews-view-table tr td:first-child,
3073	.dataviews-view-table tr th:first-child {
3074	padding-left: 24px;
3075	}
3076
3077	.dataviews-view-table tr td:last-child,
3078	.dataviews-view-table tr th:last-child {
3079	padding-right: 24px;
3080	}
3081
3082	.dataviews-view-table tr:last-child {
3083	border-bottom: 0;
3084	}
3085
3086	.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
3087	opacity: 0;
3088	}
3089
3090	@media (hover: none) {
3091	.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
3092	opacity: 1;
3093	}
3094	}
3095	.dataviews-view-table tr.is-selected {
3096	background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
3097	color: #757575;
3098	}
3099
3100	.dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
3101	border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
3102	}
3103
3104	.dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
3105	background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
3106	}
3107
3108	.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
3109	opacity: 1;
3110	}
3111
3112	.dataviews-view-table.has-bulk-actions tr:focus-within .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr:hover .dataviews-view-table__actions-column--sticky {
3113	background-color: var(--wp-dataviews-color-background, #fff);
3114	}
3115
3116	.dataviews-view-table.has-bulk-actions tr.is-selected .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr.is-selected:hover .dataviews-view-table__actions-column--sticky {
3117	background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
3118	}
3119
3120	.dataviews-view-table thead {
3121	position: sticky;
3122	inset-block-start: 0;
3123	z-index: 1;
3124	background-color: inherit;
3125	}
3126
3127	.dataviews-view-table thead tr {
3128	border: 0;
3129	}
3130
3131	.dataviews-view-table thead th {
3132	background-color: inherit;
3133	padding-top: 8px;
3134	padding-bottom: 8px;
3135	font-size: 11px;
3136	text-transform: uppercase;
3137	font-weight: 499;
3138	}
3139
3140	.dataviews-view-table thead th:has(.dataviews-view-table-header-button) {
3141	padding-left: 4px;
3142	padding-right: 4px;
3143	}
3144
3145	.dataviews-view-table thead th:has(.dataviews-view-table-header-button) .dataviews-view-table-header-button {
3146	gap: 4px;
3147	}
3148
3149	.dataviews-view-table thead th:has(.dataviews-view-table-header-button):first-child {
3150	padding-left: 16px;
3151	}
3152
3153	.dataviews-view-table thead th:has(.dataviews-view-table-header-button):last-child {
3154	padding-right: 16px;
3155	}
3156
3157	.dataviews-view-table tbody td {
3158	vertical-align: top;
3159	}
3160
3161	.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
3162	min-height: 32px;
3163	display: flex;
3164	align-items: center;
3165	white-space: nowrap;
3166	}
3167
3168	.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end {
3169	justify-content: flex-end;
3170	font-variant-numeric: tabular-nums;
3171	}
3172
3173	.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center {
3174	justify-content: center;
3175	}
3176
3177	.dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) {
3178	min-height: 0;
3179	}
3180
3181	.dataviews-view-table .dataviews-view-table-header-button {
3182	padding: 4px 8px;
3183	font-size: 11px;
3184	text-transform: uppercase;
3185	font-weight: 499;
3186	}
3187
3188	.dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
3189	color: #1e1e1e;
3190	}
3191
3192	.dataviews-view-table .dataviews-view-table-header-button span {
3193	speak: none;
3194	}
3195
3196	.dataviews-view-table .dataviews-view-table-header-button span:empty {
3197	display: none;
3198	}
3199
3200	.dataviews-view-table .dataviews-view-table-header {
3201	padding-left: 4px;
3202	}
3203
3204	.dataviews-view-table .dataviews-view-table__actions-column {
3205	width: auto;
3206	white-space: nowrap;
3207	}
3208
3209	.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) {
3210	padding-left: 0;
3211	}
3212
3213	.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:last-child) {
3214	padding-right: 0;
3215	}
3216
3217	.dataviews-view-table.has-compact-density td,
3218	.dataviews-view-table.has-compact-density th {
3219	padding: 4px 8px;
3220	}
3221
3222	.dataviews-view-table.has-comfortable-density td,
3223	.dataviews-view-table.has-comfortable-density th {
3224	padding: 16px 12px;
3225	}
3226
3227	.dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,
3228	.dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,
3229	.dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column {
3230	padding-right: 0;
3231	}
3232
3233	.dataviews-view-table-selection-checkbox {
3234	--checkbox-input-size: 24px;
3235	}
3236
3237	@media (min-width: 600px) {
3238	.dataviews-view-table-selection-checkbox {
3239	--checkbox-input-size: 16px;
3240	}
3241	}
3242	.dataviews-column-primary__media {
3243	max-width: 60px;
3244	min-width: 32px;
3245	min-height: 32px;
3246	overflow: hidden;
3247	position: relative;
3248	flex-shrink: 0;
3249	background-color: #fff;
3250	border-radius: 4px;
3251	}
3252
3253	.dataviews-column-primary__media img {
3254	width: 32px;
3255	height: 32px;
3256	object-fit: cover;
3257	}
3258
3259	.dataviews-column-primary__media::after {
3260	content: "";
3261	position: absolute;
3262	top: 0;
3263	left: 0;
3264	width: 100%;
3265	height: 100%;
3266	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
3267	border-radius: 4px;
3268	}
3269
3270	.dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),
3271	.dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) {
3272	min-width: 15ch;
3273	max-width: 80ch;
3274	}
3275
3276	.dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
3277	font-weight: 499;
3278	padding: 12px 24px;
3279	color: #1e1e1e;
3280	}
3281
3282	/* Column width intents via colgroup: make non-primary columns shrink-to-fit */
3283	.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-first-data):not(.dataviews-view-table__col-expand) {
3284	width: 1%;
3285	}
3286
3287	.dataviews-view-table.is-refreshing {
3288	opacity: 0.5;
3289	pointer-events: none;
3290	}
3291
3292	@media not (prefers-reduced-motion) {
3293	.dataviews-view-table.is-refreshing {
3294	opacity: 1;
3295	animation: dataviews-pulse 1s ease-in-out infinite;
3296	}
3297	}
3298	.dataviews-view-picker-grid .dataviews-view-picker-grid__card {
3299	height: 100%;
3300	justify-content: flex-start;
3301	position: relative;
3302	}
3303
3304	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions {
3305	padding: 8px 0 4px;
3306	}
3307
3308	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
3309	min-height: 24px;
3310	overflow: hidden;
3311	align-content: center;
3312	text-align: start;
3313	}
3314
3315	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
3316	width: fit-content;
3317	}
3318
3319	.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 {
3320	color: #1e1e1e;
3321	}
3322
3323	.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after,
3324	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
3325	background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
3326	}
3327
3328	.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
3329	box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
3330	}
3331
3332	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
3333	box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3334	}
3335
3336	.dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
3337	outline: none;
3338	}
3339
3340	.dataviews-view-picker-grid:focus-visible [data-active-item=true] {
3341	outline: 2px solid var(--wp-admin-theme-color);
3342	}
3343
3344	.dataviews-view-picker-grid .dataviews-selection-checkbox {
3345	top: 8px !important;
3346	}
3347
3348	.dataviews-view-picker-grid .dataviews-selection-checkbox input {
3349	pointer-events: none;
3350	}
3351
3352	.dataviews-view-picker-grid .dataviews-view-picker-grid__media {
3353	width: 100%;
3354	aspect-ratio: 1/1;
3355	min-height: 0;
3356	background-color: #fff;
3357	border-radius: 4px;
3358	position: relative;
3359	}
3360
3361	.dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
3362	object-fit: cover;
3363	width: 100%;
3364	height: 100%;
3365	}
3366
3367	.dataviews-view-picker-grid .dataviews-view-picker-grid__media::after {
3368	content: "";
3369	position: absolute;
3370	top: 0;
3371	left: 0;
3372	width: 100%;
3373	height: 100%;
3374	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
3375	border-radius: 4px;
3376	pointer-events: none;
3377	}
3378
3379	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
3380	position: relative;
3381	font-size: 12px;
3382	line-height: 16px;
3383	}
3384
3385	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) {
3386	padding: 0 0 12px;
3387	}
3388
3389	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
3390	min-height: 24px;
3391	line-height: 20px;
3392	padding-top: 2px;
3393	}
3394
3395	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
3396	min-height: 24px;
3397	align-items: center;
3398	}
3399
3400	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
3401	width: 35%;
3402	color: #757575;
3403	overflow: hidden;
3404	text-overflow: ellipsis;
3405	white-space: nowrap;
3406	}
3407
3408	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
3409	width: 65%;
3410	overflow: hidden;
3411	text-overflow: ellipsis;
3412	white-space: nowrap;
3413	}
3414
3415	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))) {
3416	display: none;
3417	}
3418
3419	.dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) {
3420	padding-bottom: 12px;
3421	}
3422
3423	.dataviews-view-picker-grid__field-value:empty,
3424	.dataviews-view-picker-grid__field:empty {
3425	display: none;
3426	}
3427
3428	.dataviews-view-picker-grid__card .dataviews-selection-checkbox {
3429	position: absolute;
3430	top: -9999em;
3431	left: 8px;
3432	z-index: 1;
3433	}
3434
3435	@media (hover: none) {
3436	.dataviews-view-picker-grid__card .dataviews-selection-checkbox {
3437	top: 8px;
3438	}
3439	}
3440	.dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox,
3441	.dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox,
3442	.dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox {
3443	top: 8px;
3444	}
3445
3446	.dataviews-view-picker-grid__media--clickable {
3447	cursor: pointer;
3448	}
3449
3450	.dataviews-view-picker-grid-group__header {
3451	font-size: 15px;
3452	font-weight: 499;
3453	color: #1e1e1e;
3454	margin: 0 0 8px 0;
3455	padding: 0 48px;
3456	}
3457
3458	.dataviews-view-picker-table {
3459	background-color: inherit;
3460	}
3461
3462	.dataviews-view-picker-table .dataviews-view-table__checkbox-column {
3463	width: 48px;
3464	}
3465
3466	.dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] {
3467	outline: none;
3468	}
3469
3470	.dataviews-view-picker-table tbody:focus-visible [data-active-item=true] {
3471	outline: 2px solid var(--wp-admin-theme-color);
3472	}
3473
3474	.dataviews-view-picker-table .dataviews-selection-checkbox .components-checkbox-control__input.components-checkbox-control__input {
3475	pointer-events: none;
3476	opacity: 1;
3477	}
3478
3479	.dataviews-view-picker-table .dataviews-view-table__row {
3480	cursor: pointer;
3481	}
3482
3483	.dataviews-view-picker-table .dataviews-view-table__row.is-selected {
3484	background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
3485	}
3486
3487	.dataviews-view-picker-table .dataviews-view-table__row.is-hovered {
3488	background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
3489	}
3490
3491	.dataviews-view-picker-table .dataviews-view-table__row.is-selected.is-hovered {
3492	background-color: rgba(var(--wp-admin-theme-color--rgb), 0.12);
3493	}
3494
3495	.dataviews-view-activity {
3496	margin: 0 0 auto;
3497	padding: 8px 24px;
3498	}
3499
3500	.dataviews-view-activity .dataviews-view-activity__group-header {
3501	font-size: 15px;
3502	font-weight: 499;
3503	color: #949494;
3504	margin: 0 0 8px 0;
3505	padding: 0;
3506	}
3507
3508	.dataviews-view-activity .dataviews-view-activity__item-actions {
3509	min-width: 24px;
3510	}
3511
3512	.dataviews-view-activity .dataviews-view-activity__item-content {
3513	flex-grow: 1;
3514	}
3515
3516	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title,
3517	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description,
3518	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3519	min-height: 16px;
3520	}
3521
3522	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title {
3523	position: relative;
3524	display: flex;
3525	align-items: center;
3526	flex: 1;
3527	overflow: hidden;
3528	}
3529
3530	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable {
3531	cursor: pointer;
3532	}
3533
3534	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
3535	outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
3536	outline-offset: var(--wp-admin-border-width-focus);
3537	border-radius: 2px;
3538	}
3539
3540	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions {
3541	display: flex;
3542	width: max-content;
3543	flex: 0 0 auto;
3544	}
3545
3546	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions .components-button {
3547	position: relative;
3548	z-index: 1;
3549	}
3550
3551	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3552	color: #757575;
3553	display: flex;
3554	gap: 12px;
3555	row-gap: 4px;
3556	flex-wrap: wrap;
3557	}
3558
3559	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields:empty {
3560	display: none;
3561	}
3562
3563	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields .dataviews-view-activity__item-field:has(.dataviews-view-activity__item-field-value:empty) {
3564	display: none;
3565	}
3566
3567	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields .dataviews-view-activity__item-field-value {
3568	display: flex;
3569	align-items: center;
3570	}
3571
3572	.dataviews-view-activity .dataviews-view-activity__item-type {
3573	align-self: stretch;
3574	flex-shrink: 0;
3575	}
3576
3577	.dataviews-view-activity .dataviews-view-activity__item-type::after {
3578	content: "";
3579	flex: 1 1 auto;
3580	width: 1px;
3581	margin: 0 auto;
3582	background-color: #ddd;
3583	}
3584
3585	.dataviews-view-activity .dataviews-view-activity__item-type::before {
3586	content: "";
3587	flex: 0 0 auto;
3588	width: 1px;
3589	margin: 0 auto;
3590	background-color: #ddd;
3591	}
3592
3593	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type {
3594	width: 8px;
3595	}
3596
3597	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
3598	height: 12px;
3599	}
3600
3601	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
3602	width: 11px;
3603	height: 11px;
3604	}
3605
3606	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content {
3607	margin: 12px 0;
3608	}
3609
3610	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type {
3611	width: 24px;
3612	}
3613
3614	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before {
3615	height: 12px;
3616	}
3617
3618	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
3619	width: 25px;
3620	height: 25px;
3621	}
3622
3623	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content {
3624	margin: 12px 0;
3625	padding-top: 8px;
3626	}
3627
3628	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type {
3629	width: 32px;
3630	}
3631
3632	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before {
3633	height: 8px;
3634	}
3635
3636	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
3637	width: 33px;
3638	height: 33px;
3639	}
3640
3641	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content {
3642	margin: 8px 0 16px;
3643	padding-top: 12px;
3644	}
3645
3646	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-bullet, .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-bullet {
3647	width: 9px;
3648	height: 9px;
3649	position: relative;
3650	top: 50%;
3651	transform: translateY(-50%);
3652	}
3653
3654	.dataviews-view-activity .dataviews-view-activity__item:first-child .dataviews-view-activity__item-type::before {
3655	visibility: hidden;
3656	}
3657
3658	.dataviews-view-activity .dataviews-view-activity__group:last-of-type > .dataviews-view-activity__item:last-of-type .dataviews-view-activity__item-type::after, .dataviews-view-activity > .dataviews-view-activity__item:last-child .dataviews-view-activity__item-type::after {
3659	background: linear-gradient(to bottom, #ddd 0%, rgba(221, 221, 221, 0.2) 60%, rgba(221, 221, 221, 0) 100%);
3660	}
3661
3662	.dataviews-view-activity .dataviews-view-activity__item-type-icon {
3663	overflow: hidden;
3664	flex-shrink: 0;
3665	background-color: #fff;
3666	}
3667
3668	.dataviews-view-activity .dataviews-view-activity__item-type-icon img,
3669	.dataviews-view-activity .dataviews-view-activity__item-type-icon svg,
3670	.dataviews-view-activity .dataviews-view-activity__item-type-icon .dataviews-view-activity__item-bullet {
3671	display: block;
3672	width: 100%;
3673	height: 100%;
3674	margin: 0 auto;
3675	object-fit: cover;
3676	border-radius: 50%;
3677	box-sizing: border-box;
3678	box-shadow: inset 0 0 0 1px #ddd;
3679	}
3680
3681	.dataviews-view-activity .dataviews-view-activity__item-type-icon svg {
3682	padding: 4px;
3683	}
3684
3685	.dataviews-view-activity .dataviews-view-activity__item-type-icon .dataviews-view-activity__item-bullet {
3686	content: "";
3687	background-color: #ddd;
3688	}
3689
3690	.dataviews-view-activity.is-refreshing {
3691	opacity: 0.5;
3692	pointer-events: none;
3693	}
3694
3695	@media not (prefers-reduced-motion) {
3696	.dataviews-view-activity.is-refreshing {
3697	opacity: 1;
3698	animation: dataviews-pulse 1s ease-in-out infinite;
3699	}
3700	}
3701	.dataviews-view-activity + .dataviews-pagination {
3702	justify-content: space-between;
3703	}
3704
3705	.dataviews-picker-footer__bulk-selection {
3706	align-self: flex-start;
3707	height: 32px;
3708	}
3709
3710	.dataviews-picker-footer__actions {
3711	align-self: flex-end;
3712	}
3713
3714	.dataviews-controls__datetime {
3715	border: none;
3716	padding: 0;
3717	}
3718
3719	.dataviews-controls__relative-date-number,
3720	.dataviews-controls__relative-date-unit {
3721	flex: 1 1 50%;
3722	}
3723
3724	.dataviews-controls__date input[type=date]::-webkit-inner-spin-button,
3725	.dataviews-controls__date input[type=date]::-webkit-calendar-picker-indicator {
3726	display: none;
3727	-webkit-appearance: none;
3728	}
3729
3730	.dataviews-controls__date-range-inputs > * {
3731	min-width: 0;
3732	}
3733
3734	.dataviews-controls__color-picker-dropdown {
3735	display: flex;
3736	}
3737
3738	.dataviews-controls__date-preset {
3739	border: 1px solid #ddd;
3740	}
3741
3742	.dataviews-controls__date-preset:active {
3743	background-color: #000;
3744	}
3745
3746	.dataforms-layouts-panel__field-trigger {
3747	position: relative;
3748	color: inherit;
3749	display: flex;
3750	width: 100%;
3751	min-height: 24px;
3752	cursor: pointer;
3753	align-items: flex-start;
3754	border-radius: 2px;
3755	isolation: isolate;
3756	}
3757
3758	.dataforms-layouts-panel__field-trigger--label-side {
3759	flex-direction: row;
3760	gap: var(--wpds-dimension-gap-md, 12px);
3761	}
3762
3763	.dataforms-layouts-panel__field-trigger--label-top {
3764	display: grid;
3765	grid-template-columns: 1fr auto;
3766	}
3767
3768	.dataforms-layouts-panel__field-trigger--label-none {
3769	align-items: center;
3770	}
3771
3772	.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
3773	color: var(--wp-admin-theme-color);
3774	}
3775
3776	.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
3777	opacity: 1;
3778	}
3779
3780	.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label {
3781	color: var(--wp-admin-theme-color);
3782	}
3783
3784	.dataforms-layouts-panel__field-trigger.is-disabled {
3785	cursor: default;
3786	}
3787
3788	.dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
3789	color: #757575;
3790	font-weight: var(--wpds-font-weight-regular, 400);
3791	}
3792
3793	.dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon {
3794	opacity: 1;
3795	fill: currentColor;
3796	}
3797
3798	.dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:hover, .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:focus-visible {
3799	fill: var(--wp-admin-theme-color);
3800	}
3801
3802	.dataforms-layouts-panel__field-trigger-icon {
3803	padding: 0;
3804	color: var(--wp-admin-theme-color);
3805	flex: 0 0 auto;
3806	opacity: 0;
3807	border-radius: var(--wpds-border-radius-xs, 1px);
3808	}
3809
3810	.dataforms-layouts-panel__field-trigger-icon:focus-visible {
3811	opacity: 1;
3812	outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wp-admin-theme-color);
3813	}
3814
3815	.dataforms-layouts-panel__field-dropdown-anchor {
3816	width: 100%;
3817	}
3818
3819	.dataforms-layouts-panel__field-dropdown-anchor .components-dropdown {
3820	width: 100%;
3821	}
3822
3823	.dataforms-layouts-panel__field-label {
3824	width: 38%;
3825	flex-shrink: 0;
3826	min-height: 24px;
3827	display: flex;
3828	align-items: center;
3829	line-height: 20px;
3830	hyphens: auto;
3831	color: #757575;
3832	text-transform: capitalize;
3833	}
3834
3835	.dataforms-layouts-panel__field-label .components-base-control__label {
3836	display: inline;
3837	margin-bottom: 0;
3838	line-height: inherit;
3839	}
3840
3841	.dataforms-layouts-panel__field-label.has-error {
3842	color: #cc1818;
3843	}
3844
3845	.dataforms-layouts-panel__field-label-error-content {
3846	position: relative;
3847	z-index: 1;
3848	cursor: help;
3849	fill: #cc1818;
3850	display: inline-flex;
3851	flex-direction: row;
3852	align-items: center;
3853	gap: 4px;
3854	}
3855
3856	.dataforms-layouts-panel__field-label-error-content svg {
3857	fill: currentColor;
3858	}
3859
3860	.dataforms-layouts-panel__field-control {
3861	flex-grow: 1;
3862	min-width: 0;
3863	min-height: 24px;
3864	line-height: var(--wpds-font-line-height-md, 24px);
3865	display: flex;
3866	align-items: center;
3867	overflow: hidden;
3868	word-break: break-word;
3869	font-weight: var(--wpds-font-weight-medium, 499);
3870	}
3871
3872	.dataforms-layouts-panel__field-control > * {
3873	min-width: 0;
3874	}
3875
3876	.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label {
3877	width: 100%;
3878	}
3879
3880	.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-control {
3881	grid-column: 1/-1;
3882	}
3883
3884	.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-trigger-icon {
3885	grid-row: 1;
3886	grid-column: 2;
3887	}
3888
3889	.dataforms-layouts-panel__field-dropdown .components-popover__content {
3890	min-width: 320px;
3891	padding: 16px;
3892	}
3893
3894	.dataforms-layouts-panel__dropdown-header {
3895	margin-bottom: 16px;
3896	}
3897
3898	.dataforms-layouts-panel__modal-footer {
3899	margin-top: 16px;
3900	}
3901
3902	.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
3903	z-index: 159990;
3904	}
3905
3906	.dataforms-layouts-regular__field {
3907	width: 100%;
3908	min-height: 32px;
3909	justify-content: flex-start !important;
3910	align-items: flex-start !important;
3911	}
3912
3913	.dataforms-layouts-regular__field .components-base-control__label,
3914	.dataforms-layouts-regular__field .components-input-control__label,
3915	.dataforms-layouts-regular__field .components-form-token-field__label {
3916	color: #1e1e1e;
3917	}
3918
3919	.dataforms-layouts-regular__field-label {
3920	width: 38%;
3921	flex-shrink: 0;
3922	min-height: 32px;
3923	display: flex;
3924	align-items: center;
3925	line-height: 20px;
3926	hyphens: auto;
3927	}
3928
3929	.dataforms-layouts-regular__field-label--label-position-side {
3930	align-self: center;
3931	}
3932
3933	.dataforms-layouts-regular__field-label .components-base-control__label {
3934	margin-bottom: 0;
3935	}
3936
3937	.dataforms-layouts-regular__field-control {
3938	flex-grow: 1;
3939	min-height: 32px;
3940	display: flex;
3941	align-items: center;
3942	}
3943
3944	.dataforms-layouts-card__field-header-label {
3945	font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3946	font-weight: 499;
3947	font-size: 15px;
3948	line-height: 20px;
3949	}
3950
3951	.dataforms-layouts-card__field {
3952	width: 100%;
3953	}
3954
3955	.dataforms-layouts-card__field-description {
3956	color: #757575;
3957	display: block;
3958	font-size: 13px;
3959	margin-bottom: 16px;
3960	}
3961
3962	.dataforms-layouts-card__field-summary {
3963	display: flex;
3964	flex-direction: row;
3965	gap: 16px;
3966	align-items: center;
3967	}
3968
3969	.dataforms-layouts-details__summary-content {
3970	display: inline-flex;
3971	min-height: 24px;
3972	}
3973
3974	.dataforms-layouts-details__content {
3975	padding-top: 12px;
3976	}
3977
3978	.dataforms-layouts-row__field-control {
3979	width: 100%;
3980	}
3981
3982	.dataforms-layouts__wrapper {
3983	font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3984	font-weight: 400;
3985	font-size: 13px;
3986	line-height: 20px;
3987	}
3988
3989	/**
3990	* Colors
3991	*/
3992	/**
3993	* SCSS Variables.
3994	*
3995	* Please use variables from this sheet to ensure consistency across the UI.
3996	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
3997	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
3998	*/
3999	/**
4000	* Fonts & basic variables.
4001	*/
4002	/**
4003	* Typography
4004	*/
4005	/**
4006	* Grid System.
4007	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
4008	*/
4009	/**
4010	* Radius scale.
4011	*/
4012	/**
4013	* Elevation scale.
4014	*/
4015	/**
4016	* Dimensions.
4017	*/
4018	/**
4019	* Mobile specific styles
4020	*/
4021	/**
4022	* Editor styles.
4023	*/
4024	/**
4025	* Block & Editor UI.
4026	*/
4027	/**
4028	* Block paddings.
4029	*/
4030	/**
4031	* React Native specific.
4032	* These variables do not appear to be used anywhere else.
4033	*/
4034	.media-editor-preview {
4035	box-sizing: border-box;
4036	display: flex;
4037	justify-content: center;
4038	align-items: center;
4039	min-height: 100%;
4040	padding: 32px;
4041	position: relative;
4042	}
4043
4044	.media-editor-preview__spinner {
4045	position: absolute;
4046	top: 50%;
4047	left: 50%;
4048	transform: translate(-50%, -50%);
4049	}
4050
4051	.media-editor-preview--loading {
4052	width: 100%;
4053	height: 100%;
4054	}
4055
4056	.media-editor-preview--image img {
4057	max-width: 100%;
4058	max-height: 100%;
4059	object-fit: contain;
4060	width: auto;
4061	height: auto;
4062	opacity: 0;
4063	}
4064
4065	@keyframes __wp-base-styles-fade-in {
4066	from {
4067	opacity: 0;
4068	}
4069	to {
4070	opacity: 1;
4071	}
4072	}
4073	@media not (prefers-reduced-motion) {
4074	.media-editor-preview--image img.loaded {
4075	animation: __wp-base-styles-fade-in 0.08s linear 0s;
4076	animation-fill-mode: forwards;
4077	}
4078	}
4079	.media-editor-preview--video video {
4080	max-width: 100%;
4081	max-height: 100%;
4082	object-fit: contain;
4083	width: auto;
4084	height: auto;
4085	}
4086
4087	.media-editor-preview--audio audio {
4088	max-width: 100%;
4089	}
4090
4091	.media-editor-preview--file {
4092	text-align: center;
4093	}
4094
4095	.media-editor-preview__file-info {
4096	background: #f0f0f0;
4097	padding: 24px;
4098	border-radius: 2px;
4099	}
4100
4101	.media-editor-preview__file-name {
4102	font-weight: 600;
4103	margin-bottom: 8px;
4104	}
4105
4106	.media-editor-preview__mime-type {
4107	color: #757575;
4108	font-size: 0.9em;
4109	margin-bottom: 16px;
4110	}
4111
4112	.media-editor-preview__download-link {
4113	display: inline-block;
4114	margin-top: 8px;
4115	}
4116
4117	.media-editor-preview--error, .media-editor-preview--empty {
4118	color: #757575;
4119	text-align: center;
4120	}
4121
4122	.media-editor-preview__url {
4123	font-size: 0.9em;
4124	color: #949494;
4125	word-break: break-all;
4126	margin-top: 8px;
4127	}
4128
4129	.editor-autocompleters__user .editor-autocompleters__no-avatar::before {
4130	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
4131	font: normal 20px/1 dashicons;
4132	content: "\f110";
4133	margin-right: 5px;
4134	vertical-align: middle;
4135	}
4136	.editor-autocompleters__user .editor-autocompleters__user-avatar {
4137	margin-right: 8px;
4138	flex-grow: 0;
4139	flex-shrink: 0;
4140	max-width: none;
4141	width: 24px;
4142	height: 24px;
4143	}
4144	.editor-autocompleters__user .editor-autocompleters__user-name {
4145	white-space: nowrap;
4146	text-overflow: ellipsis;
4147	overflow: hidden;
4148	max-width: 200px;
4149	flex-shrink: 0;
4150	flex-grow: 1;
4151	}
4152	.editor-autocompleters__user .editor-autocompleters__user-slug {
4153	margin-left: 8px;
4154	white-space: nowrap;
4155	text-overflow: ellipsis;
4156	overflow: none;
4157	max-width: 100px;
4158	flex-grow: 0;
4159	flex-shrink: 0;
4160	}
4161	.editor-autocompleters__user:not(.is-primary) .editor-autocompleters__user-slug {
4162	color: #757575;
4163	}
4164
4165	.interface-interface-skeleton__sidebar:has(.editor-collab-sidebar) {
4166	box-shadow: none;
4167	}
4168	.interface-interface-skeleton__sidebar:has(.editor-collab-sidebar) .interface-complementary-area-header {
4169	display: none;
4170	}
4171
4172	.editor-collab-sidebar {
4173	height: 100%;
4174	overflow: hidden;
4175	}
4176
4177	.editor-collab-sidebar-panel {
4178	padding: 16px 16px 24px;
4179	height: 100%;
4180	overflow: hidden;
4181	}
4182
4183	.editor-collab-sidebar-panel__thread {
4184	position: relative;
4185	padding: 16px;
4186	border-radius: 8px;
4187	border: 1px solid #ddd;
4188	background-color: #f0f0f0;
4189	overflow: hidden;
4190	width: auto;
4191	}
4192	.editor-collab-sidebar-panel__thread.is-selected {
4193	background-color: #fff;
4194	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02);
4195	z-index: 1;
4196	}
4197	.editor-collab-sidebar-panel__thread:focus {
4198	outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
4199	outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
4200	}
4201	.editor-collab-sidebar-panel__thread.is-floating {
4202	left: 16px;
4203	right: 16px;
4204	position: absolute;
4205	margin-top: 16px;
4206	}
4207
4208	.editor-collab-sidebar-panel__user-name {
4209	font-size: 12px;
4210	font-weight: 400;
4211	line-height: 16px;
4212	text-align: left;
4213	color: #757575;
4214	text-transform: capitalize;
4215	}
4216
4217	.editor-collab-sidebar-panel__user-time {
4218	font-size: 12px;
4219	font-weight: 400;
4220	line-height: 16px;
4221	text-align: left;
4222	color: #757575;
4223	}
4224
4225	.editor-collab-sidebar-panel__user-comment p:last-child {
4226	margin-bottom: 0;
4227	}
4228
4229	.editor-collab-sidebar-panel__user-avatar {
4230	border-radius: 50%;
4231	flex-shrink: 0;
4232	border-width: var(--wp-admin-border-width-focus);
4233	border-style: solid;
4234	padding: var(--wp-admin-border-width-focus);
4235	background: #fff;
4236	}
4237
4238	.editor-collab-sidebar-panel__comment-status {
4239	margin-left: auto;
4240	}
4241	.editor-collab-sidebar-panel__comment-status button.has-icon:not(.has-text) {
4242	min-width: 24px;
4243	padding: 0;
4244	width: 24px;
4245	height: 24px;
4246	flex-shrink: 0;
4247	}
4248
4249	.editor-collab-sidebar-panel__comment-dropdown-menu {
4250	flex-shrink: 0;
4251	}
4252
4253	.editor-collab-sidebar-panel__more-reply-separator::before, .editor-collab-sidebar-panel__more-reply-separator::after {
4254	content: "";
4255	display: block;
4256	width: 100%;
4257	height: 1px;
4258	background-color: #ddd;
4259	flex: 1;
4260	}
4261
4262	.editor-collab-sidebar-panel__more-reply-button {
4263	font-weight: 499;
4264	}
4265
4266	.editor-collab-sidebar-panel__resolution-text {
4267	font-style: italic;
4268	}
4269
4270	.editor-collab-sidebar-panel__comment-form textarea {
4271	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4272	padding: 6px 8px;
4273	/* Fonts smaller than 16px causes mobile safari to zoom. */
4274	font-size: 16px;
4275	/* Override core line-height. To be reviewed. */
4276	line-height: normal;
4277	box-shadow: 0 0 0 transparent;
4278	border-radius: 2px;
4279	border: 1px solid #949494;
4280	}
4281	@media not (prefers-reduced-motion) {
4282	.editor-collab-sidebar-panel__comment-form textarea {
4283	transition: box-shadow 0.1s linear;
4284	}
4285	}
4286	@media (min-width: 600px) {
4287	.editor-collab-sidebar-panel__comment-form textarea {
4288	font-size: 13px;
4289	/* Override core line-height. To be reviewed. */
4290	line-height: normal;
4291	}
4292	}
4293	.editor-collab-sidebar-panel__comment-form textarea:focus {
4294	border-color: var(--wp-admin-theme-color);
4295	box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
4296	outline: 2px solid transparent;
4297	}
4298	.editor-collab-sidebar-panel__comment-form textarea::placeholder {
4299	color: rgba(30, 30, 30, 0.62);
4300	}
4301	.editor-collab-sidebar-panel__comment-form textarea {
4302	padding: 9px 11px;
4303	line-height: 20px !important;
4304	display: block;
4305	}
4306
4307	.editor-collab-sidebar-panel__skip-to-comment,
4308	.editor-collab-sidebar-panel__skip-to-block {
4309	position: absolute;
4310	top: -9999px;
4311	right: -9999px;
4312	overflow: hidden;
4313	clip-path: inset(50%);
4314	background: #fff !important;
4315	z-index: -1;
4316	}
4317	.editor-collab-sidebar-panel__skip-to-comment:focus,
4318	.editor-collab-sidebar-panel__skip-to-block:focus {
4319	overflow: visible;
4320	clip-path: none;
4321	z-index: 1;
4322	right: 8px;
4323	}
4324
4325	.editor-collab-sidebar-panel__skip-to-comment:focus {
4326	top: 8px;
4327	}
4328
4329	.editor-collab-sidebar-panel__skip-to-block:focus {
4330	top: auto;
4331	bottom: 8px;
4332	}
4333
4334	.comment-avatar {
4335	width: 24px;
4336	border-radius: 50%;
4337	margin-left: -12px;
4338	border-width: var(--wp-admin-border-width-focus);
4339	border-style: solid;
4340	padding: var(--wp-admin-border-width-focus);
4341	background: #fff;
4342	box-sizing: border-box;
4343	}
4344	.comment-avatar:first-child {
4345	margin-left: 0;
4346	}
4347
4348	.show-icon-labels .comment-avatar-indicator {
4349	width: auto;
4350	}
4351	.show-icon-labels .comment-avatar-indicator div {
4352	display: none;
4353	}
4354	.show-icon-labels .comment-avatar-indicator::after {
4355	content: attr(aria-label);
4356	font-size: 12px;
4357	}
4358
4359	.editor-collapsible-block-toolbar {
4360	overflow: hidden;
4361	display: flex;
4362	align-items: center;
4363	height: 64px;
4364	}
4365	.editor-collapsible-block-toolbar .block-editor-block-contextual-toolbar {
4366	border-bottom: 0;
4367	height: 100%;
4368	background: transparent;
4369	}
4370	.editor-collapsible-block-toolbar .block-editor-block-toolbar {
4371	height: 100%;
4372	padding-top: 17px;
4373	}
4374	.editor-collapsible-block-toolbar .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button) {
4375	height: 32px;
4376	}
4377	.editor-collapsible-block-toolbar::after {
4378	content: "";
4379	width: 1px;
4380	height: 24px;
4381	background-color: #ddd;
4382	margin-right: 7px;
4383	}
4384	.editor-collapsible-block-toolbar .components-toolbar-group,
4385	.editor-collapsible-block-toolbar .components-toolbar {
4386	border-right: none;
4387	position: relative;
4388	}
4389	.editor-collapsible-block-toolbar .components-toolbar-group::after,
4390	.editor-collapsible-block-toolbar .components-toolbar::after {
4391	content: "";
4392	width: 1px;
4393	height: 24px;
4394	background-color: #ddd;
4395	top: 4px;
4396	position: absolute;
4397	right: -1px;
4398	}
4399	.editor-collapsible-block-toolbar .components-toolbar-group .components-toolbar-group.components-toolbar-group::after,
4400	.editor-collapsible-block-toolbar .components-toolbar .components-toolbar-group.components-toolbar-group::after {
4401	display: none;
4402	}
4403	.editor-collapsible-block-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button {
4404	height: 32px;
4405	overflow: visible;
4406	}
4407	@media (min-width: 600px) {
4408	.editor-collapsible-block-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container {
4409	height: 40px;
4410	position: relative;
4411	top: -4px;
4412	}
4413	}
4414	.editor-collapsible-block-toolbar.is-collapsed {
4415	display: none;
4416	}
4417
4418	.editor-block-visibility__disabled-blocks-count {
4419	border: 1px solid #ddd;
4420	border-width: 1px 0;
4421	box-shadow: -32px 0 0 0 #fff, 32px 0 0 0 #fff;
4422	padding: 8px;
4423	background-color: #fff;
4424	text-align: center;
4425	position: sticky;
4426	top: -5px;
4427	z-index: 2;
4428	}
4429	.editor-block-visibility__disabled-blocks-count ~ .block-editor-block-manager__content .block-editor-block-manager__category-title {
4430	top: 31px;
4431	}
4432	.editor-block-visibility__disabled-blocks-count .is-link {
4433	margin-left: 12px;
4434	}
4435
4436	.editor-blog-title-dropdown__content .components-popover__content {
4437	min-width: 320px;
4438	padding: 16px;
4439	}
4440
4441	.editor-document-bar {
4442	display: flex;
4443	align-items: center;
4444	height: 32px;
4445	justify-content: space-between;
4446	min-width: 0;
4447	background: #f0f0f0;
4448	border-radius: 4px;
4449	width: min(100%, 450px);
4450	}
4451	.editor-document-bar:hover {
4452	background-color: #e0e0e0;
4453	}
4454	.editor-document-bar .components-button {
4455	border-radius: 4px;
4456	}
4457	@media not (prefers-reduced-motion) {
4458	.editor-document-bar .components-button {
4459	transition: all 0.1s ease-out;
4460	}
4461	}
4462	.editor-document-bar .components-button:hover {
4463	background: #e0e0e0;
4464	}
4465	@media screen and (min-width: 782px) and (max-width: 960px) {
4466	.editor-document-bar.has-back-button .editor-document-bar__post-type-label {
4467	display: none;
4468	}
4469	}
4470
4471	.editor-document-bar__command {
4472	flex-grow: 1;
4473	color: var(--wp-block-synced-color);
4474	overflow: hidden;
4475	}
4476
4477	.editor-document-bar__title {
4478	overflow: hidden;
4479	color: #1e1e1e;
4480	margin: 0 auto;
4481	max-width: 70%;
4482	}
4483	@media (min-width: 782px) {
4484	.editor-document-bar__title {
4485	padding-left: 24px;
4486	}
4487	}
4488	.editor-document-bar__title h1 {
4489	display: flex;
4490	align-items: center;
4491	justify-content: center;
4492	font-weight: 400;
4493	white-space: nowrap;
4494	overflow: hidden;
4495	}
4496
4497	.editor-document-bar__post-title {
4498	color: currentColor;
4499	flex: 1;
4500	overflow: hidden;
4501	text-overflow: ellipsis;
4502	}
4503
4504	.editor-document-bar__post-type-label {
4505	flex: 0;
4506	color: #2f2f2f;
4507	padding-left: 4px;
4508	}
4509	@media screen and (max-width: 600px) {
4510	.editor-document-bar__post-type-label {
4511	display: none;
4512	}
4513	}
4514
4515	.editor-document-bar__shortcut {
4516	color: #2f2f2f;
4517	min-width: 24px;
4518	display: none;
4519	}
4520	@media (min-width: 782px) {
4521	.editor-document-bar__shortcut {
4522	display: initial;
4523	}
4524	}
4525
4526	.editor-document-bar__back.components-button.has-icon.has-text {
4527	min-width: 36px;
4528	flex-shrink: 0;
4529	color: #757575;
4530	gap: 0;
4531	z-index: 1;
4532	position: absolute;
4533	}
4534	.editor-document-bar__back.components-button.has-icon.has-text:hover {
4535	color: #1e1e1e;
4536	background-color: transparent;
4537	}
4538
4539	.editor-document-bar__icon-layout.editor-document-bar__icon-layout {
4540	position: absolute;
4541	margin-left: 12px;
4542	display: none;
4543	pointer-events: none;
4544	}
4545	.editor-document-bar__icon-layout.editor-document-bar__icon-layout svg {
4546	fill: #949494;
4547	}
4548	@media (min-width: 600px) {
4549	.editor-document-bar__icon-layout.editor-document-bar__icon-layout {
4550	display: flex;
4551	}
4552	}
4553
4554	.document-outline ul {
4555	margin: 0;
4556	padding: 0;
4557	}
4558
4559	.document-outline__item {
4560	display: flex;
4561	margin: 4px 0;
4562	}
4563	.document-outline__item a {
4564	text-decoration: none;
4565	}
4566	.document-outline__item .document-outline__emdash::before {
4567	color: #ddd;
4568	margin-right: 4px;
4569	}
4570	.document-outline__item.is-h2 .document-outline__emdash::before {
4571	content: "—";
4572	}
4573	.document-outline__item.is-h3 .document-outline__emdash::before {
4574	content: "——";
4575	}
4576	.document-outline__item.is-h4 .document-outline__emdash::before {
4577	content: "———";
4578	}
4579	.document-outline__item.is-h5 .document-outline__emdash::before {
4580	content: "————";
4581	}
4582	.document-outline__item.is-h6 .document-outline__emdash::before {
4583	content: "—————";
4584	}
4585
4586	.document-outline__button {
4587	cursor: pointer;
4588	background: none;
4589	border: none;
4590	display: flex;
4591	align-items: flex-start;
4592	margin: 0 0 0 -1px;
4593	padding: 2px 5px 2px 1px;
4594	color: #1e1e1e;
4595	text-align: left;
4596	border-radius: 2px;
4597	}
4598	.document-outline__button[aria-disabled=true], .document-outline__button:disabled {
4599	cursor: default;
4600	color: #757575;
4601	}
4602	.document-outline__button:focus {
4603	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
4604	outline: 2px solid transparent;
4605	}
4606
4607	.document-outline__level {
4608	background: #ddd;
4609	color: #1e1e1e;
4610	border-radius: 3px;
4611	font-size: 13px;
4612	padding: 1px 6px;
4613	margin-right: 4px;
4614	}
4615	.is-invalid .document-outline__level {
4616	background: #f0b849;
4617	}
4618
4619	.document-outline__item-content {
4620	padding: 1px 0;
4621	}
4622
4623	.editor-document-outline.has-no-headings > svg {
4624	margin-top: 28px;
4625	}
4626	.editor-document-outline.has-no-headings > p {
4627	padding-left: 32px;
4628	padding-right: 32px;
4629	}
4630	.editor-document-outline.has-no-headings {
4631	text-align: center;
4632	color: #757575;
4633	}
4634
4635	.editor-document-tools {
4636	display: inline-flex;
4637	align-items: center;
4638	}
4639	.editor-document-tools .editor-document-tools__left > .editor-history__redo,
4640	.editor-document-tools .editor-document-tools__left > .editor-history__undo {
4641	display: none;
4642	}
4643	@media (min-width: 782px) {
4644	.editor-document-tools .editor-document-tools__left > .editor-history__redo,
4645	.editor-document-tools .editor-document-tools__left > .editor-history__undo {
4646	display: inline-flex;
4647	}
4648	}
4649	.editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle {
4650	display: inline-flex;
4651	}
4652	@media not (prefers-reduced-motion) {
4653	.editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle svg {
4654	transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
4655	}
4656	}
4657	.editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle.is-pressed svg {
4658	transform: rotate(45deg);
4659	}
4660	.editor-document-tools .block-editor-list-view {
4661	display: none;
4662	}
4663	@media (min-width: 600px) {
4664	.editor-document-tools .block-editor-list-view {
4665	display: flex;
4666	}
4667	}
4668	.editor-document-tools .editor-document-tools__left > .components-button.has-icon,
4669	.editor-document-tools .editor-document-tools__left > .components-dropdown > .components-button.has-icon {
4670	height: 32px;
4671	min-width: 32px;
4672	padding: 4px;
4673	}
4674	.editor-document-tools .editor-document-tools__left > .components-button.has-icon.is-pressed,
4675	.editor-document-tools .editor-document-tools__left > .components-dropdown > .components-button.has-icon.is-pressed {
4676	background: #1e1e1e;
4677	}
4678	.editor-document-tools .editor-document-tools__left > .components-button.has-icon:focus:not(:disabled),
4679	.editor-document-tools .editor-document-tools__left > .components-dropdown > .components-button.has-icon:focus:not(:disabled) {
4680	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
4681	outline: 1px solid transparent;
4682	}
4683	.editor-document-tools .editor-document-tools__left > .components-button.has-icon::before,
4684	.editor-document-tools .editor-document-tools__left > .components-dropdown > .components-button.has-icon::before {
4685	display: none;
4686	}
4687
4688	.editor-document-tools__left {
4689	display: inline-flex;
4690	align-items: center;
4691	gap: 8px;
4692	}
4693	.editor-document-tools__left:not(:last-child) {
4694	margin-inline-end: 8px;
4695	}
4696
4697	.show-icon-labels .editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle.has-icon {
4698	width: auto;
4699	padding: 0 8px;
4700	}
4701
4702	.show-icon-labels .editor-document-tools__left > * + * {
4703	margin-left: 8px;
4704	}
4705
4706	.editor-editor-interface .entities-saved-states__panel-header {
4707	height: 65px;
4708	}
4709
4710	.editor-editor-interface .interface-interface-skeleton__content {
4711	isolation: isolate;
4712	}
4713
4714	.editor-visual-editor {
4715	flex: 1 0 auto;
4716	}
4717
4718	.editor-notices__dismissible,
4719	.editor-notices__pinned {
4720	position: relative;
4721	left: 0;
4722	top: 0;
4723	right: 0;
4724	}
4725
4726	.entities-saved-states__panel-header {
4727	box-sizing: border-box;
4728	background: #fff;
4729	padding-left: 16px;
4730	padding-right: 16px;
4731	height: 64px;
4732	border-bottom: 1px solid #ddd;
4733	}
4734
4735	.entities-saved-states__text-prompt {
4736	padding: 16px;
4737	padding-bottom: 4px;
4738	}
4739	.entities-saved-states__text-prompt .entities-saved-states__text-prompt--header {
4740	display: block;
4741	margin-bottom: 12px;
4742	}
4743
4744	.entities-saved-states__panel.is-inline .entities-saved-states__text-prompt {
4745	padding: 0;
4746	}
4747	.entities-saved-states__panel.is-inline .entities-saved-states__panel-body {
4748	padding-left: 0;
4749	padding-right: 0;
4750	border: 0;
4751	}
4752	.entities-saved-states__panel.is-inline .entities-saved-states__panel-body > h2 {
4753	margin-left: -16px;
4754	margin-right: -16px;
4755	margin-bottom: 0;
4756	}
4757	.entities-saved-states__panel.is-inline .entities-saved-states__panel-body > h2 button {
4758	font-size: 11px;
4759	text-transform: uppercase;
4760	}
4761	.entities-saved-states__panel.is-inline .entities-saved-states__text-prompt--header-wrapper {
4762	display: none;
4763	}
4764	.entities-saved-states__panel.is-inline .entities-saved-states__text-prompt--changes-count {
4765	margin-top: 0;
4766	margin-bottom: 8px;
4767	}
4768	.entities-saved-states__panel.is-inline .entities-saved-states__panel-footer {
4769	margin-top: 16px;
4770	}
4771
4772	.entities-saved-states__change-control {
4773	flex: 1;
4774	}
4775
4776	.entities-saved-states__changes {
4777	font-size: 13px;
4778	margin: 4px 16px 0 24px;
4779	list-style: disc;
4780	}
4781	.entities-saved-states__changes li {
4782	margin-bottom: 4px;
4783	}
4784
4785	.editor-error-boundary {
4786	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4787	margin: auto;
4788	max-width: 780px;
4789	padding: 1em;
4790	margin-top: 64px;
4791	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02);
4792	border: 1px solid #1e1e1e;
4793	border-radius: 2px;
4794	background-color: #fff;
4795	}
4796
4797	.editor-global-styles-header__description {
4798	padding: 0 16px;
4799	}
4800
4801	.editor-global-styles-header {
4802	margin-bottom: 0 !important;
4803	}
4804
4805	.editor-global-styles-sidebar {
4806	display: flex;
4807	flex-direction: column;
4808	min-height: 100%;
4809	}
4810	.editor-global-styles-sidebar__panel {
4811	flex: 1;
4812	}
4813
4814	.editor-global-styles-sidebar .editor-global-styles-sidebar__header-title {
4815	margin: 0;
4816	}
4817
4818	.editor-global-styles-sidebar .editor-global-styles-sidebar__header-actions {
4819	flex: 1;
4820	}
4821
4822	.editor-global-styles-sidebar .components-navigation__menu-title-heading {
4823	font-size: 15.6px;
4824	font-weight: 499;
4825	}
4826
4827	.editor-global-styles-sidebar .components-navigation__item > button span {
4828	font-weight: 499;
4829	}
4830
4831	.editor-global-styles-sidebar .block-editor-panel-color-gradient-settings {
4832	border: 0;
4833	}
4834
4835	.editor-global-styles-sidebar .single-column {
4836	grid-column: span 1;
4837	}
4838
4839	.editor-global-styles-sidebar .components-tools-panel .span-columns {
4840	grid-column: 1/-1;
4841	}
4842
4843	.editor-global-styles-sidebar__blocks-group {
4844	padding-top: 24px;
4845	border-top: 1px solid #e0e0e0;
4846	}
4847
4848	.editor-global-styles-sidebar__blocks-group-help {
4849	padding: 0 16px;
4850	}
4851
4852	.global-styles-ui-color-palette-panel,
4853	.global-styles-ui-gradient-palette-panel {
4854	padding: 16px;
4855	}
4856
4857	.editor-global-styles-sidebar hr {
4858	margin: 0;
4859	}
4860
4861	.show-icon-labels .editor-global-styles-sidebar__header .components-button.has-icon {
4862	width: auto;
4863	}
4864	.show-icon-labels .editor-global-styles-sidebar__header .components-button.has-icon svg {
4865	display: none;
4866	}
4867	.show-icon-labels .editor-global-styles-sidebar__header .components-button.has-icon::after {
4868	content: attr(aria-label);
4869	font-size: 12px;
4870	}
4871
4872	.editor-welcome-guide {
4873	width: 312px;
4874	}
4875	.editor-welcome-guide.guide-styles .editor-welcome-guide__image {
4876	background: #00a0d2;
4877	}
4878	.editor-welcome-guide__image {
4879	margin: 0 0 16px;
4880	}
4881	.editor-welcome-guide__image > img {
4882	display: block;
4883	max-width: 100%;
4884	object-fit: cover;
4885	}
4886	.editor-welcome-guide__heading {
4887	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4888	font-size: 24px;
4889	line-height: 1.4;
4890	margin: 16px 0 16px 0;
4891	padding: 0 32px;
4892	}
4893	.editor-welcome-guide__text {
4894	font-size: 13px;
4895	line-height: 1.4;
4896	margin: 0 0 16px 0;
4897	padding: 0 32px;
4898	}
4899	.editor-welcome-guide__text img {
4900	vertical-align: bottom;
4901	}
4902	.editor-welcome-guide .components-button:hover svg {
4903	fill: #fff;
4904	}
4905
4906	.editor-header {
4907	box-sizing: border-box;
4908	}
4909	.editor-header *,
4910	.editor-header *::before,
4911	.editor-header *::after {
4912	box-sizing: inherit;
4913	}
4914	.editor-header {
4915	height: 64px;
4916	background: #fff;
4917	display: grid;
4918	grid-auto-flow: row;
4919	grid-template: auto/64px minmax(0, max-content) minmax(min-content, 1fr) 64px;
4920	}
4921	.editor-header:has(> .editor-header__center) {
4922	grid-template: auto/64px min-content 1fr min-content 64px;
4923	}
4924	@media (min-width: 782px) {
4925	.editor-header:has(> .editor-header__center) {
4926	grid-template: auto/64px minmax(min-content, 2fr) 2.5fr minmax(min-content, 2fr) 64px;
4927	}
4928	}
4929	@media (min-width: 480px) {
4930	.editor-header {
4931	gap: 16px;
4932	}
4933	}
4934	.editor-header {
4935	align-items: center;
4936	max-width: 100vw;
4937	justify-content: space-between;
4938	}
4939	@media (min-width: 280px) {
4940	.editor-header {
4941	flex-wrap: nowrap;
4942	}
4943	}
4944
4945	.editor-header__toolbar {
4946	grid-column: 1/3;
4947	}
4948	.editor-header__toolbar > :first-child {
4949	margin-inline: 16px 0;
4950	}
4951	.editor-header__back-button + .editor-header__toolbar {
4952	grid-column: 2/3;
4953	}
4954	@media (min-width: 480px) {
4955	.editor-header__back-button + .editor-header__toolbar > :first-child {
4956	margin-inline: 0;
4957	}
4958	}
4959	.editor-header__toolbar {
4960	display: flex;
4961	min-width: 0;
4962	align-items: center;
4963	clip-path: inset(-2px);
4964	}
4965	@media (min-width: 480px) {
4966	.editor-header__toolbar {
4967	clip-path: none;
4968	}
4969	}
4970	.editor-header__toolbar .table-of-contents {
4971	display: none;
4972	}
4973	@media (min-width: 600px) {
4974	.editor-header__toolbar .table-of-contents {
4975	display: block;
4976	}
4977	}
4978	.editor-header__toolbar .editor-collapsible-block-toolbar {
4979	margin-inline: 8px 0;
4980	}
4981	.editor-header__toolbar .editor-collapsible-block-toolbar.is-collapsed ~ .editor-collapsible-block-toolbar__toggle {
4982	margin-inline: 8px 0;
4983	}
4984
4985	.editor-header__center {
4986	grid-column: 3/4;
4987	display: flex;
4988	justify-content: center;
4989	align-items: center;
4990	min-width: 0;
4991	clip-path: inset(-2px);
4992	}
4993	@media (max-width: 479px) {
4994	.editor-header__center > :first-child {
4995	margin-inline-start: 8px;
4996	}
4997	.editor-header__center > :last-child {
4998	margin-inline-end: 8px;
4999	}
5000	}
5001	.editor-revisions-header .editor-header__center {
5002	clip-path: none;
5003	}
5004
5005	/**
5006	* Buttons on the right side
5007	*/
5008	.editor-header__settings {
5009	grid-column: 3/-1;
5010	}
5011	.editor-header:has(> .editor-header__center) .editor-header__settings {
5012	grid-column: 4/-1;
5013	}
5014	.editor-header__settings {
5015	justify-self: end;
5016	display: inline-flex;
5017	align-items: center;
5018	flex-wrap: nowrap;
5019	padding-right: 4px;
5020	}
5021	@media (min-width: 600px) {
5022	.editor-header__settings {
5023	padding-right: 8px;
5024	}
5025	}
5026	.editor-header__settings {
5027	gap: 8px;
5028	}
5029
5030	/**
5031	* Show icon labels.
5032	*/
5033	.show-icon-labels.interface-pinned-items .components-button.has-icon,
5034	.show-icon-labels .editor-header .components-button.has-icon {
5035	width: auto;
5036	}
5037	.show-icon-labels.interface-pinned-items .components-button.has-icon svg,
5038	.show-icon-labels .editor-header .components-button.has-icon svg {
5039	display: none;
5040	}
5041	.show-icon-labels.interface-pinned-items .components-button.has-icon::after,
5042	.show-icon-labels .editor-header .components-button.has-icon::after {
5043	content: attr(aria-label);
5044	white-space: nowrap;
5045	}
5046	.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true],
5047	.show-icon-labels .editor-header .components-button.has-icon[aria-disabled=true] {
5048	background-color: transparent;
5049	}
5050	.show-icon-labels.interface-pinned-items .is-tertiary:active,
5051	.show-icon-labels .editor-header .is-tertiary:active {
5052	box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
5053	background-color: transparent;
5054	}
5055	.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,
5056	.show-icon-labels .editor-header .components-button.has-icon.button-toggle svg {
5057	display: block;
5058	}
5059	.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after,
5060	.show-icon-labels .editor-header .components-button.has-icon.button-toggle::after {
5061	content: none;
5062	}
5063	.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,
5064	.show-icon-labels .editor-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon {
5065	display: block;
5066	}
5067	.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
5068	.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
5069	.show-icon-labels .editor-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
5070	.show-icon-labels .editor-header .interface-pinned-items .components-button {
5071	padding-left: 8px;
5072	padding-right: 8px;
5073	}
5074	@media (min-width: 600px) {
5075	.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
5076	.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
5077	.show-icon-labels .editor-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
5078	.show-icon-labels .editor-header .interface-pinned-items .components-button {
5079	padding-left: 12px;
5080	padding-right: 12px;
5081	}
5082	}
5083	.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after,
5084	.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state::after,
5085	.show-icon-labels .editor-header .editor-post-save-draft.editor-post-save-draft::after,
5086	.show-icon-labels .editor-header .editor-post-saved-state.editor-post-saved-state::after {
5087	content: none;
5088	}
5089
5090	.show-icon-labels .editor-header__toolbar .block-editor-block-mover {
5091	border-left: none;
5092	}
5093	.show-icon-labels .editor-header__toolbar .block-editor-block-mover::before {
5094	content: "";
5095	width: 1px;
5096	height: 24px;
5097	background-color: #ddd;
5098	margin-top: 4px;
5099	margin-left: 8px;
5100	}
5101	.show-icon-labels .editor-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container::before {
5102	width: calc(100% - 24px);
5103	background: #ddd;
5104	left: calc(50% + 1px);
5105	}
5106
5107	.show-icon-labels.interface-pinned-items {
5108	padding: 6px 12px 12px;
5109	margin-top: 0;
5110	margin-bottom: 0;
5111	margin-left: -12px;
5112	margin-right: -12px;
5113	border-bottom: 1px solid #ccc;
5114	display: block;
5115	}
5116	.show-icon-labels.interface-pinned-items > .components-button.has-icon {
5117	margin: 0;
5118	padding: 6px 6px 6px 8px;
5119	width: 14.625rem;
5120	justify-content: flex-start;
5121	}
5122	.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg {
5123	display: block;
5124	max-width: 24px;
5125	}
5126	.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] {
5127	padding-left: 40px;
5128	}
5129	.show-icon-labels.interface-pinned-items > .components-button.has-icon svg {
5130	margin-right: 8px;
5131	}
5132
5133	@media (min-width: 480px) {
5134	.editor-header__post-preview-button {
5135	display: none;
5136	}
5137	}
5138
5139	.editor-editor-interface.is-distraction-free .interface-interface-skeleton__header {
5140	border-bottom: none;
5141	}
5142	.editor-editor-interface.is-distraction-free .editor-header {
5143	background-color: #fff;
5144	width: 100%;
5145	}
5146	@media (min-width: 782px) {
5147	.editor-editor-interface.is-distraction-free .editor-header {
5148	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.133);
5149	position: absolute;
5150	}
5151	}
5152	.editor-editor-interface.is-distraction-free .editor-header > .edit-post-header__settings > .edit-post-header__post-preview-button {
5153	visibility: hidden;
5154	}
5155	.editor-editor-interface.is-distraction-free .editor-header > .editor-header__toolbar .editor-document-tools__document-overview-toggle, .editor-editor-interface.is-distraction-free .editor-header > .editor-header__settings > .editor-preview-dropdown, .editor-editor-interface.is-distraction-free .editor-header > .editor-header__settings > .interface-pinned-items, .editor-editor-interface.is-distraction-free .editor-header > .editor-header__settings > .editor-zoom-out-toggle {
5156	display: none;
5157	}
5158	.editor-editor-interface.is-distraction-free .interface-interface-skeleton__header:focus-within {
5159	opacity: 1 !important;
5160	}
5161	.editor-editor-interface.is-distraction-free .interface-interface-skeleton__header:focus-within div {
5162	transform: translateX(0) translateZ(0) !important;
5163	}
5164	.editor-editor-interface.is-distraction-free .components-editor-notices__dismissible {
5165	position: absolute;
5166	z-index: 35;
5167	}
5168
5169	.components-popover.more-menu-dropdown__content {
5170	z-index: 99998;
5171	}
5172
5173	.editor-inserter-sidebar {
5174	box-sizing: border-box;
5175	}
5176	.editor-inserter-sidebar *,
5177	.editor-inserter-sidebar *::before,
5178	.editor-inserter-sidebar *::after {
5179	box-sizing: inherit;
5180	}
5181	.editor-inserter-sidebar {
5182	height: 100%;
5183	display: flex;
5184	flex-direction: column;
5185	}
5186
5187	.editor-inserter-sidebar__content {
5188	height: 100%;
5189	}
5190
5191	.editor-keyboard-shortcut-help-modal__section {
5192	margin: 0 0 2rem 0;
5193	}
5194	.editor-keyboard-shortcut-help-modal__section-title {
5195	font-size: 0.9rem;
5196	font-weight: 600;
5197	}
5198	.editor-keyboard-shortcut-help-modal__shortcut {
5199	display: flex;
5200	align-items: baseline;
5201	padding: 0.6rem 0;
5202	border-top: 1px solid #ddd;
5203	margin-bottom: 0;
5204	}
5205	.editor-keyboard-shortcut-help-modal__shortcut:last-child {
5206	border-bottom: 1px solid #ddd;
5207	}
5208	.editor-keyboard-shortcut-help-modal__shortcut:empty {
5209	display: none;
5210	}
5211	.editor-keyboard-shortcut-help-modal__shortcut-term {
5212	font-weight: 600;
5213	margin: 0 0 0 1rem;
5214	text-align: right;
5215	}
5216	.editor-keyboard-shortcut-help-modal__shortcut-description {
5217	flex: 1;
5218	margin: 0;
5219	}
5220	.editor-keyboard-shortcut-help-modal__shortcut-key-combination {
5221	display: block;
5222	background: none;
5223	margin: 0;
5224	padding: 0;
5225	}
5226	.editor-keyboard-shortcut-help-modal__shortcut-key-combination + .editor-keyboard-shortcut-help-modal__shortcut-key-combination {
5227	margin-top: 10px;
5228	}
5229	.editor-keyboard-shortcut-help-modal__shortcut-key {
5230	padding: 0.25rem 0.5rem;
5231	border-radius: 8%;
5232	margin: 0 0.2rem 0 0.2rem;
5233	}
5234	.editor-keyboard-shortcut-help-modal__shortcut-key:last-child {
5235	margin: 0 0 0 0.2rem;
5236	}
5237
5238	.editor-list-view-sidebar {
5239	height: 100%;
5240	}
5241	@media (min-width: 782px) {
5242	.editor-list-view-sidebar {
5243	width: 350px;
5244	}
5245	}
5246
5247	.editor-list-view-sidebar__list-view-panel-content,
5248	.editor-list-view-sidebar__list-view-container > .document-outline {
5249	height: 100%;
5250	}
5251	.editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar,
5252	.editor-list-view-sidebar__list-view-container > .document-outline::-webkit-scrollbar {
5253	width: 12px;
5254	height: 12px;
5255	}
5256	.editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar-track,
5257	.editor-list-view-sidebar__list-view-container > .document-outline::-webkit-scrollbar-track {
5258	background-color: transparent;
5259	}
5260	.editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar-thumb,
5261	.editor-list-view-sidebar__list-view-container > .document-outline::-webkit-scrollbar-thumb {
5262	background-color: transparent;
5263	border-radius: 8px;
5264	border: 3px solid transparent;
5265	background-clip: padding-box;
5266	}
5267	.editor-list-view-sidebar__list-view-panel-content:hover::-webkit-scrollbar-thumb, .editor-list-view-sidebar__list-view-panel-content:focus::-webkit-scrollbar-thumb, .editor-list-view-sidebar__list-view-panel-content:focus-within::-webkit-scrollbar-thumb,
5268	.editor-list-view-sidebar__list-view-container > .document-outline:hover::-webkit-scrollbar-thumb,
5269	.editor-list-view-sidebar__list-view-container > .document-outline:focus::-webkit-scrollbar-thumb,
5270	.editor-list-view-sidebar__list-view-container > .document-outline:focus-within::-webkit-scrollbar-thumb {
5271	background-color: #949494;
5272	}
5273	.editor-list-view-sidebar__list-view-panel-content,
5274	.editor-list-view-sidebar__list-view-container > .document-outline {
5275	scrollbar-width: thin;
5276	scrollbar-gutter: stable both-edges;
5277	scrollbar-color: transparent transparent;
5278	}
5279	.editor-list-view-sidebar__list-view-panel-content:hover, .editor-list-view-sidebar__list-view-panel-content:focus, .editor-list-view-sidebar__list-view-panel-content:focus-within,
5280	.editor-list-view-sidebar__list-view-container > .document-outline:hover,
5281	.editor-list-view-sidebar__list-view-container > .document-outline:focus,
5282	.editor-list-view-sidebar__list-view-container > .document-outline:focus-within {
5283	scrollbar-color: #949494 transparent;
5284	}
5285	.editor-list-view-sidebar__list-view-panel-content,
5286	.editor-list-view-sidebar__list-view-container > .document-outline {
5287	will-change: transform;
5288	}
5289	@media (hover: none) {
5290	.editor-list-view-sidebar__list-view-panel-content,
5291	.editor-list-view-sidebar__list-view-container > .document-outline {
5292	scrollbar-color: #949494 transparent;
5293	}
5294	}
5295	.editor-list-view-sidebar__list-view-panel-content,
5296	.editor-list-view-sidebar__list-view-container > .document-outline {
5297	overflow: auto;
5298	scrollbar-gutter: auto;
5299	}
5300
5301	.editor-list-view-sidebar__list-view-panel-content {
5302	padding: 4px;
5303	}
5304
5305	.editor-list-view-sidebar__list-view-container {
5306	display: flex;
5307	flex-direction: column;
5308	height: 100%;
5309	}
5310	.editor-list-view-sidebar__list-view-container > .document-outline {
5311	padding: 16px;
5312	}
5313
5314	.editor-list-view-sidebar__tab-panel {
5315	height: 100%;
5316	}
5317
5318	.editor-list-view-sidebar__outline {
5319	display: flex;
5320	flex-direction: column;
5321	gap: 8px;
5322	border-bottom: 1px solid #ddd;
5323	padding: 16px;
5324	}
5325	.editor-list-view-sidebar__outline > div > span:first-child {
5326	width: 90px;
5327	display: inline-block;
5328	}
5329	.editor-list-view-sidebar__outline > div > span {
5330	font-size: 12px;
5331	line-height: 1.4;
5332	color: #757575;
5333	}
5334
5335	.editor-post-parent__panel,
5336	.editor-post-order__panel {
5337	padding-top: 8px;
5338	}
5339	.editor-post-parent__panel .editor-post-panel__row-control > div,
5340	.editor-post-order__panel .editor-post-panel__row-control > div {
5341	width: 100%;
5342	}
5343
5344	.editor-post-parent__panel-dialog .editor-post-parent,
5345	.editor-post-parent__panel-dialog .editor-post-order,
5346	.editor-post-order__panel-dialog .editor-post-parent,
5347	.editor-post-order__panel-dialog .editor-post-order {
5348	margin: 8px;
5349	}
5350	.editor-post-parent__panel-dialog .components-popover__content,
5351	.editor-post-order__panel-dialog .components-popover__content {
5352	min-width: 320px;
5353	}
5354
5355	.editor-post-author__panel {
5356	padding-top: 8px;
5357	}
5358
5359	.editor-post-author__panel .editor-post-panel__row-control > div {
5360	width: 100%;
5361	}
5362
5363	.editor-post-author__panel-dialog .editor-post-author {
5364	min-width: 248px;
5365	margin: 8px;
5366	}
5367
5368	.editor-action-modal {
5369	z-index: 1000001;
5370	}
5371
5372	.editor-post-card-panel__content {
5373	flex-grow: 1;
5374	}
5375	.editor-post-card-panel__title {
5376	width: 100%;
5377	}
5378	.editor-post-card-panel__title.editor-post-card-panel__title {
5379	font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
5380	font-weight: 499;
5381	font-size: 13px;
5382	line-height: 20px;
5383	margin: 0;
5384	display: flex;
5385	align-items: center;
5386	flex-wrap: wrap;
5387	column-gap: 8px;
5388	row-gap: 4px;
5389	word-break: break-word;
5390	}
5391	.editor-post-card-panel__icon {
5392	flex: 0 0 24px;
5393	width: 24px;
5394	height: 24px;
5395	}
5396	.editor-post-card-panel__header {
5397	display: flex;
5398	justify-content: space-between;
5399	}
5400	.editor-post-card-panel.has-description .editor-post-card-panel__header {
5401	margin-bottom: 8px;
5402	}
5403	.editor-post-card-panel .editor-post-card-panel__title-name {
5404	padding: 2px 0;
5405	}
5406	.editor-post-card-panel .editor-post-card-panel__description {
5407	color: #757575;
5408	}
5409
5410	.editor-post-content-information {
5411	color: #757575;
5412	}
5413	.editor-post-content-information .components-text {
5414	color: inherit;
5415	}
5416
5417	.editor-post-discussion__panel-dialog .editor-post-discussion {
5418	min-width: 248px;
5419	margin: 8px;
5420	}
5421
5422	.editor-post-discussion__panel-toggle .components-text {
5423	color: inherit;
5424	}
5425
5426	.editor-post-discussion__panel-dialog .components-popover__content {
5427	min-width: 320px;
5428	}
5429
5430	.editor-post-excerpt__textarea {
5431	width: 100%;
5432	margin-bottom: 10px;
5433	}
5434
5435	.editor-post-excerpt__dropdown__content .components-popover__content {
5436	min-width: 320px;
5437	padding: 16px;
5438	}
5439
5440	.editor-post-featured-image {
5441	padding: 0;
5442	}
5443	.editor-post-featured-image .hidden {
5444	display: none;
5445	}
5446	.editor-post-featured-image .components-spinner {
5447	position: absolute;
5448	top: 50%;
5449	left: 50%;
5450	margin-top: -9px;
5451	margin-left: -9px;
5452	}
5453
5454	.editor-post-featured-image__container {
5455	position: relative;
5456	}
5457	.editor-post-featured-image__container:hover .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-is-requesting-image), .editor-post-featured-image__container:focus .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-is-requesting-image), .editor-post-featured-image__container:focus-within .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-is-requesting-image) {
5458	opacity: 1;
5459	}
5460	.editor-post-featured-image__container .editor-post-featured-image__actions.editor-post-featured-image__actions-missing-image {
5461	opacity: 1;
5462	margin-top: 16px;
5463	}
5464	.editor-post-featured-image__container .components-drop-zone__content {
5465	border-radius: 2px;
5466	}
5467	.editor-post-featured-image__container:has(.editor-post-featured-image__toggle) .components-drop-zone .components-drop-zone__content-inner {
5468	display: flex;
5469	align-items: center;
5470	gap: 8px;
5471	}
5472	.editor-post-featured-image__container:has(.editor-post-featured-image__toggle) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
5473	margin: 0;
5474	}
5475
5476	.editor-post-featured-image__toggle,
5477	.editor-post-featured-image__preview {
5478	width: 100%;
5479	padding: 0;
5480	box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
5481	overflow: hidden;
5482	outline-offset: -1px;
5483	min-height: 40px;
5484	display: flex;
5485	justify-content: center;
5486	}
5487
5488	.editor-post-featured-image__preview {
5489	height: auto !important;
5490	outline: 1px solid rgba(0, 0, 0, 0.1);
5491	/rtl:begin:ignore/
5492	background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0);
5493	background-position: 0 0, 12px 12px;
5494	/rtl:end:ignore/
5495	background-size: 24px 24px;
5496	}
5497	.editor-post-featured-image__preview .editor-post-featured-image__preview-image {
5498	object-fit: cover;
5499	width: 100%;
5500	object-position: 50% 50%;
5501	aspect-ratio: 2/1;
5502	}
5503
5504	.editor-post-featured-image__toggle {
5505	box-shadow: inset 0 0 0 1px #ccc;
5506	}
5507	.editor-post-featured-image__toggle:focus:not(:disabled) {
5508	box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5509	}
5510
5511	.editor-post-featured-image__actions:not(.editor-post-featured-image__actions-missing-image) {
5512	bottom: 0;
5513	opacity: 0;
5514	padding: 8px;
5515	position: absolute;
5516	}
5517	@media not (prefers-reduced-motion) {
5518	.editor-post-featured-image__actions:not(.editor-post-featured-image__actions-missing-image) {
5519	transition: opacity 50ms ease-out;
5520	}
5521	}
5522	.editor-post-featured-image__actions:not(.editor-post-featured-image__actions-missing-image) .editor-post-featured-image__action {
5523	backdrop-filter: blur(16px) saturate(180%);
5524	background: rgba(255, 255, 255, 0.75);
5525	}
5526	.editor-post-featured-image__actions .editor-post-featured-image__action {
5527	flex-grow: 1;
5528	justify-content: center;
5529	}
5530
5531	[class].editor-post-format__suggestion {
5532	margin: 4px 0 0 0;
5533	}
5534
5535	.editor-post-format__dialog .editor-post-format__dialog-content {
5536	min-width: 248px;
5537	margin: 8px;
5538	}
5539
5540	.editor-post-last-edited-panel {
5541	color: #757575;
5542	}
5543	.editor-post-last-edited-panel .components-text {
5544	color: inherit;
5545	}
5546
5547	.editor-post-last-revision__title {
5548	width: 100%;
5549	font-weight: 499;
5550	}
5551
5552	.editor-post-last-revision__title.components-button.has-icon {
5553	height: 100%;
5554	justify-content: space-between;
5555	}
5556	.editor-post-last-revision__title.components-button.has-icon:hover, .editor-post-last-revision__title.components-button.has-icon:active {
5557	background: #f0f0f0;
5558	}
5559	.editor-post-last-revision__title.components-button.has-icon:focus {
5560	box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5561	border-radius: 0;
5562	}
5563
5564	.components-panel__body.is-opened.editor-post-last-revision__panel {
5565	padding: 0;
5566	height: 48px;
5567	}
5568	.components-panel__body.is-opened.editor-post-last-revision__panel .editor-post-last-revision__title.components-button.components-button {
5569	padding: 16px;
5570	}
5571
5572	.editor-private-post-last-revision__button {
5573	display: inline-block;
5574	}
5575
5576	.editor-post-locked-modal__buttons {
5577	margin-top: 24px;
5578	}
5579
5580	.editor-post-locked-modal__avatar {
5581	border-radius: 50%;
5582	margin-top: 16px;
5583	min-width: initial !important;
5584	}
5585
5586	.editor-post-panel__row {
5587	width: 100%;
5588	min-height: 32px;
5589	justify-content: flex-start !important;
5590	align-items: flex-start !important;
5591	}
5592
5593	.editor-post-panel__row-label {
5594	width: 38%;
5595	flex-shrink: 0;
5596	min-height: 32px;
5597	display: flex;
5598	align-items: center;
5599	padding: 6px 0;
5600	line-height: 20px;
5601	hyphens: auto;
5602	}
5603
5604	.editor-post-panel__row-control {
5605	flex-grow: 1;
5606	min-height: 32px;
5607	display: flex;
5608	align-items: center;
5609	}
5610	.editor-post-panel__row-control .components-button {
5611	max-width: 100%;
5612	text-align: left;
5613	white-space: normal;
5614	text-wrap: balance;
5615	text-wrap: pretty;
5616	height: auto;
5617	min-height: 32px;
5618	font-weight: 400;
5619	}
5620	.editor-post-panel__row-control .components-dropdown {
5621	max-width: 100%;
5622	}
5623
5624	.editor-post-panel__section {
5625	padding: 16px;
5626	}
5627
5628	.editor-post-publish-panel__content {
5629	min-height: calc(100% - 148px);
5630	}
5631	.editor-post-publish-panel__content > .components-spinner {
5632	display: block;
5633	margin: 100px auto 0;
5634	}
5635
5636	.editor-post-publish-panel__header {
5637	background: #fff;
5638	padding-left: 16px;
5639	padding-right: 16px;
5640	height: 65px;
5641	border-bottom: 1px solid #ddd;
5642	display: flex;
5643	align-items: center;
5644	align-content: space-between;
5645	}
5646	.editor-post-publish-panel__header .components-button {
5647	width: 100%;
5648	justify-content: center;
5649	}
5650	.editor-post-publish-panel__header .has-icon {
5651	margin-left: auto;
5652	width: auto;
5653	}
5654
5655	.components-site-card {
5656	display: flex;
5657	align-items: center;
5658	margin: 16px 0;
5659	}
5660
5661	.components-site-icon {
5662	border: none;
5663	border-radius: 2px;
5664	margin-right: 12px;
5665	flex-shrink: 0;
5666	height: 36px;
5667	width: 36px;
5668	}
5669
5670	.components-site-name {
5671	display: block;
5672	font-size: 14px;
5673	}
5674
5675	.components-site-home {
5676	display: block;
5677	color: #757575;
5678	font-size: 12px;
5679	word-break: break-word;
5680	}
5681
5682	.editor-post-publish-panel__header-publish-button,
5683	.editor-post-publish-panel__header-cancel-button {
5684	flex: 1;
5685	}
5686	@media (min-width: 480px) {
5687	.editor-post-publish-panel__header-publish-button,
5688	.editor-post-publish-panel__header-cancel-button {
5689	max-width: 160px;
5690	}
5691	}
5692
5693	.editor-post-publish-panel__header-publish-button {
5694	padding-left: 4px;
5695	justify-content: center;
5696	}
5697
5698	.editor-post-publish-panel__header-cancel-button {
5699	padding-right: 4px;
5700	}
5701
5702	.editor-post-publish-panel__header-published {
5703	flex-grow: 1;
5704	}
5705
5706	.editor-post-publish-panel__footer {
5707	padding: 16px;
5708	}
5709
5710	.components-button.editor-post-publish-panel__toggle.is-primary {
5711	display: inline-flex;
5712	align-items: center;
5713	}
5714	.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
5715	display: none;
5716	}
5717	.components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
5718	margin-right: -4px;
5719	}
5720
5721	.editor-post-publish-panel__link {
5722	font-weight: 400;
5723	padding-left: 4px;
5724	}
5725
5726	.editor-post-publish-panel__prepublish {
5727	padding: 16px;
5728	}
5729	.editor-post-publish-panel__prepublish strong {
5730	color: #1e1e1e;
5731	}
5732	.editor-post-publish-panel__prepublish .components-panel__body {
5733	background: #fff;
5734	margin-left: -16px;
5735	margin-right: -16px;
5736	}
5737	.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
5738	display: none;
5739	}
5740	.editor-post-publish-panel__prepublish .components-panel__body-title .components-button {
5741	align-items: flex-start;
5742	text-wrap: balance;
5743	text-wrap: pretty;
5744	}
5745
5746	.post-publish-panel__postpublish .components-panel__body {
5747	border-bottom: 1px solid #e0e0e0;
5748	border-top: none;
5749	word-break: break-word;
5750	}
5751
5752	.post-publish-panel__postpublish-buttons {
5753	display: flex;
5754	align-content: space-between;
5755	flex-wrap: wrap;
5756	gap: 16px;
5757	}
5758	.post-publish-panel__postpublish-buttons .components-button,
5759	.post-publish-panel__postpublish-buttons .components-button.has-icon {
5760	justify-content: center;
5761	flex: 1;
5762	min-width: unset;
5763	}
5764	.post-publish-panel__postpublish-buttons .components-clipboard-button {
5765	width: 100%;
5766	}
5767
5768	.post-publish-panel__postpublish-post-address-container {
5769	display: flex;
5770	align-items: flex-end;
5771	margin-bottom: 16px;
5772	}
5773	.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address {
5774	flex: 1;
5775	}
5776	.post-publish-panel__postpublish-post-address-container input[readonly] {
5777	padding: 12px;
5778	background: #f0f0f0;
5779	border-color: #ccc;
5780	overflow: hidden;
5781	text-overflow: ellipsis;
5782	height: 36px;
5783	}
5784
5785	.post-publish-panel__postpublish-post-address__copy-button-wrap {
5786	flex-shrink: 0;
5787	margin-left: 16px;
5788	}
5789
5790	.post-publish-panel__postpublish-header {
5791	font-weight: 499;
5792	}
5793
5794	.post-publish-panel__postpublish-subheader {
5795	margin: 0 0 8px;
5796	}
5797
5798	.post-publish-panel__tip {
5799	color: #f0b849;
5800	}
5801
5802	@media screen and (max-width: 782px) {
5803	.post-publish-panel__postpublish-post-address__button-wrap .components-button {
5804	height: 40px;
5805	}
5806	}
5807	.editor-post-publish-panel {
5808	box-sizing: border-box;
5809	}
5810	.editor-post-publish-panel *,
5811	.editor-post-publish-panel *::before,
5812	.editor-post-publish-panel *::after {
5813	box-sizing: inherit;
5814	}
5815	.editor-post-publish-panel {
5816	position: fixed;
5817	z-index: 100001;
5818	background: #fff;
5819	top: 46px;
5820	bottom: 0;
5821	right: 0;
5822	left: 0;
5823	overflow: auto;
5824	}
5825	@media (min-width: 782px) {
5826	.editor-post-publish-panel {
5827	z-index: 99998;
5828	top: 32px;
5829	left: auto;
5830	width: 281px;
5831	border-left: 1px solid #ddd;
5832	}
5833	}
5834	@media (min-width: 782px) and (not (prefers-reduced-motion)) {
5835	.editor-post-publish-panel {
5836	transform: translateX(100%);
5837	animation: editor-post-publish-panel__slide-in-animation 0.1s forwards;
5838	}
5839	}
5840	@media (min-width: 782px) {
5841	body.is-fullscreen-mode .editor-post-publish-panel {
5842	top: 0;
5843	}
5844	[role=region]:focus .editor-post-publish-panel {
5845	transform: translateX(0%);
5846	}
5847	}
5848
5849	@keyframes editor-post-publish-panel__slide-in-animation {
5850	100% {
5851	transform: translateX(0%);
5852	}
5853	}
5854	.editor-revisions-header__slider {
5855	width: 100%;
5856	}
5857	.editor-revisions-header__slider .components-range-control__tooltip {
5858	white-space: nowrap;
5859	}
5860
5861	.editor-revisions-header__no-revisions {
5862	color: #757575;
5863	font-size: 13px;
5864	}
5865
5866	.editor-revisions-canvas__loading {
5867	display: flex;
5868	align-items: center;
5869	justify-content: center;
5870	height: 100%;
5871	}
5872
5873	.editor-revisions-canvas__content {
5874	display: flex;
5875	height: 100%;
5876	}
5877	.editor-revisions-canvas__content .editor-visual-editor {
5878	flex: 1;
5879	min-width: 0;
5880	}
5881
5882	.revision-diff-markers {
5883	position: relative;
5884	flex-shrink: 0;
5885	width: 12px;
5886	background: rgba(0, 0, 0, 0.05);
5887	}
5888	.revision-diff-markers .revision-diff-marker {
5889	position: absolute;
5890	width: 100%;
5891	min-height: 4px;
5892	border: none;
5893	padding: 0;
5894	cursor: pointer;
5895	transition: opacity 0.1s ease;
5896	}
5897	.revision-diff-markers .revision-diff-marker.is-added {
5898	background: #00a32a;
5899	}
5900	.revision-diff-markers .revision-diff-marker.is-removed {
5901	background: #d63638;
5902	}
5903	.revision-diff-markers .revision-diff-marker.is-modified {
5904	background: #dba617;
5905	}
5906	.revision-diff-markers .revision-diff-marker:hover {
5907	opacity: 0.7;
5908	}
5909	.revision-diff-markers .revision-diff-marker:focus {
5910	outline: 2px solid #1e1e1e;
5911	outline-offset: -2px;
5912	}
5913
5914	.editor-post-saved-state {
5915	display: flex;
5916	align-items: center;
5917	width: 28px;
5918	padding: 12px 4px;
5919	color: #757575;
5920	overflow: hidden;
5921	white-space: nowrap;
5922	}
5923	.editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover {
5924	background: transparent;
5925	color: #757575;
5926	}
5927	.editor-post-saved-state svg {
5928	display: inline-block;
5929	flex: 0 0 auto;
5930	fill: currentColor;
5931	margin-right: 8px;
5932	}
5933	@media (min-width: 600px) {
5934	.editor-post-saved-state {
5935	width: auto;
5936	padding: 8px 12px;
5937	text-indent: inherit;
5938	}
5939	.editor-post-saved-state svg {
5940	margin-right: 0;
5941	}
5942	}
5943
5944	.editor-post-save-draft.has-text.has-icon svg {
5945	margin-right: 0;
5946	}
5947
5948	.editor-post-schedule__panel-dropdown {
5949	width: 100%;
5950	}
5951
5952	.editor-post-schedule__dialog .components-popover__content {
5953	min-width: 320px;
5954	padding: 16px;
5955	}
5956
5957	.editor-post-status {
5958	max-width: 100%;
5959	}
5960	.editor-post-status.is-read-only {
5961	padding: 6px 12px;
5962	}
5963	.editor-post-status .editor-post-status__toggle.editor-post-status__toggle {
5964	padding-top: 4px;
5965	padding-bottom: 4px;
5966	}
5967
5968	.editor-change-status__password-fieldset,
5969	.editor-change-status__publish-date-wrapper {
5970	border-top: 1px solid #e0e0e0;
5971	padding-top: 16px;
5972	}
5973
5974	.editor-change-status__content .components-popover__content {
5975	min-width: 320px;
5976	padding: 16px;
5977	}
5978	.editor-change-status__content .editor-change-status__password-legend {
5979	padding: 0;
5980	margin-bottom: 8px;
5981	}
5982	.editor-change-status__content p.components-base-control__help:has(.components-checkbox-control__help) {
5983	margin-top: 4px;
5984	}
5985
5986	.editor-post-sticky__checkbox-control {
5987	border-top: 1px solid #e0e0e0;
5988	padding-top: 16px;
5989	}
5990
5991	.editor-post-sync-status__value {
5992	padding: 6px 0 6px 12px;
5993	}
5994
5995	.editor-post-taxonomies__hierarchical-terms-list {
5996	max-height: 14em;
5997	overflow: auto;
5998	margin-left: -6px;
5999	padding-left: 6px;
6000	margin-top: -6px;
6001	padding-top: 6px;
6002	}
6003
6004	.editor-post-taxonomies__hierarchical-terms-choice {
6005	margin-bottom: 8px;
6006	}
6007	.editor-post-taxonomies__hierarchical-terms-choice:last-child {
6008	margin-bottom: 4px;
6009	}
6010
6011	.editor-post-taxonomies__hierarchical-terms-subchoices {
6012	margin-top: 8px;
6013	margin-left: 16px;
6014	}
6015
6016	.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label {
6017	margin-bottom: 4px;
6018	}
6019
6020	.editor-post-taxonomies__flat-term-most-used-list {
6021	margin: 0;
6022	}
6023	.editor-post-taxonomies__flat-term-most-used-list li {
6024	display: inline-block;
6025	margin-right: 8px;
6026	}
6027
6028	.editor-sync-connection-modal p {
6029	margin: 0;
6030	}
6031
6032	.editor-sync-connection-modal__retry-countdown {
6033	color: #757575;
6034	}
6035
6036	.editor-post-template__swap-template-modal {
6037	z-index: 1000001;
6038	}
6039	.editor-post-template__swap-template-modal .editor-post-template__swap-template-search {
6040	background: #fff;
6041	position: sticky;
6042	top: 0;
6043	padding: 16px 0;
6044	transform: translateY(-4px);
6045	margin-bottom: -4px;
6046	z-index: 2;
6047	}
6048
6049	.editor-post-template__create-template-modal {
6050	z-index: 1000001;
6051	}
6052
6053	.editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
6054	column-count: 2;
6055	column-gap: 24px;
6056	padding-top: 2px;
6057	}
6058	@media (min-width: 782px) {
6059	.editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
6060	column-count: 3;
6061	}
6062	}
6063	@media (min-width: 1280px) {
6064	.editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
6065	column-count: 4;
6066	}
6067	}
6068	.editor-post-template__swap-template-modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
6069	break-inside: avoid-column;
6070	}
6071
6072	.editor-post-template__dropdown .components-popover__content {
6073	min-width: 240px;
6074	}
6075	.editor-post-template__dropdown .components-button.is-pressed,
6076	.editor-post-template__dropdown .components-button.is-pressed:hover {
6077	background: inherit;
6078	color: inherit;
6079	}
6080
6081	@media (min-width: 782px) {
6082	.editor-post-template__create-form {
6083	width: 320px;
6084	}
6085	}
6086
6087	.editor-post-template__classic-theme-dropdown {
6088	padding: 8px;
6089	}
6090
6091	textarea.editor-post-text-editor {
6092	border: 1px solid #949494;
6093	border-radius: 0;
6094	display: block;
6095	margin: 0;
6096	width: 100%;
6097	box-shadow: none;
6098	resize: none;
6099	overflow: hidden;
6100	font-family: Menlo, Consolas, monaco, monospace;
6101	line-height: 2.4;
6102	min-height: 200px;
6103	}
6104	@media not (prefers-reduced-motion) {
6105	textarea.editor-post-text-editor {
6106	transition: border 0.1s ease-out, box-shadow 0.1s linear;
6107	}
6108	}
6109	textarea.editor-post-text-editor {
6110	padding: 16px;
6111	}
6112	@media (min-width: 600px) {
6113	textarea.editor-post-text-editor {
6114	padding: 24px;
6115	}
6116	}
6117	textarea.editor-post-text-editor {
6118	/* Fonts smaller than 16px causes mobile safari to zoom. */
6119	font-size: 16px !important;
6120	}
6121	@media (min-width: 600px) {
6122	textarea.editor-post-text-editor {
6123	font-size: 15px !important;
6124	}
6125	}
6126	textarea.editor-post-text-editor:focus {
6127	border-color: var(--wp-admin-theme-color);
6128	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
6129	position: relative;
6130	}
6131	textarea.editor-post-text-editor::placeholder {
6132	color: rgba(30, 30, 30, 0.62);
6133	}
6134
6135	.editor-post-title.is-raw-text {
6136	margin-bottom: 24px;
6137	margin-top: 2px;
6138	max-width: none;
6139	}
6140
6141	.editor-post-url__panel-dropdown {
6142	width: 100%;
6143	}
6144
6145	.editor-post-url__panel-dialog .editor-post-url {
6146	min-width: 248px;
6147	margin: 8px;
6148	}
6149
6150	/* rtl:begin:ignore */
6151	.editor-post-url__link,
6152	.editor-post-url__front-page-link {
6153	direction: ltr;
6154	word-break: break-word;
6155	}
6156
6157	/* rtl:end:ignore */
6158	.editor-post-url__front-page-link {
6159	padding: 6px 12px;
6160	border-radius: 2px;
6161	color: var(--wp-admin-theme-color);
6162	}
6163	.editor-post-url__front-page-link:hover {
6164	background: color-mix(in srgb, var(--wp-admin-theme-color) 4%, transparent);
6165	color: var(--wp-admin-theme-color-darker-20, #183ad6);
6166	}
6167	.editor-post-url__front-page-link:focus {
6168	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
6169	color: var(--wp-admin-theme-color);
6170	outline: 3px solid rgba(0, 0, 0, 0);
6171	}
6172
6173	.editor-post-url__link-slug {
6174	font-weight: 600;
6175	}
6176
6177	.editor-post-url__input input.components-input-control__input {
6178	padding-inline-start: 0 !important;
6179	}
6180
6181	.editor-post-url__intro {
6182	margin: 0;
6183	}
6184
6185	.editor-post-url__permalink {
6186	margin-top: 8px;
6187	margin-bottom: 0;
6188	}
6189	.editor-post-url__permalink-visual-label {
6190	display: block;
6191	}
6192
6193	.editor-posts-per-page-dropdown__content .components-popover__content {
6194	min-width: 320px;
6195	padding: 16px;
6196	}
6197
6198	.editor-post-trash.components-button {
6199	flex-grow: 1;
6200	justify-content: center;
6201	}
6202
6203	.editor-preview-dropdown .editor-preview-dropdown__toggle.has-icon.has-text {
6204	padding-right: 4px;
6205	padding-left: 6px;
6206	}
6207
6208	.editor-preview-dropdown__button-external {
6209	width: 100%;
6210	display: flex;
6211	justify-content: space-between;
6212	}
6213
6214	.editor-resizable-editor.is-resizable {
6215	overflow: visible;
6216	margin: 0 auto;
6217	}
6218
6219	.editor-resizable-editor__resize-handle {
6220	position: absolute;
6221	top: 0;
6222	bottom: 0;
6223	padding: 0;
6224	margin: auto 0;
6225	width: 12px;
6226	appearance: none;
6227	cursor: ew-resize;
6228	outline: none;
6229	background: none;
6230	border-radius: 9999px;
6231	border: 0;
6232	height: 100px;
6233	}
6234	.editor-resizable-editor__resize-handle::after {
6235	position: absolute;
6236	top: 16px;
6237	left: 4px;
6238	right: 0;
6239	bottom: 16px;
6240	content: "";
6241	width: 4px;
6242	background-color: rgba(117, 117, 117, 0.4);
6243	border-radius: 9999px;
6244	}
6245	.editor-resizable-editor__resize-handle.is-left {
6246	left: -18px;
6247	}
6248	.editor-resizable-editor__resize-handle.is-right {
6249	right: -18px;
6250	}
6251	.editor-resizable-editor__resize-handle:hover, .editor-resizable-editor__resize-handle:focus, .editor-resizable-editor__resize-handle:active {
6252	opacity: 1;
6253	}
6254	.editor-resizable-editor__resize-handle:hover::after, .editor-resizable-editor__resize-handle:focus::after, .editor-resizable-editor__resize-handle:active::after {
6255	background-color: var(--wp-admin-theme-color);
6256	}
6257
6258	.editor-layout__toggle-publish-panel,
6259	.editor-layout__toggle-sidebar-panel,
6260	.editor-layout__toggle-entities-saved-states-panel {
6261	z-index: 100000;
6262	position: fixed !important;
6263	top: -9999em;
6264	bottom: auto;
6265	left: auto;
6266	right: 0;
6267	box-sizing: border-box;
6268	width: 280px;
6269	background-color: #fff;
6270	border: 1px dotted #ddd;
6271	height: auto !important;
6272	padding: 24px;
6273	display: flex;
6274	justify-content: center;
6275	}
6276
6277	.interface-interface-skeleton__actions:focus .editor-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .editor-layout__toggle-entities-saved-states-panel,
6278	.interface-interface-skeleton__actions:focus .editor-layout__toggle-publish-panel,
6279	.interface-interface-skeleton__actions:focus-within .editor-layout__toggle-publish-panel {
6280	top: auto;
6281	bottom: 0;
6282	}
6283
6284	.editor-start-page-options__modal .editor-start-page-options__modal__actions {
6285	position: absolute;
6286	bottom: 0;
6287	width: 100%;
6288	height: 72px;
6289	background-color: #fff;
6290	margin-left: -32px;
6291	margin-right: -32px;
6292	padding-left: 32px;
6293	padding-right: 32px;
6294	border-top: 1px solid #ddd;
6295	z-index: 1;
6296	}
6297	.editor-start-page-options__modal .block-editor-block-patterns-list {
6298	padding-bottom: 72px;
6299	}
6300
6301	.editor-start-page-options__modal-content .block-editor-block-patterns-list {
6302	column-count: 2;
6303	column-gap: 24px;
6304	}
6305	@media (min-width: 782px) {
6306	.editor-start-page-options__modal-content .block-editor-block-patterns-list {
6307	column-count: 3;
6308	}
6309	}
6310	@media (min-width: 1280px) {
6311	.editor-start-page-options__modal-content .block-editor-block-patterns-list {
6312	column-count: 4;
6313	}
6314	}
6315	.editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
6316	break-inside: avoid-column;
6317	margin-bottom: 24px;
6318	}
6319	.editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
6320	min-height: 100px;
6321	}
6322	.editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content {
6323	width: 100%;
6324	}
6325
6326	.editor-start-template-options__modal .editor-start-template-options__modal__actions {
6327	position: absolute;
6328	bottom: 0;
6329	width: 100%;
6330	height: 92px;
6331	background-color: #fff;
6332	margin-left: -32px;
6333	margin-right: -32px;
6334	padding-left: 32px;
6335	padding-right: 32px;
6336	border-top: 1px solid #ddd;
6337	z-index: 1;
6338	}
6339	.editor-start-template-options__modal .block-editor-block-patterns-list {
6340	padding-bottom: 92px;
6341	}
6342
6343	.editor-start-template-options__modal-content .block-editor-block-patterns-list {
6344	column-count: 2;
6345	column-gap: 24px;
6346	}
6347	@media (min-width: 782px) {
6348	.editor-start-template-options__modal-content .block-editor-block-patterns-list {
6349	column-count: 3;
6350	}
6351	}
6352	@media (min-width: 1280px) {
6353	.editor-start-template-options__modal-content .block-editor-block-patterns-list {
6354	column-count: 4;
6355	}
6356	}
6357	.editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
6358	break-inside: avoid-column;
6359	}
6360	.editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-patterns-list__item-title {
6361	display: none;
6362	}
6363
6364	.components-panel__header.editor-sidebar__panel-tabs {
6365	padding-left: 0;
6366	padding-right: 8px;
6367	}
6368	.components-panel__header.editor-sidebar__panel-tabs .components-button.has-icon {
6369	padding: 0;
6370	}
6371	@media (min-width: 782px) {
6372	.components-panel__header.editor-sidebar__panel-tabs .components-button.has-icon {
6373	display: flex;
6374	}
6375	}
6376
6377	.editor-post-summary .components-v-stack:empty {
6378	display: none;
6379	}
6380
6381	.editor-sidebar {
6382	box-sizing: border-box;
6383	}
6384	.editor-sidebar *,
6385	.editor-sidebar *::before,
6386	.editor-sidebar *::after {
6387	box-sizing: inherit;
6388	}
6389	.editor-sidebar__revisions-block-message {
6390	padding: 16px;
6391	color: #757575;
6392	font-size: 13px;
6393	}
6394
6395	.editor-site-discussion-dropdown__content .components-popover__content {
6396	min-width: 320px;
6397	padding: 16px;
6398	}
6399
6400	.editor-style-book {
6401	height: 100%;
6402	}
6403	.editor-style-book.is-button {
6404	border-radius: 8px;
6405	}
6406	.editor-style-book {
6407	display: flex;
6408	flex-direction: column;
6409	align-items: stretch;
6410	}
6411
6412	.editor-style-book__iframe {
6413	display: block;
6414	height: 100%;
6415	width: 100%;
6416	}
6417	.editor-style-book__iframe.is-button {
6418	border-radius: 8px;
6419	}
6420	.editor-style-book__iframe.is-focused {
6421	outline: calc(2 * var(--wp-admin-border-width-focus)) solid var(--wp-admin-theme-color);
6422	outline-offset: calc(-2 * var(--wp-admin-border-width-focus));
6423	}
6424
6425	.editor-style-book__tablist-container {
6426	flex: none;
6427	display: flex;
6428	width: 100%;
6429	padding-right: 56px;
6430	background: #fff;
6431	}
6432
6433	.editor-style-book__tabpanel {
6434	flex: 1 0 auto;
6435	overflow: auto;
6436	}
6437
6438	.editor-styles-canvas {
6439	height: 100%;
6440	padding: 16px;
6441	background-color: var(--wp-editor-canvas-background);
6442	}
6443	.editor-styles-canvas iframe {
6444	display: block;
6445	width: 100%;
6446	height: 100%;
6447	}
6448
6449	.editor-styles-canvas__section {
6450	background: #fff;
6451	border-radius: 8px;
6452	bottom: 0;
6453	left: 0;
6454	overflow: hidden;
6455	position: absolute;
6456	right: 0;
6457	top: 0;
6458	}
6459	@media not (prefers-reduced-motion) {
6460	.editor-styles-canvas__section {
6461	transition: all 0.3s;
6462	}
6463	}
6464
6465	.editor-styles-canvas__close-button {
6466	position: absolute;
6467	right: 8px;
6468	top: 8px;
6469	z-index: 2;
6470	background: #fff;
6471	}
6472
6473	.table-of-contents__popover.components-popover .components-popover__content {
6474	min-width: 380px;
6475	}
6476
6477	.components-popover.table-of-contents__popover {
6478	z-index: 99998;
6479	}
6480
6481	.table-of-contents__popover .components-popover__content {
6482	padding: 16px;
6483	}
6484	@media (min-width: 600px) {
6485	.table-of-contents__popover .components-popover__content {
6486	max-height: calc(100vh - 120px);
6487	overflow-y: auto;
6488	}
6489	}
6490	.table-of-contents__popover hr {
6491	margin: 10px -16px 0;
6492	}
6493
6494	.table-of-contents__wrapper:focus::before {
6495	content: "";
6496	display: block;
6497	position: absolute;
6498	top: 0;
6499	right: 0;
6500	bottom: 0;
6501	left: 0;
6502	box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
6503	pointer-events: none;
6504	}
6505
6506	.table-of-contents__counts {
6507	display: flex;
6508	flex-wrap: wrap;
6509	margin: 0;
6510	margin-top: -8px;
6511	}
6512
6513	.table-of-contents__count {
6514	flex-basis: 33%;
6515	display: flex;
6516	flex-direction: column;
6517	font-size: 13px;
6518	color: #1e1e1e;
6519	padding-right: 8px;
6520	margin-bottom: 0;
6521	margin-top: 8px;
6522	}
6523	.table-of-contents__count:nth-child(4n) {
6524	padding-right: 0;
6525	}
6526
6527	.table-of-contents__number,
6528	.table-of-contents__popover .word-count {
6529	font-size: 21px;
6530	font-weight: 400;
6531	line-height: 30px;
6532	color: #1e1e1e;
6533	}
6534
6535	.table-of-contents__title {
6536	display: block;
6537	margin-top: 20px;
6538	font-size: 15px;
6539	font-weight: 600;
6540	}
6541
6542	.editor-text-editor {
6543	box-sizing: border-box;
6544	}
6545	.editor-text-editor *,
6546	.editor-text-editor *::before,
6547	.editor-text-editor *::after {
6548	box-sizing: inherit;
6549	}
6550	.editor-text-editor {
6551	position: relative;
6552	width: 100%;
6553	background-color: #fff;
6554	flex-grow: 1;
6555	}
6556	.editor-text-editor .editor-post-title:not(.is-raw-text),
6557	.editor-text-editor .editor-post-title.is-raw-text textarea {
6558	max-width: none;
6559	line-height: 1.4;
6560	font-family: Menlo, Consolas, monaco, monospace;
6561	font-size: 2.5em;
6562	font-weight: normal;
6563	border: 1px solid #949494;
6564	border-radius: 0;
6565	padding: 16px;
6566	}
6567	@media (min-width: 600px) {
6568	.editor-text-editor .editor-post-title:not(.is-raw-text),
6569	.editor-text-editor .editor-post-title.is-raw-text textarea {
6570	padding: 24px;
6571	}
6572	}
6573	.editor-text-editor .editor-post-title:not(.is-raw-text):focus,
6574	.editor-text-editor .editor-post-title.is-raw-text textarea:focus {
6575	border-color: var(--wp-admin-theme-color);
6576	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
6577	}
6578
6579	.editor-text-editor__body {
6580	width: 100%;
6581	padding: 0 12px 12px 12px;
6582	max-width: 1080px;
6583	margin-left: auto;
6584	margin-right: auto;
6585	}
6586	@media (min-width: 960px) {
6587	.editor-text-editor__body {
6588	padding: 0 24px 24px 24px;
6589	}
6590	}
6591
6592	.editor-text-editor__toolbar {
6593	position: sticky;
6594	z-index: 1;
6595	top: 0;
6596	left: 0;
6597	right: 0;
6598	display: flex;
6599	background: rgba(255, 255, 255, 0.8);
6600	padding: 4px 12px;
6601	}
6602	@media (min-width: 600px) {
6603	.editor-text-editor__toolbar {
6604	padding: 12px;
6605	}
6606	}
6607	@media (min-width: 960px) {
6608	.editor-text-editor__toolbar {
6609	padding: 12px 24px;
6610	}
6611	}
6612	.editor-text-editor__toolbar h2 {
6613	line-height: 40px;
6614	margin: 0 auto 0 0;
6615	font-size: 13px;
6616	color: #1e1e1e;
6617	}
6618
6619	.editor-visual-editor {
6620	position: relative;
6621	display: flex;
6622	background-color: var(--wp-editor-canvas-background);
6623	}
6624	.editor-visual-editor iframe[name=editor-canvas] {
6625	background-color: transparent;
6626	}
6627	.editor-visual-editor {
6628	align-items: center;
6629	}
6630	.editor-visual-editor.is-resizable {
6631	max-height: 100%;
6632	}
6633	.editor-visual-editor.has-padding {
6634	padding: 24px 24px 0;
6635	}
6636	.editor-visual-editor.is-iframed {
6637	overflow: hidden;
6638	}
6639	.editor-visual-editor .components-button {
6640	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
6641	font-size: 13px;
6642	padding: 6px 12px;
6643	}
6644	.editor-visual-editor .components-button.is-tertiary, .editor-visual-editor .components-button.has-icon {
6645	padding: 6px;
6646	}
6647
6648	.editor-fields-content-preview {
6649	display: flex;
6650	flex-direction: column;
6651	height: 100%;
6652	border-radius: 4px;
6653	}
6654	.dataviews-view-table .editor-fields-content-preview {
6655	width: 96px;
6656	flex-grow: 0;
6657	}
6658	.editor-fields-content-preview .block-editor-block-preview__container,
6659	.editor-fields-content-preview .editor-fields-content-preview__empty {
6660	margin-top: auto;
6661	margin-bottom: auto;
6662	}
6663
6664	.editor-fields-content-preview__empty {
6665	text-align: center;
6666	}
6667
6668	.editor-push-changes-to-global-styles-control .components-button {
6669	justify-content: center;
6670	width: 100%;
6671	}