svg-with-js.css 21 KB

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