svg-with-js.css 21 KB

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