.autodemo{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.autodemo-row{justify-content:center;align-items:center;display:flex}.autodemo-step{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.autodemo-dot{width:56px;height:56px;color:var(--color-gray-400);background:#fff;border-radius:14px;justify-content:center;align-items:center;transition:color .4s,box-shadow .4s;display:flex;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}.autodemo-text{opacity:.5;flex-direction:column;align-items:center;gap:1px;transition:opacity .4s;display:flex}.autodemo-label{font-family:var(--font-family);color:var(--color-gray-700);font-size:13px;font-weight:600;line-height:1.3}.autodemo-sub{font-family:var(--font-family);color:var(--color-gray-400);white-space:nowrap;font-size:12px;font-weight:400;line-height:1.3}.autodemo-line{background:var(--color-gray-200);border-radius:999px;flex:1;min-width:80px;max-width:80px;height:2px;margin:0 8px 36px;overflow:hidden}.autodemo-line-fill{border-radius:999px;width:0;height:100%}.autodemo-step-1+.autodemo-line .autodemo-line-fill{background:var(--color-amber-400)}.autodemo-step-2+.autodemo-line .autodemo-line-fill{background:var(--color-emerald-400)}.autodemo.animate .autodemo-step-1+.autodemo-line .autodemo-line-fill{animation:5s ease-in-out infinite autodemo-line-grow}.autodemo.animate .autodemo-step-2+.autodemo-line .autodemo-line-fill{animation:5s ease-in-out .8s infinite autodemo-line-grow}@keyframes autodemo-line-grow{0%,10%{width:0}30%,65%{width:100%}85%,to{opacity:0;width:100%}}.autodemo.animate .autodemo-step-1 .autodemo-dot{animation:5s ease-in-out infinite autodemo-dot-indigo}.autodemo.animate .autodemo-step-1 .autodemo-text{animation:5s ease-in-out infinite autodemo-text-on}.autodemo.animate .autodemo-step-2 .autodemo-dot{animation:5s ease-in-out .8s infinite autodemo-dot-amber}.autodemo.animate .autodemo-step-2 .autodemo-text{animation:5s ease-in-out .8s infinite autodemo-text-on}.autodemo.animate .autodemo-step-3 .autodemo-dot{animation:5s ease-in-out 1.6s infinite autodemo-dot-emerald}.autodemo.animate .autodemo-step-3 .autodemo-text{animation:5s ease-in-out 1.6s infinite autodemo-text-on}@keyframes autodemo-dot-indigo{0%,6%{color:var(--color-gray-400);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}16%,58%{color:var(--color-indigo-600);box-shadow:0 4px 20px #4f46e526,0 0 0 3px #4f46e51a}78%,to{color:var(--color-gray-400);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}}@keyframes autodemo-dot-amber{0%,6%{color:var(--color-gray-400);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}16%,58%{color:var(--color-amber-600);box-shadow:0 4px 20px #f59e0b26,0 0 0 3px #f59e0b1a}78%,to{color:var(--color-gray-400);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}}@keyframes autodemo-dot-emerald{0%,6%{color:var(--color-gray-400);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}16%,58%{color:var(--color-emerald-600);box-shadow:0 4px 20px #10b98126,0 0 0 3px #10b9811a}78%,to{color:var(--color-gray-400);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}}@keyframes autodemo-text-on{0%,6%{opacity:.5}16%,58%{opacity:1}78%,to{opacity:.5}}@media (width<=768px){.autodemo-dot{border-radius:12px;width:54px;height:54px}.autodemo-label{font-size:12px}.autodemo-sub{font-size:11px}.autodemo-line{min-width:20px;max-width:40px;margin:0 4px 30px}}