:root{--workflow-stroke-dasharray:8 4;--workflow-mask-stroke-length:30;--workflow-path-animation-duration:3s;--workflow-mask-animation-duration:2.5s;--hubspot-path-length:340;--notion-path-length:219;--docs-path-length:120;--linear-path-length:219;--onenote-path-length:340;--hubspot-mask-stroke-multiplier:2;--notion-mask-stroke-multiplier:1.2;--docs-mask-stroke-multiplier:1;--linear-mask-stroke-multiplier:1.2;--onenote-mask-stroke-multiplier:2;--workflow-path-animation:path-animation;--workflow-mask-animation-timing-function:linear;--hubspot-animation-delay:3.5s;--notion-animation-delay:2s;--docs-animation-delay:1s;--linear-animation-delay:2s;--onenote-animation-delay:3.5s}@keyframes mask-animation-notion{0%{stroke-dashoffset:30}70%{stroke-dashoffset:calc(var(--notion-path-length) * -1px)}to{stroke-dashoffset:calc(var(--notion-path-length) * -1px)}}@keyframes mask-animation-hubspot{0%{stroke-dashoffset:30}70%{stroke-dashoffset:calc(var(--hubspot-path-length) * -1px)}to{stroke-dashoffset:calc(var(--hubspot-path-length) * -1px)}}@keyframes mask-animation-docs{0%{stroke-dashoffset:30}70%{stroke-dashoffset:calc(var(--docs-path-length) * -1px)}to{stroke-dashoffset:calc(var(--docs-path-length) * -1px)}}@keyframes mask-animation-linear{0%{stroke-dashoffset:30}70%{stroke-dashoffset:calc(var(--linear-path-length) * -1px)}to{stroke-dashoffset:calc(var(--linear-path-length) * -1px)}}@keyframes mask-animation-onenote{0%{stroke-dashoffset:30}70%{stroke-dashoffset:calc(var(--onenote-path-length) * -1px)}to{stroke-dashoffset:calc(var(--onenote-path-length) * -1px)}}@keyframes path-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:-32}}.hubspot-flow-path{stroke-dasharray:var(--workflow-stroke-dasharray);animation:path-animation var(--workflow-path-animation-duration) linear infinite}.hubspot-flow-mask{stroke-dasharray:calc(var(--workflow-mask-stroke-length) * var(--hubspot-mask-stroke-multiplier)) calc(var(--hubspot-path-length));stroke-dashoffset:calc(var(--workflow-mask-stroke-length) * var(--hubspot-mask-stroke-multiplier));animation:mask-animation-hubspot var(--workflow-mask-animation-duration) var(--workflow-mask-animation-timing-function) infinite;animation-delay:var(--hubspot-animation-delay)}.notion-flow-path{stroke-dasharray:var(--workflow-stroke-dasharray);animation:path-animation var(--workflow-path-animation-duration) linear infinite}.notion-flow-mask{stroke-dasharray:calc(var(--workflow-mask-stroke-length) * var(--notion-mask-stroke-multiplier)) calc(var(--notion-path-length));stroke-dashoffset:calc(var(--workflow-mask-stroke-length) * var(--notion-mask-stroke-multiplier));animation:mask-animation-notion var(--workflow-mask-animation-duration) var(--workflow-mask-animation-timing-function) infinite;animation-delay:var(--notion-animation-delay)}.docs-flow-path{stroke-dasharray:var(--workflow-stroke-dasharray);animation:path-animation var(--workflow-path-animation-duration) linear infinite}.docs-flow-mask{stroke-dasharray:calc(var(--workflow-mask-stroke-length) * var(--docs-mask-stroke-multiplier)) calc(var(--docs-path-length));stroke-dashoffset:calc(var(--workflow-mask-stroke-length) * var(--docs-mask-stroke-multiplier));animation:mask-animation-docs var(--workflow-mask-animation-duration) var(--workflow-mask-animation-timing-function) infinite;animation-delay:var(--docs-animation-delay)}.linear-flow-path{stroke-dasharray:var(--workflow-stroke-dasharray);animation:path-animation var(--workflow-path-animation-duration) linear infinite}.linear-flow-mask{stroke-dasharray:calc(var(--workflow-mask-stroke-length) * var(--linear-mask-stroke-multiplier)) calc(var(--linear-path-length));stroke-dashoffset:calc(var(--workflow-mask-stroke-length) * var(--linear-mask-stroke-multiplier));animation:mask-animation-linear var(--workflow-mask-animation-duration) var(--workflow-mask-animation-timing-function) infinite;animation-delay:var(--linear-animation-delay)}.onenote-flow-path{stroke-dasharray:var(--workflow-stroke-dasharray);animation:path-animation var(--workflow-path-animation-duration) linear infinite}.onenote-flow-mask{stroke-dasharray:calc(var(--workflow-mask-stroke-length) * var(--onenote-mask-stroke-multiplier)) calc(var(--onenote-path-length));stroke-dashoffset:calc(var(--workflow-mask-stroke-length) * var(--onenote-mask-stroke-multiplier));animation:mask-animation-onenote var(--workflow-mask-animation-duration) var(--workflow-mask-animation-timing-function) infinite;animation-delay:var(--onenote-animation-delay)}