gutenberg / build / styles / editor / style.css

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

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