.draw-figure [data-draw]{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.draw-figure [data-fill]{opacity:0}.draw-figure.drawn [data-draw]{animation:.75s cubic-bezier(.65,0,.35,1) forwards draw-stroke,.2s ease-out forwards draw-fade;animation-delay:var(--delay,0s)}.draw-figure.drawn [data-fill]{animation:.35s ease-out forwards draw-fade;animation-delay:calc(var(--delay,0s) + .3s)}@keyframes draw-stroke{to{stroke-dashoffset:0}}@keyframes draw-fade{to{opacity:1}}@media (prefers-reduced-motion:reduce){.draw-figure.drawn [data-draw],.draw-figure.drawn [data-fill]{stroke-dashoffset:0;opacity:1;animation:none}}.line-figure{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;max-width:200px;height:auto}.line-figure.pixel{stroke-linecap:square;stroke-linejoin:miter}.line-figure .figure-accent{stroke:var(--color-hil-link);fill:none}:is(.line-figure .figure-accent) [data-fill]{fill:var(--color-hil-link);stroke:none}.line-figure .figure-badge{stroke:none}:is(.line-figure .figure-badge) circle{fill:var(--color-hil-link)}:is(.line-figure .figure-badge) text{fill:var(--color-hil-bg);font-family:var(--font-ui);text-anchor:middle;dominant-baseline:central;font-size:7.5px;font-weight:700}.line-figure .figure-pointer{fill:var(--color-hil-bg-light)}.line-figure .figure-cursor{fill:currentColor;stroke:none}.draw-figure.drawn .line-figure .figure-cursor{animation:draw-fade .35s ease-out var(--delay) forwards,figure-blink 1s steps(1) 1s infinite}@keyframes figure-blink{50%{opacity:0}}