/* Few, the mascot — generated by chrome/scripts/draw-few.mjs; do not edit. */
.few {
  --few-scale: 2;
  display: inline-block;
  width: calc(32px * var(--few-scale));
  height: calc(32px * var(--few-scale));
  background-image: url("few.png");
  background-repeat: no-repeat;
  background-size: calc(256px * var(--few-scale)) calc(160px * var(--few-scale));
  image-rendering: pixelated;
  flex: none;
}
.few-x2 { --few-scale: 2; }
.few-x3 { --few-scale: 3; }
.few-x4 { --few-scale: 4; }
.few-x5 { --few-scale: 5; }
.few-x6 { --few-scale: 6; }
.few-x7 { --few-scale: 7; }
.few-x8 { --few-scale: 8; }
@keyframes few-idle {
  0.00% { background-position: 0 0; }
  25.00% { background-position: calc(-32px * var(--few-scale)) 0; }
  50.00% { background-position: calc(-64px * var(--few-scale)) 0; }
  75.00% { background-position: calc(-96px * var(--few-scale)) 0; }
  100% { background-position: calc(-96px * var(--few-scale)) 0; }
}
.few-idle { background-position: 0 0; animation: few-idle 2400ms step-end infinite; }
@keyframes few-blink {
  0.00% { background-position: calc(-128px * var(--few-scale)) 0; }
  25.00% { background-position: calc(-160px * var(--few-scale)) 0; }
  44.44% { background-position: calc(-192px * var(--few-scale)) 0; }
  100% { background-position: calc(-192px * var(--few-scale)) 0; }
}
.few-blink { background-position: calc(-128px * var(--few-scale)) 0; animation: few-blink 720ms step-end infinite; }
@keyframes few-look {
  0.00% { background-position: calc(-224px * var(--few-scale)) 0; }
  35.00% { background-position: 0 calc(-32px * var(--few-scale)); }
  50.00% { background-position: calc(-32px * var(--few-scale)) calc(-32px * var(--few-scale)); }
  85.00% { background-position: calc(-64px * var(--few-scale)) calc(-32px * var(--few-scale)); }
  100% { background-position: calc(-64px * var(--few-scale)) calc(-32px * var(--few-scale)); }
}
.few-look { background-position: calc(-224px * var(--few-scale)) 0; animation: few-look 2000ms step-end infinite; }
@keyframes few-happy {
  0.00% { background-position: calc(-96px * var(--few-scale)) calc(-32px * var(--few-scale)); }
  50.00% { background-position: calc(-128px * var(--few-scale)) calc(-32px * var(--few-scale)); }
  100% { background-position: calc(-128px * var(--few-scale)) calc(-32px * var(--few-scale)); }
}
.few-happy { background-position: calc(-96px * var(--few-scale)) calc(-32px * var(--few-scale)); animation: few-happy 520ms step-end infinite; }
@keyframes few-thinking {
  0.00% { background-position: calc(-160px * var(--few-scale)) calc(-32px * var(--few-scale)); }
  50.00% { background-position: calc(-192px * var(--few-scale)) calc(-32px * var(--few-scale)); }
  100% { background-position: calc(-192px * var(--few-scale)) calc(-32px * var(--few-scale)); }
}
.few-thinking { background-position: calc(-160px * var(--few-scale)) calc(-32px * var(--few-scale)); animation: few-thinking 1400ms step-end infinite; }
@keyframes few-typing {
  0.00% { background-position: calc(-224px * var(--few-scale)) calc(-32px * var(--few-scale)); }
  25.00% { background-position: 0 calc(-64px * var(--few-scale)); }
  50.00% { background-position: calc(-32px * var(--few-scale)) calc(-64px * var(--few-scale)); }
  75.00% { background-position: calc(-64px * var(--few-scale)) calc(-64px * var(--few-scale)); }
  100% { background-position: calc(-64px * var(--few-scale)) calc(-64px * var(--few-scale)); }
}
.few-typing { background-position: calc(-224px * var(--few-scale)) calc(-32px * var(--few-scale)); animation: few-typing 600ms step-end infinite; }
@keyframes few-walking {
  0.00% { background-position: calc(-96px * var(--few-scale)) calc(-64px * var(--few-scale)); }
  25.00% { background-position: calc(-128px * var(--few-scale)) calc(-64px * var(--few-scale)); }
  50.00% { background-position: calc(-160px * var(--few-scale)) calc(-64px * var(--few-scale)); }
  75.00% { background-position: calc(-192px * var(--few-scale)) calc(-64px * var(--few-scale)); }
  100% { background-position: calc(-192px * var(--few-scale)) calc(-64px * var(--few-scale)); }
}
.few-walking { background-position: calc(-96px * var(--few-scale)) calc(-64px * var(--few-scale)); animation: few-walking 720ms step-end infinite; }
@keyframes few-running {
  0.00% { background-position: calc(-224px * var(--few-scale)) calc(-64px * var(--few-scale)); }
  50.00% { background-position: 0 calc(-96px * var(--few-scale)); }
  100% { background-position: 0 calc(-96px * var(--few-scale)); }
}
.few-running { background-position: calc(-224px * var(--few-scale)) calc(-64px * var(--few-scale)); animation: few-running 220ms step-end infinite; }
@keyframes few-jumping {
  0.00% { background-position: calc(-32px * var(--few-scale)) calc(-96px * var(--few-scale)); }
  17.50% { background-position: calc(-64px * var(--few-scale)) calc(-96px * var(--few-scale)); }
  37.50% { background-position: calc(-96px * var(--few-scale)) calc(-96px * var(--few-scale)); }
  62.50% { background-position: calc(-128px * var(--few-scale)) calc(-96px * var(--few-scale)); }
  80.00% { background-position: calc(-160px * var(--few-scale)) calc(-96px * var(--few-scale)); }
  100% { background-position: calc(-160px * var(--few-scale)) calc(-96px * var(--few-scale)); }
}
.few-jumping { background-position: calc(-32px * var(--few-scale)) calc(-96px * var(--few-scale)); animation: few-jumping 800ms step-end infinite; }
@keyframes few-celebrating {
  0.00% { background-position: calc(-192px * var(--few-scale)) calc(-96px * var(--few-scale)); }
  50.00% { background-position: calc(-224px * var(--few-scale)) calc(-96px * var(--few-scale)); }
  100% { background-position: calc(-224px * var(--few-scale)) calc(-96px * var(--few-scale)); }
}
.few-celebrating { background-position: calc(-192px * var(--few-scale)) calc(-96px * var(--few-scale)); animation: few-celebrating 440ms step-end infinite; }
@keyframes few-sad {
  0.00% { background-position: 0 calc(-128px * var(--few-scale)); }
  50.00% { background-position: calc(-32px * var(--few-scale)) calc(-128px * var(--few-scale)); }
  100% { background-position: calc(-32px * var(--few-scale)) calc(-128px * var(--few-scale)); }
}
.few-sad { background-position: 0 calc(-128px * var(--few-scale)); animation: few-sad 1800ms step-end infinite; }
@keyframes few-sleeping {
  0.00% { background-position: calc(-64px * var(--few-scale)) calc(-128px * var(--few-scale)); }
  30.43% { background-position: calc(-96px * var(--few-scale)) calc(-128px * var(--few-scale)); }
  60.87% { background-position: calc(-128px * var(--few-scale)) calc(-128px * var(--few-scale)); }
  100% { background-position: calc(-128px * var(--few-scale)) calc(-128px * var(--few-scale)); }
}
.few-sleeping { background-position: calc(-64px * var(--few-scale)) calc(-128px * var(--few-scale)); animation: few-sleeping 2300ms step-end infinite; }
@media (prefers-reduced-motion: reduce) { .few { animation: none !important; } }