gutenberg / build / styles / editor / style-rtl.css

style-rtl.css in Gutenberg 23.0.1, at build/styles/editor/style-rtl.css

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