.otp{--otp-bg:#fff;--otp-border:#e5e7eb;--otp-txt:#111827;--otp-sub:#6b7280;--otp-rail:#d1d5db;--otp-ok:#16a34a;--otp-fill-start:#22c55e;--otp-fill-end:#0ea5e9;--otp-shadow:0 8px 30px rgba(0,0,0,.06);--otp-radius:14px;--pct:0%;background:var(--otp-bg);border:1px solid var(--otp-border);border-radius:var(--otp-radius);padding:16px 18px;box-shadow:var(--otp-shadow);color:var(--otp-txt);font-size:14px;overflow:hidden;position:relative;isolation:isolate;opacity:0;transform:translateY(6px);animation:otpFade .35s ease-out .05s forwards}@keyframes otpFade{to{opacity:1;transform:none}}.otp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px;flex-wrap:wrap}.otp-title{font-weight:600}.otp-range{font-weight:700}.otp-head__left{display:flex;align-items:center;gap:8px}.otp-van{width:18px;height:18px}.otp-track{display:flex;flex-direction:column;gap:14px}.otp-rail{position:relative;height:8px;border-radius:999px;background:var(--otp-rail);overflow:hidden}.otp-rail__fill{position:absolute;inset:0 auto 0 0;width:var(--pct);background:linear-gradient(90deg,var(--otp-fill-start),var(--otp-fill-end));border-radius:999px;transition:width .9s cubic-bezier(.2,.8,.2,1)}.otp-rail__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 12%,transparent 24%);animation:otpShimmer 1.2s linear infinite}@keyframes otpShimmer{0%{transform:translate(-30%)}to{transform:translate(100%)}}.otp-truck{position:absolute;left:var(--pct);top:50%;transform:translate(-50%,-50%);transition:left .9s cubic-bezier(.2,.8,.2,1)}.otp-truck__svg{width:28px;height:auto;fill:#fff;stroke:#111;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.otp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.otp-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.otp-dot{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid var(--otp-border);display:grid;place-items:center;position:relative;box-shadow:0 2px 10px #0000000d}.otp-step.is-active .otp-dot{border-color:var(--otp-fill-end)}.otp-step.is-done .otp-dot{border-color:var(--otp-ok);background:var(--otp-ok)}.otp-label strong{font-size:13px}.otp-date{font-size:12px;color:var(--otp-sub)}.otp-foot{margin-top:8px;font-size:12px;color:var(--otp-sub)}.otp-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:#bbb;display:block;opacity:.9}.otp-step.is-active .otp-dot:after{background:var(--otp-fill-end);animation:otpPulse 1.2s ease-out infinite}@keyframes otpPulse{0%{box-shadow:0 0 #0ea5e999}to{box-shadow:0 0 0 12px #0ea5e900}}@media (prefers-reduced-motion: reduce){.otp,.otp-rail__fill:after{animation:none}.otp-rail__fill,.otp-truck{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/order-timeline.css.map */