CoCalc -- svg-with-js.css

GitHub Repository: galaxyproject/training-material
Path: blob/main/assets/fontawesome/css/svg-with-js.css
¹⁶⁷⁸ views
1
/*!
2
 * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
3
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
 * Copyright 2022 Fonticons, Inc.
5
 */
6
:root, :host {
7
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Solid';
8
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Regular';
9
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Light';
10
  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Thin';
11
  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
12
  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
13
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }
14

15
svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
16
  overflow: visible;
17
  box-sizing: content-box; }
18

19
.svg-inline--fa {
20
  display: var(--fa-display, inline-block);
21
  height: 1em;
22
  overflow: visible;
23
  vertical-align: -.125em; }
24
  .svg-inline--fa.fa-2xs {
25
    vertical-align: 0.1em; }
26
  .svg-inline--fa.fa-xs {
27
    vertical-align: 0em; }
28
  .svg-inline--fa.fa-sm {
29
    vertical-align: -0.07143em; }
30
  .svg-inline--fa.fa-lg {
31
    vertical-align: -0.2em; }
32
  .svg-inline--fa.fa-xl {
33
    vertical-align: -0.25em; }
34
  .svg-inline--fa.fa-2xl {
35
    vertical-align: -0.3125em; }
36
  .svg-inline--fa.fa-pull-left {
37
    margin-right: var(--fa-pull-margin, 0.3em);
38
    width: auto; }
39
  .svg-inline--fa.fa-pull-right {
40
    margin-left: var(--fa-pull-margin, 0.3em);
41
    width: auto; }
42
  .svg-inline--fa.fa-li {
43
    width: var(--fa-li-width, 2em);
44
    top: 0.25em; }
45
  .svg-inline--fa.fa-fw {
46
    width: var(--fa-fw-width, 1.25em); }
47

48
.fa-layers svg.svg-inline--fa {
49
  bottom: 0;
50
  left: 0;
51
  margin: auto;
52
  position: absolute;
53
  right: 0;
54
  top: 0; }
55

56
.fa-layers-text, .fa-layers-counter {
57
  display: inline-block;
58
  position: absolute;
59
  text-align: center; }
60

61
.fa-layers {
62
  display: inline-block;
63
  height: 1em;
64
  position: relative;
65
  text-align: center;
66
  vertical-align: -.125em;
67
  width: 1em; }
68
  .fa-layers svg.svg-inline--fa {
69
    -webkit-transform-origin: center center;
70
            transform-origin: center center; }
71

72
.fa-layers-text {
73
  left: 50%;
74
  top: 50%;
75
  -webkit-transform: translate(-50%, -50%);
76
          transform: translate(-50%, -50%);
77
  -webkit-transform-origin: center center;
78
          transform-origin: center center; }
79

