.timeline{list-style:none;position:relative}[dir] .timeline{padding:1.5rem 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;width:2px}[dir] .timeline:before{background:linear-gradient(180deg,transparent,#ebebeb 15%,#ebebeb 85%,transparent)}[dir=ltr] .timeline:before{left:31px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(15%,#ebebeb),color-stop(85%,#ebebeb),to(transparent))}[dir=rtl] .timeline:before{right:31px;background:-webkit-gradient(linear,right top,right bottom,from(transparent),color-stop(15%,#ebebeb),color-stop(85%,#ebebeb),to(transparent))}.timeline-item{position:relative}[dir] .timeline-item{padding-bottom:2rem}[dir=ltr] .timeline-item{padding-left:60px}[dir=rtl] .timeline-item{padding-right:60px}[dir] .timeline-item:last-child{padding-bottom:0}.timeline-item .timeline-badge{position:absolute;top:5px;width:24px;height:24px;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:10px;-webkit-box-shadow:0 0 0 4px #fff,0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}[dir] .timeline-item .timeline-badge{border-radius:50%;background:#7367f0;box-shadow:0 0 0 4px #fff,0 2px 4px rgba(0,0,0,.1);-webkit-transition:all .3s ease}[dir=ltr] .timeline-item .timeline-badge{left:20px}[dir=rtl] .timeline-item .timeline-badge{right:20px}[dir=ltr] .timeline-item .timeline-badge[color=primary]{background:linear-gradient(45deg,#7367f0,#9e95f5)}[dir=rtl] .timeline-item .timeline-badge[color=primary]{background:linear-gradient(-45deg,#7367f0,#9e95f5)}[dir=ltr] .timeline-item .timeline-badge[color=success]{background:linear-gradient(45deg,#28c76f,#48da89)}[dir=rtl] .timeline-item .timeline-badge[color=success]{background:linear-gradient(-45deg,#28c76f,#48da89)}[dir=ltr] .timeline-item .timeline-badge[color=warning]{background:linear-gradient(45deg,#ff9f43,#ffc085)}[dir=rtl] .timeline-item .timeline-badge[color=warning]{background:linear-gradient(-45deg,#ff9f43,#ffc085)}[dir=ltr] .timeline-item .timeline-badge[color=danger]{background:linear-gradient(45deg,#ea5455,#f08182)}[dir=rtl] .timeline-item .timeline-badge[color=danger]{background:linear-gradient(-45deg,#ea5455,#f08182)}[dir=ltr] .timeline-item .timeline-badge[color=info]{background:linear-gradient(45deg,#00cfe8,#55e1f1)}[dir=rtl] .timeline-item .timeline-badge[color=info]{background:linear-gradient(-45deg,#00cfe8,#55e1f1)}.timeline-item .timeline-content{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}[dir] .timeline-item .timeline-content{background:#f8f8f8;padding:1rem;border-radius:8px;border:1px solid #f0f0f0;-webkit-transition:-webkit-transform .2s ease}.timeline-item .timeline-content:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05)}[dir] .timeline-item .timeline-content:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05)}[dir=ltr] .timeline-item .timeline-content:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}[dir=rtl] .timeline-item .timeline-content:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px)}[dir=ltr] .border-left[data-v-f8bfd448]{border-left:1px solid #efefef}[dir=rtl] .border-left[data-v-f8bfd448]{border-right:1px solid #efefef}.os-timeline-container[data-v-f8bfd448]{max-height:400px;overflow-y:auto}[dir=ltr] .os-timeline-container[data-v-f8bfd448]{padding-right:10px}[dir=rtl] .os-timeline-container[data-v-f8bfd448]{padding-left:10px}.os-timeline-container[data-v-f8bfd448]::-webkit-scrollbar{width:4px}[dir] .os-timeline-container[data-v-f8bfd448]::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:10px}