.he-kp-tracking{--he-brand: #8b543d;--he-brand-soft: #f4ebe6;--he-brand-line: #e8dace;--he-ink: #2c2d2e;--he-muted: #7a6a62;margin:0 16px 16px;padding:16px 18px 18px;border-top:1px solid var(--he-brand-line);background:linear-gradient(180deg,#fbf7f4,#f7f1ec);font-family:Inter,system-ui,-apple-system,sans-serif}.he-kp-tracking--in{animation:he-kp-fade-up .6s cubic-bezier(.22,1,.36,1) both}.he-kp-tracking--loading{position:relative;overflow:hidden;color:var(--he-muted);font-size:13px}.he-kp-tracking--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:he-kp-shimmer 1.2s linear infinite}.he-kp-tracking--empty{color:var(--he-muted);font-size:13px}.he-kp-tracking__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;animation:he-kp-fade-up .5s .05s both}.he-kp-tracking__title{margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--he-brand)}.he-kp-tracking__status{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:var(--he-brand-soft);color:var(--he-brand);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;animation:he-kp-pop .45s .15s cubic-bezier(.22,1,.36,1) both}.he-kp-tracking__status--delivered{background:#efe4dc}.he-kp-tracking__status--cancelled,.he-kp-tracking__status--rto{background:#f6e8e4;color:#9a3d2a}.he-kp-tracking__meta{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none;animation:he-kp-fade-up .5s .18s both}.he-kp-tracking__meta li{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.4;color:var(--he-ink)}.he-kp-tracking__meta span:first-child{color:var(--he-muted)}.he-kp-tracking__meta a{color:var(--he-brand);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(139,84,61,.35);transition:border-color .2s ease,color .2s ease}.he-kp-tracking__meta a:hover{color:#6e3f2b;border-bottom-color:#8b543d}.he-kp-tracking__progress{--he-kp-progress: 0%;--he-kp-fill: var(--he-brand)}.he-kp-tracking__progress--cancelled,.he-kp-tracking__progress--rto{--he-kp-fill: #9a3d2a}.he-kp-tracking__rail{position:relative;height:22px;margin:6px 12px 14px}.he-kp-tracking__rail:before{content:"";position:absolute;top:50%;right:0;left:0;height:5px;transform:translateY(-50%);border-radius:999px;background:#eadfd7}.he-kp-tracking__bar-fill{position:absolute;top:50%;left:0;z-index:1;overflow:hidden;width:0;height:5px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#c0896a,#8b543d 70%,#6e3f2b);animation:he-kp-fill 1.1s .25s cubic-bezier(.22,1,.36,1) forwards}.he-kp-tracking__bar-shine{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:he-kp-shine 1.4s .7s ease-in-out infinite}.he-kp-tracking__dots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;list-style:none}.he-kp-tracking__dot{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#d8c5b8;box-shadow:0 0 0 1px #eadfd7;transform:scale(0);animation:he-kp-dot-in .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.35s + var(--he-kp-step, 0) * .14s)}.he-kp-tracking__dot.is-done,.he-kp-tracking__dot.is-active{background:var(--he-kp-fill);box-shadow:0 0 0 1px var(--he-kp-fill)}.he-kp-tracking__dot.is-active{width:15px;height:15px;animation:he-kp-dot-in .5s cubic-bezier(.22,1,.36,1) forwards,he-kp-pulse 1.6s calc(.7s + var(--he-kp-step, 0) * .14s) ease-in-out infinite}.he-kp-tracking__steps{display:flex;justify-content:space-between;gap:6px;margin:0;padding:0;list-style:none}.he-kp-tracking__step{flex:1;min-width:0;text-align:center;opacity:0;animation:he-kp-step-in .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.45s + var(--he-kp-step, 0) * .12s)}.he-kp-tracking__step:first-child{text-align:left}.he-kp-tracking__step:last-child{text-align:right}.he-kp-tracking__step-label{display:block;font-size:11px;line-height:1.3;color:#9b8b82}.he-kp-tracking__step.is-active .he-kp-tracking__step-label,.he-kp-tracking__step.is-done .he-kp-tracking__step-label{color:var(--he-brand);font-weight:600}.he-kp-tracking__step-date{display:block;margin-top:3px;font-size:10px;color:#a8988e}@keyframes he-kp-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes he-kp-pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes he-kp-fill{0%{width:0}to{width:var(--he-kp-progress)}}@keyframes he-kp-shine{0%{transform:translate(-140%)}to{transform:translate(280%)}}@keyframes he-kp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes he-kp-dot-in{0%{transform:scale(0)}70%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes he-kp-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes he-kp-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 1px var(--he-kp-fill),0 0 #8b543d59}50%{transform:scale(1.18);box-shadow:0 0 0 1px var(--he-kp-fill),0 0 0 8px #8b543d00}}@media(max-width:767px){.he-kp-tracking{margin:0 12px 12px;padding:14px 14px 16px}.he-kp-tracking__header{align-items:flex-start;flex-direction:column;gap:8px}.he-kp-tracking__meta li{align-items:flex-start;flex-direction:column;gap:2px}.he-kp-tracking__progress{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px}.he-kp-tracking__rail{grid-row:1;grid-column:1;height:auto;min-height:100%;margin:6px 0 6px 4px}.he-kp-tracking__rail:before,.he-kp-tracking__bar-fill{top:0;right:auto;left:50%;width:4px;height:auto;transform:translate(-50%)}.he-kp-tracking__rail:before{bottom:0}.he-kp-tracking__bar-fill{height:0;animation-name:he-kp-fill-y}.he-kp-tracking__bar-shine{width:100%;height:40%;animation-name:he-kp-shine-y}.he-kp-tracking__dots{flex-direction:column;align-items:center}.he-kp-tracking__steps{grid-row:1;grid-column:2;flex-direction:column;gap:0}.he-kp-tracking__step{padding:0 0 16px;text-align:left}.he-kp-tracking__step:first-child,.he-kp-tracking__step:last-child{text-align:left}.he-kp-tracking__step:last-child{padding-bottom:0}.he-kp-tracking__step-label{font-size:13px}.he-kp-tracking__step-date{font-size:11px}}@keyframes he-kp-fill-y{0%{height:0}to{height:var(--he-kp-progress)}}@keyframes he-kp-shine-y{0%{transform:translateY(-140%)}to{transform:translateY(280%)}}@media(prefers-reduced-motion:reduce){.he-kp-tracking--in,.he-kp-tracking--loading:after,.he-kp-tracking__header,.he-kp-tracking__status,.he-kp-tracking__meta,.he-kp-tracking__bar-fill,.he-kp-tracking__bar-shine,.he-kp-tracking__dot,.he-kp-tracking__dot.is-active,.he-kp-tracking__step{animation:none}.he-kp-tracking__bar-fill{width:var(--he-kp-progress)}.he-kp-tracking__dot{transform:scale(1)}.he-kp-tracking__step{opacity:1}@media(max-width:767px){.he-kp-tracking__bar-fill{width:4px;height:var(--he-kp-progress)}}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/kp-account-order-tracking.css.map */