.tracking-root{background:linear-gradient(#0c0d0f 0 480px,#f3f3f3 480px 100%);min-height:100vh}.tracking-header{color:#f2f2f2;justify-content:space-between;align-items:center;gap:20px;max-width:1260px;margin:auto;padding:30px 35px;display:flex}.tracking-back{color:#ccc;align-items:center;gap:8px;font-size:14px;display:flex}.tracking-main{max-width:920px;margin:auto;padding:46px 30px 74px}.tracking-heading{color:#f8f8f8;margin-bottom:38px}.tracking-heading h1{letter-spacing:-3px;margin:22px 0;font-size:66px;line-height:1.1}.tracking-heading h1 em{color:var(--lime)}.tracking-heading>p:last-child{color:#c5c5c5;font-size:16px}.tracking-card{background:#fff;border:1px solid #e1e1e1;border-radius:10px;overflow:hidden;box-shadow:0 16px 60px #19191910}.tracking-form{border-bottom:1px solid #e9e9e9;padding:29px 32px}.tracking-form>label{margin-bottom:13px;font-size:14px;font-weight:600;display:block}.tracking-form>div{border:1px solid silver;border-radius:5px;align-items:center;gap:13px;padding:7px 7px 7px 17px;display:flex}.tracking-form>div>svg{color:#7f7f7f;flex-shrink:0}.tracking-form input{letter-spacing:.4px;text-transform:uppercase;border:none;outline:0;flex:1;width:100%;min-width:0;padding:8px 0;font-family:monospace;font-size:16px}.tracking-form>div:focus-within{outline-offset:2px;outline:2px solid #a0a0a0}.tracking-form .button{white-space:nowrap;gap:9px}.tracking-empty{align-items:center;gap:22px;padding:44px 32px;display:flex}.tracking-package{color:#797979;background:#f1f1f1;border-radius:5px;flex-shrink:0;place-items:center;width:70px;height:78px;display:grid;transform:rotate(-5deg)}.tracking-empty h2{letter-spacing:-.5px;margin-bottom:8px;font-size:21px}.tracking-empty p{color:#7a7a7a;font-size:14px}.tracking-support{justify-content:space-between;align-items:center;gap:25px;padding:30px 6px;display:flex}.tracking-support>div{align-items:center;gap:13px;display:flex}.tracking-support>div>svg{color:#6b6b6b;flex-shrink:0}.tracking-support strong{font-size:14px}.tracking-support p{color:#777;font-size:14px}.tracking-support>a{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.tracking-footer{color:#7b7b7b;border-top:1px solid #dadada;justify-content:space-between;gap:15px;max-width:1190px;margin:auto;padding:25px 30px;font-size:12px;display:flex}.tracking-result{padding:29px 32px}.tracking-result-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.tracking-overline{letter-spacing:1.5px;color:#7f7f7f;font-size:11px}.tracking-result-top h2{overflow-wrap:anywhere;letter-spacing:-.6px;margin:7px 0;font-family:monospace;font-size:18px}.tracking-status{white-space:nowrap;color:#5f5f5f;background:#f1f1f1;border-radius:30px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.tracking-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.tracking-status.on_hold,.tracking-status.cancelled{color:#686868;background:#f2f2f2}.tracking-route{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px;margin:29px 0 25px;padding:27px 0;display:grid}.tracking-route>div:last-child{text-align:right}.tracking-route>div>span:not(.tracking-route-line span){letter-spacing:1.5px;color:#8a8a8a;font-size:11px;display:block}.tracking-route strong{letter-spacing:-.7px;margin:6px 0;font-size:25px;display:block}.tracking-route p{color:#767676;font-size:14px}.tracking-route-line{text-align:center;color:#797979;flex-direction:column;align-items:center;gap:9px;display:flex;position:relative}.tracking-route-line:before{content:"";background:#d2d2d2;width:100%;height:1px;position:absolute;top:12px}.tracking-route-line>svg{z-index:1;background:#fff;width:45px;padding:0 10px;position:relative}.tracking-route-line span{letter-spacing:1px;font-size:10px}.tracking-estimate{background:#f6f6f6;border:1px solid #e6e6e6;border-radius:5px;align-items:flex-start;gap:13px;padding:17px;display:flex}.tracking-estimate svg{color:#878787;flex-shrink:0;margin-top:3px}.tracking-estimate p{font-size:14px}.tracking-estimate strong{font-weight:600;display:block}.tracking-estimate span{color:#777;margin-top:3px;font-size:12px;display:block}.tracking-milestones{gap:0;margin:34px 0 40px;padding:0;list-style:none;display:flex}.tracking-milestones li{text-align:center;flex:1;padding:0 5px;position:relative}.tracking-milestones li:before{content:"";background:#e1e1e1;width:100%;height:1px;position:absolute;top:15px;left:50%}.tracking-milestones li:last-child:before{display:none}.tracking-milestones li>span{color:#aaa;z-index:1;background:#fff;border:1px solid #d9d9d9;border-radius:50%;place-items:center;width:31px;height:31px;margin:auto;font-size:12px;display:grid;position:relative}.tracking-milestones li p{color:#919191;margin-top:10px;font-size:11px;line-height:1.5}.tracking-milestones .done>span{color:#717171;background:#ececec}.tracking-milestones .done:before{background:#a3a3a3}.tracking-milestones .current>span{color:#3a3a3a;background:#f0f0f2;border-color:#aeaeae;box-shadow:0 0 0 5px #f4f4f4}.tracking-milestones .current p,.tracking-milestones .done p{color:#5a5a5a}.tracking-updates-head{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.tracking-updates-head h3{letter-spacing:-.5px;font-size:18px}.tracking-updates-head button{color:#737373;align-items:center;gap:7px;font-size:12px;display:flex}.tracking-timeline article{gap:17px;padding-bottom:29px;display:flex;position:relative}.tracking-timeline article:before{content:"";background:#e0e0e0;width:1px;position:absolute;top:14px;bottom:0;left:5px}.tracking-timeline article:last-child:before{display:none}.tracking-dot{z-index:1;background:#fff;border:2px solid #9e9e9e;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:6px;position:relative}.tracking-timeline article:first-child .tracking-dot{background:#cacaca;border-color:#898989}.tracking-timeline strong{font-size:14px;font-weight:600}.tracking-timeline p{color:#707070;overflow-wrap:anywhere;margin-top:4px;font-size:14px}.tracking-timeline small{color:#939393;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.tracking-timezone{color:#8d8d8d;border-top:1px solid #ebebeb;padding-top:17px;font-size:11px;line-height:1.7}.tracking-error{color:#5f5f5f;background:#f7f7f7;padding:25px 32px}.tracking-error>strong{font-size:16px}.tracking-error>p{margin:6px 0 13px;font-size:14px}.tracking-error>a{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.tracking-loading{color:#777;justify-content:center;align-items:center;gap:15px;padding:40px 30px;font-size:14px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{opacity:.5;cursor:wait}@media (max-width:650px){.tracking-header{padding:22px}.tracking-header .brand{font-size:17px}.tracking-header .brand-bottom{letter-spacing:1px;font-size:9px}.tracking-back{font-size:0}.tracking-back svg{width:22px;height:22px}.tracking-header .company-logo{width:49px;height:49px}.tracking-main{padding:29px 18px 30px}.tracking-heading{margin-bottom:30px;padding:0 5px}.tracking-heading h1{letter-spacing:-2px;margin:20px 0;font-size:47px}.tracking-heading .eyebrow{letter-spacing:1px;font-size:10px}.tracking-heading>p:last-child{font-size:15px}.track-desktop-break{display:none}.tracking-form{padding:24px 20px}.tracking-form>div{flex-wrap:wrap;gap:8px;padding:11px 12px}.tracking-form input{letter-spacing:0;flex-basis:calc(100% - 40px);font-size:13px}.tracking-form .button{width:100%;min-height:45px;margin-top:3px}.tracking-empty{gap:15px;padding:30px 22px}.tracking-package{width:48px;height:61px}.tracking-empty h2{font-size:18px}.tracking-empty p{font-size:13px}.tracking-support{flex-direction:column;align-items:flex-start;gap:20px;padding:28px 6px}.tracking-support>a{padding-left:35px}.tracking-footer{flex-direction:column;padding:25px 24px;font-size:11px}.tracking-result{padding:24px 20px}.tracking-result-top{flex-direction:column;align-items:flex-start;gap:9px}.tracking-result-top h2{font-size:17px}.tracking-status{font-size:11px}.tracking-route{gap:7px;margin-top:23px}.tracking-route strong{font-size:20px}.tracking-route p{font-size:12px}.tracking-route-line span{font-size:8px}.tracking-milestones{flex-wrap:wrap;gap:15px 5px;margin-bottom:29px}.tracking-milestones li{flex:0 0 calc(25% - 4px);padding:0 2px}.tracking-milestones li:nth-child(4):before{display:none}.tracking-milestones li p{font-size:10px}.tracking-error{padding:24px 20px}}
