.desktop-tracking-status{margin-bottom:5px;color:#627286;font-size:11px;font-weight:700}.tracking-wave-steps{display:grid;margin:18px 0 5px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tracking-wave-step{position:relative;display:flex;min-width:0;align-items:center;flex-direction:column;color:#8b96a1;text-align:center}.tracking-wave-step:not(:last-child):after{position:absolute;z-index:0;top:10px;left:calc(50% + 10px);width:calc(100% - 10px);border-top:2px solid #d6dde5;content:""}.tracking-wave-step i{position:relative;z-index:1;box-sizing:content-box;width:14px;height:14px;background:#f5f7fa;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cbd4dd}.tracking-wave-step span{margin-top:7px;font-size:8px;font-weight:800;line-height:1.25}.tracking-wave-step.done i{background:#35aa75;box-shadow:0 0 0 1px #35aa75}.tracking-wave-step.done:not(:last-child):after{border-color:#35aa75}.tracking-wave-step.active i{box-shadow:0 0 0 4px rgba(53,170,117,.17)}
@media(max-width:480px){.tracking-wave-steps{grid-template-columns:repeat(6,1fr);margin:18px 5px 5px;row-gap:20px}.tracking-wave-step{grid-column:span 2}.tracking-wave-step:nth-child(1){grid-column:1/span 2}.tracking-wave-step:nth-child(2){grid-column:3/span 2}.tracking-wave-step:nth-child(3){grid-column:5/span 2}.tracking-wave-step:nth-child(4){grid-column:2/span 2;grid-row:2}.tracking-wave-step:nth-child(5){grid-column:4/span 2;grid-row:2}.tracking-wave-step span{max-width:68px;min-height:20px;font-size:8px;line-height:1.2}.tracking-wave-step:nth-child(1):after,.tracking-wave-step:nth-child(2):after{left:calc(50% + 10px);width:calc(100% - 10px);border-top-style:solid}.tracking-wave-step:nth-child(3):after{top:10px;right:50%;left:auto;width:150%;height:66px;border-top:0;border-right:2px solid #d6dde5;border-bottom:2px solid #d6dde5;border-radius:0 0 13px 0}.tracking-wave-step.done:nth-child(3):after{border-color:#35aa75}.tracking-wave-step:nth-child(4):before{display:none}.tracking-wave-step:nth-child(4):after{top:18px;right:auto;left:calc(50% + 10px);width:calc(100% - 10px);border-top-style:solid}.tracking-wave-step:nth-child(5):after{display:none}}
@media(max-width:340px){.tracking-wave-steps{margin-left:0;margin-right:0}.tracking-wave-step span{font-size:7px}}

.tracking-flow-path{display:none}.tracking-wave-step.done span{color:#218b63}
@media(max-width:480px){.tracking-wave-steps{position:relative;display:block;height:112px;margin:18px 0 2px}.tracking-flow-path{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100px;overflow:visible}.tracking-flow-path path{fill:none;stroke:#cfd7df;stroke-width:2;vector-effect:non-scaling-stroke}.tracking-flow-path .tracking-flow-complete{stroke:#35aa75;stroke-width:3}.tracking-wave-step{position:absolute;width:33.333%;height:auto}.tracking-wave-step:nth-of-type(1){top:0;left:0}.tracking-wave-step:nth-of-type(2){top:0;left:33.333%}.tracking-wave-step:nth-of-type(3){top:0;left:66.666%}.tracking-wave-step:nth-of-type(4){top:65px;left:50%}.tracking-wave-step:nth-of-type(5){top:65px;left:16.666%}.tracking-wave-step:before,.tracking-wave-step:after{display:none!important}.tracking-wave-step i{width:14px;height:14px}.tracking-wave-step span{max-width:78px;min-height:0;margin-top:7px;font-size:8px;line-height:1.2}}

.tracking-wave-step.done i{background:#35aa75!important;border-color:#fff!important;box-shadow:0 0 0 2px #35aa75,0 0 0 5px rgba(53,170,117,.14)!important}.tracking-action-modal .modal-dialog{max-width:390px;margin:10vh auto}.tracking-action-modal .modal-content{overflow:hidden;border:0;border-radius:22px;box-shadow:0 24px 70px rgba(25,35,55,.25)}.tracking-action-modal .modal-body{padding:30px 25px 24px;text-align:center}.tracking-action-modal-icon{display:grid;width:64px;height:64px;margin:0 auto 17px;place-items:center;color:#fff;background:linear-gradient(145deg,#7652d6,#4d2eaa);border-radius:20px;box-shadow:0 10px 22px rgba(77,47,170,.28);font-size:25px}.tracking-action-modal h4{margin:0;color:#213448;font-size:20px;font-weight:800}.tracking-action-modal p{max-width:290px;margin:9px auto 23px;color:#718091;font-size:12px;line-height:1.55}.tracking-action-modal-buttons{display:flex;gap:10px}.tracking-action-modal-buttons button{min-height:48px;border:0;border-radius:13px;font-size:12px;font-weight:800}.tracking-modal-cancel{color:#627080;background:#eef1f5;flex:.75}.tracking-modal-confirm{color:#fff;background:linear-gradient(145deg,#7551d5,#4d2faa);box-shadow:0 7px 16px rgba(77,47,170,.22);flex:1.25}.tracking-modal-confirm:disabled{opacity:.6}.tracking-action-modal.is-success .tracking-action-modal-icon{background:linear-gradient(145deg,#35bd83,#16835d);box-shadow:0 10px 22px rgba(22,131,93,.25)}.tracking-action-modal.is-success .tracking-modal-confirm{background:linear-gradient(145deg,#35b980,#16815d);box-shadow:0 7px 16px rgba(22,129,93,.2)}
@media(max-width:480px){.tracking-action-modal .modal-dialog{margin:18vh 14px 0}.tracking-action-modal .modal-content{border-radius:20px}.tracking-action-modal .modal-body{padding:27px 20px 20px}.tracking-action-modal-icon{width:58px;height:58px;border-radius:18px}.tracking-action-modal-buttons button{font-size:13px}}
.tracking-action-modal.is-success .tracking-action-modal-buttons{display:flex!important;justify-content:center}.tracking-action-modal.is-success #confirmTrackingAction{flex:0 1 180px;width:180px;max-width:100%}