80
.fa-layers-counter {
81
  background-color: var(--fa-counter-background-color, #ff253a);
82
  border-radius: var(--fa-counter-border-radius, 1em);
83
  box-sizing: border-box;
84
  color: var(--fa-inverse, #fff);
85
  line-height: var(--fa-counter-line-height, 1);
86
  max-width: var(--fa-counter-max-width, 5em);
87
  min-width: var(--fa-counter-min-width, 1.5em);
88
  overflow: hidden;
89
  padding: var(--fa-counter-padding, 0.25em 0.5em);
90
  right: var(--fa-right, 0);
91
  text-overflow: ellipsis;
92
  top: var(--fa-top, 0);
93
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
94
          transform: scale(var(--fa-counter-scale, 0.25));
95
  -webkit-transform-origin: top right;
96
          transform-origin: top right; }
97

98
.fa-layers-bottom-right {
99
  bottom: var(--fa-bottom, 0);
100
  right: var(--fa-right, 0);
101
  top: auto;
102
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
103
          transform: scale(var(--fa-layers-scale, 0.25));
104
  -webkit-transform-origin: bottom right;
105
          transform-origin: bottom right; }
106

107
.fa-layers-bottom-left {
108
  bottom: var(--fa-bottom, 0);
109
  left: var(--fa-left, 0);
110
  right: auto;
111
  top: auto;
112
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
113
          transform: scale(var(--fa-layers-scale, 0.25));
114
  -webkit-transform-origin: bottom left;
115
          transform-origin: bottom left; }
116

117
.fa-layers-top-right {
118
  top: var(--fa-top, 0);
119
  right: var(--fa-right, 0);
120
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
121
          transform: scale(var(--fa-layers-scale, 0.25));
122
  -webkit-transform-origin: top right;
123
          transform-origin: top right; }
124

125
.fa-layers-top-left {
126
  left: var(--fa-left, 0);
127
  right: auto;
128
  top: var(--fa-top, 0);
129
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
130
          transform: scale(var(--fa-layers-scale, 0.25));
131
  -webkit-transform-origin: top left;
132
          transform-origin: top left; }
133

134
.fa-1x {
135
  font-size: 1em; }
136

137
.fa-2x {
138
  font-size: 2em; }
139

140
.fa-3x {
141
  font-size: 3em; }
142

143
.fa-4x {
144
  font-size: 4em; }
145

146
.fa-5x {
147
  font-size: 5em; }
148

149
.fa-6x {
150
  font-size: 6em; }
151

152
.fa-7x {
153
  font-size: 7em; }
154

155
.fa-8x {
156
  font-size: 8em; }
157

158
.fa-9x {
159
  font-size: 9em; }
160

161
.fa-10x {
162
  font-size: 10em; }
163

164
.fa-2xs {
165
  font-size: 0.625em;
166
  line-height: 0.1em;
167
  vertical-align: 0.225em; }
168

169
.fa-xs {
170
  font-size: 0.75em;
171
  line-height: 0.08333em;
172
  vertical-align: 0.125em; }
173

174
.fa-sm {
175
  font-size: 0.875em;
176
  line-height: 0.07143em;
177
  vertical-align: 0.05357em; }
178

179
.fa-lg {
180
  font-size: 1.25em;
181
  line-height: 0.05em;
182
  vertical-align: -0.075em; }
183

184
.fa-xl {
185
  font-size: 1.5em;
186
  line-height: 0.04167em;
187
  vertical-align: -0.125em; }
188

189
.fa-2xl {
190
  font-size: 2em;
191
  line-height: 0.03125em;
192
  vertical-align: -0.1875em; }
193

194
.fa-fw {
195
  text-align: center;
196
  width: 1.25em; }
197

198
.fa-ul {
199
  list-style-type: none;
200
  margin-left: var(--fa-li-margin, 2.5em);
201
  padding-left: 0; }
202
  .fa-ul > li {
203
    position: relative; }
204

205
.fa-li {
206
  left: calc(var(--fa-li-width, 2em) * -1);
207
  position: absolute;
208
  text-align: center;
209
  width: var(--fa-li-width, 2em);
210
  line-height: inherit; }
211

212
.fa-border {
213
  border-color: var(--fa-border-color, #eee);
214
  border-radius: var(--fa-border-radius, 0.1em);
215
  border-style: var(--fa-border-style, solid);
216
  border-width: var(--fa-border-width, 0.08em);
217
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
218

219
.fa-pull-left {
220
  float: left;
221
  margin-right: var(--fa-pull-margin, 0.3em); }
222

223
.fa-pull-right {
224
  float: right;
225
  margin-left: var(--fa-pull-margin, 0.3em); }
226

227
.fa-beat {
228
  -webkit-animation-name: fa-beat;
229
          animation-name: fa-beat;
230
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
231
          animation-delay: var(--fa-animation-delay, 0s);
232
  -webkit-animation-direction: var(--fa-animation-direction, normal);
233
          animation-direction: var(--fa-animation-direction, normal);
234
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
235
          animation-duration: var(--fa-animation-duration, 1s);
236
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
237
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
238
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
239
          animation-timing-function: var(--fa-animation-timing, ease-in-out); }
240

241
.fa-bounce {
242
  -webkit-animation-name: fa-bounce;
243
          animation-name: fa-bounce;
244
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
245
          animation-delay: var(--fa-animation-delay, 0s);
246
  -webkit-animation-direction: var(--fa-animation-direction, normal);
247
          animation-direction: var(--fa-animation-direction, normal);
248
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
249
          animation-duration: var(--fa-animation-duration, 1s);
250
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
251
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
252
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
253
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
254

255
.fa-fade {
256
  -webkit-animation-name: fa-fade;
257
          animation-name: fa-fade;
258
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
259
          animation-delay: var(--fa-animation-delay, 0s);
260
  -webkit-animation-direction: var(--fa-animation-direction, normal);
261
          animation-direction: var(--fa-animation-direction, normal);
262
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
263
          animation-duration: var(--fa-animation-duration, 1s);
264
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
265
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
266
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
267
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
268

269
.fa-beat-fade {
270
  -webkit-animation-name: fa-beat-fade;
271
          animation-name: fa-beat-fade;
272
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
273
          animation-delay: var(--fa-animation-delay, 0s);
274
  -webkit-animation-direction: var(--fa-animation-direction, normal);
275
          animation-direction: var(--fa-animation-direction, normal);
276
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
277
          animation-duration: var(--fa-animation-duration, 1s);
278
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
279
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
280
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
281
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
282

283
.fa-flip {
284
  -webkit-animation-name: fa-flip;
285
          animation-name: fa-flip;
286
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
287
          animation-delay: var(--fa-animation-delay, 0s);
288
  -webkit-animation-direction: var(--fa-animation-direction, normal);
289
          animation-direction: var(--fa-animation-direction, normal);
290
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
291
          animation-duration: var(--fa-animation-duration, 1s);
292
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
293
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
294
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
295
          animation-timing-function: var(--fa-animation-timing, ease-in-out); }
296

297
.fa-shake {
298
  -webkit-animation-name: fa-shake;
299
          animation-name: fa-shake;
300
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
301
          animation-delay: var(--fa-animation-delay, 0s);
302
  -webkit-animation-direction: var(--fa-animation-direction, normal);
303
          animation-direction: var(--fa-animation-direction, normal);
304
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
305
          animation-duration: var(--fa-animation-duration, 1s);
306
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
307
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
308
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
309
          animation-timing-function: var(--fa-animation-timing, linear); }
310

311
.fa-spin {
312
  -webkit-animation-name: fa-spin;
313
          animation-name: fa-spin;
314
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
315
          animation-delay: var(--fa-animation-delay, 0s);
316
  -webkit-animation-direction: var(--fa-animation-direction, normal);
317
          animation-direction: var(--fa-animation-direction, normal);
318
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
319
          animation-duration: var(--fa-animation-duration, 2s);
320
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
321
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
322
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
323
          animation-timing-function: var(--fa-animation-timing, linear); }
324

325
.fa-spin-reverse {
326
  --fa-animation-direction: reverse; }
327

328
.fa-pulse,
329
.fa-spin-pulse {
330
  -webkit-animation-name: fa-spin;
331
          animation-name: fa-spin;
332
  -webkit-animation-direction: var(--fa-animation-direction, normal);
333
          animation-direction: var(--fa-animation-direction, normal);
334
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
335
          animation-duration: var(--fa-animation-duration, 1s);
336
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
337
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
338
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
339
          animation-timing-function: var(--fa-animation-timing, steps(8)); }
340

341
@media (prefers-reduced-motion: reduce) {
342
  .fa-beat,
343
  .fa-bounce,
344
  .fa-fade,
345
  .fa-beat-fade,
346
  .fa-flip,
347
  .fa-pulse,
348
  .fa-shake,
349
  .fa-spin,
350
  .fa-spin-pulse {
351
    -webkit-animation-delay: -1ms;
352
            animation-delay: -1ms;
353
    -webkit-animation-duration: 1ms;
354
            animation-duration: 1ms;
355
    -webkit-animation-iteration-count: 1;
356
            animation-iteration-count: 1;
357
    transition-delay: 0s;
358
    transition-duration: 0s; } }
359

360
@-webkit-keyframes fa-beat {
361
  0%, 90% {
362
    -webkit-transform: scale(1);
363
            transform: scale(1); }
364
  45% {
365
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
366
            transform: scale(var(--fa-beat-scale, 1.25)); } }
367

368
@keyframes fa-beat {
369
  0%, 90% {
370
    -webkit-transform: scale(1);
371
            transform: scale(1); }
372
  45% {
373
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
374
            transform: scale(var(--fa-beat-scale, 1.25)); } }
375

376
@-webkit-keyframes fa-bounce {
377
  0% {
378
    -webkit-transform: scale(1, 1) translateY(0);
379
            transform: scale(1, 1) translateY(0); }
380
  10% {
381
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
382
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
383
  30% {
384
    -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));
385
            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)); }
386
  50% {
387
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
388
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
389
  57% {
390
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
391
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
392
  64% {
393
    -webkit-transform: scale(1, 1) translateY(0);
394
            transform: scale(1, 1) translateY(0); }
395
  100% {
396
    -webkit-transform: scale(1, 1) translateY(0);
397
            transform: scale(1, 1) translateY(0); } }
398

399
@keyframes fa-bounce {
400
  0% {
401
    -webkit-transform: scale(1, 1) translateY(0);
402
            transform: scale(1, 1) translateY(0); }
403
  10% {
404
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
405
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
406
  30% {
407
    -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));
408
            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)); }
409
  50% {
410
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
411
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
412
  57% {
413
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
414
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
415
  64% {
416
    -webkit-transform: scale(1, 1) translateY(0);
417
            transform: scale(1, 1) translateY(0); }
418
  100% {
419
    -webkit-transform: scale(1, 1) translateY(0);
420
            transform: scale(1, 1) translateY(0); } }
421

422
@-webkit-keyframes fa-fade {
423
  50% {
424
    opacity: var(--fa-fade-opacity, 0.4); } }
425

426
@keyframes fa-fade {
427
  50% {
428
    opacity: var(--fa-fade-opacity, 0.4); } }
429

430
@-webkit-keyframes fa-beat-fade {
431
  0%, 100% {
432
    opacity: var(--fa-beat-fade-opacity, 0.4);
433
    -webkit-transform: scale(1);
434
            transform: scale(1); }
435
  50% {
436
    opacity: 1;
437
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
438
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
439

440
@keyframes fa-beat-fade {
441
  0%, 100% {
442
    opacity: var(--fa-beat-fade-opacity, 0.4);
443
    -webkit-transform: scale(1);
444
            transform: scale(1); }
445
  50% {
446
    opacity: 1;
447
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
448
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
449

450
@-webkit-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
@keyframes fa-flip {
456
  50% {
457
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
458
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
459

460
@-webkit-keyframes fa-shake {
461
  0% {
462
    -webkit-transform: rotate(-15deg);
463
            transform: rotate(-15deg); }
464
  4% {
465
    -webkit-transform: rotate(15deg);
466
            transform: rotate(15deg); }
467
  8%, 24% {
468
    -webkit-transform: rotate(-18deg);
469
            transform: rotate(-18deg); }
470
  12%, 28% {
471
    -webkit-transform: rotate(18deg);
472
            transform: rotate(18deg); }
473
  16% {
474
    -webkit-transform: rotate(-22deg);
475
            transform: rotate(-22deg); }
476
  20% {
477
    -webkit-transform: rotate(22deg);
478
            transform: rotate(22deg); }
479
  32% {
480
    -webkit-transform: rotate(-12deg);
481
            transform: rotate(-12deg); }
482
  36% {
483
    -webkit-transform: rotate(12deg);
484
            transform: rotate(12deg); }
485
  40%, 100% {
486
    -webkit-transform: rotate(0deg);
487
            transform: rotate(0deg); } }
488

489
@keyframes fa-shake {
490
  0% {
491
    -webkit-transform: rotate(-15deg);
492
            transform: rotate(-15deg); }
493
  4% {
494
    -webkit-transform: rotate(15deg);
495
            transform: rotate(15deg); }
496
  8%, 24% {
497
    -webkit-transform: rotate(-18deg);
498
            transform: rotate(-18deg); }
499
  12%, 28% {
500
    -webkit-transform: rotate(18deg);
501
            transform: rotate(18deg); }
502
  16% {
503
    -webkit-transform: rotate(-22deg);
504
            transform: rotate(-22deg); }
505
  20% {
506
    -webkit-transform: rotate(22deg);
507
            transform: rotate(22deg); }
508
  32% {
509
    -webkit-transform: rotate(-12deg);
510
            transform: rotate(-12deg); }
511
  36% {
512
    -webkit-transform: rotate(12deg);
513
            transform: rotate(12deg); }
514
  40%, 100% {
515
    -webkit-transform: rotate(0deg);
516
            transform: rotate(0deg); } }
517

518
@-webkit-keyframes fa-spin {
519
  0% {
520
    -webkit-transform: rotate(0deg);
521
            transform: rotate(0deg); }
522
  100% {
523
    -webkit-transform: rotate(360deg);
524
            transform: rotate(360deg); } }
525

526
@keyframes fa-spin {
527
  0% {
528
    -webkit-transform: rotate(0deg);
529
            transform: rotate(0deg); }
530
  100% {
531
    -webkit-transform: rotate(360deg);
532
            transform: rotate(360deg); } }
533

534
.fa-rotate-90 {
535
  -webkit-transform: rotate(90deg);
536
          transform: rotate(90deg); }
537

538
.fa-rotate-180 {
539
  -webkit-transform: rotate(180deg);
540
          transform: rotate(180deg); }
541

542
.fa-rotate-270 {
543
  -webkit-transform: rotate(270deg);
544
          transform: rotate(270deg); }
545

546
.fa-flip-horizontal {
547
  -webkit-transform: scale(-1, 1);
548
          transform: scale(-1, 1); }
549

550
.fa-flip-vertical {
551
  -webkit-transform: scale(1, -1);
552
          transform: scale(1, -1); }
553

554
.fa-flip-both,
555
.fa-flip-horizontal.fa-flip-vertical {
556
  -webkit-transform: scale(-1, -1);
557
          transform: scale(-1, -1); }
558

559
.fa-rotate-by {
560
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
561
          transform: rotate(var(--fa-rotate-angle, none)); }
562

563
.fa-stack {
564
  display: inline-block;
565
  vertical-align: middle;
566
  height: 2em;
567
  position: relative;
568
  width: 2.5em; }
569

570
.fa-stack-1x,
571
.fa-stack-2x {
572
  bottom: 0;
573
  left: 0;
574
  margin: auto;
575
  position: absolute;
576
  right: 0;
577
  top: 0;
578
  z-index: var(--fa-stack-z-index, auto); }
579

580
.svg-inline--fa.fa-stack-1x {
581
  height: 1em;
582
  width: 1.25em; }
583

584
.svg-inline--fa.fa-stack-2x {
585
  height: 2em;
586
  width: 2.5em; }
587

588
.fa-inverse {
589
  color: var(--fa-inverse, #fff); }
590

591
.sr-only,
592
.fa-sr-only {
593
  position: absolute;
594
  width: 1px;
595
  height: 1px;
596
  padding: 0;
597
  margin: -1px;
598
  overflow: hidden;
599
  clip: rect(0, 0, 0, 0);
600
  white-space: nowrap;
601
  border-width: 0; }
602

603
.sr-only-focusable:not(:focus),
604
.fa-sr-only-focusable:not(:focus) {
605
  position: absolute;
606
  width: 1px;
607
  height: 1px;
608
  padding: 0;
609
  margin: -1px;
610
  overflow: hidden;
611
  clip: rect(0, 0, 0, 0);
612
  white-space: nowrap;
613
  border-width: 0; }
614

615
.svg-inline--fa .fa-primary {
616
  fill: var(--fa-primary-color, currentColor);
617
  opacity: var(--fa-primary-opacity, 1); }
618

619
.svg-inline--fa .fa-secondary {
620
  fill: var(--fa-secondary-color, currentColor);
621
  opacity: var(--fa-secondary-opacity, 0.4); }
622

623
.svg-inline--fa.fa-swap-opacity .fa-primary {
624
  opacity: var(--fa-secondary-opacity, 0.4); }
625

626
.svg-inline--fa.fa-swap-opacity .fa-secondary {
627
  opacity: var(--fa-primary-opacity, 1); }
628

629
.svg-inline--fa mask .fa-primary,
630
.svg-inline--fa mask .fa-secondary {
631
  fill: black; }
632

633
.fad.fa-inverse,
634
.fa-duotone.fa-inverse {
635
  color: var(--fa-inverse, #fff); }
636

637
Product

Resources

Company
