.track-order.section{padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px}.formWrapper{max-width:600px;margin:0 auto}.topContentWrapper h3{font-size:20px;margin-bottom:10px}.topContentWrapper ul{list-style:none;padding:0;display:flex;gap:15px;margin-bottom:20px}.topContentWrapper ul li{flex:1}.topContentWrapper ul li a{display:block;padding:10px;text-align:center;background-color:#e9e9e9;color:#333;text-decoration:none;border-radius:5px}.topContentWrapper ul li.active a{background-color:#c3aa9e;color:#fff}.tab-pane{display:none}.tab-pane.active{display:block}.formWrapper form input[type=text],.formWrapper form input[type=email],.formWrapper form input[type=password]{width:calc(100% - 20px);padding:10px;margin-bottom:15px;border:1px solid #c3aa9e;border-radius:5px;font-size:16px;width:100%}.formWrapper form input:-webkit-autofill,.formWrapper form input:-webkit-autofill:hover,.formWrapper form input:-webkit-autofill:focus,.formWrapper form input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:var(--color-text);transition:background-color 5000s ease-in-out 0s;box-shadow:none}.formWrapper form #mobile_number{padding-left:50px}.formWrapper form input.otp-input{width:40px;padding:10px;margin-right:5px;text-align:center;border:1px solid #ddd;border-radius:5px;font-size:16px}.formWrapper form button{width:100%;padding:10px;background-color:#1990c6;color:#fff;border:none;border-radius:5px;font-size:16px}.formWrapper form a{display:block;margin-top:10px;text-align:center;color:#007bff;text-decoration:none}.hide{display:none}.section-track-order .section{max-width:1395px;margin:30px auto 20px;width:100%}.section-track-order .topContentWrapper h3{text-align:center}.section-track-order{padding:clamp(18px,3.3vw,3.3vw)}.section-track-order .tab-pane .colorBlack{margin:0 0 6px}.section-track-order .formWrapper form input.otp-input{width:35px;padding:6px 5px}.section-track-order .formWrapper{margin-bottom:10px;width:100%}.formWrapper .btn .btn__loading-bar{background-color:var(--color-text-button)}.formWrapper .error{text-align:center;margin-top:10px;color:red;line-height:1.5}.btn.track-loader{position:relative}.btn.track-loader span{opacity:0}.btn.track-loader .btn__loading-bar{margin:0}.btn.track-loader .btn__loading-wrap{margin:0;display:block}.track-loader .btn__loading-wrap{display:none;width:100%;max-width:80px;height:2px;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn__loading-bar{width:100%;height:2px;border-radius:2px;-webkit-animation:loaderLine 1.4s ease-in-out infinite;animation:loaderLine 1.4s ease-in-out infinite}.wsphone_number{display:flex;align-items:center;position:relative}#myshiprocket .wsphone_number span{margin-right:5px;position:absolute;top:1px;left:1px;line-height:1.1;padding:6px 4px 6px 0;color:#1116;background:#dfdfdf45;border-radius:3px 0 0 3px;height:72%;display:flex;align-items:center;width:38px;justify-content:center;font-size:14px}.wsphone_number input{padding-left:100px}.section-track-order .section{padding:0;background:transparent;border:0}.section-track-order .formWrapper{padding:15px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;max-width:100%}.section-track-order .formWrapper .track-order-wrapper{max-width:600px;width:100%;margin:0 auto}.formWrapper form button{background:#2b94e6;height:45px}@keyframes loaderLine{0%{transform:translate(-150%)}45%{transform:translate(0)}55%{transform:translate(0)}to{transform:translate(150%)}}.formWrapper .btn.track-loader .btn__loading-bar{background:#fff;display:block}.topContentWrapper ul li.active a{background:#1990c6}.formWrapper form input[type=text],.formWrapper form input[type=email],.formWrapper form input[type=password]{border:1px solid #2b94e6}.track-order-section .modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.track-order-section .modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.track-order-section .close{color:#aaa;float:right;font-size:28px;font-weight:700}.track-order-section .close:hover,.track-order-section .close:focus{color:#000;text-decoration:none;cursor:pointer}.track-order-section table{width:100%;border-collapse:collapse}.track-order-section table,th,td{border:1px solid black;padding:10px!important;text-align:left}.track-order #orderModal .modal-content{max-width:600px;width:100%;overflow:hidden;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;position:relative;transition:transfrom .5s ease}.track-order #orderModal{background-color:#00000080;visibility:hidden;z-index:1300;position:fixed;top:0;right:0;left:0;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;padding:12px;padding:var(--spacing-3);transition:visibility 0s .5s;transition:visibility 0s var(--duration-normal);opacity:1}.track-order #orderModal .modal-content{transform:scale(0);transition:all .5s ease}.track-order #orderModal.active .modal-content{transform:scale(1)}.track-order #orderModal .modal-content .close{position:absolute;right:20px;top:26px;background:transparent;outline:none;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:1px solid #2b94e6;cursor:pointer}.track-order #orderModal .modal-content .close svg{width:13px;height:13px;stroke:#2b94e6}.track-order #orderModal .modal-content h2{margin-bottom:10px;border-bottom:2px solid #2b94e6;padding-bottom:10px;margin-top:0}.track-order #orderModal .modal-content table{border-collapse:collapse;width:100%;min-width:500px;font-size:14px;margin-bottom:0}.track-order #orderModal table,.track-order #orderModal th,.track-order #orderModal td{border:1px solid #0000001c}.track-order #orderModal th,.track-order #orderModal td{text-align:center}.track-order #orderModal .modal-content table thead{background:#fffcea;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.track-order #orderModal .modal-content table tbody tr:nth-child(2n+2){background:#fffcea}.track-order #orderModal td a{position:relative;color:#2b94e6;padding:3px 0;text-decoration:none;text-transform:uppercase}.track-order #orderModal td a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:currentColor;transform-origin:right;transition:.3s ease transform;transform-origin:left;transform:scale(1)}.track-order #orderModal td a:hover:after{transform-origin:right;transform:scale(0)}.formWrapper .topContentWrapper h3{margin-bottom:10px!important}.section-track-order .formWrapper{background-color:#f9f1e5;border:0}.topContentWrapper ul li.active a{background:#a43c8e}.topContentWrapper ul li a{background-color:transparent;border:1px solid rgb(var(--color-button-text));color:rgb(var(--color-button-text))}.formWrapper form input[type=text],.formWrapper form input[type=email],.formWrapper form input[type=password]{border:1px solid #a43c8e}.formWrapper form button{background-color:#a43c8e}input#mobile_number:focus-visible{outline:0!important}@media (max-width:576px){.section-track-order .formWrapper{padding:0}}@media (max-width: 767px){.section-track-order .formWrapper form input.otp-input{width:28px;padding:4px 5px;font-size:12px}.formWrapper form button{--height-input: 40px;padding:8px 10px;font-size:14px}.section-track-order .section{margin:20px auto 0}.section-track-order .topContentWrapper ul li a{font-size:11px;padding:10px 5px}.section-track-order .topContentWrapper ul{gap:8px}.section-track-order .formWrapper form input[type=text],.section-track-order .formWrapper form input[type=email],.section-track-order .formWrapper form input[type=password]{font-size:12px}.section-track-order .section{padding:0}.track-order #orderModal .modal-content{transform:translateY(100%)}.track-order #orderModal.active .modal-content{transform:translateY(0);max-width:98%;width:100%}.track-order #orderModal{align-items:flex-end;padding:0}.track-order #orderModal.active .modal-content .table-wrapper{width:100%;overflow:auto}.track-order #orderModal.active .modal-content .table-wrapper::-webkit-scrollbar-track{background:#e8e7e7}.track-order #orderModal.active .modal-content .table-wrapper::-webkit-scrollbar-thumb{background:#2b94e6;border-radius:5px}.track-order #orderModal.active .modal-content .table-wrapper::-webkit-scrollbar{height:3px}.track-order #orderModal .modal-content table thead{font-size:12px}.track-order #orderModal .modal-content .close{top:23px}.track-order-section table,th,td{padding:10px 5px!important}.track-order #orderModal .modal-content table{margin-bottom:0}.track-order #orderModal .modal-content{padding:10px}.track-order #orderModal .modal-content table{min-width:1px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-trackorder.css.map */