.tracking-timeline{position:relative;margin-bottom:24px;--timeline-header-width: 140px;--timeline-indicator-margin-left: 42px;--timeline-indicator-size: 24px;--timeline-item-gap: 32px;--timeline-indicator-top-offset: 0px;--timeline-indicator-margin-right: 18px}.tracking-timeline .timeline-item{position:relative;margin-bottom:32px;display:flex;flex-direction:row;align-items:stretch}.tracking-timeline .timeline-item:last-child{margin-bottom:0}.tracking-timeline .timeline-item:last-child .step-indicator:after{display:none}.tracking-timeline .timeline-item .timeline-header{display:flex;gap:12px;margin-bottom:0;min-width:var(--timeline-header-width);width:var(--timeline-header-width);flex-shrink:0}.tracking-timeline .timeline-item .timeline-header .timeline-date,.tracking-timeline .timeline-item .timeline-header .timeline-time{font-size:12px;color:#999;font-weight:500}.tracking-timeline .timeline-item .timeline-content{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.tracking-timeline .timeline-item .step-indicator{width:var(--timeline-indicator-size);flex-shrink:0;position:relative;align-self:stretch;margin:var(--timeline-indicator-top-offset) var(--timeline-indicator-margin-right) 0 var(--timeline-indicator-margin-left);display:flex;justify-content:center;align-items:flex-start}.tracking-timeline .timeline-item .step-indicator:after{content:"";position:absolute;left:50%;top:var(--timeline-indicator-size);bottom:calc(var(--timeline-item-gap) * -1);width:2px;background:repeating-linear-gradient(to bottom,#8d898a 0,#8d898a 5px,transparent 5px,transparent 10px);transform:translate(-50%)}.tracking-timeline .timeline-item.completed .step-indicator:after{background:repeating-linear-gradient(to bottom,#f2750a 0,#f2750a 5px,transparent 5px,transparent 10px)}.tracking-timeline .timeline-item .timeline-details{flex:1;min-width:0}.tracking-timeline .timeline-item .timeline-status{font-size:14px;font-weight:600;color:#333;line-height:1.4}.tracking-timeline .timeline-item .timeline-status.cancelled-text{color:#ff4d4f}.tracking-timeline .timeline-item .timeline-description{font-size:12px;color:#666;margin:0;line-height:1.5}.tracking-timeline.order-status-timeline-compact{margin-bottom:0;--timeline-header-width: 0px;--timeline-indicator-margin-left: 8px;--timeline-indicator-margin-right: 14px;--timeline-item-gap: 20px;--timeline-indicator-top-offset: 2px}.tracking-timeline.order-status-timeline-compact .timeline-item{margin-bottom:20px}.tracking-timeline.order-status-timeline-compact .timeline-header{display:none}.tracking-timeline.order-status-timeline-compact .timeline-date{font-size:14px;line-height:22px;color:#8d898a}.tracking-timeline.order-status-timeline-compact .timeline-status{font-size:16px;line-height:24px;color:#8d898a}.tracking-timeline.order-status-timeline-compact .timeline-status.active{color:#f2750a}.tracking-timeline.order-status-timeline-compact .timeline-description{font-size:14px;line-height:22px;color:#8d898a;margin-bottom:0}.tracking-timeline.order-status-timeline-compact .timeline-date-inline{color:#1f1f1f}.order-fast-delivery-tag{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:fit-content;max-width:100%;margin-top:4px;padding:0 8px;border-radius:8px;background:#6c7d36}.order-fast-delivery-tag__text{color:#fff;font-size:14px;font-weight:600;line-height:22px;letter-spacing:.175px;white-space:nowrap}.order-fast-delivery-tag__icon{width:28px;height:28px;flex-shrink:0;display:block}
