.m-delivery-tracker{width:100%;padding:16px 0 4px}.m-delivery-tracker__line{position:relative;display:flex;justify-content:space-between;align-items:center;height:28px;margin:0 10px}.m-delivery-tracker__line:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:rgb(var(--color-border));transform:translateY(-50%)}.m-delivery-tracker__fill{position:absolute;left:0;top:50%;height:3px;width:0%;background:#6b2334;transform:translateY(-50%);animation:m-delivery-tracker-fill 7s ease-in-out infinite}.m-delivery-tracker__dot{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:rgb(var(--color-background));border:2.5px solid rgb(var(--color-border))}.m-delivery-tracker__dot--active{background:#6b2334;border-color:#6b2334}.m-delivery-tracker__dot--step2{animation:m-delivery-tracker-dot2 7s linear infinite}.m-delivery-tracker__dot--step3{animation:m-delivery-tracker-dot3 7s linear infinite}.m-delivery-tracker__truck{position:absolute;top:50%;left:0;width:36px;height:36px;transform:translate(-11px,-36px);color:#6b2334;animation:m-delivery-tracker-move 7s ease-in-out infinite}.m-delivery-tracker__truck svg{width:100%;height:100%}@keyframes m-delivery-tracker-move{0%,15%{left:0%}40%,55%{left:50%}80%,to{left:100%}}@keyframes m-delivery-tracker-fill{0%,15%{width:0%}40%,55%{width:50%}80%,to{width:100%}}@keyframes m-delivery-tracker-dot2{0%,39%{background:rgb(var(--color-background));border-color:rgb(var(--color-border))}40%,to{background:#6b2334;border-color:#6b2334}}@keyframes m-delivery-tracker-dot3{0%,79%{background:rgb(var(--color-background));border-color:rgb(var(--color-border))}80%,to{background:#6b2334;border-color:#6b2334}}.m-delivery-tracker__labels{display:flex;justify-content:space-between;margin-top:22px;gap:10px}.m-delivery-tracker__label{flex:1;font-size:13px;line-height:1.4;color:rgb(var(--color-foreground-secondary))}.m-delivery-tracker__label:first-child{text-align:left}.m-delivery-tracker__label:last-child{text-align:right}.m-delivery-tracker__label:not(:first-child):not(:last-child){text-align:center}.m-delivery-tracker__label strong{display:block;font-size:15px;font-weight:700;color:rgb(var(--color-foreground));margin-bottom:3px}.m-delivery-tracker__label--active strong{color:#6b2334}@media(prefers-reduced-motion:reduce){.m-delivery-tracker__truck,.m-delivery-tracker__fill,.m-delivery-tracker__dot--step2,.m-delivery-tracker__dot--step3{animation:none}.m-delivery-tracker__truck{left:0%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/delivery-tracker.css.map */