@plaso-infi/whiteboard-sdk 0.2.4 → 0.2.5

package/dist/esm/index.css

@@ -135,7 +135,6 @@
 .element_name_3XNlf {
   position: absolute;
   transform-origin: 0 0;
-  width: -moz-max-content;
   width: max-content;
   height: 100%;
   padding: 0;
@@ -257,34 +256,55 @@
 .shape_switch_2j51f {
   width: 40px;
 }
-.shape_switch_2j51f .option_list_RHtlS {
+.shape_switch_2j51f .shape_op_container_1Jmml {
+  width: 212px;
+  padding: 16px 4px 16px 16px;
+}
+.shape_switch_2j51f .shape_op_container_1Jmml .shape_op_mid_136kw {
+  width: 100%;
+  padding-right: 8px;
+  overflow: auto;
+  max-height: 216px;
+  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
+  scrollbar-width: thin;
+}
+.shape_switch_2j51f .shape_op_container_1Jmml .shape_op_mid_136kw::-webkit-scrollbar {
+  width: 4px;
+}
+.shape_switch_2j51f .shape_op_container_1Jmml .shape_op_mid_136kw::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
+}
+.shape_switch_2j51f .shape_op_container_1Jmml .shape_op_mid_136kw::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: var(--upime-scrollbar-thumb);
+}
+.shape_switch_2j51f .shape_op_container_1Jmml .shape_op_mid_136kw .option_list_RHtlS {
+  width: 100%;
   display: flex;
   flex-direction: row;
-  padding: 8px;
-  width: 136px;
-  height: 188px;
   flex-wrap: wrap;
-  justify-content: space-around;
   font-size: 14px;
   border-radius: 4px;
+  gap: 12px;
+  padding: 0;
 }
-.shape_switch_2j51f .option_list_RHtlS > div {
-  width: 40px;
-  height: 40px;
+.shape_switch_2j51f .shape_op_container_1Jmml .shape_op_mid_136kw .option_list_RHtlS .shape_1C_Nn {
+  width: 36px;
+  height: 36px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.shape_switch_2j51f .option_list_RHtlS > div:hover {
-  background-color: #f5f6f6;
-}
-.shape_switch_2j51f .option_list_RHtlS > div.disabledHover_3wcEy:hover {
-  background-color: transparent;
-}
-.shape_switch_2j51f .option_list_RHtlS .disabledText_1SUdS {
+.shape_switch_2j51f .shape_op_container_1Jmml .shape_op_mid_136kw .option_list_RHtlS .disabledText_1SUdS {
   color: #d8d8d8;
   cursor: not-allowed;
 }
+.shape_switch_2j51f .shape_op_container_1Jmml .shape_op_mid_136kw .option_divider_2ZE9k {
+  width: 100%;
+  margin: 4px 0;
+  border-top: 1px solid #e6e7e9;
+}
 .do-hovers .shape_switch_2j51f .option_list_RHtlS .shape_1C_Nn:hover {
   background-color: #f5f6f6;
 }
@@ -331,9 +351,7 @@
   line-height: 18px;
   z-index: 1;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
-  width: -moz-max-content;
   width: max-content;
   max-width: 184px;
   display: -webkit-box;
@@ -609,10 +627,6 @@
   font-size: 14px;
   color: var(--upime-main-text);
 }
-.inputContainer_2VcIz ::-moz-placeholder {
-  color: var(--upime-disable);
-  font-size: 14px;
-}
 .inputContainer_2VcIz ::placeholder {
   color: var(--upime-disable);
   font-size: 14px;
@@ -665,9 +679,6 @@
   font-size: 14px;
   height: 40px;
 }
-.input_TOTyV::-moz-placeholder {
-  color: #91939C;
-}
 .input_TOTyV::placeholder {
   color: #91939C;
 }
@@ -975,7 +986,6 @@
 .mainUI_3WaUf *::after {
   box-sizing: border-box;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
   word-break: break-all;
 }
@@ -984,7 +994,6 @@
   outline: none !important;
   resize: none !important;
   -webkit-user-select: text !important;
-     -moz-user-select: text !important;
           user-select: text !important;
 }
 .popWindow_2hDkA,
@@ -1033,7 +1042,6 @@
 }
 .toastWidget_32Rd4 .normalContent_13S0r {
   margin-left: 0;
-  width: -moz-max-content;
   width: max-content;
   text-align: center;
 }
@@ -1102,7 +1110,7 @@
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
   left: 0;
   min-height: 50px;
-  max-height: calc((100% - 88px) / 10 * 9);
+  max-height: calc(100% - 98px);
   width: 100%;
   background: white;
   z-index: 26;
@@ -1379,7 +1387,6 @@
   cursor: pointer;
   vertical-align: middle;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
   outline: none;
   box-shadow: none;
@@ -1678,9 +1685,7 @@
   line-height: 18px;
   z-index: 1;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
-  width: -moz-max-content;
   width: max-content;
   max-width: 184px;
   display: -webkit-box;
@@ -2131,12 +2136,10 @@
   font-size: 20px;
   text-align: center;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
 }
 .fontsize_editor_OPm6B .size_list_DMNKn {
   width: 60px;
-  height: -moz-max-content;
   height: max-content;
   padding: 5px 0;
   display: flex;
@@ -2176,6 +2179,11 @@
   display: flex;
   flex-direction: row;
 }
+.ha_select_group_OwjlV .option_list_3D_zR {
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+}
 .hor_split_2Nqel {
   height: 1px;
   width: 100%;
@@ -2469,7 +2477,6 @@
   line-height: 38px;
   text-align: left;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
 }
 .ctrl-option_3Tvb5.disabled_2JCCv {
@@ -2720,8 +2727,7 @@
   display: flex;
   align-items: flex-end;
   overflow: hidden;
-  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--paddingY) - 50px), calc(100% - 12px) calc(100% - var(--paddingY) - 50px), calc(100% - 12px) calc(100%), 12px calc(100%), 12px calc(100% - var(--paddingY) - 50px), 0 calc(100% - var(--paddingY) - 50px));
-          clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--paddingY) - 50px), calc(100% - 12px) calc(100% - var(--paddingY) - 50px), calc(100% - 12px) calc(100%), 12px calc(100%), 12px calc(100% - var(--paddingY) - 50px), 0 calc(100% - var(--paddingY) - 50px));
+  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--paddingY) - 50px), calc(100% - 12px) calc(100% - var(--paddingY) - 50px), calc(100% - 12px) calc(100%), 12px calc(100%), 12px calc(100% - var(--paddingY) - 50px), 0 calc(100% - var(--paddingY) - 50px));
 }
 .phoneToolbarEditorContainer_3DdsS.pwa_1lILK {
   --paddingY: 32px;
@@ -2739,7 +2745,6 @@
 .phoneToolbarEditorContainer_3DdsS .phoneToolbarBar_IwP6I .phoneToolBarInner_1jgOr {
   display: flex;
   height: 50px;
-  width: -moz-fit-content;
   width: fit-content;
   align-items: center;
 }
@@ -3038,7 +3043,6 @@
   line-height: 38px;
   text-align: left;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
   cursor: pointer;
 }
@@ -3152,587 +3156,1136 @@
   color: var(--upime-active);
 }
 
