.line-figure{position:relative;width:100%;aspect-ratio:var(--lf-ratio,5/4);--hairline-plate:var(--lf-plate,#fff);--hairline-hi:#1b2128;--hairline-edge:#3d4c5a;--hairline-mid:#8a97a6;--hairline-lo:#c3cbd3;--hairline-stroke:1}.line-figure.is-sm{max-width:220px}.line-figure.is-md{max-width:360px}.line-figure.is-lg{max-width:560px}.line-figure.is-fill{max-width:none}.line-figure.is-dark{--hairline-plate:var(--lf-plate,var(--c-bg-dark));--hairline-hi:#f1f4f7;--hairline-edge:#b7c0c9;--hairline-mid:#7a8b9c;--hairline-lo:#3a4654}.line-figure.is-accent{--hairline-hi:var(--c-focus)}.line-figure.is-light.is-accent{--hairline-hi:#8a6116}.hl-svg,.line-figure-svg{width:100%;height:100%}.hl-svg{position:absolute;inset:0;overflow:visible;pointer-events:none}.hl-path{fill:none;stroke:var(--hl-stroke,color-mix(in srgb,var(--c-text) 32%,transparent));stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}.hl-path.is-dashed{stroke-dasharray:.012 .008;stroke-dashoffset:0;opacity:0}.hl-path.is-accent{--hl-stroke:var(--c-focus)}.motion-ok .hl-in .hl-path{transition:stroke-dashoffset 1.4s var(--ease-out-expo) calc(var(--i, 0) * 70ms)}.motion-ok .hl-in .hl-path.is-dashed{transition:opacity .8s var(--ease-in-out) calc(var(--i, 0) * 70ms)}.hl-in .hl-path:not(.is-dashed){stroke-dashoffset:0}.hl-in .hl-path.is-dashed{opacity:1}.motion-ok .hl-in .hl-path.is-dashed.is-flow{animation:hl-flow 6s linear infinite}@keyframes hl-flow{to{stroke-dashoffset:-.2}}html:not(.motion-ok) .hl-path{stroke-dashoffset:0}html:not(.motion-ok) .hl-path.is-dashed{opacity:1}.hl-svg.is-px .hl-path{vector-effect:none}.hl-svg.is-px .hl-path.is-dashed{stroke-dasharray:5 5}.motion-ok .hl-in.is-px .hl-path.is-dashed.is-flow{animation:hl-flow-px 4s linear infinite}@keyframes hl-flow-px{to{stroke-dashoffset:-40}}