.pcd-trk{--trk-ease: cubic-bezier(.22, .61, .36, 1);--trk-line: #e6e6e6;--trk-warn: #c77700;--trk-warn-bg: #fff6e8;--trk-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 30px rgba(0, 0, 0, .06);display:block;background:var(--trk-bg);color:var(--trk-text);padding:var(--trk-pt, 60px) 16px var(--trk-pb, 80px)}.pcd-trk *,.pcd-trk *:before,.pcd-trk *:after{box-sizing:border-box}.pcd-trk__inner{max-width:var(--trk-width);margin-inline:auto}.pcd-trk__sprite{position:absolute;width:0;height:0;overflow:hidden}.pcd-trk__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pcd-trk [hidden]{display:none!important}pcd-tracking:not(:defined) *{transition:none!important}.pcd-trk__head{text-align:center;margin-bottom:28px}.pcd-trk__eyebrow{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--trk-accent)}.pcd-trk__title{margin:0 0 10px;font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:600;color:var(--trk-text)}.pcd-trk__subtitle{margin:0 auto;max-width:560px;font-size:15px;line-height:1.6;color:var(--trk-muted)}.pcd-trk__demo-note{margin:0 auto 16px;max-width:560px;padding:10px 14px;border-radius:10px;background:#fff3c4;color:#5c4400;font-size:13px;text-align:center}.pcd-trk__card{position:relative;max-width:620px;margin:0 auto;padding:24px;background:var(--trk-card);border-radius:var(--trk-radius);box-shadow:var(--trk-shadow)}.pcd-trk__tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:20px;background:#f2f2f2;border-radius:999px}.pcd-trk__tab{position:relative;z-index:1;padding:10px 12px;border:0;background:none;border-radius:999px;font:inherit;font-size:14px;font-weight:600;color:var(--trk-muted);cursor:pointer;transition:color .25s var(--trk-ease)}.pcd-trk__tab[aria-selected=true]{color:var(--trk-text)}.pcd-trk__tab:focus-visible{outline:2px solid var(--trk-accent);outline-offset:2px}.pcd-trk__tab-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--trk-card);border-radius:999px;box-shadow:0 1px 4px #0000001a;transition:transform .3s var(--trk-ease)}.pcd-trk__tabs:has([data-tab=tracking][aria-selected=true]) .pcd-trk__tab-pill{transform:translate(100%)}.pcd-trk__panel{animation:pcd-trk-fade .3s var(--trk-ease)}.pcd-trk__form,.pcd-trk__fields{display:grid;gap:14px}.pcd-trk__fields--two{grid-template-columns:1fr 1fr}.pcd-trk__field{display:grid;gap:6px}.pcd-trk__field label{font-size:13px;font-weight:600;color:var(--trk-text)}.pcd-trk__field input{width:100%;min-height:48px;padding:0 14px;border:1.5px solid var(--trk-line);border-radius:12px;background:#fff;color:var(--trk-text);font:inherit;font-size:16px;transition:border-color .2s var(--trk-ease),box-shadow .2s var(--trk-ease)}.pcd-trk__field input::placeholder{color:#a5a5a5}.pcd-trk__field input:focus{outline:none;border-color:var(--trk-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--trk-accent) 18%,transparent)}.pcd-trk__field input[aria-invalid=true]{border-color:#d0342c}.pcd-trk__error{margin:0;padding:10px 12px;border-radius:10px;background:#fdecea;color:#a1231b;font-size:14px;line-height:1.45}.pcd-trk__hint{margin:0;font-size:13px;line-height:1.5;color:var(--trk-muted);text-align:center}.pcd-trk__hint a{color:inherit;text-decoration:underline}.pcd-trk__code-intro{margin:0;font-size:14px;line-height:1.5;color:var(--trk-text);outline:none}.pcd-trk__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1.5px solid transparent;border-radius:12px;font:inherit;font-size:14px;font-weight:600;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:background-color .2s var(--trk-ease),color .2s var(--trk-ease),border-color .2s var(--trk-ease),transform .15s var(--trk-ease)}.pcd-trk__btn:active{transform:scale(.97)}.pcd-trk__btn:focus-visible{outline:2px solid var(--trk-accent);outline-offset:3px}.pcd-trk__btn svg{width:18px;height:18px;flex:none}.pcd-trk__btn--primary{background:var(--trk-btn-bg);color:var(--trk-btn-fg)}.pcd-trk__btn--primary:hover{background:var(--trk-btn-hover)}.pcd-trk__btn--primary[aria-busy=true]{opacity:.7;cursor:progress}.pcd-trk__btn--ghost{background:transparent;color:var(--trk-text);border-color:var(--trk-text)}.pcd-trk__btn--ghost:hover{background:var(--trk-text);color:var(--trk-card)}.pcd-trk__btn--soft{background:#f2f2f2;color:var(--trk-text)}.pcd-trk__btn--soft:hover{background:#e7e7e7}.pcd-trk__btn.is-spinning svg{animation:pcd-trk-spin .7s linear infinite}.pcd-trk__link{justify-self:center;padding:6px;border:0;background:none;font:inherit;font-size:13px;color:var(--trk-muted);text-decoration:underline;cursor:pointer}.pcd-trk__mine-title{margin:0 0 10px;font-weight:600;font-size:15px}.pcd-trk__mine-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.pcd-trk__mine-item{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:12px 14px;border:1.5px solid var(--trk-line);border-radius:12px;background:#fff;font:inherit;text-align:left;color:var(--trk-text);cursor:pointer;transition:border-color .2s var(--trk-ease),transform .15s var(--trk-ease)}.pcd-trk__mine-item:hover,.pcd-trk__mine-item[aria-pressed=true]{border-color:var(--trk-accent)}.pcd-trk__mine-item:focus-visible{outline:2px solid var(--trk-accent);outline-offset:2px}.pcd-trk__mine-name{font-weight:600}.pcd-trk__mine-date{grid-column:1;font-size:13px;color:var(--trk-muted)}.pcd-trk__mine-status{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#f2f2f2}.pcd-trk__demo-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:16px;padding-top:14px;border-top:1px dashed var(--trk-line);font-size:12px;color:var(--trk-muted)}.pcd-trk__demo-chips p{flex-basis:100%;margin:0 0 2px;text-align:center}.pcd-trk__demo-chips button{padding:5px 10px;border:1px solid var(--trk-line);border-radius:999px;background:#fff;font:inherit;font-size:12px;color:var(--trk-text);cursor:pointer}.pcd-trk__demo-chips button:hover{border-color:var(--trk-accent)}.pcd-trk__loading{display:grid;justify-items:center;gap:6px;padding:40px 0 16px;text-align:center;color:var(--trk-muted);font-size:15px}.pcd-trk__loading p{margin:10px 0 0}.pcd-trk__loading-box{width:56px;height:56px;animation:pcd-trk-bounce .9s var(--trk-ease) infinite}.pcd-trk__loading-shadow{width:40px;height:6px;border-radius:50%;background:#0000001a;animation:pcd-trk-shadow .9s var(--trk-ease) infinite}.pcd-trk__results{display:grid;gap:20px;margin-top:28px;outline:none}.pcd-trk__results.is-in{animation:pcd-trk-fade .45s var(--trk-ease)}.pcd-trk__order{padding:18px 22px;background:var(--trk-card);border-radius:var(--trk-radius);box-shadow:var(--trk-shadow)}.pcd-trk__order-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px}.pcd-trk__order-name{margin:0;font-size:18px;font-weight:600}.pcd-trk__order-meta{margin:0;font-size:13px;color:var(--trk-muted)}.pcd-trk__order-note{margin:10px 0 0;font-size:14px;line-height:1.55}.pcd-trk__order-link{display:inline-block;margin-top:10px;font-size:13px;color:var(--trk-text)}.pcd-trk__ship{padding:24px;background:var(--trk-card);border-radius:var(--trk-radius);box-shadow:var(--trk-shadow)}.pcd-trk__ship-label{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--trk-muted)}.pcd-trk__demo-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#fff3c4;color:#5c4400;letter-spacing:.06em}.pcd-trk__status{display:flex;align-items:center;gap:16px}.pcd-trk__status-icon{position:relative;display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--trk-accent) 12%,transparent);color:var(--trk-accent)}.pcd-trk__status-icon svg{width:28px;height:28px}.pcd-trk__status[data-tone=done] .pcd-trk__status-icon{background:color-mix(in srgb,var(--trk-done) 14%,transparent);color:var(--trk-done)}.pcd-trk__status[data-tone=warn] .pcd-trk__status-icon{background:var(--trk-warn-bg);color:var(--trk-warn)}.pcd-trk__status-label{margin:0 0 2px;font-size:22px;font-weight:600;line-height:1.25}.pcd-trk__status-msg{margin:0;font-size:14px;line-height:1.5;color:var(--trk-muted)}.pcd-trk__status-detail{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--trk-warn-bg);color:#6b4100;font-size:14px;line-height:1.5}.pcd-trk__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 20px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--trk-line)}.pcd-trk__summary div{min-width:0}.pcd-trk__summary dt{margin:0 0 3px;font-size:12px;color:var(--trk-muted)}.pcd-trk__summary dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.pcd-trk__progress{--n: 5;--p: 0;--edge: calc(50% / var(--n));position:relative;margin:28px 0 4px;padding-top:46px}.pcd-trk__progress-track,.pcd-trk__progress-fill{position:absolute;top:59px;left:var(--edge);height:4px;border-radius:4px}.pcd-trk__progress-track{right:var(--edge);background:var(--trk-line)}.pcd-trk__progress-fill{width:0;background:var(--trk-done)}.pcd-trk__progress.is-set .pcd-trk__progress-fill{width:calc((100% - 2 * var(--edge)) * var(--p))}.pcd-trk__steps{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);margin:0;padding:0;list-style:none}.pcd-trk__step{display:grid;justify-items:center;gap:8px;text-align:center}.pcd-trk__dot{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--trk-card);border:2px solid var(--trk-line);color:#fff;transition:background-color .3s var(--trk-ease),border-color .3s var(--trk-ease),transform .3s var(--trk-ease)}.pcd-trk__dot svg{width:16px;height:16px;opacity:0;transform:scale(.4);transition:opacity .25s var(--trk-ease),transform .3s var(--trk-ease)}.pcd-trk__step-name{font-size:12px;line-height:1.3;color:var(--trk-muted);max-width:11ch;transition:color .3s var(--trk-ease)}.pcd-trk__step.is-done .pcd-trk__dot{background:var(--trk-done);border-color:var(--trk-done)}.pcd-trk__step.is-done .pcd-trk__dot svg{opacity:1;transform:none}.pcd-trk__step.is-done .pcd-trk__step-name{color:var(--trk-text)}.pcd-trk__step.is-current .pcd-trk__dot{background:var(--trk-accent);border-color:var(--trk-accent);transform:scale(1.12)}.pcd-trk__step.is-current .pcd-trk__step-name{color:var(--trk-text);font-weight:600}.pcd-trk__step.is-current.is-warn .pcd-trk__dot{background:var(--trk-warn);border-color:var(--trk-warn)}.pcd-trk__step.is-current .pcd-trk__dot:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:2px solid var(--trk-accent);opacity:0}.pcd-trk[data-pulse=true] .pcd-trk__step.is-current.is-live .pcd-trk__dot:after{animation:pcd-trk-pulse 1.8s var(--trk-ease) infinite}.pcd-trk__step.is-current.is-warn .pcd-trk__dot:after{display:none}.pcd-trk__pkg{position:absolute;top:0;left:var(--edge);width:38px;height:38px;margin-left:-19px;pointer-events:none;transform:translate(0)}.pcd-trk__progress.is-set .pcd-trk__pkg{left:calc(var(--edge) + (100% - 2 * var(--edge)) * var(--p))}.pcd-trk__pkg svg{width:100%;height:100%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.12))}.pcd-trk__pkg.is-arrived svg{animation:pcd-trk-land .45s var(--trk-ease)}.pcd-trk[data-motion=on] .pcd-trk__progress-fill,.pcd-trk[data-motion=on] .pcd-trk__pkg{transition-property:width,left;transition-duration:var(--trk-move, 1.2s);transition-timing-function:var(--trk-ease)}.pcd-trk[data-motion=on][data-package-move=true] .pcd-trk__pkg.is-moving svg{animation:pcd-trk-hop .4s var(--trk-ease) infinite alternate}.pcd-trk__progress[data-steps="4"]{--n: 4}.pcd-trk__history{margin-top:24px;padding-top:18px;border-top:1px solid var(--trk-line)}.pcd-trk__history-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px}.pcd-trk__history-title{margin:0;font-size:16px;font-weight:600}.pcd-trk__history-tz{margin:0;font-size:12px;color:var(--trk-muted)}.pcd-trk__events{position:relative;margin:0;padding:0;list-style:none}.pcd-trk__event{position:relative;display:grid;grid-template-columns:28px 1fr;gap:0 14px;padding-bottom:18px}.pcd-trk__event:before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--trk-line)}.pcd-trk__event:last-child{padding-bottom:0}.pcd-trk__event:last-child:before{display:none}.pcd-trk__event-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f2f2f2;color:var(--trk-muted)}.pcd-trk__event-dot svg{width:15px;height:15px}.pcd-trk__event:first-child .pcd-trk__event-dot{background:var(--trk-accent);color:#fff}.pcd-trk__event[data-tone=warn] .pcd-trk__event-dot{background:var(--trk-warn-bg);color:var(--trk-warn)}.pcd-trk__event-status{margin:3px 0 2px;font-size:14px;font-weight:600;line-height:1.4}.pcd-trk__event-desc{margin:0 0 3px;font-size:14px;line-height:1.45;color:var(--trk-text)}.pcd-trk__event-meta{margin:0;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:13px;color:var(--trk-muted)}.pcd-trk__event-meta span{display:inline-flex;align-items:center;gap:4px}.pcd-trk__event-meta svg{width:13px;height:13px}.pcd-trk__event.is-new{animation:pcd-trk-rise .4s var(--trk-ease) both;animation-delay:calc(var(--i, 0) * 70ms)}.pcd-trk__more{margin-top:12px}.pcd-trk__empty{margin:0;padding:14px;border-radius:12px;background:#f6f6f6;font-size:14px;line-height:1.5;color:var(--trk-muted)}.pcd-trk__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pcd-trk__actions .pcd-trk__btn{flex:1 1 160px}.pcd-trk__msg{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;background:var(--trk-card);border-radius:var(--trk-radius);box-shadow:var(--trk-shadow)}.pcd-trk__msg svg{flex:none;width:26px;height:26px;color:var(--trk-muted)}.pcd-trk__msg[data-tone=warn] svg{color:var(--trk-warn)}.pcd-trk__msg p{margin:0;font-size:15px;line-height:1.55}.pcd-trk__msg .pcd-trk__btn{margin-top:12px}.pcd-trk__support{display:flex;align-items:center;gap:16px;max-width:620px;margin:36px auto 0;padding:20px 22px;border:1.5px dashed var(--trk-line);border-radius:var(--trk-radius)}.pcd-trk__support>svg{flex:none;width:30px;height:30px;color:var(--trk-accent)}.pcd-trk__support>div{flex:1;min-width:0}.pcd-trk__support-title{margin:0 0 2px;font-weight:600;font-size:15px}.pcd-trk__support-text{margin:0;font-size:14px;line-height:1.5;color:var(--trk-muted)}.pcd-trk__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:inherit}.pcd-trk__confetti i{position:absolute;top:-10px;width:7px;height:11px;border-radius:2px;opacity:0;animation:pcd-trk-confetti 1.6s var(--trk-ease) forwards}.pcd-trk__ship{position:relative}.pcd-trk[data-layout=compact] .pcd-trk__ship{padding:18px}.pcd-trk[data-layout=compact] .pcd-trk__status-icon{width:44px;height:44px}.pcd-trk[data-layout=compact] .pcd-trk__status-label{font-size:18px}.pcd-trk[data-layout=compact] .pcd-trk__summary{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 16px}.pcd-trk[data-layout=compact] .pcd-trk__event{padding-bottom:12px}.pcd-trk[data-intensity=subtle]{--trk-move: .8s}.pcd-trk[data-intensity=subtle] .pcd-trk__loading-box{animation-name:pcd-trk-bounce-sm}.pcd-trk[data-intensity=subtle] .pcd-trk__pkg.is-moving svg{animation:none}.pcd-trk[data-motion=off] *,.pcd-trk[data-motion=off] *:before,.pcd-trk[data-motion=off] *:after{animation:none!important;transition:none!important}@media(max-width:640px){.pcd-trk__card{padding:18px 16px}.pcd-trk__fields--two{grid-template-columns:1fr}.pcd-trk__ship{padding:18px 16px}.pcd-trk__status-label{font-size:19px}.pcd-trk__summary{grid-template-columns:1fr 1fr;gap:12px 14px}.pcd-trk__step-name{font-size:11px}.pcd-trk__dot{width:26px;height:26px}.pcd-trk__progress{padding-top:42px}.pcd-trk__progress-track,.pcd-trk__progress-fill{top:53px}.pcd-trk__pkg{width:32px;height:32px;margin-left:-16px}.pcd-trk__support{flex-wrap:wrap}.pcd-trk__support .pcd-trk__btn{width:100%}}@keyframes pcd-trk-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pcd-trk-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pcd-trk-spin{to{transform:rotate(360deg)}}@keyframes pcd-trk-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px) rotate(-4deg)}}@keyframes pcd-trk-bounce-sm{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pcd-trk-shadow{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.7);opacity:.6}}@keyframes pcd-trk-hop{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes pcd-trk-land{0%{transform:translateY(-6px)}60%{transform:translateY(1px) scale(1.06,.94)}to{transform:none}}@keyframes pcd-trk-pulse{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes pcd-trk-confetti{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),260px) rotate(var(--rot))}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/pcd-tracking.css.map */