.order-detail_food-modal .order-detail-C_modal{display:flex;width:100%;max-width:1203px;padding:24px 18px 32px;flex-direction:column;align-items:center;border-radius:12px;background:#fff}.order-detail_food-modal .order-detail-C_modal .order-detail-heading{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7);gap:16px}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .heading-infor{display:flex;gap:40px;max-width:623px}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor{display:flex;align-items:center;gap:24px}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .store-img{border-radius:52px}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .store-img>img{border-radius:52px;width:100%;max-width:48px;object-fit:cover}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .order-code>b{font-size:16px}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .order-code>p{color:#868686}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .order-code{font-size:16px}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .order-detail-support{white-space:nowrap;font-size:16px;display:flex;gap:12px;align-items:center;color:#f55e21}.order-detail_food-modal .order-detail-C_modal .order-status{width:100%;display:flex;flex-direction:column;padding:24px 0 0;gap:24px}.order-detail_food-modal .order-detail-C_modal .order-status>b{font-size:24px}.order-detail_food-modal .order-detail-C_modal .order-status .order-status-detail{display:flex;align-items:center;gap:4px}.order-detail_food-modal .order-detail-C_modal .order-status .order-status-detail .line-status{width:calc(100% - 24px - 116px);height:3px;background:#d9d9d9;position:relative;overflow:hidden}.order-detail_food-modal .order-detail-C_modal .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-detail_food-modal .order-detail-C_modal .order-status .order-status-detail .line-status.completed{background:#f55e21}.order-detail_food-modal .order-detail-C_modal .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-detail_food-modal .order-detail-C_modal .order-detail-body{width:100%;display:flex;padding-top:16px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst{width:50%;display:flex;flex-direction:column;gap:8px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food{display:flex;gap:16px;padding:18px 0}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-img>img{object-fit:cover}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-quantity{font-size:16px;font-weight:700}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail{display:flex;flex-direction:column;gap:14px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title{display:flex;flex-direction:column;gap:6px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title .food-key-promotion{color:red}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title>b{width:210px;font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title>p{width:210px;font-size:14px;color:#868686;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail>p{font-size:16px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment i,.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment span{cursor:pointer;color:#1976d2;transition:color .2s}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment i.comment-disabled,.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment span.comment-disabled{cursor:not-allowed;color:silver}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment i.comment-active,.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment span.comment-active{cursor:pointer;color:#1976d2}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment i.comment-active:hover,.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .product-comment span.comment-active:hover{color:#01509f}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail{border-left:1px solid #f2f2f7;width:50%;display:flex;flex-direction:column;align-items:center;gap:30px;padding-left:24px;position:relative}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst{width:100%;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:24px 0}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-total{display:flex;justify-content:space-between;align-items:center}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-total .order-total-title{font-size:16px;display:flex;gap:4px;align-items:center}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-total .order-total-title .tag-icon{filter:brightness(0) saturate(100%) invert(42%) sepia(50%) saturate(1764%) hue-rotate(346deg) brightness(97%) contrast(98%)}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-total .sale{color:#f55e21}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-sum{font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #f2f2f7}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-payment-method{font-size:16px;display:flex;justify-content:space-between;align-items:center}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-payment-method .payment-method{display:flex;align-items:center;gap:8px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst .order-payment-method .payment-method>img{object-fit:contain}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-note{width:100%;font-size:16px;display:flex;flex-direction:column;gap:4px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact{width:100%;display:flex;flex-direction:column;gap:33px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-time{width:100%;display:flex;padding:12px;justify-content:space-between;align-items:center;border-radius:12px;background:var(--Backgrounds-Secondary,#f2f2f7)}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-time .order-duration{width:50%;max-width:250px;text-align:center}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-time .line{width:1px;height:40px;background:var(--currentColor,#868686)}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile{display:flex;align-items:center;padding-right:24px;gap:12px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-img{width:45px;height:45px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-img>img{width:100%;height:auto;border-radius:45px;object-fit:cover}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-infor{font-size:16px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-infor .shipper-name{display:flex;gap:9px;align-items:center;font-weight:700}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-infor .shipper-name .rate{display:flex;align-items:center;justify-content:center;gap:4px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .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-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-contact{display:flex;gap:16px;align-items:center}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr{display:flex;gap:24px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr-img{display:flex;align-items:center;width:32px;height:32px;border-radius:24px;background:var(--Color-Blue,#0d6df9);padding:5px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr p,.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .my-addr-img{display:flex;align-items:center;width:32px;height:32px;border-radius:24px;background:var(--Color-Blue,#f55e21);padding:5px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .my-addr-img>img{filter:brightness(0) saturate(100%) invert(95%) sepia(59%) saturate(5603%) hue-rotate(180deg) brightness(117%) contrast(100%)}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail>button{width:100%;display:flex;padding:8px 16px;justify-content:center;align-items:center;border-radius:33px;border:1px solid var(--Color-Orange,#f55e21);color:var(--Color-Orange,#f55e21);background-color:#fff;font-weight:700}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail>button:disabled{border:1px solid var(--currentColor,#868686);color:#868686;opacity:.5}.order-detail_food-modal .order-detail-C_modal .order-detail-body .mobile{display:none}@keyframes loading{0%{transform:translateX(-100%) scaleX(0)}50%{transform:translateX(0) scaleX(1)}to{transform:translateX(100%) scaleX(0)}}@media only screen and (max-width:1022px){.order-detail_food-modal .order-detail-C_modal{margin:0}.order-detail_food-modal .order-detail-C_modal .order-detail-heading{align-items:start}.order-detail_food-modal .order-detail-C_modal .order-detail-body,.order-detail_food-modal .order-detail-C_modal .order-detail-heading .heading-infor{gap:16px;flex-direction:column}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst{width:100%}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food{padding:0}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-img>img{width:61px;height:61px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-quantity{font-size:14px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail{flex:1;flex-direction:row;justify-content:space-between}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title>b{width:unset;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail .food-detail-title>p{width:unset;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-detail>p{font-size:14px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail{width:100%;padding:0;border:0}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-total-lst{padding:0}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile{width:100%;padding-right:0}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-img>img{width:42px;height:42px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .shipper-profile .shipper-infor{font-size:14px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr{gap:8px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr-img{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr-img>img{width:15px;height:15px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .my-addr-img{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .my-addr-img>img{width:15px;height:15px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-detail .order-contact .order-addr .addr{flex:1}.order-detail_food-modal .order-detail-C_modal .order-detail-body .mobile{display:flex}.order-detail_food-modal .order-detail-C_modal .order-detail-body .desktop .order-contact{display:none}}@media only screen and (max-width:550px){.order-detail_food-modal{padding:15px}.order-detail_food-modal .order-detail-C_modal{border-radius:0}.order-detail_food-modal .order-detail-C_modal .order-detail-heading{align-items:start}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .heading-infor .order-detail-infor .order-code{font-size:14px}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .order-detail-support{gap:8px;font-size:14px}.order-detail_food-modal .order-detail-C_modal .order-detail-heading .order-detail-support>img{width:20px;height:20px}.order-detail_food-modal .order-detail-C_modal .order-status>b{font-size:20px}.order-detail_food-modal .order-detail-C_modal .order-status .order-status-detail>img{width:22px;height:22px}.order-detail_food-modal .order-detail-C_modal .order-detail-body{flex-direction:column;gap:20px}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst{width:100%}.order-detail_food-modal .order-detail-C_modal .order-detail-body .order-food-lst .order-food .food-img>img{width:51px;height:51px}}