.timeline-section .timeline-section__description{max-width:1180px;margin:0 auto}.timeline-container{overflow-x:auto;overflow-y:hidden;cursor:grab;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin-top:104px}.timeline-container::-webkit-scrollbar{display:none}.timeline-wrapper{display:flex;flex-wrap:nowrap;gap:0;width:max-content;min-width:100%}.timeline-card{width:294px;height:464px;padding:16px;position:relative;overflow:hidden;flex:none;transition:all 1.5s cubic-bezier(.22,1,.36,1);background:linear-gradient(180deg,#0000000a,#0000);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.timeline-card:first-child{margin-left:max(0rem,calc((100vw - var(--page-width)) / 2))}.timeline-card:last-child{margin-right:max(0rem,calc((100vw - var(--page-width)) / 2))}.timeline-card:nth-child(2n){background:linear-gradient(180deg,#0000,#0000000a)}.timeline-card__desc{height:100%;display:flex;justify-content:center;transition:all 1.5s cubic-bezier(.22,1,.36,1)}.timeline-card__desc-p{font-size:16px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline-card__desc-p p{margin:0}.timeline-card:nth-child(odd) .timeline-card__desc{align-items:flex-start}.timeline-card:nth-child(odd) .timeline-card__desc .timeline-card__desc-p{margin-top:8px;transition:all 1.5s cubic-bezier(.22,1,.36,1)}.timeline-card:first-child .timeline-card__desc .timeline-card__desc-p{margin-top:106px}.timeline-card:nth-child(2n) .timeline-card__desc{align-items:flex-end}.timeline-card:nth-child(2n) .timeline-card__desc .timeline-card__desc-p{transition:all 1.5s cubic-bezier(.22,1,.36,1);margin-bottom:8px}.timeline-card__arc{display:block!important;pointer-events:none;position:absolute;left:50%;transform:translate(-50%);width:150%;height:100%;border:1px solid rgba(0,0,0,.2);transition:all 1.5s cubic-bezier(.22,1,.36,1)}.timeline-card__arc:after{content:"";position:absolute;width:8px;height:8px;background:#000;border-radius:50%;left:50%;transform:translate(-50%,-50%)}.timeline-card:nth-child(odd) .timeline-card__arc:after{top:0%}.timeline-card:nth-child(2n) .timeline-card__arc:after{bottom:-1.8%}.timeline-card:nth-child(odd) .timeline-card__arc{top:36.8%;border-bottom:none;border-left:none;border-right:none;border-radius:50% 50% 0 0}.timeline-card:nth-child(2n) .timeline-card__arc{bottom:37.5%;border-left:none;border-right:none;border-top:none;border-radius:0 0 50% 50%}.timeline-card__year{font-size:16px;font-weight:500;color:#000000b3;text-align:center;transition:all 1.5s cubic-bezier(.22,1,.36,1);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;transform-origin:center center}.timeline-card:nth-child(odd) .timeline-card__year{top:42%}.timeline-card:nth-child(2n) .timeline-card__year{bottom:42%}.timeline-card:hover{background:#000;color:#fff}.timeline-card:hover .timeline-card__arc{opacity:0;visibility:hidden}.timeline-card:nth-child(odd):hover .timeline-card__desc .timeline-card__desc-p{-webkit-line-clamp:unset;height:100%;display:block;opacity:1;margin-top:0}.timeline-card:nth-child(2n):hover .timeline-card__desc .timeline-card__desc-p{-webkit-line-clamp:unset;height:100%;display:block;opacity:1;margin-bottom:0}.timeline-card:nth-child(odd):hover .timeline-card__year{font-size:56px;line-height:1;font-weight:700;color:#fff3;left:calc(100% - 110px);right:16px;top:calc(100% - 68px);bottom:16px;transform:translate(-50%);transform-origin:right bottom}.timeline-card:nth-child(2n):hover .timeline-card__year{font-size:56px;line-height:1;font-weight:700;color:#fff3;left:calc(100% - 108px);right:16px;top:auto;bottom:16px;transform:translate(-50%);transform-origin:right bottom}.timeline-container-mobile{margin-top:44px;padding:0 16px;max-width:100%}.timeline-wrapper-mobile{display:flex;flex-direction:column;gap:0}.timeline-item-mobile{display:flex;align-items:baseline;position:relative;transition:all .4s cubic-bezier(.25,.1,.25,1);cursor:pointer}.timeline-item-hidden{display:none!important}.timeline-item-mobile.show{display:flex!important}.timeline-mobile-year{width:auto;min-width:30px;flex-shrink:0;font-size:11px;font-weight:600;color:#00000080;transition:all .3s ease}.timeline-mobile-line{width:36px;height:-webkit-fill-available;flex-shrink:0;position:relative;display:flex;justify-content:center;padding:18px 0}.timeline-mobile-line:before{content:"";position:absolute;top:0;bottom:0;width:1px;background-color:#bdbdbd}.timeline-mobile-dot{display:block!important;width:8px;height:8px;border-radius:50%;background-color:#7d7d7d;position:relative;z-index:1;transition:all .3s ease}.timeline-mobile-desc{flex:1;color:#000000b3;transition:all .4s cubic-bezier(.25,.1,.25,1);overflow:hidden}.timeline-mobile-desc-content{font-size:12px;transition:all .3s ease}.timeline-mobile-desc-content p{margin:0}.timeline-mobile-desc{max-height:fit-content}.timeline-mobile-desc-content{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline-item-mobile.active .timeline-mobile-year{color:#000}.timeline-item-mobile.active .timeline-mobile-dot{background-color:#ff3b30;transform:scale(1.2);border:1px solid #000000}.timeline-item-mobile.active .timeline-mobile-desc{color:#000;max-height:2000px}.timeline-item-mobile.active .timeline-mobile-desc-content{-webkit-line-clamp:unset;display:block;padding-bottom:1.6rem}.timeline-item-mobile:last-child .timeline-mobile-line:before{height:50%;bottom:50%}.timeline-item-mobile:last-child.active .timeline-mobile-line:before{height:10%}.timeline-item-mobile:first-child .timeline-mobile-line:before{height:50%;top:50%}.timeline-mobile-loadmore{margin:24px auto 0;border:none;background:none;font-size:12px;cursor:pointer;transition:all .3s ease;color:#000;display:flex;align-items:center;gap:.8rem}.timeline-mobile-loadmore .loadmore-text,.timeline-mobile-loadmore .loadless-text{display:inline-block;transition:all .3s ease}.timeline-mobile-loadmore .loadless-text{display:none}.timeline-mobile-loadmore .svg-wrapper{width:12px;height:12px}.timeline-mobile-loadmore .svg-wrapper .icon-caret{display:block;width:100%;height:100%;transition:transform .3s ease;transform-origin:center center}.timeline-mobile-loadmore.rotate .loadmore-text{display:none}.timeline-mobile-loadmore.rotate .loadless-text{display:inline-block}.timeline-mobile-loadmore.rotate .svg-wrapper .icon-caret{transform:rotate(180deg)}.timeline-mobile-loadmore:hover{color:#000000b3}.timeline-mobile-loadmore.hide{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/timeline-cards.css.map */