.order-popup-contain-wrapper{position:fixed;right:16px;bottom:125px;width:55px;height:55px;z-index:10000}.order-popup-contain-wrapper .order-popup-contain{background-color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;z-index:1}.order-popup-contain-wrapper .order-popup-contain>img{object-fit:contain;height:auto}.order-popup-contain-wrapper .order-popup-contain .order-quantity{width:23px;height:23px;border-radius:26.273px;background:var(--Color-RED,#dc303a);color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:-3px}.order-popup-section{position:absolute;background:var(--Light_Mode-Overlay,rgba(36,40,44,.7));width:100%;height:100vh;top:0;right:0;z-index:999;display:flex;justify-content:center;align-items:center}.order-popup-section .order-modal-section{width:100%;max-width:732px;border-radius:18px;background:#f5f5fa;box-shadow:0 4px 12.2px 0 rgba(0,0,0,.25);height:calc(100vh - 64px);overflow:auto;padding:10px 12px}.order-popup-section .order-popup-heading{background-color:#fff;display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px 8px;border-radius:8px;position:relative;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7);margin-bottom:16px}.order-popup-section .order-popup-heading>b{font-size:20px}.order-popup-section .order-popup-heading>b>span{color:#868686;font-weight:400}.order-popup-section .order-popup-heading .close{display:flex;padding:8px;border-radius:38px;background:#f2f2f7}.order-popup-section .order-popup-body{display:flex;flex-direction:column;gap:16px}.order-popup-section .order-popup-body .order-detail-C-section{background-color:#fff;display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:12px}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading{width:100%;display:flex;align-items:start;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7);gap:16px;padding-top:16px}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading .heading-infor{display:flex;flex-direction:column;gap:40px;max-width:623px}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading .heading-infor .order-detail-infor{display:flex;align-items:center;gap:24px}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading .heading-infor .order-detail-infor .store-img{border-radius:52px}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading .heading-infor .order-detail-infor .store-img>img{border-radius:52px;width:100%;max-width:48px;object-fit:cover}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading .heading-infor .order-detail-infor .order-code>b{font-size:16px}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading .heading-infor .order-detail-infor .order-code>p{color:#868686}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading .heading-infor .order-detail-infor .order-code{font-size:16px}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading .heading-infor .order-store{display:flex;gap:8px;flex-wrap:wrap}.order-popup-section .order-popup-body .order-detail-C-section .order-detail-heading .order-detail-support{white-space:nowrap;font-size:16px;display:flex;gap:12px;align-items:center;color:#f55e21}.order-popup-section .order-popup-body .order-detail-C-section .order-status{width:100%;display:flex;flex-direction:column;padding:12px 0;gap:24px}.order-popup-section .order-popup-body .order-detail-C-section .order-status>b{font-size:20px}.order-popup-section .order-popup-body .order-detail-C-section .order-status .order-status-detail{display:flex;align-items:center;gap:4px}.order-popup-section .order-popup-body .order-detail-C-section .order-status .order-status-detail .line-status{width:calc(100% - 24px - 116px);height:3px;background:#d9d9d9;position:relative;overflow:hidden}.order-popup-section .order-popup-body .order-detail-C-section .order-status .order-status-detail .line-status.active:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#f55e21;animation:loading 2s ease-in-out infinite}.order-popup-section .order-popup-body .order-detail-C-section .order-status .order-status-detail .line-status.completed{background:#f55e21}.order-popup-section .order-popup-body .order-detail-C-section .order-status .order-status-detail .completedImg{filter:brightness(0) saturate(100%) invert(50%) sepia(35%) saturate(6856%) hue-rotate(350deg) brightness(101%) contrast(92%)}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile{width:100%;display:flex;align-items:center;gap:12px}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-img{width:45px;height:45px}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-img>img{width:100%;height:auto;border-radius:45px;object-fit:cover}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-infor{flex:1;font-size:16px}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-infor .shipper-name{display:flex;gap:9px;align-items:center;font-weight:700}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-infor .shipper-name .rate{display:flex;align-items:center;justify-content:center;gap:4px}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-infor .shipper-name .rate>img{filter:brightness(0) saturate(100%) invert(49%) sepia(86%) saturate(780%) hue-rotate(2deg) brightness(107%) contrast(103%)}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-contact{display:flex;gap:16px;align-items:center}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-contact>img{filter:brightness(0) saturate(100%) invert(33%) sepia(60%) saturate(3139%) hue-rotate(206deg) brightness(94%) contrast(108%)}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-contact>i{font-size:24px;color:#1976d2;cursor:pointer;transition:transform .2s,color .2s}.order-popup-section .order-popup-body .order-detail-C-section .shipper-profile .shipper-contact>i:hover{transform:scale(1.2);color:#0d47a1}@media only screen and (max-width:550px){.order-popup-section{align-items:start}.order-popup-section .order-modal-section{border-radius:0;padding:8px}.order-popup-section .order-modal-section .order-popup-body .order-status>b{font-size:16px}.order-popup-section .order-modal-section .order-popup-body .order-status .order-status-detail>img{width:22px;height:22px}.order-popup-section .order-modal-section .order-popup-body .shipper-profile{gap:4px}.order-popup-section .order-modal-section .order-popup-body .shipper-profile .shipper-infor{font-size:14px}}@keyframes loading{0%{transform:translateX(-100%) scaleX(0)}50%{transform:translateX(0) scaleX(1)}to{transform:translateX(100%) scaleX(0)}}