*{box-sizing:border-box}html,body{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}button{outline:none;transition:.2s;cursor:pointer}button:hover{opacity:.7}body{--chat-background: #fff;--link-color: #c0c1c5;--chat-box-shadow: 0 2px 6px 0 rgba(136, 148, 171, 1), 0 24px 20px -24px rgba(71, 82, 107, .2);--main-color: #3d42df;--message-bg: #f3f4f9;--message-bg-2: #3d42df;--message-text: #2c303a;--placeholder-text: #a2a4bc;--button-bg: #fff}.nav-link:hover svg{color:#3d42df}.right-side{margin-left:auto;flex-basis:500px;height:100%;padding:16px;position:absolute;transition:all .3s cubic-bezier(.19,1,.56,1);right:0px;bottom:0px;width:100%;font-family:DM Sans,sans-serif;transition:.2s}.right-side.show{display:block;transform:translate(0)}.chat-container{background-color:var(--chat-background);border-radius:10px;display:flex;flex-direction:column;height:100%;box-shadow:var(--chat-box-shadow)}#chat-hello.chat-container{border:3px solid #ef3b2d}.chat-header{padding:3px 16px;border-bottom:1px solid #f5f5f5}.chat-header-button{background-color:var(--main-color);padding:12px 16px 12px 40px;border:none;border-radius:4px;color:#fff;background-repeat:no-repeat;background-position:center left 12px;background-size:16px;font-size:14px}.chat-area{flex:1;overflow-y:auto;padding:16px}.profile-picture{border-radius:103px;width:32px;height:32px;padding:4px;background:var(--message-bg);overflow:hidden;margin-right:12px;flex-shrink:0;color:var(--message-text)}.profile-picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-wrapper{display:flex}.name{margin:0;line-height:16px;font-size:12px;font-weight:700;color:var(--message-text)}.message{margin-top:2px;background-color:var(--message-bg);padding:8px 16px;border-radius:0 12px 12px;font-size:12px;line-height:16px;max-width:-moz-fit-content;max-width:fit-content;color:var(--message-text)}.message-wrapper{padding:4px 0}.message-wrapper.reverse{flex-direction:row-reverse}.message-wrapper.reverse .message{background-color:#00ff9526;color:#159b44;margin-left:auto;border-radius:16px 0 16px 16px}.message-wrapper.reverse .profile-picture{margin-right:0;margin-left:12px}.message-wrapper.reverse .name{text-align:right}.message-file{border:1px solid var(--message-bg);width:100%;margin-top:16px;border-radius:4px;padding:8px;display:flex}.message-file .sketch{border-radius:4px;padding:2px;background-color:#fdeee2;display:flex;justify-content:center;align-items:center;width:32px;height:32px}.message-file .sketch svg{width:20px;height:20px}.file-info{flex:1;padding:0 40px 0 8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23b8b8b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-download' viewBox='0 0 24 24'%3E%3Cpath d='M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E%0A");background-position:center right 12px;background-size:20px;background-repeat:no-repeat;font-size:12px}.file-name{color:var(--message-text)}.file-size{color:#b8b8b8}.mention{color:#7c80fd}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:.2}}.animation-flash{animation:flash 2s ease infinite}.chat-typing-area-wrapper{padding:16px}.chat-typing-area{display:flex;border-radius:10px;padding:8px;box-shadow:var(--navigation-box-shadow);background-color:var(--message-bg)}.errors{color:red;font-size:.9rem;padding-bottom:.5rem}.dark .chat-typing-area{box-shadow:none}.chat-input{border:none;font-size:14px;line-height:24px;outline:none;color:var(--message-text);flex:1;background-color:transparent}.chat-input:placeholder{color:var(--placeholder-text)}.form-input{border:none;font-size:14px;line-height:24px;outline:none;color:var(--message-text);background-color:transparent}.form-input:placeholder{color:var(--placeholder-text)}.send-button{color:#fff;background-color:#ef3b2d;border-radius:8px;border:none;width:32px;height:32px;display:flex;justify-content:center;align-items:center}.send-button svg{width:20px;height:20px}.close-button{color:#fff;background-color:#ef3b2d;border-radius:8px;border:none;width:32px;height:32px;display:flex;justify-content:center;align-items:center}.close-button svg{width:20px;height:20px}#chat-button{color:#fff;background-color:#ef3b2d;border:none;display:flex;margin-bottom:16px;padding:15px;border-radius:150px;margin-left:auto;position:absolute;bottom:10px;right:25px;animation:pulse-red 2s infinite}#chat-button svg{width:37px;height:37px}.submit-button{color:#fff;background-color:#ef3b2d;border:none;margin-bottom:16px;padding:15px;border-radius:10px;margin-left:auto}.reverse .profile-picture{background:#00ff9526;color:#4cc794}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ff5252b3}70%{transform:scale(1);box-shadow:0 0 0 10px #ff525200}to{transform:scale(.95);box-shadow:0 0 #ff525200}}