body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.application-container{background:linear-gradient(119.77deg,#eff7ff 19.45%,#fff6f3 82.62%);margin:0 auto;min-height:100vh;padding-bottom:4rem}.emoji-fire:after{content:"\1f525"}#root,body,html{height:100%}.app-header{background-color:#4c69d4;background:url(/static/media/TdGems.cb0c13d2dff7f16eaec4.svg) 100% 0 no-repeat,linear-gradient(184.72deg,#fff 16.26%,hsla(0,0%,100%,0) 44.34%);border:1px solid #eee;box-shadow:0 2px 6px hsla(0,0%,89%,.4);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;padding:1rem;row-gap:.2rem}.agent-username{font-weight:700}.agent-avatar{border:1px solid #eee;border-radius:50%;box-shadow:0 2px 6px hsla(0,0%,89%,.4);height:40px;width:40px}.td-logo{align-items:center;display:flex;height:60px}.title{flex-wrap:wrap;width:20%}.agent-title-action,.user-name-section{display:flex;flex-wrap:wrap}.agent-title-action{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;justify-content:flex-end;row-gap:1rem;text-align:right}.btn{text-rendering:optimizelegibility;align-items:center;background:#295381;background-color:#295381;border:1px solid transparent;border-radius:1.25rem;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:550;height:1.7rem;justify-content:center;line-height:1;margin-left:20px;margin-right:20px;outline:none;overflow:hidden;padding:0 .5rem;text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:inherit;touch-action:manipulation;transition:-webkit-transform .15s ease-in-out 0s;transition:transform .15s ease-in-out 0s;transition:transform .15s ease-in-out 0s,-webkit-transform .15s ease-in-out 0s;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media only screen and (max-width:600px){.avatar-container{display:none}.agent-username{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}}.white-btn{text-rendering:optimizelegibility;align-items:center;background-color:#fff;border:1px solid #295381;border-radius:1.25rem;color:#295381;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Nunito,sans-serif;font-size:.8rem;font-weight:600;height:2rem;justify-content:center;line-height:1;margin:0;outline:none;overflow:hidden;padding:0 1rem;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:inherit;touch-action:manipulation;transition:-webkit-transform .15s ease-in-out 0s;transition:transform .15s ease-in-out 0s;transition:transform .15s ease-in-out 0s,-webkit-transform .15s ease-in-out 0s;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.white-btn:hover{box-shadow:0 2px 7px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.blue-btn{align-self:end;background-color:#295381;border-radius:100px;color:#fff;cursor:pointer;padding:8px 16px}.blue-btn:hover{background-color:#3974b5;box-shadow:0 2px 7px rgba(57,116,181,.35);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media only screen and (max-width:600px){.white-btn{font-size:16px}}.authenticating{background-color:hsla(0,0%,100%,.7);height:100%;position:fixed;text-align:center;width:100%;z-index:1}.loading{color:#aeaeae;margin:12px}.loading:after{-webkit-animation:dotty 1.5s step-end infinite;animation:dotty 1.5s step-end infinite;content:"";display:inline-block}.failure{border:1px solid red;color:#444a52;padding:15px 30px}#diamond{-webkit-animation:fadeIn .7s ease-in;animation:fadeIn .7s ease-in;margin-top:30vh}#col1-big-circle{-webkit-animation:down-one 1.5s ease-in infinite;animation:down-one 1.5s ease-in infinite;-webkit-animation-delay:.4s;animation-delay:.4s;opacity:0}#col1-small-circle{-webkit-animation:down-two 1.5s ease-in infinite;animation:down-two 1.5s ease-in infinite;-webkit-animation-delay:.8s;animation-delay:.8s;opacity:0}#col2-small-circle{-webkit-animation:down-three 1.5s ease-in infinite;animation:down-three 1.5s ease-in infinite;opacity:0}#wave-fill-front{-webkit-animation:wave-front 9s linear infinite alternate;animation:wave-front 9s linear infinite alternate}#wave-fill-back{-webkit-animation:wave-back 9s linear infinite alternate;animation:wave-back 9s linear infinite alternate}@-webkit-keyframes wave-front{0%{-webkit-transform:translate(-556px,10%);transform:translate(-556px,10%)}to{-webkit-transform:translateY(10%);transform:translateY(10%)}}@keyframes wave-front{0%{-webkit-transform:translate(-556px,10%);transform:translate(-556px,10%)}to{-webkit-transform:translateY(10%);transform:translateY(10%)}}@-webkit-keyframes wave-back{0%{-webkit-transform:translateY(10%);transform:translateY(10%)}to{-webkit-transform:translate(-556px,10%);transform:translate(-556px,10%)}}@keyframes wave-back{0%{-webkit-transform:translateY(10%);transform:translateY(10%)}to{-webkit-transform:translate(-556px,10%);transform:translate(-556px,10%)}}@-webkit-keyframes down-one{0%,30%{opacity:0}35%{opacity:.5}70%{opacity:1}85%{opacity:.7}90%,to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}}@keyframes down-one{0%,30%{opacity:0}35%{opacity:.5}70%{opacity:1}85%{opacity:.7}90%,to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}}@-webkit-keyframes down-two{0%,30%{opacity:0}35%{opacity:.5}70%{opacity:1}85%{opacity:.7}90%,to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}}@keyframes down-two{0%,30%{opacity:0}35%{opacity:.5}70%{opacity:1}85%{opacity:.7}90%,to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}}@-webkit-keyframes down-three{0%{opacity:0}5%,85%{opacity:.3}30%,70%{opacity:.5}50%{opacity:1}90%,to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}}@keyframes down-three{0%{opacity:0}5%,85%{opacity:.3}30%,70%{opacity:.5}50%{opacity:1}90%,to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes dotty{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes dotty{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.main-body{grid-gap:2rem;align-items:flex-start;display:grid;grid-template-columns:1fr;margin:auto;width:80%}.main-search-body{display:flex;flex-direction:column;justify-content:center;row-gap:1.5rem}.main-search-container{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:flex;margin:auto;position:relative;width:80%}.main-search-bar{border:1px solid #dadada;border-radius:1.25rem;box-shadow:0 0 15px 0 #dadada;display:flex;flex:1 1;justify-content:center;margin:auto 6rem auto auto;position:relative;transition:box-shadow .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.main-search-input{border:1px solid transparent;border-radius:1.25rem;box-shadow:none;color:#212121;display:inline-block;font-size:.875rem;height:2.25rem;line-height:1.25;padding:.5rem 2.8rem;width:100%}.main-search-input:focus,.main-search-input:hover{border-color:#bdbdbd;box-shadow:0 0 0 2px #c0d0e1;outline:none}.main-search-input::-webkit-input-placeholder{color:#999}.main-search-input::placeholder{color:#999}.main-search-bar-error-form{border-color:red}.main-search-bar-error-form:active,.main-search-bar-error-form:focus,.main-search-bar-error-form:hover{border-color:red;box-shadow:none}.search-info-container{position:relative}.search-info-icon{fill:#6d6d6d;position:relative}.search-info-icon:hover{fill:#1a487d}.search-info-description-container{inset:0 auto auto 0;margin:0;min-width:300px;position:absolute;-webkit-transform:translate3d(-170px,25px,0);transform:translate3d(-170px,25px,0);z-index:10}.search-info-description{background-color:#fff;border:1px solid #dadada;border-radius:.75rem;box-shadow:0 4px 8px hsla(0,0%,70%,.3);display:block;font-size:.8rem;margin:0;max-width:21rem;padding:1rem .75rem;position:relative;z-index:10}.main-error-message-container{color:red;margin:auto;position:relative;text-align:center;width:80%}.search-results{-webkit-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:1rem}.profile-search-card{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:.75rem;box-shadow:0 0 15px 0 #dadada;color:inherit;cursor:pointer;display:flex;flex:18% 1;flex-direction:column;height:150px;justify-content:center;max-width:18%;min-width:150px;overflow-x:hidden;overflow-y:scroll;row-gap:3px;transition:box-shadow .2s ease-in-out 0s,border-color .2s ease-in-out 0s;word-break:break-all}.profile-search-card:hover{box-shadow:0 0 15px 0 #b4b4b4}.profile-search-card>div{max-height:33px;overflow-y:auto}.profile-search-card-name{text-transform:capitalize}.search-btn{border:1px solid #bdbdbd;border-radius:1.25rem;box-shadow:0 0 15px 0 #dadada;box-shadow:0 0 0 2px #c0d0e1;color:#7c7c7c;height:100%;margin-right:30px;position:absolute;right:0;top:0;transition:box-shadow .2s ease-in-out 0s,border-color .2s ease-in-out 0s}.search-icon{color:#aeaeae;left:1rem}.close-icon,.search-icon{fill:currentcolor;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.close-icon{color:#70757a;cursor:pointer;right:1rem;width:20px}.no-result-description{margin:auto}.customer-icon{display:flex;height:100%;justify-content:center;margin:auto;width:50%}@media only screen and (min-width:1232px){.main-body{grid-gap:2rem;grid-template-columns:1fr}.interactions{grid-column:2;grid-row:1/5}}@media only screen and (max-width:1231px){.main-body{width:90%}}@media only screen and (max-width:600px){.main-body{width:90%}.main-search-container{align-items:center;flex-direction:column;flex-wrap:nowrap;row-gap:.5rem;width:93%}.main-search-bar{width:100%}.profile-search-card{min-width:90%}.search-btn{height:40px;margin-right:0;margin-top:10px;position:relative;width:95%}.search-info-icon{display:none}.main-search-input,.profile-search-card,.search-btn{font-size:16px}}.detail-page-container{display:flex;flex-direction:column;margin:auto;row-gap:1rem;width:80%}.app-body{grid-gap:2rem;align-items:flex-start;display:grid;grid-template-columns:1fr}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:12px;line-height:16px;padding:.3rem 1rem;white-space:nowrap}.badge.error{background:#fdf0ef;color:#c18983}.card{border-radius:12px;box-shadow:1px 2px 8px 1px rgba(0,0,0,.15);min-height:48px}.card-header{border-top-left-radius:12px;border-top-right-radius:12px;display:grid;font-size:14px;grid-template-columns:auto auto;line-height:19px;padding:16px 20px}.card-header-actions{-webkit-column-gap:1rem;column-gap:1rem;display:flex;justify-content:flex-end;text-align:end}.card-header .fas{padding-right:1rem}.card-header .fa-chevron-down,.card-header .fa-chevron-up{color:#aeaeae;cursor:pointer;padding-right:0}.card-content{background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:16px 20px}.interaction-item-section{flex:1 1;width:25%;word-break:break-word}.interaction-item-name-section{flex:4 1;width:25%;word-break:break-all}.interaction-item-device-section,.interaction-item-time-section{flex:2 1;width:25%;word-break:break-all}.interactions-timestamp{display:flex;flex-direction:column;word-break:normal}.show-more{color:#999;cursor:pointer;font-size:12px;line-height:16px;text-align:center}.show-more>i{color:#aeaeae}.field-value{word-break:break-word}.field-value-array:not(:first-of-type){padding-top:1rem}.field-value-array>a{color:#295381;text-decoration:none}.field-value-array>a:hover{text-decoration:underline}.names-field{text-transform:capitalize}.profile{background:#e5f5fc}.profile .fa-address-book{color:#5d8ba0}.profile .field{-webkit-column-gap:1rem;column-gap:1rem;display:flex;row-gap:.5rem}.profile .field:not(:last-child){margin-bottom:2rem}.profile .field-key{color:#6d6d6d;flex-shrink:0;width:100px}.field-value .emoji-fire{font-size:12px}.orders{background:#fdf0ef}.orders-content{grid-row-gap:1rem;display:grid}.order-item{align-items:center;background-color:#f4f4f4;border-radius:36px;box-shadow:inset 2px 2px 6px hsla(6,33%,64%,.2);-webkit-column-gap:1rem;column-gap:1rem;display:flex;flex-wrap:wrap;min-height:40px;padding:12px}.order-item.error{background-color:#fdf0ef}.orders .fa-list-alt{color:#c18983}.opportunities{background:#e4f9f4}.opportunities .fa-globe{color:#73a095}.opportunities.card>.card-content{grid-row-gap:1rem;display:grid}.opportunities-item{align-items:center;-webkit-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:flex;flex-wrap:wrap;line-height:24px}.opportunities-detail{align-items:center;display:flex;flex:1 1}.opportunities-status{grid-column-gap:1rem;align-items:center;display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto}#opportunities-send-btn-container{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap;padding:15px 0;row-gap:.5rem}.opportunities-send-btn-description{align-content:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.restock-date{color:#ca6c00;font-size:12px;line-height:16px}.card.interactions{background:#fdf4de}.card.interactions .fa-list-alt{color:#bb9e54}.interactions.card>.card-content{display:grid;min-width:320px}.interactions-item,.title-item{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;flex-wrap:wrap;padding:12px;row-gap:.5rem}.interactions-detail-content{word-break:break-word}.interactions-device{align-items:center;-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;flex:2 1}.abandon-cart-item{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;flex-wrap:wrap;padding:12px;row-gap:.5rem}.item-avatar{border-radius:50%;box-shadow:1px 1px 6px rgba(0,0,0,.25);height:40px;line-height:40px;margin-right:10px;text-align:center;width:40px}.item-avatar path{fill:#aeaeae}.item-avatar svg{display:inline-block;vertical-align:sub}.desktop-device,.error{color:#ce6b4a}.mobile-device,.success{color:#58799c}.others,.others-device-icon{color:#6d6d6d}.desktop-device-icon{background-color:#ce6b4a;height:16px;-webkit-mask:url(/static/media/Desktop.cf78a29539ddd13b21ee.svg) no-repeat center;mask:url(/static/media/Desktop.cf78a29539ddd13b21ee.svg) no-repeat center;width:16px}.mobile-device-icon{background-color:#58799c;height:16px;-webkit-mask:url(/static/media/Mobile.93d6227dd353f80325d5.svg) no-repeat center;mask:url(/static/media/Mobile.93d6227dd353f80325d5.svg) no-repeat center;width:16px}.others-device-icon{background-color:#6d6d6d;height:16px;-webkit-mask:url(/static/media/Item.7f44787f966de5e8cfed.svg) no-repeat center;mask:url(/static/media/Item.7f44787f966de5e8cfed.svg) no-repeat center;width:16px}.loading-three-dots{background-color:#6d6d6d;height:35px;-webkit-mask:url(/static/media/LoadingThreeDots.6d6c569ec1b902b23f46.svg) no-repeat center;mask:url(/static/media/LoadingThreeDots.6d6c569ec1b902b23f46.svg) no-repeat center}.profile-header{display:flex;flex-wrap:wrap;justify-content:flex-end;row-gap:.2rem}.avatar{border-radius:50%;height:60px;margin-right:16px;width:60px}.title{align-items:center;display:flex;flex-basis:fit-content;flex-grow:1;flex-wrap:nowrap}.user-name{font-size:16px;font-style:normal;font-weight:700;line-height:22px;margin-right:.5rem;min-width:100px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.badge-vip{align-items:center;background:#ecf3fb;border-radius:100px;color:#295381;display:flex;font-size:12px;font-weight:600;line-height:24px;padding:0 8px}.badge-vip>span:not(:first-of-type){padding-left:.5em}.conversation-id{color:#6d6d6d}.title-action{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;text-align:right}.fas{padding-right:.3rem}.last-update{color:#999;font-size:.9rem;line-height:1rem;padding-right:1rem}.refresh-btn{text-rendering:optimizelegibility;align-items:center;background:#295381;background-color:#295381;border:1px solid transparent;border-radius:1.25rem;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:550;height:1.7rem;justify-content:center;line-height:1;outline:none;overflow:hidden;padding:0 .5rem;text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:inherit;touch-action:manipulation;transition:-webkit-transform .15s ease-in-out 0s;transition:transform .15s ease-in-out 0s;transition:transform .15s ease-in-out 0s,-webkit-transform .15s ease-in-out 0s;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.refresh-btn>i{font-size:1rem}.refresh-btn:hover{background-color:#3974b5;box-shadow:0 2px 7px rgba(57,116,181,.35);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.back-to-result-btn{-webkit-text-stroke:.4px #ce6b4a;background:#fff6f3;border:1px solid #f9c6b5;border-radius:100px;color:#ce6b4a;cursor:pointer;font-size:.875rem;font-weight:400;min-height:36px;padding-left:2.5rem;padding-right:1rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.back-to-result-btn:hover{box-shadow:0 2px 7px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.back-to-result-icon{fill:currentcolor;color:#ce6b4a;left:1rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1rem}.error-message{color:red;margin:auto;padding:5px 0}.filter-toggle{fill:#aeaeae;align-items:center;cursor:pointer;display:flex;position:relative}.filter-icon:hover{fill:#1a487d}.filter-container{background-color:#fff;border:1px solid #dadada;border-radius:.5rem;box-shadow:0 4px 8px hsla(0,0%,70%,.3);display:flex;flex-direction:column;inset:0 auto auto 0;padding:10px;position:absolute;row-gap:.5rem;text-align:start;-webkit-transform:translate3d(-53px,25px,0);transform:translate3d(-53px,25px,0);z-index:10}.filter-container .filter-divider{border-top:1px solid #eee}.filter-container .filter-title{color:#999;font-size:.875rem;text-transform:capitalize}.filter-container .filter-option{align-items:center;-webkit-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.filter-container .filter-option:hover{fill:#1a487d;color:#295381}.order-history-section{flex:1 1;width:25%;word-break:break-all}.order-history-name-section{flex:10 1;width:25%;word-break:break-word}.order-history-price-section{flex:3 1;width:25%}.order-history-time-section{display:flex;flex:3 1;flex-direction:column;width:25%}.title-section{font-size:15px;word-break:normal}@media only screen and (min-width:1232px){.app-body{grid-gap:2rem;grid-template-columns:1fr 1fr}.interactions{grid-column:2;grid-row:1/5}}@media only screen and (max-width:600px){.detail-page-container{width:93%}.app-body{justify-content:center;padding-top:10px}.last-update{padding-bottom:1.5rem}.refresh-btn{height:2.2rem}.profile-header{flex-direction:column;justify-content:center;row-gap:2rem}.title{width:100%}.user-name{font-size:18px}.card{width:100%}.field{flex-direction:column;text-align:left}.field-key{width:inherit}.interactions-item{border-top:2px solid #eee;flex-direction:column;row-gap:1rem}.title-item{border-top-style:none;display:none}.interaction-item-section{text-align:left;width:100%}.interactions-type:before{content:"Type: "}.interaction-item-name-section{text-align:left;width:100%}.interactions-detail-content:before{content:"Source: "}.interactions-device{text-align:left;width:100%}.interactions-device:before{content:"Device: "}.interaction-item-time-section{text-align:left;width:100%}.interactions-timestamp{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;flex-direction:row;width:100%}.interactions-timestamp:before{content:"Datetime: "}.orders-content{padding:12px}.order-item{flex-direction:column;padding:20px;row-gap:1rem}.order-history-section{display:none}.order-history-name-section{display:block;text-align:left;width:100%}.order-history-name-section:before{content:"Type: "}.order-history-price-section{display:block;text-align:left;width:100%}.order-history-price-section:before{content:"Price: "}.order-history-time-section{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;flex-direction:row;width:100%}.order-history-time-section:before{content:"Datetime: "}.title-section{border-top-style:none;display:none}.back-to-result-btn,.card-header-text{font-size:16px}.filter-icon{height:18px;width:18px}.filter-container{font-size:14px}.card-header-actions{font-size:18px}.show-more{font-size:14px}}
/*# sourceMappingURL=main.e50d64cd.css.map*/