styles.css 21 KB

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