gutenberg / build / styles / block-library / cover / style-rtl.css

style-rtl.css in Gutenberg trunk, at build/styles/block-library/cover/style-rtl.css

515 lines 22.4 KB

Raw Download Zip

1	/**
2	* Colors
3	*/
4	/**
5	* SCSS Variables.
6	*
7	* Please use variables from this sheet to ensure consistency across the UI.
8	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
9	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
10	*/
11	/**
12	* Fonts & basic variables.
13	*/
14	/**
15	* Typography
16	*/
17	/**
18	* Grid System.
19	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
20	*/
21	/**
22	* Radius scale.
23	*/
24	/**
25	* Elevation scale.
26	*/
27	/**
28	* Dimensions.
29	*/
30	/**
31	* Mobile specific styles
32	*/
33	/**
34	* Editor styles.
35	*/
36	/**
37	* Block & Editor UI.
38	*/
39	/**
40	* Block paddings.
41	*/
42	/**
43	* React Native specific.
44	* These variables do not appear to be used anywhere else.
45	*/
46	.wp-block-cover-image,
47	.wp-block-cover {
48	min-height: 430px;
49	padding: 1em;
50	position: relative;
51	background-position: center center;
52	display: flex;
53	justify-content: center;
54	align-items: center;
55	overflow: hidden;
56	overflow: clip;
57	box-sizing: border-box; direction: ltr;
58	/**
59	* Set a default background color for has-background-dim _unless_ it includes another
60	* background-color class (e.g. has-green-background-color). The presence of another
61	* background-color class implies that another style will provide the background color
62	* for the overlay.
63	*
64	* See:
65	* - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545
66	* - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
67	*/
68	}
69	.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
70	.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
71	.wp-block-cover.has-background-dim:not([class*=-background-color]),
72	.wp-block-cover .has-background-dim:not([class*=-background-color]) {
73	background-color: #000;
74	}
75	.wp-block-cover-image .has-background-dim.has-background-gradient,
76	.wp-block-cover .has-background-dim.has-background-gradient {
77	background-color: transparent;
78	}
79	.wp-block-cover-image.has-background-dim::before,
80	.wp-block-cover.has-background-dim::before {
81	content: "";
82	background-color: inherit;
83	}
84	.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
85	.wp-block-cover-image .wp-block-cover__background,
86	.wp-block-cover-image .wp-block-cover__gradient-background,
87	.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
88	.wp-block-cover .wp-block-cover__background,
89	.wp-block-cover .wp-block-cover__gradient-background {
90	position: absolute;
91	top: 0;
92	right: 0;
93	bottom: 0;
94	left: 0;
95	opacity: 0.5;
96	}
97	.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
98	.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
99	.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
100	.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
101	.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
102	.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
103	opacity: 0.1;
104	}
105	.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
106	.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
107	.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
108	.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
109	.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
110	.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
111	opacity: 0.2;
112	}
113	.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
114	.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
115	.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
116	.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
117	.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
118	.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
119	opacity: 0.3;
120	}
121	.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
122	.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
123	.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
124	.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
125	.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
126	.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
127	opacity: 0.4;
128	}
129	.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
130	.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
131	.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
132	.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
133	.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
134	.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
135	opacity: 0.5;
136	}
137	.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
138	.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
139	.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
140	.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
141	.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
142	.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
143	opacity: 0.6;
144	}
145	.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
146	.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
147	.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
148	.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
149	.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
150	.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
151	opacity: 0.7;
152	}
153	.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
154	.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
155	.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
156	.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
157	.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
158	.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
159	opacity: 0.8;
160	}
161	.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
162	.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
163	.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
164	.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
165	.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
166	.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
167	opacity: 0.9;
168	}
169	.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
170	.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
171	.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
172	.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
173	.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
174	.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
175	opacity: 1;
176	}
177	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
178	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
179	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
180	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
181	opacity: 0;
182	}
183	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
184	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
185	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
186	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 {
187	opacity: 0.1;
188	}
189	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
190	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
191	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
192	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 {
193	opacity: 0.2;
194	}
195	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
196	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
197	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
198	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 {
199	opacity: 0.3;
200	}
201	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
202	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
203	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
204	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 {
205	opacity: 0.4;
206	}
207	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
208	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
209	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
210	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 {
211	opacity: 0.5;
212	}
213	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
214	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
215	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
216	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 {
217	opacity: 0.6;
218	}
219	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
220	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
221	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
222	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 {
223	opacity: 0.7;
224	}
225	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
226	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
227	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
228	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 {
229	opacity: 0.8;
230	}
231	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
232	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
233	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
234	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 {
235	opacity: 0.9;
236	}
237	.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
238	.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
239	.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
240	.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 {
241	opacity: 1;
242	}
243	.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
244	.wp-block-cover.alignleft,
245	.wp-block-cover.alignright {
246	max-width: 420px;
247	width: 100%;
248	}
249	.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
250	.wp-block-cover.aligncenter,
251	.wp-block-cover.alignleft,
252	.wp-block-cover.alignright {
253	display: flex;
254	}
255	.wp-block-cover-image .wp-block-cover__inner-container,
256	.wp-block-cover .wp-block-cover__inner-container {
257	position: relative;
258	width: 100%;
259	color: inherit; direction: rtl;
260	}
261	.wp-block-cover-image.is-position-top-left,
262	.wp-block-cover.is-position-top-left {
263	align-items: flex-start;
264	justify-content: flex-start;
265	}
266	.wp-block-cover-image.is-position-top-center,
267	.wp-block-cover.is-position-top-center {
268	align-items: flex-start;
269	justify-content: center;
270	}
271	.wp-block-cover-image.is-position-top-right,
272	.wp-block-cover.is-position-top-right {
273	align-items: flex-start;
274	justify-content: flex-end;
275	}
276	.wp-block-cover-image.is-position-center-left,
277	.wp-block-cover.is-position-center-left {
278	align-items: center;
279	justify-content: flex-start;
280	}
281	.wp-block-cover-image.is-position-center-center,
282	.wp-block-cover.is-position-center-center {
283	align-items: center;
284	justify-content: center;
285	}
286	.wp-block-cover-image.is-position-center-right,
287	.wp-block-cover.is-position-center-right {
288	align-items: center;
289	justify-content: flex-end;
290	}
291	.wp-block-cover-image.is-position-bottom-left,
292	.wp-block-cover.is-position-bottom-left {
293	align-items: flex-end;
294	justify-content: flex-start;
295	}
296	.wp-block-cover-image.is-position-bottom-center,
297	.wp-block-cover.is-position-bottom-center {
298	align-items: flex-end;
299	justify-content: center;
300	}
301	.wp-block-cover-image.is-position-bottom-right,
302	.wp-block-cover.is-position-bottom-right {
303	align-items: flex-end;
304	justify-content: flex-end;
305	}
306	.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
307	.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
308	margin: 0;
309	}
310	.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,
311	.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,
312	.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,
313	.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,
314	.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,
315	.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,
316	.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container {
317	margin: 0;
318	width: auto;
319	}
320	.wp-block-cover-image .wp-block-cover__image-background,
321	.wp-block-cover-image video.wp-block-cover__video-background,
322	.wp-block-cover .wp-block-cover__image-background,
323	.wp-block-cover video.wp-block-cover__video-background {
324	position: absolute;
325	top: 0;
326	right: 0;
327	left: 0;
328	bottom: 0;
329	margin: 0;
330	padding: 0;
331	width: 100%;
332	height: 100%;
333	max-width: none;
334	max-height: none;
335	object-fit: cover;
336	outline: none;
337	border: none;
338	box-shadow: none;
339	}
340	@supports (-webkit-hyphens: none) {
341	.wp-block-cover-image.has-aspect-ratio,
342	.wp-block-cover.has-aspect-ratio {
343	min-height: fit-content !important;
344	}
345	}
346	.wp-block-cover-image .wp-block-cover__embed-background,
347	.wp-block-cover .wp-block-cover__embed-background {
348	position: absolute;
349	top: 0;
350	right: 0;
351	left: 0;
352	bottom: 0;
353	margin: 0;
354	padding: 0;
355	width: 100%;
356	height: 100%;
357	max-width: none;
358	max-height: none;
359	outline: none;
360	border: none;
361	box-shadow: none;
362	pointer-events: none;
363	}
364	.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper,
365	.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper {
366	position: absolute;
367	top: 0;
368	right: 0;
369	left: 0;
370	bottom: 0;
371	margin: 0;
372	padding: 0;
373	width: 100%;
374	height: 100%;
375	}
376	.wp-block-cover-image .wp-block-cover__embed-background iframe,
377	.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,
378	.wp-block-cover .wp-block-cover__embed-background iframe,
379	.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe {
380	position: absolute;
381	top: 50%;
382	right: 50%;
383	width: 100vw;
384	height: 100vh;
385	min-width: 100%;
386	min-height: 100%;
387	transform: translate(50%, -50%);
388	pointer-events: none;
389	}
390
391	.wp-block-cover-image.has-parallax,
392	.wp-block-cover.has-parallax,
393	.wp-block-cover__image-background.has-parallax,
394	video.wp-block-cover__video-background.has-parallax {
395	background-attachment: fixed;
396	background-size: cover;
397	background-repeat: no-repeat;
398	}
399	@supports (-webkit-touch-callout: inherit) {
400	.wp-block-cover-image.has-parallax,
401	.wp-block-cover.has-parallax,
402	.wp-block-cover__image-background.has-parallax,
403	video.wp-block-cover__video-background.has-parallax {
404	background-attachment: scroll;
405	}
406	}
407	@media (prefers-reduced-motion: reduce) {
408	.wp-block-cover-image.has-parallax,
409	.wp-block-cover.has-parallax,
410	.wp-block-cover__image-background.has-parallax,
411	video.wp-block-cover__video-background.has-parallax {
412	background-attachment: scroll;
413	}
414	}
415	.wp-block-cover-image.is-repeated,
416	.wp-block-cover.is-repeated,
417	.wp-block-cover__image-background.is-repeated,
418	video.wp-block-cover__video-background.is-repeated {
419	background-repeat: repeat;
420	background-size: auto;
421	}
422
423	section.wp-block-cover-image h2,
424	.wp-block-cover-image-text,
425	.wp-block-cover-text {
426	color: #fff;
427	}
428	section.wp-block-cover-image h2 a,
429	section.wp-block-cover-image h2 a:hover,
430	section.wp-block-cover-image h2 a:focus,
431	section.wp-block-cover-image h2 a:active,
432	.wp-block-cover-image-text a,
433	.wp-block-cover-image-text a:hover,
434	.wp-block-cover-image-text a:focus,
435	.wp-block-cover-image-text a:active,
436	.wp-block-cover-text a,
437	.wp-block-cover-text a:hover,
438	.wp-block-cover-text a:focus,
439	.wp-block-cover-text a:active {
440	color: #fff;
441	}
442
443	.wp-block-cover-image .wp-block-cover.has-left-content {
444	justify-content: flex-start;
445	}
446	.wp-block-cover-image .wp-block-cover.has-right-content {
447	justify-content: flex-end;
448	}
449
450	section.wp-block-cover-image.has-left-content > h2,
451	.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
452	.wp-block-cover.has-left-content .wp-block-cover-text {
453	margin-right: 0;
454	text-align: right;
455	}
456
457	section.wp-block-cover-image.has-right-content > h2,
458	.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
459	.wp-block-cover.has-right-content .wp-block-cover-text {
460	margin-left: 0;
461	text-align: left;
462	}
463
464	section.wp-block-cover-image > h2,
465	.wp-block-cover-image .wp-block-cover-image-text,
466	.wp-block-cover .wp-block-cover-text {
467	font-size: 2em;
468	line-height: 1.25;
469	z-index: 1;
470	margin-bottom: 0;
471	max-width: 840px;
472	padding: 0.44em;
473	text-align: center;
474	}
475
476	:where(.wp-block-cover:not(.has-text-color)),
477	:where(.wp-block-cover-image:not(.has-text-color)) {
478	color: #fff;
479	}
480
481	:where(.wp-block-cover.is-light:not(.has-text-color)),
482	:where(.wp-block-cover-image.is-light:not(.has-text-color)) {
483	color: #000;
484	}
485
486	:root :where(.wp-block-cover p:not(.has-text-color)),
487	:root :where(.wp-block-cover h1:not(.has-text-color)),
488	:root :where(.wp-block-cover h2:not(.has-text-color)),
489	:root :where(.wp-block-cover h3:not(.has-text-color)),
490	:root :where(.wp-block-cover h4:not(.has-text-color)),
491	:root :where(.wp-block-cover h5:not(.has-text-color)),
492	:root :where(.wp-block-cover h6:not(.has-text-color)) {
493	color: inherit;
494	}
495
496	body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
497	z-index: 0;
498	}
499	body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__embed-background {
500	z-index: 0;
501	}
502	body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
503	z-index: 0;
504	}
505	body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient)::before,
506	body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__background,
507	body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__gradient-background {
508	z-index: 1;
509	}
510	body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
511	z-index: 1;
512	}
513	.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
514	z-index: auto;
515	}