.line-wrapper .line{width:5px;height:calc(100% - 9px)}[dir] .line-wrapper .line{margin-bottom:-12px;background-image:linear-gradient(180deg,var(--N100,#dbdee2) 55%,hsla(0,0%,100%,0) 0);background-size:1px 13px;background-repeat:repeat-y}[dir=ltr] .line-wrapper .line{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(55%,var(--N100,#dbdee2)),color-stop(55%,hsla(0,0%,100%,0)));background-position:0}[dir=rtl] .line-wrapper .line{background-image:-webkit-gradient(linear,right top,right bottom,color-stop(55%,var(--N100,#dbdee2)),color-stop(55%,hsla(0,0%,100%,0)));background-position:100%}.circle:before{width:16px;position:absolute;height:16px;transition:all .5s ease-out 0s;content:""}[dir] .circle:before{border-radius:50%;background-color:#fff5cc;-webkit-transition:all .5s ease-out 0s}[dir=ltr] .circle:before,[dir=rtl] .circle:before{-webkit-animation-name:grow;animation-name:grow;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-play-state:running;animation-play-state:running}.circle:after{content:"";position:absolute;width:13px;height:13px;top:1px}[dir] .circle:after{border-radius:50%}[dir=ltr] .circle:after{left:1px}[dir=rtl] .circle:after{right:1px}[dir] .circle-active:after{background-color:var(--G500,#ffcb05)}[dir] .circle-inactive:after{background-color:var(--G500,#ddd)}