.timeline{position:relative;max-width:1e3px;margin:0 auto;padding:20px 0}.timeline::before{content:'';position:absolute;width:4px;background-color:rgb(var(--color-neutral-300));top:0;bottom:0;left:50%;margin-left:-2px;z-index:-1}.timeline-item{padding:10px 0;position:relative;width:50%;box-sizing:border-box}.timeline-item:nth-child(odd){left:0;padding-right:40px;text-align:right}.timeline-item:nth-child(even){left:50%;padding-left:40px;text-align:left}.timeline-content{background-color:rgb(var(--color-neutral-100));padding:20px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);position:relative}.dark .timeline-content{background-color:rgb(var(--color-neutral-800))}.timeline-item:nth-child(odd) .timeline-content::after{content:'';position:absolute;top:20px;right:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgb(var(--color-neutral-100))}.dark .timeline-item:nth-child(odd) .timeline-content::after{border-left:10px solid rgb(var(--color-neutral-800))}.timeline-item:nth-child(even) .timeline-content::after{content:'';position:absolute;top:20px;left:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgb(var(--color-neutral-100))}.dark .timeline-item:nth-child(even) .timeline-content::after{border-right:10px solid rgb(var(--color-neutral-800))}.timeline-item::before{content:'';position:absolute;width:16px;height:16px;background-color:rgb(var(--color-primary-500));border:3px solid rgb(var(--color-neutral-100));border-radius:50%;top:30px;z-index:1}.dark .timeline-item::before{border-color:rgb(var(--color-neutral-800))}.timeline-item:nth-child(odd)::before{right:-8px;transform:translateX(50%)}.timeline-item:nth-child(even)::before{left:-8px;transform:translateX(-50%)}.timeline-content h2{margin-top:0;color:rgb(var(--color-primary-600))}.dark .timeline-content h2{color:rgb(var(--color-primary-400))}.timeline-content .date{font-style:italic;color:rgb(var(--color-neutral-600));margin-bottom:10px}.dark .timeline-content .date{color:rgb(var(--color-neutral-400))}@media screen and (max-width:768px){.timeline::before{left:20px}.timeline-item{width:100%;padding-left:60px;padding-right:10px;left:0;text-align:left}.timeline-item:nth-child(odd){padding-right:10px}.timeline-item:nth-child(even){padding-left:60px}.timeline-item::before{left:12px;transform:none}.timeline-item:nth-child(odd)::before,.timeline-item:nth-child(even)::before{left:12px;transform:none}.timeline-item .timeline-content::after{left:-10px;right:auto;border-left:none;border-right:10px solid rgb(var(--color-neutral-100))}.dark .timeline-item .timeline-content::after{border-right:10px solid rgb(var(--color-neutral-800))}}