.section-vector{color:var(--color-rule);align-self:center;width:100%}.vector{width:100%;height:auto;display:block}.vector-ink{stroke:currentColor;stroke-width:var(--width-hairline);stroke-dasharray:1;stroke-dashoffset:1px}.section-vector[data-ink=drawn] .vector-ink{stroke-dashoffset:0}.section-vector[data-ink=draw] .vector-ink{animation:vector-draw var(--duration-reveal) var(--ease-reveal) forwards}@keyframes vector-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.vector-mark{stroke:var(--color-accent)}.vector-figure{stroke:var(--color-accent);stroke-dasharray:none;font-family:var(--font-mono);font-size:var(--text-xl);opacity:0;direction:ltr}.section-vector[data-ink=drawn] .vector-figure{opacity:1}.section-vector[data-ink=draw] .vector-figure{animation:vector-write var(--duration-reveal) var(--ease-reveal) var(--duration-reveal) forwards}@keyframes vector-write{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.vector-ink{stroke-dashoffset:0}.vector-figure{opacity:1}}