@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap);@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.loading-blank-ui,.loading-circle-ui{background-color:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100001}.loading-circle-ui:before{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:6px solid #000;border-radius:100%;border-top-color:transparent;content:"";display:block;height:100px;left:50%;margin-left:-50px;margin-top:-50px;position:absolute;top:50%;width:100px}.ui-center{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.form-default{border:1px solid #ddd;border-radius:.5rem;margin:1rem;padding:2rem;text-align:left}.form-default h1{text-align:center}.msg_bubble.sender{flex-direction:row-reverse;justify-content:flex-start;text-align:right}.msg_bubble.sender .message{align-self:flex-end;background-color:#2f2f2f;border-radius:10px 10px 0 10px;color:#f4f4d2;margin-right:10px}.msg_bubble.recipient{text-align:left}.msg_bubble.recipient .message{align-self:flex-start;background-color:#2f2f2f;border-radius:10px 10px 10px 0;color:#f4f4d2;margin-left:10px}.list-inline{list-style:none;margin:0;padding:0}.list-inline li{border:1px solid #000;display:inline-block;line-height:1;margin:0 8px 8px 0;min-width:90px;padding:0 8px;vertical-align:top}.span-transition{transition:all .35s linear}.page--chat-cny{color:#639}.config-ui{background:#ff0;border-radius:10px;height:20px;opacity:.25;overflow:hidden;padding:.5rem;position:fixed;right:20px;top:10px;width:20px;z-index:1}.config-ui:after{background:#ff0;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.config-ui.config-ui--visible,.config-ui:hover{background:#fff;border-radius:1rem;height:auto;opacity:1;transition:all .35s linear;width:auto}.config-ui.config-ui--visible:after,.config-ui:hover:after{height:0;width:0}.config-ui p:last-child{margin-bottom:0}.config-ui hr{margin:10px 0}.config-ui .cui__sys-prompt span{display:block;font-weight:700}.config-ui .cui__sys-prompt input[type=number],.config-ui .cui__sys-prompt input[type=password],.config-ui .cui__sys-prompt input[type=text],.config-ui .cui__sys-prompt textarea{border:1px solid #ccc;display:block;margin:6px 0 0;width:300px}.chatroom-ui{display:flex;flex-direction:column;height:100vh;width:100%}.message_header_container{background-color:transparent;height:110px;padding-top:10px;width:100%}.message_header_inner{align-items:flex-end;background-color:transparent;border-radius:40px 40px 0 0;display:flex;gap:8px;padding:0 20px 15px 25px;position:absolute;z-index:20}.message_header_name{color:#8b463e;font-family:M Plus Rounded\ 1c;font-size:1.1em;font-weight:700;margin-bottom:5px}.message_list_container{background-color:rgba(0,0,0,.7);flex:1 1;order:1;overflow-y:auto;padding:20px;position:relative;z-index:0}.message_list_container::-webkit-scrollbar{bottom:-500px;height:8px;position:absolute;width:5px}.message_list_container::-webkit-scrollbar-track{background-color:transparent}.message_list_container::-webkit-scrollbar-thumb{background:hsla(60,61%,89%,.6);cursor:pointer}.message_send_panel{background-color:hsla(0,0%,100%,.2);border-radius:60px;display:flex}.message_send_panel_container{background-color:rgba(0,0,0,.7);flex:none;order:2;padding:20px}.message_send_panel_input{background-color:transparent;border:none;color:#fff;flex:1 1;font-family:M Plus Rounded\ 1c;font-size:1em;order:1;outline:none;padding:10px 25px;resize:none}.message_send_panel_input::-webkit-input-placeholder{color:#fff}.message_send_panel_input::placeholder{color:#fff}.message_send_panel_button{background-color:#f4f4d2;border:none;border-radius:100%;cursor:pointer;flex:none;order:2;outline:none;padding:8px 10px 12px 15px}.message_send_panel_button:hover{opacity:.8}.message_send_panel_button img{width:20px}.msg_bubble{align-items:center;display:flex;font-family:M Plus Rounded\ 1c;margin:20px 0}.msg_bubble.user{flex-direction:row-reverse;justify-content:flex-start;text-align:right}.msg_bubble.user .message{align-self:flex-end;background-color:#2f2f2f;border-radius:10px 10px 0 10px;color:#f4f4d2;margin-right:10px}.msg_bubble.friend{text-align:left}.msg_bubble.friend .message{align-self:flex-start;background-color:#2f2f2f;border-radius:10px 10px 10px 0;color:#f4f4d2;margin-left:10px}.msg_bubble__message{font-size:.9em;margin:0;padding:10px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.msg_bubble__message ol:last-child,.msg_bubble__message p:last-child,.msg_bubble__message pre:last-child,.msg_bubble__message ul:last-child{margin-bottom:0}.msg_bubble__message pre{background-color:#000;border-radius:10px;margin-bottom:1rem;padding:10px}.msg_bubble__message p+pre{margin-top:-10px}.msg_bubble.loading .message{padding:12px 15px 8px}.msg_bubble__duration{padding-bottom:8px}.msg_bubble__duration span{background:green;border-radius:8px;display:inline-block;line-height:1;max-width:150px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}