.apache-timeline *{margin:0;padding:0;box-sizing:border-box}.apache-timeline{--container-padding:1.25rem;--timeline-padding:5rem;--year-padding:0.625rem 1.875rem;--progress-height:0.625rem;--line-height:0.125rem;font-size:16px;width:100%;position:relative;background:#fff;overflow:hidden}.apache-timeline .container{position:relative;width:100%;margin:0 auto;padding:var(--container-padding)}.apache-timeline .timeline-wrapper{position:relative;margin:0;padding:0;width:100%;overflow:visible}.apache-timeline .timeline-line{position:absolute;width:100%;height:var(--line-height);background:#ccc;top:2.438rem;left:0;z-index:0}.apache-timeline .timeline{position:relative;white-space:nowrap;overflow-x:auto;padding:1.25rem 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.apache-timeline .timeline::-webkit-scrollbar{display:none}.apache-timeline .timeline-item{margin-top:-.4em;display:inline-block;width:calc(100% / 6);text-align:center;position:relative;white-space:normal;vertical-align:top}@media screen and (max-width:1024px){.apache-timeline .timeline-item{width:calc(100% / 4)}}@media screen and (max-width:768px){.apache-timeline .timeline-item{width:calc(100% / 3)}}.apache-timeline .year{background:#F47B20;color:#fff;padding:var(--year-padding);border-radius:1.875rem;display:inline-block;margin-bottom:1.25rem;font-size:1.125rem;position:relative;z-index:1;font-weight:500}.apache-timeline .content{word-wrap:break-word;color:#666;font-size:1.2rem;line-height:1.5;padding:0 .625rem;margin-top:1.25rem}.apache-timeline .scroll-progress{width:18.75rem;height:var(--progress-height);background:#E5E5E5;border-radius:.313rem;margin:1.25rem auto;position:relative;cursor:pointer;touch-action:none}.apache-timeline .progress-bar{height:100%;width:30%;background:#F47B20;border-radius:.313rem;position:absolute;left:0;cursor:grab;transition:background 0.3s;touch-action:none}.apache-timeline .progress-bar:active{cursor:grabbing;background:#d66a1c}