svg-with-js.css (8077B)
1 /*! 2 * Font Awesome Free 5.15.4 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; }