/* Bitbase animated line illustrations - CSS only, no JavaScript.
 * GENERATED by scripts/generate-bb-illo.py - do not edit by hand.
 * Cycle: 1.6s draw -> 1.1s hold -> 0.42s fade -> 0.28s gap (3.4000000000000004s).
 */

.bb-illo {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  color: currentColor;
  animation: bb-illo-cycle 3.4000000000000004s linear infinite;
}

.bb-illo [pathLength] {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation-duration: 3.4000000000000004s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes bb-illo-cycle {
  0%, 79.412% { opacity: 1; }
  91.765%, 100% { opacity: 0; }
}

@keyframes bb-draw-0 {
  0%, 0.0% { stroke-dashoffset: 1; }
  14.626%, 100% { stroke-dashoffset: 0; }
}
.bb-illo .bb-b0 { animation-name: bb-draw-0; }

@keyframes bb-draw-1 {
  0%, 2.885% { stroke-dashoffset: 1; }
  17.511%, 100% { stroke-dashoffset: 0; }
}
.bb-illo .bb-b1 { animation-name: bb-draw-1; }

@keyframes bb-draw-2 {
  0%, 5.771% { stroke-dashoffset: 1; }
  20.397%, 100% { stroke-dashoffset: 0; }
}
.bb-illo .bb-b2 { animation-name: bb-draw-2; }

@keyframes bb-draw-3 {
  0%, 8.656% { stroke-dashoffset: 1; }
  23.282%, 100% { stroke-dashoffset: 0; }
}
.bb-illo .bb-b3 { animation-name: bb-draw-3; }

@keyframes bb-draw-4 {
  0%, 11.542% { stroke-dashoffset: 1; }
  26.167%, 100% { stroke-dashoffset: 0; }
}
.bb-illo .bb-b4 { animation-name: bb-draw-4; }

@keyframes bb-draw-5 {
  0%, 14.427% { stroke-dashoffset: 1; }
  29.053%, 100% { stroke-dashoffset: 0; }
}
.bb-illo .bb-b5 { animation-name: bb-draw-5; }

@keyframes bb-draw-6 {
  0%, 17.312% { stroke-dashoffset: 1; }
  31.938%, 100% { stroke-dashoffset: 0; }
}
.bb-illo .bb-b6 { animation-name: bb-draw-6; }

@keyframes bb-draw-7 {
  0%, 20.198% { stroke-dashoffset: 1; }
  34.824%, 100% { stroke-dashoffset: 0; }
}
.bb-illo .bb-b7 { animation-name: bb-draw-7; }

@keyframes bb-draw-accent {
  0%, 37.647% { stroke-dashoffset: 1; }
  49.882%, 100% { stroke-dashoffset: 0; }
}
.bb-illo .bb-accent { animation-name: bb-draw-accent; }

@keyframes bb-illo-pop {
  0%, 49.882% { transform: scale(1); }
  54.294% { transform: scale(1.075); }
  62.235%, 100% { transform: scale(1); }
}
.bb-illo .bb-accent-group {
  transform-box: fill-box;
  transform-origin: center;
  animation: bb-illo-pop 3.4000000000000004s linear infinite;
}

/* Anyone who has asked for less motion gets the finished drawing, held. */
@media (prefers-reduced-motion: reduce) {
  .bb-illo,
  .bb-illo [pathLength],
  .bb-illo .bb-accent-group {
    animation: none;
  }
  .bb-illo [pathLength] { stroke-dashoffset: 0; }
}