svg-with-js.css — JetBackup – Backup, Restore & Migrate 3.1.23.3

backup / public / libraries / fontawesome / css / svg-with-js.css

backup / public / libraries / fontawesome / css Last commit date

svg-with-js.css

460 lines

1	/*!
2	* Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com
3	* License - https://fontawesome.com/license (Commercial License)
4	* Copyright 2024 Fonticons, Inc.
5	*/
6	:root, :host {
7	--fa-font-solid: normal 900 1em/1 'Font Awesome 6 Pro';
8	--fa-font-regular: normal 400 1em/1 'Font Awesome 6 Pro';
9	--fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro';
10	--fa-font-thin: normal 100 1em/1 'Font Awesome 6 Pro';
11	--fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
12	--fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
13	--fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
14	--fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';
15	--fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
16	--fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp';
17	--fa-font-sharp-duotone-solid: normal 900 1em/1 'Font Awesome 6 Sharp Duotone'; }
18
19	svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
20	overflow: visible;
21	box-sizing: content-box; }
22
23	.svg-inline--fa {
24	display: var(--fa-display, inline-block);
25	height: 1em;
26	overflow: visible;
27	vertical-align: -.125em; }
28	.svg-inline--fa.fa-2xs {
29	vertical-align: 0.1em; }
30	.svg-inline--fa.fa-xs {
31	vertical-align: 0em; }
32	.svg-inline--fa.fa-sm {
33	vertical-align: -0.07143em; }
34	.svg-inline--fa.fa-lg {
35	vertical-align: -0.2em; }
36	.svg-inline--fa.fa-xl {
37	vertical-align: -0.25em; }
38	.svg-inline--fa.fa-2xl {
39	vertical-align: -0.3125em; }
40	.svg-inline--fa.fa-pull-left {
41	margin-right: var(--fa-pull-margin, 0.3em);
42	width: auto; }
43	.svg-inline--fa.fa-pull-right {
44	margin-left: var(--fa-pull-margin, 0.3em);
45	width: auto; }
46	.svg-inline--fa.fa-li {
47	width: var(--fa-li-width, 2em);
48	top: 0.25em; }
49	.svg-inline--fa.fa-fw {
50	width: var(--fa-fw-width, 1.25em); }
51
52	.fa-layers svg.svg-inline--fa {
53	bottom: 0;
54	left: 0;
55	margin: auto;
56	position: absolute;
57	right: 0;
58	top: 0; }
59
60	.fa-layers-text, .fa-layers-counter {
61	display: inline-block;
62	position: absolute;
63	text-align: center; }
64
65	.fa-layers {
66	display: inline-block;
67	height: 1em;
68	position: relative;
69	text-align: center;
70	vertical-align: -.125em;
71	width: 1em; }
72	.fa-layers svg.svg-inline--fa {
73	transform-origin: center center; }
74
75	.fa-layers-text {
76	left: 50%;
77	top: 50%;
78	transform: translate(-50%, -50%);
79	transform-origin: center center; }
80
81	.fa-layers-counter {
82	background-color: var(--fa-counter-background-color, #ff253a);
83	border-radius: var(--fa-counter-border-radius, 1em);
84	box-sizing: border-box;
85	color: var(--fa-inverse, #fff);
86	line-height: var(--fa-counter-line-height, 1);
87	max-width: var(--fa-counter-max-width, 5em);
88	min-width: var(--fa-counter-min-width, 1.5em);
89	overflow: hidden;
90	padding: var(--fa-counter-padding, 0.25em 0.5em);
91	right: var(--fa-right, 0);
92	text-overflow: ellipsis;
93	top: var(--fa-top, 0);
94	transform: scale(var(--fa-counter-scale, 0.25));
95	transform-origin: top right; }
96
97	.fa-layers-bottom-right {
98	bottom: var(--fa-bottom, 0);
99	right: var(--fa-right, 0);
100	top: auto;
101	transform: scale(var(--fa-layers-scale, 0.25));
102	transform-origin: bottom right; }
103
104	.fa-layers-bottom-left {
105	bottom: var(--fa-bottom, 0);
106	left: var(--fa-left, 0);
107	right: auto;
108	top: auto;
109	transform: scale(var(--fa-layers-scale, 0.25));
110	transform-origin: bottom left; }
111
112	.fa-layers-top-right {
113	top: var(--fa-top, 0);
114	right: var(--fa-right, 0);
115	transform: scale(var(--fa-layers-scale, 0.25));
116	transform-origin: top right; }
117
118	.fa-layers-top-left {
119	left: var(--fa-left, 0);
120	right: auto;
121	top: var(--fa-top, 0);
122	transform: scale(var(--fa-layers-scale, 0.25));
123	transform-origin: top left; }
124
125	.fa-1x {
126	font-size: 1em; }
127
128	.fa-2x {
129	font-size: 2em; }
130
131	.fa-3x {
132	font-size: 3em; }
133
134	.fa-4x {
135	font-size: 4em; }
136
137	.fa-5x {
138	font-size: 5em; }
139
140	.fa-6x {
141	font-size: 6em; }
142
143	.fa-7x {
144	font-size: 7em; }
145
146	.fa-8x {
147	font-size: 8em; }
148
149	.fa-9x {
150	font-size: 9em; }
151
152	.fa-10x {
153	font-size: 10em; }
154
155	.fa-2xs {
156	font-size: 0.625em;
157	line-height: 0.1em;
158	vertical-align: 0.225em; }
159
160	.fa-xs {
161	font-size: 0.75em;
162	line-height: 0.08333em;
163	vertical-align: 0.125em; }
164
165	.fa-sm {
166	font-size: 0.875em;
167	line-height: 0.07143em;
168	vertical-align: 0.05357em; }
169
170	.fa-lg {
171	font-size: 1.25em;
172	line-height: 0.05em;
173	vertical-align: -0.075em; }
174
175	.fa-xl {
176	font-size: 1.5em;
177	line-height: 0.04167em;
178	vertical-align: -0.125em; }
179
180	.fa-2xl {
181	font-size: 2em;
182	line-height: 0.03125em;
183	vertical-align: -0.1875em; }
184
185	.fa-fw {
186	text-align: center;
187	width: 1.25em; }
188
189	.fa-ul {
190	list-style-type: none;
191	margin-left: var(--fa-li-margin, 2.5em);
192	padding-left: 0; }
193	.fa-ul > li {
194	position: relative; }
195
196	.fa-li {
197	left: calc(-1 * var(--fa-li-width, 2em));
198	position: absolute;
199	text-align: center;
200	width: var(--fa-li-width, 2em);
201	line-height: inherit; }
202
203	.fa-border {
204	border-color: var(--fa-border-color, #eee);
205	border-radius: var(--fa-border-radius, 0.1em);
206	border-style: var(--fa-border-style, solid);
207	border-width: var(--fa-border-width, 0.08em);
208	padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
209
210	.fa-pull-left {
211	float: left;
212	margin-right: var(--fa-pull-margin, 0.3em); }
213
214	.fa-pull-right {
215	float: right;
216	margin-left: var(--fa-pull-margin, 0.3em); }
217
218	.fa-beat {
219	animation-name: fa-beat;
220	animation-delay: var(--fa-animation-delay, 0s);
221	animation-direction: var(--fa-animation-direction, normal);
222	animation-duration: var(--fa-animation-duration, 1s);
223	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
224	animation-timing-function: var(--fa-animation-timing, ease-in-out); }
225
226	.fa-bounce {
227	animation-name: fa-bounce;
228	animation-delay: var(--fa-animation-delay, 0s);
229	animation-direction: var(--fa-animation-direction, normal);
230	animation-duration: var(--fa-animation-duration, 1s);
231	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
232	animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
233
234	.fa-fade {
235	animation-name: fa-fade;
236	animation-delay: var(--fa-animation-delay, 0s);
237	animation-direction: var(--fa-animation-direction, normal);
238	animation-duration: var(--fa-animation-duration, 1s);
239	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
240	animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
241
242	.fa-beat-fade {
243	animation-name: fa-beat-fade;
244	animation-delay: var(--fa-animation-delay, 0s);
245	animation-direction: var(--fa-animation-direction, normal);
246	animation-duration: var(--fa-animation-duration, 1s);
247	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
248	animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
249
250	.fa-flip {
251	animation-name: fa-flip;
252	animation-delay: var(--fa-animation-delay, 0s);
253	animation-direction: var(--fa-animation-direction, normal);
254	animation-duration: var(--fa-animation-duration, 1s);
255	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
256	animation-timing-function: var(--fa-animation-timing, ease-in-out); }
257
258	.fa-shake {
259	animation-name: fa-shake;
260	animation-delay: var(--fa-animation-delay, 0s);
261	animation-direction: var(--fa-animation-direction, normal);
262	animation-duration: var(--fa-animation-duration, 1s);
263	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
264	animation-timing-function: var(--fa-animation-timing, linear); }
265
266	.fa-spin {
267	animation-name: fa-spin;
268	animation-delay: var(--fa-animation-delay, 0s);
269	animation-direction: var(--fa-animation-direction, normal);
270	animation-duration: var(--fa-animation-duration, 2s);
271	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
272	animation-timing-function: var(--fa-animation-timing, linear); }
273
274	.fa-spin-reverse {
275	--fa-animation-direction: reverse; }
276
277	.fa-pulse,
278	.fa-spin-pulse {
279	animation-name: fa-spin;
280	animation-direction: var(--fa-animation-direction, normal);
281	animation-duration: var(--fa-animation-duration, 1s);
282	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
283	animation-timing-function: var(--fa-animation-timing, steps(8)); }
284
285	@media (prefers-reduced-motion: reduce) {
286	.fa-beat,
287	.fa-bounce,
288	.fa-fade,
289	.fa-beat-fade,
290	.fa-flip,
291	.fa-pulse,
292	.fa-shake,
293	.fa-spin,
294	.fa-spin-pulse {
295	animation-delay: -1ms;
296	animation-duration: 1ms;
297	animation-iteration-count: 1;
298	transition-delay: 0s;
299	transition-duration: 0s; } }
300
301	@keyframes fa-beat {
302	0%, 90% {
303	transform: scale(1); }
304	45% {
305	transform: scale(var(--fa-beat-scale, 1.25)); } }
306
307	@keyframes fa-bounce {
308	0% {
309	transform: scale(1, 1) translateY(0); }
310	10% {
311	transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
312	30% {
313	transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
314	50% {
315	transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
316	57% {
317	transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
318	64% {
319	transform: scale(1, 1) translateY(0); }
320	100% {
321	transform: scale(1, 1) translateY(0); } }
322
323	@keyframes fa-fade {
324	50% {
325	opacity: var(--fa-fade-opacity, 0.4); } }
326
327	@keyframes fa-beat-fade {
328	0%, 100% {
329	opacity: var(--fa-beat-fade-opacity, 0.4);
330	transform: scale(1); }
331	50% {
332	opacity: 1;
333	transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
334
335	@keyframes fa-flip {
336	50% {
337	transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
338
339	@keyframes fa-shake {
340	0% {
341	transform: rotate(-15deg); }
342	4% {
343	transform: rotate(15deg); }
344	8%, 24% {
345	transform: rotate(-18deg); }
346	12%, 28% {
347	transform: rotate(18deg); }
348	16% {
349	transform: rotate(-22deg); }
350	20% {
351	transform: rotate(22deg); }
352	32% {
353	transform: rotate(-12deg); }
354	36% {
355	transform: rotate(12deg); }
356	40%, 100% {
357	transform: rotate(0deg); } }
358
359	@keyframes fa-spin {
360	0% {
361	transform: rotate(0deg); }
362	100% {
363	transform: rotate(360deg); } }
364
365	.fa-rotate-90 {
366	transform: rotate(90deg); }
367
368	.fa-rotate-180 {
369	transform: rotate(180deg); }
370
371	.fa-rotate-270 {
372	transform: rotate(270deg); }
373
374	.fa-flip-horizontal {
375	transform: scale(-1, 1); }
376
377	.fa-flip-vertical {
378	transform: scale(1, -1); }
379
380	.fa-flip-both,
381	.fa-flip-horizontal.fa-flip-vertical {
382	transform: scale(-1, -1); }
383
384	.fa-rotate-by {
385	transform: rotate(var(--fa-rotate-angle, 0)); }
386
387	.fa-stack {
388	display: inline-block;
389	vertical-align: middle;
390	height: 2em;
391	position: relative;
392	width: 2.5em; }
393
394	.fa-stack-1x,
395	.fa-stack-2x {
396	bottom: 0;
397	left: 0;
398	margin: auto;
399	position: absolute;
400	right: 0;
401	top: 0;
402	z-index: var(--fa-stack-z-index, auto); }
403
404	.svg-inline--fa.fa-stack-1x {
405	height: 1em;
406	width: 1.25em; }
407
408	.svg-inline--fa.fa-stack-2x {
409	height: 2em;
410	width: 2.5em; }
411
412	.fa-inverse {
413	color: var(--fa-inverse, #fff); }
414
415	.sr-only,
416	.fa-sr-only {
417	position: absolute;
418	width: 1px;
419	height: 1px;
420	padding: 0;
421	margin: -1px;
422	overflow: hidden;
423	clip: rect(0, 0, 0, 0);
424	white-space: nowrap;
425	border-width: 0; }
426
427	.sr-only-focusable:not(:focus),
428	.fa-sr-only-focusable:not(:focus) {
429	position: absolute;
430	width: 1px;
431	height: 1px;
432	padding: 0;
433	margin: -1px;
434	overflow: hidden;
435	clip: rect(0, 0, 0, 0);
436	white-space: nowrap;
437	border-width: 0; }
438
439	.svg-inline--fa .fa-primary {
440	fill: var(--fa-primary-color, currentColor);
441	opacity: var(--fa-primary-opacity, 1); }
442
443	.svg-inline--fa .fa-secondary {
444	fill: var(--fa-secondary-color, currentColor);
445	opacity: var(--fa-secondary-opacity, 0.4); }
446
447	.svg-inline--fa.fa-swap-opacity .fa-primary {
448	opacity: var(--fa-secondary-opacity, 0.4); }
449
450	.svg-inline--fa.fa-swap-opacity .fa-secondary {
451	opacity: var(--fa-primary-opacity, 1); }
452
453	.svg-inline--fa mask .fa-primary,
454	.svg-inline--fa mask .fa-secondary {
455	fill: black; }
456
457	.fad.fa-inverse,
458	.fa-duotone.fa-inverse {
459	color: var(--fa-inverse, #fff); }
460