.timeline-container{position:relative;overflow-x:auto;white-space:nowrap;padding:20px 0;box-sizing:border-box;background:transparent;width:100%;display:block;z-index:1;scroll-behavior:smooth}@keyframes expandLine{0%{width:0}to{width:220px}}@keyframes timeline_dot{0%{background-color:#ccc}to{background-color:#007bff}}.timeline-event{text-align:center;margin-right:40px;vertical-align:top;width:auto;padding:20px 0}.timeline-card,.timeline-event{position:relative;display:inline-block}.timeline-card{background-color:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:16px;white-space:normal;max-width:180px;margin-bottom:20px}.timeline-card:before{content:"";position:absolute;top:-25px;left:0;width:0;height:6px;background-color:#fff}.timeline-event.current-event .timeline-card:before,.timeline-event.past-event .timeline-card:before{background-color:#007bff}.animate_line .timeline-card:before{animation:expandLine .2s forwards}.timeline-dot{width:14px;height:14px;border-radius:50%;background-color:#ccc;margin-bottom:8px;z-index:3;position:absolute;transform:translateX(-50%);top:-9px;left:50%}.timeline-event.current-dot .timeline-dot{background-color:#007bff;box-shadow:0 0 10px 3px #007bff;animation:glow 1.5s infinite}@keyframes glow{0%,to{box-shadow:0 0 20px 1px #000}50%{box-shadow:0 0 20px 5px #007bff}}.timeline-date{font-weight:700;color:#555;margin-bottom:4px}.timeline-title{margin:0;font-size:1rem;color:#333}.timeline-description{font-size:.8rem;color:#666}.timeline-event.past-event.animate_dot .timeline-dot{background-color:#007bff;animation:timeline_dot .2s forwards}.timeline-container::-webkit-scrollbar{height:8px}.timeline-container::-webkit-scrollbar-track{background:#f0f0f0}.timeline-container::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:4px}