.motion-thumbnail{--motion-thumbnail-surface:#fff;--motion-thumbnail-ink:#111318;--motion-thumbnail-line:#e5e5e8;--motion-thumbnail-edge:#5d6470;--motion-thumbnail-signal:#f43f5e;--motion-thumbnail-connected:#b65d14;--motion-thumbnail-unconnected:#dd3220;--motion-thumbnail-decision:#f59e0b;--motion-thumbnail-action:#3b82f6;--motion-thumbnail-wait:#10b981;--motion-thumbnail-milestone:#10b981;--motion-thumbnail-outcome:#eab308;--motion-thumbnail-rose:#c2372b;width:100%;height:100%;display:block;overflow:hidden}.motion-thumbnail *{vector-effect:non-scaling-stroke}.motion-thumbnail__edge{fill:none;stroke:var(--motion-thumbnail-edge);stroke-width:.5px;stroke-opacity:.5;stroke-linejoin:round}.motion-thumbnail__edge.is-jump{stroke-dasharray:3 3}.motion-thumbnail__arrow{fill:var(--motion-thumbnail-edge);fill-opacity:.5}.motion-thumbnail__section{--tone:var(--motion-thumbnail-edge)}.motion-thumbnail__section[data-tone=blue]{--tone:#356ee9}.motion-thumbnail__section[data-tone=teal]{--tone:#118098}.motion-thumbnail__section[data-tone=green]{--tone:#168653}.motion-thumbnail__section[data-tone=amber]{--tone:#996a00}.motion-thumbnail__section[data-tone=rose]{--tone:var(--motion-thumbnail-rose)}.motion-thumbnail__section>rect:first-child{fill:color-mix(in srgb, var(--tone) 9%, var(--motion-thumbnail-surface));stroke:color-mix(in srgb, var(--tone) 50%, var(--motion-thumbnail-line));stroke-width:1px}.motion-thumbnail__section-bar{fill:color-mix(in srgb, var(--tone) 55%, var(--motion-thumbnail-surface))}.motion-thumbnail__node{--kind:var(--motion-thumbnail-action)}.motion-thumbnail__node[data-kind=event]{--kind:var(--motion-thumbnail-signal)}.motion-thumbnail__node[data-kind=decision]{--kind:var(--motion-thumbnail-decision)}.motion-thumbnail__node[data-kind=wait]{--kind:var(--motion-thumbnail-wait)}.motion-thumbnail__node[data-kind=outcome]{--kind:var(--motion-thumbnail-outcome)}.motion-thumbnail__body,.motion-thumbnail__rim{stroke:color-mix(in srgb, var(--kind) 55%, var(--motion-thumbnail-line));stroke-width:1px}.motion-thumbnail__body{fill:var(--motion-thumbnail-surface)}.motion-thumbnail__node[data-kind=decision] .motion-thumbnail__body{fill:color-mix(in srgb, var(--kind) 10%, var(--motion-thumbnail-surface))}.motion-thumbnail__node[data-state=unconnected] .motion-thumbnail__body{stroke:var(--motion-thumbnail-unconnected)}.motion-thumbnail__rim{fill:none}.motion-thumbnail__header{fill:color-mix(in srgb, var(--kind) 26%, var(--motion-thumbnail-surface))}.motion-thumbnail__rule{stroke:color-mix(in srgb, var(--kind) 40%, var(--motion-thumbnail-surface));stroke-width:1px}.motion-thumbnail__bar{fill:color-mix(in srgb, var(--motion-thumbnail-ink) 16%, var(--motion-thumbnail-surface))}.motion-thumbnail__bar.is-kind{fill:var(--kind)}.motion-thumbnail__caption{--kind:var(--motion-thumbnail-action)}.motion-thumbnail__caption[data-kind=condition]{--kind:var(--motion-thumbnail-decision)}.motion-thumbnail__caption[data-kind=wait]{--kind:var(--motion-thumbnail-wait)}.motion-thumbnail__caption[data-kind=loop]{--kind:var(--motion-thumbnail-connected)}.motion-thumbnail__caption rect{fill:var(--motion-thumbnail-surface);stroke:var(--motion-thumbnail-line);stroke-width:1px}.motion-thumbnail__caption circle{fill:var(--kind)}.motion-thumbnail__mark rect{fill:var(--motion-thumbnail-surface);stroke:var(--motion-thumbnail-line);stroke-width:.5px}