UNPKG

21.2 kBCSSView Raw
1:root, :host {
2 --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Solid';
3 --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Regular';
4 --fa-font-light: normal 300 1em/1 'Font Awesome 6 Light';
5 --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Thin';
6 --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
7 --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
8 --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }
9
10svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
11 overflow: visible;
12 box-sizing: content-box; }
13
14.svg-inline--fa {
15 display: var(--fa-display, inline-block);
16 height: 1em;
17 overflow: visible;
18 vertical-align: -.125em; }
19 .svg-inline--fa.fa-2xs {
20 vertical-align: 0.1em; }
21 .svg-inline--fa.fa-xs {
22 vertical-align: 0em; }
23 .svg-inline--fa.fa-sm {
24 vertical-align: -0.07143em; }
25 .svg-inline--fa.fa-lg {
26 vertical-align: -0.2em; }
27 .svg-inline--fa.fa-xl {
28 vertical-align: -0.25em; }
29 .svg-inline--fa.fa-2xl {
30 vertical-align: -0.3125em; }
31 .svg-inline--fa.fa-pull-left {
32 margin-right: var(--fa-pull-margin, 0.3em);
33 width: auto; }
34 .svg-inline--fa.fa-pull-right {
35 margin-left: var(--fa-pull-margin, 0.3em);
36 width: auto; }
37 .svg-inline--fa.fa-li {
38 width: var(--fa-li-width, 2em);
39 top: 0.25em; }
40 .svg-inline--fa.fa-fw {
41 width: var(--fa-fw-width, 1.25em); }
42
43.fa-layers svg.svg-inline--fa {
44 bottom: 0;
45 left: 0;
46 margin: auto;
47 position: absolute;
48 right: 0;
49 top: 0; }
50
51.fa-layers-text, .fa-layers-counter {
52 display: inline-block;
53 position: absolute;
54 text-align: center; }
55
56.fa-layers {
57 display: inline-block;
58 height: 1em;
59 position: relative;
60 text-align: center;
61 vertical-align: -.125em;
62 width: 1em; }
63 .fa-layers svg.svg-inline--fa {
64 -webkit-transform-origin: center center;
65 transform-origin: center center; }
66
67.fa-layers-text {
68 left: 50%;
69 top: 50%;
70 -webkit-transform: translate(-50%, -50%);
71 transform: translate(-50%, -50%);
72 -webkit-transform-origin: center center;
73 transform-origin: center center; }
74
75.fa-layers-counter {
76 background-color: var(--fa-counter-background-color, #ff253a);
77 border-radius: var(--fa-counter-border-radius, 1em);
78 box-sizing: border-box;
79 color: var(--fa-inverse, #fff);
80 line-height: var(--fa-counter-line-height, 1);
81 max-width: var(--fa-counter-max-width, 5em);
82 min-width: var(--fa-counter-min-width, 1.5em);
83 overflow: hidden;
84 padding: var(--fa-counter-padding, 0.25em 0.5em);
85 right: var(--fa-right, 0);
86 text-overflow: ellipsis;
87 top: var(--fa-top, 0);
88 -webkit-transform: scale(var(--fa-counter-scale, 0.25));
89 transform: scale(var(--fa-counter-scale, 0.25));
90 -webkit-transform-origin: top right;
91 transform-origin: top right; }
92
93.fa-layers-bottom-right {
94 bottom: var(--fa-bottom, 0);
95 right: var(--fa-right, 0);
96 top: auto;
97 -webkit-transform: scale(var(--fa-layers-scale, 0.25));
98 transform: scale(var(--fa-layers-scale, 0.25));
99 -webkit-transform-origin: bottom right;
100 transform-origin: bottom right; }
101
102.fa-layers-bottom-left {
103 bottom: var(--fa-bottom, 0);
104 left: var(--fa-left, 0);
105 right: auto;
106 top: auto;
107 -webkit-transform: scale(var(--fa-layers-scale, 0.25));
108 transform: scale(var(--fa-layers-scale, 0.25));
109 -webkit-transform-origin: bottom left;
110 transform-origin: bottom left; }
111
112.fa-layers-top-right {
113 top: var(--fa-top, 0);
114 right: var(--fa-right, 0);
115 -webkit-transform: scale(var(--fa-layers-scale, 0.25));
116 transform: scale(var(--fa-layers-scale, 0.25));
117 -webkit-transform-origin: top right;
118 transform-origin: top right; }
119
120.fa-layers-top-left {
121 left: var(--fa-left, 0);
122 right: auto;
123 top: var(--fa-top, 0);
124 -webkit-transform: scale(var(--fa-layers-scale, 0.25));
125 transform: scale(var(--fa-layers-scale, 0.25));
126 -webkit-transform-origin: top left;
127 transform-origin: top left; }
128
129.fa-1x {
130 font-size: 1em; }
131
132.fa-2x {
133 font-size: 2em; }
134
135.fa-3x {
136 font-size: 3em; }
137
138.fa-4x {
139 font-size: 4em; }
140
141.fa-5x {
142 font-size: 5em; }
143
144.fa-6x {
145 font-size: 6em; }
146
147.fa-7x {
148 font-size: 7em; }
149
150.fa-8x {
151 font-size: 8em; }
152
153.fa-9x {
154 font-size: 9em; }
155
156.fa-10x {
157 font-size: 10em; }
158
159.fa-2xs {
160 font-size: 0.625em;
161 line-height: 0.1em;
162 vertical-align: 0.225em; }
163
164.fa-xs {
165 font-size: 0.75em;
166 line-height: 0.08333em;
167 vertical-align: 0.125em; }
168
169.fa-sm {
170 font-size: 0.875em;
171 line-height: 0.07143em;
172 vertical-align: 0.05357em; }
173
174.fa-lg {
175 font-size: 1.25em;
176 line-height: 0.05em;
177 vertical-align: -0.075em; }
178
179.fa-xl {
180 font-size: 1.5em;
181 line-height: 0.04167em;
182 vertical-align: -0.125em; }
183
184.fa-2xl {
185 font-size: 2em;
186 line-height: 0.03125em;
187 vertical-align: -0.1875em; }
188
189.fa-fw {
190 text-align: center;
191 width: 1.25em; }
192
193.fa-ul {
194 list-style-type: none;
195 margin-left: var(--fa-li-margin, 2.5em);
196 padding-left: 0; }
197 .fa-ul > li {
198 position: relative; }
199
200.fa-li {
201 left: calc(var(--fa-li-width, 2em) * -1);
202 position: absolute;
203 text-align: center;
204 width: var(--fa-li-width, 2em);
205 line-height: inherit; }
206
207.fa-border {
208 border-color: var(--fa-border-color, #eee);
209 border-radius: var(--fa-border-radius, 0.1em);
210 border-style: var(--fa-border-style, solid);
211 border-width: var(--fa-border-width, 0.08em);
212 padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
213
214.fa-pull-left {
215 float: left;
216 margin-right: var(--fa-pull-margin, 0.3em); }
217
218.fa-pull-right {
219 float: right;
220 margin-left: var(--fa-pull-margin, 0.3em); }
221
222.fa-beat {
223 -webkit-animation-name: fa-beat;
224 animation-name: fa-beat;
225 -webkit-animation-delay: var(--fa-animation-delay, 0s);
226 animation-delay: var(--fa-animation-delay, 0s);
227 -webkit-animation-direction: var(--fa-animation-direction, normal);
228 animation-direction: var(--fa-animation-direction, normal);
229 -webkit-animation-duration: var(--fa-animation-duration, 1s);
230 animation-duration: var(--fa-animation-duration, 1s);
231 -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
232 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
233 -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
234 animation-timing-function: var(--fa-animation-timing, ease-in-out); }
235
236.fa-bounce {
237 -webkit-animation-name: fa-bounce;
238 animation-name: fa-bounce;
239 -webkit-animation-delay: var(--fa-animation-delay, 0s);
240 animation-delay: var(--fa-animation-delay, 0s);
241 -webkit-animation-direction: var(--fa-animation-direction, normal);
242 animation-direction: var(--fa-animation-direction, normal);
243 -webkit-animation-duration: var(--fa-animation-duration, 1s);
244 animation-duration: var(--fa-animation-duration, 1s);
245 -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
246 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
247 -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
248 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
249
250.fa-fade {
251 -webkit-animation-name: fa-fade;
252 animation-name: fa-fade;
253 -webkit-animation-delay: var(--fa-animation-delay, 0s);
254 animation-delay: var(--fa-animation-delay, 0s);
255 -webkit-animation-direction: var(--fa-animation-direction, normal);
256 animation-direction: var(--fa-animation-direction, normal);
257 -webkit-animation-duration: var(--fa-animation-duration, 1s);
258 animation-duration: var(--fa-animation-duration, 1s);
259 -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
260 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
261 -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
262 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
263
264.fa-beat-fade {
265 -webkit-animation-name: fa-beat-fade;
266 animation-name: fa-beat-fade;
267 -webkit-animation-delay: var(--fa-animation-delay, 0s);
268 animation-delay: var(--fa-animation-delay, 0s);
269 -webkit-animation-direction: var(--fa-animation-direction, normal);
270 animation-direction: var(--fa-animation-direction, normal);
271 -webkit-animation-duration: var(--fa-animation-duration, 1s);
272 animation-duration: var(--fa-animation-duration, 1s);
273 -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
274 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
275 -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
276 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
277
278.fa-flip {
279 -webkit-animation-name: fa-flip;
280 animation-name: fa-flip;
281 -webkit-animation-delay: var(--fa-animation-delay, 0s);
282 animation-delay: var(--fa-animation-delay, 0s);
283 -webkit-animation-direction: var(--fa-animation-direction, normal);
284 animation-direction: var(--fa-animation-direction, normal);
285 -webkit-animation-duration: var(--fa-animation-duration, 1s);
286 animation-duration: var(--fa-animation-duration, 1s);
287 -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
288 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
289 -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
290 animation-timing-function: var(--fa-animation-timing, ease-in-out); }
291
292.fa-shake {
293 -webkit-animation-name: fa-shake;
294 animation-name: fa-shake;
295 -webkit-animation-delay: var(--fa-animation-delay, 0s);
296 animation-delay: var(--fa-animation-delay, 0s);
297 -webkit-animation-direction: var(--fa-animation-direction, normal);
298 animation-direction: var(--fa-animation-direction, normal);
299 -webkit-animation-duration: var(--fa-animation-duration, 1s);
300 animation-duration: var(--fa-animation-duration, 1s);
301 -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
302 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
303 -webkit-animation-timing-function: var(--fa-animation-timing, linear);
304 animation-timing-function: var(--fa-animation-timing, linear); }
305
306.fa-spin {
307 -webkit-animation-name: fa-spin;
308 animation-name: fa-spin;
309 -webkit-animation-delay: var(--fa-animation-delay, 0s);
310 animation-delay: var(--fa-animation-delay, 0s);
311 -webkit-animation-direction: var(--fa-animation-direction, normal);
312 animation-direction: var(--fa-animation-direction, normal);
313 -webkit-animation-duration: var(--fa-animation-duration, 2s);
314 animation-duration: var(--fa-animation-duration, 2s);
315 -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
316 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
317 -webkit-animation-timing-function: var(--fa-animation-timing, linear);
318 animation-timing-function: var(--fa-animation-timing, linear); }
319
320.fa-spin-reverse {
321 --fa-animation-direction: reverse; }
322
323.fa-pulse,
324.fa-spin-pulse {
325 -webkit-animation-name: fa-spin;
326 animation-name: fa-spin;
327 -webkit-animation-direction: var(--fa-animation-direction, normal);
328 animation-direction: var(--fa-animation-direction, normal);
329 -webkit-animation-duration: var(--fa-animation-duration, 1s);
330 animation-duration: var(--fa-animation-duration, 1s);
331 -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
332 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
333 -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
334 animation-timing-function: var(--fa-animation-timing, steps(8)); }
335
336@media (prefers-reduced-motion: reduce) {
337 .fa-beat,
338 .fa-bounce,
339 .fa-fade,
340 .fa-beat-fade,
341 .fa-flip,
342 .fa-pulse,
343 .fa-shake,
344 .fa-spin,
345 .fa-spin-pulse {
346 -webkit-animation-delay: -1ms;
347 animation-delay: -1ms;
348 -webkit-animation-duration: 1ms;
349 animation-duration: 1ms;
350 -webkit-animation-iteration-count: 1;
351 animation-iteration-count: 1;
352 transition-delay: 0s;
353 transition-duration: 0s; } }
354
355@-webkit-keyframes fa-beat {
356 0%, 90% {
357 -webkit-transform: scale(1);
358 transform: scale(1); }
359 45% {
360 -webkit-transform: scale(var(--fa-beat-scale, 1.25));
361 transform: scale(var(--fa-beat-scale, 1.25)); } }
362
363@keyframes fa-beat {
364 0%, 90% {
365 -webkit-transform: scale(1);
366 transform: scale(1); }
367 45% {
368 -webkit-transform: scale(var(--fa-beat-scale, 1.25));
369 transform: scale(var(--fa-beat-scale, 1.25)); } }
370
371@-webkit-keyframes fa-bounce {
372 0% {
373 -webkit-transform: scale(1, 1) translateY(0);
374 transform: scale(1, 1) translateY(0); }
375 10% {
376 -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
377 transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
378 30% {
379 -webkit-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));
380 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)); }
381 50% {
382 -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
383 transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
384 57% {
385 -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
386 transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
387 64% {
388 -webkit-transform: scale(1, 1) translateY(0);
389 transform: scale(1, 1) translateY(0); }
390 100% {
391 -webkit-transform: scale(1, 1) translateY(0);
392 transform: scale(1, 1) translateY(0); } }
393
394@keyframes fa-bounce {
395 0% {
396 -webkit-transform: scale(1, 1) translateY(0);
397 transform: scale(1, 1) translateY(0); }
398 10% {
399 -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
400 transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
401 30% {
402 -webkit-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));
403 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)); }
404 50% {
405 -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
406 transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
407 57% {
408 -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
409 transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
410 64% {
411 -webkit-transform: scale(1, 1) translateY(0);
412 transform: scale(1, 1) translateY(0); }
413 100% {
414 -webkit-transform: scale(1, 1) translateY(0);
415 transform: scale(1, 1) translateY(0); } }
416
417@-webkit-keyframes fa-fade {
418 50% {
419 opacity: var(--fa-fade-opacity, 0.4); } }
420
421@keyframes fa-fade {
422 50% {
423 opacity: var(--fa-fade-opacity, 0.4); } }
424
425@-webkit-keyframes fa-beat-fade {
426 0%, 100% {
427 opacity: var(--fa-beat-fade-opacity, 0.4);
428 -webkit-transform: scale(1);
429 transform: scale(1); }
430 50% {
431 opacity: 1;
432 -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
433 transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
434
435@keyframes fa-beat-fade {
436 0%, 100% {
437 opacity: var(--fa-beat-fade-opacity, 0.4);
438 -webkit-transform: scale(1);
439 transform: scale(1); }
440 50% {
441 opacity: 1;
442 -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
443 transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
444
445@-webkit-keyframes fa-flip {
446 50% {
447 -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
448 transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
449
450@keyframes fa-flip {
451 50% {
452 -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
453 transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
454
455@-webkit-keyframes fa-shake {
456 0% {
457 -webkit-transform: rotate(-15deg);
458 transform: rotate(-15deg); }
459 4% {
460 -webkit-transform: rotate(15deg);
461 transform: rotate(15deg); }
462 8%, 24% {
463 -webkit-transform: rotate(-18deg);
464 transform: rotate(-18deg); }
465 12%, 28% {
466 -webkit-transform: rotate(18deg);
467 transform: rotate(18deg); }
468 16% {
469 -webkit-transform: rotate(-22deg);
470 transform: rotate(-22deg); }
471 20% {
472 -webkit-transform: rotate(22deg);
473 transform: rotate(22deg); }
474 32% {
475 -webkit-transform: rotate(-12deg);
476 transform: rotate(-12deg); }
477 36% {
478 -webkit-transform: rotate(12deg);
479 transform: rotate(12deg); }
480 40%, 100% {
481 -webkit-transform: rotate(0deg);
482 transform: rotate(0deg); } }
483
484@keyframes fa-shake {
485 0% {
486 -webkit-transform: rotate(-15deg);
487 transform: rotate(-15deg); }
488 4% {
489 -webkit-transform: rotate(15deg);
490 transform: rotate(15deg); }
491 8%, 24% {
492 -webkit-transform: rotate(-18deg);
493 transform: rotate(-18deg); }
494 12%, 28% {
495 -webkit-transform: rotate(18deg);
496 transform: rotate(18deg); }
497 16% {
498 -webkit-transform: rotate(-22deg);
499 transform: rotate(-22deg); }
500 20% {
501 -webkit-transform: rotate(22deg);
502 transform: rotate(22deg); }
503 32% {
504 -webkit-transform: rotate(-12deg);
505 transform: rotate(-12deg); }
506 36% {
507 -webkit-transform: rotate(12deg);
508 transform: rotate(12deg); }
509 40%, 100% {
510 -webkit-transform: rotate(0deg);
511 transform: rotate(0deg); } }
512
513@-webkit-keyframes fa-spin {
514 0% {
515 -webkit-transform: rotate(0deg);
516 transform: rotate(0deg); }
517 100% {
518 -webkit-transform: rotate(360deg);
519 transform: rotate(360deg); } }
520
521@keyframes fa-spin {
522 0% {
523 -webkit-transform: rotate(0deg);
524 transform: rotate(0deg); }
525 100% {
526 -webkit-transform: rotate(360deg);
527 transform: rotate(360deg); } }
528
529.fa-rotate-90 {
530 -webkit-transform: rotate(90deg);
531 transform: rotate(90deg); }
532
533.fa-rotate-180 {
534 -webkit-transform: rotate(180deg);
535 transform: rotate(180deg); }
536
537.fa-rotate-270 {
538 -webkit-transform: rotate(270deg);
539 transform: rotate(270deg); }
540
541.fa-flip-horizontal {
542 -webkit-transform: scale(-1, 1);
543 transform: scale(-1, 1); }
544
545.fa-flip-vertical {
546 -webkit-transform: scale(1, -1);
547 transform: scale(1, -1); }
548
549.fa-flip-both,
550.fa-flip-horizontal.fa-flip-vertical {
551 -webkit-transform: scale(-1, -1);
552 transform: scale(-1, -1); }
553
554.fa-rotate-by {
555 -webkit-transform: rotate(var(--fa-rotate-angle, none));
556 transform: rotate(var(--fa-rotate-angle, none)); }
557
558.fa-stack {
559 display: inline-block;
560 vertical-align: middle;
561 height: 2em;
562 position: relative;
563 width: 2.5em; }
564
565.fa-stack-1x,
566.fa-stack-2x {
567 bottom: 0;
568 left: 0;
569 margin: auto;
570 position: absolute;
571 right: 0;
572 top: 0;
573 z-index: var(--fa-stack-z-index, auto); }
574
575.svg-inline--fa.fa-stack-1x {
576 height: 1em;
577 width: 1.25em; }
578
579.svg-inline--fa.fa-stack-2x {
580 height: 2em;
581 width: 2.5em; }
582
583.fa-inverse {
584 color: var(--fa-inverse, #fff); }
585
586.sr-only,
587.fa-sr-only {
588 position: absolute;
589 width: 1px;
590 height: 1px;
591 padding: 0;
592 margin: -1px;
593 overflow: hidden;
594 clip: rect(0, 0, 0, 0);
595 white-space: nowrap;
596 border-width: 0; }
597
598.sr-only-focusable:not(:focus),
599.fa-sr-only-focusable:not(:focus) {
600 position: absolute;
601 width: 1px;
602 height: 1px;
603 padding: 0;
604 margin: -1px;
605 overflow: hidden;
606 clip: rect(0, 0, 0, 0);
607 white-space: nowrap;
608 border-width: 0; }
609
610.svg-inline--fa .fa-primary {
611 fill: var(--fa-primary-color, currentColor);
612 opacity: var(--fa-primary-opacity, 1); }
613
614.svg-inline--fa .fa-secondary {
615 fill: var(--fa-secondary-color, currentColor);
616 opacity: var(--fa-secondary-opacity, 0.4); }
617
618.svg-inline--fa.fa-swap-opacity .fa-primary {
619 opacity: var(--fa-secondary-opacity, 0.4); }
620
621.svg-inline--fa.fa-swap-opacity .fa-secondary {
622 opacity: var(--fa-primary-opacity, 1); }
623
624.svg-inline--fa mask .fa-primary,
625.svg-inline--fa mask .fa-secondary {
626 fill: black; }
627
628.fad.fa-inverse,
629.fa-duotone.fa-inverse {
630 color: var(--fa-inverse, #fff); }