@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e4e4e4;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mainComponent .title{font-size:24px;font-weight:600;margin:10px;text-align:center}.trans{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin:5px auto;max-width:600px;padding:10px 30px;width:90%}.trackingNum{background-color:#d6e9ff;margin-bottom:20px;padding:10px;text-align:center;width:100%}.trackingNum .title{color:grey;font-size:15px;margin:0}.trackingNum .num{font-size:24px;font-weight:600;margin:0}.tracker{align-items:flex-start;display:flex;flex-wrap:wrap;font-family:Arial,sans-serif;justify-content:center;width:100%}.steps{flex-direction:row;justify-content:space-between;padding:0 1rem;width:100%}.step,.steps{align-items:center;display:flex;position:relative}.step{gap:10px;margin-bottom:10px}.step:before{background-color:#ccc;height:100%;left:7px;position:absolute;top:0;width:3px}.step:first-child:before{display:none}.circle{background-color:#fff;border:3px solid #ccc;border-radius:50%;height:15px;position:relative;width:15px;z-index:1}.completed .circle{background-color:#00c01a;border-color:#00c01a}.active .circle{background-color:#fff;border:3px solid #ff0}.step span{font-size:16px;font-weight:700}.completed span{color:#000}.active span{color:#ff0}.inputSection{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.inputSection input{border:2px solid #ccc;border-radius:5px;font-size:16px;outline:none;padding:10px;transition:.3s;width:250px}.inputSection input:focus{border-color:#00c01a;box-shadow:0 0 5px #00ff1580}.inputSection button{align-items:center;background-color:#00c01a;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;min-width:120px;padding:10px 15px;position:relative;transition:.3s}.inputSection button:hover{background-color:#027e13}.inputSection button:disabled{background-color:#ccc;cursor:not-allowed}.loader{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{color:red;font-weight:700;margin-top:5px;text-align:center}@media screen and (max-width:768px){.trans{margin:5px auto;padding:10px 15px;width:70%}.inputSection{align-items:center;flex-direction:column;justify-content:center;text-align:center}.inputSection input{width:70%}.inputSection button{text-align:center;width:70%}.tracker{flex-direction:column;flex-wrap:wrap;overflow:hidden}.steps,.tracker{align-items:center}.steps{flex-direction:row;padding:0}.step{flex-direction:column;gap:5px;text-align:center;width:100%}.step:before{height:50px;left:50%;transform:translateX(-50%)}.status{border-left:none;margin-left:0;padding-left:0;text-align:center}}.navbar{background-color:#1a1f26;width:100%}.navbar .navbarComponent{align-items:center;background-color:#1a1f26;display:flex;justify-content:space-between;padding:10px 20px;position:relative}.navbar .navbarComponent p{color:#00c01a;font-size:24px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.navbar .navbarComponent .btn{border:1px solid #fff;border-radius:5px;color:#fff;padding:5px 15px;text-align:center;text-decoration:none;transition:all .3s ease}.navbar .navbarComponent .btn:hover{background-color:#00c01a;border-color:#00c01a;color:#1a1f26}@media (max-width:768px){.navbar .navbarComponent{align-items:center;flex-direction:row;padding:15px;text-align:center}.navbar .navbarComponent p{margin-bottom:10px;position:static;transform:none}.navbar .navbarComponent .btn{padding:10px}}
/*# sourceMappingURL=main.2a0fb63b.css.map*/