.bp{--bp-ink:#1f2ed1;--bp-ink-soft:#859ffe;--bp-line:#1f2ed133;--bp-faint:#1f2ed16b;--bp-grid-minor:#1f2ed10d;--bp-grid-major:#1f2ed118;--bp-sheet:#f6f8fe;--bp-fill:#fff;--bp-red:#c2410c;--bp-hatch:#1f2ed147;--bp-draw-ease:cubic-bezier(.55, .05, .2, 1)}.dark .bp{--bp-ink:#a6b6fb;--bp-ink-soft:#6f86e8;--bp-line:#a6b6fb33;--bp-faint:#a6b6fb75;--bp-grid-minor:#a6b6fb0b;--bp-grid-major:#a6b6fb16;--bp-sheet:#0f1329;--bp-fill:#0d1022;--bp-red:#fb9a6b;--bp-hatch:#a6b6fb4d}.bp-grid{background-color:var(--bp-sheet);background-image:linear-gradient(var(--bp-grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--bp-grid-major) 1px, transparent 1px), linear-gradient(var(--bp-grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--bp-grid-minor) 1px, transparent 1px);background-position:-1px -1px;background-size:40px 40px,40px 40px,8px 8px,8px 8px}.bp-ruler{background-image:repeating-linear-gradient(90deg, var(--bp-faint) 0 1px, transparent 1px 8px)}.bp-ruler-major{background-image:repeating-linear-gradient(90deg, var(--bp-ink) 0 1px, transparent 1px 40px)}.bp svg text{font-family:var(--font-sans)}.bp svg .bp-halo{paint-order:stroke;stroke:var(--bp-sheet);stroke-width:7px;stroke-linejoin:round}.bp svg .bp-mono{font-family:var(--font-mono)}.bp [data-armed] .bp-draw{stroke-dasharray:1;stroke-dashoffset:1px}.bp [data-armed][data-seen] .bp-draw{animation:bp-draw 1.3s var(--bp-draw-ease) forwards;animation-delay:calc(var(--d,0) * 1ms)}.bp [data-armed] .bp-fade{opacity:0}.bp [data-armed][data-seen] .bp-fade{animation:.7s ease-out forwards bp-fade;animation-delay:calc(var(--d,0) * 1ms)}@keyframes bp-draw{to{stroke-dashoffset:0}}@keyframes bp-fade{to{opacity:1}}.bp-flow{stroke-dasharray:2 10;animation:1.8s linear infinite bp-flow}@keyframes bp-flow{to{stroke-dashoffset:-12px}}.bp-layer{animation:bp-assemble 14s var(--bp-draw-ease) infinite;animation-delay:3s}.bp-layer-note{animation:bp-note 14s var(--bp-draw-ease) infinite;animation-delay:3s}@keyframes bp-assemble{0%,34%{transform:translateY(0)}48%,70%{transform:translateY(var(--close,0px))}86%,to{transform:translateY(0)}}@keyframes bp-note{0%,30%{opacity:1}40%,76%{opacity:0}88%,to{opacity:1}}.bp-cross{animation:bp-cross-x 20s var(--bp-draw-ease) infinite}.bp-cross-y{animation-name:bp-cross-y}.bp-cross-ring{animation-name:bp-cross-ring}@keyframes bp-cross-x{0%,to{transform:translate(14%)}20%{transform:translate(68%)}40%{transform:translate(83%)}60%{transform:translate(41%)}80%{transform:translate(22%)}}@keyframes bp-cross-y{0%,to{transform:translateY(22%)}20%{transform:translateY(14%)}40%{transform:translateY(58%)}60%{transform:translateY(86%)}80%{transform:translateY(64%)}}@keyframes bp-cross-ring{0%,to{transform:translate(14%,22%)}20%{transform:translate(68%,14%)}40%{transform:translate(83%,58%)}60%{transform:translate(41%,86%)}80%{transform:translate(22%,64%)}}.bp-plot{opacity:0;animation:20s linear infinite bp-plot}@keyframes bp-plot{0%,4%{opacity:0}6%,60%{opacity:1}70%,to{opacity:0}}.bp-tracking .bp-cross{transition:transform 90ms linear;animation:none}.bp-tracking .bp-plot{opacity:0;animation:none}.bp .bp-flow,.bp .bp-layer,.bp .bp-layer-note,.bp .bp-cross,.bp .bp-plot{animation-play-state:paused}.bp [data-live] .bp-flow,.bp [data-live] .bp-layer,.bp [data-live] .bp-layer-note,.bp [data-live] .bp-cross,.bp [data-live] .bp-plot{animation-play-state:running}@media (max-width:639px){.bp-wide-only{display:none}}@media (min-width:640px){.bp-narrow-only{display:none}}@media (prefers-reduced-motion:reduce){.bp *,.bp :before,.bp :after{transition:none;animation:none}.bp .bp-cross{display:none}}