.blog-post-item,.blog-posts-container{position:relative}.blog-post-item{padding:12px 40px;transition:all .2s}.timeline-line{left:3px;top:-200px;width:2px;height:calc(100% - 40px + 195px)}.timeline-dot,.timeline-line{position:absolute;background-color:#e5e5e5}.timeline-dot{left:0;top:20px;width:8px;height:8px;border-radius:50%;transition:background-color .2s,opacity .2s;z-index:10}.post-content{transition:transform .2s}.blog-post-item:hover .timeline-dot{background-color:#22c55e;opacity:1}.blog-post-item:hover .post-content{transform:translateX(8px)}.blog-post-item:hover~.blog-post-item .timeline-dot{opacity:1}.blog-post-item:has(~.blog-post-item:hover) .timeline-dot{opacity:0}.blog-post-item:hover:before{content:"";position:absolute;left:3px;top:-992px;width:2px;height:calc(1000px + 12px);background-color:#22c55e;z-index:5}