.shipping-progress{padding:16px 24px 18px;margin-bottom:12px;border-bottom:1px solid rgba(var(--color-foreground),.08);direction:rtl;background:transparent;transition:background .45s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}.shipping-progress--complete{background:#f0f8ef;box-shadow:inset 0 0 0 2px #00791e,0 0 22px #00791e24;box-shadow:inset 0 0 0 2px oklch(50% .18 145),0 0 22px oklch(50% .18 145 / .14)}.sp-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.sp-amount-row{display:flex;align-items:baseline;gap:6px}.sp-prefix{font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;color:#2769b7;line-height:1}.sp-amount{font-family:var(--font-body-family);font-size:3rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:#004b96;color:oklch(42% .18 255);font-variant-numeric:tabular-nums}.sp-label{font-family:var(--font-body-family);font-size:.95rem;font-weight:500;line-height:1.3;color:#2769b7}.sp-complete-row{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.sp-check-icon{color:#00791e;color:oklch(50% .18 145);flex-shrink:0;animation:sp-check-arrive .38s cubic-bezier(.22,1,.36,1) both}.sp-complete-msg{font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;line-height:1.2;color:#003909;color:oklch(30% .12 145);animation:sp-msg-arrive .45s cubic-bezier(.22,1,.36,1) both}.sp-track-row{display:flex;align-items:center;gap:10px;direction:ltr}.sp-bar{flex:1;height:11px;border-radius:9999px;background:#d5dfeb;overflow:hidden;transform:scaleX(-1);box-shadow:inset 0 2px 4px #889ab18c,inset 0 1px 2px #7288a459;transition:background .45s cubic-bezier(.22,1,.36,1)}.shipping-progress--complete .sp-bar{background:#c8dfc8;box-shadow:inset 0 2px 4px #528a5473,inset 0 1px 2px #357a3a4d}.sp-bar .sp-bar-fill{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,#004b96,#004ba6,#0049b9,#0e49c4,#1d4acd 50%,#424bef);background:linear-gradient(90deg,color(xyz 0.09 0.071 0.395),color(xyz 0.113 0.082 0.484) 25%,#0e49c4,#1d4acd 50%,#424bef);position:relative;overflow:hidden;transition:width .45s cubic-bezier(.22,1,.36,1),background .45s cubic-bezier(.22,1,.36,1)}.sp-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 75%,transparent 100%);transform:translate(-250%);animation:sp-shimmer 3s ease-in-out 2s infinite}@keyframes sp-shimmer{0%{transform:translate(-250%)}to{transform:translate(350%)}}.shipping-progress--complete .sp-bar-fill{background:linear-gradient(90deg,#00721c,#008542);background:linear-gradient(90deg,color(xyz 0.055 0.123 0.018),color(xyz 0.067 0.179 0.041));width:100%!important}.sp-bar-fill--pulse{animation:sp-fill-pulse .6s cubic-bezier(.22,1,.36,1)}@keyframes sp-fill-pulse{0%{filter:brightness(1)}25%{filter:brightness(1.6) saturate(1.3)}to{filter:brightness(1)}}.sp-milestone{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d6dfea,#c1cbdd);color:#2769b7;box-shadow:0 2px 6px #004b9633,inset 0 1px #f2f5fbe6;box-shadow:0 2px 6px oklch(42% .18 255 / .2),inset 0 1px #f2f5fbe6;transition:background .35s cubic-bezier(.22,1,.36,1),color .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.sp-milestone svg{transform:scaleX(-1)}.sp-milestone--drive svg{animation:sp-truck-drive .7s cubic-bezier(.22,1,.36,1) both}.shipping-progress--complete .sp-milestone{background:linear-gradient(135deg,#008623,#006b2e);background:linear-gradient(135deg,color(xyz 0.079 0.175 0.027),color(xyz 0.044 0.11 0.023));color:#f6f9f6;box-shadow:0 3px 10px #00791e66,0 0 18px #00791e2e,inset 0 1px #8fc99080;box-shadow:0 3px 10px oklch(50% .18 145 / .4),0 0 18px oklch(50% .18 145 / .18),inset 0 1px #8fc99080;animation:sp-arrive .6s cubic-bezier(.22,1,.36,1) .28s both}.shipping-progress--complete .sp-milestone svg{animation:sp-truck-drive .7s cubic-bezier(.22,1,.36,1) .48s both}@keyframes sp-msg-arrive{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-check-arrive{0%{opacity:0;transform:scale(.3) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes sp-arrive{0%{transform:scale(1)}38%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes sp-truck-drive{0%{transform:scaleX(-1) rotate(0) scale(1)}18%{transform:scaleX(-1) rotate(-14deg) scale(1.18)}45%{transform:scaleX(-1) rotate(7deg) scale(.88)}70%{transform:scaleX(-1) rotate(-4deg) scale(1.04)}88%{transform:scaleX(-1) rotate(2deg) scale(.98)}to{transform:scaleX(-1) rotate(0) scale(1)}}@media(max-width:320px){.sp-amount{font-size:2.4rem}.sp-milestone{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.shipping-progress,.sp-bar,.sp-bar-fill,.sp-milestone{transition-duration:1ms}.sp-bar-fill:after,.sp-bar-fill--pulse,.sp-complete-msg,.sp-check-icon,.shipping-progress--complete .sp-milestone,.shipping-progress--complete .sp-milestone svg,.sp-milestone--drive svg{animation-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-shipping-progress.css.map */