@tencentcloud/chat-uikit-react 2.3.1 → 3.0.0

package/dist/cjs/index.d.css

@@ -1,2887 +0,0 @@
-.tui-message-input {
-  display: flex;
-  flex-direction: column;
-}
-.tui-message-input-main {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  padding: 14px 12px;
-  gap: 12px;
-}
-.tui-message-input-main .input-box {
-  flex: 1;
-  display: flex;
-  position: relative;
-  min-height: 20px;
-  max-height: 200px;
-  border-radius: 15px;
-  overflow: hidden;
-  padding: 10px;
-}
-.tui-message-input-main .input-box .input-visibility-content {
-  min-height: 20px;
-  word-break: break-all;
-  visibility: hidden;
-  max-width: -webkit-fill-available;
-  font-family: PingFangSC-Medium;
-  font-style: normal;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 17px;
-  padding: 1px 2px;
-}
-.tui-message-input-main .input-box textarea {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: -webkit-fill-available;
-  height: -webkit-fill-available;
-  flex: 1;
-  font-family: PingFangSC-Medium;
-  font-style: normal;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 17px;
-  margin: 9px;
-  resize: none;
-  border: none;
-  background: none;
-}
-[data-uikit-theme=light] .tui-message-input-main .input-box textarea {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-message-input-main .input-box textarea {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-message-input-main .input-box textarea:focus, .tui-message-input-main .input-box textarea:active {
-  border: none;
-  outline: none;
-}
-.tui-message-input-main .disabled {
-  display: none;
-}
-.tui-message-input-box {
-  flex: 1;
-  display: flex;
-  align-items: center;
-}
-
-ul li {
-  list-style: none;
-}
-
-.input-plugin-popup {
-  position: relative;
-}
-.input-plugin-popup-box {
-  position: absolute;
-  z-index: 2;
-  bottom: 30px;
-}
-
-.input-plugin-item {
-  font-style: normal;
-  font-weight: 500;
-  font-size: 16px;
-  font-family: PingFangSC-Medium;
-  line-height: 19px;
-  display: flex;
-}
-.input-plugin-item span {
-  padding: 0 17px;
-}
-
-.emoji-picker .face-list {
-  height: 120px;
-  width: 242px;
-  padding: 10px 5px;
-  display: flex;
-  flex-wrap: wrap;
-  overflow-y: auto;
-}
-.emoji-picker .face-list-item {
-  padding: 5px;
-  cursor: pointer;
-  user-select: none;
-}
-.emoji-picker .face-list-item img {
-  width: 20px;
-}
-.emoji-picker .face-list-item .face-img {
-  width: 38px;
-}
-.emoji-picker .face-tab {
-  display: flex;
-  align-items: center;
-  min-width: 265px;
-}
-.emoji-picker .face-tab-item {
-  cursor: pointer;
-  width: 24px;
-  padding: 10px;
-}
-.emoji-picker .face-tab-item img {
-  width: 100%;
-}
-.emoji-picker .emoji-plugin-right {
-  right: 0;
-}
-
-.upload-picker {
-  position: relative;
-  padding: 10px 16px;
-  min-width: 180px;
-}
-[data-uikit-theme=light] .upload-picker {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .upload-picker {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .upload-picker:hover {
-  color: var(--uikit-theme-light-text-color-primary);
-  background-color: var(--uikit-theme-light-dropdown-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .upload-picker:hover {
-  color: var(--uikit-theme-dark-text-color-primary);
-  background-color: var(--uikit-theme-dark-dropdown-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.upload-picker input {
-  position: absolute;
-  cursor: pointer;
-  left: 0;
-  top: 0;
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.input-quote {
-  padding: 7px 16px;
-  display: flex;
-  align-items: center;
-}
-[data-uikit-theme=light] .input-quote {
-  background: var(--uikit-theme-light-bg-color-bubble-reciprocal);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .input-quote {
-  background: var(--uikit-theme-dark-bg-color-bubble-reciprocal);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.input-quote-content {
-  flex: 1;
-  background: #fff;
-  padding: 2px 14px;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 17px;
-  color: #000;
-}
-.input-quote-content::before {
-  content: "";
-  position: absolute;
-  width: 6px;
-  height: 100%;
-  background: #999;
-  top: 0;
-  left: 0;
-}
-.input-quote-content span {
-  padding-top: 8px;
-  opacity: 0.6;
-}
-.input-quote .icon {
-  margin: 0 5px 0 16px;
-}
-
-.tui-forward {
-  border-radius: 16px;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  width: 300px;
-  max-height: 90%;
-}
-[data-uikit-theme=light] .tui-forward {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-forward {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-forward-header {
-  display: flex;
-  align-items: center;
-  padding: 24px 20px;
-}
-[data-uikit-theme=light] .tui-forward-header {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-forward-header {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-forward-title {
-  padding: 0 16px;
-  font-style: normal;
-  font-weight: 700;
-  font-size: 14px;
-}
-.tui-forward-main {
-  padding: 0 20px;
-  max-height: calc(100vh - 200px);
-  overflow-y: auto;
-}
-.tui-forward-main .no-result {
-  font-size: 14px;
-  padding: 10px;
-  text-align: center;
-}
-[data-uikit-theme=light] .tui-forward-main .no-result {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-forward-main .no-result {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-forward-search {
-  padding: 10px 15px;
-}
-.tui-forward-list {
-  padding: 13px 0;
-}
-.tui-forward-list-title {
-  font-style: normal;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 20px;
-}
-.tui-forward-list-item {
-  padding: 6px 0;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-}
-.tui-forward-list-item .info {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-.tui-forward-list-item .info-nick {
-  padding: 0 13px;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-  min-width: 180px;
-  max-width: 300px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: 80%;
-}
-.tui-forward-footer {
-  padding: 13px 10px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-[data-uikit-theme=light] .tui-forward-footer {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-forward-footer {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-forward-footer .button {
-  cursor: pointer;
-  background: #0365f9;
-  border-radius: 31px;
-  padding: 10px 21px;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-  color: #fff;
-  border: none;
-}
-.tui-forward-footer-name {
-  flex: 1;
-  overflow: hidden;
-  word-break: break-all;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-}
-[data-uikit-theme=light] .tui-forward-footer-name {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-forward-footer-name {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.transmitter {
-  padding: 0 10px;
-}
-.transmitter .icon-send {
-  transform: rotate(90deg);
-}
-
-[data-uikit-theme=light] .tui-message-input {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-message-input {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .tui-message-input .tui-kit-input-box--focus {
-  outline: 1px solid var(--uikit-theme-light-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-message-input .tui-kit-input-box--focus {
-  outline: 1px solid var(--uikit-theme-dark-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .tui-message-input .input-box {
-  background-color: var(--uikit-theme-light-bg-color-input);
-  border: 1px solid var(--uikit-theme-light-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-message-input .input-box {
-  background-color: var(--uikit-theme-dark-bg-color-input);
-  border: 1px solid var(--uikit-theme-dark-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.input-plugin-popup-box {
-  border-radius: 16px;
-}
-[data-uikit-theme=light] .input-plugin-popup-box {
-  background-color: var(--uikit-theme-light-dropdown-color-default);
-  box-shadow: 0 0 10px 0 var(--uikit-theme-light-shadow-color);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .input-plugin-popup-box {
-  background-color: var(--uikit-theme-dark-dropdown-color-default);
-  box-shadow: 0 0 10px 0 var(--uikit-theme-dark-shadow-color);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.input-icon {
-  width: 20px;
-  height: 20px;
-}
-[data-uikit-theme=light] .input-icon {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .input-icon {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.message-default {
-  width: 100%;
-  flex: 1;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  font-size: 14px;
-  font-family: PingFangSC-Medium;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 17px;
-}
-.message-default .avatar {
-  width: 45px;
-}
-.message-default .avatar img {
-  width: 45px;
-}
-.message-default .content {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.message-default .content .name {
-  display: inline-block;
-  padding-bottom: 3px;
-  max-width: 60%;
-}
-[data-uikit-theme=light] .message-default .content .name {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-default .content .name {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.in {
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  justify-self: flex-start;
-  gap: 10px;
-}
-.in .content {
-  align-items: flex-start;
-  flex: 1;
-}
-
-.out {
-  flex: 1;
-  display: flex;
-  gap: 10px;
-  flex-direction: row-reverse;
-  justify-self: flex-end;
-}
-.out .content {
-  align-items: flex-end;
-  flex: 1;
-}
-
-.tip {
-  justify-self: center !important;
-  width: auto;
-}
-
-.bubble {
-  padding: 8px 16px;
-}
-.bubble-in {
-  border-radius: 0 16px 16px;
-}
-.bubble-in.group {
-  border-radius: 0 16px 16px;
-}
-.bubble-out {
-  border-radius: 16px 16px 0;
-}
-
-.message-status {
-  display: flex;
-  align-items: flex-end;
-  align-self: flex-end;
-}
-.message-status .time {
-  width: max-content;
-  font-weight: 400;
-  padding: 5px 0 0 10px;
-  font-size: 12px;
-  line-height: 14px;
-  text-align: right;
-}
-[data-uikit-theme=light] .message-status .time {
-  color: var(--uikit-theme-light-text-color-anti-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-status .time {
-  color: var(--uikit-theme-dark-text-color-anti-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .bubble-in .message-status .time {
-  color: var(--uikit-theme-light-text-color-tertiary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .bubble-in .message-status .time {
-  color: var(--uikit-theme-dark-text-color-tertiary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.message-image,
-.message-video {
-  position: relative;
-}
-.message-image .message-status,
-.message-video .message-status {
-  position: absolute;
-  bottom: 10px;
-  right: 10px;
-}
-[data-uikit-theme=light] .message-image .message-status .time,
-[data-uikit-theme=light] .message-video .message-status .time {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-image .message-status .time,
-[data-uikit-theme=dark] .message-video .message-status .time {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.message-text {
-  display: flex;
-}
-.message-text-content {
-  display: inline;
-  word-break: break-word;
-  font-weight: 500;
-  font-size: 14px;
-}
-.message-text-content-p {
-  white-space: pre-wrap;
-  display: inline;
-  vertical-align: middle;
-}
-.message-text-content .message-status {
-  display: inline-flex;
-  float: right;
-  clear: right;
-}
-
-.message-text,
-.message-tip {
-  font-weight: 500;
-  font-size: 14px;
-}
-.message-text .text-img,
-.message-tip .text-img {
-  width: 20px;
-  height: 20px;
-  vertical-align: middle;
-}
-
-.message-image {
-  background: transparent;
-}
-.message-image img {
-  max-width: 300px;
-}
-.message-image .img-h5 {
-  max-width: 200px;
-  max-height: 200px;
-}
-.message-image .big-image {
-  max-width: 90%;
-  max-height: 90%;
-}
-
-.message-video {
-  max-width: 300px;
-}
-.message-video .snap-video {
-  position: relative;
-  height: 100%;
-  border-radius: 10px;
-}
-.message-video .snap-video::before {
-  position: absolute;
-  z-index: 1;
-  content: "";
-  width: 0;
-  height: 0;
-  border: 15px solid transparent;
-  border-left: 20px solid #fff;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  margin: auto;
-}
-.message-video video {
-  width: 100%;
-  height: 100%;
-  border-radius: 10px;
-}
-.message-video .play-video {
-  max-width: 95%;
-  max-height: 65%;
-}
-
-.message-video.message-video-h5 {
-  max-width: 200px;
-  max-height: 200px;
-}
-
-.message-file {
-  display: flex;
-  flex-direction: column;
-  border: 1px solid #ddd;
-}
-.message-file-main {
-  display: flex;
-  align-items: center;
-  padding: 12px;
-  background: #fff;
-  border-radius: 4px;
-}
-.message-file-main .icon {
-  margin-right: 7px;
-}
-.message-file-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-}
-.message-file-footer .time {
-  padding-top: 10px;
-}
-.message-file-size {
-  padding-top: 10px;
-  font-weight: 400;
-  font-size: 12px;
-  font-family: PingFangSC-Medium;
-  line-height: 14px;
-  color: #7a7a7a;
-}
-
-.message-merger {
-  display: flex;
-  flex-direction: column;
-  background: #ecebeb;
-}
-.message-merger h3 {
-  padding-bottom: 4px;
-  border-bottom: 1px solid #a1a1a1;
-}
-.message-merger-list {
-  opacity: 0.6;
-}
-.message-merger-item {
-  padding-top: 4px;
-}
-
-.meesage-bubble-reply {
-  padding: 8px 16px;
-}
-[data-uikit-theme=light] .meesage-bubble-reply {
-  background-color: var(--uikit-theme-light-bg-color-bubble-own);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .meesage-bubble-reply {
-  background-color: var(--uikit-theme-dark-bg-color-bubble-own);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.meesage-bubble-reply-in {
-  border-radius: 16px 16px 16px 0;
-}
-.meesage-bubble-reply-out {
-  border-radius: 16px 16px 0;
-}
-.meesage-bubble-reply .message-text {
-  border: none !important;
-}
-.meesage-bubble-reply .bubble {
-  padding: 0;
-}
-.meesage-bubble-reply .bubble-in {
-  border-radius: 0;
-}
-.meesage-bubble-reply-main {
-  position: relative;
-  padding: 10px 14px;
-  margin-bottom: 10px;
-}
-[data-uikit-theme=light] .meesage-bubble-reply-main {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .meesage-bubble-reply-main {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.meesage-bubble-reply-main::before {
-  content: "";
-  position: absolute;
-  width: 6px;
-  height: 100%;
-  top: 0;
-  left: 0;
-}
-[data-uikit-theme=light] .meesage-bubble-reply-main::before {
-  background-color: var(--uikit-basic-color-bg-5);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .meesage-bubble-reply-main::before {
-  background-color: var(--uikit-basic-color-bg-5);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.meesage-bubble-reply-main .title {
-  font-weight: 500;
-  font-size: 14px;
-  padding-bottom: 10px;
-}
-[data-uikit-theme=light] .meesage-bubble-reply-main .title {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .meesage-bubble-reply-main .title {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.meesage-bubble-reply-main .message-context {
-  opacity: 0.6;
-}
-
-.meesage-bubble {
-  display: flex;
-  align-items: flex-end;
-}
-.meesage-bubble-status {
-  margin: 3px;
-}
-.meesage-bubble-context {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-.meesage-bubble-context .message-context {
-  flex: 1;
-}
-
-.icon-fail {
-  width: 14px;
-  height: 14px;
-  border-radius: 14px;
-  position: relative;
-  background: #fa5151;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-}
-.icon-fail::before {
-  position: absolute;
-  content: "!";
-  color: #fff;
-  font-size: 12px;
-  font-family: PingFangSC-Medium;
-}
-
-.message-face {
-  display: flex;
-  flex-direction: column;
-}
-.message-face .img {
-  max-width: 88px;
-}
-
-.loading {
-  display: inline-block;
-  position: relative;
-}
-.loading .img,
-.loading video {
-  min-width: 60px;
-  min-height: 60px;
-  max-width: 300px;
-  border-radius: 10px;
-}
-.loading .img-h5,
-.loading .video-h5 {
-  min-width: 60px;
-  min-height: 60px;
-  max-width: 200px;
-  max-height: 200px;
-  border-radius: 10px;
-}
-.loading::before {
-  position: absolute;
-  content: "";
-  background: rgba(0, 0, 0, 0.5);
-  border-radius: 10px;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-}
-.loading::after {
-  position: absolute;
-  content: "";
-  border: 5px solid #f3f3f3;
-  border-top: 5px solid #555;
-  border-radius: 50%;
-  width: 30px;
-  height: 30px;
-  display: inline-block;
-  animation: spin 2s linear infinite;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  margin: auto;
-}
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.message-plugin {
-  width: 32px;
-  margin: 0 5px;
-}
-.message-plugin .icon-more {
-  transform: scale(1.5);
-}
-.message-plugin .plugin-popup-box {
-  bottom: auto;
-  top: 100%;
-  overflow: hidden;
-}
-.message-plugin-box {
-  padding: 6px 0;
-}
-.message-plugin-item {
-  min-width: 144px;
-  padding: 6px 13px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-weight: 500;
-  font-size: 12.8px;
-  font-family: PingFangSC-Medium;
-  line-height: 15px;
-}
-[data-uikit-theme=light] .message-plugin-item {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-plugin-item {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .message-plugin-item:hover {
-  background: var(--uikit-theme-light-dropdown-color-hover);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-plugin-item:hover {
-  background: var(--uikit-theme-dark-dropdown-color-hover);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .message-plugin-item .del {
-  color: var(--uikit-theme-light-text-color-error);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-plugin-item .del {
-  color: var(--uikit-theme-dark-text-color-error);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.message-custom {
-  display: flex;
-  word-break: break-all;
-}
-.message-custom a {
-  color: #679ce1;
-  text-decoration: none;
-  font-family: PingFangSC-Regular;
-  font-style: normal;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 17px;
-}
-.message-custom p {
-  font-family: PingFangSC-Regular;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 17px;
-}
-
-.message-revoke {
-  color: #999;
-}
-
-.message-audio {
-  display: flex;
-  align-items: center;
-}
-.message-audio .out {
-  transform: rotate(180deg);
-}
-.message-audio-none {
-  display: none;
-}
-.message-audio-content {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-.message-audio-out {
-  flex-direction: row-reverse;
-}
-.message-audio .playing {
-  animation: playingAnimation 1s ease-in-out infinite;
-}
-@keyframes playingAnimation {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.3;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-.high-lighted {
-  animation: highLightedAnimation 1s ease-in-out forwards;
-}
-
-@keyframes highLightedAnimation {
-  0% {
-    opacity: 1;
-    color: #ff9c19;
-  }
-  25% {
-    opacity: 0.3;
-  }
-  50% {
-    color: #ff9c19;
-    opacity: 1;
-  }
-  75% {
-    opacity: 0.3;
-  }
-  100% {
-    color: #ff9c19;
-    opacity: 1;
-  }
-}
-.progress-box {
-  width: 100%;
-  height: 5px;
-  display: flex;
-  justify-content: flex-start;
-}
-.progress-box .progress {
-  display: inline-block;
-  width: 0;
-  background: #147aff;
-  height: 5px;
-  border-radius: 2px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
-}
-
-.website {
-  color: #147aff !important;
-}
-
-[data-uikit-theme=light] .message-custom {
-  border: 1px solid var(--uikit-theme-light-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-custom {
-  border: 1px solid var(--uikit-theme-dark-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-[data-uikit-theme=light] .bubble {
-  background-color: var(--uikit-theme-light-bg-color-bubble-reciprocal);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .bubble {
-  background-color: var(--uikit-theme-dark-bg-color-bubble-reciprocal);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .bubble-out {
-  border: none;
-  background-color: var(--uikit-theme-light-bg-color-bubble-own);
-  color: var(--uikit-theme-light-text-color-anti-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .bubble-out {
-  border: none;
-  background-color: var(--uikit-theme-dark-bg-color-bubble-own);
-  color: var(--uikit-theme-dark-text-color-anti-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.meesage-bubble-reply-out .meesage-bubble-reply-main .message-text {
-  background: none;
-}
-
-[data-uikit-theme=light] .message-tip {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-tip {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.tip .bubble .edit {
-  color: #147aff;
-  padding: 3px;
-}
-.plugin {
-  display: flex;
-  align-items: center;
-  height: 100%;
-  padding: 0 8px;
-  gap: 8px;
-}
-
-.plugin-popup {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-.plugin-popup-box {
-  position: absolute;
-  z-index: 2;
-  bottom: 100%;
-}
-
-.plugin-popup-box {
-  border-radius: 16px;
-  overflow: hidden;
-}
-[data-uikit-theme=light] .plugin-popup-box {
-  background-color: var(--uikit-theme-light-dropdown-color-default);
-  box-shadow: 0 0 10px 0 var(--uikit-theme-light-shadow-color);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .plugin-popup-box {
-  background-color: var(--uikit-theme-dark-dropdown-color-default);
-  box-shadow: 0 0 10px 0 var(--uikit-theme-dark-shadow-color);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-chat-header {
-  padding: 16px 20px;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-}
-[data-uikit-theme=light] .tui-chat-header {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-chat-header {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-chat-header-left {
-  display: flex;
-  align-items: center;
-}
-.tui-chat-header .header-content {
-  flex: 1;
-  padding: 0 8px;
-}
-.tui-chat-header .call-btn-container {
-  display: flex;
-  margin-right: 10px;
-}
-.tui-chat-header .call-btn-container .call-btn {
-  margin-right: 16px;
-}
-.tui-chat-header .title {
-  font-style: normal;
-  font-weight: 700;
-  font-size: 14px;
-}
-[data-uikit-theme=light] .tui-chat-header .title {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-chat-header .title {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-chat-header .system {
-  height: 32px;
-}
-.chat {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
-[data-uikit-theme=light] .chat {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .chat {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-ul,
-li,
-div,
-p,
-label,
-span {
-  margin: 0;
-  padding: 0;
-}
-
-ul li {
-  list-style: none;
-}
-
-.message-list {
-  flex: 1;
-  height: 100%;
-  overflow: hidden auto;
-  position: relative;
-  padding: 0 20px;
-}
-[data-uikit-theme=light] .message-list {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-list {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.message-list.hide {
-  opacity: 0;
-}
-.message-list-item {
-  display: grid;
-  padding: 5px 0;
-}
-.message-list .no-more {
-  text-align: center;
-  font-family: PingFangSC-Medium;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 17px;
-}
-[data-uikit-theme=light] .message-list .no-more {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-list .no-more {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.message-list-time {
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 14px;
-  padding: 10px;
-  text-align: center;
-}
-[data-uikit-theme=light] .message-list-time {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .message-list-time {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-chat-list__header {
-  display: flex;
-  overflow: hidden;
-  flex-direction: row;
-  justify-content: flex-end;
-  box-sizing: border-box;
-  min-width: 0;
-}
-[data-uikit-theme=light] .uikit-chat-list__header {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-chat-list__header {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-chat-list__header .uikit-conversation-search + .uikit-conversation-create-container .uikit-conversation-create-button {
-  margin-left: 0;
-}
-.uikit-chat-list__header .uikit-chat-list__header__left,
-.uikit-chat-list__header .uikit-chat-list__header__right {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-}
-.uikit-chat-list__container {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  overflow: hidden auto;
-  box-sizing: border-box;
-  min-width: 0;
-  text-align: initial;
-}
-[data-uikit-theme=light] .uikit-chat-list__container {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-chat-list__container {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-kit-input-box {
-  display: flex;
-  align-items: center;
-  border-radius: 10px;
-  padding: 0 8px;
-  height: 38px;
-  box-sizing: border-box;
-}
-[data-uikit-theme=light] .tui-kit-input-box {
-  background-color: var(--uikit-theme-light-bg-color-input);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-kit-input-box {
-  background-color: var(--uikit-theme-dark-bg-color-input);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .tui-kit-input-box.tui-kit-input-box--focus {
-  outline: 1px solid var(--uikit-theme-light-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-kit-input-box.tui-kit-input-box--focus {
-  outline: 1px solid var(--uikit-theme-dark-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-kit-input-box.tui-kit-input-border--bottom {
-  outline: none;
-  border-radius: 0;
-}
-[data-uikit-theme=light] .tui-kit-input-box.tui-kit-input-border--bottom {
-  border-bottom: 1px solid var(--uikit-theme-light-stroke-color-primary);
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-kit-input-box.tui-kit-input-border--bottom {
-  border-bottom: 1px solid var(--uikit-theme-dark-stroke-color-primary);
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-kit-input-box .tui-kit-input {
-  margin-left: 6px;
-  margin-right: auto;
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: transparent;
-  border-radius: 10px;
-  border: none;
-  box-sizing: border-box;
-  font-size: 14px;
-}
-[data-uikit-theme=light] .tui-kit-input-box .tui-kit-input {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-kit-input-box .tui-kit-input {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-kit-input-box .tui-kit-input:focus {
-  border: none;
-  outline: none;
-}
-.tui-kit-input-box .tui-kit-input::placeholder {
-  padding: 2px 0;
-}
-[data-uikit-theme=light] .tui-kit-input-box .tui-kit-input::placeholder {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-kit-input-box .tui-kit-input::placeholder {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-search-input {
-  height: 36px;
-  align-self: stretch;
-  margin: 10px;
-  box-sizing: border-box;
-}
-[data-uikit-theme=light] .uikit-conversation-search-input {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-search-input {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-kit-avatar {
-  display: flex;
-  align-items: center;
-  position: relative;
-  cursor: pointer;
-  flex-shrink: 0;
-}
-.tui-kit-avatar.circle .avatar-image {
-  border-radius: 50%;
-}
-.tui-kit-avatar.square .avatar-image {
-  border-radius: 4px;
-}
-.tui-kit-avatar img {
-  width: 100%;
-  height: 100%;
-}
-.tui-kit-avatar:hover .tui-kit-avatar-edit {
-  display: flex;
-}
-.tui-kit-avatar-edit {
-  position: absolute;
-  top: 0;
-  left: 0;
-  background: rgba(0, 0, 0, 0.33);
-  width: 100%;
-  height: 100%;
-  border-radius: 100%;
-  display: none;
-  justify-content: center;
-  align-items: center;
-}
-.tui-kit-avatar-list {
-  position: absolute;
-  z-index: 2;
-  top: 100%;
-  background: #fff;
-  border-radius: 5px;
-  box-shadow: 0 11px 20px 0 rgb(0, 0, 0.3);
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  width: 100%;
-  min-width: 200px;
-  max-width: 400px;
-  padding: 10px;
-}
-.tui-kit-avatar-list-item {
-  padding: 10px;
-}
-.tui-kit-avatar-list-item img {
-  width: 40px;
-}
-.uikit-conversation-actions {
-  display: flex;
-  justify-content: flex-end;
-  flex: 1 1;
-}
-.uikit-conversation-actions .uikit-conversation-actions__container {
-  top: 0;
-  right: 0;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-  bottom: initial;
-  padding: 14px 0;
-  box-sizing: border-box;
-  text-align: start;
-  white-space: nowrap;
-}
-.uikit-conversation-actions .uikit-conversation-actions__container .uikit-conversation-actions__item {
-  font-size: 16px;
-  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
-  font-family: PingFangSC-Medium;
-  line-height: 19px;
-  padding: 6px 16px;
-  cursor: pointer;
-  font-weight: 500;
-  box-sizing: border-box;
-}
-[data-uikit-theme=light] .uikit-conversation-actions .uikit-conversation-actions__container .uikit-conversation-actions__item:hover {
-  background-color: var(--uikit-theme-light-dropdown-color-active);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-actions .uikit-conversation-actions__container .uikit-conversation-actions__item:hover {
-  background-color: var(--uikit-theme-dark-dropdown-color-active);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .uikit-conversation-actions .uikit-conversation-actions__container .uikit-conversation-actions__item--delete {
-  color: var(--uikit-theme-light-text-color-error);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-actions .uikit-conversation-actions__container .uikit-conversation-actions__item--delete {
-  color: var(--uikit-theme-dark-text-color-error);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-actions .uikit-conversation-actions__popup-icon {
-  transform: scale(1.5);
-}
-.uikit-conversation-preview {
-  display: flex;
-  align-items: center;
-  border: none;
-  height: 64px;
-  cursor: pointer;
-  line-height: 17px;
-  padding: 0 20px;
-  flex: 0 0 auto;
-  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
-  font-family: PingFangSC-Medium;
-}
-[data-uikit-theme=light] .uikit-conversation-preview {
-  background-color: var(--uikit-theme-light-list-color-default);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview {
-  background-color: var(--uikit-theme-dark-list-color-default);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .uikit-conversation-preview:hover {
-  background-color: var(--uikit-theme-light-list-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview:hover {
-  background-color: var(--uikit-theme-dark-list-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-preview.uikit-conversation-preview--mobile {
-  padding: 0 10px;
-}
-[data-uikit-theme=light] .uikit-conversation-preview.uikit-conversation-preview--pin {
-  background-color: var(--uikit-theme-light-list-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview.uikit-conversation-preview--pin {
-  background-color: var(--uikit-theme-dark-list-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .uikit-conversation-preview.uikit-conversation-preview--active {
-  background-color: var(--uikit-theme-light-list-color-active);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview.uikit-conversation-preview--active {
-  background-color: var(--uikit-theme-dark-list-color-active);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .uikit-conversation-preview.uikit-conversation-preview--active .uikit-conversation-preview__title {
-  color: var(--uikit-theme-light-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview.uikit-conversation-preview--active .uikit-conversation-preview__title {
-  color: var(--uikit-theme-dark-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-preview.uikit-conversation-preview--unread .uikit-conversation-preview__unread {
-  color: #fff;
-}
-[data-uikit-theme=light] .uikit-conversation-preview.uikit-conversation-preview--unread .uikit-conversation-preview__unread {
-  background-color: var(--uikit-theme-light-text-color-error);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview.uikit-conversation-preview--unread .uikit-conversation-preview__unread {
-  background-color: var(--uikit-theme-dark-text-color-error);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-preview .uikit-conversation-preview__content {
-  flex: 1 1 auto;
-  text-align: left;
-  margin-left: 10px;
-  min-width: 0;
-}
-.uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__title {
-  font-style: normal;
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 17px;
-  padding: 1px 0;
-  width: 100%;
-}
-[data-uikit-theme=light] .uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__title {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__title {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__title .uikit-conversation-preview__title--normal {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__title .uikit-conversation-preview__title--normal {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__title .uikit-conversation-preview__title--highlight {
-  color: var(--uikit-theme-light-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__title .uikit-conversation-preview__title--highlight {
-  color: var(--uikit-theme-dark-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__abstract {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  padding: 1px 0;
-}
-[data-uikit-theme=light] .uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__abstract {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview .uikit-conversation-preview__content .uikit-conversation-preview__abstract {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-preview .uikit-conversation-preview__external {
-  text-align: right;
-  flex: 0 1 auto;
-  display: flex;
-  flex-direction: column;
-}
-.uikit-conversation-preview .uikit-conversation-preview__external .uikit-conversation-preview__unread {
-  box-sizing: border-box;
-  height: 16px;
-  border-radius: 16px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 2px 5px;
-  font-size: 11px;
-  font-weight: 700;
-  margin: 2px 0 2px auto;
-}
-.uikit-conversation-preview .uikit-conversation-preview__external .uikit-conversation-preview__time {
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  padding: 1px 0;
-  text-wrap: nowrap;
-}
-[data-uikit-theme=light] .uikit-conversation-preview .uikit-conversation-preview__external .uikit-conversation-preview__time {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-preview .uikit-conversation-preview__external .uikit-conversation-preview__time {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-search-result {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-width: 0;
-  box-sizing: border-box;
-  overflow: auto;
-}
-[data-uikit-theme=light] .uikit-conversation-search-result {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-search-result {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-search {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  box-sizing: border-box;
-  position: relative;
-  z-index: 2;
-  overflow: hidden;
-}
-[data-uikit-theme=light] .uikit-conversation-search {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-conversation-search {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-conversation-search.uikit-conversation-search--active {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.uikit-conversation-create-container {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
-.tui-conversation-create {
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  flex: 1 1 auto;
-  box-sizing: border-box;
-  min-width: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-}
-[data-uikit-theme=light] .tui-conversation-create {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-conversation-create {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.tui-conversation-create-header {
-  display: flex;
-  flex-direction: row;
-  padding: 16px 20px;
-  align-items: center;
-  text-align: center;
-}
-[data-uikit-theme=light] .tui-conversation-create-header {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-conversation-create-header {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-conversation-create-header .title {
-  margin-left: 10px;
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 32px;
-  letter-spacing: -0.41px;
-}
-[data-uikit-theme=light] .tui-conversation-create-header .title {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-conversation-create-header .title {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.tui-conversation-create-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.tui-conversation-create-search-input {
-  margin: 10px;
-}
-
-.tui-user {
-  padding: 6px;
-  display: flex;
-  align-items: center;
-  text-align: center;
-  cursor: pointer;
-}
-[data-uikit-theme=light] .tui-user:hover {
-  background-color: var(--uikit-theme-light-list-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-user:hover {
-  background-color: var(--uikit-theme-dark-list-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-user .tui-user-name {
-  margin-left: 10px;
-  font-size: 14px;
-  width: 80%;
-  text-align: left;
-}
-[data-uikit-theme=light] .tui-user .tui-user-name {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-user .tui-user-name {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-user .tui-user-name.active {
-  font-weight: 600;
-  font-size: 14px;
-}
-[data-uikit-theme=light] .tui-user .tui-user-name.active {
-  color: var(--uikit-theme-light-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-user .tui-user-name.active {
-  color: var(--uikit-theme-dark-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.tui-user-checkbox-label .tui-user-checkbox {
-  margin-left: auto;
-}
-.tui-user-checkbox-label input[type=checkbox] {
-  cursor: pointer;
-}
-
-.tui-conversation-create-next-container {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  margin: 20px auto 10px;
-}
-.tui-conversation-create-next-container .tui-conversation-create-next {
-  cursor: pointer;
-  text-align: center;
-  border-radius: 31px;
-  font-size: 14px;
-  color: #fff;
-  padding: 12px 36px;
-}
-[data-uikit-theme=light] .tui-conversation-create-next-container .tui-conversation-create-next {
-  background-color: var(--uikit-theme-light-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-conversation-create-next-container .tui-conversation-create-next {
-  background-color: var(--uikit-theme-dark-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.tui-conversation-create-select-list-container {
-  overflow-y: auto;
-  flex: 1 1 auto;
-  padding: 0 10px;
-}
-.tui-conversation-create-select-list-container .tui-conversation-create-select-list {
-  position: relative;
-}
-.tui-conversation-create-select-list-container .tui-conversation-create-select-list .tui-group-container {
-  width: 100%;
-}
-.tui-conversation-create-select-list-container .tui-conversation-create-select-list .tui-group-box .title {
-  font-weight: 600;
-  font-size: 14px;
-  padding: 10px;
-}
-[data-uikit-theme=light] .tui-conversation-create-select-list-container .tui-conversation-create-select-list .tui-group-box .title {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-conversation-create-select-list-container .tui-conversation-create-select-list .tui-group-box .title {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.conversation-create-select-view {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  margin-bottom: 10px;
-}
-[data-uikit-theme=light] .conversation-create-select-view {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .conversation-create-select-view {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.conversation-create-select-view .select-view-info {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  width: calc((100% - 10px) / 5);
-  padding: 6px;
-  box-sizing: border-box;
-  position: relative;
-}
-.conversation-create-select-view .select-view-info .select-view-info-close {
-  position: absolute;
-  right: 15px;
-  top: 6px;
-  z-index: 2;
-}
-.conversation-create-select-view .select-view-info .select-view-info-nick {
-  font-size: 12px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  text-align: center;
-}
-.tui-conversation-create-group-detail {
-  display: flex;
-  flex-direction: column;
-  padding: 0 10px;
-  overflow-y: scroll;
-}
-[data-uikit-theme=light] .tui-conversation-create-group-detail {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-conversation-create-group-detail {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-conversation-create-group-detail .create-group-box {
-  padding: 10px 0;
-}
-.tui-conversation-create-group-detail .input-group-text {
-  font-size: 14px;
-}
-.tui-conversation-create-group-detail .create-group-name .input-group-name {
-  font-weight: 700;
-  font-size: 14px;
-}
-.tui-conversation-create-group-detail .input-group-title {
-  width: 106px;
-  font-size: 14px;
-}
-.tui-conversation-create-group-detail .create-group-illustrate {
-  font-size: 12px;
-  text-align: justify;
-  padding-left: 8px;
-}
-.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-title {
-  font-weight: 600;
-  font-size: 14px;
-  padding: 20px 0 20px 8px;
-}
-.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-info-container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  margin-bottom: 10px;
-  padding: 0 10px;
-}
-.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-info-container .create-group-portrait-info {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  padding: 6px;
-  box-sizing: border-box;
-}
-.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-info-container .create-group-portrait-info-nick {
-  font-size: 12px;
-  margin-top: 6px;
-}
-.tui-conversation-group-type-info {
-  display: flex;
-  flex-direction: column;
-  padding: 0 10px;
-  overflow-y: scroll;
-}
-[data-uikit-theme=light] .tui-conversation-group-type-info {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-conversation-group-type-info {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-conversation-group-type-info .group-type-info-box {
-  display: flex;
-  flex-direction: column;
-  border-radius: 16px;
-  padding: 12px 16px;
-  margin-top: 12px;
-  cursor: pointer;
-}
-[data-uikit-theme=light] .tui-conversation-group-type-info .group-type-info-box {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  border: 1px solid var(--uikit-theme-light-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-conversation-group-type-info .group-type-info-box {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  border: 1px solid var(--uikit-theme-dark-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-conversation-group-type-info .group-type-info-box:hover {
-  border: 1px solid #147aff;
-}
-.tui-conversation-group-type-info .group-type-info-box.group-type-info-box--active {
-  border: 1px solid #147aff;
-}
-.tui-conversation-group-type-info .group-type-info-box .group-type-info-title {
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-}
-.tui-conversation-group-type-info .group-type-info-box .group-type-info-title .box-active-icon {
-  margin-right: 8px;
-}
-.tui-conversation-group-type-info .group-type-info-box .group-type-info-description {
-  font-size: 12px;
-  text-align: justify;
-}
-.tui-conversation-group-type-info .group-type-info-document {
-  font-size: 16px;
-  text-align: justify;
-  text-decoration: none;
-  margin: 1rem auto;
-}
-[data-uikit-theme=light] .tui-conversation-group-type-info .group-type-info-document:link, [data-uikit-theme=light] .tui-conversation-group-type-info .group-type-info-document:active, [data-uikit-theme=light] .tui-conversation-group-type-info .group-type-info-document:visited {
-  color: var(--uikit-theme-light-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-conversation-group-type-info .group-type-info-document:link, [data-uikit-theme=dark] .tui-conversation-group-type-info .group-type-info-document:active, [data-uikit-theme=dark] .tui-conversation-group-type-info .group-type-info-document:visited {
-  color: var(--uikit-theme-dark-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-conversation-create-button {
-  display: flex;
-  align-items: center;
-  margin: 10px;
-}
-.uikit-chat-list {
-  flex: 1;
-  box-sizing: border-box;
-  overflow: hidden;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  text-align: initial;
-}
-[data-uikit-theme=light] .uikit-chat-list {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .uikit-chat-list {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.uikit-chat-list .uikit-chat-list__header--searching {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.uikit-chat-list .uikit-chat-list__header--creating {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.tui-profile {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 100%;
-}
-[data-uikit-theme=light] .tui-profile {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-profile {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-profile-header {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 15px;
-  display: flex;
-  align-items: center;
-}
-.tui-profile-header h1 {
-  font-size: 16px;
-  font-weight: 600;
-  padding: 0 11px;
-}
-.tui-profile-main {
-  max-width: 100%;
-  box-sizing: border-box;
-  padding: 10px 10px 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.tui-profile-avatar {
-  margin: 13px 0;
-  position: relative;
-}
-.tui-profile .displayFlex {
-  display: flex;
-}
-.tui-profile-nick {
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 29px;
-  text-align: center;
-}
-.tui-profile-nick .show {
-  padding-left: 25px;
-}
-.tui-profile-ID {
-  margin: 6px 0;
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-}
-[data-uikit-theme=light] .tui-profile-ID {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-profile-ID {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-profile-ID h5 {
-  margin: 0;
-}
-.tui-profile-list {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 0 15px;
-  display: flex;
-  flex-direction: column;
-  user-select: none;
-}
-.tui-profile-list-item {
-  padding: 0;
-  cursor: pointer;
-}
-.tui-profile-list-item h4 {
-  font-size: 16px;
-  margin: 10px 0;
-}
-.tui-profile-div-with-edit {
-  height: auto !important;
-}
-[data-uikit-theme=light] .tui-profile-div-with-edit {
-  border-bottom: 1px solid var(--uikit-theme-light-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-profile-div-with-edit {
-  border-bottom: 1px solid var(--uikit-theme-dark-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-profile-edit {
-  border-bottom: none !important;
-}
-
-.tui-profile-birthday .react-date-picker__wrapper {
-  display: none !important;
-}
-.tui-profile-birthday .react-date-picker__calendar {
-  position: static !important;
-}
-.tui-profile-birthday .react-date-picker__calendar .react-calendar__navigation {
-  height: 20px !important;
-  margin-bottom: 0;
-}
-.tui-profile-birthday-calendar {
-  border: none !important;
-}
-
-[data-uikit-theme=light] .tui-profile {
-  background: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-profile {
-  background: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-manage {
-  display: flex;
-  flex-direction: column;
-  width: 22%;
-  max-width: 300px;
-  min-width: 200px;
-}
-[data-uikit-theme=light] .tui-manage {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  color: var(--uikit-theme-light-text-color-primary);
-  border-left: 1px solid var(--uikit-theme-light-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-manage {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  color: var(--uikit-theme-dark-text-color-primary);
-  border-left: 1px solid var(--uikit-theme-dark-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-manage .red {
-  color: #ff584c !important;
-}
-.tui-manage .tui-manage-title {
-  display: flex;
-  align-items: center;
-  padding: 24px 10px;
-}
-.tui-manage .tui-manage-title span {
-  margin-right: 10px;
-  font-weight: 700;
-  font-size: 14px;
-}
-.tui-manage .tui-manage-container .tui-manage-info {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.tui-manage .tui-manage-container .tui-manage-info .info-avatar {
-  margin-top: 40px;
-  margin-bottom: 20px;
-}
-.tui-manage .tui-manage-container .tui-manage-info .info-name {
-  text-align: center;
-  font-weight: 700;
-  font-size: 24px;
-  margin-bottom: 10px;
-}
-.tui-manage .tui-manage-container .tui-manage-info .info-id {
-  font-size: 16px;
-  margin-bottom: 30px;
-  text-align: center;
-}
-[data-uikit-theme=light] .tui-manage .tui-manage-container .tui-manage-info .info-id {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-manage .tui-manage-container .tui-manage-info .info-id {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px;
-}
-[data-uikit-theme=light] .tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box {
-  background: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box {
-  background: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box:nth-child(2) {
-  margin-top: 10px;
-  cursor: pointer;
-}
-.tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box .manage-handle-title {
-  font-size: 16px;
-}
-[data-uikit-theme=light] .tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box .manage-handle-title {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box .manage-handle-title {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.tui-manage.tui-h5-manage {
-  border-left: none;
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-  max-width: 100%;
-  min-width: 100%;
-  z-index: 1;
-}
-[data-uikit-theme=light] .tui-manage.tui-h5-manage {
-  background: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-manage.tui-h5-manage {
-  background: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.popup {
-  opacity: 0;
-}
-.popup-show {
-  opacity: 1;
-}
-.checkbox {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  position: relative;
-}
-.checkbox-default {
-  box-sizing: border-box;
-  width: 14px;
-  height: 14px;
-  border-radius: 14px;
-  border: 1px solid #DDDDDD;
-}
-.checkbox-input {
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-}
-
-[data-uikit-theme=light] .info {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .info {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-[data-uikit-theme=light] .warn {
-  background-color: var(--uikit-theme-light-text-color-warning);
-  color: #fff;
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .warn {
-  background-color: var(--uikit-theme-dark-text-color-warning);
-  color: #fff;
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-[data-uikit-theme=light] .error {
-  background-color: var(--uikit-theme-light-text-color-error);
-  color: #fff;
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .error {
-  background-color: var(--uikit-theme-dark-text-color-error);
-  color: #fff;
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.div-with-edit {
-  flex: 1;
-  display: flex;
-  max-width: 100%;
-  box-sizing: border-box;
-  height: 30px;
-}
-.div-with-edit-popup {
-  flex: 1;
-  display: flex;
-  max-width: 100%;
-}
-.div-with-edit .show {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-  word-break: break-all;
-}
-.div-with-edit .show .icon-edit {
-  display: none;
-}
-.div-with-edit .show:hover .icon-edit {
-  display: flex;
-}
-.div-with-edit .icon {
-  margin-left: 10px;
-  width: 25px;
-}
-.div-with-edit .edit {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-  padding: 0 10px;
-}
-[data-uikit-theme=light] .div-with-edit .edit {
-  border-bottom: 1px solid var(--uikit-theme-light-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .div-with-edit .edit {
-  border-bottom: 1px solid var(--uikit-theme-dark-stroke-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.div-with-edit .edit input {
-  flex: 1;
-  font-size: inherit;
-  border: none;
-}
-.div-with-edit .edit input:focus {
-  border: none;
-  outline: none;
-}
-.div-with-edit .edit .select {
-  position: absolute;
-  min-width: 100%;
-  z-index: 2;
-  top: 100%;
-  border-radius: 5px;
-  padding: 10px 0;
-}
-[data-uikit-theme=light] .div-with-edit .edit .select {
-  background: var(--uikit-theme-light-dropdown-color-default);
-  box-shadow: 0 11px 20px 0 var(--uikit-theme-light-shadow-color);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .div-with-edit .edit .select {
-  background: var(--uikit-theme-dark-dropdown-color-default);
-  box-shadow: 0 11px 20px 0 var(--uikit-theme-dark-shadow-color);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.div-with-edit .edit .select-list-item {
-  padding: 7px 10px;
-}
-[data-uikit-theme=light] .div-with-edit .edit .select-list-item:hover {
-  background: var(--uikit-theme-light-dropdown-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .div-with-edit .edit .select-list-item:hover {
-  background: var(--uikit-theme-dark-dropdown-color-hover);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-kit-icon {
-  display: flex;
-  text-align: center;
-  align-items: center;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-}
-.tui-kit-icon .icon-image {
-  width: 100%;
-}
-.tui-kit-icon:hover {
-  color: royalblue;
-  border-color: currentcolor;
-}
-.tui-kit-icon::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  opacity: 0;
-  box-shadow: 0 0 0 6px royalblue;
-  transition: 0.3s;
-}
-.tui-kit-icon:active::after {
-  box-shadow: none;
-  opacity: 0.4;
-  transition: 0s;
-}
-
-.tui-kit-icon-loading {
-  cursor: wait;
-  border-radius: 100%;
-  animation: circle infinite 1s linear;
-}
-[data-uikit-theme=light] .tui-kit-icon-loading {
-  border: 3px solid var(--uikit-theme-light-text-color-disable);
-  border-top-color: transparent;
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-kit-icon-loading {
-  border: 3px solid var(--uikit-theme-dark-text-color-disable);
-  border-top-color: transparent;
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .tui-kit-icon-loading:hover {
-  border: 3px solid var(--uikit-theme-light-text-color-disable);
-  border-top-color: transparent;
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-kit-icon-loading:hover {
-  border: 3px solid var(--uikit-theme-dark-text-color-disable);
-  border-top-color: transparent;
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-@keyframes circle {
-  0% {
-    transform: rotate(0);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-.tui-place-holder {
-  padding: 0 20px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  flex: 1;
-}
-.tui-place-holder .tui-place-holder__icon {
-  margin: 10px;
-}
-.tui-place-holder .tui-place-holder__label {
-  color: #999;
-  font-weight: 400;
-  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
-  font-family: PingFangSC-Medium;
-  font-size: 16px;
-  line-height: 22px;
-}
-.tui-place-holder .tui-place-holder__button {
-  margin: 20px;
-  background-color: #0365f9;
-  border-radius: 31px;
-  color: #fff;
-  cursor: pointer;
-  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
-  font-family: PingFangSC-Medium;
-  font-size: 14px;
-  line-height: 20px;
-  padding: 12px 36px;
-  text-align: center;
-  user-select: none;
-}
-.model {
-  background: rgba(0, 0, 0, 0.5);
-  position: fixed;
-  z-index: 5;
-  width: 100vw;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.self-ui-switch {
-  display: inline-flex;
-  vertical-align: top;
-}
-.self-ui-switch-input {
-  height: 0;
-  width: 0;
-  display: none;
-}
-.self-ui-switch-label {
-  position: relative;
-  width: 51px;
-  height: 31px;
-  background-color: rgba(120, 120, 128, 0.16);
-  border-radius: 100px;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-.self-ui-switch-button {
-  position: absolute;
-  height: calc(100% - 4px);
-  width: 50%;
-  top: 50%;
-  left: 2px;
-  border-radius: 46px;
-  transform: translateY(-50%);
-  background-color: #fff;
-  transition: all 0.2s;
-  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
-}
-.self-ui-switch-label .self-ui-switch-input:checked + .self-ui-switch-button {
-  left: calc(100% - 2px);
-  transform: translateX(-100%) translateY(-50%);
-}
-.self-ui-switch-label:active .self-ui-switch-button {
-  width: 66%;
-}
-.toast {
-  position: fixed;
-  top: 0;
-  z-index: 10;
-  margin: 20px;
-  padding: 10px;
-  box-shadow: 0 11px 20px 0 rgb(0, 0, 0.3);
-  max-width: 50%;
-  word-break: break-all;
-  border-radius: 5px;
-}
-
-.info {
-  background: #FFFFFF;
-}
-
-.warn {
-  color: #FFFFFF;
-  background: #faad14;
-}
-
-.error {
-  color: #FFFFFF;
-  background: #ff4d4f;
-}
-.tui-contacts-list {
-  flex: 1 1 auto;
-  min-width: 360px;
-  max-width: 360px;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  text-align: initial;
-  overflow: hidden scroll;
-}
-[data-uikit-theme=light] .tui-contacts-list {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contacts-list {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-contacts-list .tui-contacts-title {
-  display: flex;
-  justify-content: space-between;
-}
-.tui-contacts-list .tui-contacts-list-title {
-  display: flex;
-  padding: 10px 20px;
-  cursor: pointer;
-}
-.tui-contacts-list .tui-contacts-list-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 20px;
-}
-.tui-contacts-list .tui-contacts-list-icon .contacts-list-icon {
-  font-size: 12px;
-}
-[data-uikit-theme=light] .tui-contacts-list .tui-contacts-list-icon .contacts-list-icon {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contacts-list .tui-contacts-list-icon .contacts-list-icon {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-contacts-list .tui-contacts-list-item {
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  padding: 10px 20px;
-  text-align: center;
-  font-size: 14px;
-}
-.tui-contacts-list .tui-contacts-list-item .tui-contacts-list-item-card {
-  display: flex;
-  padding: 0 10px;
-  overflow: hidden;
-  align-items: center;
-  justify-content: space-between;
-  flex: 1;
-}
-.tui-contacts-list .tui-contacts-list-item .tui-contacts-list-item-container {
-  margin-left: 10px;
-}
-.tui-contacts-list .tui-contacts-list-item .text-ellipsis, .tui-contacts-list .tui-contacts-list-item .tui-contacts-list-item-name, .tui-contacts-list .tui-contacts-list-item .tui-contacts-list-item-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.tui-contacts-list .tui-contacts-list-item .tui-contacts-list-item-text {
-  color: #999;
-  font-size: 12px;
-  text-align: left;
-}
-.tui-contacts-list .tui-contacts-list-item .tui-contacts-list-btn-text {
-  color: #999;
-  font-size: 12px;
-  text-align: left;
-}
-.tui-contacts-list .application-btn {
-  width: 30px;
-  height: 14px;
-  padding: 5px;
-  border-radius: 15px;
-  font-size: 10px;
-  text-align: center;
-  line-height: 14px;
-  letter-spacing: 0;
-  cursor: pointer;
-  -webkit-user-select: none;
-  user-select: none;
-  border: 1px solid #006eff;
-  background: #006eff;
-  color: #fff;
-}
-
-::-webkit-scrollbar {
-  display: none;
-}
-
-.tui-contacts-list-h5 {
-  min-width: 100%;
-  width: 100%;
-  max-width: 100%;
-}
-.tui-contact-info {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  padding: 60px;
-  flex-direction: column;
-  overflow: hidden;
-}
-[data-uikit-theme=light] .tui-contact-info {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contact-info {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-contact-info .tui-contact-info-header {
-  padding-bottom: 15px;
-  border-bottom: 1px solid #ddd;
-  overflow: hidden;
-  box-sizing: border-box;
-  width: 100%;
-}
-.tui-contact-info .tui-contact-info-header .header-container {
-  flex: 1;
-}
-.tui-contact-info .tui-contact-info-header .header-container .header-container-avatar {
-  display: flex;
-  align-items: center;
-  padding: 10px;
-}
-.tui-contact-info .tui-contact-info-header .header-container .header-container-name {
-  font-size: 24px;
-  padding: 15px;
-}
-[data-uikit-theme=light] .tui-contact-info .tui-contact-info-header .header-container .header-container-name {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contact-info .tui-contact-info-header .header-container .header-container-name {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-contact-info .tui-contact-info-header .header-container .header-container-text {
-  margin-top: 20px;
-  font-size: 16px;
-  word-break: break-all;
-}
-[data-uikit-theme=light] .tui-contact-info .tui-contact-info-header .header-container .header-container-text {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contact-info .tui-contact-info-header .header-container .header-container-text {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-contact-info .tui-contact-info-content {
-  padding: 15px 0;
-  overflow: hidden;
-}
-[data-uikit-theme=light] .tui-contact-info .tui-contact-info-content {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contact-info .tui-contact-info-content {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-contact-info .tui-contact-info-content .content-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 6px 0;
-  font-size: 16px;
-  min-height: 56px;
-}
-.tui-contact-info .tui-contact-info-content .content-item-wording {
-  padding: 6px 0;
-  font-size: 16px;
-  min-height: 56px;
-}
-.tui-contact-info .tui-contact-info-content .content-item-wording-text {
-  margin-top: 5px;
-  flex: 1;
-  border: 1px solid #e8e8e9;
-  border-radius: 4px;
-  padding: 4px;
-  color: inherit;
-  resize: none;
-  height: 100px;
-  width: 95%;
-}
-.tui-contact-info .tui-contact-info-content .content-item-label {
-  margin-right: 5px;
-}
-.tui-contact-info .tui-contact-info-content .content-item-text {
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  overflow: hidden;
-}
-.tui-contact-info .tui-contact-info-content .content-btn-container {
-  display: flex;
-  padding: 30px;
-  justify-content: center;
-}
-.tui-contact-info .tui-contact-info-content .content-btn-container .content-item-btn {
-  margin: 15px;
-  padding: 8px 20px;
-  border-radius: 25px;
-  border: none;
-  font-size: 14px;
-  text-align: center;
-  letter-spacing: 0;
-  min-width: 100px;
-  cursor: pointer;
-  -webkit-user-select: none;
-  user-select: none;
-}
-[data-uikit-theme=light] .tui-contact-info .tui-contact-info-content .content-btn-container .delete-btn {
-  color: var(--uikit-theme-light-text-color-error);
-  border: 1px solid var(--uikit-basic-color-border-color-error);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contact-info .tui-contact-info-content .content-btn-container .delete-btn {
-  color: var(--uikit-theme-dark-text-color-error);
-  border: 1px solid var(--uikit-basic-color-border-color-error);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=light] .tui-contact-info .tui-contact-info-content .content-btn-container .confirm-btn {
-  color: #fff;
-  background-color: var(--uikit-theme-light-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contact-info .tui-contact-info-content .content-btn-container .confirm-btn {
-  color: #fff;
-  background-color: var(--uikit-theme-dark-text-color-link);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.tui-contact-info-h5 {
-  padding: 8px;
-}
-.tui-contacts {
-  height: 100%;
-  min-width: 360px;
-  max-width: 360px;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  text-align: initial;
-  overflow: hidden;
-}
-[data-uikit-theme=light] .tui-contacts {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contacts {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-contacts .tui-contacts-header {
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding: 10px 20px 10px 10px;
-}
-.tui-contacts .tui-contact-input {
-  width: 100%;
-}
-.tui-contacts .tui-contacts-add {
-  color: #147aff;
-  font-size: 20px;
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  text-align: center;
-}
-.tui-contacts .tui-contacts-add .tui-conversation-create-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.tui-contacts .tui-contacts-add-header {
-  align-items: center;
-  display: flex;
-  flex-direction: row;
-  padding: 16px 20px;
-  text-align: center;
-  margin-bottom: 10px;
-}
-[data-uikit-theme=light] .tui-contacts .tui-contacts-add-header {
-  background-color: var(--uikit-theme-light-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contacts .tui-contacts-add-header {
-  background-color: var(--uikit-theme-dark-bg-color-operate);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-contacts .tui-contacts-add-header .tui-contacts-add-header-title {
-  font-size: 20px;
-  font-weight: 600;
-  margin-left: 10px;
-}
-[data-uikit-theme=light] .tui-contacts .tui-contacts-add-header .tui-contacts-add-header-title {
-  color: var(--uikit-theme-light-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contacts .tui-contacts-add-header .tui-contacts-add-header-title {
-  color: var(--uikit-theme-dark-text-color-primary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-.tui-contacts .no-result {
-  padding: 0 20px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.tui-contacts .no-result-icon {
-  margin: 100px auto 50px;
-}
-.tui-contacts .no-result-message {
-  font-size: 16px;
-  line-height: 22px;
-}
-[data-uikit-theme=light] .tui-contacts .no-result-message {
-  color: var(--uikit-theme-light-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-[data-uikit-theme=dark] .tui-contacts .no-result-message {
-  color: var(--uikit-theme-dark-text-color-secondary);
-  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
-}
-
-.tui-contacts-h5 {
-  min-width: 100%;
-  width: 100%;
-  max-width: 100%;
-}