.trackingPage{color:#17283b;background:#f4f6f9;min-height:100vh;padding-bottom:70px}.trackingPage>header{color:#fff;background:#0e1725;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 440px);display:flex}.trackingPage>header a{color:#fff;font-size:12px;text-decoration:none}.trackingPage>header b{letter-spacing:.14em}.trackingHero,.trackingResult{background:#fff;border:1px solid #e1e6ec;border-radius:16px;max-width:880px;margin:36px auto 0;padding:30px;box-shadow:0 14px 35px #182c4410}.trackingHero>small{color:#a07a3c;letter-spacing:.18em;font-weight:900}.trackingHero h1{margin:8px 0;font-size:34px}.trackingHero>p{color:#69798b}.trackingHero form{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:25px;display:grid}.trackingHero label{color:#53657a;font-size:11px;font-weight:800}.trackingHero input{border:1px solid #d4dde7;border-radius:8px;width:100%;height:45px;margin-top:7px;padding:0 12px;display:block}.trackingHero button{color:#fff;background:#295b88;border:0;border-radius:8px;height:45px;padding:0 18px;font-weight:900}.trackingError{color:#bd3c4c;font-weight:800}.trackingTop{justify-content:space-between;align-items:flex-start;display:flex}.trackingTop small,.trackingDetails small{color:#8492a1;letter-spacing:.1em;font-size:9px;font-weight:900;display:block}.trackingTop h2{margin:5px 0}.trackingTop p{color:#718095;margin:0;font-size:11px}.trackingTop>span{color:#168258;background:#e0f5e9;border-radius:20px;padding:8px 12px;font-size:10px;font-weight:900}.trackingSteps{grid-template-columns:repeat(4,1fr);margin:30px 0;display:grid}.trackingSteps div{text-align:center;color:#8a97a5;justify-items:center;gap:7px;display:grid;position:relative}.trackingSteps div:before{content:"";z-index:0;background:#dce2e9;width:100%;height:3px;position:absolute;top:16px;right:50%}.trackingSteps div:first-child:before{display:none}.trackingSteps div.done:before{background:#2b9b69}.trackingSteps i{z-index:1;background:#e6eaf0;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.trackingSteps .done{color:#197b55}.trackingSteps .done i{color:#fff;background:#2b9b69}.trackingSteps small{font-size:9px}.trackingDetails{background:#f5f7fa;border-radius:11px;grid-template-columns:2fr 1fr 1fr;gap:18px;padding:20px;display:grid}.trackingDetails b,.trackingDetails span{margin-top:6px;display:block}.trackingDetails span{color:#6b7b8c;font-size:10px}.trackingHelp{color:#6b7b8c;margin:20px 0 0;font-size:11px}.trackingHelp a{color:#18885c;font-weight:800}.cancelledOrder{color:#a83243;background:#fff0f1;border-radius:9px;margin:25px 0;padding:18px}@media (max-width:700px){.trackingPage{padding:0 14px 50px}.trackingPage>header{margin:0 -14px;padding:0 16px}.trackingHero,.trackingResult{padding:22px}.trackingHero h1{font-size:28px}.trackingHero form{grid-template-columns:1fr}.trackingSteps{grid-template-columns:1fr;gap:14px}.trackingSteps div{text-align:left;grid-template-columns:36px 1fr;justify-items:start}.trackingSteps div:before{display:none}.trackingSteps small{grid-column:2}.trackingDetails{grid-template-columns:1fr}.trackingTop{display:block}.trackingTop>span{margin-top:14px;display:inline-block}}