.timeline,.timeline-wrapper{position:relative}.timeline{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;margin-top:-10px}.timeline.active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.timeline::-webkit-scrollbar{display:none}.timeline-item{text-align:left}.timeline-item-content{transition:all .3s cubic-bezier(.165,.84,.44,1);padding:0 20px}.timeline-item-content p{width:85%}.timeline.active .timeline-item-content{transform:scale(.99)}.timeline-item-content .badge{font-size:100%;font-weight:400;padding:6px 12px;pointer-events:none}.timeline-arrow{width:50px;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;position:absolute;right:16px;z-index:2;top:50%;margin-top:-25px;transition:all .3s cubic-bezier(.165,.84,.44,1)}.timeline-arrow.hide{opacity:0;pointer-events:none;transform:scale(.98)}.timeline.active~.timeline-arrow{opacity:.5}.timeline.active~.timeline-arrow.hide{opacity:0}.timeline-bar{position:absolute;top:0;left:0;background:url(https://f.hubspotusercontent40.net/hubfs/6513891/timeline-bar.png) repeat-x;width:100%;height:8px;display:block;margin-top:10px;opacity:.7}