:root{--tracely-guide-color: #c8c8d0;--tracely-active-color: #4a7dff;--tracely-progress-color: #00c853;--tracely-complete-color: #009e46;--tracely-marker-color: #ff8c42;--tracely-demo-color: #ff3d8b;--tracely-guide-width: 6;--tracely-progress-width: 6}svg.tracely{touch-action:none;width:100%;height:auto;display:block}.tracely-guide{fill:none;stroke:var(--tracely-guide-color);stroke-width:var(--tracely-guide-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 14}.tracely-guide--tap{fill:none;stroke-dasharray:2 10}.tracely-guide.tracely-section--active{stroke:var(--tracely-active-color)}.tracely-progress-path{fill:none;stroke:var(--tracely-progress-color);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.tracely-progress-path--complete{stroke:var(--tracely-complete-color)}svg.tracely--complete .tracely-guides,svg.tracely--complete .tracely-markers{opacity:.4}.tracely-start circle{fill:var(--tracely-marker-color)}.tracely-start text{fill:#fff;font-family:system-ui,sans-serif;font-size:16px;text-anchor:middle;dominant-baseline:central}.tracely-end{fill:none;stroke:var(--tracely-marker-color);stroke-width:3}.tracely-end.tracely-section--complete{fill:var(--tracely-complete-color)}.tracely-arrow{fill:var(--tracely-active-color)}.tracely-section--upcoming{opacity:.35}.tracely-guide.tracely-section--complete{stroke:var(--tracely-progress-color)}.tracely-demo-dot{fill:var(--tracely-demo-color)}.tracely-demo-trail{fill:none;stroke:var(--tracely-demo-color);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}