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}.App{height:100%;padding:3rem 2rem;position:relative;text-align:left}.App .header{align-items:center;display:flex}.App .header img{border-radius:50%;height:7rem;width:7rem}.App .header h2{font-size:40px;font-weight:600;margin:0}.App .header span{font-size:20px}.App .header .header-content{margin-left:1rem}.App .tip{margin-top:1.5rem}.App .tip div{background:#cfd3dc;background-clip:padding-box;border:1px solid transparent;border-radius:4rem;box-sizing:border-box;display:inline-block;font-size:24px;padding:1.5rem;position:relative}.App .tip div:before{background:linear-gradient(#b57cc0,#6fa0e5,#585fc3);border-radius:inherit;bottom:0;content:"";left:0;margin:-1px;position:absolute;right:0;top:0;z-index:-1}.messageWrapper{display:flex;margin-bottom:30px}.messageWrapper .messageContentWrapper{display:flex;flex:1 1}.messageWrapper .messageContent{align-items:center;background-color:initial;border:1px solid #2d302e;border-radius:4px;min-height:70px;padding:10px 20px;position:relative;width:auto}.messageWrapper .messageContent:after{background-color:#cfd3dc;border-bottom:1px solid #2d302e;border-left:1px solid #2d302e;content:"";height:20px;height:16px;left:-9px;position:absolute;top:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:20px;width:16px}.messageWrapper .messageAvatar{flex-shrink:0;margin:0 20px}.messageWrapper.me{flex-direction:row-reverse}.messageWrapper.me .messageContentWrapper{justify-content:flex-end;line-height:44px}.messageWrapper .messageRight{display:flex;flex-direction:column;justify-content:flex-end;word-break:break-word}.messageWrapper .messageNickname{color:#0ea8fa;font-size:26px;margin-bottom:5px;visibility:hidden}.messageWrapper .messageNickname.right{text-align:right}@-webkit-keyframes cursor-blinks{0%{display:block;opacity:1}50%{display:none;opacity:0}to{display:block;opacity:1}}@keyframes cursor-blinks{0%{display:block;opacity:1}50%{display:none;opacity:0}to{display:block;opacity:1}}.messageWrapper .cursor{-webkit-animation:cursor-blinks 1s step-start infinite;animation:cursor-blinks 1s step-start infinite;border-left:5px solid;bottom:24px;color:var(--m-color-bg-primary);height:33px;margin-left:2px;position:absolute;right:15px}.messageWrapper .voiceIcon{position:absolute;right:20px;-webkit-transform:rotate(180deg) translateY(-50%);transform:rotate(180deg) translateY(-50%)}.messageWrapper.voiceMessageWrapper .messageContentWrapper{flex-direction:column}.messageWrapper.voiceMessageWrapper .messageContent{width:300px}.messageWrapper.them .voiceIcon{left:20px;right:auto;top:50%;-webkit-transform:rotate(0deg) translateY(-50%);transform:rotate(0deg) translateY(-50%)}.messageWrapper .voiceContentWrapper{background-color:initial;border:1px solid #86888a;border-radius:4px;border-top-left-radius:5px;margin-top:10px;padding:20px}.messageWrapper.me .messageContentWrapper{align-items:flex-end;flex-direction:column}.messageWrapper.me .messageContent:after{border-color:#2d302e #2d302e transparent transparent;border-style:solid;border-width:1px;left:auto;right:-9px}@-webkit-keyframes voice{0%{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}50%{-webkit-transform:scale(1.2) translateY(-50%);transform:scale(1.2) translateY(-50%)}to{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}}@keyframes voice{0%{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}50%{-webkit-transform:scale(1.2) translateY(-50%);transform:scale(1.2) translateY(-50%)}to{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}}@-webkit-keyframes meVoice{0%{-webkit-transform:scale(1) rotate(180deg) translateY(-50%);transform:scale(1) rotate(180deg) translateY(-50%)}50%{-webkit-transform:scale(1.2) rotate(180deg) translateY(-50%);transform:scale(1.2) rotate(180deg) translateY(-50%)}to{-webkit-transform:scale(1) rotate(180deg) translateY(-50%);transform:scale(1) rotate(180deg) translateY(-50%)}}@keyframes meVoice{0%{-webkit-transform:scale(1) rotate(180deg) translateY(-50%);transform:scale(1) rotate(180deg) translateY(-50%)}50%{-webkit-transform:scale(1.2) rotate(180deg) translateY(-50%);transform:scale(1.2) rotate(180deg) translateY(-50%)}to{-webkit-transform:scale(1) rotate(180deg) translateY(-50%);transform:scale(1) rotate(180deg) translateY(-50%)}}.messageWrapper .playing{-webkit-animation:voice 1s infinite;animation:voice 1s infinite}.messageWrapper.me .playing{-webkit-animation:meVoice 1s infinite;animation:meVoice 1s infinite}.messageListWrapper{display:flex;flex:1 1;overflow-y:auto}.messageListWrapper .messageListContainer{display:flex;flex:1 1;flex-direction:column;min-height:100%;padding:30px 10px}.messageInputWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:36px 0}.messageInputWrapper .voiceButton{align-items:center;display:flex;justify-content:center;line-height:64px;text-align:center}.messageInputWrapper .voiceIcon{align-items:center;display:flex;height:180px;justify-content:center;margin-bottom:10px;width:180px}.messageInputWrapper .voiceRecordingIcon{height:80px}.messageInputWrapper .textMessageInputWrapper{box-sizing:border-box;display:flex;height:64px;margin:0 auto 28px;padding:0 10px;width:100%}.messageInputWrapper .messageInput{align-items:center;background-color:#c9cace;border:1px solid #5a5a5a;border-radius:4px;box-sizing:border-box;color:#193a5a;display:flex;flex:1 1;font-size:20px;height:64px;justify-content:flex-start;line-height:64px;padding:0 18px}.messageInputWrapper .messageInputPlaceholder{color:#8a8b8e;flex:1 1;font-size:32px;height:88px;line-height:88px}.messageInputWrapper .messageSendButton{align-items:center;background-color:#e9e9e9;border:1px solid #9a9b9e;border-radius:4px;color:#9b9b9b;display:flex;height:100%;justify-content:center;line-height:64px;margin-left:10px;margin-right:10px;width:100px}
/*# sourceMappingURL=main.1e913710.css.map*/