:root{--color-main: #00B33D;--color-main-blur: #00b33c34;--color-main-2: #61BC3F;--color-main-blur: #33cc333a;--color-white: #ffffff;--color-star: #ffb21d;--color-danger: #e94560;--color-blue: #0989FF;font-size:14px;background-color:#fff;color-scheme:only light}html,#root{background-color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:var(--color-main-2)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-main)}@media screen and (max-width: 560px){:root{font-size:12px}}.ant-modal-wrap{overflow:hidden!important}#root{margin:0;padding:0;position:relative}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000017;display:flex;justify-content:center;align-items:center;z-index:9999}.custom-loader{width:50px;height:50px;display:grid}.custom-loader:before,.custom-loader:after{content:"";grid-area:1/1;--c: radial-gradient(farthest-side, var(--color-main) 92%, rgba(179, 53, 53, 0));background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;background-repeat:no-repeat;animation:s2 1s infinite}.custom-loader:before{margin:4px;filter:hue-rotate(45deg);background-size:8px 8px;animation-timing-function:linear}@keyframes s2{to{transform:rotate(.5turn)}}.app{position:relative}#chat-wrapper{position:fixed;bottom:0;left:0;width:100%;z-index:9999;background-color:#f8f9fa;display:flex;justify-content:space-between}#chat-wrapper .icon-chat-now button{border:none;animation:pulse512 1.5s infinite;background-color:#05da2166!important}@keyframes pulse512{0%{box-shadow:0 0 #05da8166}70%{box-shadow:0 0 0 10px #44da650a}to{box-shadow:0 0 #da674400}}.chat-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:999}.list-user-chat .list-user{height:calc(100dvh - 174px - 1rem);overflow-y:auto}.list-user-chat .container-chat .list-user-left{border-right:1px solid #ececec;min-height:calc(100dvh - 105px - 1.25rem);overflow-y:auto}.list-user-chat .list-user .avatar{width:48px}.list-user-chat .list-user .avatar img{width:40px!important;height:40px!important;border-radius:50%;max-width:48px!important;background-color:#f4f7fa;border:1px solid #dbe0e5;padding:.1rem}.list-user-chat .item-user-chat{transition:.3s;cursor:pointer}.list-user-chat .item-user-chat:hover{background-color:#c8d2dc29}.list-user-chat .item-user-chat__active{background-color:#919eab29}.list-user-chat .item-user-chat .user-info{width:calc(100% - 48px);padding-right:8px}.list-user-chat .item-user-chat .name{font-size:1.1rem;font-weight:500}.list-user-chat .item-user-chat .time{width:40px;font-size:.8rem}.list-user-chat .item-user-chat .lastest-mess{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:20px;overflow:hidden;text-overflow:ellipsis;font-size:.95rem;color:#637381}.list-user-chat .chat-unread{color:var(--color-main);font-weight:700}.chat-header-info{height:50px;box-shadow:0 0 3px #cccccc94}.chat-header-info .avatar img{width:40px!important;height:40px!important;border-radius:50%;max-width:48px!important;background-color:#f4f7fa;border:1px solid #dbe0e5;padding:.1rem}.content-chat{height:calc(100dvh - 285px - 1.25rem);display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.container-content{height:calc(100dvh - 105px - 1.25rem)}.container-content::-webkit-scrollbar{display:none}.container-content .type-text{background-color:#fff;padding:.5rem;border-top:1px solid #ddd;z-index:10;height:130px}.container-content .message-group{display:flex;flex-direction:column}.container-content .message{max-width:60%}.container-content .text-right{text-align:right}.container-content .text-left{text-align:left}.container-content .btn-send{background-color:var(--color-blue);color:var(--color-white);padding:5px 8px;border-radius:5px;cursor:pointer}.button-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;opacity:0;transition:opacity .3s ease;z-index:10000}.button-overlay{position:relative;background-color:gray}ul{padding-left:3rem;list-style-type:disc}li{margin-bottom:4px}.input-message:focus{border-color:#00b33d;box-shadow:0 0 0 2px #08a82326;outline:0;background-color:#fff}.input-message{background:#fff;border-width:1px;border-style:solid;border-color:#d9d9d9;text-overflow:ellipsis;box-sizing:border-box;margin:0;padding:4px 11px;color:#000000e0;font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s}.chat-page .container-chat{border:1px solid #ececec;min-height:calc(100dvh - 105px - 1.25rem)}@media (max-width: 767px){.container-chat .list-user-left{min-height:0px!important;height:0px!important}}.container-chat .list-user-left{border-right:1px solid #ececec;min-height:calc(100dvh - 105px - 1.25rem)}#content-chat{min-height:calc(100dvh - 105px - 1.25rem)}.header-sm .header-top{font-weight:500;color:var(--color-white);background-color:var(--color-main)}.header-sm .logo img{max-width:140px}.header-sm .header-mid .header-login-icon span{display:flex;height:44px;width:44px;justify-content:center;align-items:center;border:2px solid rgba(1,15,28,.1);border-radius:50%;margin-right:10px}.header-sm .header-mid .header-login-content p{font-size:12px;font-weight:500;display:inline-block;color:#767a7d;line-height:1}.header-sm .header-mid .header-login-content div{font-weight:400}.header-sm{box-shadow:0 0 10px #03041c1a}.header-sm .user-header-md{font-size:1.5rem}.header-sm .header-mid .cart img{display:initial}.header_sticky{position:fixed;z-index:99;width:100vi;background-color:#fff;animation:.5s ease-in-out 0s normal none 1 running fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header_sticky .logo img{max-width:140px}.header_sticky .header-mid .header-login-icon span{display:flex;height:44px;width:44px;justify-content:center;align-items:center;border:2px solid rgba(1,15,28,.1);border-radius:50%;margin-right:10px}.header_sticky .header-mid .header-login-content p{font-size:12px;font-weight:500;display:inline-block;color:#767a7d;line-height:1}.header_sticky .header-mid .header-login-content div{font-weight:400}.header_sticky{box-shadow:0 4px 10px #03041c1a}.header_sticky .user-header-md{font-size:1.5rem}.header_sticky .header-mid .cart img{display:initial}