-.widget-type-picker_2V5cB {
-  position: absolute;
-  width: 184px;
-  height: 104px;
-  padding: 10px;
-  border-radius: 4px;
-  background-color: #ffffff;
-  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+.cm_item_2e94Y {
+  width: 40px;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+.cm_item_2e94Y.disabled_3ost8 {
+  cursor: default;
+  color: var(--upime-disable);
+  pointer-events: none;
 }
-.widget-type-picker_2V5cB .widget-type-box_2xSox {
+.icon_box_2_MCw {
   display: flex;
-  justify-content: left;
+  justify-content: center;
   align-items: center;
-  flex-flow: row wrap;
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
 }
-.widget-type-picker_2V5cB .widget-type-box_2xSox .widget-type-item_2rkJI {
-  height: 40px;
+.icon_box_2_MCw.active_3IluS {
+  color: var(--upime-active);
+}
+.bling_item_Wpkjy {
   opacity: 0.8;
 }
-
-.draftContainer_UuOXY {
-  display: flex;
-  flex-direction: column;
+.hidden_3zMAG {
+  visibility: hidden !important;
 }
-.draftContainer_UuOXY .textPart_GSblp {
-  display: flex;
-  position: relative;
+.hidden_all_1mCfr {
+  visibility: hidden !important;
 }
-.draftContainer_UuOXY .textPart_GSblp .editor_12tyR {
-  -webkit-user-select: text !important;
-     -moz-user-select: text !important;
-          user-select: text !important;
+.hidden_all_1mCfr * {
+  visibility: hidden !important;
 }
-.draftContainer_UuOXY .textPart_GSblp .editor_12tyR {
-  width: 100%;
-  min-height: 50px;
-  max-height: 162px;
-  overflow-x: hidden;
-  overflow-y: scroll;
-  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
-  scrollbar-width: thin;
-  padding: 15px 56px 16px 16px;
+.show_all_3RK0E {
+  visibility: visible !important;
 }
-.draftContainer_UuOXY .textPart_GSblp .editor_12tyR::-webkit-scrollbar {
-  width: 4px;
+.show_all_3RK0E * {
+  visibility: visible !important;
 }
-.draftContainer_UuOXY .textPart_GSblp .editor_12tyR::-webkit-scrollbar-track {
-  border-radius: 5px;
-  background-color: transparent;
+.pane_24eRa {
+  background-color: var(--upime-pane-bg);
+  border-radius: 4px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
-.draftContainer_UuOXY .textPart_GSblp .editor_12tyR::-webkit-scrollbar-thumb {
-  border-radius: 2px;
-  background-color: var(--upime-scrollbar-thumb);
+@keyframes show_2n9nM {
+  to {
+    visibility: visible;
+    opacity: 1;
+  }
 }
-.draftContainer_UuOXY .textPart_GSblp .editor_12tyR > div {
-  line-height: 20px;
-  font-size: 14px;
+.show_a_PIUo0 {
+  visibility: hidden;
+  opacity: 0;
+  animation: show_2n9nM 0.5s forwards;
 }
-.draftContainer_UuOXY .textPart_GSblp .editor_12tyR span {
-  top: 0px;
+@keyframes show_scale_1mftc {
+  to {
+    transform: scale(1);
+    visibility: visible;
+    opacity: 1;
+  }
 }
-.draftContainer_UuOXY .textPart_GSblp .editor_12tyR * {
-  -webkit-user-select: text !important;
-     -moz-user-select: text !important;
-          user-select: text !important;
+.show_scale_1mftc {
+  visibility: hidden;
+  opacity: 0;
+  transform: scale(0);
+  animation: show_scale_1mftc 0.3s forwards;
 }
-.draftContainer_UuOXY .textPart_GSblp .actionRow_3GZwe {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  flex-direction: row;
-  padding: 14px 16px 14px 12px;
-  justify-content: flex-end;
+.show_scale_1mftc.right_3fFKY {
+  transform-origin: left center;
 }
-.draftContainer_UuOXY .textPart_GSblp .actionRow_3GZwe svg {
-  color: #d8d8d8;
-  cursor: pointer;
-  pointer-events: none;
-  width: 24px;
-  height: 22px;
+.show_scale_1mftc.left_2V43j {
+  transform-origin: right center;
 }
-.draftContainer_UuOXY .textPart_GSblp .actionRow_3GZwe svg.active_1PXIw {
-  color: var(--upime-active);
-  pointer-events: auto;
+.show_scale_1mftc.bottom_3zuBY {
+  transform-origin: center top;
 }
-.draftContainer_UuOXY .draftActions_FEgSS {
-  display: flex;
-  width: 100%;
-  padding: 8px 16px 12px 16px;
+.show_scale_1mftc.top_1dQIl {
+  transform-origin: center bottom;
 }
-.draftContainer_UuOXY .draftActions_FEgSS .micCon_3R3ED {
-  height: 24px;
+.show_scale_1mftc.left_top_3ojkb {
+  transform-origin: right top;
 }
-.draftContainer_UuOXY .draftActions_FEgSS svg {
+.show_scale_1mftc.top_left_1yo2X {
+  transform-origin: bottom left;
+}
+.show_scale_1mftc.bottom_left_HpIv- {
+  transform-origin: top left;
+}
+.show_scale_1mftc.right_top_19DT5 {
+  transform-origin: left top;
+}
+.show_scale_1mftc.right_bottom_1Y686 {
+  transform-origin: left bottom;
+}
+.show_scale_1mftc.left_bottom_2uN6u {
+  transform-origin: right bottom;
+}
+.btn_style_2ZbMu {
   cursor: pointer;
-  width: 24px;
-  height: 24px;
-  margin-right: 24px;
-  color: #616371;
 }
-.draftContainer_UuOXY .draftActions_FEgSS .active_1PXIw {
+.btn_style_2ZbMu:active,
+.btn_style_2ZbMu.on_14ReV {
   color: var(--upime-active);
 }
-.draftContainer_UuOXY.phone_1AAw- {
-  justify-content: space-evenly;
-  min-height: 52px;
-  padding-bottom: 5px;
-  margin-top: 10px;
-  flex-direction: row;
+.btn_style_2ZbMu.disabled_3ost8 {
+  color: var(--upime-disable);
+  pointer-events: none;
 }
-.draftContainer_UuOXY.phone_1AAw- .mic_Qk8ae {
+.propEditorIconBox_ZPJ55 {
+  height: 40px;
+  width: 40px;
   display: flex;
   justify-content: center;
-  align-items: flex-end;
-  width: 36px;
-  margin: 0 8px;
+  align-items: center;
 }
-.draftContainer_UuOXY.phone_1AAw- .mic_Qk8ae svg {
-  margin-bottom: 15px;
-  font-size: 25px;
+.do-hovers .icon_box_2_MCw:hover {
+  opacity: 1;
 }
-.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp {
-  flex-basis: 80%;
-  position: relative;
+.do-hovers .bling_item_Wpkjy:hover {
+  opacity: 1;
+  background-color: var(--upime-btn-bg-hover);
 }
-.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR {
-  padding: 0;
-  padding: initial;
-  width: calc(100% - 42px);
+.do-hovers .btn_style_2ZbMu:hover {
+  color: var(--upime-active);
 }
-.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR span {
-  top: 10px;
+.do-hovers .propEditorIconBox_ZPJ55:hover {
+  background-color: var(--upime-btn-bg-hover);
 }
-.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR p {
-  background-color: #f5f6f6;
-  padding: 0px 10px 0px 10px;
+.do-hovers .titleIcon_WNKTJ:hover {
+  color: var(--upime-active);
 }
-.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR p:first-child {
-  padding-top: 10px;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+.do-hovers .moreIcon_3EGbv:hover {
+  color: var(--upime-main-text);
 }
-.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR p:last-child {
-  padding-bottom: 10px;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
+.rotateY180_3B_Co {
+  transform: rotateY(180deg);
 }
-.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .fasongContainer_1JmyT {
-  position: absolute;
-  bottom: 10px;
-  right: -2px;
+.upimeInput_CNs-e {
+  height: 38px;
+  padding: 8px 16px;
+  border: 1px solid black;
+  box-shadow: 0px 0px 0px 2px rgba(46, 115, 229, 0.16);
+  border: 1px solid var(--upime-input-border);
   border-radius: 4px;
-  width: 36px;
-  height: 36px;
+}
+.upimeInput_CNs-e.invalid_3iDze {
+  box-shadow: 0px 0px 0px 2px rgba(254, 82, 80, 0.16);
+  border: 1px solid var(--upime-input-invalid);
+}
+.titleIcon_WNKTJ {
+  height: 48px;
+  width: 40px;
+  cursor: pointer;
   display: flex;
-  background-color: #2e73e5;
   justify-content: center;
   align-items: center;
 }
-.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .fasongContainer_1JmyT .send_3A3br {
-  color: #fff;
+.titleIcon_WNKTJ.active_3IluS {
+  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
+  background: initial !important;
 }
-.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .guanbi_czW5R {
-  position: absolute;
-  right: 10px;
-  top: -3px;
+.titleIcon_WNKTJ.active_3IluS {
+  color: var(--upime-active);
 }
-.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 {
-  flex-basis: 98%;
-  padding-right: 42px;
-  overflow: hidden;
+.moreIcon_3EGbv {
+  cursor: pointer;
 }
-.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR {
-  width: 100%;
-}
-.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR span {
-  top: -1px;
-}
-.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR p {
-  padding: 0px 10px 0px 10px;
-  background-color: transparent;
+.moreIcon_3EGbv svg {
+  color: #303445;
 }
-.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR p:first-child {
-  padding-top: 0;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.moreIcon_3EGbv.active_3IluS svg {
+  color: var(--upime-main-text);
 }
-.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR p:last-child {
-  padding-bottom: 0;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
+@keyframes loading_8SMbv {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
-.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .fasongContainer_1JmyT {
-  right: 2px;
+.loadingIcon_hh2my {
+  width: 24px;
+  height: 24px;
+  color: var(--upime-active);
+  animation: loading_8SMbv 1s linear infinite forwards;
 }
-.draftContainer_UuOXY.phone_1AAw- .upload_QWZzg {
+.AIButtonContainer_1KCD9 {
+  padding: 0 8px;
+  height: 100%;
   display: flex;
   justify-content: center;
-  align-items: flex-end;
-  width: 36px;
-  margin-right: 8px;
-  margin-left: 8px;
+  align-items: center;
 }
-.draftContainer_UuOXY.phone_1AAw- .upload_QWZzg svg {
-  margin-bottom: 15px;
-  font-size: 25px;
+.AIButtonContainer_1KCD9.transparent_KymT8 {
+  opacity: 0;
 }
-.draftContainer_UuOXY.editmode_28RLT {
-  height: 98px;
-  padding-bottom: 16px;
-  margin-top: 16px;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
 }
-.atContainer_L-8EN {
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD {
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   position: absolute;
+  left: 0;
   top: 0;
   bottom: 0;
-  left: 0;
   right: 0;
-  margin-top: -600px;
-  margin-bottom: 56px;
-  background: rgba(0, 0, 0, 0.4);
+  transform-origin: center center;
+  transition: 0.4s;
 }
-.recorderContainer_14Ow8 .coverblock_i__Kp {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: calc(100% - 116px);
-  margin-top: -200px;
-  z-index: 1000;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIShow_3bXP_ {
+  transform: scale(1) rotate(0);
+  opacity: 1;
 }
-.recorderContainer_14Ow8 .closebar_2rxUU {
-  height: 22px;
-  text-align: right;
-  margin-right: 14px;
-  margin-top: 14px;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIHide_36dTz {
+  transform: scale(0) rotate(360deg);
+  opacity: 0;
 }
-.commentWrapper_2tPfS {
-  position: absolute;
-  pointer-events: auto;
-  z-index: 999;
-  visibility: hidden;
-  touch-action: none;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIButtonHover_k40Kt:hover {
+  background-color: var(--upime-btn-bg-hover);
 }
-.commentWrapper_2tPfS .connectionLine_2yASh {
-  width: 233px;
-  border: 1px solid #ffd02f;
-  transform: translate(180px, -2px) rotate(180deg);
-  position: absolute;
-  transform-origin: 0 50%;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  height: 0px;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD.AIButtonDisabled_1ZmJx {
+  opacity: 0.3;
+  cursor: default;
   pointer-events: none;
 }
-.commentWrapper_2tPfS .connectionLine_2yASh .pivot_17Isl {
-  margin: -6px;
-  width: 10px;
-  height: 10px;
-  border-radius: 10px;
-  background-color: #ffd02f;
-  pointer-events: none;
+.AIButtonContainer_1KCD9 .AIButtonWrapper_1nNSv .AIButtonImageContainer_3bQyD .AIButtonImage_1g9MN {
+  width: 32px;
+  height: 32px;
 }
-.commentWrapper_2tPfS .commentBody_1nmBD {
-  background-color: var(--upime-pane-bg);
-  border-radius: 4px;
+.phoneBgColorFcContainer_3kNvI {
+  background-color: white;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-  background: white;
-  width: 340px;
-  max-height: 500px;
+  padding: 16px 0px;
+  border-radius: 4px;
+  width: 100%;
+  overflow: hidden;
+  pointer-events: all;
+  position: relative;
+}
+.widgetTypePicker_5H8Qx {
   position: absolute;
-  transform: translateY(-50%);
-  border-radius: 8px;
+  width: 212px;
+  padding: 16px 4px 16px 16px;
+  border-radius: 4px;
+  background-color: #ffffff;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
-.panelRoot_DCbrc {
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu {
+  max-height: 274px;
   display: flex;
   flex-direction: column;
-  width: 100%;
   overflow: hidden;
 }
-.panelRoot_DCbrc .header_1MxK8 {
-  height: 49px;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px 16px;
-  border-bottom: 1px solid #ECECEE;
-}
-.panelRoot_DCbrc .header_1MxK8 .toggleRoot_35-It {
-  min-width: 85px;
-  height: 24px;
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .baseTypeBox_2NVBF {
   display: flex;
+  justify-content: left;
   align-items: center;
+  flex-flow: row wrap;
+  gap: 12px;
+  padding-right: 12px;
 }
-.panelRoot_DCbrc .header_1MxK8 .toggleRoot_35-It > span {
-  margin-left: 8px;
-  font-size: 14px;
-  color: #616371;
-  line-height: 24px;
-}
-.panelRoot_DCbrc .header_1MxK8 .toggleRoot_35-It .resolvedText_LiVDf {
-  color: var(--upime-main-text);
-}
-.panelRoot_DCbrc .header_1MxK8 .actions_3L1j- {
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .baseTypeBox_2NVBF .baseTypeItem_2ZO0E {
+  width: 36px;
+  height: 36px;
   display: flex;
-  flex-direction: row;
   align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 2px;
 }
-.panelRoot_DCbrc .header_1MxK8 .actions_3L1j- .themeSelector_1-iBt {
-  min-width: 130px;
-  margin-right: 24px;
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .baseTypeDivider_L_aZN {
+  margin-top: 4px;
+  margin-bottom: 12px;
+  border-top: 1px solid #e6e7e9;
+  margin-right: 12px;
 }
-.panelRoot_DCbrc .body__a4mA {
-  width: calc(100% - 2px);
-  max-height: 287px;
-  padding: 12px 6px 0 12px;
-  overflow-x: hidden;
-  overflow-y: scroll;
-  border-bottom: 1px solid #ECECEE;
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL {
+  flex: 1;
+  padding-right: 6px;
+  overflow: auto;
   scrollbar-color: var(--upime-scrollbar-thumb) transparent;
   scrollbar-width: thin;
-  min-height: 40px;
 }
-.panelRoot_DCbrc .body__a4mA::-webkit-scrollbar {
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL::-webkit-scrollbar {
   width: 4px;
 }
-.panelRoot_DCbrc .body__a4mA::-webkit-scrollbar-track {
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL::-webkit-scrollbar-track {
   border-radius: 5px;
   background-color: transparent;
 }
-.panelRoot_DCbrc .body__a4mA::-webkit-scrollbar-thumb {
+.widgetTypePicker_5H8Qx .widgetTypeInner_3Uulu .listContainer_3ZQHL::-webkit-scrollbar-thumb {
   border-radius: 2px;
   background-color: var(--upime-scrollbar-thumb);
 }
-.panelSubmenu_2ZDSQ {
-  border-radius: 4px !important;
-  top: 44px !important;
-  right: 8px !important;
+.do-hovers .widget-type-item_2rkJI:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
-.panelSubmenu_2ZDSQ {
-  background-color: var(--upime-pane-bg);
-  border-radius: 4px;
-  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-  background: white;
-  min-width: 204px;
+
+.graphicSideContainer_jScOm {
+  position: relative;
+  width: 100%;
+  height: 100%;
   display: flex;
   flex-direction: column;
-  padding: 8px 0;
-  z-index: 10;
-  color: var(--upime-main-text);
 }
-.panelSubmenu_2ZDSQ .row_3B7Qx {
+.title_2y8qG {
+  padding-left: 24px;
+  padding-right: 54px;
+  height: 64px;
   width: 100%;
-  height: 38px;
-  display: flex;
-  flex-direction: row;
+  background-color: var(--upime-pane-bg);
   align-items: center;
-  padding: 0 16px;
   justify-content: space-between;
-  cursor: pointer;
+  display: flex;
+  flex-shrink: 0;
+  font-size: 20px;
+  color: var(--upime-main-text);
+  font-weight: 600;
+  line-height: 30px;
 }
-.panelSubmenu_2ZDSQ .row_3B7Qx .content_3xLwN {
+.title_2y8qG .titleIconContainer_2HpFh {
+  width: 44px;
+  height: 44px;
   display: flex;
-  flex-direction: row;
   align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: pointer;
 }
-.panelSubmenu_2ZDSQ .row_3B7Qx .content_3xLwN .headIcon_1Gh3W {
-  font-size: 24px;
+.title_2y8qG .titleIconContainer_2HpFh::after {
+  position: absolute;
+  content: "";
+  right: 0px;
+  top: 12px;
+  bottom: 12px;
+  width: 1px;
+  background-color: #e6e7e9;
 }
-.panelSubmenu_2ZDSQ .row_3B7Qx .content_3xLwN > span {
-  font-size: 14px;
-  line-height: 22px;
-  margin-left: 8px;
+.title_2y8qG .titleIconContainer_2HpFh .rotate_3mkgL {
+  transform: rotate(180deg);
 }
-.panelSubmenu_2ZDSQ .row_3B7Qx .pin_w94iy {
-  font-size: 16px;
-  color: var(--upime-active);
+.searchContentContainer_2aGCw {
+  margin-top: 8px;
+  height: 40px;
+  padding: 0 20px;
 }
-.do-hovers .panelSubmenu_2ZDSQ .row_3B7Qx:hover {
-  background: var(--upime-btn-bg-hover);
+.searchContentContainer_2aGCw .inputDomContainer_aORAa {
+  position: relative;
+  height: 100%;
 }
-.do-hovers .draftActions_FEgSS svg:hover {
-  color: var(--upime-active);
-}
-.activeIcon_2Uyb6 {
-  color: var(--upime-active) !important;
-}
-.guideRoot_3BhxH {
-  background-color: var(--upime-pane-bg);
-  border-radius: 4px;
-  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-  transform: translate(-96px);
-  top: auto;
-  top: initial;
-  bottom: 42px;
+.searchContentContainer_2aGCw .inputDomContainer_aORAa .qingchuHotarea_CavnD {
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  right: 12px;
+  top: 8px;
   display: flex;
-  flex-direction: column;
-  width: 240px;
-  height: 136px;
-  padding: 16px 16px 8px 16px;
-  align-items: flex-start;
-}
-.guideRoot_3BhxH > span {
-  font-size: 12px;
-  line-height: 22px;
-  margin-bottom: 8px;
-}
-.guideRoot_3BhxH .title_3sP2y {
-  color: var(--upime-main-text);
-  font-weight: 500;
-}
-.guideRoot_3BhxH .content_3xLwN {
-  color: var(--upime-second-text);
-}
-.guideRoot_3BhxH .link_1a0Wl {
+  align-items: center;
+  justify-content: center;
   cursor: pointer;
-  color: var(--upime-active);
 }
-
-.panel_cBaOW {
-  position: absolute;
-  padding: 3px 3px 2px;
-  margin: "0 1px";
-  display: "inline-block";
-  font-size: 12px;
-  background-color: #eee;
-  visibility: "hidden";
-  background-color: var(--upime-pane-bg);
-  border-radius: 4px;
-  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-  width: 280px;
-  color: var(--upime-main-text);
-  z-index: 1;
+.searchContentContainer_2aGCw .inputDomContainer_aORAa .qingchuIcon_2Z2NJ {
+  color: #dbdbde;
 }
-.panel_cBaOW.panelPhone_2ouSJ {
+.searchContentContainer_2aGCw .inputDomContainer_aORAa .searchIcon_2yMds {
   position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0px;
-  width: auto;
-  max-height: 220px;
-  overflow-y: hidden;
-  border-top-left-radius: 20px;
-  border-top-right-radius: 20px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  box-shadow: none;
+  left: 12px;
+  top: 10px;
 }
-.panel_cBaOW .header_2p8tf {
+.searchContentContainer_2aGCw .input_S5_HS {
   width: 100%;
-  height: 38px;
-  padding-left: 16px;
-  line-height: 21px;
+  height: 100%;
+  border-radius: 4px;
+  background-color: white;
+  border: 1px solid #ececee;
+  outline: none;
+  color: #303133;
   font-size: 14px;
+  padding: 0 48px 0 40px;
+  display: block;
 }
-.panel_cBaOW .header_2p8tf:first-child {
-  padding-top: 8px;
+.searchContentContainer_2aGCw .input_S5_HS::placeholder {
+  color: #c2c3c8;
 }
-.panel_cBaOW .header_2p8tf.withBorder_1stey {
-  border-bottom: 2px solid var(--upime-btn-bg-hover);
+.searchContentContainer_2aGCw .input_S5_HS:focus {
+  border: 1px solid #2e73e5;
 }
-.panel_cBaOW .viewport_3E_T_ {
-  width: 100%;
-  max-height: 235px;
-  overflow-x: hidden;
-  overflow-y: scroll;
+.categroyWrapper_2QXR0 {
+  flex: 1;
+  overflow: auto;
+  margin-top: 20px;
   scrollbar-color: var(--upime-scrollbar-thumb) transparent;
   scrollbar-width: thin;
 }
-.panel_cBaOW .viewport_3E_T_::-webkit-scrollbar {
+.categroyWrapper_2QXR0::-webkit-scrollbar {
   width: 4px;
 }
-.panel_cBaOW .viewport_3E_T_::-webkit-scrollbar-track {
+.categroyWrapper_2QXR0::-webkit-scrollbar-track {
   border-radius: 5px;
   background-color: transparent;
 }
-.panel_cBaOW .viewport_3E_T_::-webkit-scrollbar-thumb {
+.categroyWrapper_2QXR0::-webkit-scrollbar-thumb {
   border-radius: 2px;
   background-color: var(--upime-scrollbar-thumb);
 }
-.panel_cBaOW .viewport_3E_T_.phone_sJL1i {
-  max-height: 220px;
-  padding: 8px 0;
-}
-.panel_cBaOW .viewport_3E_T_ .list_2d87t {
-  padding: 8px 0;
+.categroyWrapper_2QXR0 .emptyContainer_1tl6E {
+  width: 100%;
+  height: 100%;
   display: flex;
   flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #616371;
 }
-.panel_cBaOW .viewport_3E_T_ .list_2d87t.phone_sJL1i {
-  padding: 0;
-  padding: initial;
+.categroyWrapper_2QXR0 .emptyContainer_1tl6E .emptyImg_PnK1N {
+  width: 140px;
 }
-.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD {
+.categroyContainer_2fReq {
+  margin-top: 20px;
+  padding: 0 16px 0 20px;
+}
+.categroyContainer_2fReq:first-child {
+  margin-top: 0;
+}
+.categroyContainer_2fReq .categroyTitle_1jXxy {
+  font-size: 16px;
   display: flex;
-  flex-direction: row;
   align-items: center;
-  width: 100%;
-  height: 40px;
-  padding-left: 16px;
-  cursor: pointer;
-}
-.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD.phone_sJL1i {
-  height: 50px;
+  justify-content: space-between;
+  height: 24px;
 }
-.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .avatar_2YMZh {
-  width: 26px;
-  height: 26px;
-  border-radius: 50%;
+.categroyContainer_2fReq .categroyTitle_1jXxy.hasHover_3obj2 {
+  cursor: pointer;
 }
-.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .avatar_2YMZh.phone_sJL1i {
-  width: 30px;
-  height: 30px;
+.categroyContainer_2fReq .categroyTitle_1jXxy .iconContainer_aHe3e {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD > span {
-  font-size: 14px;
-  line-height: 22px;
-  display: inline-block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.categroyContainer_2fReq .categroyTitle_1jXxy .iconContainer_aHe3e.iconRotate_R8Zzg {
+  transform: rotate(-90deg);
 }
-.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .userName_65nEG {
-  margin-left: 13px;
-  margin-bottom: 4px;
-  max-width: 68px;
+.categroyContainer_2fReq .colorpalettesWrapper_26FnQ {
+  position: relative;
 }
-.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .userName_65nEG.phone_sJL1i {
-  max-width: 290px;
-  font-size: 14px;
-  line-height: 14px;
-  margin-bottom: 0px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.categroyContainer_2fReq .colorpalettesWrapper_26FnQ .colorpalettesOptionContainer_3B7E_ {
+  position: absolute;
+  left: 0;
+  top: calc(100% + 1px);
 }
-.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .info_388sG {
-  margin-left: 13px;
-  color: var(--upime-second-text);
-  max-width: 134px;
+.categroyContainer_2fReq .colorpalettesContaienr_2Tw5t {
+  margin-top: 10px;
+  height: 24px;
+  padding: 2px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border-radius: 2px;
+  width: fit-content;
+  cursor: pointer;
 }
-.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .info_388sG.phone_sJL1i {
-  max-width: 290px;
-  line-height: 12px;
-  font-size: 12px;
+.categroyContainer_2fReq .colorpalettesContaienr_2Tw5t.tinyColorPa_2hUVD {
   margin-top: 4px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
-.nobgcolor_256Pd {
-  background-color: transparent;
-  background-color: initial;
+.categroyContainer_2fReq.tinyCate_38BwA {
+  padding: 0;
 }
-.selected_hhIDs {
-  color: var(--upime-active);
+.defaultColorTheme_2B6iW {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--upime-main-text);
 }
-.selected_hhIDs .info_388sG {
-  color: var(--upime-active) !important;
+.simpleColorTheme_21RUC {
+  display: flex;
+  align-items: center;
 }
-.mentionEle_B33RQ {
-  color: var(--upime-active);
-  padding: 3px 0;
+.simpleColorTheme_21RUC .simpleColorCircle_314Rw {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border-width: 2px;
+  border-style: solid;
+  margin-left: -5px;
 }
-.mentionEle_B33RQ.focus_2YKUk {
-  background-color: rgba(93, 151, 252, 0.5);
+.simpleColorTheme_21RUC .simpleColorCircle_314Rw:first-child {
+  margin-left: 0;
 }
-.mentionEle_B33RQ > span:first-child {
-  display: none;
+.childrenOptionContainer_3c2BF {
+  width: 160px;
+  padding: 8px 0;
+  border-radius: 2px;
+  background-color: white;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
-
-.link_38yHX {
+.childrenOptionContainer_3c2BF .options_39ftb {
+  height: 40px;
+  padding: 0 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
   color: var(--upime-active);
-  text-decoration: underline;
 }
-.link_38yHX.clickable_1ikEY {
-  cursor: pointer;
+.iconListContainer_92Ipt {
+  margin-top: 10px;
+}
+.iconListContainer_92Ipt .iconListView_sqkVV {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.iconListContainer_92Ipt .iconListView_sqkVV .iconCell_2I3tD {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 2px;
+}
+.iconListContainer_92Ipt .iconListView_sqkVV .draggingIcon_1wKts {
+  position: fixed;
+  z-index: 9999;
+  width: 44px;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 4px;
+  background-color: white;
+  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
+  transform: translateX(-50%) translateY(-50%);
+}
+.iconListContainer_92Ipt.tinyIconList_3JAOj .iconCell_2I3tD {
+  width: 36px;
+  height: 36px;
+}
+.do-hovers .colorpalettesContaienr_2Tw5t:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .titleIconContainer_2HpFh:hover {
+  color: var(--upime-active);
+}
+.do-hovers .childrenOptionContainer_3c2BF .options_39ftb:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconListView_sqkVV .iconCell_2I3tD:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+
+.draftContainer_UuOXY {
+  display: flex;
+  flex-direction: column;
+}
+.draftContainer_UuOXY .textPart_GSblp {
+  display: flex;
+  position: relative;
+}
+.draftContainer_UuOXY .textPart_GSblp .editor_12tyR {
+  -webkit-user-select: text !important;
+          user-select: text !important;
+}
+.draftContainer_UuOXY .textPart_GSblp .editor_12tyR {
+  width: 100%;
+  min-height: 50px;
+  max-height: 162px;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
+  scrollbar-width: thin;
+  padding: 15px 56px 16px 16px;
+}
+.draftContainer_UuOXY .textPart_GSblp .editor_12tyR::-webkit-scrollbar {
+  width: 4px;
+}
+.draftContainer_UuOXY .textPart_GSblp .editor_12tyR::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
+}
+.draftContainer_UuOXY .textPart_GSblp .editor_12tyR::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: var(--upime-scrollbar-thumb);
+}
+.draftContainer_UuOXY .textPart_GSblp .editor_12tyR > div {
+  line-height: 20px;
+  font-size: 14px;
+}
+.draftContainer_UuOXY .textPart_GSblp .editor_12tyR span {
+  top: 0px;
+}
+.draftContainer_UuOXY .textPart_GSblp .editor_12tyR * {
+  -webkit-user-select: text !important;
+          user-select: text !important;
+}
+.draftContainer_UuOXY .textPart_GSblp .actionRow_3GZwe {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: row;
+  padding: 14px 16px 14px 12px;
+  justify-content: flex-end;
+}
+.draftContainer_UuOXY .textPart_GSblp .actionRow_3GZwe svg {
+  color: #d8d8d8;
+  cursor: pointer;
+  pointer-events: none;
+  width: 24px;
+  height: 22px;
+}
+.draftContainer_UuOXY .textPart_GSblp .actionRow_3GZwe svg.active_1PXIw {
+  color: var(--upime-active);
+  pointer-events: auto;
+}
+.draftContainer_UuOXY .draftActions_FEgSS {
+  display: flex;
+  width: 100%;
+  padding: 8px 16px 12px 16px;
+}
+.draftContainer_UuOXY .draftActions_FEgSS .micCon_3R3ED {
+  height: 24px;
+}
+.draftContainer_UuOXY .draftActions_FEgSS svg {
+  cursor: pointer;
+  width: 24px;
+  height: 24px;
+  margin-right: 24px;
+  color: #616371;
+}
+.draftContainer_UuOXY .draftActions_FEgSS .active_1PXIw {
+  color: var(--upime-active);
+}
+.draftContainer_UuOXY.phone_1AAw- {
+  justify-content: space-evenly;
+  min-height: 52px;
+  padding-bottom: 5px;
+  margin-top: 10px;
+  flex-direction: row;
+}
+.draftContainer_UuOXY.phone_1AAw- .mic_Qk8ae {
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+  width: 36px;
+  margin: 0 8px;
+}
+.draftContainer_UuOXY.phone_1AAw- .mic_Qk8ae svg {
+  margin-bottom: 15px;
+  font-size: 25px;
+}
+.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp {
+  flex-basis: 80%;
+  position: relative;
+}
+.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR {
+  padding: 0;
+  padding: initial;
+  width: calc(100% - 42px);
+}
+.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR span {
+  top: 10px;
+}
+.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR p {
+  background-color: #f5f6f6;
+  padding: 0px 10px 0px 10px;
+}
+.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR p:first-child {
+  padding-top: 10px;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .editor_12tyR p:last-child {
+  padding-bottom: 10px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .fasongContainer_1JmyT {
+  position: absolute;
+  bottom: 10px;
+  right: -2px;
+  border-radius: 4px;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  background-color: #2e73e5;
+  justify-content: center;
+  align-items: center;
+}
+.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .fasongContainer_1JmyT .send_3A3br {
+  color: #fff;
+}
+.draftContainer_UuOXY.phone_1AAw- .textPart_GSblp .guanbi_czW5R {
+  position: absolute;
+  right: 10px;
+  top: -3px;
+}
+.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 {
+  flex-basis: 98%;
+  padding-right: 42px;
+  overflow: hidden;
+}
+.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR {
+  width: 100%;
+}
+.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR span {
+  top: -1px;
+}
+.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR p {
+  padding: 0px 10px 0px 10px;
+  background-color: transparent;
+}
+.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR p:first-child {
+  padding-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .editor_12tyR p:last-child {
+  padding-bottom: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.draftContainer_UuOXY.phone_1AAw- .editTextPart_1Dbg8 .fasongContainer_1JmyT {
+  right: 2px;
+}
+.draftContainer_UuOXY.phone_1AAw- .upload_QWZzg {
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+  width: 36px;
+  margin-right: 8px;
+  margin-left: 8px;
+}
+.draftContainer_UuOXY.phone_1AAw- .upload_QWZzg svg {
+  margin-bottom: 15px;
+  font-size: 25px;
+}
+.draftContainer_UuOXY.editmode_28RLT {
+  height: 98px;
+  padding-bottom: 16px;
+  margin-top: 16px;
+}
+.atContainer_L-8EN {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin-top: -600px;
+  margin-bottom: 56px;
+  background: rgba(0, 0, 0, 0.4);
+}
+.recorderContainer_14Ow8 .coverblock_i__Kp {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: calc(100% - 116px);
+  margin-top: -200px;
+  z-index: 1000;
+}
+.recorderContainer_14Ow8 .closebar_2rxUU {
+  height: 22px;
+  text-align: right;
+  margin-right: 14px;
+  margin-top: 14px;
+}
+.commentWrapper_2tPfS {
+  position: absolute;
+  pointer-events: auto;
+  z-index: 999;
+  visibility: hidden;
+  touch-action: none;
+}
+.commentWrapper_2tPfS .connectionLine_2yASh {
+  width: 233px;
+  border: 1px solid #ffd02f;
+  transform: translate(180px, -2px) rotate(180deg);
+  position: absolute;
+  transform-origin: 0 50%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  height: 0px;
+  pointer-events: none;
+}
+.commentWrapper_2tPfS .connectionLine_2yASh .pivot_17Isl {
+  margin: -6px;
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #ffd02f;
+  pointer-events: none;
+}
+.commentWrapper_2tPfS .commentBody_1nmBD {
+  background-color: var(--upime-pane-bg);
+  border-radius: 4px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  background: white;
+  width: 340px;
+  max-height: 500px;
+  position: absolute;
+  transform: translateY(-50%);
+  border-radius: 8px;
+}
+.panelRoot_DCbrc {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow: hidden;
+}
+.panelRoot_DCbrc .header_1MxK8 {
+  height: 49px;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  border-bottom: 1px solid #ECECEE;
+}
+.panelRoot_DCbrc .header_1MxK8 .toggleRoot_35-It {
+  min-width: 85px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+}
+.panelRoot_DCbrc .header_1MxK8 .toggleRoot_35-It > span {
+  margin-left: 8px;
+  font-size: 14px;
+  color: #616371;
+  line-height: 24px;
+}
+.panelRoot_DCbrc .header_1MxK8 .toggleRoot_35-It .resolvedText_LiVDf {
+  color: var(--upime-main-text);
+}
+.panelRoot_DCbrc .header_1MxK8 .actions_3L1j- {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.panelRoot_DCbrc .header_1MxK8 .actions_3L1j- .themeSelector_1-iBt {
+  min-width: 130px;
+  margin-right: 24px;
+}
+.panelRoot_DCbrc .body__a4mA {
+  width: calc(100% - 2px);
+  max-height: 287px;
+  padding: 12px 6px 0 12px;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  border-bottom: 1px solid #ECECEE;
+  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
+  scrollbar-width: thin;
+  min-height: 40px;
+}
+.panelRoot_DCbrc .body__a4mA::-webkit-scrollbar {
+  width: 4px;
+}
+.panelRoot_DCbrc .body__a4mA::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
+}
+.panelRoot_DCbrc .body__a4mA::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: var(--upime-scrollbar-thumb);
+}
+.panelSubmenu_2ZDSQ {
+  border-radius: 4px !important;
+  top: 44px !important;
+  right: 8px !important;
+}
+.panelSubmenu_2ZDSQ {
+  background-color: var(--upime-pane-bg);
+  border-radius: 4px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  background: white;
+  min-width: 204px;
+  display: flex;
+  flex-direction: column;
+  padding: 8px 0;
+  z-index: 10;
+  color: var(--upime-main-text);
+}
+.panelSubmenu_2ZDSQ .row_3B7Qx {
+  width: 100%;
+  height: 38px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0 16px;
+  justify-content: space-between;
+  cursor: pointer;
+}
+.panelSubmenu_2ZDSQ .row_3B7Qx .content_3xLwN {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.panelSubmenu_2ZDSQ .row_3B7Qx .content_3xLwN .headIcon_1Gh3W {
+  font-size: 24px;
+}
+.panelSubmenu_2ZDSQ .row_3B7Qx .content_3xLwN > span {
+  font-size: 14px;
+  line-height: 22px;
+  margin-left: 8px;
+}
+.panelSubmenu_2ZDSQ .row_3B7Qx .pin_w94iy {
+  font-size: 16px;
+  color: var(--upime-active);
+}
+.do-hovers .panelSubmenu_2ZDSQ .row_3B7Qx:hover {
+  background: var(--upime-btn-bg-hover);
+}
+.do-hovers .draftActions_FEgSS svg:hover {
+  color: var(--upime-active);
+}
+.activeIcon_2Uyb6 {
+  color: var(--upime-active) !important;
+}
+.guideRoot_3BhxH {
+  background-color: var(--upime-pane-bg);
+  border-radius: 4px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  transform: translate(-96px);
+  top: auto;
+  top: initial;
+  bottom: 42px;
+  display: flex;
+  flex-direction: column;
+  width: 240px;
+  height: 136px;
+  padding: 16px 16px 8px 16px;
+  align-items: flex-start;
+}
+.guideRoot_3BhxH > span {
+  font-size: 12px;
+  line-height: 22px;
+  margin-bottom: 8px;
+}
+.guideRoot_3BhxH .title_3sP2y {
+  color: var(--upime-main-text);
+  font-weight: 500;
+}
+.guideRoot_3BhxH .content_3xLwN {
+  color: var(--upime-second-text);
+}
+.guideRoot_3BhxH .link_1a0Wl {
+  cursor: pointer;
+  color: var(--upime-active);
+}
+
+.panel_cBaOW {
+  position: absolute;
+  padding: 3px 3px 2px;
+  margin: "0 1px";
+  display: "inline-block";
+  font-size: 12px;
+  background-color: #eee;
+  visibility: "hidden";
+  background-color: var(--upime-pane-bg);
+  border-radius: 4px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  width: 280px;
+  color: var(--upime-main-text);
+  z-index: 1;
+}
+.panel_cBaOW.panelPhone_2ouSJ {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0px;
+  width: auto;
+  max-height: 220px;
+  overflow-y: hidden;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  box-shadow: none;
+}
+.panel_cBaOW .header_2p8tf {
+  width: 100%;
+  height: 38px;
+  padding-left: 16px;
+  line-height: 21px;
+  font-size: 14px;
+}
+.panel_cBaOW .header_2p8tf:first-child {
+  padding-top: 8px;
+}
+.panel_cBaOW .header_2p8tf.withBorder_1stey {
+  border-bottom: 2px solid var(--upime-btn-bg-hover);
+}
+.panel_cBaOW .viewport_3E_T_ {
+  width: 100%;
+  max-height: 235px;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
+  scrollbar-width: thin;
+}
+.panel_cBaOW .viewport_3E_T_::-webkit-scrollbar {
+  width: 4px;
+}
+.panel_cBaOW .viewport_3E_T_::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
+}
+.panel_cBaOW .viewport_3E_T_::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: var(--upime-scrollbar-thumb);
+}
+.panel_cBaOW .viewport_3E_T_.phone_sJL1i {
+  max-height: 220px;
+  padding: 8px 0;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t {
+  padding: 8px 0;
+  display: flex;
+  flex-direction: column;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t.phone_sJL1i {
+  padding: 0;
+  padding: initial;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  height: 40px;
+  padding-left: 16px;
+  cursor: pointer;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD.phone_sJL1i {
+  height: 50px;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .avatar_2YMZh {
+  width: 26px;
+  height: 26px;
+  border-radius: 50%;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .avatar_2YMZh.phone_sJL1i {
+  width: 30px;
+  height: 30px;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD > span {
+  font-size: 14px;
+  line-height: 22px;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .userName_65nEG {
+  margin-left: 13px;
+  margin-bottom: 4px;
+  max-width: 68px;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .userName_65nEG.phone_sJL1i {
+  max-width: 290px;
+  font-size: 14px;
+  line-height: 14px;
+  margin-bottom: 0px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .info_388sG {
+  margin-left: 13px;
+  color: var(--upime-second-text);
+  max-width: 134px;
+}
+.panel_cBaOW .viewport_3E_T_ .list_2d87t .row_kKkyD .info_388sG.phone_sJL1i {
+  max-width: 290px;
+  line-height: 12px;
+  font-size: 12px;
+  margin-top: 4px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.nobgcolor_256Pd {
+  background-color: transparent;
+  background-color: initial;
+}
+.selected_hhIDs {
+  color: var(--upime-active);
+}
+.selected_hhIDs .info_388sG {
+  color: var(--upime-active) !important;
+}
+.mentionEle_B33RQ {
+  color: var(--upime-active);
+  padding: 3px 0;
+}
+.mentionEle_B33RQ.focus_2YKUk {
+  background-color: rgba(93, 151, 252, 0.5);
+}
+.mentionEle_B33RQ > span:first-child {
+  display: none;
+}
+
+.link_38yHX {
+  color: var(--upime-active);
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.link_38yHX.clickable_1ikEY {
+  cursor: pointer;
 }
 
 .paragraph_2jidS {
@@ -3976,7 +4529,6 @@
 }
 .draftContainer_3wxyN .textPart_2_6bY .editor_VRdAP {
   -webkit-user-select: text !important;
-     -moz-user-select: text !important;
           user-select: text !important;
 }
 .draftContainer_3wxyN .textPart_2_6bY .editor_VRdAP {
@@ -4009,7 +4561,6 @@
 }
 .draftContainer_3wxyN .textPart_2_6bY .editor_VRdAP * {
   -webkit-user-select: text !important;
-     -moz-user-select: text !important;
           user-select: text !important;
 }
 .draftContainer_3wxyN .textPart_2_6bY .actionRow_IgBSG {
@@ -4453,7 +5004,6 @@
 }
 .messageItemRoot_3URk_ .content_oxA_u * {
   -webkit-user-select: text !important;
-     -moz-user-select: text !important;
           user-select: text !important;
 }
 .messageItemRoot_3URk_ .actions_nqOrM {
@@ -4890,8 +5440,7 @@
   align-items: center;
 }
 .root_2YuiZ > img {
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   border-radius: 4px;
   max-width: 100%;
 }
@@ -5117,7 +5666,6 @@
   font-size: 10px;
   text-align: center;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
 }
 .fontSizeSelect_mZrQe .rightOption_MD7Qa .btn_mBY8_:hover {
@@ -5866,8 +6414,7 @@
 .content_j7Z8k.video_at_K0 video {
   width: 100%;
   height: 100%;
-  -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
 }
 .resize_dom_fuoNI {
   position: absolute;
@@ -6664,9 +7211,6 @@
   outline: none;
   color: #0c1024;
 }
-.inputContainer_2v9CT .input_s7rot::-moz-placeholder {
-  color: #c2c3c8;
-}
 .inputContainer_2v9CT .input_s7rot::placeholder {
   color: #c2c3c8;
 }
@@ -7152,15 +7696,13 @@
   grid-row-gap: 32px;
   row-gap: 32px;
   grid-column-gap: 12px;
-  -moz-column-gap: 12px;
-       column-gap: 12px;
+  column-gap: 12px;
   justify-items: center;
   border-top: 1px solid #e6e7e9;
   padding-top: 14px;
 }
 .dateSelectorContainer_7OPhd .monthListContainer_1feVK.phone_1imQn {
-  -moz-column-gap: 40px;
-       column-gap: 40px;
+  column-gap: 40px;
   margin-top: 0px;
 }
 .dateSelectorContainer_7OPhd .monthListContainer_1feVK .monCell_2kpcK {
@@ -7480,9 +8022,6 @@
   margin-bottom: 8px;
   width: 100%;
 }
-.cardEditModalContainer_3CGgB .textTitle_2ByIg::-moz-placeholder {
-  color: #c2c3c8;
-}
 .cardEditModalContainer_3CGgB .textTitle_2ByIg::placeholder {
   color: #c2c3c8;
 }
@@ -7568,9 +8107,6 @@
   scrollbar-color: var(--upime-scrollbar-thumb) transparent;
   scrollbar-width: thin;
 }
-.cardEditModalContainer_3CGgB .descContainer_3mYME .textDescContainer_1m0SK .textDesc_bExXH::-moz-placeholder {
-  color: #c2c3c8;
-}
 .cardEditModalContainer_3CGgB .descContainer_3mYME .textDescContainer_1m0SK .textDesc_bExXH::placeholder {
   color: #c2c3c8;
 }
@@ -7593,7 +8129,6 @@
   left: 0;
   opacity: 0;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
   pointer-events: none;
 }
@@ -7662,7 +8197,6 @@
 }
 .selectContainer_YVQ79 .box_3MeK9 {
   height: 100%;
-  width: -moz-fit-content;
   width: fit-content;
   max-width: 100%;
   display: flex;
@@ -7914,7 +8448,6 @@
   display: flex;
   align-items: center;
   color: #2e73e5;
-  width: -moz-fit-content;
   width: fit-content;
   height: 100%;
   padding: 0 8px 0 2px;
@@ -7950,7 +8483,6 @@
   position: relative;
 }
 .viewerContainer_3f1Ay.imgContainer_2svvI {
-  width: -moz-fit-content;
   width: fit-content;
 }
 .viewerContainer_3f1Ay .uploadCover_1xurO {
@@ -8003,8 +8535,7 @@
 .viewerContainer_3f1Ay .imgContainer_2svvI img {
   width: 100%;
   height: 100%;
-  -o-object-fit: scale-down;
-     object-fit: scale-down;
+  object-fit: scale-down;
   display: block;
 }
 .viewerContainer_3f1Ay .officeContainer_1mf6v {
@@ -8103,8 +8634,7 @@
 .viewerContainer_3f1Ay .videoContainer_qXhrY .videoDom_1jG0t {
   width: 100%;
   max-height: 180px;
-  -o-object-fit: scale-down;
-     object-fit: scale-down;
+  object-fit: scale-down;
   display: block;
 }
 .viewerContainer_3f1Ay .videoContainer_qXhrY .mask_1m9yl {
@@ -8373,9 +8903,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .titleInput_hwfMP::-moz-placeholder {
-  color: #91939c;
-}
 .phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .titleInput_hwfMP::placeholder {
   color: #91939c;
 }
@@ -8878,9 +9405,6 @@
   background-color: #f5f6f6;
   cursor: not-allowed;
 }
-.kanbanConfigWrapper_zrjFR .kanbanConfigContainer_2ZExP .kanbanMainContainer_fdqg- .kanbanMainContent_3PO_L .kanbanMainContentScroll_2knc1 .kanbanMainContentProp_1Vcq9 .inputContainer_zn0oa .input_129hJ::-moz-placeholder {
-  color: #c2c3c8;
-}
 .kanbanConfigWrapper_zrjFR .kanbanConfigContainer_2ZExP .kanbanMainContainer_fdqg- .kanbanMainContent_3PO_L .kanbanMainContentScroll_2knc1 .kanbanMainContentProp_1Vcq9 .inputContainer_zn0oa .input_129hJ::placeholder {
   color: #c2c3c8;
 }
@@ -9004,9 +9528,6 @@
 .kanbanConfigWrapper_zrjFR .kanbanConfigContainer_2ZExP .kanbanMainContainer_fdqg- .kanbanMainContent_3PO_L .kanbanMainContentScroll_2knc1 .kanbanMainContentProp_1Vcq9 .optionListContainer_3gQwd .opRow_8piVY .opInputContainer_3F-t_:focus {
   border: 1px solid #2e73e5;
 }
-.kanbanConfigWrapper_zrjFR .kanbanConfigContainer_2ZExP .kanbanMainContainer_fdqg- .kanbanMainContent_3PO_L .kanbanMainContentScroll_2knc1 .kanbanMainContentProp_1Vcq9 .optionListContainer_3gQwd .opRow_8piVY .opInputContainer_3F-t_::-moz-placeholder {
-  color: #c2c3c8;
-}
 .kanbanConfigWrapper_zrjFR .kanbanConfigContainer_2ZExP .kanbanMainContainer_fdqg- .kanbanMainContent_3PO_L .kanbanMainContentScroll_2knc1 .kanbanMainContentProp_1Vcq9 .optionListContainer_3gQwd .opRow_8piVY .opInputContainer_3F-t_::placeholder {
   color: #c2c3c8;
 }
@@ -9166,7 +9687,6 @@
 .element_name_39TT- {
   position: absolute;
   transform-origin: 0 0;
-  width: -moz-max-content;
   width: max-content;
   height: 100%;
   padding: 0;
@@ -9196,10 +9716,6 @@
   pointer-events: auto;
   font-weight: 600;
 }
-.textarea_element_name_3uw6w::-moz-placeholder {
-  color: #c2c3c8;
-  font-weight: 400;
-}
 .textarea_element_name_3uw6w::placeholder {
   color: #c2c3c8;
   font-weight: 400;
@@ -9322,9 +9838,6 @@
 .addNewColContainer_2U3es .attrInputContainer_hhG9O .attrInput_9uRCq.error_1F0s4 {
   border: 1px solid #fe5250;
 }
-.addNewColContainer_2U3es .attrInputContainer_hhG9O .attrInput_9uRCq::-moz-placeholder {
-  color: #c2c3c8;
-}
 .addNewColContainer_2U3es .attrInputContainer_hhG9O .attrInput_9uRCq::placeholder {
   color: #c2c3c8;
 }
@@ -10094,9 +10607,6 @@
 .dashboardContainer_mRFS- .dashbardContentContainer_33BP7 .inputRow_2fmro .input_3AwAe.oneLine_3BVqx.phone_1kP_V {
   padding-right: 36px;
 }
-.dashboardContainer_mRFS- .dashbardContentContainer_33BP7 .inputRow_2fmro .input_3AwAe::-moz-placeholder {
-  color: #c2c3c8;
-}
 .dashboardContainer_mRFS- .dashbardContentContainer_33BP7 .inputRow_2fmro .input_3AwAe::placeholder {
   color: #c2c3c8;
 }
@@ -10126,7 +10636,6 @@
   left: 0;
   opacity: 0;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
   pointer-events: none;
 }
@@ -10475,16 +10984,23 @@
 }
 .node_menu_2TnQY {
   position: absolute;
-  padding: 16px 12px;
   border-radius: 4px;
 }
-.node_menu_2TnQY .btn_group_3uY4M {
+.node_menu_2TnQY .split_line_Tjx6K {
+  width: 100%;
+  height: 1px;
+  background: #E6E7E9;
+}
+.node_menu_2TnQY.add_28H9H {
+  padding: 16px 12px;
+}
+.node_menu_2TnQY.add_28H9H .btn_group_3uY4M {
   width: 198px;
 }
-.node_menu_2TnQY .btn_group_3uY4M:not(:first-child) {
+.node_menu_2TnQY.add_28H9H .btn_group_3uY4M:not(:first-child) {
   margin-top: 16px;
 }
-.node_menu_2TnQY .type_3r3TJ {
+.node_menu_2TnQY.add_28H9H .type_3r3TJ {
   height: 22px;
   line-height: 22px;
   padding-left: 12px;
@@ -10492,27 +11008,27 @@
   color: #91939C;
   margin-bottom: 4px;
 }
-.node_menu_2TnQY .btns_3tk0H {
+.node_menu_2TnQY.add_28H9H .btns_3tk0H {
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: space-around;
 }
-.node_menu_2TnQY .btn_1QjMZ {
+.node_menu_2TnQY.add_28H9H .btn_1QjMZ {
   color: #0C1024;
   width: 30px;
   height: 30px;
   display: flex;
   cursor: pointer;
 }
-.node_menu_2TnQY .btn_1QjMZ .btn_icon_WL9f8 {
+.node_menu_2TnQY.add_28H9H .btn_1QjMZ .btn_icon_WL9f8 {
   margin: auto;
 }
-.node_menu_2TnQY .btn_icon_WL9f8 {
+.node_menu_2TnQY.add_28H9H .btn_icon_WL9f8 {
   font-size: 20px;
   pointer-events: none;
 }
-.node_menu_2TnQY .btn_bar_3nYM8 {
+.node_menu_2TnQY.add_28H9H .btn_bar_3nYM8 {
   height: 36px;
   color: #0C1024;
   padding: 0 12px;
@@ -10521,14 +11037,99 @@
   justify-content: flex-start;
   cursor: pointer;
 }
-.node_menu_2TnQY .btn_name_1sj6v {
+.node_menu_2TnQY.add_28H9H .btn_name_1sj6v {
   margin-left: 4px;
   font-size: 14px;
   line-height: 20px;
   height: 20px;
 }
+.node_type_select_1f7cC {
+  padding: 12px;
+}
+.node_type_select_1f7cC .types_2TAh- {
+  width: 160px;
+  height: 64px;
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 8px;
+}
+.node_type_select_1f7cC .type_3r3TJ {
+  display: flex;
+  width: 30px;
+  height: 30px;
+  margin-bottom: 4px;
+  margin-right: 8px;
+  cursor: pointer;
+}
+.node_type_select_1f7cC .type_3r3TJ .type_icon_3nQj_ {
+  margin: auto;
+  font-size: 20px;
+}
+.node_type_select_1f7cC .type_3r3TJ.selected_2_WFP {
+  background: #EAF1FC !important;
+}
+.node_type_select_1f7cC .type_3r3TJ.selected_2_WFP {
+  color: #2E73E5;
+  border-radius: 2px;
+}
+.node_align_btn_1xYq2 {
+  width: 100%;
+  height: 52px;
+  padding: 16px 20px;
+  color: #0C1024;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+.align_option_1bkez {
+  padding: 8px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+.align_option_1bkez.disabled_Mm6ss {
+  color: #C2C3C8;
+  pointer-events: none;
+}
+.align_option_1bkez:not(:first-child) {
+  margin-top: 4px;
+}
+.align_option_1bkez .right_icon_1Tg4P {
+  display: none;
+}
+.align_option_1bkez.selected_2_WFP {
+  color: #2E73E5;
+}
+.align_option_1bkez.selected_2_WFP .right_icon_1Tg4P {
+  display: inline;
+  display: initial;
+}
+.node_align_btn_1xYq2 .icon_LcPRG,
+.align_option_1bkez .icon_LcPRG {
+  font-size: 20px;
+  flex-shrink: 0;
+}
+.node_align_btn_1xYq2 .text_3sB8Z,
+.align_option_1bkez .text_3sB8Z {
+  margin-left: 8px;
+  width: 100%;
+  font-size: 14px;
+  line-height: 20px;
+}
+.node_align_btn_1xYq2 .right_icon_1Tg4P,
+.align_option_1bkez .right_icon_1Tg4P {
+  font-size: 16px;
+  flex-shrink: 0;
+}
+.align_option_group_2NnKY {
+  padding: 8px 12px;
+}
+.node_align_menu_2NACD {
+  width: 184px;
+}
 .do-hovers .hover_style_3dBbz:hover {
-  border-radius: 4px;
+  border-radius: 2px;
   background: rgba(0, 0, 0, 0.06);
 }
 
@@ -10640,7 +11241,6 @@
 .border_Q60AG *::after {
   box-sizing: border-box;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
 }
 .border_Q60AG input,
@@ -10648,7 +11248,6 @@
   outline: none !important;
   resize: none !important;
   -webkit-user-select: text !important;
-     -moz-user-select: text !important;
           user-select: text !important;
 }
 .goToLinkToolTip_Jo9f- {
@@ -11069,10 +11668,6 @@
   padding-left: 40px;
   padding-right: 32px;
 }
-.filterContainer_3-Rd6 .participantContainer_2IQRQ .searchContainer_110-h > input::-moz-placeholder {
-  color: #c2c3c8;
-  font-size: 14px;
-}
 .filterContainer_3-Rd6 .participantContainer_2IQRQ .searchContainer_110-h > input::placeholder {
   color: #c2c3c8;
   font-size: 14px;
@@ -11405,10 +12000,6 @@
   padding-left: 40px;
   padding-right: 32px;
 }
-.filterContainer_2BCmt .participantContainer_2cqqd .searchContainer_2UViR > input::-moz-placeholder {
-  color: #c2c3c8;
-  font-size: 14px;
-}
 .filterContainer_2BCmt .participantContainer_2cqqd .searchContainer_2UViR > input::placeholder {
   color: #c2c3c8;
   font-size: 14px;
@@ -12030,7 +12621,7 @@
 .root_m21ec .content_bVoEx {
   display: flex;
   flex-direction: column;
-  margin-bottom: 24px;
+  margin-bottom: 16px;
 }
 .root_m21ec .content_bVoEx .title_3VGI6 {
   height: 28px;
@@ -12156,7 +12747,7 @@
 }
 .nickNameInput_RAs3H {
   margin: 0px;
-  margin-bottom: 16px;
+  margin-bottom: 24px;
   height: 44px;
 }
 .noPermissionJoinBox_2qDRl {
@@ -12263,9 +12854,9 @@
 .outMeetingModalBox_24pEe,
 .endModalBox_21TuR {
   width: 480px;
-  height: 170px;
   border-radius: 12px;
   padding: 24px;
+  padding-top: 18px;
   background-color: #fff;
   position: absolute;
   top: 50%;
@@ -12574,6 +13165,30 @@
   opacity: 1;
   background-color: #1d56bf;
 }
+.advanceSettingModal_DjNj6 {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  background-color: #fff;
+  transform: translate(-50%, -50%);
+  padding: 16px 40px 40px 40px;
+  border-radius: 12px;
+  width: 520px;
+}
+.advanceSettingModal_DjNj6 .closeBox_3I7Od {
+  position: absolute;
+  right: 12px;
+  display: flex;
+  padding: 12px;
+  cursor: pointer;
+  border-radius: 2px;
+}
+.advanceSettingModal_DjNj6 .closeBox_3I7Od > svg {
+  font-size: 20px;
+}
+.advanceSettingModal_DjNj6 .closeBox_3I7Od:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
 
 .phoneModal_3GV2w {
   width: 278px;
@@ -12697,9 +13312,6 @@
   top: 3px;
   position: relative;
 }
-.body_3jDAr .searchBar_28EEk > input::-moz-placeholder {
-  color: #91939c;
-}
 .body_3jDAr .searchBar_28EEk > input::placeholder {
   color: #91939c;
 }
@@ -13411,7 +14023,6 @@
 }
 .textContainer_1JELQ .textBox_2F1tW .textItem_198Os .textArea_3s9sD .textContent_1lDEl {
   -webkit-user-select: text;
-     -moz-user-select: text;
           user-select: text;
   font-size: 14px;
   color: #0c1024;
@@ -14229,6 +14840,7 @@
 .videoContainer_2MFyP {
   width: 100%;
   height: 100%;
+  position: absolute;
 }
 .videoContainer_2MFyP > div {
   border-radius: 4px;
@@ -14459,8 +15071,7 @@
   background-color: var(--upime-btn-bg-hover);
 }
 .panelRoot_2VoAv {
-  width: 168px;
-  max-height: 96px;
+  width: max-content;
   bottom: 60px;
   top: auto;
   top: initial;
@@ -14477,6 +15088,23 @@
 .panelRoot_2VoAv.miniMode_1ompl {
   bottom: 34px;
 }
+.panelRoot_2VoAv .advanceSettingBox_14I4H {
+  display: flex;
+  gap: 8px;
+  padding: 8px 16px;
+  align-items: center;
+  cursor: pointer;
+}
+.panelRoot_2VoAv .advanceSettingBox_14I4H .settingIcon_3kaB_ {
+  font-size: 24px;
+}
+.panelRoot_2VoAv .advanceSettingBox_14I4H .text_2uRRu {
+  font-size: 14px;
+  color: #303445;
+}
+.panelRoot_2VoAv .advanceSettingBox_14I4H:hover {
+  background-color: var(--upime-btn-bg-hover);
+}
 .screenShareWidgetBox_3DBJ5 {
   position: absolute;
   bottom: 66px;
@@ -14619,8 +15247,7 @@
   position: absolute;
   transform-origin: 0 0;
   opacity: 0.9;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   pointer-events: none;
   background-size: cover;
 }
@@ -14944,9 +15571,6 @@
   font-size: 14px;
   text-align: left;
 }
-.input__gVok::-moz-placeholder {
-  color: #91939c;
-}
 .input__gVok::placeholder {
   color: #91939c;
 }
@@ -15153,6 +15777,10 @@
   justify-content: space-between;
   align-content: space-between;
   padding: 14px;
+  transition: left 0.3s;
+}
+.shapePannel_19HX4.toRight_2kFJv {
+  left: 348px;
 }
 .uploadFileTypeSeletor_29BDm {
   position: relative;
@@ -15160,7 +15788,6 @@
   top: auto;
   padding: 20px 10px 10px 10px;
   min-width: 300px;
-  width: -moz-max-content;
   width: max-content;
   display: flex;
   flex-direction: column;
@@ -15219,7 +15846,6 @@
   background-color: rgba(0, 0, 0, 0.06);
 }
 .timerPanelSelector_TWSIQ {
-  width: -moz-max-content;
   width: max-content;
   padding: 13px 12px;
   border-radius: 4px;
@@ -15674,21 +16300,18 @@
   grid-row-gap: 8px;
   row-gap: 8px;
   grid-column-gap: 12px;
-  -moz-column-gap: 12px;
-       column-gap: 12px;
+  column-gap: 12px;
   padding: 0 10px 0 14px;
   flex: 1;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
   margin-bottom: 4px;
 }
 .panel_content_28GpE .content_iUra0 .panel_content_item_img_1rYlC {
   width: 60px;
   height: 60px;
-  -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
   pointer-events: none;
 }
 .panel_content_28GpE .content_iUra0 .panel_content_item_img_1rYlC svg {
@@ -15703,7 +16326,6 @@
   justify-content: center;
   align-items: center;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
   cursor: pointer;
 }
@@ -15717,7 +16339,6 @@
   margin: auto;
   font-size: 12px;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
 }
 .panel_footer_96K0E .source_1c7CY {
@@ -15726,6 +16347,7 @@
 }
 .panel_footer_96K0E a {
   color: #2e73e5;
+  -webkit-text-decoration: none;
   text-decoration: none;
   background-color: transparent;
   outline: none;
@@ -15734,6 +16356,7 @@
   -webkit-text-decoration-skip: objects;
 }
 .panel_footer_96K0E a:hover .panel_footer_96K0E a:active .panel_footer_96K0E a:focus {
+  -webkit-text-decoration: none;
   text-decoration: none;
   outline: 0;
 }
@@ -15788,9 +16411,6 @@
   border: none;
   outline: none;
 }
-.input_container_X-CMN input::-moz-placeholder {
-  color: #c2c3c8;
-}
 .input_container_X-CMN input::placeholder {
   color: #c2c3c8;
 }
@@ -15829,19 +16449,16 @@
   flex-direction: column;
   overflow: hidden;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
 }
 .drag_element_-Xwha {
   position: absolute;
-  -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
   top: 0;
   left: 0;
   cursor: pointer;
   z-index: 100;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
 }
 
@@ -15997,7 +16614,6 @@
   background-color: #EAF1FC;
 }
 .scaleToOriginWrap_3sUg8 {
-  width: -moz-max-content;
   width: max-content;
 }
 .scaleStatusBar_24ULR {
@@ -16174,10 +16790,6 @@
   font-size: 14px;
   line-height: 20px;
 }
-.searchMenu_1d27V .inputContainer_Ka7Zr ::-moz-placeholder {
-  color: var(--upime-disable);
-  font-size: 14px;
-}
 .searchMenu_1d27V .inputContainer_Ka7Zr ::placeholder {
   color: var(--upime-disable);
   font-size: 14px;
@@ -16440,7 +17052,6 @@
   text-overflow: ellipsis;
   cursor: pointer;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
   min-width: 60px;
   font-size: 14px;
@@ -16482,7 +17093,6 @@
   cursor: pointer;
   vertical-align: middle;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
   outline: none;
   box-shadow: none;
@@ -16634,7 +17244,6 @@
 }
 .follow_tip_H3mDc .name_31K8R,
 .follow_tip_H3mDc .info_veEdt {
-  width: -moz-max-content;
   width: max-content;
   max-width: 184px;
   display: -webkit-box;
@@ -17313,7 +17922,6 @@
 }
 
 .iconWrap_Z_vke {
-  width: -moz-max-content;
   width: max-content;
   height: 36px;
   border-radius: 2px;
@@ -17448,7 +18056,6 @@
   height: 20px;
   line-height: 20px;
   color: var(--upime-active);
-  width: -moz-max-content;
   width: max-content;
 }
 .meetingTxt_jp3Ne {
@@ -18903,7 +19510,6 @@
   cursor: pointer;
 }
 .addtime_root_2tldj .content_3V4uI {
-  width: -moz-fit-content;
   width: fit-content;
   height: 16px;
   line-height: 16px;
@@ -18936,7 +19542,6 @@
   cursor: pointer;
 }
 .addtime_root_m_2Jhxz .content_3V4uI {
-  width: -moz-fit-content;
   width: fit-content;
   height: 16px;
   line-height: 16px;
@@ -19190,408 +19795,732 @@
 .mini_btn_split_-uRln.phone_g6eup {
   height: 20px;
 }
-.mini_btn_split_-uRln.landscape_3kkUW {
-  margin-right: 20px;
+.mini_btn_split_-uRln.landscape_3kkUW {
+  margin-right: 20px;
+}
+.mini_btn_split_-uRln.visitorMode_DQtBp {
+  position: relative;
+  right: 10px;
+}
+
+.deviceCtrlRoot_231_v {
+  display: flex;
+  position: relative;
+  align-items: center;
+}
+.deviceCtrlRoot_231_v.disabled_2Y8oy {
+  pointer-events: none;
+}
+.deviceCtrlRoot_231_v.disabled_2Y8oy svg,
+.deviceCtrlRoot_231_v.disabled_2Y8oy span {
+  color: var(--upime-disable) !important;
+}
+.deviceCtrlRoot_231_v.mini_f0Voz {
+  margin-left: 12px;
+}
+.deviceCtrlRoot_231_v.mini_f0Voz.camera_1ocpb {
+  margin-right: 12px;
+}
+.deviceCtrlRoot_231_v.mini_f0Voz.camera_1ocpb.landscape_21FMG {
+  flex-grow: 1;
+}
+.deviceCtrlRoot_231_v.landscape_21FMG {
+  flex-grow: 2;
+  left: 30px;
+}
+.iconBox_23xDz {
+  width: 48px;
+  height: 48px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border-radius: 4px;
+  cursor: pointer;
+  position: relative;
+}
+.iconBox_23xDz.member_2E89j {
+  width: 72px;
+}
+.iconBox_23xDz svg {
+  font-size: 24px;
+  margin-top: 5px;
+  width: 22px;
+  height: 22px;
+}
+.iconBox_23xDz .span_1UyaD {
+  line-height: 18px;
+  height: 18px;
+  font-size: 10px;
+  margin-top: 2px;
+  color: #303445;
+}
+.iconBox_23xDz .volume_25fkt {
+  position: absolute;
+  bottom: 30px;
+  left: 50%;
+  transform: translate(-50%);
+  background: #05caae;
+  transition: height 0.1s ease;
+  border-radius: 4px;
+  width: 4px;
+}
+.iconBox_23xDz .volume_25fkt.hide_2jds4 {
+  display: none;
+}
+.iconBox_23xDz.phone_3tnCI {
+  width: auto;
+  height: auto;
+}
+.iconBox_23xDz.phone_3tnCI svg {
+  margin-top: 0;
+}
+.iconBox_23xDz.phone_3tnCI .volume_25fkt {
+  bottom: 9px;
+  width: 4px;
+}
+.mini_f0Voz .iconBox_23xDz {
+  width: 24px;
+  height: 24px;
+}
+.mini_f0Voz .iconBox_23xDz svg {
+  font-size: 20px;
+  margin: auto;
+}
+.mini_f0Voz .iconBox_23xDz .volume_25fkt {
+  width: 4px;
+  bottom: 8px;
+}
+.devicePanel_2iwYM {
+  background-color: var(--upime-pane-bg);
+  border-radius: 4px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  display: flex;
+  width: 240px;
+  padding-bottom: 8px;
+}
+.devicePanel_2iwYM .row_3yUzr {
+  display: flex;
+  flex-direction: row;
+  max-width: 170px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.deviceCtrl_3ts2M {
+  width: 16px;
+  height: 56px;
+  border-radius: 4px;
+  position: relative;
+  cursor: pointer;
+}
+.deviceCtrl_3ts2M .triangle_1XBoC {
+  position: absolute;
+  top: calc(50% - 2px);
+  left: calc(50% - 4px);
+  border-top: 4px solid var(--upime-main-text);
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  transform-origin: 0.5;
+  transition: transform 0.1s linear;
+}
+.deviceCtrl_3ts2M .triangle_1XBoC.open_LZY0L {
+  transform: rotate(180deg);
+}
+.do-hovers .iconBox_23xDz:hover {
+  background-color: var(--upime-btn-bg-hover);
+}
+.do-hovers .deviceCtrl_3ts2M:hover {
+  background-color: var(--upime-btn-bg-hover);
+}
+.do-hovers .listRoot_3LI7h .row_3yUzr:hover {
+  background-color: var(--upime-btn-bg-hover);
+}
+.subWin_22apU {
+  top: auto;
+  top: initial;
+  bottom: 64px;
+  position: absolute;
+  width: 240px;
+  background-color: var(--upime-pane-bg);
+  border-radius: 4px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  padding: 0;
+}
+.mini_f0Voz .subWin_22apU {
+  bottom: 32px;
+}
+.deniedRoot_-7CO- {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 16px;
+}
+.deniedRoot_-7CO- .title_1HS0a {
+  line-height: 22px;
+  font-size: 14px;
+  color: var(--upime-main-text);
+  font-weight: 600;
+}
+.deniedRoot_-7CO- .content_1WPUx {
+  margin-top: 8px;
+  line-height: 24px;
+  font-size: 14px;
+  color: #616371;
+}
+.deniedRoot_-7CO- .link_3kAoy {
+  margin-top: 8px;
+  line-height: 22px;
+  font-size: 14px;
+  color: var(--upime-active);
+  cursor: pointer;
+}
+.deniedRoot_-7CO- .tipbox_kXXci {
+  color: #FFA519;
+  font-size: 14px;
+  position: relative;
+}
+.deniedRoot_-7CO- .tipbox_kXXci > svg {
+  width: 14px;
+  height: 14px;
+  color: #FFA519;
+  margin-right: 4px;
+  margin-top: 3px;
+  position: absolute;
+}
+.deniedRoot_-7CO- .tipbox_kXXci > span {
+  margin-left: 18px;
+  display: inline-block;
+}
+.listRoot_3LI7h {
+  display: flex;
+  flex-direction: column;
+  padding: 16px 0;
+  width: 100%;
+}
+.listRoot_3LI7h .title_1HS0a {
+  font-size: 12px;
+  color: var(--upime-second-text);
+  line-height: 18px;
+  padding: 0 16px;
+  margin-bottom: 4px;
+}
+.listRoot_3LI7h .row_3yUzr {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 16px;
+  cursor: pointer;
+  height: 40px;
+}
+.listRoot_3LI7h .row_3yUzr span {
+  line-height: 22px;
+  width: calc(100% - 24px);
+  display: block;
+  font-size: 14px;
+  color: var(--upime-main-text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.listRoot_3LI7h .row_3yUzr span.active_2_30Q {
+  color: var(--upime-active);
+}
+.listRoot_3LI7h .row_3yUzr svg {
+  width: 16px;
+  height: 16px;
+  color: var(--upime-active);
+}
+.reachLimitRoot_1ynzP {
+  position: absolute;
+  background: black;
+  left: 50%;
+  transform: translate(-50%, 0);
+  width: 200px;
+  height: 50px;
+  padding: 7px 8px;
+  font-size: 12px;
+  color: white;
+  line-height: 18px;
+  bottom: 74px;
+}
+.reachLimitRoot_1ynzP .triangle_1XBoC {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top: 5px solid black;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  bottom: -5px;
+  left: calc(50% - 5px);
 }
-.mini_btn_split_-uRln.visitorMode_DQtBp {
-  position: relative;
-  right: 10px;
+.mini_f0Voz .reachLimitRoot_1ynzP {
+  bottom: 36px;
 }
-
-.deviceCtrlRoot_231_v {
+.temp_audio_3MOFj {
+  position: fixed;
+  width: 108px;
+  height: 108px;
+  left: 50%;
+  bottom: 20px;
+  transform: translate(-50%, 0);
+  z-index: 1000;
+  border-radius: 8px;
+  background-color: rgba(0, 0, 0, 0.6);
   display: flex;
-  position: relative;
+  flex-direction: column;
   align-items: center;
 }
-.deviceCtrlRoot_231_v.disabled_2Y8oy {
-  pointer-events: none;
-}
-.deviceCtrlRoot_231_v.disabled_2Y8oy svg,
-.deviceCtrlRoot_231_v.disabled_2Y8oy span {
-  color: var(--upime-disable) !important;
+.temp_audio_3MOFj svg {
+  color: #fff;
+  font-size: 52px;
+  margin-top: 20px;
+  z-index: 2;
 }
-.deviceCtrlRoot_231_v.mini_f0Voz {
-  margin-left: 12px;
+.temp_audio_3MOFj .volumeWrapper_289BF {
+  position: absolute;
+  width: 8px;
+  height: 24px;
+  top: 28px;
+  left: 50px;
+  z-index: 1;
 }
-.deviceCtrlRoot_231_v.mini_f0Voz.camera_1ocpb {
-  margin-right: 12px;
+.temp_audio_3MOFj .volume_25fkt {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  background: #05caae;
+  transition: height 0.1s ease;
 }
-.deviceCtrlRoot_231_v.mini_f0Voz.camera_1ocpb.landscape_21FMG {
-  flex-grow: 1;
+.temp_audio_3MOFj .temp_audio_desc_zHYvt {
+  margin-top: 6px;
+  color: #ffffff;
+  font-size: 12px;
+  height: 18px;
+  line-height: 18px;
 }
-.deviceCtrlRoot_231_v.landscape_21FMG {
-  flex-grow: 2;
-  left: 30px;
+.mic_tip_11fE3 {
+  margin-bottom: 3px;
 }
-.iconBox_23xDz {
-  width: 48px;
+
+.iconBox_2k5ro {
+  min-width: 48px;
   height: 48px;
   display: flex;
   flex-direction: column;
   align-items: center;
   border-radius: 4px;
   cursor: pointer;
-  position: relative;
 }
-.iconBox_23xDz.member_2E89j {
-  width: 72px;
+.iconBox_2k5ro.host_11RzI {
+  min-width: 72px;
 }
-.iconBox_23xDz svg {
+.iconBox_2k5ro svg {
   font-size: 24px;
   margin-top: 5px;
   width: 22px;
   height: 22px;
 }
-.iconBox_23xDz .span_1UyaD {
+.iconBox_2k5ro span {
   line-height: 18px;
   height: 18px;
   font-size: 10px;
   margin-top: 2px;
   color: #303445;
+  white-space: nowrap;
 }
-.iconBox_23xDz .volume_25fkt {
-  position: absolute;
-  bottom: 30px;
-  left: 50%;
-  transform: translate(-50%);
-  background: #05caae;
-  transition: height 0.1s ease;
-  border-radius: 4px;
-  width: 4px;
-}
-.iconBox_23xDz .volume_25fkt.hide_2jds4 {
-  display: none;
-}
-.iconBox_23xDz.phone_3tnCI {
+.iconBox_2k5ro.phone_3ugU4 {
   width: auto;
   height: auto;
+  min-width: 0;
+  min-width: initial;
 }
-.iconBox_23xDz.phone_3tnCI svg {
+.iconBox_2k5ro.phone_3ugU4 svg {
   margin-top: 0;
 }
-.iconBox_23xDz.phone_3tnCI .volume_25fkt {
-  bottom: 9px;
-  width: 4px;
-}
-.mini_f0Voz .iconBox_23xDz {
-  width: 24px;
-  height: 24px;
+.landscape_4m7UE {
+  flex-grow: 2;
 }
-.mini_f0Voz .iconBox_23xDz svg {
-  font-size: 20px;
-  margin: auto;
+.landscape_4m7UE .iconBox_2k5ro {
+  margin-left: 20px;
 }
-.mini_f0Voz .iconBox_23xDz .volume_25fkt {
-  width: 4px;
-  bottom: 8px;
+.do-hovers .iconBox_2k5ro:hover {
+  background-color: var(--upime-btn-bg-hover);
 }
-.devicePanel_2iwYM {
+.subWin_TjjfP {
   background-color: var(--upime-pane-bg);
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  top: auto;
+  top: initial;
+  bottom: 60px;
+  width: 400px;
+}
+.reddot_3GgLe::before {
+  content: "";
+  position: absolute;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: #fe5250;
+  top: 5px;
+  right: 20px;
+}
+.inMoreCtrl_2ObEO {
+  z-index: 0 !important;
+}
+.inMoreCtrl_2ObEO .iconBox_2k5ro {
+  flex-direction: row;
+  padding: 0 16px;
+  width: auto;
+  height: 40px;
+  margin-left: 0;
+}
+.inMoreCtrl_2ObEO .iconBox_2k5ro > svg {
+  width: 24px;
+  height: 24px;
+  margin-right: 8px;
+  margin-top: 0;
+}
+.inMoreCtrl_2ObEO .iconBox_2k5ro > span {
+  font-size: 14px;
+}
+.inMoreCtrl_2ObEO .subWin_TjjfP {
+  bottom: -128px;
+}
+.panelRoot_2exv- {
+  width: 100%;
+  height: 100%;
   display: flex;
-  width: 240px;
-  padding-bottom: 8px;
+  flex-direction: column;
+  padding-top: 16px;
+  color: var(--upime-main-text);
 }
-.devicePanel_2iwYM .row_3yUzr {
+.panelRoot_2exv- .title_2vaXD {
   display: flex;
   flex-direction: row;
-  max-width: 170px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.deviceCtrl_3ts2M {
-  width: 16px;
-  height: 56px;
-  border-radius: 4px;
+  height: 24px;
   position: relative;
-  cursor: pointer;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0 16px;
 }
-.deviceCtrl_3ts2M .triangle_1XBoC {
+.panelRoot_2exv- .title_2vaXD .actionBox_2VjWq {
+  display: flex;
+  align-items: center;
+}
+.panelRoot_2exv- .title_2vaXD .mainText_DKMJ- {
+  font-size: 16px;
+  height: 24px;
+  line-height: 24px;
+  font-weight: 600;
+}
+.panelRoot_2exv- .title_2vaXD .count_3A8rq {
+  color: #616371;
+  margin-left: 4px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 14px;
+}
+.panelRoot_2exv- .title_2vaXD .inviteIconBox_2SawL {
+  display: flex;
+  padding: 6px;
   position: absolute;
-  top: calc(50% - 2px);
-  left: calc(50% - 4px);
-  border-top: 4px solid var(--upime-main-text);
-  border-left: 4px solid transparent;
-  border-right: 4px solid transparent;
-  transform-origin: 0.5;
-  transition: transform 0.1s linear;
+  right: 32px;
+  cursor: pointer;
 }
-.deviceCtrl_3ts2M .triangle_1XBoC.open_LZY0L {
-  transform: rotate(180deg);
+.panelRoot_2exv- .title_2vaXD .inviteIconBox_2SawL:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
-.do-hovers .iconBox_23xDz:hover {
-  background-color: var(--upime-btn-bg-hover);
+.panelRoot_2exv- .title_2vaXD .inviteIconBox_2SawL:active {
+  background-color: #eaf1fc;
 }
-.do-hovers .deviceCtrl_3ts2M:hover {
-  background-color: var(--upime-btn-bg-hover);
+.panelRoot_2exv- .title_2vaXD .divider_1PJT5 {
+  width: 1px;
+  height: 20px;
+  background-color: #e6e7e9;
 }
-.do-hovers .listRoot_3LI7h .row_3yUzr:hover {
-  background-color: var(--upime-btn-bg-hover);
+.panelRoot_2exv- .title_2vaXD .closeBtnBox_xB3WR {
+  display: flex;
+  padding: 6px;
+  border-radius: 2px;
+  cursor: pointer;
 }
-.subWin_22apU {
-  top: auto;
-  top: initial;
-  bottom: 64px;
-  position: absolute;
-  width: 240px;
-  background-color: var(--upime-pane-bg);
+.panelRoot_2exv- .title_2vaXD .closeBtnBox_xB3WR:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.panelRoot_2exv- .title_2vaXD .closeIcon_2SDVT {
+  width: 20px;
+  height: 20px;
+}
+.panelRoot_2exv- .footer_2xcF4 {
+  padding: 8px 16px;
+  display: flex;
+  justify-content: flex-end;
+  border-top: 1px solid #e6e7e9;
+}
+.panelRoot_2exv- .footer_2xcF4 .settingBtn_bQQyF {
+  padding: 8px 12px;
+  text-align: center;
   border-radius: 4px;
-  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-  padding: 0;
+  font-size: 14px;
+  border: 1px solid #dbdbde;
+  cursor: pointer;
+}
+.panelRoot_2exv- .footer_2xcF4.center_1Wa8z {
+  justify-content: center;
+}
+.panelRoot_2exv- .footer_2xcF4 .applyBtn_2qLpC {
+  padding: 8px 12px;
+  text-align: center;
+  color: #2e73e5;
+  font-size: 14px;
+  cursor: pointer;
 }
-.mini_f0Voz .subWin_22apU {
-  bottom: 32px;
+.panelRoot_2exv- .footer_2xcF4 .applyBtn_2qLpC:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
-.deniedRoot_-7CO- {
+.panelRoot_2exv- .footer_2xcF4.phone_3ugU4 {
+  justify-content: space-around;
+  gap: 16px;
+}
+.panelRoot_2exv- .footer_2xcF4.phone_3ugU4 .settingBtn_bQQyF {
+  min-width: 163px;
+}
+.applyPermNoticeBox_1xavn {
   display: flex;
-  flex-direction: column;
   justify-content: space-between;
-  padding: 16px;
+  align-items: center;
+  padding: 6px 16px;
+  background-color: #eaf1fc;
+  margin-top: 12px;
 }
-.deniedRoot_-7CO- .title_1HS0a {
-  line-height: 22px;
-  font-size: 14px;
-  color: var(--upime-main-text);
-  font-weight: 600;
+.applyPermNoticeBox_1xavn .infoBox_2rhnk {
+  display: flex;
+  align-items: center;
 }
-.deniedRoot_-7CO- .content_1WPUx {
-  margin-top: 8px;
-  line-height: 24px;
+.applyPermNoticeBox_1xavn .infoBox_2rhnk > span {
   font-size: 14px;
-  color: #616371;
 }
-.deniedRoot_-7CO- .link_3kAoy {
-  margin-top: 8px;
-  line-height: 22px;
-  font-size: 14px;
-  color: var(--upime-active);
-  cursor: pointer;
+.applyPermNoticeBox_1xavn .infoBox_2rhnk .username_shy4x {
+  max-width: 269px;
+  word-break: break-word;
 }
-.deniedRoot_-7CO- .tipbox_kXXci {
-  color: #FFA519;
+.applyPermNoticeBox_1xavn .infoBox_2rhnk .jiesuo_1eML0 {
+  font-size: 20px;
+  color: #2e73e5;
+  margin-right: 8px;
+}
+.applyPermNoticeBox_1xavn .infoBox_2rhnk .avatar_2fu0D {
+  width: 28px;
+  height: 28px;
+  min-width: 28px;
+  margin-right: 8px;
+}
+.applyPermNoticeBox_1xavn .actionBox_2VjWq {
+  display: flex;
+}
+.applyPermNoticeBox_1xavn .actionBox_2VjWq .refuse_18U93 {
+  padding: 3px 12px;
+  border-radius: 4px;
+  border: 1px solid #dbdbde;
+  display: flex;
   font-size: 14px;
-  position: relative;
+  margin-right: 8px;
+  cursor: pointer;
+  min-width: 72px;
+  justify-content: center;
+  align-items: center;
 }
-.deniedRoot_-7CO- .tipbox_kXXci > svg {
-  width: 14px;
-  height: 14px;
-  color: #FFA519;
-  margin-right: 4px;
-  margin-top: 3px;
-  position: absolute;
+.applyPermNoticeBox_1xavn .actionBox_2VjWq .refuse_18U93:hover {
+  color: #5798f2;
+  border-color: #5798f2;
 }
-.deniedRoot_-7CO- .tipbox_kXXci > span {
-  margin-left: 18px;
-  display: inline-block;
+.applyPermNoticeBox_1xavn .actionBox_2VjWq .refuse_18U93:active {
+  color: #1d568f;
+  border-color: #1d568f;
 }
-.listRoot_3LI7h {
+.applyPermNoticeBox_1xavn .actionBox_2VjWq .agree_1I3sn {
+  padding: 3px 12px;
+  border-radius: 4px;
+  border: 1px solid #dbdbde;
   display: flex;
-  flex-direction: column;
-  padding: 16px 0;
-  width: 100%;
+  font-size: 14px;
+  color: #fff;
+  background-color: #2e73e5;
+  cursor: pointer;
+  min-width: 72px;
+  justify-content: center;
+  align-items: center;
 }
-.listRoot_3LI7h .title_1HS0a {
-  font-size: 12px;
-  color: var(--upime-second-text);
-  line-height: 18px;
-  padding: 0 16px;
-  margin-bottom: 4px;
+.applyPermNoticeBox_1xavn .actionBox_2VjWq .agree_1I3sn:hover {
+  background-color: #5798f2;
 }
-.listRoot_3LI7h .row_3yUzr {
+.applyPermNoticeBox_1xavn .actionBox_2VjWq .agree_1I3sn:active {
+  background-color: #1d568f;
+}
+.applyPermNoticeBox_1xavn .actionBox_2VjWq .closeBox_LaiNL {
   display: flex;
-  width: 100%;
-  flex-direction: row;
-  justify-content: space-between;
   align-items: center;
-  padding: 0 16px;
+  width: 28px;
+  height: 28px;
+  justify-content: center;
   cursor: pointer;
-  height: 40px;
-}
-.listRoot_3LI7h .row_3yUzr span {
-  line-height: 22px;
-  width: calc(100% - 24px);
-  display: block;
-  font-size: 14px;
-  color: var(--upime-main-text);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  margin-left: 6px;
 }
-.listRoot_3LI7h .row_3yUzr span.active_2_30Q {
-  color: var(--upime-active);
+.applyPermNoticeBox_1xavn .actionBox_2VjWq .closeBox_LaiNL .closeIcon_2SDVT {
+  font-size: 16px;
 }
-.listRoot_3LI7h .row_3yUzr svg {
-  width: 16px;
-  height: 16px;
-  color: var(--upime-active);
+.applyPermNoticeBox_1xavn .actionBox_2VjWq .closeBox_LaiNL:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
-.reachLimitRoot_1ynzP {
+.applyPermNoticeBox_1xavn.independent_2qWqV {
+  gap: 16px;
   position: absolute;
-  background: black;
-  left: 50%;
-  transform: translate(-50%, 0);
-  width: 200px;
-  height: 50px;
-  padding: 7px 8px;
-  font-size: 12px;
-  color: white;
-  line-height: 18px;
   bottom: 74px;
+  transform: translate(-22%);
+  left: 50%;
+  background-color: #fff;
+  padding: 8px 6px 8px 12px;
+  border-radius: 4px;
+  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
 }
-.reachLimitRoot_1ynzP .triangle_1XBoC {
+.permApplyListModalBox_J73ps {
+  width: 520px;
+  min-height: 286px;
+  max-height: calc(100% - 80px);
+  border-radius: 12px;
+  padding: 16px 12px 40px 40px;
+  background-color: #fff;
   position: absolute;
-  width: 0;
-  height: 0;
-  border-top: 5px solid black;
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  bottom: -5px;
-  left: calc(50% - 5px);
-}
-.mini_f0Voz .reachLimitRoot_1ynzP {
-  bottom: 36px;
-}
-.temp_audio_3MOFj {
-  position: fixed;
-  width: 108px;
-  height: 108px;
+  top: 50%;
   left: 50%;
-  bottom: 20px;
-  transform: translate(-50%, 0);
-  z-index: 1000;
-  border-radius: 8px;
-  background-color: rgba(0, 0, 0, 0.6);
+  transform: translate(-50%, -50%);
   display: flex;
   flex-direction: column;
+}
+.permApplyListModalBox_J73ps .titleBar_LV92x {
+  display: flex;
+  justify-content: space-between;
   align-items: center;
+  gap: 24px;
+  margin-bottom: 24px;
 }
-.temp_audio_3MOFj svg {
-  color: #fff;
-  font-size: 52px;
-  margin-top: 20px;
-  z-index: 2;
+.permApplyListModalBox_J73ps .titleBar_LV92x .text_2ui0v {
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 28px;
 }
-.temp_audio_3MOFj .volumeWrapper_289BF {
-  position: absolute;
-  width: 8px;
-  height: 24px;
-  top: 28px;
-  left: 50px;
-  z-index: 1;
+.permApplyListModalBox_J73ps .titleBar_LV92x .iconBox_2k5ro {
+  padding: 6px;
+  display: flex;
+  height: auto;
+  min-width: 0;
+  min-width: initial;
 }
-.temp_audio_3MOFj .volume_25fkt {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  background: #05caae;
-  transition: height 0.1s ease;
+.permApplyListModalBox_J73ps .titleBar_LV92x .iconBox_2k5ro .closeIcon_2SDVT {
+  font-size: 20px;
+  margin-top: 0;
 }
-.temp_audio_3MOFj .temp_audio_desc_zHYvt {
-  margin-top: 6px;
-  color: #ffffff;
-  font-size: 12px;
-  height: 18px;
-  line-height: 18px;
+.permApplyListModalBox_J73ps .listBox_31cRG {
+  padding-right: 24px;
+  overflow: auto;
+  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
+  scrollbar-width: thin;
 }
-.mic_tip_11fE3 {
-  margin-bottom: 3px;
+.permApplyListModalBox_J73ps .listBox_31cRG::-webkit-scrollbar {
+  width: 4px;
 }
-
-.iconBox_2k5ro {
-  min-width: 48px;
-  height: 48px;
+.permApplyListModalBox_J73ps .listBox_31cRG::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
+}
+.permApplyListModalBox_J73ps .listBox_31cRG::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: var(--upime-scrollbar-thumb);
+}
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx {
+  padding: 8px 0;
   display: flex;
-  flex-direction: column;
   align-items: center;
-  border-radius: 4px;
-  cursor: pointer;
-}
-.iconBox_2k5ro.host_11RzI {
-  min-width: 72px;
+  justify-content: space-between;
+  border-bottom: 1px solid #e6e7e9;
 }
-.iconBox_2k5ro svg {
-  font-size: 24px;
-  margin-top: 5px;
-  width: 22px;
-  height: 22px;
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .infoBox_2rhnk {
+  display: flex;
+  align-items: center;
 }
-.iconBox_2k5ro span {
-  line-height: 18px;
-  height: 18px;
-  font-size: 10px;
-  margin-top: 2px;
-  color: #303445;
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .infoBox_2rhnk > span {
+  font-size: 14px;
+  max-width: 140px;
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.iconBox_2k5ro.phone_3ugU4 {
-  width: auto;
-  height: auto;
-  min-width: 0;
-  min-width: initial;
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .infoBox_2rhnk .jiesuo_1eML0 {
+  font-size: 20px;
+  color: #2e73e5;
+  margin-right: 8px;
 }
-.iconBox_2k5ro.phone_3ugU4 svg {
-  margin-top: 0;
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .infoBox_2rhnk .avatar_2fu0D {
+  width: 28px;
+  height: 28px;
+  margin-right: 8px;
+}
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
 }
-.landscape_4m7UE {
-  flex-grow: 2;
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq .tip_2HpEF {
+  margin-right: 24px;
 }
-.landscape_4m7UE .iconBox_2k5ro {
-  margin-left: 20px;
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq .refuse_18U93 {
+  padding: 3px 12px;
+  border-radius: 4px;
+  border: 1px solid #dbdbde;
+  display: flex;
+  font-size: 14px;
+  margin-right: 8px;
+  cursor: pointer;
 }
-.do-hovers .iconBox_2k5ro:hover {
-  background-color: var(--upime-btn-bg-hover);
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq .refuse_18U93:hover {
+  color: #5798f2;
+  border-color: #5798f2;
 }
-.do-hovers .closeIcon_2SDVT:hover {
-  color: var(--upime-active);
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq .refuse_18U93:active {
+  color: #1d568f;
+  border-color: #1d568f;
 }
-.subWin_TjjfP {
-  background-color: var(--upime-pane-bg);
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq .agree_1I3sn {
+  padding: 3px 12px;
   border-radius: 4px;
-  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-  top: auto;
-  top: initial;
-  bottom: 60px;
-  width: 340px;
-}
-.panelRoot_2exv- {
-  width: 100%;
-  height: 100%;
+  border: 1px solid #dbdbde;
   display: flex;
-  flex-direction: column;
-  padding-top: 16px;
-  color: var(--upime-main-text);
+  font-size: 14px;
+  color: #fff;
+  background-color: #2e73e5;
+  cursor: pointer;
 }
-.panelRoot_2exv- .title_2vaXD {
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq .agree_1I3sn:hover {
+  background-color: #5798f2;
+}
+.permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq .agree_1I3sn:active {
+  background-color: #1d568f;
+}
+.permApplyListModalBox_J73ps .listBox_31cRG .noneBox_8vfqp {
   display: flex;
-  flex-direction: row;
-  height: 24px;
-  position: relative;
+  flex-direction: column;
+  justify-content: center;
   align-items: center;
-  margin: 0 16px;
 }
-.panelRoot_2exv- .title_2vaXD .mainText_DKMJ- {
-  font-size: 16px;
-  height: 24px;
-  line-height: 24px;
-  font-weight: 600;
+.permApplyListModalBox_J73ps .listBox_31cRG .noneBox_8vfqp > img {
+  width: 140px;
 }
-.panelRoot_2exv- .title_2vaXD .count_3A8rq {
-  color: #616371;
-  margin-left: 4px;
-  height: 24px;
-  line-height: 24px;
+.permApplyListModalBox_J73ps .listBox_31cRG .noneBox_8vfqp > span {
   font-size: 14px;
-}
-.panelRoot_2exv- .title_2vaXD .closeIcon_2SDVT {
-  cursor: pointer;
-  width: 20px;
-  height: 20px;
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transform: translate(0, -50%);
+  color: #616371;
 }
 .phonePannelRoot_NHT9M {
   padding-top: 0px;
@@ -19792,7 +20721,6 @@
 }
 .root_dZL59 .icon_2dM7j {
   cursor: pointer;
-  margin-left: 16px;
   width: 18px;
   height: 18px;
   position: relative;
@@ -19801,6 +20729,206 @@
   pointer-events: none;
   color: var(--upime-disable);
 }
+.root_dZL59 .iconBox_1SE0A {
+  position: relative;
+  display: flex;
+  width: 36px;
+  height: 36px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.root_dZL59 .iconBox_1SE0A:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.root_dZL59 .iconBox_1SE0A:active {
+  background-color: #eaf1fc;
+  color: #2e73e5;
+}
+.root_dZL59 .iconBox_1SE0A.disabled_ht8zx {
+  pointer-events: none;
+  color: var(--upime-disable);
+}
+.root_dZL59 .permActionBox_2ap47 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 7px 8px;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.root_dZL59 .permActionBox_2ap47 .text_2vSdz {
+  font-size: 14px;
+}
+.root_dZL59 .permActionBox_2ap47 .icon_2dM7j {
+  margin-left: 2px;
+}
+.root_dZL59 .permActionBox_2ap47:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.root_dZL59 .permActionBox_2ap47:active {
+  background-color: #eaf1fc;
+  color: #2e73e5;
+}
+.root_dZL59 .permActionBox_2ap47.en_1f6jw {
+  width: 100px;
+  justify-content: flex-end;
+}
+.root_dZL59 .permTextBox_o8KZm {
+  font-size: 14px;
+  display: inline-block;
+  padding: 7px 8px;
+}
+.root_dZL59 .permTextBox_o8KZm.disabled_ht8zx {
+  pointer-events: none;
+  color: var(--upime-disable);
+}
+.root_dZL59.phone_zdd5n .iconBox_1SE0A,
+.root_dZL59.phone_zdd5n .permActionBox_2ap47 {
+  pointer-events: none;
+}
+.root_dZL59.phone_zdd5n .en_1f6jw {
+  width: 82px;
+}
+.root_dZL59.phone_zdd5n .infoBox_1uqcs .textBlock_2cgjN {
+  max-width: 240px;
+}
+.root_dZL59.absent_3rzYK {
+  justify-content: space-between;
+}
+.root_dZL59.absent_3rzYK .infoBox_1uqcs {
+  display: flex;
+  align-items: center;
+}
+.memberDetailPhoneModal_2_88e {
+  left: 24px;
+  right: 24px;
+  transform: translateY(-50%);
+  width: auto;
+  width: initial;
+  padding-top: 8px;
+  padding-bottom: 12px;
+  display: flex;
+  flex-direction: column;
+  background-color: #f5f6f6;
+}
+.memberDetailPhoneModal_2_88e > div {
+  border-bottom: none !important;
+  padding-bottom: 0 !important;
+}
+.memberDetailPhoneModal_2_88e .titleBar_2PeI4 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+.memberDetailPhoneModal_2_88e .titleBar_2PeI4 .infoBox_1uqcs {
+  display: flex;
+  align-items: center;
+}
+.memberDetailPhoneModal_2_88e .titleBar_2PeI4 .infoBox_1uqcs .avatar_1O07L {
+  margin-right: 8px;
+}
+.memberDetailPhoneModal_2_88e .titleBar_2PeI4 .infoBox_1uqcs .textBlock_2cgjN {
+  display: flex;
+  flex-direction: column;
+}
+.memberDetailPhoneModal_2_88e .titleBar_2PeI4 .infoBox_1uqcs .textBlock_2cgjN .name_2qIXx {
+  font-size: 15px;
+  line-height: 22px;
+}
+.memberDetailPhoneModal_2_88e .titleBar_2PeI4 .infoBox_1uqcs .textBlock_2cgjN .note_zmQpL {
+  font-size: 13px;
+  line-height: 18px;
+  color: #91939c;
+}
+.memberDetailPhoneModal_2_88e .titleBar_2PeI4 .closeBox_1Fjes {
+  padding: 11px;
+  display: flex;
+  margin-right: -12px;
+}
+.memberDetailPhoneModal_2_88e .titleBar_2PeI4 .closeBox_1Fjes .closeIcon_2QGWH {
+  font-size: 18px;
+}
+.memberDetailPhoneModal_2_88e .mediaBar_3L3rM {
+  background-color: #fff;
+  border-radius: 4px;
+  margin-bottom: 12px;
+}
+.memberDetailPhoneModal_2_88e .mediaBar_3L3rM .itemRow_1Y7P_ {
+  height: 48px;
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  padding: 0 12px;
+}
+.memberDetailPhoneModal_2_88e .mediaBar_3L3rM .itemRow_1Y7P_ .icon_2dM7j {
+  font-size: 20px;
+}
+.memberDetailPhoneModal_2_88e .mediaBar_3L3rM .itemRow_1Y7P_ .text_2vSdz {
+  font-size: 15px;
+}
+.memberDetailPhoneModal_2_88e .mediaBar_3L3rM .itemRow_1Y7P_.micBox_2MMbW {
+  border-bottom: 1px solid #e6e7e9;
+}
+.memberDetailPhoneModal_2_88e .permBar_254CH {
+  padding: 4px 12px;
+  border-radius: 4px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 12px;
+}
+.memberDetailPhoneModal_2_88e .permBar_254CH .keyRow_2Bcc5 {
+  padding: 11px 0;
+  font-size: 15px;
+  color: #616371;
+  line-height: 22px;
+  display: flex;
+  justify-content: space-between;
+}
+.memberDetailPhoneModal_2_88e .permBar_254CH .keyRow_2Bcc5 .requestBox_3uYAP {
+  color: #2e73e5;
+  font-size: 15px;
+}
+.memberDetailPhoneModal_2_88e .permBar_254CH .valRow_2gBlK {
+  display: flex;
+  padding: 13px 0;
+  justify-content: space-between;
+  align-items: center;
+}
+.memberDetailPhoneModal_2_88e .permBar_254CH .valRow_2gBlK .col_2u86A {
+  display: flex;
+  align-items: center;
+}
+.memberDetailPhoneModal_2_88e .permBar_254CH .valRow_2gBlK .col_2u86A > input {
+  margin-right: 6px;
+}
+.memberDetailPhoneModal_2_88e .permBar_254CH .valRow_2gBlK .col_2u86A > label.disable_1x103 {
+  color: #c2c3c8;
+}
+.memberDetailPhoneModal_2_88e .moreBar_2aUSE {
+  border-radius: 4px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+}
+.memberDetailPhoneModal_2_88e .moreBar_2aUSE .dialogItem_28reK {
+  padding: 0 12px;
+  height: 48px;
+  line-height: 22px;
+  font-size: 15px;
+  display: flex;
+  align-items: center;
+}
+.memberDetailPhoneModal_2_88e .moreBar_2aUSE .dialogItem_28reK.cohostItem_2sdNZ {
+  border-bottom: 1px solid #e6e7e9;
+}
+.memberDetailPhoneModal_2_88e .moreBar_2aUSE .dialogItem_28reK.kickoutItem_W-04o {
+  color: #fe5250;
+  border-top: 1px solid #e6e7e9;
+}
 .do-hovers .moreIcon_I--ur:hover {
   background: var(--upime-btn-bg-hover);
 }
@@ -19813,8 +20941,8 @@
 }
 .morePanel_740CJ {
   position: absolute;
-  width: -moz-max-content;
-  width: max-content;
+  min-width: 130px;
+  white-space: nowrap;
   padding: 8px 0px;
   display: flex;
   background: white;
@@ -19832,10 +20960,10 @@
 }
 .morePanel_740CJ > div:hover {
   background-color: #f5f6f6;
+  color: #2e73e5;
 }
 .kickoutModalBox_2Lmr9 {
   width: 480px;
-  height: 200px;
   background-color: #fff;
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
@@ -19844,6 +20972,7 @@
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 24px;
+  border-radius: 12px;
 }
 .kickoutModalBox_2Lmr9 .title_1ADvG {
   font-size: 20px;
@@ -19860,18 +20989,17 @@
   font-size: 14px;
   color: #616371;
   margin-bottom: 8px;
-  margin-left: 38px;
+  margin-left: 37px;
 }
 .kickoutModalBox_2Lmr9 .forbidBox_iRWDm {
   font-size: 14px;
   margin-bottom: 24px;
-  margin-left: 34px;
+  margin-left: 38px;
 }
 .kickoutModalBox_2Lmr9 .forbidBox_iRWDm > input {
   position: relative;
   top: 1px;
   margin-right: 8px;
-  border-color: #dbdbde;
 }
 .kickoutModalBox_2Lmr9 .actionBox_3UMNs {
   text-align: right;
@@ -19910,8 +21038,62 @@
 .root_z5Dfc {
   position: relative;
 }
-.root_z5Dfc.landscape_1PKH- {
-  flex-grow: 1;
+.root_z5Dfc.landscape_1PKH- {
+  flex-grow: 1;
+}
+.root_z5Dfc.inMemberCtrl_3a1W7 {
+  cursor: pointer;
+}
+.root_z5Dfc.inMemberCtrl_3a1W7:hover {
+  background-color: var(--upime-btn-bg-hover);
+}
+.root_z5Dfc.inMemberCtrl_3a1W7 .iconBox_mLq0s {
+  width: auto;
+  width: initial;
+  height: auto;
+  height: initial;
+  margin-left: 0;
+  padding: 6px;
+}
+.root_z5Dfc.inMemberCtrl_3a1W7 .iconBox_mLq0s > svg {
+  margin-top: 0;
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+}
+.root_z5Dfc.inMemberCtrl_3a1W7 .iconBox_mLq0s:active {
+  color: #2e73e5;
+}
+.root_z5Dfc.inMemberCtrl_3a1W7 .panelRoot_3SIhM {
+  z-index: 1;
+  bottom: auto;
+  bottom: initial;
+  top: 32px;
+}
+.root_z5Dfc.inMoreCtrl_27xyv .iconBox_mLq0s {
+  flex-direction: row;
+  padding: 0 16px;
+  width: auto;
+  height: 40px;
+  margin-left: 0;
+}
+.root_z5Dfc.inMoreCtrl_27xyv .iconBox_mLq0s > svg {
+  margin-right: 8px;
+  margin-top: 0;
+  width: 24px;
+  height: 24px;
+}
+.root_z5Dfc.inMoreCtrl_27xyv .iconBox_mLq0s > span {
+  font-size: 14px;
+}
+.root_z5Dfc.inMoreCtrl_27xyv .panelRoot_3SIhM {
+  top: -8px;
+  left: calc(100% + 2px);
+  bottom: auto;
+  bottom: initial;
+  right: auto;
+  right: initial;
+  transform: translateX(0);
 }
 .iconBox_mLq0s {
   width: 48px;
@@ -19995,6 +21177,19 @@
   height: 100%;
   position: relative;
 }
+.addMemberRoot_NZRq9.inMemberCtrl_3a1W7 {
+  top: 0px !important;
+}
+.addMemberRoot_NZRq9.inMemberCtrl_3a1W7 {
+  z-index: 1;
+  position: fixed;
+}
+.addMemberRoot_NZRq9.inMoreCtrl_27xyv {
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  position: fixed;
+}
 
 .iconBox_2U1MR {
   width: 56px;
@@ -20362,7 +21557,6 @@
   font-size: 14px;
   border-left: 2px solid #dbdbde;
   -webkit-user-select: text;
-     -moz-user-select: text;
           user-select: text;
 }
 .itemRoot_2O3KW .subContent_1UGIp .text_1hHQ5.defaultSpan_k-hqh {
@@ -20656,248 +21850,6 @@
   color: var(--upime-active);
 }
 
-.graphicSideContainer_jScOm {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.title_2y8qG {
-  padding-left: 24px;
-  padding-right: 54px;
-  height: 64px;
-  width: 100%;
-  background-color: var(--upime-pane-bg);
-  align-items: center;
-  justify-content: space-between;
-  display: flex;
-  flex-shrink: 0;
-  font-size: 20px;
-  color: var(--upime-main-text);
-  font-weight: 600;
-  line-height: 30px;
-}
-.title_2y8qG .titleIconContainer_2HpFh {
-  width: 44px;
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: pointer;
-}
-.title_2y8qG .titleIconContainer_2HpFh::after {
-  position: absolute;
-  content: "";
-  right: 0px;
-  top: 12px;
-  bottom: 12px;
-  width: 1px;
-  background-color: #e6e7e9;
-}
-.title_2y8qG .titleIconContainer_2HpFh .rotate_3mkgL {
-  transform: rotate(180deg);
-}
-.searchContentContainer_2aGCw {
-  margin-top: 8px;
-  height: 40px;
-  padding: 0 20px;
-}
-.searchContentContainer_2aGCw .inputDomContainer_aORAa {
-  position: relative;
-  height: 100%;
-}
-.searchContentContainer_2aGCw .inputDomContainer_aORAa .qingchuHotarea_CavnD {
-  position: absolute;
-  width: 24px;
-  height: 24px;
-  right: 12px;
-  top: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-.searchContentContainer_2aGCw .inputDomContainer_aORAa .qingchuIcon_2Z2NJ {
-  color: #dbdbde;
-}
-.searchContentContainer_2aGCw .inputDomContainer_aORAa .searchIcon_2yMds {
-  position: absolute;
-  left: 12px;
-  top: 10px;
-}
-.searchContentContainer_2aGCw .input_S5_HS {
-  width: 100%;
-  height: 100%;
-  border-radius: 4px;
-  background-color: white;
-  border: 1px solid #ececee;
-  outline: none;
-  color: #303133;
-  font-size: 14px;
-  padding: 0 48px 0 40px;
-  display: block;
-}
-.searchContentContainer_2aGCw .input_S5_HS::-moz-placeholder {
-  color: #c2c3c8;
-}
-.searchContentContainer_2aGCw .input_S5_HS::placeholder {
-  color: #c2c3c8;
-}
-.searchContentContainer_2aGCw .input_S5_HS:focus {
-  border: 1px solid #2e73e5;
-}
-.categroyWrapper_2QXR0 {
-  flex: 1;
-  overflow: auto;
-  margin-top: 20px;
-  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
-  scrollbar-width: thin;
-}
-.categroyWrapper_2QXR0::-webkit-scrollbar {
-  width: 4px;
-}
-.categroyWrapper_2QXR0::-webkit-scrollbar-track {
-  border-radius: 5px;
-  background-color: transparent;
-}
-.categroyWrapper_2QXR0::-webkit-scrollbar-thumb {
-  border-radius: 2px;
-  background-color: var(--upime-scrollbar-thumb);
-}
-.categroyWrapper_2QXR0 .emptyContainer_1tl6E {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: #616371;
-}
-.categroyWrapper_2QXR0 .emptyContainer_1tl6E .emptyImg_PnK1N {
-  width: 140px;
-}
-.categroyContainer_2fReq {
-  margin-top: 20px;
-  padding: 0 16px 0 20px;
-}
-.categroyContainer_2fReq:first-child {
-  margin-top: 0;
-}
-.categroyContainer_2fReq .categroyTitle_1jXxy {
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 24px;
-  cursor: pointer;
-}
-.categroyContainer_2fReq .categroyTitle_1jXxy .iconContainer_aHe3e {
-  flex-shrink: 0;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.categroyContainer_2fReq .categroyTitle_1jXxy .iconContainer_aHe3e.iconRotate_R8Zzg {
-  transform: rotate(180deg);
-}
-.categroyContainer_2fReq .colorpalettesContaienr_2Tw5t {
-  margin-top: 10px;
-  height: 24px;
-  padding: 2px;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  border-radius: 2px;
-  width: -moz-fit-content;
-  width: fit-content;
-  cursor: pointer;
-}
-.defaultColorTheme_2B6iW {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  color: var(--upime-main-text);
-}
-.simpleColorTheme_21RUC {
-  display: flex;
-  align-items: center;
-}
-.simpleColorTheme_21RUC .simpleColorCircle_314Rw {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  border-width: 2px;
-  border-style: solid;
-  margin-left: -5px;
-}
-.simpleColorTheme_21RUC .simpleColorCircle_314Rw:first-child {
-  margin-left: 0;
-}
-.childrenOptionContainer_3c2BF {
-  width: 160px;
-  padding: 8px 0;
-  border-radius: 2px;
-  background-color: white;
-  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-}
-.childrenOptionContainer_3c2BF .options_39ftb {
-  height: 40px;
-  padding: 0 16px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-  color: var(--upime-active);
-}
-.iconListContainer_92Ipt {
-  margin-top: 10px;
-}
-.iconListContainer_92Ipt .iconListView_sqkVV {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-.iconListContainer_92Ipt .iconListView_sqkVV .iconCell_2I3tD {
-  width: 40px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 2px;
-}
-.iconListContainer_92Ipt .iconListView_sqkVV .draggingIcon_1wKts {
-  position: fixed;
-  z-index: 9999;
-  width: 44px;
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 4px;
-  background-color: white;
-  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
-  transform: translateX(-50%) translateY(-50%);
-}
-.do-hovers .colorpalettesContaienr_2Tw5t:hover {
-  background-color: rgba(0, 0, 0, 0.06);
-}
-.do-hovers .titleIconContainer_2HpFh:hover {
-  color: var(--upime-active);
-}
-.do-hovers .childrenOptionContainer_3c2BF .options_39ftb:hover {
-  background-color: rgba(0, 0, 0, 0.06);
-}
-.do-hovers .iconListView_sqkVV .iconCell_2I3tD:hover {
-  background-color: rgba(0, 0, 0, 0.06);
-}
-
 :root {
   --upime-btn-bg-active: #090909;
   --upime-btn-bg-hover: #F5F6F6;
@@ -21530,6 +22482,7 @@
   padding-right: 16px;
   line-height: 64px;
   font-size: 14px;
+  -webkit-text-decoration: underline;
   text-decoration: underline;
   border-radius: 4px;
   border: 1px solid #e6e7e9;
@@ -22021,9 +22974,6 @@
   border-radius: 4px;
   padding-left: 40px;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .searchRow_2j8yi input::-moz-placeholder {
-  color: #c2c3c8;
-}
 .groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .searchRow_2j8yi input::placeholder {
   color: #c2c3c8;
 }