@plaso-infi/whiteboard-sdk 0.2.1 → 0.2.4

package/dist/esm/index.css

@@ -80,9 +80,18 @@
   justify-content: center;
   align-items: center;
 }
+.color_editor_1EsR8 .tick_slider_container_hxlBb {
+  width: 166px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .color_editor_1EsR8 .tick_slider_XgIcV {
   width: 136px;
 }
+.tick_slider_wrapper__yite:last-child {
+  margin-bottom: 12px;
+}
 .label_1VFgw {
   display: block;
   width: 136px;
@@ -126,6 +135,7 @@
 .element_name_3XNlf {
   position: absolute;
   transform-origin: 0 0;
+  width: -moz-max-content;
   width: max-content;
   height: 100%;
   padding: 0;
@@ -189,6 +199,13 @@
 .type_select_3-Oju {
   margin-top: 8px;
 }
+.type_select_3-Oju:last-child {
+  margin-bottom: 12px;
+}
+.type_select_3-Oju.type_select_padding_2PIr7 {
+  width: 180px;
+  padding: 0 12px;
+}
 .video_player_1AehI {
   position: absolute;
 }
@@ -268,6 +285,12 @@
   color: #d8d8d8;
   cursor: not-allowed;
 }
+.do-hovers .shape_switch_2j51f .option_list_RHtlS .shape_1C_Nn:hover {
+  background-color: #f5f6f6;
+}
+.do-hovers .shape_switch_2j51f .option_list_RHtlS .shape_1C_Nn.disabledHover_3wcEy:hover {
+  background-color: transparent;
+}
 .phoneLinePropsColorFcContainer_Qka04 {
   background-color: white;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
@@ -308,7 +331,9 @@
   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;
@@ -317,7 +342,7 @@
   overflow: hidden;
 }
 .tipBorder_2k1FY .contentWrapper_2zcHR:after {
-  content: '';
+  content: "";
   position: absolute;
   display: block;
   width: 8px;
@@ -584,6 +609,10 @@
   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;
@@ -636,6 +665,9 @@
   font-size: 14px;
   height: 40px;
 }
+.input_TOTyV::-moz-placeholder {
+  color: #91939C;
+}
 .input_TOTyV::placeholder {
   color: #91939C;
 }
@@ -659,7 +691,7 @@
 }
 .delete_btn_3XEwh.addInputClearBtn_ip6az {
   right: 12px;
-  top: 27px;
+  top: 11px;
 }
 .delete_btn_3XEwh.editInputClearBtn_1xBs9 {
   right: 24px;
@@ -667,10 +699,10 @@
 }
 .error_msg_3X6Uq {
   margin-top: 4px;
-  height: 20px;
   line-height: 20px;
   color: #fe5250;
   font-size: 14px;
+  word-break: break-word;
 }
 
 .root_2V9EJ {
@@ -943,6 +975,7 @@
 .mainUI_3WaUf *::after {
   box-sizing: border-box;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   word-break: break-all;
 }
@@ -951,6 +984,7 @@
   outline: none !important;
   resize: none !important;
   -webkit-user-select: text !important;
+     -moz-user-select: text !important;
           user-select: text !important;
 }
 .popWindow_2hDkA,
@@ -995,9 +1029,11 @@
   line-height: 22px;
   font-size: 14px;
   color: #ffffff;
+  word-break: break-word;
 }
 .toastWidget_32Rd4 .normalContent_13S0r {
   margin-left: 0;
+  width: -moz-max-content;
   width: max-content;
   text-align: center;
 }
@@ -1343,6 +1379,7 @@
   cursor: pointer;
   vertical-align: middle;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   outline: none;
   box-shadow: none;
@@ -1641,13 +1678,16 @@
   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;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
+  word-break: break-word;
 }
 .contentWrapper_Ywfey .content_1JZaP.large_3V4Zf {
   display: -webkit-box;
@@ -1676,13 +1716,13 @@
   left: 50%;
 }
 .contentWrapper_Ywfey.top {
-  bottom: calc(100% + 12px);
+  bottom: calc(100% + 12px + var(--tip-extra-distance));
 }
 .contentWrapper_Ywfey.top:after {
   bottom: -8px;
 }
 .contentWrapper_Ywfey.bottom {
-  top: calc(100% + 12px);
+  top: calc(100% + 12px + var(--tip-extra-distance));
 }
 .contentWrapper_Ywfey.bottom:after {
   top: 0px;
@@ -1693,21 +1733,21 @@
   transform: translate(0, -50%);
 }
 .contentWrapper_Ywfey.right {
-  left: calc(100% + 12px);
+  left: calc(100% + 12px + var(--tip-extra-distance));
 }
 .contentWrapper_Ywfey.right:after {
   top: 50%;
   left: 0px;
 }
 .contentWrapper_Ywfey.left {
-  right: calc(100% + 12px);
+  right: calc(100% + 12px + var(--tip-extra-distance));
 }
 .contentWrapper_Ywfey.left:after {
   top: 50%;
   right: -12px;
 }
 .contentWrapper_Ywfey.topLeft {
-  bottom: calc(100% + 12px);
+  bottom: calc(100% + 12px + var(--tip-extra-distance));
   left: 0;
 }
 .contentWrapper_Ywfey.topLeft:after {
@@ -1717,7 +1757,7 @@
   left: var(--tip-width-offset);
 }
 .contentWrapper_Ywfey.topRight {
-  bottom: calc(100% + 12px);
+  bottom: calc(100% + 12px + var(--tip-extra-distance));
   right: 0;
 }
 .contentWrapper_Ywfey.topRight:after {
@@ -1727,7 +1767,7 @@
   right: calc(var(--tip-width-offset) - 8px);
 }
 .contentWrapper_Ywfey.bottomLeft {
-  top: calc(100% + 12px);
+  top: calc(100% + 12px + var(--tip-extra-distance));
   left: 0;
 }
 .contentWrapper_Ywfey.bottomLeft:after {
@@ -1737,7 +1777,7 @@
   left: var(--tip-width-offset);
 }
 .contentWrapper_Ywfey.bottomRight {
-  top: calc(100% + 12px);
+  top: calc(100% + 12px + var(--tip-extra-distance));
   right: 0;
 }
 .contentWrapper_Ywfey.bottomRight:after {
@@ -2091,10 +2131,12 @@
   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;
@@ -2320,7 +2362,7 @@
   border-bottom-left-radius: 4px;
 }
 .dragIcon_1grwA > svg {
-  font-size: 16px;
+  font-size: 24px;
   color: #91939c;
 }
 .dragIcon_1grwA:hover {
@@ -2427,6 +2469,7 @@
   line-height: 38px;
   text-align: left;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
 }
 .ctrl-option_3Tvb5.disabled_2JCCv {
@@ -2677,7 +2720,8 @@
   display: flex;
   align-items: flex-end;
   overflow: hidden;
-  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));
+  -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));
 }
 .phoneToolbarEditorContainer_3DdsS.pwa_1lILK {
   --paddingY: 32px;
@@ -2695,6 +2739,7 @@
 .phoneToolbarEditorContainer_3DdsS .phoneToolbarBar_IwP6I .phoneToolBarInner_1jgOr {
   display: flex;
   height: 50px;
+  width: -moz-fit-content;
   width: fit-content;
   align-items: center;
 }
@@ -2780,7 +2825,7 @@
   width: 24px;
   height: 24px;
   transform-origin: 0.5 0.5;
-  transition: all 0.1s linear;
+  transition: transform 0.1s linear;
 }
 .root_3DPyd .right_3Ruxk.opened_3T5W7 {
   transform: rotate(180deg);
@@ -2993,6 +3038,7 @@
   line-height: 38px;
   text-align: left;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: pointer;
 }
