.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 1.2s ease-in-out infinite;animation:coccoc-alo-circle-anim 1.2s ease-in-out infinite;background-color:transparent;border:2px solid rgba(30,30,30,.4);border-radius:100%;height:160px;left:20px;opacity:.1;position:absolute;top:20px;transition:all .5s;width:160px}.coccoc-alo-phone{-webkit-backface-visibility:hidden;background-color:transparent;cursor:pointer;height:200px;right:150px;top:30px;-webkit-transform:translateZ(0);transition:visibility .5s;width:200px;z-index:200000!important}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}.coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 2.3s ease-in-out infinite;animation:coccoc-alo-circle-fill-anim 2.3s ease-in-out infinite;background-color:#000;height:100px;left:50px;opacity:.1;top:50px;transition:all .5s;width:100px}.coccoc-alo-ph-circle-fill,.coccoc-alo-ph-img-circle{border:2px solid transparent;border-radius:100%;position:absolute}.coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s ease-in-out infinite;animation:coccoc-alo-circle-img-anim 1s ease-in-out infinite;background:rgba(30,30,30,.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat 50%;height:60px;left:70px;opacity:.7;top:70px;width:60px}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50}@-webkit-keyframes coccoc-alo-circle-anim{0%{opacity:.1;-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg)}30%{opacity:.5;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}to{opacity:.1;-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-anim{0%{opacity:.1;-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg)}30%{opacity:.5;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}to{opacity:.1;-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{opacity:.2;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}50%{opacity:.2;-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}to{opacity:.2;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}}@keyframes coccoc-alo-circle-fill-anim{0%{opacity:.2;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}50%{opacity:.2;-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}to{opacity:.2;-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}to{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}to{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#e0e0e0}::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:8px}.chat-hidden{align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;display:flex;justify-content:flex-end;max-width:100%;padding:.8em .8em 0;position:fixed;right:0;visibility:visible;will-change:width,height,transform,opacity;z-index:2;z-index:2147483639}.chat-hidden-header{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px 8px 0 0;box-shadow:0 4px 12px rgba(0,0,0,.3);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-weight:600;height:48px;padding:0 .9em;position:relative;width:348px}.header-hidden-text{font-size:14px;line-height:17px;width:100%}.chat{background-color:transparent;border:0;bottom:0;height:604px;max-height:100%;max-width:100%;min-height:0;min-width:0;opacity:1;overflow:hidden;position:fixed;right:0;transition:none 0s ease 0s!important;visibility:visible;width:348px;z-index:2147483639}.chat-content-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;bottom:0;box-sizing:border-box;height:100%;left:auto;padding:12px;position:absolute;right:0;top:0;width:100%;will-change:opacity}.chat-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);flex-direction:column;height:100%;min-width:0}.chat-content,.chat-header{display:flex;overflow:hidden;position:relative}.chat-header{-webkit-box-pack:center;align-items:center;border:#000;color:#fff;flex-grow:0;flex-shrink:0;font-size:1em;font-weight:600;height:64px;padding:0 10px;text-align:left;transition:background-color .3s ease 0s;z-index:2}.sub-header{background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.1);padding:12px;z-index:1}.header-text{font-size:14px;line-height:17px;margin:0;width:100%}.chat-footer{background:#fff;box-shadow:0 -4px 10px rgba(0,0,0,.1);font-size:.65em;text-align:center;width:100%}.chat-footer .chat-input{border-radius:0 0 8px 8px;font-size:14px;padding:12px;width:100%}.chat-content-box{height:100%;overflow-x:hidden;overflow-y:auto;padding:0 12px}.chat-content-box.empty-content-welcome{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 24px;text-align:center}.chat-evaluate{background:#fff;border:.5px solid hsla(0,0%,74%,.3);box-sizing:border-box;margin:12px 0;padding:12px}.chat-evaluate .MuiDivider-root{height:.5px}.chat-evaluate.MuiPaper-rounded{border-radius:8px}.chat-evaluate .title-box{color:#212121;font-size:16px;font-weight:500;line-height:24px;margin-bottom:8px;text-align:center}.chat-evaluate.support-info{width:100%}.chat-evaluate.support-info .title-item{color:#757575;font-size:12px;line-height:18px}.chat-evaluate.support-info .text-content{font-size:14px;margin-bottom:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}.like-icon:hover path{fill:rgba(72,187,120,.15);stroke:#48bb78}.like-icon:hover.disable-icon path{fill:#fff;stroke:#1a202c}.like-icon.active-icon path{fill:rgba(72,187,120,.15);stroke:#48bb78}.dislike-icon:hover path{fill:rgba(229,62,62,.15);stroke:#e53e3e}.dislike-icon:hover.disable-icon path{fill:#fff;stroke:#1a202c}.dislike-icon.active-icon path{fill:rgba(229,62,62,.15);stroke:#e53e3e}.files-container{display:flex;margin-right:12px;overflow:auto;padding:12px}.files-container .file-wrapper{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;justify-content:center;margin-right:12px;max-height:80px;max-width:80px;min-height:80px;min-width:80px;position:relative}.files-container .file-wrapper img{border-radius:8px;height:auto;object-fit:cover;width:100%}.files-container .file-wrapper svg{position:absolute;right:4px;top:4px}.files-container .add-image-icon{align-items:center;background:#f5f5f5;border-radius:8px;cursor:pointer;display:flex;padding:6px}.files-container .right-image{background:#fff;opacity:0;width:12px}.popper-item{cursor:pointer;padding:8px 12px}.popper-item:hover{background:#cff3dd}.chat-wrapper{background:rgba(33,33,33,.4);border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2147483639}.chat-wrapper .chat-container{background:#fff;border-radius:8px;box-shadow:0 3px 9px rgba(0,0,0,.15),0 7px 18px rgba(0,0,0,.2);margin-left:40px;margin-right:40px;margin-top:50%}.chat-wrapper .chat-container .chat-header-dialog{font-size:20px;font-weight:500;line-height:32px;padding:10px 16px}.disconnected-text{background:#f44336;color:#fff;font-size:14px;padding:2px;text-align:center}.disconnected-text,.disconnected-text.MuiTypography-root{margin:0 -12px -12px}.disconnected-text.connecting-text{background:#ffb822;color:#212121}.avatar-box{position:relative}.avatar-box .dot-online{background:#48bb78;border:1px solid #fff;border-radius:50%;bottom:0;box-sizing:border-box;height:12px;position:absolute;right:0;width:12px}.dot-pulse{-webkit-animation:dotPulse 1.5s linear infinite;animation:dotPulse 1.5s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s;border-radius:50%;box-shadow:9999px 0 0 -5px #757575;left:-9984px;position:relative;top:10px}.dot-pulse,.dot-pulse:after,.dot-pulse:before{background-color:#757575;color:#757575;height:3px;width:3px}.dot-pulse:after,.dot-pulse:before{border-radius:5px;content:"";display:inline-block;position:absolute;top:0}.dot-pulse:before{-webkit-animation:dotPulseBefore 1.5s linear infinite;animation:dotPulseBefore 1.5s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;box-shadow:9990px 0 0 -5px #757575}.dot-pulse:after{-webkit-animation:dotPulseAfter 1.5s linear infinite;animation:dotPulseAfter 1.5s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;box-shadow:10008px 0 0 -5px #757575}@-webkit-keyframes dotPulseBefore{0%{box-shadow:9990px 0 0 -5px #757575}30%{box-shadow:9990px 0 0 2px #757575}60%,to{box-shadow:9990px 0 0 -5px #757575}}@keyframes dotPulseBefore{0%{box-shadow:9990px 0 0 -5px #757575}30%{box-shadow:9990px 0 0 2px #757575}60%,to{box-shadow:9990px 0 0 -5px #757575}}@-webkit-keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #757575}30%{box-shadow:9999px 0 0 2px #757575}60%,to{box-shadow:9999px 0 0 -5px #757575}}@keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #757575}30%{box-shadow:9999px 0 0 2px #757575}60%,to{box-shadow:9999px 0 0 -5px #757575}}@-webkit-keyframes dotPulseAfter{0%{box-shadow:10008px 0 0 -5px #757575}30%{box-shadow:10008px 0 0 2px #757575}60%,to{box-shadow:10008px 0 0 -5px #757575}}@keyframes dotPulseAfter{0%{box-shadow:10008px 0 0 -5px #757575}30%{box-shadow:10008px 0 0 2px #757575}60%,to{box-shadow:10008px 0 0 -5px #757575}}@media only screen and (max-width:600px){.chat-content-container{border-radius:0;padding:0;position:fixed}}.mobile-chat-container{align-items:center;border-radius:100px;color:#fff;display:flex;flex-direction:column;height:52px;justify-content:center;padding:0;position:fixed;width:52px;z-index:1200}body.chat-sdk{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Mt;margin:0}