.horizontal-timeline *{margin:0;padding:0;box-sizing:border-box}.timeline-wrapper{position:relative;width:100%;height:100vh;overflow:hidden}.timeline-container{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;align-items:center;padding:0 100px;will-change:transform}.timeline-line{width:100%;background:#333}.timeline-line,.timeline-progress{position:absolute;top:50%;left:0;height:4px;transform:translateY(-50%)}.timeline-progress{width:0;background:#fff;will-change:width}.timeline-items{display:flex;position:relative;z-index:1}.timeline-item{display:flex;flex-direction:column;align-items:center;margin:0 150px;opacity:0;transform:translateX(-50px);transition:opacity .8s ease-out,transform .8s ease-out;min-width:400px}.timeline-item.visible{opacity:1;transform:translateX(0)}.timeline-item.top{margin-bottom:250px}.timeline-item.bottom{margin-top:350px}.timeline-dot{display:none}.timeline-content{background:#1a1a1a;padding:30px;border-radius:8px;position:relative;border:2px solid transparent}.timeline-item.bottom .timeline-content{order:0}.timeline-content:before{content:"";position:absolute;inset:-2px;border-radius:8px;padding:2px;background:conic-gradient(from var(--angle),transparent 70%,#fff 80%,transparent 90%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate 6s linear infinite;pointer-events:none}@keyframes rotate{0%{--angle:0deg}to{--angle:360deg}}.timeline-date{color:#888;font-size:.9em;margin-bottom:10px}.timeline-title{font-size:1.5em;margin-bottom:10px;font-weight:700}.timeline-description{line-height:1.6;color:#ccc}