.timeline{width:100%}.timeline ol{width:100%;transition:all 1s;margin:0;padding:0;display:flex;justify-content:space-between}.timeline ol li{list-style:none;position:relative;text-align:center;flex-grow:1;flex-basis:0;padding:0 5px;pointer-events:none;font-size:14px}.timeline ol .disabled{color:#b9b9b9}.timeline ol li:before{content:"";display:block;width:23px;height:23px;border-radius:50%;margin:0 auto 5px}.timeline ol li.active:before{border:7px solid #c0164b}.timeline ol li.default:before{border:7px solid #d0d0d0}.timeline ol li.done:before{content:"L";color:#fff;padding-top:4px;transform:scaleX(-1) rotate(-35deg);border-width:0 .3em .25em 0;background-color:#c0164b;cursor:pointer;pointer-events:all}.timeline ol li:not(:last-child):after{content:"";width:calc(100% - 20px);height:2px;display:block;background:#ccc;margin:0;position:absolute;top:10px;left:calc(50% + 12px)}.timeline ol li.previous:after{background-color:#c0164b}@media(max-width:768px){.timeline .timeline-label{display:none}.timeline .active .timeline-label{display:initial;font-size:13px}}