.order-timeline{padding:24px 16px 20px;margin:16px 0 20px;border:1px solid rgba(17,17,17,.08);border-radius:14px;background:#fafafa}.order-timeline__row{position:relative;display:flex;align-items:flex-start;justify-content:center;max-width:420px;margin:0 auto}.order-timeline__track{position:absolute;top:22px;left:16.6667%;width:66.6667%;height:3px;border-radius:2px;background:#dcdcdc;overflow:hidden;z-index:0}.order-timeline__track:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--main-color, #111111) 50%,transparent);animation:order-timeline-flow 2.8s ease-in-out infinite;will-change:transform}.order-timeline__step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1 1 0;min-width:0;position:relative;z-index:1}.order-timeline__step:nth-child(2) .order-timeline__icon{animation-delay:.7s}.order-timeline__step:nth-child(2) .order-timeline__icon-svg{animation-delay:.7s}.order-timeline__step:nth-child(3) .order-timeline__icon{animation-delay:1.4s}.order-timeline__step:nth-child(3) .order-timeline__icon-svg{animation-delay:1.4s}.order-timeline__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--main-color, #111111);color:#fff;box-shadow:0 2px 6px #1111112e;animation:order-timeline-pulse 2.8s ease-in-out infinite;will-change:transform,box-shadow}.order-timeline__icon-svg{width:20px;height:20px;transform-box:fill-box;transform-origin:center}.order-timeline__icon-svg--cart{transform-origin:50% 85%;animation:order-timeline-cart-roll 2.8s ease-in-out infinite}.order-timeline__icon-svg--truck{animation:order-timeline-truck-drive 2.8s ease-in-out infinite}.order-timeline__icon-svg--gift{transform-origin:50% 95%;animation:order-timeline-gift-shake 2.8s ease-in-out infinite}.order-timeline__date{margin:14px 0 4px;font-size:13px;font-weight:700;color:#111;line-height:1.3;white-space:nowrap}.order-timeline__label{margin:0;font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#6b6b6b}@media (prefers-reduced-motion: reduce){.order-timeline__track:after,.order-timeline__icon,.order-timeline__icon-svg{animation:none;display:none}.order-timeline__icon,.order-timeline__icon-svg{display:flex}.order-timeline__icon-svg{display:block}}@media screen and (max-width: 479px){.order-timeline{padding:16px 8px 14px}.order-timeline__row{max-width:320px}.order-timeline__track{top:19px}.order-timeline__icon{width:38px;height:38px}.order-timeline__date{font-size:10px}.order-timeline__label{font-size:9.5px}}@keyframes order-timeline-flow{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes order-timeline-pulse{0%,to{transform:scale(1);box-shadow:0 2px 6px #1111112e,0 0 color-mix(in srgb,var(--main-color, #111111) 45%,transparent)}60%{transform:scale(1.08);box-shadow:0 2px 6px #1111112e,0 0 0 9px color-mix(in srgb,var(--main-color, #111111) 0%,transparent)}}@keyframes order-timeline-cart-roll{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes order-timeline-truck-drive{0%,to{transform:translate(0)}20%{transform:translate(-2px,-1px)}50%{transform:translate(1.5px)}80%{transform:translate(-1px,-1px)}}@keyframes order-timeline-gift-shake{0%,55%,to{transform:rotate(0) scale(1)}62%{transform:rotate(-12deg) scale(1.05)}69%{transform:rotate(10deg) scale(1.05)}76%{transform:rotate(-7deg) scale(1.03)}83%{transform:rotate(4deg) scale(1.01)}}