:root{--body-bg:#fffdf9;--btn-color:#6b777b;--border:2px solid #ddd;--msg-bubble-bg:#f1ede3;--white-bg:#fff;--text-color-dark:#000;--text-color-light:#555}body{background:var(--body-bg);font-family:"Open Sans",sans-serif}html{box-sizing:border-box}*,:after,:before{margin:0;padding:0;box-sizing:inherit}.msger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:99vw;height:94vh;margin:0 auto}#chatArea{width:100%;overflow-x:hidden;padding:0 24%}.msger-header{position:sticky;top:0;display:-ms-flexbox;display:grid;-ms-flex-pack:justify;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;padding:10px 0;z-index:51;background:var(--white-bg);transition:.25s ease-out;border-bottom:2px solid #ddd;border-top:4px solid var(--btn-color);width:100%;height:70px}.msg,.msg-info{margin-bottom:10px}.logo-name{display:flex;justify-content:center;align-items:center}.logo-name a:focus-visible{outline:0}.logo-name a img:focus-visible{outline:0}.msger-header-title{font-size:12px;text-align:center}.msger-header-title>span{font-size:10px;color:var(--text-color-light)}#chatArea .msg:first-child{display:flex;align-items:center;margin-bottom:10px;justify-content:center}#chatArea .msg:first-child .msg-img,#chatArea .msg:first-child .msg-info,.left-msg .msg-info,.msg-img{display:none}#chatArea .msg:first-child .msg-bubble{background:0 0;color:var(--text-color-dark);text-align:center}#chatArea .msg:first-child .msg-text{margin:15px 0;font-weight:700;line-height:1.25;font-size:26px}.msger-chat{flex:1;overflow-y:auto;padding:10px}.msger-chat::-webkit-scrollbar{width:6px}.msger-chat::-webkit-scrollbar-track{background:#ddd}.msger-chat::-webkit-scrollbar-thumb{background:#bdbdbd}.msg{display:flex;align-items:flex-end}.msg:last-of-type{margin:0}.msg-img{width:50px;height:50px;margin-right:10px;background:center/cover no-repeat #ddd;border-radius:50%}.left-msg .msg-bubble,.msg-bubble{padding:15px;border-radius:15px;background:var(--msg-bubble-bg)}.msg-bubble{max-width:450px}.left-msg .msg-bubble{max-width:75%}.msg-info{display:flex;justify-content:space-between;align-items:center}.msg-info-name{margin-right:10px;font-weight:700}.msg-info-time{font-size:.85em}.right-msg{flex-direction:row-reverse}.right-msg .msg-bubble{background:var(--msg-bubble-bg);color:var(--text-color-dark);border-bottom-right-radius:0}.left-msg .msg-bubble{border-bottom-left-radius:0;background:0 0;color:var(--text-color-light);border-bottom-right-radius:0;font-size:16px}.right-msg .msg-img{margin:0 0 0 10px}.msger-inputarea{display:flex;padding:14px 24%;border-top:var(--border);background:var(--white-bg);width:100%}.msger-inputarea *{padding:10px;border:1px solid #b4b4b4;border-radius:3px;font-size:1em;background:#fff}.msger-input{flex:1;color:var(--text-color-dark);padding:0 10px;background:var(--white-bg);border:1px solid #b4b4b4}.msger-input:focus{border:2px solid #6b777b}.msger-send-btn{margin-left:10px;background:var(--btn-color);color:#fff;font-weight:700;cursor:pointer;transition:background .23s}.msger-send-btn:hover{background:#565656}.msger-chat{background-color:transparent}.imgLoader{height:100px;position:relative;left:55px;top:-40px}.loader-indicator{display:flex;align-items:center;margin-left:60px;margin-top:5px}.loader-indicator .imgLoader{width:20px;height:20px}.chat-disclaimer{font-size:11px;padding:10px;text-align:center;color:var(--text-color-light);background:var(--white-bg)}.ai-msg-header .msger-header-title{font-size:18px;text-align:center;display:grid}.ai-msg-header .msger-header-title>span{font-size:12px;color:var(--text-color-light)}@media screen and (max-width:767.98px){.msger-input,.msger-send-btn{height:38px!important;font-size:14px!important}body,html{height:100%;overflow:hidden}section.msger{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;margin:0 auto;position:relative;height:100vh;height:100dvh;min-height:-webkit-fill-available}#chatArea.msger-chat{flex:1 1 auto!important;overflow-y:auto!important;padding:10px 10px 80px!important}.msger-inputarea{position:sticky!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;border-top:1px solid #ccc!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;z-index:10!important}.msger-input{flex:1 1 auto!important}.msger-send-btn{margin-left:6px!important;padding:0 12px!important}}