/*!
 * WebStuffGuy icon set.
 *
 * Replaces Font Awesome Free 7 (231 KB of webfonts + 72 KB of CSS) with the
 * seven icons this site actually uses, inlined as SVG masks. The outlines are
 * extracted verbatim from the Font Awesome woff2 files in assets/webfonts/.
 *
 * The glyph is drawn on ::before, exactly as Font Awesome drew it, so any rule
 * that styles the <i> itself still behaves the same -- the check bullets, for
 * instance, rely on a white background on the <i> as a decorative circle, with
 * the glyph painted over it in currentColor.
 *
 * Icons: CC BY 4.0 -- Font Awesome Free (https://fontawesome.com/license/free)
 *
 * To add an icon, pull its outline from the fonts in assets/webfonts/ rather
 * than re-adding the whole library.
 */
.fa,
.fas,
.far,
.fab {
  display: inline-block;
  font-style: normal;
}

.fa::before,
.fas::before,
.far::before,
.fab::before {
  content: "";
  display: inline-block;
  width: var(--wsg-icon-w, 1em);
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--wsg-icon) no-repeat center;
          mask: var(--wsg-icon) no-repeat center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.fa-star {
  --wsg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath transform='translate(0 448) scale(1 -1)' d='M310 467C305 475 297 480 288 480C279 480 271 475 267 467L193 323L33 297C24 296 17 290 14 281C11 272 14 263 20 257L134 142L109 -18C108 -27 111 -36 119 -41C126 -46 136 -47 144 -43L288 30L432 -43C440 -47 450 -46 457 -41C465 -36 468 -27 467 -18L442 142L556 257C563 263 565 272 562 281C559 290 552 296 543 297L383 323L310 467Z'/%3E%3C/svg%3E");
  --wsg-icon-w: 1.125em;
}

.fa-check {
  --wsg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath transform='translate(0 448) scale(1 -1)' d='M435 378C449 367 452 347 442 333L186 -19C180 -26 172 -31 163 -32C153 -33 144 -29 137 -23L9 105C-3 118 -3 138 9 151C22 163 42 163 55 151L156 49L390 371C401 385 421 388 435 378Z'/%3E%3C/svg%3E");
  --wsg-icon-w: 0.875em;
}

.fa-close {
  --wsg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath transform='translate(0 448) scale(1 -1)' d='M55 375C43 387 22 387 10 375C-3 362 -3 342 10 329L147 192L10 55C-3 42 -3 22 10 9C22 -3 43 -3 55 9L193 147L330 9C342 -3 363 -3 375 9C388 22 388 42 375 55L238 192L375 329C388 342 388 362 375 375C363 387 342 387 330 375L193 237L55 375Z'/%3E%3C/svg%3E");
  --wsg-icon-w: 0.75em;
}

.fa-angle-up {
  --wsg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath transform='translate(0 448) scale(1 -1)' d='M169 311C182 323 202 323 215 311L375 151C387 138 387 118 375 105C362 93 342 93 329 105L192 243L55 105C42 93 22 93 9 105C-3 118 -3 138 9 151L169 311Z'/%3E%3C/svg%3E");
  --wsg-icon-w: 0.75em;
}

.fa-facebook-f {
  --wsg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath transform='translate(0 448) scale(1 -1)' d='M80 149V-64H196V149H283L301 246H196V281C196 333 216 353 269 353C285 353 298 352 306 351V440C291 444 256 448 236 448C129 448 80 397 80 289V246H14V149H80Z'/%3E%3C/svg%3E");
  --wsg-icon-w: 0.625em;
}

.fa-linkedin-in {
  --wsg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath transform='translate(0 448) scale(1 -1)' d='M100 0H7V299H100V0ZM54 340C24 340 0 364 0 394C0 408 6 422 16 432C26 442 40 448 54 448C68 448 82 442 92 432C102 422 108 408 108 394C108 364 84 340 54 340ZM448 0H355V146C355 180 355 225 307 225C259 225 251 187 251 148V0H158V299H248V258H249C261 282 292 307 337 307C431 307 448 245 448 164V0Z'/%3E%3C/svg%3E");
  --wsg-icon-w: 0.875em;
}

.fa-moon {
  --wsg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath transform='translate(0 448) scale(1 -1)' d='M239 399C132 391 48 301 48 192C48 77 141 -16 256 -16C289 -16 321 -8 349 6C245 29 168 121 168 232C168 298 195 357 239 399ZM0 192C0 333 115 448 256 448C275 448 294 446 313 442C323 439 330 431 331 421C332 411 327 401 318 397C258 367 216 304 216 232C216 130 298 48 400 48C405 48 410 48 415 49C425 49 434 44 439 34C443 25 441 14 433 7C387 -37 325 -64 256 -64C115 -64 0 51 0 192Z'/%3E%3C/svg%3E");
  --wsg-icon-w: 1.0em;
}

.fa-play {
  --wsg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath transform='translate(0 448) scale(1 -1)' d='M91 411C79 418 64 418 52 410C39 403 32 390 32 376V8C32 -6 40 -19 52 -26C64 -34 79 -34 91 -27L427 157C440 164 448 177 448 192C448 207 440 220 427 227L91 411Z'/%3E%3C/svg%3E");
  --wsg-icon-w: 0.875em;
}