.ot-timeline{scrollbar-width:none;border-top:1px solid #94a3b847;border-bottom:1px solid #94a3b847;align-items:flex-start;margin:0 0 18px;padding:14px 0;display:flex;overflow-x:auto}.ot-timeline::-webkit-scrollbar{display:none}.ot-step{flex-direction:column;flex:1;align-items:center;min-width:64px;display:flex;position:relative}.ot-step-dot{z-index:1;background:#cbd5e1;border:2px solid #cbd5e1;border-radius:50%;width:10px;height:10px;transition:all .2s}.ot-step--done .ot-step-dot{background:#22c55e;border-color:#22c55e}.ot-step--active .ot-step-dot{background:#0ea5e9;border-color:#0ea5e9;width:14px;height:14px;box-shadow:0 0 0 4px #0ea5e940}.ot-step-label{color:#94a3b8;text-align:center;white-space:nowrap;margin-top:6px;font-size:10px}.ot-step--done .ot-step-label{color:#22c55e;font-weight:600}.ot-step--active .ot-step-label{color:#0ea5e9;font-weight:700}.ot-step-line{background:#94a3b847;height:2px;position:absolute;top:4px;left:calc(50% + 8px);right:calc(8px - 50%)}.ot-step--done .ot-step-line{background:#22c55e}
