.btn-arrow-right{position:absolute;width:25px;height:40px;display:flex;justify-content:center;align-items:center;top:25px;left:-25px;cursor:pointer;z-index:10000;background-color:#fff;border-radius:4px 0 0 4px}.btn-arrow-right:hover{background-color:#f7f7f7}.drawer .box-title{margin-bottom:33px}.drawer .title{font-size:17px;font-weight:600}.drawer .number-user{font-size:18px;margin-left:4px}.drawer .order-item{padding-bottom:16px;margin-bottom:24px}.drawer .user-order{font-size:15px;border-bottom:1px solid #0000001F;margin-bottom:16px}.drawer .user-order .username{font-size:15px;max-width:20ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.drawer .user-order .add-item{font-size:13px;font-weight:600;color:#00874a}.drawer .user-order .product{padding:0 0 16px;display:flex}.drawer .user-order .product-name{font-size:15px;display:block}.drawer .user-order .product-image{width:52px;height:52px;border-radius:26px;object-fit:contain;margin-right:16px}.drawer .user-order .box-info{flex:1}.drawer .user-order .property-row{display:flex;justify-content:space-between;color:#0000008f;margin-top:8px;font-size:12px}.drawer .user-order .add-ins{display:flex;margin-top:16px;color:#0000008f;font-weight:600}.drawer .user-order .btn-edit{font-size:13px;font-weight:600;color:#00874a;padding:10px 10px 10px 0;margin:6px 0}.drawer .user-order .box-promotion{background-color:#d8ffee;color:#00874a;display:flex;align-items:center;border-radius:25px;padding:6px 10px;font-size:13px;margin-bottom:16px}.drawer .user-order .img-promotion{width:18px;margin-right:10px}.drawer .user-order .no-item-added{display:block;font-size:12px;color:#0000008f;margin-top:-4px;margin-bottom:12px;font-style:italic}.drawer .box-quantity{display:flex;justify-content:space-between}.drawer .value-discount{font-size:12px;text-align:right;color:#0000008f;text-decoration-line:line-through;margin-top:10px}.drawer .box-edit{display:flex;flex-direction:row;align-items:center}.drawer .quantity{font-size:15px;min-width:28px;text-align:center}.drawer .product-price{font-size:15px}.drawer .total{display:flex;justify-content:space-between}.split{padding-top:32px;padding-bottom:70px}.split .order-total{background-color:#f7f7f7;padding:16px;border-radius:8px;margin-top:16px}.split .order-total .form-to{display:block;margin-bottom:8px;color:#0000008f;font-size:12px}.split .order-total .name{display:block;color:#00874a;font-size:15px;font-weight:600}.split .order-total .km{color:#c2a661;font-size:11px}.split .order-total .label-address{display:block;font-size:12px;color:#0000008f;margin-top:4px;font-family:SoDo Sans VN!important}.split .row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.split .bottom-16{margin-bottom:16px}.split .top-16{margin-top:16px}.split .label{font-size:12px;color:#0000008f}.split .label-value{font-size:12px;color:#0000008f;font-family:SoDo Sans VN!important}.split .divider{width:100%;height:1px;background-color:#0000001f}.split .divider-item{width:0;height:0;overflow:hidden;transition:width height .5s ease}.split .divider-item.open{width:100%;height:1px;opacity:.7;background-color:#0000001f;margin-bottom:24px;margin-top:16px}.split .mv-16{margin:16px 0}.split .mv-24{margin:24px 0}.split .warning{border-radius:8px;background-color:#d6ece2;padding:12px 0 12px 16px;display:flex;flex-direction:row;align-items:center;margin-bottom:24px}.split .txt-warning{font-size:15px;color:#00874a;display:block;flex:1;padding:0 12px}.split .close{padding:4px 16px}.split .order-item{border-radius:8px;border:1px solid #0000001F;padding:16px;margin-bottom:16px}.order-total.pb-26{padding-bottom:25.5px}.icon-dropdown{transition:transform .5s ease}.icon-dropdown.open{transform:rotate(180deg)}.detail-order{max-height:0;overflow:hidden;transition:max-height .5s ease-out}.detail-order.open{max-height:800px}@font-face{font-family:SoDo Sans;src:url(./SoDoSans-Black-CFpXFOM_.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:SoDo Sans;src:url(./SoDoSans-Bold-uagtipT8.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SoDo Sans;src:url(./SoDoSans-Light-A2jX8EAo.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SoDo Sans;src:url(./SoDoSans-Regular-D-yGOsS2.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SoDo Sans;src:url(./SoDoSans-SemiBold-DkSq7aEk.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SoDo Sans VN;src:url(./SoDoSansVN-Black-BPnxjDtd.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:SoDo Sans VN;src:url(./SoDoSansVN-Bold-CBjm-oLr.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SoDo Sans VN;src:url(./SoDoSansVN-Light-DP3QAL7U.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SoDo Sans VN;src:url(./SoDoSansVN-Regular-DKeoEp10.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SoDo Sans VN;src:url(./SoDoSansVN-SemiBold-bG4szuJ4.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}.button{flex:1;display:flex;justify-content:center;align-items:center;height:40px;text-align:center;padding:10px 20px;border:none;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;transition:background-color .3s,color .3s;box-sizing:border-box}@keyframes pulse{0%{box-shadow:0 0 #abcfadb3}to{box-shadow:0 0 0 .5em #e9fcea00}}.pulse-animation{animation:pulse .5s}.button:hover{opacity:.8}.button.round{border-radius:20px}.button.primary{background-color:#00874a;color:#fff}.button.outline{background-color:transparent;border:1px solid #00874A;color:#00874a}.button.disabled{opacity:.5;cursor:not-allowed}.modal span{display:block}.modal .title{font-weight:600;font-size:24px;margin-bottom:16px}.modal .button{font-size:15px;margin-top:32px}.modal input{width:100%;height:30px;border:none;border-bottom:1px solid #ccc;border-radius:0;box-sizing:border-box;caret-color:#00a862;vertical-align:bottom;line-height:normal;padding-bottom:0;font-size:16px;margin-top:14px}.modal input:focus{border:none;outline:none;border-bottom:1px solid #00A862}.layout{display:flex;flex-direction:column;height:100vh}.header{box-sizing:border-box;position:fixed;top:0;left:0;width:100vw;background-color:#fff;z-index:1000;line-height:none;height:72px;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:0 120px;border-bottom:1px solid rgba(0,0,0,.12)}.header .logo{width:48px}.header .header-right{display:flex;justify-content:right;align-items:center;padding:10px 0}.header .divider{width:1px;opacity:.12;background-color:#000;height:35px;margin:0 8px}.header .bt-group{border-radius:40px;padding:6px 12px 6px 20px;border:1px solid #d9d9d9;display:flex;justify-content:space-between;width:258px;box-sizing:border-box;cursor:pointer}.header .box-name{margin-right:10px;line-height:19.42px;max-width:90%}.header .image-cart{width:31.5px;height:auto}.header .cart-number{position:absolute;z-index:1;top:10px;align-self:center;display:flex;color:#fff;font-size:18px;font-weight:600}.header .admin-name{margin:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header .user-name{margin:0;font-size:12px;opacity:.56;line-height:16.38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-leave-group{height:24px;display:flex;justify-items:center;align-items:center;color:#d62b1f;font-size:15px;cursor:pointer}.btn-leave-group .icon-logout{width:20px;height:20px;margin-right:8px}.top-nav{position:fixed;top:72px;left:0;right:0;z-index:999;padding:14px 120px;background-color:#f7f7f7;font-size:13px}.main-content{margin-top:122px;height:calc(100vh - 122px);background-color:#fff;display:flex}.sidebar{top:122px;bottom:0;width:264px;padding-left:120px;padding-right:20px;padding-top:32px}.sidebar .menu-section{margin-bottom:32px}.sidebar .menu-section .category-name{font-size:20px;line-height:25.9px;font-weight:600;margin:0;padding:0;opacity:.87}.sidebar .menu-section ul{list-style-type:none;padding:0}.sidebar .menu-section ul li{font-size:15px;opacity:.56;cursor:pointer;line-height:19.6px;margin-top:6px;padding:5px 0}.sidebar .menu-section ul li.active{color:#00874a;font-weight:600;opacity:1}.sidebar .menu-section ul li:hover{color:#00874a;opacity:1}.sidebar .mobile-app-section{display:flex;flex-direction:column;align-items:center;opacity:.87}.sidebar .mobile-app-section .get-our-mobile{font-size:20px;font-weight:600;line-height:25.9px;margin:0}.sidebar .mobile-app-section .p-scan{text-align:center;opacity:.56;line-height:19.42px;margin:6px 0 0;font-size:15px;font-weight:400}.sidebar .mobile-app-section .qr-code{width:231px;height:237px;margin:0 auto;padding:20px}.bread-crumb-menu{font-weight:600}.content{width:calc(100% - 906px);min-width:500px;padding-left:74px}.product-list{padding-top:32px}.product-list .search-bar{margin-bottom:20px;display:flex;border:1px solid #ddd;border-radius:20px}.product-list .search-bar input{width:100%;padding:10px;border:none;font-size:16px;outline:none}.product-list .search-bar input::placeholder{color:#999}.product-list .search-input{border:1px solid #0000001F;border-radius:4px;height:40px}.product-list .icon-search{width:20px;height:20px;margin-right:5px}.product-list .category{font-size:18px;font-weight:600;margin-top:32px}.product-list ul{list-style-type:none;padding:0}.product-list .product-item{display:flex;align-items:center;padding:12px 16px}.product-list .product-item .product-image{width:80px;height:80px;object-fit:cover;margin-right:15px;border-radius:40px}.product-list .product-item .product-name{flex-grow:1;font-size:16px}.product-list .product-item .add-button{background-color:#00a862;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.product-list .product-item .add-button:hover{background-color:#008248}.product-list .even{background-color:#f7f7f7;border-radius:4px}.product-list .icon-add{width:15px;height:15px}.not-found{justify-content:center;align-items:center;height:100vh;padding-top:160px;text-align:center}.not-found .whoops{font-size:28px;font-weight:600;margin:0 0 12px}.not-found .whoops-note{font-size:15px;color:#0000008f;margin:0 0 4px}.product-detail{margin:0 auto;padding-top:20px;padding-bottom:50px;font-family:Arial,sans-serif}.product-detail .wrap-back{cursor:pointer}.product-detail .bt-back{padding-right:16px}.product-detail .box-info{margin-top:12px;margin-bottom:26px}.product-detail .product-title{font-size:18px;font-weight:600}.product-detail .product-image{width:52px;height:52px;border-radius:26px;margin-right:16px}.product-detail .product-name{font-size:15px;margin:0}.product-detail .product-description{font-size:13px;color:#0000008f;margin:8px 0 0}.product-detail .property-title{font-size:18px;font-weight:600;margin:24px 0 16px}.product-detail .box-size{flex:1;border:.5px solid #0000008F;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;box-sizing:border-box;border-radius:8px;cursor:pointer;margin:8px 0}.product-detail .active{background-color:#f7f7f7;border:none;margin:0}.product-detail .name-size{font-size:15px;margin-top:8px}.product-detail .size-selector{border-bottom:1px solid #0000001F;padding-bottom:24px}.product-detail .wrap-drink-option{display:flex;gap:8px;overflow-x:auto;width:100%}.product-detail .box-up-shot{display:flex;align-items:center;gap:16px;margin-top:16px}.product-detail .box-up-shot .bt-sub{width:30px}.product-detail .option-title{display:block;font-size:15px;margin-top:16px;margin-bottom:4px}.product-detail .option-max{display:block;font-size:12px;color:#0000008f}.product-detail .btn-option{margin-top:16px;padding:10.5px 16px;border:.5px solid #000000DE;border-radius:28px;cursor:pointer;font-size:15px;box-sizing:border-box;height:40px;white-space:nowrap}.product-detail .btn-option.active{background-color:#f7f7f7;border:none;font-weight:600}.product-detail .action{margin-top:32px}.product-detail .btn{flex:1;font-size:17px;font-weight:600px;height:50px;border:1px solid #00874A}.product-detail .btn.reset{color:#00874a}.product-detail .extra{padding:16px;border:1px solid #0000001F;border-radius:8px;background-color:#f7f7f7;margin-top:24px}.product-detail .extra .icon-add-in{margin-right:16px}.product-detail .extra .customise-title{font-size:12px}.product-detail .extra .customise-content{font-size:12px;color:#0000008f;line-height:15.54px}.product-detail .extra .icon-dropdown{cursor:pointer;transition:transform .5s ease}.product-detail .extra .icon-dropdown.open{transform:rotate(180deg)}.product-detail .extra .extra-title{font-size:15px;margin:16px 0 0}.product-detail .extra .extar-max{font-size:12px;color:#0000008f;margin:4px 0 0}.product-detail .extra.open{background-color:#fff}.product-detail .extra-content{max-height:0;overflow:hidden;transition:max-height .65s ease-out}.product-detail .extra-content.open{max-height:1000px}.ant-modal .ant-modal-content{padding:16px!important}.ant-drawer{outline-width:0!important}.tracking{padding:32px 10%}.tracking span{display:block}.tracking .title{font-size:18px;font-weight:600;margin-bottom:16px;color:#000000de}.tracking .box-status{background-color:#d6ece2;border-radius:8px;display:flex;justify-content:center;align-items:center;padding:16px 16px 40px;font-size:15px;color:#00874a;font-weight:600;flex-direction:column;margin:0 16px 24px}.tracking .box-status.cancel{color:#fff;background-color:#d62b1f}.tracking .div-check{display:flex;align-items:center;justify-content:center;background-color:#00874a;width:24px;height:24px;border-radius:12px}.tracking .img-check{width:8px;height:8px}.tracking .wrap-img-status{display:flex;align-items:center;margin-top:16px;gap:12px}.tracking .img-status{width:13px;height:auto}.tracking .icon-right{width:5px;height:auto}.tracking .right-green{filter:brightness(0) saturate(100%) invert(16%) sepia(70%) saturate(646%) hue-rotate(90deg) brightness(92%) contrast(87%)}.tracking .product{padding:16px;border-radius:8px;background-color:#f7f7f7}.tracking .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tracking .row.sub{font-size:12px;color:#0000008f}.tracking .username{font-size:15px;margin-bottom:16px;font-weight:600}.tracking .product-name{font-size:15px}.tracking .money-origin{font-size:12px;text-decoration:line-through;color:#0000008f}.tracking .add-ins{font-size:12px;color:#0000008f;font-weight:600;margin-bottom:8px}.tracking .divider{height:1px;background-color:#000000de;margin:16px 0}.tracking .label{font-size:12px;color:#0000008f}.tracking .img-status-bag{width:35px;height:auto;margin-top:16px}body{background-color:#fff;margin:0;padding:0;font-family:SoDo Sans,SoDo Sans VN,sans-serif;color:#000000de}*{font-family:SoDo Sans,SoDo Sans VN,sans-serif}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center}.pointer{cursor:pointer}.pointer:hover{opacity:.8}.text-black{color:#000000de!important}.text-gray{color:#0000008f!important}.text-green{color:#00874a!important}.text-red{color:#d62b1f!important}.size-12{font-size:12px!important}.size-13{font-size:13px!important}.size-14{font-size:14px}.size-15{font-size:15px}.size-16{font-size:16px}.size-17{font-size:17px}.size-18{font-size:18px}.w-600{font-weight:600}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}