milestone-show{display:block;width:100%;background:#f5f5f5}.milestone-container{padding:60px 0}.milestone-content-wrapper{position:relative;min-height:200px;margin-bottom:80px;display:flex;gap:40px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.milestone-content-wrapper:active{cursor:grabbing}.milestone-content-wrapper::-webkit-scrollbar{display:none}.milestone-content-item{flex:0 0 auto;width:350px;cursor:pointer}.milestone-year-title{display:inline-block;background-color:#666;color:#fff;padding:8px 16px;font-size:18px;font-weight:700;margin-bottom:16px;border-radius:4px;transition:background-color .3s ease}.milestone-content-item.active .milestone-year-title,.milestone-content-item:hover .milestone-year-title{background-color:#00a0e9}.milestone-description{font-size:16px;line-height:1.6;transition:color .3s ease;color:#888}.milestone-content-item.active .milestone-description,.milestone-content-item:hover .milestone-description{color:#111}.milestone-timeline{position:relative;height:80px;margin-top:40px}.timeline-line{position:absolute;top:40px;left:0;right:0;height:2px;background:#ddd}.timeline-markers{position:relative;display:flex;justify-content:space-between;height:100%}.timeline-marker{position:relative;flex:1;align-items:center}.marker-line-main{height:28px;border-left:1px #333 solid;margin-bottom:8px;margin-top:25px}.marker-line{height:18px;border-left:1px #999 solid;margin-bottom:8px;margin-top:31px}.timeline-marker .marker-line:nth-last-child(1){opacity:0}.marker-year{font-size:15px;color:#666;white-space:nowrap;margin-left:-15px;margin-top:10px;transition:color .3s ease,font-weight .3s ease}.marker-year.active{color:#00a0e9;font-weight:700}.timeline-handle{position:absolute;top:28px;left:0;width:60px;height:28px;cursor:grab;transition:left .3s ease;z-index:10}.timeline-handle:active{cursor:grabbing}.handle-dot{width:60px;height:28px;background:#00a0e9;border-radius:20px;box-shadow:0 2px 8px #00a0e966;display:flex;align-items:center;justify-content:center}.handle-dot .icon{stroke:#fff}@media screen and (max-width:640px){.mobile-milestone{padding:var(--sp-10) 0}.marker-line-main{width:var(--sp-8);border-top:1px #111 solid;border-left:0;height:auto;margin-top:0;margin-bottom:0;margin-left:var(--sp-1d5)}.marker-line{width:var(--sp-6);border-top:1px #bbb solid;border-left:0;height:auto;margin-top:0;margin-bottom:0;margin-left:var(--sp-1d5)}.milestone-content-item{width:auto;max-width:calc(100% - var(--sp-16));height:var(--sp-52)}.milestone-year-title{font-size:var(--text-lg);background-color:#00a0e9;padding:var(--sp-1) var(--sp-2)}.milestone-description{font-size:var(--text-base);color:#222}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/milestone-show.css.map */