.track-order{--track-text: #111111;--track-muted: #6b7280;--track-border: #e5e7eb;--track-surface: #ffffff;--track-success: #16a34a;--track-danger: #dc2626;--track-shadow: 0 8px 30px rgba(0, 0, 0, .08);background:var(--track-bg, #fff);color:var(--track-text);padding:calc(var(--track-spacing, 24px) * 2) 20px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;transition:background .3s ease}@media(prefers-color-scheme:dark){.track-order{--track-text: #f5f5f5;--track-muted: #a1a1aa;--track-border: #2a2a2e;--track-surface: #18181b;--track-shadow: 0 8px 30px rgba(0, 0, 0, .4)}}.track-order__inner{max-width:640px;margin:0 auto}.track-order__inner--elevated .track-order__form,.track-order__inner--elevated .track-order__result,.track-order__inner--elevated .track-order__error-card,.track-order__inner--elevated .track-order__skeleton{background:var(--track-surface);border-radius:var(--track-radius, 16px);box-shadow:var(--track-shadow);border:1px solid var(--track-border)}.track-order__inner--flat .track-order__form,.track-order__inner--flat .track-order__result,.track-order__inner--flat .track-order__error-card,.track-order__inner--flat .track-order__skeleton{background:transparent;border:1px solid var(--track-border);border-radius:var(--track-radius, 16px)}.track-order__inner--glass .track-order__form,.track-order__inner--glass .track-order__result,.track-order__inner--glass .track-order__error-card,.track-order__inner--glass .track-order__skeleton{background:#ffffff8c;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.4);border-radius:var(--track-radius, 16px);box-shadow:var(--track-shadow)}@media(prefers-color-scheme:dark){.track-order__inner--glass .track-order__form,.track-order__inner--glass .track-order__result,.track-order__inner--glass .track-order__error-card,.track-order__inner--glass .track-order__skeleton{background:#18181b8c;border:1px solid rgba(255,255,255,.08)}}.track-order__hero{text-align:center;margin-bottom:calc(var(--track-spacing, 24px) * 1.5)}.track-order__hero-icon{width:56px;height:56px;margin:0 auto 16px;color:var(--track-accent, #111)}.track-order__hero-icon svg{width:100%;height:100%}.track-order__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.track-order__subtitle{color:var(--track-muted);font-size:1rem;max-width:440px;margin:0 auto;line-height:1.5}.track-order__form{padding:var(--track-spacing, 24px);display:grid;gap:16px;margin-bottom:20px}.track-order__field{display:grid;gap:6px}.track-order__field label{font-size:.85rem;font-weight:600;color:var(--track-muted)}.track-order__field input{font:inherit;font-size:1rem;padding:12px 14px;border-radius:calc(var(--track-radius, 16px) * .5);border:1.5px solid var(--track-border);background:transparent;color:var(--track-text);transition:border-color .2s ease,box-shadow .2s ease}.track-order__field input:focus{outline:none;border-color:var(--track-accent, #111);box-shadow:0 0 0 3px #11111114}.track-order__field input[aria-invalid=true]{border-color:var(--track-danger)}.track-order__error{min-height:16px;font-size:.8rem;color:var(--track-danger)}.track-order__submit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:600;font-size:1rem;padding:14px 20px;border:none;border-radius:calc(var(--track-radius, 16px) * .5);background:var(--track-btn-bg, #111);color:var(--track-btn-text, #fff);cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.track-order__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.track-order__submit:active:not(:disabled){transform:translateY(0)}.track-order__submit:disabled{opacity:.6;cursor:not-allowed}.track-order__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:track-spin .7s linear infinite}@keyframes track-spin{to{transform:rotate(360deg)}}.track-order__skeleton{padding:var(--track-spacing, 24px);display:grid;gap:12px}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--track-border) 25%,rgba(0,0,0,.06) 37%,var(--track-border) 63%);background-size:400% 100%;animation:track-shimmer 1.4s ease infinite}.skeleton-line--lg{height:28px;width:60%}.skeleton-line--sm{width:40%}@keyframes track-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.track-order__result{padding:var(--track-spacing, 24px);animation:track-fade-in .4s ease}@keyframes track-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.track-order__result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}.track-order__result-header h2{margin:0 0 4px;font-size:1.25rem}.track-order__result-header p{margin:0;color:var(--track-muted);font-size:.9rem}.track-order__badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:#16a34a1f;color:var(--track-success);white-space:nowrap}.track-order__timeline{list-style:none;display:flex;justify-content:space-between;padding:0;margin:0 0 28px;gap:4px}.track-order__step{flex:1;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.track-order__step:before{content:"";position:absolute;top:16px;left:-50%;width:100%;height:2px;background:var(--track-border);z-index:0}.track-order__step:first-child:before{display:none}.track-order__step-icon{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;background:var(--track-surface);border:2px solid var(--track-border);color:var(--track-muted);transition:all .3s ease}.track-order__step-label{font-size:.7rem;color:var(--track-muted);max-width:72px}.track-order__step.is-complete .track-order__step-icon{background:var(--track-success);border-color:var(--track-success);color:#fff;animation:track-pop .35s ease}.track-order__step.is-complete:before{background:var(--track-success)}.track-order__step.is-complete .track-order__step-label{color:var(--track-text);font-weight:600}.track-order__step.is-current .track-order__step-icon{border-color:var(--track-accent, #111);color:var(--track-accent, #111);box-shadow:0 0 0 4px #11111114}@keyframes track-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.track-order__details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px}.track-order__details dt{font-size:.75rem;color:var(--track-muted);margin-bottom:2px}.track-order__details dd{margin:0;font-weight:600;font-size:.95rem;word-break:break-word}.track-order__cta{display:block;text-align:center;text-decoration:none;font-weight:600;padding:14px 20px;border-radius:calc(var(--track-radius, 16px) * .5);background:var(--track-btn-bg, #111);color:var(--track-btn-text, #fff);transition:opacity .2s ease,transform .15s ease}.track-order__cta:hover{opacity:.9;transform:translateY(-1px)}.track-order__notice{margin:16px 0 0;padding:14px;border-radius:10px;background:#1111110d;color:var(--track-muted);font-size:.9rem;line-height:1.5}.track-order__error-card{padding:calc(var(--track-spacing, 24px) * 1.5);text-align:center;animation:track-shake .4s ease}@keyframes track-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.track-order__error-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:#dc26261f;color:var(--track-danger);font-weight:700;font-size:1.4rem;display:flex;align-items:center;justify-content:center}.track-order__error-card h3{margin:0 0 8px;font-size:1.1rem}.track-order__error-card p{margin:0 0 20px;color:var(--track-muted);font-size:.9rem}.track-order__retry{font:inherit;font-weight:600;padding:10px 20px;border-radius:999px;border:1.5px solid var(--track-border);background:transparent;color:var(--track-text);cursor:pointer;transition:border-color .2s ease,background .2s ease}.track-order__retry:hover{border-color:var(--track-accent, #111);background:#00000008}@media(min-width:640px){.track-order__details{grid-template-columns:1fr 1fr 1fr}}@media(max-width:420px){.track-order__step-label{display:none}}.track-order [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/track-order.css.map */