font/fontawesome-free-5.14.0-web/css/svg-with-js.css

   1 /*!
   2  * Font Awesome Free 5.14.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  */
   5 svg:not(:root).svg-inline--fa {
   6   overflow: visible; }
   7
   8 .svg-inline--fa {
   9   display: inline-block;
  10   font-size: inherit;
  11   height: 1em;
  12   overflow: visible;
  13   vertical-align: -.125em; }
  14   .svg-inline--fa.fa-lg {
  15     vertical-align: -.225em; }
  16   .svg-inline--fa.fa-w-1 {
  17     width: 0.0625em; }
  18   .svg-inline--fa.fa-w-2 {
  19     width: 0.125em; }
  20   .svg-inline--fa.fa-w-3 {
  21     width: 0.1875em; }
  22   .svg-inline--fa.fa-w-4 {
  23     width: 0.25em; }
  24   .svg-inline--fa.fa-w-5 {
  25     width: 0.3125em; }
  26   .svg-inline--fa.fa-w-6 {
  27     width: 0.375em; }
  28   .svg-inline--fa.fa-w-7 {
  29     width: 0.4375em; }
  30   .svg-inline--fa.fa-w-8 {
  31     width: 0.5em; }
  32   .svg-inline--fa.fa-w-9 {
  33     width: 0.5625em; }
  34   .svg-inline--fa.fa-w-10 {
  35     width: 0.625em; }
  36   .svg-inline--fa.fa-w-11 {
  37     width: 0.6875em; }
  38   .svg-inline--fa.fa-w-12 {
  39     width: 0.75em; }
  40   .svg-inline--fa.fa-w-13 {
  41     width: 0.8125em; }
  42   .svg-inline--fa.fa-w-14 {
  43     width: 0.875em; }
  44   .svg-inline--fa.fa-w-15 {
  45     width: 0.9375em; }
  46   .svg-inline--fa.fa-w-16 {
  47     width: 1em; }
  48   .svg-inline--fa.fa-w-17 {
  49     width: 1.0625em; }
  50   .svg-inline--fa.fa-w-18 {
  51     width: 1.125em; }
  52   .svg-inline--fa.fa-w-19 {
  53     width: 1.1875em; }
  54   .svg-inline--fa.fa-w-20 {
  55     width: 1.25em; }
  56   .svg-inline--fa.fa-pull-left {
  57     margin-right: .3em;
  58     width: auto; }
  59   .svg-inline--fa.fa-pull-right {
  60     margin-left: .3em;
  61     width: auto; }
  62   .svg-inline--fa.fa-border {
  63     height: 1.5em; }
  64   .svg-inline--fa.fa-li {
  65     width: 2em; }
  66   .svg-inline--fa.fa-fw {
  67     width: 1.25em; }
  68
  69 .fa-layers svg.svg-inline--fa {
  70   bottom: 0;
  71   left: 0;
  72   margin: auto;
  73   position: absolute;
  74   right: 0;
  75   top: 0; }
  76
  77 .fa-layers {
  78   display: inline-block;
  79   height: 1em;
  80   position: relative;
  81   text-align: center;
  82   vertical-align: -.125em;
  83   width: 1em; }
  84   .fa-layers svg.svg-inline--fa {
  85     -webkit-transform-origin: center center;
  86             transform-origin: center center; }
  87
  88 .fa-layers-text, .fa-layers-counter {
  89   display: inline-block;
  90   position: absolute;
  91   text-align: center; }
  92
  93 .fa-layers-text {
  94   left: 50%;
  95   top: 50%;
  96   -webkit-transform: translate(-50%, -50%);
  97           transform: translate(-50%, -50%);
  98   -webkit-transform-origin: center center;
  99           transform-origin: center center; }
 100
 101 .fa-layers-counter {
 102   background-color: #ff253a;
 103   border-radius: 1em;
 104   -webkit-box-sizing: border-box;
 105           box-sizing: border-box;
 106   color: #fff;
 107   height: 1.5em;
 108   line-height: 1;
 109   max-width: 5em;
 110   min-width: 1.5em;
 111   overflow: hidden;
 112   padding: .25em;
 113   right: 0;
 114   text-overflow: ellipsis;
 115   top: 0;
 116   -webkit-transform: scale(0.25);
 117           transform: scale(0.25);
 118   -webkit-transform-origin: top right;
 119           transform-origin: top right; }
 120
 121 .fa-layers-bottom-right {
 122   bottom: 0;
 123   right: 0;
 124   top: auto;
 125   -webkit-transform: scale(0.25);
 126           transform: scale(0.25);
 127   -webkit-transform-origin: bottom right;
 128           transform-origin: bottom right; }
 129
 130 .fa-layers-bottom-left {
 131   bottom: 0;
 132   left: 0;
 133   right: auto;
 134   top: auto;
 135   -webkit-transform: scale(0.25);
 136           transform: scale(0.25);
 137   -webkit-transform-origin: bottom left;
 138           transform-origin: bottom left; }
 139
 140 .fa-layers-top-right {
 141   right: 0;
 142   top: 0;
 143   -webkit-transform: scale(0.25);
 144           transform: scale(0.25);
 145   -webkit-transform-origin: top right;
 146           transform-origin: top right; }
 147
 148 .fa-layers-top-left {
 149   left: 0;
 150   right: auto;
 151   top: 0;
 152   -webkit-transform: scale(0.25);
 153           transform: scale(0.25);
 154   -webkit-transform-origin: top left;
 155           transform-origin: top left; }
 156
 157 .fa-lg {
 158   font-size: 1.33333em;
 159   line-height: 0.75em;
 160   vertical-align: -.0667em; }
 161
 162 .fa-xs {
 163   font-size: .75em; }
 164
 165 .fa-sm {
 166   font-size: .875em; }
 167
 168 .fa-1x {
 169   font-size: 1em; }
 170
 171 .fa-2x {
 172   font-size: 2em; }
 173
 174 .fa-3x {
 175   font-size: 3em; }
 176
 177 .fa-4x {
 178   font-size: 4em; }
 179
 180 .fa-5x {
 181   font-size: 5em; }
 182
 183 .fa-6x {
 184   font-size: 6em; }
 185
 186 .fa-7x {
 187   font-size: 7em; }
 188
 189 .fa-8x {
 190   font-size: 8em; }
 191
 192 .fa-9x {
 193   font-size: 9em; }
 194
 195 .fa-10x {
 196   font-size: 10em; }
 197
 198 .fa-fw {
 199   text-align: center;
 200   width: 1.25em; }
 201
 202 .fa-ul {
 203   list-style-type: none;
 204   margin-left: 2.5em;
 205   padding-left: 0; }
 206   .fa-ul > li {
 207     position: relative; }
 208
 209 .fa-li {
 210   left: -2em;
 211   position: absolute;
 212   text-align: center;
 213   width: 2em;
 214   line-height: inherit; }
 215
 216 .fa-border {
 217   border: solid 0.08em #eee;
 218   border-radius: .1em;
 219   padding: .2em .25em .15em; }
 220
 221 .fa-pull-left {
 222   float: left; }
 223
 224 .fa-pull-right {
 225   float: right; }
 226
 227 .fa.fa-pull-left,
 228 .fas.fa-pull-left,
 229 .far.fa-pull-left,
 230 .fal.fa-pull-left,
 231 .fab.fa-pull-left {
 232   margin-right: .3em; }
 233
 234 .fa.fa-pull-right,
 235 .fas.fa-pull-right,
 236 .far.fa-pull-right,
 237 .fal.fa-pull-right,
 238 .fab.fa-pull-right {
 239   margin-left: .3em; }
 240
 241 .fa-spin {
 242   -webkit-animation: fa-spin 2s infinite linear;
 243           animation: fa-spin 2s infinite linear; }
 244
 245 .fa-pulse {
 246   -webkit-animation: fa-spin 1s infinite steps(8);
 247           animation: fa-spin 1s infinite steps(8); }
 248
 249 @-webkit-keyframes fa-spin {
 250   0% {
 251     -webkit-transform: rotate(0deg);
 252             transform: rotate(0deg); }
 253   100% {
 254     -webkit-transform: rotate(360deg);
 255             transform: rotate(360deg); } }
 256
 257 @keyframes fa-spin {
 258   0% {
 259     -webkit-transform: rotate(0deg);
 260             transform: rotate(0deg); }
 261   100% {
 262     -webkit-transform: rotate(360deg);
 263             transform: rotate(360deg); } }
 264
 265 .fa-rotate-90 {
 266   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
 267   -webkit-transform: rotate(90deg);
 268           transform: rotate(90deg); }
 269
 270 .fa-rotate-180 {
 271   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
 272   -webkit-transform: rotate(180deg);
 273           transform: rotate(180deg); }
 274
 275 .fa-rotate-270 {
 276   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
 277   -webkit-transform: rotate(270deg);
 278           transform: rotate(270deg); }
 279
 280 .fa-flip-horizontal {
 281   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
 282   -webkit-transform: scale(-1, 1);
 283           transform: scale(-1, 1); }
 284
 285 .fa-flip-vertical {
 286   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
 287   -webkit-transform: scale(1, -1);
 288           transform: scale(1, -1); }
 289
 290 .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
 291   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
 292   -webkit-transform: scale(-1, -1);
 293           transform: scale(-1, -1); }
 294
 295 :root .fa-rotate-90,
 296 :root .fa-rotate-180,
 297 :root .fa-rotate-270,
 298 :root .fa-flip-horizontal,
 299 :root .fa-flip-vertical,
 300 :root .fa-flip-both {
 301   -webkit-filter: none;
 302           filter: none; }
 303
 304 .fa-stack {
 305   display: inline-block;
 306   height: 2em;
 307   position: relative;
 308   width: 2.5em; }
 309
 310 .fa-stack-1x,
 311 .fa-stack-2x {
 312   bottom: 0;
 313   left: 0;
 314   margin: auto;
 315   position: absolute;
 316   right: 0;
 317   top: 0; }
 318
 319 .svg-inline--fa.fa-stack-1x {
 320   height: 1em;
 321   width: 1.25em; }
 322
 323 .svg-inline--fa.fa-stack-2x {
 324   height: 2em;
 325   width: 2.5em; }
 326
 327 .fa-inverse {
 328   color: #fff; }
 329
 330 .sr-only {
 331   border: 0;
 332   clip: rect(0, 0, 0, 0);
 333   height: 1px;
 334   margin: -1px;
 335   overflow: hidden;
 336   padding: 0;
 337   position: absolute;
 338   width: 1px; }
 339
 340 .sr-only-focusable:active, .sr-only-focusable:focus {
 341   clip: auto;
 342   height: auto;
 343   margin: 0;
 344   overflow: visible;
 345   position: static;
 346   width: auto; }
 347
 348 .svg-inline--fa .fa-primary {
 349   fill: var(--fa-primary-color, currentColor);
 350   opacity: 1;
 351   opacity: var(--fa-primary-opacity, 1); }
 352
 353 .svg-inline--fa .fa-secondary {
 354   fill: var(--fa-secondary-color, currentColor);
 355   opacity: 0.4;
 356   opacity: var(--fa-secondary-opacity, 0.4); }
 357
 358 .svg-inline--fa.fa-swap-opacity .fa-primary {
 359   opacity: 0.4;
 360   opacity: var(--fa-secondary-opacity, 0.4); }
 361
 362 .svg-inline--fa.fa-swap-opacity .fa-secondary {
 363   opacity: 1;
 364   opacity: var(--fa-primary-opacity, 1); }
 365
 366 .svg-inline--fa mask .fa-primary,
 367 .svg-inline--fa mask .fa-secondary {
 368   fill: black; }
 369
 370 .fad.fa-inverse {
 371   color: #fff; }