@@ -3136,6 +3182,7 @@
 }
 .draftContainer_UuOXY .textPart_GSblp .editor_12tyR {
   -webkit-user-select: text !important;
+     -moz-user-select: text !important;
           user-select: text !important;
 }
 .draftContainer_UuOXY .textPart_GSblp .editor_12tyR {
@@ -3168,6 +3215,7 @@
 }
 .draftContainer_UuOXY .textPart_GSblp .editor_12tyR * {
   -webkit-user-select: text !important;
+     -moz-user-select: text !important;
           user-select: text !important;
 }
 .draftContainer_UuOXY .textPart_GSblp .actionRow_3GZwe {
@@ -3681,7 +3729,6 @@
 
 .link_38yHX {
   color: var(--upime-active);
-  -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 .link_38yHX.clickable_1ikEY {
@@ -3929,6 +3976,7 @@
 }
 .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 {
@@ -3961,6 +4009,7 @@
 }
 .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 {
@@ -4404,6 +4453,7 @@
 }
 .messageItemRoot_3URk_ .content_oxA_u * {
   -webkit-user-select: text !important;
+     -moz-user-select: text !important;
           user-select: text !important;
 }
 .messageItemRoot_3URk_ .actions_nqOrM {
@@ -4840,7 +4890,8 @@
   align-items: center;
 }
 .root_2YuiZ > img {
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   border-radius: 4px;
   max-width: 100%;
 }
@@ -5066,6 +5117,7 @@
   font-size: 10px;
   text-align: center;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
 }
 .fontSizeSelect_mZrQe .rightOption_MD7Qa .btn_mBY8_:hover {
@@ -5106,55 +5158,47 @@
   background-color: var(--upime-pane-bg);
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  width: 400px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 16px;
   border-radius: 2px;
+  padding: 16px;
   position: absolute;
-  display: flex;
-  align-items: center;
-  width: 400px;
-  min-height: 72px;
 }
 .add_anchor_3mHnl .add_input_n9bTK {
   width: 296px;
-  min-height: 72px;
-  padding: 16px 0 16px 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex-shrink: 1;
   position: relative;
 }
 .add_anchor_3mHnl .add_input_n9bTK input {
   padding-right: 40px;
 }
-.add_btns_1-y9z {
-  position: absolute;
-  right: 0;
-  top: 0;
-  flex-shrink: 0;
+.add_anchor_3mHnl .add_btns_1-y9z {
   display: flex;
-  height: 100%;
-  padding-right: 16px;
+  flex-shrink: 0;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 16px;
+  height: 40px;
 }
-.add_btns_1-y9z .btn_17KQi {
-  margin-top: 26px;
-  margin-bottom: 48px;
+.add_anchor_3mHnl .add_btns_1-y9z .btn_17KQi {
   position: relative;
   font-size: 14px;
   color: #2E73E5;
   white-space: nowrap;
-  margin-left: 16px;
   cursor: pointer;
 }
-.add_btns_1-y9z .btn_17KQi.disable_3k8tZ {
+.add_anchor_3mHnl .add_btns_1-y9z .btn_17KQi.disable_3k8tZ {
   color: #ABC7F5;
   pointer-events: none;
 }
-.add_btns_1-y9z .btn_17KQi::before {
-  content: "";
-  background: transparent;
-  position: absolute;
-  left: -10px;
-  top: -20px;
-  right: -10px;
-  bottom: -20px;
-  z-index: -1;
-}
 .hover_anchor_2SjZq {
   background-color: var(--upime-pane-bg);
   border-radius: 4px;
@@ -5519,33 +5563,66 @@
   font-size: 14px;
 }
 .pin-start-page_3-DLn .pinning-page_3oZPa {
-  min-width: 220px;
-  padding: 15px 0px;
+  width: 218px;
+  padding: 8px 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
 }
 .pin-start-page_3-DLn .pinning-page_3oZPa .pinning-page-item_3b2Vt {
+  display: flex;
+  flex-direction: row;
   justify-content: space-between;
-  min-width: 220px;
+  align-items: center;
   width: 100%;
-  height: 36px;
-  padding: 0 30px;
-  font-size: 13px;
-  cursor: pointer;
+  height: 40px;
+  padding: 0 8px 0 16px;
+  font-size: 14px;
   white-space: nowrap;
-}
-.pin-start-page_3-DLn .pinning-page_3oZPa .pinning-page-item_3b2Vt .hint_1pdGk {
-  color: #5f5c80;
-  padding-left: 8px;
+  cursor: default;
 }
 .pin-start-page_3-DLn .pinning-page_3oZPa .pinning-page-item_3b2Vt.disabled_1EiYV {
   opacity: 0.2;
   cursor: default;
 }
-.do-hovers .pin-start-page_3-DLn .pinning-page_3oZPa .pinning-page-item_3b2Vt:hover {
+.pin-start-page_3-DLn .pinning-page_3oZPa .pinning-page-item-hoverable_uMwDn {
+  cursor: pointer;
+}
+.pin-start-page_3-DLn .pinning-page_3oZPa .divider_Q7GM9 {
+  max-width: 100%;
+  height: 1px;
+  border-bottom: 1px solid #E6E7E9;
+  margin: 8px;
+}
+.pin-start-page_3-DLn .pinning-page_3oZPa .currentStartPage_38Frz {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+.pin-start-page_3-DLn .pinning-page_3oZPa .goToStartPage_3RFt3 {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 7px 8px;
+  font-size: 14px;
+  line-height: 22px;
+  color: #2E5CE5;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.do-hovers .pin-start-page_3-DLn .pinning-page_3oZPa .pinning-page-item-hoverable_uMwDn:hover {
   background-color: #f5f5f7;
 }
-.do-hovers .pin-start-page_3-DLn .pinning-page_3oZPa .pinning-page-item_3b2Vt.disabled_1EiYV:hover {
+.do-hovers .pin-start-page_3-DLn .pinning-page_3oZPa .pinning-page-item-hoverable_uMwDn.disabled_1EiYV:hover {
   background: transparent;
 }
+.do-hovers .goToStartPage_3RFt3:hover {
+  color: #2E73E5;
+  background-color: rgba(0, 0, 0, 0.06);
+}
 .pageExtractor_2hxe0 {
   min-width: 478px;
   height: 62px;
@@ -5789,7 +5866,8 @@
 .content_j7Z8k.video_at_K0 video {
   width: 100%;
   height: 100%;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 .resize_dom_fuoNI {
   position: absolute;
@@ -6218,6 +6296,7 @@
   align-items: center;
   margin: 4px 4px;
   padding: 4px 4px;
+  border-radius: 2px;
   cursor: pointer;
 }
 .ratioBlock_2jjJB span {
@@ -6226,10 +6305,7 @@
   text-align: center;
 }
 .do-hovers .ratioBlock_2jjJB:hover {
-  background-color: var(--upime-btn-bg-hover);
-}
-.do-hovers .ratioBlock_2jjJB:hover svg {
-  color: var(--upime-active);
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .frameTypeEditor_20mvL {
   min-width: 74px;
@@ -6588,6 +6664,9 @@
   outline: none;
   color: #0c1024;
 }
+.inputContainer_2v9CT .input_s7rot::-moz-placeholder {
+  color: #c2c3c8;
+}
 .inputContainer_2v9CT .input_s7rot::placeholder {
   color: #c2c3c8;
 }
@@ -6961,15 +7040,79 @@
   font-size: 14px;
   cursor: default;
 }
+.dateSelectorContainer_7OPhd.phone_1imQn {
+  padding-top: 0;
+}
+.dateSelectorContainer_7OPhd .actionRow_32BLD {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #e6e7e9;
+  position: relative;
+  padding: 16px 4px;
+  padding-top: 0px;
+}
+.dateSelectorContainer_7OPhd .actionRow_32BLD .cancel_290iU {
+  font-size: 16px;
+  color: #303445;
+}
+.dateSelectorContainer_7OPhd .actionRow_32BLD .note_3sNXN {
+  font-size: 18px;
+  font-weight: 600;
+  color: #000;
+}
+.dateSelectorContainer_7OPhd .actionRow_32BLD .queding_1xQeb {
+  font-size: 16px;
+  color: #2e73e5;
+}
+.dateSelectorContainer_7OPhd .actionRow_32BLD::after {
+  content: "";
+  height: 1px;
+  display: block;
+  width: 25px;
+  border-bottom: 1px solid #e6e7e9;
+  position: absolute;
+  bottom: -1px;
+  right: -25px;
+}
+.dateSelectorContainer_7OPhd .actionRow_32BLD::before {
+  content: "";
+  height: 1px;
+  display: block;
+  width: 25px;
+  border-bottom: 1px solid #e6e7e9;
+  position: absolute;
+  bottom: -1px;
+  left: -25px;
+}
 .dateSelectorContainer_7OPhd .dateSelectorHead_3eUQz {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #0c1024;
+  gap: 4px;
 }
 .dateSelectorContainer_7OPhd .dateSelectorHead_3eUQz .iconArrow_2KtBy {
   cursor: pointer;
 }
+.dateSelectorContainer_7OPhd .dateSelectorHead_3eUQz .dateTitle_1mgFE {
+  flex: 1;
+  text-align: center;
+}
+.dateSelectorContainer_7OPhd .dateSelectorHead_3eUQz .dateTitle_1mgFE.useHover_2r_9X {
+  cursor: pointer;
+}
+.dateSelectorContainer_7OPhd .dateSelectorHead_3eUQz .dateTitle_1mgFE.useHover_2r_9X:hover {
+  color: var(--upime-active);
+}
+.dateSelectorContainer_7OPhd .dateSelectorHead_3eUQz.phone_1imQn {
+  color: #91939c;
+  height: 53px;
+}
+.dateSelectorContainer_7OPhd .dateSelectorHead_3eUQz.phone_1imQn > b {
+  font-size: 17px;
+  color: #0c1024;
+}
 .dateSelectorContainer_7OPhd .dateListContainer_3zcVm {
   margin-top: 14px;
   display: grid;
@@ -6994,10 +7137,45 @@
 .dateSelectorContainer_7OPhd .dateListContainer_3zcVm .dateCell_23lOw.today_30ts6 {
   border: 1px solid var(--upime-active);
 }
+.dateSelectorContainer_7OPhd .dateListContainer_3zcVm .dateCell_23lOw.today_30ts6.phone_1imQn {
+  border: none;
+  color: #2e73e5;
+}
 .dateSelectorContainer_7OPhd .dateListContainer_3zcVm .dateCell_23lOw.active_gVmSQ {
   background-color: var(--upime-active);
   color: white;
 }
+.dateSelectorContainer_7OPhd .monthListContainer_1feVK {
+  margin-top: 14px;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-row-gap: 32px;
+  row-gap: 32px;
+  grid-column-gap: 12px;
+  -moz-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;
+  margin-top: 0px;
+}
+.dateSelectorContainer_7OPhd .monthListContainer_1feVK .monCell_2kpcK {
+  width: 100%;
+  height: 32px;
+  border-radius: 24px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.dateSelectorContainer_7OPhd .monthListContainer_1feVK .monCell_2kpcK.monCellActive_248eX {
+  background-color: var(--upime-active);
+  color: white;
+}
 
 .cm_item_3C_mO {
   width: 40px;
@@ -7302,6 +7480,9 @@
   margin-bottom: 8px;
   width: 100%;
 }
+.cardEditModalContainer_3CGgB .textTitle_2ByIg::-moz-placeholder {
+  color: #c2c3c8;
+}
 .cardEditModalContainer_3CGgB .textTitle_2ByIg::placeholder {
   color: #c2c3c8;
 }
@@ -7387,6 +7568,9 @@
   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;
 }
@@ -7409,6 +7593,7 @@
   left: 0;
   opacity: 0;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   pointer-events: none;
 }
@@ -7477,6 +7662,7 @@
 }
 .selectContainer_YVQ79 .box_3MeK9 {
   height: 100%;
+  width: -moz-fit-content;
   width: fit-content;
   max-width: 100%;
   display: flex;
@@ -7728,6 +7914,7 @@
   display: flex;
   align-items: center;
   color: #2e73e5;
+  width: -moz-fit-content;
   width: fit-content;
   height: 100%;
   padding: 0 8px 0 2px;
@@ -7763,6 +7950,7 @@
   position: relative;
 }
 .viewerContainer_3f1Ay.imgContainer_2svvI {
+  width: -moz-fit-content;
   width: fit-content;
 }
 .viewerContainer_3f1Ay .uploadCover_1xurO {
@@ -7815,7 +8003,8 @@
 .viewerContainer_3f1Ay .imgContainer_2svvI img {
   width: 100%;
   height: 100%;
-  object-fit: scale-down;
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
   display: block;
 }
 .viewerContainer_3f1Ay .officeContainer_1mf6v {
@@ -7914,7 +8103,8 @@
 .viewerContainer_3f1Ay .videoContainer_qXhrY .videoDom_1jG0t {
   width: 100%;
   max-height: 180px;
-  object-fit: scale-down;
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
   display: block;
 }
 .viewerContainer_3f1Ay .videoContainer_qXhrY .mask_1m9yl {
@@ -7985,7 +8175,7 @@
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
   position: absolute;
-  width: 90px;
+  width: 101px;
   padding: 8px 0;
   z-index: 99;
   right: 0;
@@ -8109,6 +8299,7 @@
 .phoneViewContainer_2q1mj .scrollContainer_2RECx {
   flex: 1;
   overflow: auto;
+  position: relative;
 }
 .phoneViewContainer_2q1mj .partContainer_3-nRO {
   background-color: white;
@@ -8126,56 +8317,375 @@
   text-align: justify;
 }
 .phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb.fileRow_3s5Sg {
-  justify-content: flex-start;
+  justify-content: space-between;
   gap: 4px;
 }
-.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .tagContainer_38g2U {
-  padding: 0 8px;
-  height: 26px;
-  border-radius: 4px;
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb.fileRow_3s5Sg .content_ZlyKc {
   display: flex;
   align-items: center;
-  justify-content: center;
-}
-.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .avaImage_3NGSS {
-  width: 28px;
-  height: 28px;
-  border-radius: 14px;
-  margin-right: 6px;
-}
-.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .fakeAva_3yRWU {
-  width: 28px;
-  height: 28px;
-  border-radius: 14px;
-  margin-right: 6px;
-  background-color: #dfdfdf;
+  color: #91939c;
 }
-.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .userListUser_2qKck {
-  display: flex;
-  align-items: center;
-  color: #616371;
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb.fileRow_3s5Sg .content_ZlyKc > svg {
+  font-size: 16px;
+  margin-left: 4px;
 }
-.phoneFileListContainer_3_IqJ {
-  padding: 8px 20px;
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb.descRow_xXIxo {
+  padding-top: 0px;
   position: relative;
+  min-height: 102px;
+  display: block;
 }
-.kanbanConfigWrapper_zrjFR {
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb.descRow_xXIxo > span {
+  display: block;
+  line-height: 23px;
+  font-size: 15px;
+  color: #91939c;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb.descRow_xXIxo .descTextarea_1jMC0 {
   position: absolute;
   top: 0;
-  right: 0;
-  bottom: 0;
   left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  border: none;
+  font-size: 15px;
+  line-height: 23px;
+  padding: 0 20px;
 }
-.kanbanConfigWrapper_zrjFR .kanbanConfigContainer_2ZExP {
-  width: 750px;
-  border-radius: 12px;
-  background-color: #ffffff;
-  font-size: 14px;
-  height: 580px;
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb.descRow_xXIxo .descBox__smnE {
+  outline: none;
+  line-height: 23px;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb.descRow_xXIxo .descBox__smnE:empty::before {
+  content: attr(placeholder);
+  color: #91939c;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb.descRow_xXIxo .descBox__smnE:focus::before {
+  content: none;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .titleInput_hwfMP {
+  border: none;
+  height: 26px;
+  width: calc(100% - 30px);
+  line-height: 26px;
+  font-size: 18px;
+  padding: 0px;
+  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;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .titleInput_hwfMP:focus ~ div {
+  display: flex;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .clearBox_3UlPC {
+  width: 54px;
+  height: 54px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  display: none;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .clearBox_3UlPC .clearInput_1SaWL {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background-color: #dedede;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .clearBox_3UlPC .clearInput_1SaWL svg {
+  color: white;
+  width: 10px;
+  height: 10px;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .tagContainer_38g2U {
+  padding: 0 8px;
+  height: 26px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .avaImage_3NGSS {
+  width: 28px;
+  height: 28px;
+  border-radius: 14px;
+  margin-right: 6px;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .fakeAva_3yRWU {
+  width: 28px;
+  height: 28px;
+  border-radius: 14px;
+  margin-right: 6px;
+  background-color: #dfdfdf;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .userListUser_2qKck {
+  display: flex;
+  align-items: center;
+  color: #616371;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .content_ZlyKc {
+  display: flex;
+  align-items: center;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .content_ZlyKc .timerangeContent_3iTF8 {
+  border-radius: 4px;
+  background-color: #f5f6f6;
+  padding: 3px 8px;
+  display: flex;
+  align-items: center;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .content_ZlyKc .timerangeContent_3iTF8 > svg {
+  margin-left: 6px;
+  font-size: 16px;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .row_2tCJb .content_ZlyKc .jiantou_2aSSs {
+  font-size: 16px;
+  color: #91939c;
+  margin-left: 4px;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .colorRow_uF5t1 .content_ZlyKc .colorCircle_2oE9M {
+  width: 20px;
+  height: 20px;
+}
+.phoneViewContainer_2q1mj .partContainer_3-nRO .colorRow_uF5t1 .content_ZlyKc .colorCircle_2oE9M > div {
+  width: 20px;
+  height: 20px;
+}
+.phoneViewContainer_2q1mj .actionContainer_21IKL {
+  margin-bottom: 0px;
+}
+.phoneViewContainer_2q1mj .actionContainer_21IKL .row_2tCJb .confirmBtn_p-3Wu {
+  height: 48px;
+  width: 100%;
+  padding: 13px 0px;
+  background-color: #2e73e5;
+  color: #fff;
+  text-align: center;
+  border-radius: 4px;
+}
+.fileListSelectPhoneBox_27K3v .hiddenInput_3Sct_ {
+  visibility: hidden;
+  display: none;
+}
+.timeRangeErrorToast_3kqgW {
+  width: 200px;
+  word-break: break-all;
+  text-align: center;
+  border-radius: 8px;
+  background-color: rgba(0, 0, 0, 0.8);
+  color: #fff;
+  padding: 16px 24px;
+  position: absolute;
+  bottom: 160px;
+  left: 50%;
+  transform: translate(-50%);
+  z-index: 200;
+}
+.colorPalettePhone_BsBTv {
+  width: 100%;
+  padding: 0;
+  flex-wrap: wrap;
+  box-shadow: none;
+  box-shadow: initial;
+  background-color: transparent;
+  background-color: initial;
+}
+.colorPalettePhone_BsBTv > div {
+  width: calc(100% / 7);
+  height: 48px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.cardColorPickDrawer_SuQLa {
+  width: 100% !important;
+  padding: 0 !important;
+  flex-wrap: wrap !important;
+  box-shadow: none !important;
+  box-shadow: initial !important;
+  background-color: transparent !important;
+  background-color: initial !important;
+}
+.cardColorPickDrawer_SuQLa > div {
+  width: calc(100% / 7) !important;
+  height: 48px !important;
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+}
+.cardEditDrawer {
+  z-index: 200;
+  padding: 20px 19px;
+  max-height: calc(100% - 98px);
+  min-height: 236px;
+}
+.coverCardEditDrawer {
+  z-index: 199;
+}
+.radioSelectDrawerBox_2Hw1j {
+  overflow: auto;
+  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
+  scrollbar-width: thin;
+}
+.radioSelectDrawerBox_2Hw1j::-webkit-scrollbar {
+  width: 4px;
+}
+.radioSelectDrawerBox_2Hw1j::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
+}
+.radioSelectDrawerBox_2Hw1j::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: var(--upime-scrollbar-thumb);
+}
+.radioSelectDrawerBox_2Hw1j .row_2tCJb {
+  padding: 16px 4px;
+  display: flex;
+  justify-content: space-between;
+}
+.userSelectDrawerBox_2iZMV .actionRow_3pNf5 {
+  padding: 16px 4px;
+  padding-top: 0px;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #e6e7e9;
+  position: relative;
+}
+.userSelectDrawerBox_2iZMV .actionRow_3pNf5::after {
+  content: "";
+  height: 1px;
+  display: block;
+  width: 20px;
+  border-bottom: 1px solid #e6e7e9;
+  position: absolute;
+  bottom: -1px;
+  right: -20px;
+}
+.userSelectDrawerBox_2iZMV .actionRow_3pNf5::before {
+  content: "";
+  height: 1px;
+  display: block;
+  width: 20px;
+  border-bottom: 1px solid #e6e7e9;
+  position: absolute;
+  bottom: -1px;
+  left: -20px;
+}
+.userSelectDrawerBox_2iZMV .searchRow_34A87 {
+  padding: 16px 0px;
+}
+.userSelectDrawerBox_2iZMV .searchRow_34A87 .inputBox_2PIFc {
+  height: 44px;
+  padding: 12px 16px;
+  border-radius: 999px;
+  border: 1px solid #c2c3c8;
+  display: flex;
+  gap: 8px;
+}
+.userSelectDrawerBox_2iZMV .searchRow_34A87 .inputBox_2PIFc > svg {
+  font-size: 18px;
+}
+.userSelectDrawerBox_2iZMV .searchRow_34A87 .inputBox_2PIFc > input {
+  border: none;
+  flex: 1;
+  line-height: 23px;
+  font-size: 15px;
+}
+.userSelectDrawerBox_2iZMV .searchRow_34A87 .inputBox_2PIFc .clearInput_1SaWL {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background-color: #dedede;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  align-self: center;
+}
+.userSelectDrawerBox_2iZMV .searchRow_34A87 .inputBox_2PIFc .clearInput_1SaWL svg {
+  color: white;
+  width: 12px;
+  height: 12px;
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk {
+  overflow: auto;
+  height: 425px;
+  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
+  scrollbar-width: thin;
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk::-webkit-scrollbar {
+  width: 4px;
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: var(--upime-scrollbar-thumb);
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk .userRow_KKhgi {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 14px 4px;
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk .userRow_KKhgi .nameBox_3J5To {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk .userRow_KKhgi .nameBox_3J5To .avatar_1OG7B {
+  border-radius: 20px;
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk .userRow_KKhgi .nameBox_3J5To .userName_kU155 {
+  max-width: 260px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk .noUsersBox_3EMhb {
+  text-align: center;
+  font-size: 14px;
+  color: #303445;
+  line-height: 22px;
+  margin-top: 90px;
+}
+.userSelectDrawerBox_2iZMV .listBox_1twLk::-webkit-scrollbar {
+  display: none;
+}
+.phoneFileListContainer_3_IqJ {
+  position: relative;
+}
+.phoneFileListContainer_3_IqJ.hasFiles_263Gr {
+  padding: 8px 20px;
+}
+.kanbanConfigWrapper_zrjFR {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+.kanbanConfigWrapper_zrjFR .kanbanConfigContainer_2ZExP {
+  width: 750px;
+  border-radius: 12px;
+  background-color: #ffffff;
+  font-size: 14px;
+  height: 580px;
   max-height: 95vh;
   display: grid;
   grid-template-rows: 76px 1fr;
@@ -8368,6 +8878,9 @@
   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;
 }
@@ -8491,6 +9004,9 @@
 .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;
 }
@@ -8650,6 +9166,7 @@
 .element_name_39TT- {
   position: absolute;
   transform-origin: 0 0;
+  width: -moz-max-content;
   width: max-content;
   height: 100%;
   padding: 0;
@@ -8679,6 +9196,10 @@
   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;
@@ -8801,6 +9322,9 @@
 .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;
 }
@@ -9235,6 +9759,21 @@
   width: 28px;
   height: 28px;
 }
+.iconWrap_2MBnC {
+  width: 36px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.do-hovers .iconWrap_2MBnC:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .active_2r-OK .iconWrap_2MBnC:hover {
+  background-color: #EAF1FC;
+}
 .draggableRoot_2qSTc {
   position: absolute;
   top: 0;
@@ -9555,6 +10094,9 @@
 .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;
 }
@@ -9584,6 +10126,7 @@
   left: 0;
   opacity: 0;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   pointer-events: none;
 }
@@ -10097,6 +10640,7 @@
 .border_Q60AG *::after {
   box-sizing: border-box;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
 }
 .border_Q60AG input,
@@ -10104,6 +10648,7 @@
   outline: none !important;
   resize: none !important;
   -webkit-user-select: text !important;
+     -moz-user-select: text !important;
           user-select: text !important;
 }
 .goToLinkToolTip_Jo9f- {
@@ -10300,23 +10845,36 @@
   color: #2E73E5;
 }
 
-.iconContainer_2evAK {
-  width: 40px;
-  height: 48px;
+.iconWrap_2PzPU {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
   display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
+  cursor: pointer;
 }
-.iconContainer_2evAK .active_3wrOi {
+.iconWrapActive_9X9U_ {
   color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_2PzPU:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_9X9U_:hover {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.iconContainer_2evAK {
+  position: relative;
 }
 .iconContainer_2evAK .unreadHintContainer_SCRFL {
   border: 1px solid white;
   border-radius: 8px;
   position: absolute;
-  top: 4px;
-  right: 0;
+  top: -2px;
+  right: -2px;
 }
 .iconContainer_2evAK .unreadHintContainer_SCRFL .unreadHint_1ZtXu {
   background-color: #fe5250;
@@ -10511,6 +11069,10 @@
   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;
@@ -10619,23 +11181,36 @@
   color: var(--upime-active);
 }
 
-.iconContainer_3d_MB {
-  width: 40px;
-  height: 48px;
+.iconWrap_55JeL {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
   display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
+  cursor: pointer;
 }
-.iconContainer_3d_MB .active_dHjO3 {
+.iconWrapActive_4T4h1 {
   color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_55JeL:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_4T4h1:hover {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.iconContainer_3d_MB {
+  position: relative;
 }
 .iconContainer_3d_MB .unreadHintContainer_D6nwQ {
   border: 1px solid white;
   border-radius: 8px;
   position: absolute;
-  top: 4px;
-  right: 0;
+  top: -2px;
+  right: -2px;
 }
 .iconContainer_3d_MB .unreadHintContainer_D6nwQ .unreadHint_jpuVu {
   background-color: #fe5250;
@@ -10830,6 +11405,10 @@
   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;
@@ -11358,7 +11937,6 @@
 }
 .submenuWrapper_390s6 .submenu_3utq8 {
   width: 89px;
-  height: 130px;
   background-color: var(--upime-pane-bg);
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
@@ -11447,10 +12025,12 @@
   flex-direction: column;
   padding: 24px;
   justify-content: space-between;
+  border-radius: 12px;
 }
 .root_m21ec .content_bVoEx {
   display: flex;
   flex-direction: column;
+  margin-bottom: 24px;
 }
 .root_m21ec .content_bVoEx .title_3VGI6 {
   height: 28px;
@@ -11510,6 +12090,7 @@
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
+  border-radius: 8px;
 }
 .endMeetingRoot_2bkWY .forceLeave_3gjGk {
   max-width: 320px;
@@ -11528,6 +12109,19 @@
 .endMeetingRoot_2bkWY .placeholderImg_1GUUu {
   width: 140px;
 }
+.cannotJoinBox_2G-Vj {
+  min-height: auto;
+  border-radius: 12px;
+  width: 480px;
+}
+.cannotJoinBox_2G-Vj .content_bVoEx .title_3VGI6 {
+  font-weight: 600;
+  font-size: 20px;
+  margin-bottom: 8px;
+}
+.cannotJoinBox_2G-Vj .content_bVoEx .subtitle_2_nR6 {
+  color: #616371;
+}
 .phoneModal_1Ar6S .phoneForceLeave_2yuQo {
   line-height: 24px;
   color: var(--upime-main-text);
@@ -11555,12 +12149,14 @@
 }
 .phoneModal_1Ar6S .imgContainer_1mue6 {
   text-align: center;
+  padding-top: 15px;
 }
 .phoneModal_1Ar6S .imgContainer_1mue6 .placeholderImg_1GUUu {
   width: 110px;
 }
 .nickNameInput_RAs3H {
-  margin: 20px 0;
+  margin: 0px;
+  margin-bottom: 16px;
   height: 44px;
 }
 .noPermissionJoinBox_2qDRl {
@@ -11664,22 +12260,24 @@
 .requestMediaBox_HOoWc .actionRow_NMogH .confirm_1c35u:hover {
   opacity: 0.7;
 }
-.outMeetingModalBox_24pEe {
+.outMeetingModalBox_24pEe,
+.endModalBox_21TuR {
   width: 480px;
   height: 170px;
   border-radius: 12px;
   padding: 24px;
-  padding-top: 30px;
   background-color: #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.outMeetingModalBox_24pEe .headRow_2ZRHv {
+.outMeetingModalBox_24pEe .headRow_2ZRHv,
+.endModalBox_21TuR .headRow_2ZRHv {
   margin-bottom: 40px;
 }
-.outMeetingModalBox_24pEe .headRow_2ZRHv > svg {
+.outMeetingModalBox_24pEe .headRow_2ZRHv > svg,
+.endModalBox_21TuR .headRow_2ZRHv > svg {
   width: 28px;
   height: 28px;
   color: #ffa519;
@@ -11687,25 +12285,44 @@
   position: relative;
   top: 7px;
 }
-.outMeetingModalBox_24pEe .headRow_2ZRHv .wording_TcMYU {
-  font-size: 16px;
+.outMeetingModalBox_24pEe .headRow_2ZRHv .wording_TcMYU,
+.endModalBox_21TuR .headRow_2ZRHv .wording_TcMYU {
+  font-size: 20px;
 }
-.outMeetingModalBox_24pEe .actionRow_NMogH {
+.outMeetingModalBox_24pEe .actionRow_NMogH,
+.endModalBox_21TuR .actionRow_NMogH {
   text-align: right;
 }
-.outMeetingModalBox_24pEe .actionRow_NMogH .btn_1fd3R {
+.outMeetingModalBox_24pEe .actionRow_NMogH .btn_1fd3R,
+.endModalBox_21TuR .actionRow_NMogH .btn_1fd3R {
   display: inline-block;
   padding: 8px 20px;
   width: 104px;
-  height: 40px;
+  text-align: center;
   border-radius: 4px;
   background-color: #2e73e5;
   color: #fff;
   cursor: pointer;
 }
-.outMeetingModalBox_24pEe .actionRow_NMogH .btn_1fd3R:hover {
+.outMeetingModalBox_24pEe .actionRow_NMogH .btn_1fd3R:hover,
+.endModalBox_21TuR .actionRow_NMogH .btn_1fd3R:hover {
   opacity: 0.7;
 }
+.endModalBox_21TuR {
+  height: auto;
+  padding-top: 24px;
+}
+.endModalBox_21TuR .headRow_2ZRHv {
+  font-weight: 600;
+  margin-bottom: 24px;
+}
+.endModalBox_21TuR .headRow_2ZRHv .wording_TcMYU {
+  font-size: 20px;
+}
+.endModalBox_21TuR .actionRow_NMogH .btn_1fd3R {
+  text-align: center;
+  height: auto;
+}
 .inRecordingDialogBox_1Rmfm,
 .endRecordingDialogBox_2Wz20 {
   width: 380px;
@@ -11743,6 +12360,7 @@
   color: #616371;
   margin-bottom: 16px;
   text-align: left;
+  word-break: break-word;
 }
 .inRecordingDialogBox_1Rmfm .footerRow_1VCfS,
 .endRecordingDialogBox_2Wz20 .footerRow_1VCfS {
@@ -11775,6 +12393,7 @@
 }
 .endRecordingDialogBox_2Wz20 .bodyRow__0o5c {
   padding-left: 0px;
+  word-break: break-word;
 }
 .inRecordingFirstModalBox_3uFfF {
   width: 480px;
@@ -12078,6 +12697,9 @@
   top: 3px;
   position: relative;
 }
+.body_3jDAr .searchBar_28EEk > input::-moz-placeholder {
+  color: #91939c;
+}
 .body_3jDAr .searchBar_28EEk > input::placeholder {
   color: #91939c;
 }
@@ -12766,7 +13388,7 @@
 .textContainer_1JELQ .textBox_2F1tW .textItem_198Os .textArea_3s9sD .textHead_1RAD3 .popBox_2ddu7 {
   position: absolute;
   width: 160px;
-  height: 96px;
+  height: 82px;
   border-radius: 4px;
   background-color: #ffffff;
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
@@ -12774,7 +13396,7 @@
   top: 20px;
   display: none;
   z-index: 1;
-  padding: 12px 16px;
+  padding: 8px 16px;
   color: #0c1024;
 }
 .textContainer_1JELQ .textBox_2F1tW .textItem_198Os .textArea_3s9sD .textHead_1RAD3 .popBox_2ddu7 .row_2f4Em {
@@ -12789,6 +13411,7 @@
 }
 .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;
@@ -12987,6 +13610,27 @@
   }
 }
 
+.iconWrap_1BOO_ {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.iconWrapActive_r6QNM {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_1BOO_:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_r6QNM:hover {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
 .root_3wRSW {
   height: 48px;
   display: flex;
@@ -13018,9 +13662,6 @@
 .root_3wRSW.extension_3hSxb .extensionItem_P_yjW.active_2ybfM {
   color: var(--upime-active);
 }
-.do-hovers .extension_3hSxb .extensionItem_P_yjW > svg:hover {
-  color: var(--upime-active);
-}
 .extensionRoot_3XozC {
   width: 340px;
   height: 100%;
@@ -13047,101 +13688,449 @@
   color: var(--upime-main-text);
   font-weight: 500;
 }
-.extensionRoot_3XozC .header_3nTR7 .closeIcon_2pwh3 {
-  font-size: 24px;
-  color: var(--upime-main-text);
-  cursor: pointer;
+.extensionRoot_3XozC .header_3nTR7 .closeIcon_2pwh3 {
+  font-size: 24px;
+  color: var(--upime-main-text);
+  cursor: pointer;
+}
+.do-hovers .closeIcon_2pwh3:hover {
+  color: var(--upime-active);
+}
+
+.root_1Xg0h {
+  position: absolute;
+  width: 264px;
+  padding-left: 24px;
+  min-height: 216px;
+  top: 300px;
+  right: 8px;
+  overflow-y: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 216px;
+  transition: height 0.3s ease;
+}
+.root_1Xg0h.listHided_3PtEo {
+  top: 50% !important;
+  transform: translate(248px, -50%) !important;
+}
+.root_1Xg0h.hide_vbNDq {
+  visibility: hidden;
+}
+.container_1IWYf {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.viewport_d7NeH {
+  margin-top: 26px;
+  overflow: hidden;
+}
+.transList_Cu1b6 {
+  transition: transform 0.2s ease;
+}
+.sliderBtn_hx7ft {
+  position: absolute;
+  width: 48px;
+  height: 24px;
+  border-radius: 14px;
+  background-color: rgba(0, 0, 0, 0.8);
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+}
+.upBtn_3o8kc {
+  top: 0px;
+}
+.downBtn_TA366 {
+  bottom: 4px;
+}
+.btnDisabled_1P510 {
+  cursor: not-allowed;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.sideToggle_33aEd {
+  position: absolute;
+  height: 48px;
+  width: 24px;
+  background-color: #303030;
+  top: 50%;
+  left: 0;
+  transform: translate(0, -50%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+  cursor: pointer;
+}
+.sideToggle_33aEd.listHided_3PtEo svg {
+  transform: rotate(180deg);
+}
+.sideToggle_33aEd svg {
+  width: 24px;
+  height: 24px;
+  color: white;
+}
+.enlargedVideoCon_3V0mN {
+  height: 0px;
+  position: absolute;
+  width: 100%;
+  top: 0;
+  left: 0;
+  transform: translate(0, 0);
+}
+.sideTogglePhone_Lu7s6 {
+  position: absolute;
+  height: 48px;
+  width: 24px;
+  background-color: #303030;
+  top: 50%;
+  right: 0;
+  transform: translate(0, -50%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+  cursor: pointer;
+}
+.sideTogglePhone_Lu7s6 svg {
+  width: 24px;
+  height: 24px;
+  color: white;
+}
+.enlargedVideoConPhone_3439O {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  z-index: -1;
+}
+.enlargedVideoConPhone_3439O.open_1r4pC {
+  z-index: 21;
+}
+.detachedBoxLandscape_1Qy6I {
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 {
+  flex: 1;
+  height: 100%;
+  position: relative;
+  background-color: #000;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .videoContainer_FYBCH {
+  height: 100%;
+  width: 100%;
+  padding: 0 39px;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .avatarContainer_3Pd_3 {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #303445;
+  margin: 0 39px;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .avatarContainer_3Pd_3 .avatar_tG9OX {
+  width: 100px;
+  height: 100px;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .micIconBox_117Sg {
+  position: absolute;
+  bottom: 16px;
+  right: 16px;
+  width: 46px;
+  height: 46px;
+  padding: 11px;
+  border-radius: 999px;
+  background-color: rgba(48, 52, 69, 0.6);
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .micIconBox_117Sg > svg {
+  color: #fff;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .micIconBox_117Sg .volume_2mOVS {
+  position: absolute;
+  bottom: 21px;
+  left: 50%;
+  transform: translate(-50%);
+  background: #05caae;
+  transition: height 0.1s ease;
+  border-radius: 4px;
+  width: 4px;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .micIconBox_117Sg .volume_2mOVS.hide_vbNDq {
+  display: none;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt {
+  position: absolute;
+  top: 16px;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt > span {
+  line-height: 18px;
+  color: white;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  margin-left: 8px;
+  position: absolute;
+  font-size: 16px;
+  height: 24px;
+  max-width: 300px;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt > span > span {
+  position: relative;
+  bottom: 7px;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt .shareIconBox_2rRd_ {
+  display: inline-block;
+  border-radius: 2px;
+  background-color: #00c78b;
+  margin-right: 4px;
+  width: 18px;
+  height: 18px;
+  margin-left: 4px;
+  position: relative;
+  bottom: 7px;
+}
+.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt .shareIconBox_2rRd_ > svg {
+  font-size: 14px;
+  margin-right: 4px;
+  position: relative;
+  top: 2px;
+  left: 2px;
+}
+.detachedBoxLandscape_1Qy6I .profileBox_162fR {
+  padding: 8px;
+  background-color: #1d1e32;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.detachedBoxLandscape_1Qy6I .profileBox_162fR .btnRow_1D4EA {
+  height: 20px;
+}
+.detachedBoxLandscape_1Qy6I .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft {
+  position: static;
+  width: 48px;
+  height: 20px;
+  border-radius: 999px;
+  padding: 0px 12px;
+  margin: auto;
+  background-color: rgba(0, 0, 0, 0.45);
+  -webkit-backdrop-filter: blur(1px);
+          backdrop-filter: blur(1px);
+}
+.detachedBoxLandscape_1Qy6I .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft > svg {
+  font-size: 20px;
+}
+.detachedBoxLandscape_1Qy6I .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft.btnDisabled_1P510 > svg {
+  color: rgba(255, 255, 255, 0.25);
+}
+.detachedBoxLandscape_1Qy6I .profileBox_162fR .listbox_1thcv {
+  margin: 4px 0px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.detachedBoxPortrait_1TFEe {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  background-color: #000;
+  position: relative;
+}
+.detachedBoxPortrait_1TFEe .header_2iIOt {
+  height: 48px;
+  padding: 12px 16px;
+  background-color: #1d1e23;
+  border-bottom: 2px solid #000;
+}
+.detachedBoxPortrait_1TFEe .header_2iIOt > span {
+  line-height: 18px;
+  color: white;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 16px;
+  height: 24px;
+  max-width: 300px;
+  display: flex;
+  align-items: center;
+}
+.detachedBoxPortrait_1TFEe .header_2iIOt .shareIconBox_2rRd_ {
+  display: inline-block;
+  border-radius: 2px;
+  background-color: #00c78b;
+  margin-right: 4px;
+  width: 18px;
+  height: 18px;
+  margin-left: 4px;
+}
+.detachedBoxPortrait_1TFEe .header_2iIOt .shareIconBox_2rRd_ > svg {
+  font-size: 14px;
+  margin-right: 4px;
+  position: relative;
+  top: 2px;
+  left: 2px;
+}
+.detachedBoxPortrait_1TFEe .profileBox_162fR {
+  padding: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #1d1e23;
+}
+.detachedBoxPortrait_1TFEe .profileBox_162fR .btnRow_1D4EA {
+  width: 24px;
+}
+.detachedBoxPortrait_1TFEe .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft {
+  position: static;
+  width: 24px;
+  height: 48px;
+  border-radius: 999px;
+  padding: 12px 0;
+  margin: auto;
+  background-color: rgba(0, 0, 0, 0.45);
+  -webkit-backdrop-filter: blur(1px);
+          backdrop-filter: blur(1px);
+}
+.detachedBoxPortrait_1TFEe .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft > svg {
+  font-size: 20px;
 }
-.do-hovers .closeIcon_2pwh3:hover {
-  color: var(--upime-active);
+.detachedBoxPortrait_1TFEe .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft.btnDisabled_1P510 > svg {
+  color: rgba(255, 255, 255, 0.25);
 }
-
-.root_1Xg0h {
-  position: absolute;
-  width: 264px;
-  padding-left: 24px;
-  min-height: 216px;
-  top: 300px;
-  right: 8px;
-  overflow-y: hidden;
+.detachedBoxPortrait_1TFEe .profileBox_162fR .listbox_1thcv {
+  margin: 0px 4px;
+  height: 100%;
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 216px;
-  transition: height 0.3s ease;
+  gap: 4px;
+  flex: 1;
 }
-.root_1Xg0h.listHided_3PtEo {
-  top: 50% !important;
-  transform: translate(248px, -50%) !important;
+.detachedBoxPortrait_1TFEe .mixBox_21ds9 {
+  flex: 1;
+  position: relative;
 }
-.root_1Xg0h.hide_vbNDq {
-  visibility: hidden;
+.detachedBoxPortrait_1TFEe .mixBox_21ds9 .videoContainer_FYBCH {
+  height: 100%;
+  width: 100%;
 }
-.container_1IWYf {
+.detachedBoxPortrait_1TFEe .mixBox_21ds9 .avatarContainer_3Pd_3 {
+  position: absolute;
   display: flex;
-  flex-direction: column;
   justify-content: center;
   align-items: center;
+  top: 50%;
+  height: 210px;
+  transform: translateY(-50%);
+  left: 0;
+  right: 0;
+  background: #303445;
 }
-.viewport_d7NeH {
-  margin-top: 26px;
-  overflow: hidden;
+.detachedBoxPortrait_1TFEe .mixBox_21ds9 .avatarContainer_3Pd_3 .avatar_tG9OX {
+  width: 100px;
+  height: 100px;
 }
-.transList_Cu1b6 {
-  transition: transform 0.2s ease;
+.detachedBoxPortrait_1TFEe .micIconBox_117Sg {
+  position: absolute;
+  bottom: 34px;
+  left: 50%;
+  transform: translate(-50%);
+  width: 46px;
+  height: 46px;
+  padding: 11px;
+  border-radius: 999px;
+  background-color: rgba(48, 52, 69, 0.6);
 }
-.sliderBtn_hx7ft {
+.detachedBoxPortrait_1TFEe .micIconBox_117Sg > svg {
+  color: #fff;
+}
+.detachedBoxPortrait_1TFEe .micIconBox_117Sg .volume_2mOVS {
   position: absolute;
-  width: 48px;
-  height: 24px;
-  border-radius: 14px;
-  background-color: rgba(0, 0, 0, 0.8);
-  cursor: pointer;
+  bottom: 21px;
+  left: 50%;
+  transform: translate(-50%);
+  background: #05caae;
+  transition: height 0.1s ease;
+  border-radius: 4px;
+  width: 4px;
+}
+.detachedBoxPortrait_1TFEe .micIconBox_117Sg .volume_2mOVS.hide_vbNDq {
+  display: none;
+}
+.rtcBlockPhoneBox_4atKJ {
+  color: #fff;
+  border-radius: 4px;
+  background-color: #303445;
   display: flex;
   justify-content: center;
   align-items: center;
-  color: white;
-}
-.upBtn_3o8kc {
-  top: 0px;
+  position: relative;
+  border: 1px solid #303445;
 }
-.downBtn_TA366 {
+.rtcBlockPhoneBox_4atKJ .footer_2wYBX {
+  position: absolute;
   bottom: 4px;
+  left: 4px;
+  font-size: 10px;
+  display: flex;
+  width: 100%;
 }
-.btnDisabled_1P510 {
-  cursor: not-allowed;
-  background-color: rgba(0, 0, 0, 0.2);
+.rtcBlockPhoneBox_4atKJ .footer_2wYBX .shareIconBox_2rRd_ {
+  width: 14px;
+  height: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
-.sideToggle_33aEd {
+.rtcBlockPhoneBox_4atKJ .footer_2wYBX .shareIconBox_2rRd_ > svg {
+  font-size: 12px;
+  color: #00c78b;
+  margin-right: 4px;
+}
+.rtcBlockPhoneBox_4atKJ .footer_2wYBX > svg {
+  width: 12px;
+  height: 12px;
   position: absolute;
-  height: 48px;
-  width: 24px;
-  background-color: #303030;
-  top: 50%;
-  left: 0;
-  transform: translate(0, -50%);
+  right: 6px;
+  bottom: 1px;
+}
+.rtcBlockPhoneBox_4atKJ .topLeftFloat_kmYo- {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  background: var(--upime-active);
+  width: 14px;
+  height: 14px;
+  border-radius: 2px;
   display: flex;
-  flex-direction: column;
   justify-content: center;
-  border-top-left-radius: 12px;
-  border-bottom-left-radius: 12px;
-  cursor: pointer;
-}
-.sideToggle_33aEd.listHided_3PtEo svg {
-  transform: rotate(180deg);
+  align-items: center;
 }
-.sideToggle_33aEd svg {
-  width: 24px;
-  height: 24px;
+.rtcBlockPhoneBox_4atKJ .topLeftFloat_kmYo- svg {
+  width: 10px;
+  height: 10px;
   color: white;
 }
-.enlargedVideoCon_3V0mN {
-  height: 0px;
-  position: absolute;
+.rtcBlockPhoneBox_4atKJ .videoContainer_FYBCH {
+  height: 100%;
   width: 100%;
-  top: 0;
-  left: 0;
-  transform: translate(0, 0);
+}
+.rtcBlockPhoneBox_4atKJ.detached_2X6p1 {
+  border: 1px solid #00c78b;
 }
 
 .blockRoot_1yVfR {
@@ -13234,24 +14223,33 @@
   width: 16px;
   height: 16px;
 }
+.micIconContainer_31rri.detached_2ZdnP {
+  margin-right: 24px;
+}
 .videoContainer_2MFyP {
   width: 100%;
   height: 100%;
 }
+.videoContainer_2MFyP > div {
+  border-radius: 4px;
+}
 .coverContainer_3El0F {
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(48, 52, 69, 0.9);
   top: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 .coverContainer_3El0F .title_1Ow65 {
   color: #fff;
   text-align: center;
-  font-size: 22px;
+  font-size: 18px;
   font-weight: 600;
   line-height: 30px;
-  margin-top: 22%;
   margin-bottom: 4px;
 }
 .coverContainer_3El0F .subtitle_bbjxr {
@@ -13259,7 +14257,9 @@
   text-align: center;
   font-size: 14px;
   line-height: 22px;
-  margin-bottom: 40px;
+  margin-bottom: 5%;
+  padding: 0px 24px;
+  word-break: break-word;
 }
 .coverContainer_3El0F .actionRow_Ip0zs {
   text-align: center;
@@ -13399,8 +14399,6 @@
   align-items: center;
   border-radius: 4px;
   cursor: pointer;
-  margin-left: 8px;
-  margin-right: 8px;
 }
 .moreCtrlBox_3H5ND svg {
   font-size: 24px;
@@ -13470,6 +14468,8 @@
   position: absolute;
   left: 50%;
   transform: translate(-50%);
+  border-radius: 4px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
 }
 .panelRoot_2VoAv .row_zfvlt {
   width: 100%;
@@ -13506,11 +14506,16 @@
   margin-left: 8px;
   cursor: pointer;
 }
+.screenShareWidgetBox_3DBJ5 > .rightArrow_14hwk {
+  color: #000;
+  margin-right: 0;
+}
 .screenShareWidgetBox_3DBJ5.miniMode_1ompl {
-  bottom: 40px;
+  bottom: 38px;
 }
 .screenShareWidgetBox_3DBJ5.phoneMode_3fKSg {
   bottom: 59px;
+  pointer-events: auto;
 }
 .shareWarningModal_UVO8o {
   width: 432px;
@@ -13532,6 +14537,9 @@
   margin-right: 12px;
   font-size: 28px;
 }
+.shareWarningModal_UVO8o .wordingBox_21dBN > span {
+  word-break: break-word;
+}
 .shareWarningModal_UVO8o .actionBtn_2cCU1 {
   width: 104px;
   border-radius: 4px;
@@ -13611,7 +14619,8 @@
   position: absolute;
   transform-origin: 0 0;
   opacity: 0.9;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   pointer-events: none;
   background-size: cover;
 }
@@ -13649,13 +14658,14 @@
 }
 .root_3a9wT .actions_3o6w6 {
   display: flex;
-  width: 132px;
   flex-direction: row;
   justify-content: space-between;
+  min-width: 132px;
   height: 36px;
+  gap: 12px;
 }
 .root_3a9wT .actions_3o6w6 .button_2FLul {
-  width: 60px;
+  min-width: 60px;
   line-height: 22px;
   font-size: 14px;
 }
@@ -13934,6 +14944,9 @@
   font-size: 14px;
   text-align: left;
 }
+.input__gVok::-moz-placeholder {
+  color: #91939c;
+}
 .input__gVok::placeholder {
   color: #91939c;
 }
@@ -13961,6 +14974,25 @@
   font-size: 14px;
 }
 
+.iconWrap_3GEPj {
+  width: 38px;
+  height: 38px;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.iconWrapActive_28duN {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_3GEPj:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_28duN:hover {
+  background-color: #EAF1FC;
+}
 .toolbar_1Y3X_ {
   pointer-events: auto;
   flex-shrink: 0;
@@ -13978,45 +15010,38 @@
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
 .toolbar_1Y3X_ .tool_2bEen {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 16px;
-  padding-right: 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #000;
   text-align: center;
-  cursor: pointer;
 }
 .toolbar_1Y3X_ .tool_2bEen.disable_1lzsx {
   pointer-events: none;
   color: #D8D8D8;
 }
+.toolbar_1Y3X_ .selectTool_1NBmR {
+  padding: 0px 9px;
+}
 .toolbar_1Y3X_ .moreApps_4PfYv {
-  padding: 8px 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
 }
 .toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV {
-  width: 56px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
+  padding: 0px 9px 2px 9px;
 }
 .toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV.moreAppBtnConDisable_1bD2p {
   pointer-events: none;
 }
-.toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV.moreAppBtnConDisable_1bD2p > svg {
+.toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV.moreAppBtnConDisable_1bD2p svg {
   color: #D8D8D8 !important;
 }
-.toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV > svg {
+.toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV svg {
   color: var(--upime-main-text) !important;
 }
-.toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV > svg {
+.toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV svg {
   transform: rotate(90deg);
 }
 .toolbar_1Y3X_ .moreApps_4PfYv.fix_IYCjU {
@@ -14031,13 +15056,13 @@
 .toolbar_1Y3X_ .active_385f2 {
   color: var(--upime-active);
 }
+.toolbar_1Y3X_ .active_385f2 .iconWrap_3GEPj {
+  background-color: #EAF1FC;
+}
 .toolCenter_Pw7tw {
   transition: height 0.2s linear;
   overflow-y: hidden;
 }
-.do-hovers .toolbar_1Y3X_ .tool_2bEen:hover {
-  color: var(--upime-active);
-}
 .shortcutContainer_3J1vW {
   display: flex;
   align-items: center;
@@ -14060,7 +15085,7 @@
 }
 .dragableWrapper_X-HBJ {
   position: absolute;
-  left: 0;
+  left: 9px;
 }
 .dragableWrapper_X-HBJ .fakeIcon_3xaPw {
   position: absolute;
@@ -14100,65 +15125,80 @@
   opacity: 1;
   visibility: visible;
 }
-.shape_3Ic52 {
-  height: 40px;
-  width: 40px;
-  padding-top: 8px;
-  text-align: center;
-  box-sizing: border-box;
+.iconWrap_2Unj9 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 36px;
+  width: 36px;
+  border-radius: 2px;
   cursor: pointer;
 }
-.shape_3Ic52:hover {
-  color: var(--upime-active);
+.do-hovers .iconWrap_2Unj9:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.shape_3Ic52 {
+  height: 36px;
+  width: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .shapePannel_19HX4 {
+  position: relative;
   left: 0;
   top: 0;
-  width: 152px;
-  position: relative;
+  width: 144px;
+  display: flex;
+  justify-content: space-between;
+  align-content: space-between;
+  padding: 14px;
 }
 .uploadFileTypeSeletor_29BDm {
   position: relative;
   bottom: 0;
   top: auto;
-  padding: 15px 20px 0 20px;
+  padding: 20px 10px 10px 10px;
   min-width: 300px;
+  width: -moz-max-content;
   width: max-content;
   display: flex;
   flex-direction: column;
 }
 .uploadFileTypeSeletor_29BDm .explain_1DicM {
-  line-height: 20px;
-  font-size: 12px;
   color: #0c1024;
-  margin-bottom: 10px;
-  margin-top: 5px;
+  font-size: 12px;
+  line-height: 20px;
 }
 .uploadFileTypeSeletor_29BDm .divider_BTNNe {
   height: 1px;
   background-color: #e6e7e9;
-  margin-bottom: 20px;
+  margin: 7px 0;
 }
 .uploadFileTypeSeletor_29BDm ul {
+  margin: 13px 0 0 0 ;
   padding: 0;
-  margin: 0;
   list-style: none;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  text-align: left;
+  gap: 6px;
 }
 .uploadFileTypeSeletor_29BDm ul li {
-  font-size: 12px;
+  height: 58px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 8px 10px;
+  border-radius: 2px;
   cursor: pointer;
-  margin-bottom: 20px;
 }
 .uploadFileTypeSeletor_29BDm ul li h1 {
   font-size: 14px;
   font-weight: normal;
   color: var(--upime-main-text);
   margin: 0;
-  margin-bottom: 4px;
   height: 22px;
   line-height: 22px;
   white-space: nowrap;
@@ -14169,68 +15209,51 @@
   vertical-align: middle;
 }
 .uploadFileTypeSeletor_29BDm ul li p {
-  margin: 0;
+  max-width: 240px;
+  font-size: 12px;
   color: var(--upime-second-text);
   line-height: 18px;
-  max-width: 240px;
+  margin: 0;
+}
+.do-hovers .uploadFileTypeSeletor_29BDm li:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .timerPanelSelector_TWSIQ {
-  position: relative;
-  bottom: 0;
-  top: auto;
-  padding: 15px;
+  width: -moz-max-content;
   width: max-content;
-  height: 170px;
+  padding: 13px 12px;
   border-radius: 4px;
+  position: relative;
+  bottom: 0;
+  top: auto;
 }
 .timerPanelSelector_TWSIQ ul {
-  padding: 0;
-  margin: 0;
   list-style: none;
-  text-align: left;
   display: flex;
   flex-direction: column;
-  justify-content: space-around;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
 }
 .timerPanelSelector_TWSIQ ul li {
+  padding: 7px 8px;
+  color: var(--upime-main-text);
   font-size: 14px;
-  color: #0c1024;
+  line-height: 22px;
+  border-radius: 2px;
   cursor: pointer;
 }
-.timerPanelSelector_TWSIQ ul li p {
-  margin: 0;
-  height: 18px;
-  line-height: 18px;
-}
-.timerPanelSelector_TWSIQ ul li:hover {
-  color: #2e73e5;
+.do-hovers .timerPanelSelector_TWSIQ li:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .mindmapSelector_3K9I8 {
   width: 100px;
   height: 100px;
+  padding: 10px;
+  display: flex;
   justify-content: space-between;
   align-content: space-between;
 }
-.mindmapSelector_3K9I8 .mindmapCell_2Ap0r {
-  display: flex;
-  cursor: pointer;
-  overflow: hidden;
-  width: 26px;
-  height: 26px;
-}
-.mindmapSelector_3K9I8 .mindmapCell_2Ap0r:hover {
-  color: var(--upime-active);
-}
-.mindmapSelector_3K9I8 .mindmapCell_2Ap0r svg {
-  width: 100%;
-  height: 100%;
-}
-.do-hovers .uploadFileTypeSeletor_29BDm ul li:hover h1 {
-  color: var(--upime-active);
-}
-.do-hovers .uploadFileTypeSeletor_29BDm ul li:hover p {
-  color: var(--upime-active);
-}
 .stickerPannel_197ds {
   position: relative;
   width: 160px;
@@ -14288,37 +15311,37 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 0;
+  padding: 10px 0 16px 0;
   background-color: transparent;
   box-shadow: none;
-  padding-top: 8px;
   background-color: var(--upime-pane-bg);
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
+.drawPannel_2cV-B .drawTools_3BZgF {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  gap: 4px;
+}
 .drawPannel_2cV-B .type_bLowo {
-  width: 100%;
+  width: 24px;
   height: 24px;
-  cursor: pointer;
-  margin: 8px 0;
-}
-.drawPannel_2cV-B .type_bLowo.active_ZAwwb {
-  color: var(--upime-active);
 }
 .drawPannel_2cV-B .divider_BTNNe {
   height: 1px;
   width: 24px;
   background-color: var(--upime-divider-bg);
-  margin-top: 8px;
+  margin: 10px 0 16px 0;
 }
 .drawPannel_2cV-B .penList_2cm5b {
-  padding-top: 0 16px;
   width: 48px;
-  height: 154px;
   display: flex;
   flex-direction: column;
-  justify-content: space-evenly;
+  justify-content: space-between;
   align-items: center;
+  gap: 16px;
 }
 .drawPannel_2cV-B .penList_2cm5b .penWrapper_dQkA6 {
   width: 30px;
@@ -14413,28 +15436,18 @@
   opacity: 0;
   transform: scale(0);
 }
-.do-hovers .drawPannel_2cV-B .type_bLowo:hover {
-  color: var(--upime-active);
-}
-.do-hovers .connectLinePanel_2Hkc8 .item_18TMg:hover {
-  color: var(--upime-active);
-}
-.do-hovers .plusIcon_aVh_W:hover svg {
-  color: var(--upime-active);
-}
 .connectLinePanel_2Hkc8 {
   width: 48px;
   display: flex;
   flex-direction: column;
-  padding: 16px 12px;
-  align-items: center;
   justify-content: space-between;
-  height: 216px;
+  align-items: center;
+  gap: 4px;
+  padding: 10px 0;
 }
 .connectLinePanel_2Hkc8 .item_18TMg {
   width: 24px;
   height: 24px;
-  cursor: pointer;
 }
 .colorPalette_27jhk {
   padding-bottom: 0;
@@ -14476,6 +15489,28 @@
   background-repeat: no-repeat;
   background-position: center;
 }
+.moreIconBtn_35upA {
+  height: 32px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 2px;
+  background: #f5f6f6;
+  font-size: 14px;
+  color: #000;
+  margin: 8px 0px;
+  cursor: pointer;
+}
+.moreIconBtn_35upA:hover {
+  background: rgba(0, 0, 0, 0.06);
+}
+.moreIconBtnTip_3MfXC {
+  width: 100%;
+  font-size: 12px;
+  color: #91939c;
+  text-align: center;
+}
 
 .rootWrapper_3e8wh {
   overflow-y: auto;
@@ -14557,7 +15592,7 @@
 
 .toolWrapper_2khTd {
   position: absolute;
-  left: 64px;
+  left: 66px;
   box-shadow: 0 8px 32px rgba(5, 0, 56, 0.08);
   border-radius: 4px;
 }
@@ -14639,18 +15674,21 @@
   grid-row-gap: 8px;
   row-gap: 8px;
   grid-column-gap: 12px;
-  column-gap: 12px;
+  -moz-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;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
   pointer-events: none;
 }
 .panel_content_28GpE .content_iUra0 .panel_content_item_img_1rYlC svg {
@@ -14665,6 +15703,7 @@
   justify-content: center;
   align-items: center;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   cursor: pointer;
 }
@@ -14678,6 +15717,7 @@
   margin: auto;
   font-size: 12px;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
 }
 .panel_footer_96K0E .source_1c7CY {
@@ -14686,7 +15726,6 @@
 }
 .panel_footer_96K0E a {
   color: #2e73e5;
-  -webkit-text-decoration: none;
   text-decoration: none;
   background-color: transparent;
   outline: none;
@@ -14695,7 +15734,6 @@
   -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;
 }
@@ -14750,6 +15788,9 @@
   border: none;
   outline: none;
 }
+.input_container_X-CMN input::-moz-placeholder {
+  color: #c2c3c8;
+}
 .input_container_X-CMN input::placeholder {
   color: #c2c3c8;
 }
@@ -14788,16 +15829,19 @@
   flex-direction: column;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
 }
 .drag_element_-Xwha {
   position: absolute;
-  object-fit: contain;
+  -o-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;
 }
 
@@ -14895,14 +15939,14 @@
   transition: all 0.15s;
 }
 .toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh .tuding_IYhHj:hover {
-  background-color: rgba(46, 115, 229, 0.1);
   color: #2e73e5;
+  background-color: rgba(46, 115, 229, 0.1);
 }
 .toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh .tuding_IYhHj.showInHover_2MflK {
   display: none;
 }
 .toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh:hover {
-  background: #f5f6f6;
+  background: rgba(0, 0, 0, 0.06);
 }
 .toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh:hover .tuding_IYhHj {
   display: flex;
@@ -14933,6 +15977,29 @@
   transition: all 0.15s;
 }
 
+.iconWrap_1Wmaq {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.iconWrapActive_2tCGy {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_1Wmaq:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_2tCGy:hover {
+  background-color: #EAF1FC;
+}
+.scaleToOriginWrap_3sUg8 {
+  width: -moz-max-content;
+  width: max-content;
+}
 .scaleStatusBar_24ULR {
   background-color: var(--upime-pane-bg);
   border-radius: 4px;
@@ -14954,10 +16021,11 @@
 .scaleStatusBar_24ULR .btns_rRn3C {
   position: relative;
   height: 40px;
-  padding: 0 4px;
+  padding: 0 10px;
   display: flex;
   justify-content: space-between;
   align-items: center;
+  gap: 2px;
 }
 .scaleStatusBar_24ULR .btns_rRn3C .on_1Gt3s {
   color: var(--upime-active);
@@ -14970,7 +16038,9 @@
 }
 .scaleStatusBar_24ULR .btn_1CBmI {
   padding: 0;
-  margin: 8px;
+  margin: 0;
+  width: 100%;
+  height: 100%;
 }
 .scaleStatusBar_24ULR .btn_1CBmI .zhiyin_dianji_3L8mG {
   display: none;
@@ -14982,16 +16052,10 @@
   font-size: 12px;
   margin: 0 12px;
 }
-.tip_14kxF {
-  margin-bottom: 6px;
-}
 .do-hovers .scaleStatusBar_24ULR .btn_1CBmI:hover {
   background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
   background: initial !important;
 }
-.do-hovers .scaleStatusBar_24ULR .btn_1CBmI:hover {
-  color: var(--upime-active);
-}
 .centerWrapper_2kh5H {
   width: 100%;
   height: 100%;
@@ -15004,6 +16068,7 @@
   height: 32px;
   border-radius: 4px;
   background-color: transparent;
+  cursor: pointer;
 }
 .fullscreen_setting_2AQD- .arrow_btn_3dUCg {
   width: 100%;
@@ -15039,8 +16104,8 @@
   flex-shrink: 0;
 }
 .do-hovers .fullscreen_setting_2AQD-:hover,
-.on_1Gt3s .fullscreen_setting_2AQD- {
-  background-color: #ececee;
+.do-hovers .on_1Gt3s .fullscreen_setting_2AQD- {
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .switch_btn_2MCW1 {
   position: relative;
@@ -15109,6 +16174,10 @@
   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;
@@ -15185,12 +16254,28 @@
   font-size: 14px;
 }
 .do-hovers .resItem_3veGW:hover {
-  background-color: var(--upime-btn-bg-hover);
+  background-color: rgba(0, 0, 0, 0.06);
 }
-.searchIcon_30ZGi {
-  width: 40px;
-  justify-content: initial;
-  padding-left: 8px;
+.iconWrap_2ynjE {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.iconWrapActive_2fyFy {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_2ynjE:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_2fyFy:hover {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
 }
 .shortcutContainer_1cjp7 {
   display: flex;
@@ -15228,6 +16313,7 @@
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
+  gap: 4px;
 }
 .titleBarTemplate_3phXE {
   padding-left: 8px;
@@ -15243,6 +16329,27 @@
   margin-right: 8px;
 }
 
+.iconWrap_1CkvW {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.iconWrapActive_1O5kX {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_1CkvW:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_1O5kX:hover {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
 .exportDialog_18eap {
   left: 20px;
   top: 20px;
@@ -15333,6 +16440,7 @@
   text-overflow: ellipsis;
   cursor: pointer;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   min-width: 60px;
   font-size: 14px;
@@ -15374,6 +16482,7 @@
   cursor: pointer;
   vertical-align: middle;
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   outline: none;
   box-shadow: none;
@@ -15424,6 +16533,9 @@
   margin-left: 8px;
   font-size: 18px;
 }
+.do-hovers .download_options_1PcvQ .option_3HoR_:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
 
 .user_2K78E {
   position: relative;
@@ -15522,6 +16634,7 @@
 }
 .follow_tip_H3mDc .name_31K8R,
 .follow_tip_H3mDc .info_veEdt {
+  width: -moz-max-content;
   width: max-content;
   max-width: 184px;
   display: -webkit-box;
@@ -15542,6 +16655,7 @@
   display: flex;
   align-items: center;
   margin-left: 8px;
+  gap: 4px;
   background-color: var(--upime-pane-bg);
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
@@ -15715,22 +16829,40 @@
 }
 .cursor_btn_3ZHOT {
   position: relative;
-  width: 48px;
-  height: 48px;
+}
+.iconWrap_1LwK7 {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
   display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
 }
-.btn_icon_2uIS4 {
-  margin: auto;
+.iconWrapActive_3-Sbv {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_1LwK7:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_3-Sbv:hover {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
 }
 
 .toggleBarIcon_2w8m9 {
-  pointer-events: auto;
   width: 40px;
   height: 40px;
-  align-items: center;
-  justify-content: center;
   display: flex;
-  cursor: pointer;
+  justify-content: center;
+  align-items: center;
+  pointer-events: auto;
+}
+.toggleBarIconOpened_3e-nh {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
 }
 .sideBar_-tPPD {
   display: flex;
@@ -15906,11 +17038,10 @@
   padding: 16px 0;
 }
 .undo_2rUzu {
-  height: 40px;
-  cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
+  padding: 2px 10px;
 }
 .undo_2rUzu.disable_wvgDj {
   pointer-events: none;
@@ -15926,8 +17057,24 @@
 .undo_2rUzu.phoneMode_3yRy9.active_1Es1e {
   color: var(--upime-active);
 }
-.do-hovers .toggleBarIcon_2w8m9:hover {
+.iconWrap_2kiOx {
+  width: 38px;
+  height: 38px;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.iconWrap_2kiOx.active_1Es1e {
   color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_2kiOx:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrap_2kiOx.active_1Es1e:hover {
+  background-color: #EAF1FC;
 }
 .do-hovers .close_box_jw1IS:hover {
   color: var(--upime-active);
@@ -15935,8 +17082,8 @@
 .do-hovers .more_box_3TCN6:hover {
   color: var(--upime-active);
 }
-.do-hovers .undo_2rUzu:hover {
-  color: var(--upime-active);
+.do-hovers .undo_2rUzu .iconWrap_2kiOx:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .do-hovers .cell_2xHN3:hover {
   background-color: var(--upime-btn-bg-hover);
@@ -16130,6 +17277,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  gap: 4px;
   padding: 0 8px;
   margin-left: 8px;
   background-color: var(--upime-pane-bg);
@@ -16140,7 +17288,7 @@
   width: 1px;
   height: 20px;
   background-color: var(--upime-divider-bg);
-  margin: 0 8px;
+  margin: 0 4px;
 }
 .root_Ba7Ia.extension_jk_zv {
   margin-right: 8px;
@@ -16164,15 +17312,38 @@
   color: var(--upime-active);
 }
 
-.iconContainer_nKIMh {
-  height: 48px;
+.iconWrap_Z_vke {
+  width: -moz-max-content;
+  width: max-content;
+  height: 36px;
+  border-radius: 2px;
   display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
   cursor: pointer;
 }
+.iconWrapActive_r40j0 {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.iconWrapActive_r40j0 .meetingTxt_jp3Ne {
+  color: var(--upime-active);
+}
+.do-hovers .iconWrap_Z_vke:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_r40j0:hover {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.iconContainer_nKIMh {
+  position: relative;
+}
 .iconContainer_nKIMh.phone_Y15oY {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   border-radius: 50%;
   background-color: #fff;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
@@ -16236,8 +17407,8 @@
 }
 .tingzhiIcon_1_vlb {
   color: #FE5250;
-  width: 20px;
-  height: 20px;
+  width: 22px;
+  height: 22px;
 }
 .inMeeting_1Ev94::before {
   content: "";
@@ -16246,7 +17417,7 @@
   height: 4px;
   border-radius: 50%;
   background-color: var(--upime-active);
-  top: 6px;
+  top: 2px;
   left: 16px;
 }
 .meetingRecording_2KG6D::before {
@@ -16256,7 +17427,7 @@
   border: 1px solid white;
   border-radius: 8px;
   position: absolute;
-  top: 4px;
+  top: -2px;
   left: 24px;
 }
 .meetingsNumContainer_2T2V3 .meetingsNum_1B6vT {
@@ -16277,17 +17448,12 @@
   height: 20px;
   line-height: 20px;
   color: var(--upime-active);
+  width: -moz-max-content;
   width: max-content;
 }
 .meetingTxt_jp3Ne {
   color: var(--upime-main-text);
 }
-.do-hovers .iconContainer_nKIMh:hover {
-  color: var(--upime-active);
-}
-.do-hovers .iconContainer_nKIMh:hover .meetingTxt_jp3Ne {
-  color: var(--upime-active);
-}
 
 .root_37rmg {
   position: absolute;
@@ -16593,7 +17759,7 @@
   width: 240px;
   top: auto;
   top: initial;
-  bottom: 70px;
+  bottom: 64px;
 }
 .mini_3LG51 .memberListCon_1zEDN {
   bottom: 32px;
@@ -16669,22 +17835,36 @@
   flex-direction: row;
   align-items: center;
 }
-.viewport_uTaEU .list_N3pFO .row_30-CO .left_2vrEW .name_1A2Gq {
+.viewport_uTaEU .list_N3pFO .row_30-CO .left_2vrEW .nameWrap_Wftjc {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-start;
   margin-left: 12px;
-  line-height: 18px;
+}
+.viewport_uTaEU .list_N3pFO .row_30-CO .left_2vrEW .nameWrap_Wftjc .name_1A2Gq {
   font-size: 14px;
+  line-height: 18px;
+  height: 18px;
   color: var(--upime-main-text);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: 90px;
 }
-.viewport_uTaEU .list_N3pFO .row_30-CO .left_2vrEW .name_1A2Gq em {
+.viewport_uTaEU .list_N3pFO .row_30-CO .left_2vrEW .nameWrap_Wftjc .name_1A2Gq em {
   font-style: inherit !important;
 }
-.viewport_uTaEU .list_N3pFO .row_30-CO .left_2vrEW .name_1A2Gq em.highlight_-lfrK {
+.viewport_uTaEU .list_N3pFO .row_30-CO .left_2vrEW .nameWrap_Wftjc .name_1A2Gq em.highlight_-lfrK {
   color: var(--upime-active);
 }
+.viewport_uTaEU .list_N3pFO .row_30-CO .left_2vrEW .nameWrap_Wftjc .note_33n-a {
+  font-size: 12px;
+  height: 14px;
+  line-height: 14px;
+  color: var(--upime-second-text);
+}
 .viewport_uTaEU .list_N3pFO .row_30-CO .followingMark_1RnBy {
   line-height: 18px;
   color: var(--upime-active);
@@ -16989,23 +18169,26 @@
   pointer-events: all;
   position: relative;
 }
-.root_pr_1N {
-  width: 40px;
-  height: 48px;
+.iconWrap_rI8hN {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
   display: flex;
   justify-content: center;
   align-items: center;
-}
-.root_pr_1N > svg {
-  width: 24px;
-  height: 24px;
   cursor: pointer;
 }
-.root_pr_1N .active_2HR0- {
+.iconWrapActive_FV5S4 {
   color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.do-hovers .iconWrap_rI8hN:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
 }
-.do-hovers .root_pr_1N > svg:hover {
+.do-hovers .iconWrapActive_FV5S4:hover {
   color: var(--upime-active);
+  background-color: #EAF1FC;
 }
 
 .cm_item_1BrZW {
@@ -17261,24 +18444,29 @@
   pointer-events: all;
   position: relative;
 }
-.root_2GiVc {
-  width: 40px;
-  height: 48px;
+.iconWrap_G_xA_ {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
   display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
-}
-.root_2GiVc svg {
-  width: 22px;
-  height: 22px;
   cursor: pointer;
 }
-.root_2GiVc.active_1jg5j {
-  color: #2e73e5;
+.iconWrapActive_tqdxb {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
 }
-.root_2GiVc:hover {
-  color: #2e73e5;
+.do-hovers .iconWrap_G_xA_:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_tqdxb:hover {
+  color: var(--upime-active);
+  background-color: #EAF1FC;
+}
+.root_2GiVc {
+  position: relative;
 }
 .root_2GiVc.phoneMode_1xK4q {
   width: 44px;
@@ -17313,8 +18501,8 @@
   border-radius: 11px;
   background-color: #2e73e5;
   position: absolute;
-  bottom: 24px;
-  left: 21px;
+  bottom: 18px;
+  left: 19px;
   color: #fff;
   line-height: 20px;
   text-align: center;
@@ -17715,6 +18903,7 @@
   cursor: pointer;
 }
 .addtime_root_2tldj .content_3V4uI {
+  width: -moz-fit-content;
   width: fit-content;
   height: 16px;
   line-height: 16px;
@@ -17747,6 +18936,7 @@
   cursor: pointer;
 }
 .addtime_root_m_2Jhxz .content_3V4uI {
+  width: -moz-fit-content;
   width: fit-content;
   height: 16px;
   line-height: 16px;
@@ -18143,7 +19333,7 @@
 .subWin_22apU {
   top: auto;
   top: initial;
-  bottom: 70px;
+  bottom: 64px;
   position: absolute;
   width: 240px;
   background-color: var(--upime-pane-bg);
@@ -18362,7 +19552,7 @@
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
   top: auto;
   top: initial;
-  bottom: 70px;
+  bottom: 60px;
   width: 340px;
 }
 .panelRoot_2exv- {
@@ -18623,6 +19813,7 @@
 }
 .morePanel_740CJ {
   position: absolute;
+  width: -moz-max-content;
   width: max-content;
   padding: 8px 0px;
   display: flex;
@@ -18669,15 +19860,18 @@
   font-size: 14px;
   color: #616371;
   margin-bottom: 8px;
+  margin-left: 38px;
 }
 .kickoutModalBox_2Lmr9 .forbidBox_iRWDm {
   font-size: 14px;
   margin-bottom: 24px;
+  margin-left: 34px;
 }
 .kickoutModalBox_2Lmr9 .forbidBox_iRWDm > input {
   position: relative;
   top: 1px;
   margin-right: 8px;
+  border-color: #dbdbde;
 }
 .kickoutModalBox_2Lmr9 .actionBox_3UMNs {
   text-align: right;
@@ -18762,7 +19956,7 @@
   flex-direction: column;
   top: auto;
   top: initial;
-  bottom: 70px;
+  bottom: 60px;
 }
 .panelRoot_3SIhM .row_53E7n {
   width: 100%;
@@ -18905,6 +20099,11 @@
   top: 4px;
   color: #ffa519;
 }
+.recordConfirmModal_1bduL .headerRow_AuASu > span,
+.openAudioModal_1lZHw .headerRow_AuASu > span,
+.endRecordConfirmModal_3cpua .headerRow_AuASu > span {
+  word-break: break-word;
+}
 .recordConfirmModal_1bduL .bodyRow_3KPZ0,
 .openAudioModal_1lZHw .bodyRow_3KPZ0,
 .endRecordConfirmModal_3cpua .bodyRow_3KPZ0 {
@@ -18912,6 +20111,7 @@
   font-size: 14px;
   color: #616371;
   margin-bottom: 24px;
+  word-break: break-word;
 }
 .recordConfirmModal_1bduL .footerRow_2-U7l,
 .openAudioModal_1lZHw .footerRow_2-U7l,
@@ -19162,6 +20362,7 @@
   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 {
@@ -19455,6 +20656,248 @@
   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;
@@ -20087,7 +21530,6 @@
   padding-right: 16px;
   line-height: 64px;
   font-size: 14px;
-  -webkit-text-decoration: underline;
   text-decoration: underline;
   border-radius: 4px;
   border: 1px solid #e6e7e9;
@@ -20579,6 +22021,9 @@
   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;
 }