.timeline-outer{display:flex;justify-content:center}.timeline{max-width:100%;overflow-x:auto;width:fit-content;margin:auto}.tl-labels{display:flex}.tl-labels>div{width:230px;text-align:center;padding:15px 15px;flex:0 0 auto}.tl-labels h4,.tl-labels p{margin:0}.tl-bottom{padding-left:115px}.tl-middle{padding-left:62px}.tl-top>div{display:flex;flex-direction:column-reverse}.tl-middle{display:flex}.tl-middle>div{position:relative;margin-left:-8px}.tl-middle .user-portrait{position:absolute;left:30px;top:2px;width:64px;height:64px;text-align:center}.tl-middle .user-portrait i{color:#fff;font-size:36px;line-height:64px;width:64px;background:#008000;text-shadow:2px 2px 2px #000}.tl-middle .user-portrait i svg{margin-top:-8px;width:36px;height:36px;fill:#fff;filter:drop-shadow(2px 2px 2px #000)}.tl-middle>div:nth-child(even) .user-portrait{top:166px}.timeline .active .img svg,.timeline .active .img:before{animation:timelineFlash 1s ease-in-out infinite alternate}@keyframes timelineFlash{0{opacity:1}100%{opacity:.5}}.timeline .inactive .timeline-arrow{fill:#888 !important}.timeline .inactive i{background-color:#888 !important}