.tl-card:before{content:"";background:var(--color-border);z-index:0;height:2px;position:absolute;top:50%;left:0;right:0}.tl-card.passed:before{background:var(--color-accent)}.tl-card:after{content:"";background:var(--color-border);border:3px solid var(--color-surface);z-index:2;border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s,box-shadow .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tl-card.milestone:after{background:var(--color-accent);width:14px;height:14px}.tl-card.passed:after{background:var(--color-accent)}.tl-card.active:after{background:var(--color-accent);box-shadow:0 0 0 6px var(--color-accent-soft);transform:translate(-50%,-50%)scale(1.5)}.tl-card .tl-year{transition:color .3s,transform .3s}.tl-card.active .tl-year{color:var(--color-accent);font-size:15px;font-weight:600;transform:scale(1.1)}.tl-card.milestone .tl-year{color:var(--color-text-primary);font-weight:600}.tl-card .tl-value{transition:color .3s,font-size .3s,transform .3s}.tl-card.active .tl-value{color:var(--color-accent);font-size:32px;font-weight:600;transform:scale(1.1)}.tl-card.milestone .tl-value{font-size:22px;font-weight:600}.tl-card .tl-milestone{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(8px)}.tl-card.active .tl-milestone,.tl-card.passed .tl-milestone{opacity:1;transform:translateY(0)}.tl-progress-fill{transition:width .1s linear}@media (prefers-reduced-motion:reduce){.tl-wrapper{height:auto!important}.tl-sticky{height:auto!important;position:relative!important}.tl-track-container{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.tl-track{transform:none!important}.tl-card .tl-milestone{opacity:1;transform:translateY(0)}.tl-progress{display:none}}@media (max-width:767px){.tl-card{width:120px!important}.tl-card.milestone{width:150px!important}.tl-card.current{width:180px!important}.tl-card .tl-value{font-size:14px}.tl-card.active .tl-value{font-size:20px}.tl-card.milestone .tl-value{font-size:16px}.tl-track-container{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tl-card{scroll-snap-align:center}}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}
