svg.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. /*!
  2. * Font Awesome Free 7.0.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 2025 Fonticons, Inc.
  5. */
  6. :root, :host {
  7. --fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";
  8. --fa-font-regular: normal 400 1em/1 "Font Awesome 7 Free";
  9. --fa-font-light: normal 300 1em/1 "Font Awesome 7 Pro";
  10. --fa-font-thin: normal 100 1em/1 "Font Awesome 7 Pro";
  11. --fa-font-duotone: normal 900 1em/1 "Font Awesome 7 Duotone";
  12. --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 7 Duotone";
  13. --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 7 Duotone";
  14. --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 7 Duotone";
  15. --fa-font-brands: normal 400 1em/1 "Font Awesome 7 Brands";
  16. --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 7 Sharp";
  17. --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 7 Sharp";
  18. --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 7 Sharp";
  19. --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 7 Sharp";
  20. --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 7 Sharp Duotone";
  21. --fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 7 Sharp Duotone";
  22. --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 7 Sharp Duotone";
  23. --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 7 Sharp Duotone";
  24. --fa-font-slab-regular: normal 400 1em/1 "Font Awesome 7 Slab";
  25. --fa-font-slab-press-regular: normal 400 1em/1 "Font Awesome 7 Slab Press";
  26. --fa-font-whiteboard-semibold: normal 600 1em/1 "Font Awesome 7 Whiteboard";
  27. --fa-font-thumbprint-light: normal 300 1em/1 "Font Awesome 7 Thumbprint";
  28. --fa-font-notdog-solid: normal 900 1em/1 "Font Awesome 7 Notdog";
  29. --fa-font-notdog-duo-solid: normal 900 1em/1 "Font Awesome 7 Notdog Duo";
  30. --fa-font-etch-solid: normal 900 1em/1 "Font Awesome 7 Etch";
  31. --fa-font-jelly-regular: normal 400 1em/1 "Font Awesome 7 Jelly";
  32. --fa-font-jelly-fill-regular: normal 400 1em/1 "Font Awesome 7 Jelly Fill";
  33. --fa-font-jelly-duo-regular: normal 400 1em/1 "Font Awesome 7 Jelly Duo";
  34. --fa-font-chisel-regular: normal 400 1em/1 "Font Awesome 7 Chisel";
  35. }
  36. .svg-inline--fa {
  37. box-sizing: content-box;
  38. display: var(--fa-display, inline-block);
  39. height: 1em;
  40. overflow: visible;
  41. vertical-align: -0.125em;
  42. width: var(--fa-width, 1.25em);
  43. }
  44. .svg-inline--fa.fa-2xs {
  45. vertical-align: 0.1em;
  46. }
  47. .svg-inline--fa.fa-xs {
  48. vertical-align: 0em;
  49. }
  50. .svg-inline--fa.fa-sm {
  51. vertical-align: -0.0714285714em;
  52. }
  53. .svg-inline--fa.fa-lg {
  54. vertical-align: -0.2em;
  55. }
  56. .svg-inline--fa.fa-xl {
  57. vertical-align: -0.25em;
  58. }
  59. .svg-inline--fa.fa-2xl {
  60. vertical-align: -0.3125em;
  61. }
  62. .svg-inline--fa.fa-li {
  63. width: var(--fa-li-width, 2em);
  64. inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  65. inset-block-start: 0.25em; /* syncing vertical alignment with Web Font rendering */
  66. }
  67. .fa-layers-counter, .fa-layers-text {
  68. display: inline-block;
  69. position: absolute;
  70. text-align: center;
  71. }
  72. .fa-layers {
  73. display: inline-block;
  74. height: 1em;
  75. position: relative;
  76. text-align: center;
  77. vertical-align: -0.125em;
  78. width: var(--fa-width, 1.25em);
  79. }
  80. .fa-layers .svg-inline--fa {
  81. inset: 0;
  82. margin: auto;
  83. position: absolute;
  84. transform-origin: center center;
  85. }
  86. .fa-layers-text {
  87. left: 50%;
  88. top: 50%;
  89. transform: translate(-50%, -50%);
  90. transform-origin: center center;
  91. }
  92. .fa-layers-counter {
  93. background-color: var(--fa-counter-background-color, #ff253a);
  94. border-radius: var(--fa-counter-border-radius, 1em);
  95. box-sizing: border-box;
  96. color: var(--fa-inverse, #fff);
  97. line-height: var(--fa-counter-line-height, 1);
  98. max-width: var(--fa-counter-max-width, 5em);
  99. min-width: var(--fa-counter-min-width, 1.5em);
  100. overflow: hidden;
  101. padding: var(--fa-counter-padding, 0.25em 0.5em);
  102. right: var(--fa-right, 0);
  103. text-overflow: ellipsis;
  104. top: var(--fa-top, 0);
  105. transform: scale(var(--fa-counter-scale, 0.25));
  106. transform-origin: top right;
  107. }
  108. .fa-layers-bottom-right {
  109. bottom: var(--fa-bottom, 0);
  110. right: var(--fa-right, 0);
  111. top: auto;
  112. transform: scale(var(--fa-layers-scale, 0.25));
  113. transform-origin: bottom right;
  114. }
  115. .fa-layers-bottom-left {
  116. bottom: var(--fa-bottom, 0);
  117. left: var(--fa-left, 0);
  118. right: auto;
  119. top: auto;
  120. transform: scale(var(--fa-layers-scale, 0.25));
  121. transform-origin: bottom left;
  122. }
  123. .fa-layers-top-right {
  124. top: var(--fa-top, 0);
  125. right: var(--fa-right, 0);
  126. transform: scale(var(--fa-layers-scale, 0.25));
  127. transform-origin: top right;
  128. }
  129. .fa-layers-top-left {
  130. left: var(--fa-left, 0);
  131. right: auto;
  132. top: var(--fa-top, 0);
  133. transform: scale(var(--fa-layers-scale, 0.25));
  134. transform-origin: top left;
  135. }
  136. .svg-inline--fa .fa-primary {
  137. fill: var(--fa-primary-color, currentColor);
  138. opacity: var(--fa-primary-opacity, 1);
  139. }
  140. .svg-inline--fa .fa-secondary {
  141. fill: var(--fa-secondary-color, currentColor);
  142. opacity: var(--fa-secondary-opacity, 0.4);
  143. }
  144. .svg-inline--fa.fa-swap-opacity .fa-primary {
  145. opacity: var(--fa-secondary-opacity, 0.4);
  146. }
  147. .svg-inline--fa.fa-swap-opacity .fa-secondary {
  148. opacity: var(--fa-primary-opacity, 1);
  149. }
  150. .svg-inline--fa mask .fa-primary,
  151. .svg-inline--fa mask .fa-secondary {
  152. fill: black;
  153. }
  154. .svg-inline--fa.fa-inverse {
  155. fill: var(--fa-inverse, #fff);
  156. }
  157. .fa-stack-1x,
  158. .fa-stack-2x {
  159. bottom: 0;
  160. left: 0;
  161. margin: auto;
  162. position: absolute;
  163. right: 0;
  164. top: 0;
  165. z-index: var(--fa-stack-z-index, auto);
  166. }