.board_S7IYM {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}
.board_S7IYM .dom_widgets_RU0IO {
  z-index: 20;
  position: relative;
}
.board_S7IYM .dom_widgets_RU0IO.highIndex_ltWxo {
  z-index: 22;
}
.board_S7IYM .control_area_q0G-O {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 21;
  pointer-events: none;
  overflow: hidden;
}
.board_S7IYM .canvas_PO4lW {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-size: 0;
  overflow: hidden;
  z-index: 1;
}
.board_S7IYM .canvas_PO4lW .bgCanvas_EqgcQ {
  z-index: 1;
}
.board_S7IYM .canvas_PO4lW canvas {
  position: absolute;
  z-index: 10;
  pointer-events: none;
}
.board_S7IYM .canvas_PO4lW .embedded_2KMuu {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.board_S7IYM .cvsWidgets_rsSEr {
  z-index: 2;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.board_S7IYM .svgLayer_XfUdH {
  z-index: 2;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}
.line_width_container_dQqHC {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.line_width_editor_TsR50 {
  width: 75px;
}
.do-hovers .selected_color_box_jyKhg:hover {
  background: var(--upime-btn-bg-hover);
}
.color_editor_4cWxM {
  position: relative;
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.color_editor_4cWxM .selected_color_box_jyKhg {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tick_slider_VYLag {
  width: 150px;
}
.tick_slider_wrapper_sTmYe {
  margin-bottom: 12px;
}
.label_gJec7 {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  margin: 12px 0 4px;
}
.label_gJec7.paddingTop_tV8-X {
  padding-top: 15px;
}
.label_gJec7.noMarginTop_xj8sP {
  margin-top: 0;
}
.bg_opacity_bdhtd {
  width: 132px;
}
.element_name_nDDg3 {
  position: absolute;
  transform-origin: 0 0;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  padding: 0;
  border: none;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: auto;
  text-align: left;
  background: transparent;
}
.temp_input_geZiU {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  text-align: left;
  z-index: -1;
  padding: 0;
  border: none;
  outline: none;
  white-space: nowrap;
}
.simple_text_editor_Cg-ca {
  position: absolute;
}
.simple_text_editor_Cg-ca .text_border_6o5W9 {
  position: absolute;
  transform-origin: left top;
  font-size: 0;
}
.simple_text_editor_Cg-ca .textarea_ClLDp {
  width: 100%;
  height: auto;
  max-height: 100%;
  padding: 0;
  border: none;
  outline: none;
  overflow: hidden;
  word-break: break-word;
  word-wrap: break-word;
  pointer-events: auto;
  display: inline-block;
  background: transparent;
}
.simple_text_editor_Cg-ca .textarea_ClLDp::-webkit-input-placeholder {
  color: #b1b1b1;
}
.editorBtn_nnwRZ {
  border-radius: 0;
  border-radius: initial;
}
.editorBtn_nnwRZ.active_1Th9u {
  color: var(--upime-active);
}
.option_list_4AL-i {
  display: flex;
  flex-direction: row;
  padding: 0 10px;
}
.type_select_0VbeX:last-child {
  margin-bottom: 12px;
}
.type_select_0VbeX.type_select_padding_KEKML {
  width: 180px;
  padding: 0 12px;
}
.video_player_7L5qi {
  position: absolute;
}
.video_player_7L5qi > video {
  pointer-events: auto;
  width: 100%;
  height: 100%;
}
.rich_text_textarea_aROrx {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  color: transparent;
  border: none;
  caret-color: transparent;
  outline: none;
  background-color: transparent;
  box-sizing: border-box;
  padding: 0;
  width: 60px;
  overflow: hidden;
  z-index: 9999999;
}
.rich_text_textarea_aROrx.isTouchSupported_6R6KQ {
  opacity: 1;
  width: 40px;
  padding: 0 20px;
  transform: translateX(-50%);
}
.rich_text_textarea_aROrx.isTouchSupported_6R6KQ.hasCursor_CVyGh {
  pointer-events: auto;
}
.rich_text_textarea_aROrx.iphone_-Kbgg {
  opacity: 1;
}
.time_duration_qTxoC {
  width: 68px;
  color: #0c1024;
}
.time_duration_qTxoC .option_list_4AL-i {
  display: flex;
  flex-direction: row;
  padding: 10px;
  margin: auto -10px;
  width: 100px;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 14px;
}
.time_duration_qTxoC .option_list_4AL-i > div {
  width: 100%;
  padding: 8px 12px;
  height: 33px;
}
.time_duration_qTxoC .option_list_4AL-i > div:hover {
  background-color: #f5f6f6;
}
.shape_switch_vkz8i {
  width: 40px;
}
.shape_switch_vkz8i .shape_op_container_StH0H {
  width: 212px;
  padding: 16px 4px 16px 16px;
  height: 100%;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP {
  width: 100%;
  padding-right: 8px;
  overflow: auto;
  max-height: 216px;
  height: 100%;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP::-webkit-scrollbar {
  width: 4px;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP .option_list_4AL-i {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 14px;
  border-radius: 4px;
  gap: 12px;
  padding: 0;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP .option_list_4AL-i .shape_8WXUw {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP .option_list_4AL-i .disabledText_zkLBJ {
  color: #d8d8d8;
  cursor: not-allowed;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP .option_divider_sEftG {
  width: 100%;
  margin: 8px 0;
  border-top: 1px solid #e6e7e9;
}
.do-hovers .shape_switch_vkz8i .option_list_4AL-i .shape_8WXUw:hover {
  background-color: #f5f6f6;
}
.do-hovers .shape_switch_vkz8i .option_list_4AL-i .shape_8WXUw.disabledHover_BeOM2:hover {
  background-color: transparent;
}
.tipBorder_yXRpE {
  position: fixed;
  z-index: 102;
  pointer-events: none;
}
.tipBorder_yXRpE .contentWrapper_C9H9D {
  position: absolute;
  color: var(--upime-tip);
  background-color: var(--upime-tip-bg);
  padding: 8px;
  border-radius: 2px;
  --tip-width-offset: 12px;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: calc(100% + 12px);
}
.tipBorder_yXRpE .contentWrapper_C9H9D.light_zxiXT {
  color: var(--upime-main-text);
  background-color: var(--upime-tip);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.tipBorder_yXRpE .contentWrapper_C9H9D.light_zxiXT:after {
  background: var(--upime-tip);
}
.tipBorder_yXRpE .contentWrapper_C9H9D .content_Gd5o6 {
  font-size: 12px;
  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;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.tipBorder_yXRpE .contentWrapper_C9H9D:after {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background: var(--upime-tip-bg);
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: 0;
}
.tipBorder_yXRpE .contentWrapper_C9H9D:after {
  left: 50%;
}
.tipBorder_yXRpE .contentWrapper_C9H9D:after {
  bottom: -8px;
}
.webOfficeFullScreenCmpContainer_lUZIe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 50;
}
.windowWebViewCmpContainer_5nb2q {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 51;
}

.button_D5pTt {
  border-color: transparent;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.button_D5pTt.large_7v3BB {
  padding: 10px;
  line-height: 24px;
  font-size: 16px;
}
.button_D5pTt.small_mYUHx {
  padding: 0;
}
.button_D5pTt.disabled_W37NS {
  cursor: not-allowed;
}
.button_D5pTt.newUI_q4hpu {
  padding: 6px 12px;
}
.primary_T0AXs {
  background-color: var(--upime-active);
  color: white;
}
.primary_T0AXs:active:not(.disabled_W37NS) {
  background-color: var(--upime-primary-btn-active-bg) !important;
}
.primary_T0AXs.disabled_W37NS {
  color: #ffffff;
  background-color: var(--upime-primary-btn-disabled-bg);
}
.danger_YlAYO {
  background-color: var(--upime-danger);
  color: white;
}
.danger_YlAYO:active:not(.disabled_W37NS) {
  background-color: var(--upime-danger-btn-active-bg) !important;
}
.danger_YlAYO.disabled_W37NS {
  color: #ffffff;
  background-color: var(--upime-danger-btn-disabled-bg);
}
.text_NIZBc {
  color: var(--upime-primary-btn-active-bg);
}
.text_NIZBc:active:not(.disabled_W37NS) {
  color: var(--upime-primary-btn-active-bg) !important;
}
.text_NIZBc.disabled_W37NS {
  color: var(--upime-primary-btn-disabled-bg);
}
.secondary_i2Bup {
  border: 1px solid #e6e7e9;
  color: var(--upime-main-text);
}
.secondary_i2Bup:active:not(.disabled_W37NS) {
  color: var(--upime-secondary-btn-active-bg) !important;
}
.secondary_i2Bup:active:not(.disabled_W37NS) {
  border: 1px solid var(--upime-secondary-btn-active-bg);
}
.secondary_i2Bup.disabled_W37NS {
  color: var(--upime-secondary-btn-disabled-bg);
  border: 1px solid var(--upime-secondary-btn-disabled-bg);
}
.ghost_uURRC {
  border: 1px solid var(--upime-active);
  color: var(--upime-active);
  background-color: white;
}
.ghost_uURRC:active:not(.disabled_W37NS) {
  color: var(--upime-primary-btn-active-bg) !important;
}
.ghost_uURRC:active:not(.disabled_W37NS) {
  border: 1px solid var(--upime-primary-btn-active-bg);
}
.ghost_uURRC.disabled_W37NS {
  color: var(--upime-secondary-btn-disabled-bg);
  border: 1px solid var(--upime-secondary-btn-disabled-bg);
}
.plain_eqvTj {
  border: 1px solid rgba(255, 255, 255, 0.45);
}
.plain_eqvTj:active:not(.disabled_W37NS) {
  background-color: rgba(255, 255, 255, 0.08);
}
.plain_eqvTj.disabled_W37NS {
  color: rgba(255, 255, 255, 0.45) !important;
}
.plain_eqvTj.disabled_W37NS {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
}
.do-hovers .button_D5pTt:hover:not(.disabled_W37NS) {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .primary_T0AXs:hover:not(.disabled_W37NS) {
  background-color: var(--upime-primary-btn-hover-bg);
}
.do-hovers .text_NIZBc:hover:not(.disabled_W37NS) {
  background-color: transparent;
  background-color: initial;
  color: var(--upime-primary-btn-hover-bg);
}
.do-hovers .danger_YlAYO:hover:not(.disabled_W37NS) {
  background-color: var(--upime-danger-btn-hover-bg);
}
.do-hovers .secondary_i2Bup:hover:not(.disabled_W37NS) {
  border: 1px solid var(--upime-secondary-btn-hover-bg);
  color: var(--upime-secondary-btn-hover-bg);
  background-color: transparent;
  background-color: initial;
}
.do-hovers .ghost_uURRC:hover:not(.disabled_W37NS) {
  border: 1px solid var(--upime-primary-btn-hover-bg);
  color: var(--upime-primary-btn-hover-bg);
  background-color: white;
}
.do-hovers .plain_eqvTj:hover:not(.disabled_W37NS) {
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.08);
}
.radioGroupContainer_pevtq {
  display: flex;
  align-items: center;
}
.radioGroupContainer_pevtq.horizontal_2qGaC {
  flex-direction: row;
}
.radioGroupContainer_pevtq.vertical_btrMn {
  flex-direction: column;
}
.radioGroupContainer_pevtq .labelContainer_SwdYv {
  position: relative;
  display: flex;
  flex-direction: row;
  min-width: 24px;
  min-height: 24px;
  align-items: center;
}
.radioGroupContainer_pevtq .labelContainer_SwdYv span {
  font-size: 14px;
  line-height: 22px;
  padding-left: 28px;
}
.radioLabel_COmdp {
  display: inline-block;
}
.radioLabel_COmdp::before {
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translate(0, -50%);
  border: 1px solid #ccc;
  transition: border-color 250ms, background-color 250ms, opacity 250ms;
  position: absolute;
  content: "";
  border-radius: 100%;
  box-sizing: border-box;
}
.radioChecked_WPoB6::before {
  border: 5px solid var(--upime-active);
}
.radioLabel_COmdp::after {
  left: 5px;
  width: 6px;
  height: 6px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #fff;
  transform-origin: center;
  transition: transform 250ms 200ms;
  position: absolute;
  content: "";
  border-radius: 100%;
  box-sizing: border-box;
}
.radioChecked_WPoB6::after {
  background-color: #fff;
}
.toggleRoot_aNqnD {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 16px;
}
.toggleRoot_aNqnD input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggleRoot_aNqnD .slider_QyaTj {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.toggleRoot_aNqnD .slider_QyaTj:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
}
.toggleRoot_aNqnD input:checked + .slider_QyaTj {
  background-color: var(--upime-active);
}
.toggleRoot_aNqnD input:focus + .slider_QyaTj {
  box-shadow: 0 0 1px var(--upime-active);
}
.toggleRoot_aNqnD input:checked + .slider_QyaTj:before {
  left: 14px;
}
.toggleRoot_aNqnD .slider_QyaTj.round_sdroI {
  border-radius: 8px;
}
.toggleRoot_aNqnD .slider_QyaTj.round_sdroI:before {
  border-radius: 50%;
}

.icon_1i5TE {
  font-size: 24px;
  width: 1em;
  height: 1em;
  fill: currentColor;
  flex-shrink: 0;
}

.avatar_uk-b8 {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--upime-avatar-bg);
}
.avatar_uk-b8.rect_WUUjC {
  border-radius: 4px;
}
.avatar_uk-b8.circle_R6gya {
  border-radius: 50%;
}

.inputContainer_Oqp1v {
  height: 36px;
  position: relative;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  margin-bottom: 16px;
  margin: 16px;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.inputContainer_Oqp1v.active_DGAqI {
  border-color: var(--upime-active);
}
.inputContainer_Oqp1v .inputHeadIcon_qmR-y {
  width: 20px;
  height: 20px;
  left: 12px;
  margin-left: 12px;
  color: #979797;
}
.inputContainer_Oqp1v .input_Ui-Cx {
  border: none !important;
}
.inputContainer_Oqp1v .input_Ui-Cx {
  height: 22px;
  flex: 1 1;
  min-width: 0;
  margin-left: 8px;
  font-size: 14px;
  color: var(--upime-main-text);
}
.inputContainer_Oqp1v ::-moz-placeholder {
  color: var(--upime-disable);
  font-size: 14px;
}
.inputContainer_Oqp1v ::placeholder {
  color: var(--upime-disable);
  font-size: 14px;
}
.inputContainer_Oqp1v .inputTail_9G96j {
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-right: 12px;
  margin-left: 8px;
}
.inputContainer_Oqp1v .inputTail_9G96j .clearInput_MBaqJ {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--upime-disable);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inputContainer_Oqp1v .inputTail_9G96j .clearInput_MBaqJ svg {
  color: white;
  width: 12px;
  height: 12px;
}
.inputContainer_Oqp1v .inputTail_9G96j .counter_IqSZd {
  margin-left: 8px;
  line-height: 22px;
  font-size: 14px;
  color: var(--upime-second-text);
  white-space: nowrap;
}
.do-hovers .inputContainer_Oqp1v:hover {
  border-color: var(--upime-active);
}

.input_wrapper_KsDRo {
  position: relative;
}
.input_XM4Nw {
  width: 100%;
  padding: 10px 34px 10px 12px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: hidden;
  border: 1px solid #dbdbde;
  outline: none;
  color: #0c1024;
  font-size: 14px;
  height: 40px;
}
.input_XM4Nw::-moz-placeholder {
  color: #91939c;
}
.input_XM4Nw::placeholder {
  color: #91939c;
}
.input_XM4Nw:focus {
  border: 1px solid #2e73e5;
}
.input_XM4Nw.error_i8nYF {
  border: 1px solid #fe5250;
}
.delete_btn_ZugrK {
  margin-left: 12px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
}
.delete_btn_ZugrK svg {
  color: #d8d8d8;
  display: block;
  font-size: 18px;
}
.delete_btn_ZugrK.addInputClearBtn_DsvNl {
  right: 12px;
  top: 11px;
}
.delete_btn_ZugrK.editInputClearBtn_8SDzC {
  right: 12px;
  top: 9px;
}
.error_msg_C-VDi {
  margin-top: 4px;
  line-height: 20px;
  color: #fe5250;
  font-size: 14px;
  word-break: break-word;
}

.root_k0rTB {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 20px;
}
.root_k0rTB .outer_978-q {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.root_k0rTB .outer_978-q .inner_0I--P {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.root_k0rTB .outer_978-q .inner_0I--P.showOutline_6RgpD {
  width: 16px;
  height: 16px;
  border: 2px solid white;
}
.root_k0rTB .outer_978-q.hideBg_AamrV {
  background-color: transparent !important;
  background-color: initial !important;
}

.dialogContainer_WoB2Q {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 480px;
  padding: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 12px;
}
@media (max-width: 500px) {
  .dialogContainer_WoB2Q {
    width: calc(100% - 16px);
  }
}
.closeIcon_-bmQy {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}
.leftContainer_HWDUn .icon_ERiej {
  width: 28px;
  height: 28px;
}
.rightContainer_O-jZ- {
  flex: 1;
}
.titleContainer_p7kb7 .title_1zXC5 {
  color: #0c1024;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  word-break: normal;
}
.bodyContainer_TnsHo {
  margin-top: 12px;
  max-width: 100%;
  color: #303445;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.bodyContainer_TnsHo .content_oGSfr {
  word-break: normal;
}
.footerContainer_cdk4S {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 24px;
  gap: 12px;
}
.footerContainer_cdk4S .button_LmlXk {
  padding-left: 16px;
  padding-right: 16px;
  min-width: 72px;
}

.tipBorder_N4PfG {
  position: fixed;
  z-index: 102;
  pointer-events: none;
}
.contentWrapper_pxt-L {
  position: absolute;
  color: var(--upime-tip);
  background-color: var(--upime-tip-bg);
  padding: 8px;
  border-radius: 2px;
  --tip-width-offset: 12px;
}
.contentWrapper_pxt-L .content_Gswc0 {
  font-size: 12px;
  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;
  word-break: break-word;
}
.contentWrapper_pxt-L .content_Gswc0.large_LKp58 {
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 100;
  overflow: hidden;
  text-align: left;
}
.contentWrapper_pxt-L:after {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background: var(--upime-tip-bg);
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: 0;
}
.contentWrapper_pxt-L.top,
.contentWrapper_pxt-L.bottom {
  left: 50%;
  transform: translate(-50%, 0);
}
.contentWrapper_pxt-L.top:after,
.contentWrapper_pxt-L.bottom:after {
  left: 50%;
}
.contentWrapper_pxt-L.top {
  bottom: calc(100% + 12px + var(--tip-extra-distance));
}
.contentWrapper_pxt-L.top:after {
  bottom: -8px;
}
.contentWrapper_pxt-L.bottom {
  top: calc(100% + 12px + var(--tip-extra-distance));
}
.contentWrapper_pxt-L.bottom:after {
  top: 0px;
}
.contentWrapper_pxt-L.left,
.contentWrapper_pxt-L.right {
  top: 50%;
  transform: translate(0, -50%);
}
.contentWrapper_pxt-L.right {
  left: calc(100% + 12px + var(--tip-extra-distance));
}
.contentWrapper_pxt-L.right:after {
  top: 50%;
  left: 0px;
}
.contentWrapper_pxt-L.left {
  right: calc(100% + 12px + var(--tip-extra-distance));
}
.contentWrapper_pxt-L.left:after {
  top: 50%;
  right: -12px;
}
.contentWrapper_pxt-L.topLeft {
  bottom: calc(100% + 12px + var(--tip-extra-distance));
  left: 0;
}
.contentWrapper_pxt-L.topLeft:after {
  bottom: -8px;
}
.contentWrapper_pxt-L.topLeft:after {
  left: var(--tip-width-offset);
}
.contentWrapper_pxt-L.topRight {
  bottom: calc(100% + 12px + var(--tip-extra-distance));
  right: 0;
}
.contentWrapper_pxt-L.topRight:after {
  bottom: -8px;
}
.contentWrapper_pxt-L.topRight:after {
  right: calc(var(--tip-width-offset) - 8px);
}
.contentWrapper_pxt-L.bottomLeft {
  top: calc(100% + 12px + var(--tip-extra-distance));
  left: 0;
}
.contentWrapper_pxt-L.bottomLeft:after {
  top: 0px;
}
.contentWrapper_pxt-L.bottomLeft:after {
  left: var(--tip-width-offset);
}
.contentWrapper_pxt-L.bottomRight {
  top: calc(100% + 12px + var(--tip-extra-distance));
  right: 0;
}
.contentWrapper_pxt-L.bottomRight:after {
  top: 0px;
}
.contentWrapper_pxt-L.bottomRight:after {
  right: calc(var(--tip-width-offset) - 8px);
}

.cm_item_4fHix {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_4fHix.disabled_nizOb {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_4fHix.autoWidth_NmWMJ {
  width: auto;
  min-width: 40px;
}
.icon_box_0cIMS {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_0cIMS.active_g1tLh {
  color: var(--upime-active);
}
.bling_item_w0X2N {
  opacity: 0.8;
}
.hidden_fL8fk {
  visibility: hidden !important;
}
.hidden_all_LJ1tD {
  visibility: hidden !important;
}
.hidden_all_LJ1tD * {
  visibility: hidden !important;
}
.show_all_3a1FR {
  visibility: visible !important;
}
.show_all_3a1FR * {
  visibility: visible !important;
}
.pane_4dEAm {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_WuR-7 {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_-6pHN {
  visibility: hidden;
  opacity: 0;
  animation: show_WuR-7 0.5s forwards;
}
@keyframes show_scale_j-dpW {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_j-dpW {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_j-dpW 0.3s forwards;
}
.show_scale_j-dpW.right_gXRxE {
  transform-origin: left center;
}
.show_scale_j-dpW.left_tazJf {
  transform-origin: right center;
}
.show_scale_j-dpW.bottom_do6lQ {
  transform-origin: center top;
}
.show_scale_j-dpW.top_mkzKf {
  transform-origin: center bottom;
}
.show_scale_j-dpW.left_top_5hhhU {
  transform-origin: right top;
}
.show_scale_j-dpW.top_left_o3-jX {
  transform-origin: bottom left;
}
.show_scale_j-dpW.bottom_left_9La6R {
  transform-origin: top left;
}
.show_scale_j-dpW.top_right_-Gxd- {
  transform-origin: bottom right;
}
.show_scale_j-dpW.bottom_right_IdA4I {
  transform-origin: top right;
}
.show_scale_j-dpW.right_top_scCzZ {
  transform-origin: left top;
}
.show_scale_j-dpW.right_bottom_TmHjl {
  transform-origin: left bottom;
}
.show_scale_j-dpW.left_bottom_Z6U5J {
  transform-origin: right bottom;
}
.btn_style_VAxi0 {
  cursor: pointer;
}
.btn_style_VAxi0:active,
.btn_style_VAxi0.on_gJV0m {
  color: var(--upime-active);
}
.btn_style_VAxi0.disabled_nizOb {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_l0mHi {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_0cIMS:hover {
  opacity: 1;
}
.do-hovers .bling_item_w0X2N:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_VAxi0:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_l0mHi:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_PWkbD:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_Z54da:hover {
  color: var(--upime-main-text);
}
.rotateY180_cPOqZ {
  transform: rotateY(180deg);
}
.titleIcon_PWkbD {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_PWkbD.active_g1tLh {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_PWkbD.active_g1tLh {
  color: var(--upime-active);
}
.moreIcon_Z54da {
  cursor: pointer;
}
.moreIcon_Z54da svg {
  color: #303445;
}
.moreIcon_Z54da.active_g1tLh svg {
  color: var(--upime-main-text);
}
@keyframes loading_7PIS0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_xkP17 {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_7PIS0 1s linear infinite forwards;
}
.AIButtonContainer_ljJKC {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_ljJKC.transparent_zl-yR {
  opacity: 0;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ.AIShow_-zeMB {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ.AIHide_m1w1Z {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ.AIButtonHover_VBgyJ:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ.AIButtonDisabled_Tggo9 {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ .AIButtonImage_IgqT1 {
  width: 32px;
  height: 32px;
}
.sub_win_container_FGZLv {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_FGZLv::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_FGZLv::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_FGZLv::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_FGZLv .sub_win_child_wrapper_kPRNr:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_FGZLv .sub_win_child_wrapper_kPRNr:not(:first-child) .sub_win_child_T-DtE {
  padding-top: 0;
}
.sub_win_flexalbe_container_WhjBW {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_WhjBW * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr:not(:first-child) .flexable_scroll_inner_XdLVq {
  padding-top: 0px;
}
.phoneMode .sub_win_container_FGZLv {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_WhjBW {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_Y3-qr {
  animation: safariUpdate_wdRuH 0.1s forwards;
}
.safariOn .sub_win_container_FGZLv {
  animation: safariUpdate_wdRuH 0.1s forwards;
}
@keyframes safariUpdate_wdRuH {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_8xf3u {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_8xf3u .noColorStylePart_CCSX6 + .noColorStylePart_CCSX6 {
  margin-top: 8px;
}
.noColorStyleContainer_8xf3u .partlabel_ahkJF {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_8xf3u .partlabel_ahkJF.disabled_nizOb {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_FGZLv,
.phoneMode .sub_win_flexalbe_container_WhjBW {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_FGZLv .flexable_scroll_wrapper_Y3-qr:not(:first-child),
.phoneMode .sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_8xf3u {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_8xf3u .noColorStylePart_CCSX6 + .noColorStylePart_CCSX6 {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_8xf3u .partlabel_ahkJF {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}

.operation_tips_Hk4vy {
  pointer-events: none;
}
.operation_tips_Hk4vy .container_STmox {
  padding: 28px 32px 36px 32px;
  border-radius: 4px;
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}
.operation_tips_Hk4vy .container_STmox.active_HPotL {
  visibility: visible;
  opacity: 1;
}
.operation_tips_Hk4vy .container_STmox .close_-Ioow {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  pointer-events: auto;
  color: white;
}
.operation_tips_Hk4vy .container_STmox .title_RVDXG {
  height: 24px;
  line-height: 24px;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 24px;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1:not(:last-child)::before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 25px;
  position: absolute;
  right: -20px;
  top: 28px;
  background: white;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1 .icon_FMAwv {
  font-size: 80px;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1 .text_EU7Xt {
  line-height: 22px;
  max-width: 185px;
  min-width: 112px;
  font-size: 14px;
  text-align: center;
  word-break: break-word;
  color: #dbdbde;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1:not(:first-child) {
  margin-left: 40px;
}
.do-hovers .operation_tips_Hk4vy .container_STmox .close_-Ioow:hover {
  color: var(--upime-active);
}

.insert_panel_H-PA7 {
  background: #fff;
  position: absolute;
  right: 8px;
  bottom: 56px;
  padding: 24px;
  width: 368px;
  height: 392px;
  border-radius: 8px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  pointer-events: auto;
}
.insert_panel_H-PA7 .content_-jdKI {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.insert_panel_H-PA7 .content_-jdKI .header_aLVPt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.insert_panel_H-PA7 .content_-jdKI .close_ZAlxu {
  color: #979797;
  cursor: pointer;
  font-size: 20px;
}
.insert_panel_H-PA7 .content_-jdKI .title_Nka9P {
  height: 28px;
  font-size: 20px;
  line-height: 28px;
  color: var(--upime-main-text);
  font-weight: 600;
}
.insert_panel_H-PA7 .content_-jdKI .desc_ms-cM {
  min-height: 22px;
  margin-top: 8px;
  line-height: 22px;
  color: #616371;
  font-size: 14px;
  word-break: break-word;
}
.insert_panel_H-PA7 .content_-jdKI .text_1MQWq {
  margin: 40px 0 12px 0;
  color: var(--upime-main-text);
  font-size: 16px;
  height: 24px;
  line-height: 24px;
}
.insert_panel_H-PA7 .content_-jdKI .body_Qd0T1 {
  width: 320px;
  height: 180px;
  border-radius: 4px;
  background-color: #ececee;
  margin-top: 24px;
}
.insert_panel_H-PA7 .actions_X6k5g {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.insert_panel_H-PA7 .actions_X6k5g .page_PBWmY {
  color: var(--upime-main-text);
  font-size: 14px;
  align-items: flex-start;
}
.insert_panel_H-PA7 .actions_X6k5g .btn_group_GepIs {
  display: flex;
}
.insert_panel_H-PA7 .actions_X6k5g .confirm_G6827 {
  font-size: 14px;
  padding: 7px 23px;
}
.insert_panel_H-PA7 .actions_X6k5g .confirm_G6827:not(:first-child) {
  margin-left: 12px;
}
.do-hovers .close_ZAlxu:hover {
  color: var(--upime-active);
}
.guide_active_-DCK8 {
  height: 32px;
  width: 32px;
  position: absolute;
  border: 2px solid #ffa519;
  border-radius: 2px;
  box-shadow: 0px 0px 8px 0px rgba(255, 165, 25, 0.2);
  pointer-events: none;
}
.guide_active_-DCK8 .guide_dot_jCI2r {
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #ffa519;
  top: 50%;
  right: -10px;
  transform: translate(100%, -50%);
  margin: auto;
}
.guide_active_-DCK8 .guide_dot_jCI2r::after {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background: rgba(255, 165, 25, 0.2);
  border-radius: 50%;
  top: -50%;
  left: -50%;
  margin: auto;
  animation: GuidepopupLight_VGSoI 1s ease-in-out infinite;
}
@keyframes GuidepopupLight_VGSoI {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
.selectEle_Kqse6 {
  pointer-events: auto;
}
.toolbar_comment_Yj65f {
  pointer-events: auto;
}
.toolbar_text_2dr2I {
  pointer-events: auto;
}
.toolbar_sticker_W7yIR {
  pointer-events: auto;
}
.toolbar_shape_wr3Cm {
  pointer-events: auto;
}
.toolbar_connection_line_9L2VH {
  pointer-events: auto;
}
@keyframes guideShow_P1r7P {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideIn_npWct {
  from {
    transform: translateX(300px);
  }
  to {
    transform: translateX(0);
  }
}
.singleStepUserGuideDialog_GBRGa {
  position: fixed;
  right: 8px;
  bottom: 56px;
}
.singleStepUserGuideDialog_GBRGa.stepGuideAnimation_wgsf6 {
  animation: guideShow_P1r7P 300ms linear, slideIn_npWct 300ms ease-out;
}
.singleStepUserGuideDialog_GBRGa.bigScreenMode_pmwTK {
  bottom: 68px;
}

.phoneModal_XNKkV {
  width: 278px;
  min-height: 120px;
  max-height: 80%;
  border-radius: 8px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.phoneModal_XNKkV .header_hSekh {
  line-height: 24px;
  color: var(--upime-main-text);
  font-size: 16px;
  align-self: center;
  margin-top: 24px;
  font-weight: 600;
  padding: 0 20px;
  text-align: center;
  word-break: break-word;
}
.phoneModal_XNKkV .body_Fvfnz {
  flex: 1;
  overflow-y: scroll;
  line-height: 22px;
  color: var(--upime-main-text);
  font-size: 14px;
  padding: 0 20px;
  margin-top: 8px;
  word-break: break-word;
}
.phoneModal_XNKkV .simpleBody_apVS0 {
  text-align: center;
}
.phoneModal_XNKkV .footer_a-xfE {
  display: flex;
  height: 48px;
  line-height: 48px;
  margin-top: 24px;
  border-top: 1px solid #E6E7E9;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.phoneModal_XNKkV .footer_a-xfE.noFooterBtn_OiiTb {
  height: 0;
  border-top: 0;
  border-top: initial;
}
.phoneModal_XNKkV .footer_a-xfE .btn_H6AuQ {
  height: 100%;
  font-size: 16px;
  flex: 1;
  text-align: center;
}
.phoneModal_XNKkV .footer_a-xfE .btn_H6AuQ:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.textAlignCenter_OUd34 {
  text-align: center;
}
.primary_LXZmL {
  color: var(--upime-active);
}
.danger_1sNlN {
  color: var(--upime-danger);
}
.simpleFooterWrap_3-Dqh {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-top: 1px solid #E6E7E9;
  margin-top: 24px;
}
.simpleFooterWrap_3-Dqh .defaultCancelBtn_Q-k-n,
.simpleFooterWrap_3-Dqh .defaultConfirmBtn_cUfg1 {
  height: 48px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #0C1024;
}
.simpleFooterWrap_3-Dqh .defaultCancelBtn_Q-k-n:not(:last-child),
.simpleFooterWrap_3-Dqh .defaultConfirmBtn_cUfg1:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.simpleFooterWrap_3-Dqh .defaultCancelBtn_Q-k-n.dangerBtn_BVZPx,
.simpleFooterWrap_3-Dqh .defaultConfirmBtn_cUfg1.dangerBtn_BVZPx {
  color: var(--upime-danger);
}
.simpleFooterWrap_3-Dqh .defaultConfirmBtn_cUfg1 {
  color: #2E73E5;
}

.mainUI_ixPx7 {
  touch-action: none !important;
}
.mainUI_ixPx7 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
}
.mainUI_ixPx7 *,
.mainUI_ixPx7 *::before,
.mainUI_ixPx7 *::after {
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  word-break: break-all;
}
.mainUI_ixPx7 input,
.mainUI_ixPx7 textarea {
  outline: none !important;
  resize: none !important;
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.mainContent_xhr9m {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.loadingSkeleton_OF7o4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.loadingSkeleton_OF7o4 .progress_ITZ3l {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  width: 0;
  background-color: #2E73E5;
  z-index: 1;
}
.popWindow_iLTOb,
.toasts_W1Egl {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.toastWidget_Vs3-K {
  pointer-events: auto;
  z-index: 101;
  position: absolute;
  max-width: 440px;
  padding: 14px 24px;
  border-radius: 4px;
  background-color: #000000;
  display: flex;
  flex-direction: row;
  align-items: center;
  top: 0;
  transform: translate(-50%, -10px);
  left: 50%;
  opacity: 0;
  transition: all 0.2s;
}
.toastWidget_Vs3-K.slim_3xF-Q {
  display: inline-flex;
  padding: 6px 12px 6px 16px;
}
.toastWidget_Vs3-K.slim_3xF-Q .btn_Vf4S8 {
  margin-left: 12px;
}
.toastWidget_Vs3-K.atBottom_cNUk7 {
  bottom: 64px;
  top: auto;
  top: initial;
  transform: translate(-50%, 0);
}
.toastWidget_Vs3-K .icon_g4ynk {
  width: 24px;
  height: 24px;
}
.toastWidget_Vs3-K .type_5ZciE {
  width: 20px;
  height: 20px;
}
.toastWidget_Vs3-K .type_5ZciE .loading_yHqJA {
  width: 20px;
  height: 20px;
  color: #fff;
  animation: loading_yHqJA 1.5s linear infinite forwards;
}
.toastWidget_Vs3-K .type_5ZciE .warning_bPmyA {
  color: #ffa519;
}
.toastWidget_Vs3-K .type_5ZciE .icon_g4ynk {
  font-size: 20px;
}
.toastWidget_Vs3-K .content_P7gR0 {
  margin-left: 10px;
  width: calc(100% - 30px);
  line-height: 22px;
  font-size: 14px;
  color: #ffffff;
  word-break: break-word;
  display: flex;
  align-items: center;
  text-align: left;
}
.toastWidget_Vs3-K .content_P7gR0.pureText_P1fel {
  text-align: center;
}
.toastWidget_Vs3-K .normalContent_gDtEV {
  margin-left: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.toastWidget_Vs3-K.show_R9QRu {
  opacity: 1;
  transition: all 0.5s;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m {
  max-width: 242px;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.slim_3xF-Q {
  width: calc(100% - 16px);
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.slim_3xF-Q .normalContent_gDtEV {
  width: auto;
  width: initial;
  flex: auto;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.slim_3xF-Q .closeIconContainer_XWM2z {
  flex: none;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.slim_3xF-Q .btn_Vf4S8 {
  margin-left: auto;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.hasButton_rjfIR {
  max-width: calc(100% - 16px);
  padding: 12px 16px;
}
.toastWidget_Vs3-K .btn_Vf4S8 {
  height: 32px;
  margin-left: 16px;
  line-height: 22px;
  padding: 5px 12px;
  font-size: 14px;
  color: #ffffff;
  background-color: #2e73e5;
  border-radius: 4px;
  cursor: pointer;
  flex: none;
}
.toastWidget_Vs3-K .divider_tUkK3 {
  width: 1px;
  height: 20px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.25);
  margin-left: 16px;
}
.toastWidget_Vs3-K.showDivider_hiUOb .closeIconContainer_XWM2z {
  margin-left: 8px;
}
@keyframes loading_yHqJA {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bigScreenOn .toastWidget_Vs3-K.atBottom_cNUk7 {
  bottom: 76px;
}
.shortTrans_JSFWj {
  transition: all 0.1s ease-in;
}
.hideBottomCtrl_u9Gjk .bottom_ui_nYaXY {
  bottom: -60px !important;
}
.bottom_ui_nYaXY {
  z-index: 20;
  transition: bottom 0.3s;
}
.hideMeetingCtrl_ESUtv .bottom_meeting_ui_r506i {
  bottom: -80px !important;
}
.bottom_meeting_ui_r506i {
  transition: bottom 0.3s;
}
.dialogWindow_huNKQ {
  pointer-events: auto;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
}
.dialogWindow_huNKQ.pierceBg_l1X6M {
  pointer-events: none;
  background-color: transparent;
}
.dialogWindow_huNKQ .mask_aSe2R {
  width: 100%;
  height: 100%;
}
.fixedFooter_VDucw {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.phoneDrawerCover_qXnI3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.coverVisible_rOipZ {
  background-color: rgba(0, 0, 0, 0.5);
}
.phoneDrawer_jGmrB {
  position: absolute;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
  left: 0;
  min-height: 50px;
  max-height: calc(100% - 98px);
  width: 100%;
  background: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  transform: translate(0, calc(1vh * 100));
  transform: translate(0, calc(var(--vh, 1vh) * 100));
  transition: transform 0.1s linear;
  display: flex;
  flex-direction: column;
}
.phoneDrawer_jGmrB.landscape_YbGnn {
  max-height: calc(100% - 40px);
}
.phoneDrawer_jGmrB .swipeArea_XxOHu {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.phoneDrawerDialog_nNA4O {
  position: absolute;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
  left: 0;
  min-height: 50px;
  max-height: calc(100% - 98px);
  width: 100%;
  background: white;
  z-index: 26;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  transform: translate(0, 20px);
  transition: transform 0.3s linear;
  display: flex;
  flex-direction: column;
  overflow: auto;
  font-size: 16px;
  will-change: transform;
}
.phoneDrawerDialog_nNA4O .swipeArea_XxOHu {
  width: 100%;
  height: 20px;
  flex-shrink: 0;
}
.phoneDrawerDialog_nNA4O .phoneDrawerCancel_sCJpg {
  height: 54px;
  line-height: 54px;
  text-align: center;
}
.phoneDrawerDialog_nNA4O .divider_tUkK3 {
  height: 6px;
  background-color: #f5f6f6;
}
.noTransition_YctNN {
  transition: none !important;
}
.fixBottom_xePTd {
  top: auto !important;
  top: initial !important;
}
.fixBottom_xePTd {
  bottom: 0;
}
.aiGenerateToastContainer_g-xrR {
  position: absolute;
  top: 64px;
  left: 50%;
  z-index: 10;
  height: 40px;
  animation: ai-show_KbVRa 0.1s forwards;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil {
  position: relative;
  height: 100%;
  padding: 0 24px;
  color: white;
  z-index: 10;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 24px;
  overflow: hidden;
  background-image: linear-gradient(61deg, #ff61d2, #ff5ca7, #36beff, #44ecff);
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .tip_5jh4D {
  font-weight: 500;
  position: relative;
  z-index: 10;
  word-break: keep-all;
  height: 20px;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .divider_tUkK3 {
  width: 1px;
  height: 14px;
  background-color: white;
  margin: 0 16px;
  position: relative;
  z-index: 10;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .stop_uvZZr {
  cursor: pointer;
  position: relative;
  z-index: 10;
  word-break: keep-all;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .stop_uvZZr.disabled_7G0Nc {
  color: rgba(255, 255, 255, 0.45);
  cursor: not-allowed;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .bgWrapper_RZetM {
  width: calc(100% + 100px);
  aspect-ratio: 1 / 1;
  position: absolute;
  left: -50px;
  z-index: 0;
  animation: bg-trans_klTUv infinite 10s linear;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .bg_nuwzH {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(61deg, #ff61d2, #ff5ca7, #36beff, #44ecff);
  animation: bg-rotate_F61XP infinite 4s linear;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .bg_nuwzH .bgImage_n3A0w {
  width: 100%;
  height: 100%;
}
.elementDeleteToastContainer_ztN3- {
  display: flex;
  align-items: center;
}
.elementDeleteToastContainer_ztN3- > svg {
  color: #ffa519;
}
.elementDeleteToastContainer_ztN3- > span {
  margin-left: 10px;
}
.noclipboard_kk2fa {
  display: flex;
}
.noclipboard_kk2fa .text_JhGuh {
  text-align: left;
  word-break: break-word;
}
.noclipboard_kk2fa .ruhecaozuo_lbBBu {
  width: 100px;
  margin-left: 10px;
  height: 32px;
  align-self: center;
}
@keyframes ai-show_KbVRa {
  from {
    transform: translateX(-50%) scaleX(0);
    opacity: 0;
  }
  to {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
  }
}
@keyframes bg-trans_klTUv {
  from {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(50px);
  }
  to {
    transform: translateX(-50px);
  }
}
@keyframes bg-rotate_F61XP {
  from {
    transform: rotate(0);
    transform-origin: 50% 50%;
  }
  to {
    transform: rotate(360deg);
    transform-origin: 50% 50%;
  }
}
.pluginCmpContainer_V1UsS {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.customCtrlBars_Zc--8 {
  position: relative;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.customCtrlBars_Zc--8.floatLeft_VwKEf {
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 30;
}
.toastTip_TDDgK {
  height: 24px;
  margin-right: 4px;
}
.closeIconContainer_XWM2z {
  color: white;
  cursor: pointer;
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  padding: 4px;
  margin-right: -4px;
}
.closeIconContainer_XWM2z:hover {
  background: rgba(255, 255, 255, 0.12);
}
.webOfficeFullScreenCmpContainer_X5rBX,
.windowWebViewCmpContainer_iciM- {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 21;
}

.slide_control_KL1hd {
  height: 24px;
  overflow: hidden;
  touch-action: none;
}
.slide_control_KL1hd .bottom_layer_vHzuX {
  width: 100%;
  height: 2px;
  background-color: #cdccd7;
  margin-top: 11px;
}
.slide_control_KL1hd .top_layer_rtC86 {
  position: relative;
  height: 2px;
  width: calc(100% - 12px);
  margin-top: -2px;
}
.slide_control_KL1hd .content_NSWWo {
  height: 2px;
  background-color: var(--upime-btn-bg-active);
}
.slide_control_KL1hd .ball_j5pgP {
  position: absolute;
  width: 12px;
  height: 12px;
  margin-top: -7px;
  border-radius: 12px;
  background-color: var(--upime-btn-bg-active);
}
.tick_slider_4ARdz {
  position: relative;
  width: 150px;
  height: 24px;
  touch-action: none;
}
.tick_slider_4ARdz.phoneLayout_SrOUi {
  width: 100%;
  display: inline-block;
}
.tick_slider_4ARdz.disabled_Qsu-6 {
  opacity: 0.2;
  pointer-events: none;
}
.tick_slider_4ARdz .bottom_layer_vHzuX {
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 11px;
  background-color: var(--upime-btn-bg-active);
}
.tick_slider_4ARdz .tick_oYRbO {
  position: absolute;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--upime-btn-bg-active);
}
.tick_slider_4ARdz .shade_JSmdr {
  position: absolute;
  top: 6px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.8);
}
.tick_slider_4ARdz .shade_JSmdr .ball_j5pgP {
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-radius: 12px;
  background-color: var(--upime-btn-bg-active);
}
.phoneMode .slide_control_KL1hd {
  height: 30px;
}
.phoneMode .slide_control_KL1hd .bottom_layer_vHzuX {
  margin-top: 14px;
}
.phoneMode .tick_slider_4ARdz {
  height: 30px;
}
.phoneMode .tick_slider_4ARdz .bottom_layer_vHzuX {
  top: 14px;
}
.phoneMode .tick_slider_4ARdz .tick_oYRbO {
  top: 13px;
}
.phoneMode .tick_slider_4ARdz .shade_JSmdr {
  top: 9px;
}
.color_icon_VPQTI {
  width: 100%;
  height: 100%;
}
.color_circle_qhOD- {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #c2c3c8;
}
.color_circle_qhOD-.color_null_cHOMl {
  border: none !important;
}
.bg_color_circle_hrqys {
  width: 22px;
  height: 22px;
  position: relative;
}
.bg_color_circle_hrqys .bg_color_pOTZb {
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.bg_color_circle_hrqys .bg_color_pOTZb.bg_color_no_border_xQIvd {
  border: none;
}
.bg_color_rect_uo8aF {
  width: 22px;
  height: 22px;
  position: relative;
}
.bg_color_rect_uo8aF .bg_color_pOTZb {
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.bg_color_rect_uo8aF .bg_color_pOTZb.bg_color_no_border_xQIvd {
  border: none;
}
.border_color_circle_eo-qf {
  width: 22px;
  height: 22px;
  position: relative;
}
.border_color_circle_eo-qf .border_color_K6Wnk {
  border-width: 5px;
}
.border_color_circle_eo-qf .border_color_K6Wnk,
.border_color_circle_eo-qf .white_border2_UqB-L {
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  border-style: solid;
}
.border_color_circle_eo-qf .white_border1_wvKmY {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border-color: #c2c3c8;
  border-width: 1px;
  border-style: solid;
}
.border_color_circle_eo-qf .white_border2_UqB-L {
  border-width: 1px;
  border-color: #c2c3c8;
}
.border_color_rect_qKFfz {
  width: 22px;
  height: 22px;
  position: relative;
}
.border_color_rect_qKFfz .border_color_rect_inner_tR7fm {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.border_and_bg_color_circle_YnSVv {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.border_and_bg_color_circle_YnSVv .border_color_K6Wnk {
  width: 20px;
  height: 20px;
  box-sizing: content-box;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.border_and_bg_color_circle_YnSVv .bg_color_pOTZb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.border_and_bg_color_rect_U344g {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.border_and_bg_color_rect_U344g .border_color_K6Wnk {
  width: 20px;
  height: 20px;
  box-sizing: content-box;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.border_and_bg_color_rect_U344g .bg_color_pOTZb {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.text_color_btn_q889D {
  width: 22px;
  height: 22px;
  position: relative;
}
.text_color_btn_q889D .text_color_mDDEm {
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0;
}
.text_color_btn_q889D .text_color_mDDEm.white_EQSX1 {
  border: 1px solid #c2c3c8;
}
.text_color_btn_q889D .text_color_mDDEm .transparent_bXwXd {
  width: 100%;
  height: 100%;
  padding: 0 1px;
  display: flex;
  align-items: center;
  background-color: #e6e6e6;
}
.text_color_btn_q889D .text_color_mDDEm .gray_BrpRf {
  width: 4px;
  height: 4px;
  margin-left: 4px;
  background-color: #b3b3b3;
}
.name_editor_uA3iE {
  position: relative;
  max-width: 155px;
  width: auto;
  line-height: 50px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  justify-content: flex-start;
}
.name_editor_uA3iE.readOnly_xYL-k {
  cursor: default;
}
.name_editor_uA3iE.readOnly_xYL-k .input_4B-Pk {
  pointer-events: none;
}
.name_editor_uA3iE .hidden_name_tEOuC {
  position: absolute;
  display: inline-block;
  height: 35px;
  font-size: 14px;
  text-align: left;
  visibility: hidden;
}
.name_editor_uA3iE .input_4B-Pk {
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: -5px;
  padding: 0;
  padding-left: 5px;
  font-size: 14px;
  line-height: 35px;
  height: 35px;
  min-width: 36px;
  display: block;
  color: #050038;
  opacity: 0.8;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.name_editor_uA3iE .input_4B-Pk:focus {
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.vert_sel_list_-WVut {
  height: -moz-max-content;
  height: max-content;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
}
.vert_sel_option_XW0ZG {
  cursor: pointer;
  width: 100%;
  height: 40px;
  padding: 0 8px;
  line-height: 40px;
  white-space: nowrap;
}
.font_family_editor_ngEBp {
  height: 50px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.font_family_editor_ngEBp .family_list_0c7wc {
  min-width: 142px;
  max-height: 376px;
  overflow: auto;
}
.font_family_editor_ngEBp .family_option_4YoYJ {
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.font_family_editor_ngEBp .family_option_alt_i-y0i {
  padding-right: 6px;
}
.fontsize_editor_jVB-6 {
  position: relative;
  width: 70px;
  height: 50px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.fontsize_editor_jVB-6 .input_4B-Pk {
  width: 36px;
  height: 35px;
  line-height: 35px;
  margin-left: 4px;
  padding: 0;
  border: 1px solid transparent;
  text-align: center;
}
.fontsize_editor_jVB-6 .input_4B-Pk:focus {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.fontsize_editor_jVB-6 .btns_4nDxn {
  width: 30px;
}
.fontsize_editor_jVB-6 .btn_4wiIQ {
  height: 25px;
  line-height: 25px;
  font-size: 20px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fontsize_editor_jVB-6 .size_list_1viEA {
  width: 60px;
  height: -moz-max-content;
  height: max-content;
  padding: 5px 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.fontsize_editor_jVB-6 .size_option_1LAXo {
  cursor: pointer;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.fontsize_editor_jVB-6 .size_option_1LAXo.disabled_Qsu-6 {
  opacity: 0.2 !important;
  cursor: default !important;
}
.option_list_jtl4- {
  padding: 0 10px;
}
.option_list_jtl4-.maxContent_N03kC {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: column;
}
.option_list_jtl4- .option_item_bSMJD {
  width: 56px;
  height: 40px;
}
.option_list_jtl4- .option_item_bSMJD.itemWidthMaxContent_8O048 {
  min-width: 56px;
  width: 100%;
}
.simple_select_FWNe5 {
  font-size: 16px;
  position: relative;
  width: 40px;
}
.simple_select_FWNe5 .select_btn_label_9pIOz {
  padding: 5px 0;
  height: 40px;
}
.align_select_o-R-L {
  width: 40px;
  height: 50px;
  display: flex;
  align-items: center;
}
.align_select_ls_kSd8B {
  width: 80px;
}
.align_select_o-R-L .option_list_jtl4- {
  display: flex;
  flex-direction: row;
}
.align_select_o-R-L .line_spacing_zIEq8 {
  min-width: 160px;
}
.align_select_o-R-L .leading_option_RjDxQ {
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.align_select_o-R-L .leading_option_active_PhKBo,
.align_select_o-R-L .leading_option_RjDxQ:hover {
  color: var(--upime-active);
}
.ha_select_group_MYUjp .option_list_jtl4- {
  padding: 0;
  display: flex;
  flex-direction: row;
}
.hor_split_HDK-U {
  height: 1px;
  width: 100%;
  background: #e0e0e0;
}
.type_icon_select_0Ubze {
  position: relative;
  width: 166px;
  height: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.type_icon_select_0Ubze.type_icon_phoneLayout_FlUDM {
  margin: 0 auto;
}
.type_icon_select_0Ubze .type_item_3pJHD {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.type_icon_select_0Ubze .type_item_3pJHD .selected_uu-Wy {
  color: #2e73e5;
}
.type_icon_select_0Ubze .type_item_3pJHD.disabled_Qsu-6 {
  pointer-events: none;
  opacity: 0.2;
  cursor: default;
}
.type_icon_select_0Ubze .type_item_3pJHD.forbidden_3JYXM {
  cursor: not-allowed;
  color: #c2c3c8;
}
.type_icon_select_next_UAjJH {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}
.type_icon_select_next_UAjJH .type_item_next_XVcOE {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 2px;
}
.type_icon_select_next_UAjJH .type_item_next_XVcOE.selected_next_JE45I {
  color: #2e73e5;
  background-color: #eaf1fc;
}
.type_icon_select_next_UAjJH .type_item_next_XVcOE.disabled_Qsu-6 {
  pointer-events: none;
  opacity: 0.2;
  cursor: default;
}
.type_icon_select_next_UAjJH .type_item_next_XVcOE.forbidden_3JYXM {
  cursor: not-allowed;
  color: #c2c3c8;
}
.do-hovers .vert_sel_option_XW0ZG:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .fontsize_editor_jVB-6 .size_option_1LAXo:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .type_icon_select_0Ubze .type_item_3pJHD:hover:not(.forbidden_3JYXM) {
  background-color: #f5f6f6;
}
.do-hovers .type_item_next_XVcOE:hover:not(.forbidden_3JYXM) {
  background-color: #f5f6f6;
}
.do-hovers .selected_next_JE45I:hover:not(.forbidden_3JYXM) {
  background-color: #dce3ed;
}
.editorBtn_SCF5y {
  border-radius: 0;
  border-radius: initial;
}
.info_border_Qm8E9 {
  width: 18px;
  height: 18px;
}
.info_border_Qm8E9 .info_icon_pttED {
  font-size: 18px;
}
.info_list_HztEN .info_text_31YRe {
  white-space: nowrap;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}
.do-hovers .info_border_Qm8E9 .info_icon_pttED:hover {
  color: var(--upime-active);
}
.color_circle_placeholder_8bL9I {
  width: 30px;
  height: 30px;
  margin: 5px;
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.color_circle_placeholder_8bL9I.selected_uu-Wy {
  color: #4262ff;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5798f2;
}
.color_placeholder_mark_btFrR {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
}
.color_placeholder_mark_btFrR svg {
  width: 14px;
  height: 14px;
  margin: 2px;
  color: white;
}
.draggable_resizeBtn_CK9B0 {
  width: 26px;
  height: 26px;
  position: absolute;
  right: -8px;
  bottom: -8px;
  z-index: 100;
  cursor: nwse-resize;
  pointer-events: all;
  visibility: visible;
}
.draggable_resizeBtn_CK9B0 svg {
  width: 18px;
  height: 18px;
  transform: translateX(-2px) translateY(-2px);
  color: rgba(0, 0, 0, 0.5);
}
.draggable_resizeBtn_CK9B0.topRight_uBau1 {
  right: -8px;
  top: -8px;
  cursor: nesw-resize;
  transform: rotate(-90deg);
}
.draggable_resizeBtn_CK9B0.topLeft_DO3w6 {
  left: -8px;
  top: -8px;
  cursor: nwse-resize;
  transform: rotate(180deg);
}
.draggable_resizeBtn_CK9B0.leftBottom_d6VaA {
  left: -8px;
  bottom: -8px;
  cursor: nesw-resize;
  transform: rotate(90deg);
}
.draggable_resizeBar_4ptFf {
  position: absolute;
  z-index: 10;
  pointer-events: all;
  visibility: visible;
}
.draggable_resizeBar_4ptFf.top_4Ev5O {
  left: 18px;
  right: 18px;
  top: -8px;
  height: 8px;
  cursor: ns-resize;
}
.draggable_resizeBar_4ptFf.bottom_G4axq {
  left: 18px;
  right: 18px;
  bottom: -8px;
  height: 8px;
  cursor: ns-resize;
}
.draggable_resizeBar_4ptFf.right_-uFGz {
  top: 18px;
  bottom: 18px;
  right: -8px;
  width: 8px;
  cursor: ew-resize;
}
.draggable_resizeBar_4ptFf.left_Ga-i3 {
  top: 18px;
  bottom: 18px;
  left: -8px;
  width: 8px;
  cursor: ew-resize;
}
.optionSelector_Cx4Gm {
  position: relative;
}
.optionSelector_Cx4Gm .optionContainer_tRj09 {
  position: absolute;
  top: calc(100% + 4px);
}
.phoneMode .type_icon_select_next_UAjJH {
  gap: 20px;
}
.phoneMode .type_icon_select_next_UAjJH .type_item_next_XVcOE {
  width: 40px;
  height: 40px;
}

.root_sn-LC {
  position: absolute;
  min-width: 376px;
  max-width: 395px;
  min-height: 72px;
  display: flex;
  flex-direction: row;
  padding: 10px 20px;
  color: var(--upime-main-text);
  top: 0;
  left: 0;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  background: black;
  pointer-events: auto;
  z-index: 30;
  color: white;
  align-items: center;
}
.root_sn-LC svg {
  color: white;
}
.root_sn-LC .leftPart_u23tB {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.root_sn-LC .leftPart_u23tB .header_5mwB9 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.root_sn-LC .leftPart_u23tB .header_5mwB9 svg {
  font-size: 20px;
  margin-right: 8px;
}
.root_sn-LC .leftPart_u23tB .header_5mwB9 span {
  line-height: 22px;
  font-size: 14px;
  color: var(--upime-disable);
}
.root_sn-LC .leftPart_u23tB .text_Dp0Op {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
  font-weight: 600;
  margin-top: 4px;
}
.root_sn-LC .action_-99jq {
  width: 80px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  margin-left: 20px;
}
.root_sn-LC .closeIcon_X2ZOc {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: 16px;
}
.phoneMode .root_sn-LC {
  min-width: 344px;
  width: 344px;
  padding: 10px 16px;
}
.phoneMode .root_sn-LC .action_-99jq {
  margin-left: 14px;
}
.phoneMode .root_sn-LC .closeIcon_X2ZOc {
  margin-left: 14px;
}

.viewport_ND4Sz {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  overflow: auto;
}
.noScrollBar_aW5bs {
  -ms-overflow-style: none;
}
.noScrollBar_aW5bs::-webkit-scrollbar {
  display: none;
}
.noScroll_yWcN6 {
  touch-action: none;
  -ms-touch-action: none;
}
.listEntry_dg2XB {
  transition: transform 0ms linear 0s;
  opacity: 1;
}
.list_fheq4 {
  width: 100%;
}
.itemRoot_v6Z29 {
  width: 100%;
  transition: transform 0ms linear 0s;
}
.fakeItemContainer_zHrVY {
  position: relative;
  height: 0;
  z-index: 1;
}
.fakeItem_XGqVp {
  position: absolute;
  box-shadow: rgba(5, 0, 56, 0.12) 0px 4px 16px 0px;
  transition: transform 0s linear;
}
.activeEffect_EcqeS {
  box-shadow: rgba(5, 0, 56, 0.12) 0px 4px 16px 0px;
}

.groupPhotoInitiationWrap_P-hxm {
  width: 520px;
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 40px;
}
.groupPhotoInitiationWrap_P-hxm .text1_p3eiH {
  color: #0C1024;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.groupPhotoInitiationWrap_P-hxm .text2_Lq3ZF {
  width: 400px;
  max-width: 100%;
  color: #91939C;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  word-break: break-word;
  margin-top: 4px;
}
.groupPhotoInitiationWrap_P-hxm .imgWrap_X9gVT {
  display: flex;
  flex: 1;
  width: 440px;
  max-width: 100%;
  margin-top: 24px;
  max-height: 276px;
  overflow: hidden;
}
.groupPhotoInitiationWrap_P-hxm .img1_yXNcG {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.groupPhotoInitiationWrap_P-hxm .button1_Iro8X {
  width: 240px;
  max-width: 100%;
  height: 40px;
  margin-top: 24px;
}

.groupPhotoModalMask_If9dW {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 51;
  background-color: rgba(0, 0, 0, 0.45);
}
.groupPhotoModalContainerWrap_qFh2o {
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.groupPhotoModalContainer_Ap1sQ {
  max-width: 100%;
  border-radius: 12px;
  background-color: #FFF;
  position: relative;
}
.closeBtn_g4cnu {
  width: 44px;
  height: 44px;
  padding: 12px;
  border-radius: 2px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.do-hovers .closeBtn_g4cnu:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.06);
}

.groupPhotoResultWrap_l3mik {
  width: 758px;
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.groupPhotoResultWrap_l3mik .header_x6jhM {
  width: 100%;
  height: 82px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.groupPhotoResultWrap_l3mik .header_x6jhM .content1_O8rCQ {
  color: #0C1024;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.groupPhotoResultWrap_l3mik .header_x6jhM .content2_OLVWW {
  color: #91939C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 4px;
}
.groupPhotoResultWrap_l3mik .mainContentWrap_i7Ium {
  width: calc(100% - 80px);
  max-width: 100%;
  max-height: 428px;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px 0;
  overflow: hidden;
}
.groupPhotoResultWrap_l3mik .imagePreview_k9SzX {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 2px;
}
.groupPhotoResultWrap_l3mik .buttonsWrap_JfDaa {
  width: calc(100% - 80px);
  height: 84px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-bottom: 8px;
}
.groupPhotoResultWrap_l3mik .buttonsWrap_JfDaa .btnWrap_SytH9 {
  display: flex;
  flex: 1;
  max-width: 290px;
}
.groupPhotoResultWrap_l3mik .buttonsWrap_JfDaa .downloadBtn_7XbFt,
.groupPhotoResultWrap_l3mik .buttonsWrap_JfDaa .insertBtn_H-z7m {
  flex: 1;
  max-width: 290px;
}
.isMember_Fb5Ow .downloadBtn_7XbFt {
  max-width: 400px;
}

.groupPhotoGeneratingTip_djjHX {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 2px;
  background-color: #424454;
}
.groupPhotoGeneratingTip_djjHX .tipText_yapDx {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.loadingIconMask_OiD7I {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.12);
}
.loadingIconMask_OiD7I .loadingIcon_xZmy5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loadingIcon_xZmy5 {
  width: 26px;
  height: 26px;
  color: #fff;
  animation: loading_bCHwu 1.5s linear infinite forwards;
}
@keyframes loading_bCHwu {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.previewImage_9hB7m {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
}

.groupPhotoPreparationWrap_ALf6m {
  width: 758px;
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.title_UBrgx {
  width: 100%;
  height: 60px;
  padding: 0 40px;
  color: #0C1024;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tabsWrap_DaBoq {
  width: 100%;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 25px;
}
.tabsWrap_DaBoq.disabledTabs_V13he .previewMembersTab_KNs-6,
.tabsWrap_DaBoq.disabledTabs_V13he .previewSelfTab_xEIrJ {
  color: #C2C3C8;
  border-color: #DBDBDE;
  cursor: not-allowed;
}
.tabsWrap_DaBoq.disabledTabs_V13he .previewMembersTab_KNs-6.currentTab_ZoSyj,
.tabsWrap_DaBoq.disabledTabs_V13he .previewSelfTab_xEIrJ.currentTab_ZoSyj {
  color: #ABC7F5;
  border-color: #ABC7F5;
}
.tabsWrap_DaBoq .previewMembersTab_KNs-6,
.tabsWrap_DaBoq .previewSelfTab_xEIrJ {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border: 1px solid #DBDBDE;
  cursor: pointer;
}
.tabsWrap_DaBoq .previewMembersTab_KNs-6.currentTab_ZoSyj,
.tabsWrap_DaBoq .previewSelfTab_xEIrJ.currentTab_ZoSyj {
  font-weight: 600;
  color: #2E73E5;
  border-color: #2E73E5;
}
.tabsWrap_DaBoq .previewMembersTab_KNs-6 {
  border-radius: 4px 0px 0px 4px;
  border-right-color: transparent;
}
.tabsWrap_DaBoq .previewSelfTab_xEIrJ {
  border-radius: 0px 4px 4px 0px;
  border-left-color: transparent;
  margin-left: -1px;
}
.previewWrap_-iY4p {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 4px;
  background-color: #303445;
  position: relative;
  overflow: hidden;
}
.previewWrap_-iY4p .borderStripe_wBsvL {
  width: 100%;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTQgNyIgZmlsbD0ibm9uZSI+DQoJPHJlY3QgeD0iNCIgd2lkdGg9IjYiIGhlaWdodD0iNyIgcng9IjIiIGZpbGw9IiM4RDhGOTkiIGZpbGxPcGFjaXR5PSIwLjQ1IiAvPg0KPC9zdmc+DQo=);
  background-size: 14px 7px;
  background-position: 0 6px;
  background-repeat: repeat-x;
}
.previewWrap_-iY4p .previewContentWrap_I5LuS {
  width: 100%;
  max-height: 400px;
  padding: 0 24px;
  display: flex;
  flex: 1;
  overflow: hidden;
}
.previewWrap_-iY4p .previewContentWrap_I5LuS .previewCombinedUserStream_QAOCn,
.previewWrap_-iY4p .previewContentWrap_I5LuS .previewLocalCamera_ijU5r {
  height: 100%;
  border-radius: 0;
}
.previewWrap_-iY4p .previewContentWrap_I5LuS .previewCombinedUserStream_QAOCn video,
.previewWrap_-iY4p .previewContentWrap_I5LuS .previewLocalCamera_ijU5r video {
  border-radius: 0;
  background-color: transparent;
  background-color: initial;
  max-width: 720px;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 {
  width: 100%;
  height: 66px;
  padding: 6px 40px;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .countDownWrap_fj-t6 {
  width: -moz-max-content;
  width: max-content;
  height: 22px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: #424454;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  position: absolute;
  left: 20px;
  top: 22px;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .startBtn_wkqST {
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 3px solid #ABC7F5;
  background-color: #EAF1FC;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .startBtn_wkqST .startBtnIcon_Gm4SH {
  color: #2E73E5;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .cancelBtn_BTkkb {
  width: 54px;
  height: 54px;
  filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.08));
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .cancelBtn_BTkkb .cancelBtnText_T2ix2 {
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #424454;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  z-index: 2;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .cancelBtn_BTkkb .cancelProgress_CND-5 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: rotate(-90deg);
}
.previewSelf_pSqhb .bottomWrap_4b3A4 {
  width: 100%;
  height: 66px;
  padding: 12px 40px 14px 40px;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.previewSelf_pSqhb .bottomWrap_4b3A4 .bottomInnerWrap_1ZwmW {
  position: relative;
}
.previewSelf_pSqhb .bottomWrap_4b3A4 .openSelfCameraBtn_wMlUf,
.previewSelf_pSqhb .bottomWrap_4b3A4 .closeSelfCameraBtn_m2yY4 {
  width: 400px;
  max-width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.previewSelf_pSqhb .bottomWrap_4b3A4 .openSelfCameraBtn_wMlUf .cameraIcon_Rf4lX,
.previewSelf_pSqhb .bottomWrap_4b3A4 .closeSelfCameraBtn_m2yY4 .cameraIcon_Rf4lX {
  position: relative;
  top: 1px;
}

.deviceCtrlRoot_j-O1t {
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 2px;
}
.deviceCtrlRoot_j-O1t.disabled_kwMfi {
  pointer-events: none;
}
.deviceCtrlRoot_j-O1t.disabled_kwMfi svg,
.deviceCtrlRoot_j-O1t.disabled_kwMfi span {
  color: var(--upime-disable) !important;
}
.deviceCtrlRoot_j-O1t.mini_ViPd5.camera_mwdaS.landscape_DNV72 {
  flex-grow: 1;
}
.deviceCtrlRoot_j-O1t.landscape_DNV72 {
  flex-grow: 2;
  left: 30px;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 {
  flex-direction: column;
  align-items: stretch;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura {
  flex-direction: row;
  padding: 0 16px;
  width: auto;
  height: 40px;
  margin-left: 0;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura > svg {
  margin-right: 8px;
  margin-top: 0;
  width: 24px;
  height: 24px;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura > span {
  font-size: 14px;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura.active_Xb0uW {
  background-color: rgba(0, 0, 0, 0.06);
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura .volume_zSsko {
  left: 28px;
  bottom: 18px;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .micsPanelBox_hRSGu,
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .camsPanelBox_06aum {
  position: absolute;
  background-color: #fff;
  z-index: 1;
  width: 240px;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.iconBox_W5Ura {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  padding: 2px 4px 4px 4px;
  min-width: 36px;
}
.iconBox_W5Ura > svg {
  font-size: 20px;
}
.iconBox_W5Ura.member_-zMgr {
  width: 72px;
}
.iconBox_W5Ura .span_ImkL- {
  line-height: 12px;
  font-size: 10px;
  margin-top: 2px;
  color: #303445;
  white-space: nowrap;
}
.iconBox_W5Ura .volume_zSsko {
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translate(-50%);
  background: #05caae;
  transition: height 0.1s ease;
  border-radius: 4px;
  width: 3px;
}
.iconBox_W5Ura .volume_zSsko.hide_DKGjs {
  display: none;
}
.iconBox_W5Ura.phone_XhjRe {
  width: auto;
  height: auto;
}
.iconBox_W5Ura.phone_XhjRe svg {
  margin-top: 0;
}
.iconBox_W5Ura.phone_XhjRe .volume_zSsko {
  bottom: 12px;
  width: 4px;
}
.iconBox_W5Ura.medium_dhszv,
.iconBox_W5Ura.slim_zHXhh {
  justify-content: center;
  width: 44px;
  height: 44px;
}
.iconBox_W5Ura.medium_dhszv > svg,
.iconBox_W5Ura.slim_zHXhh > svg {
  font-size: 28px;
  margin-top: 0;
  margin-top: initial;
  width: 28px;
  height: 28px;
}
.iconBox_W5Ura.medium_dhszv .volume_zSsko,
.iconBox_W5Ura.slim_zHXhh .volume_zSsko {
  bottom: 20px;
}
.iconBox_W5Ura.nobigScreenMode_pc1V-.slim_zHXhh {
  width: 36px;
  height: 36px;
}
.iconBox_W5Ura.nobigScreenMode_pc1V-.slim_zHXhh > svg {
  font-size: 24px;
  margin-top: 0;
  margin-top: initial;
  width: 24px;
  height: 24px;
}
.iconBox_W5Ura.nobigScreenMode_pc1V-.slim_zHXhh .volume_zSsko {
  bottom: 16px;
}
.mini_ViPd5 .iconBox_W5Ura {
  width: 24px;
  height: 24px;
  min-width: 0;
  min-width: initial;
}
.mini_ViPd5 .iconBox_W5Ura svg {
  font-size: 20px;
}
.mini_ViPd5 .iconBox_W5Ura .volume_zSsko {
  width: 4px;
  bottom: 8px;
}
.devicePanel_uLKBf {
  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_uLKBf .row_7bvFq {
  display: flex;
  flex-direction: row;
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.deviceCtrl_1aU8F {
  border-radius: 2px;
  cursor: pointer;
  padding: 16px 2px;
  display: flex;
  align-items: center;
}
.deviceCtrl_1aU8F > svg {
  color: #91939c;
}
.deviceCtrl_1aU8F.open_Ywa1l {
  background-color: #eaf1fc;
}
.deviceCtrl_1aU8F.open_Ywa1l:hover {
  background-color: #eaf1fc;
}
.deviceCtrl_1aU8F.open_Ywa1l > svg {
  transform-origin: 50% 50%;
  transform: rotate(180deg);
  color: #2e73e5;
}
.do-hovers .iconBox_W5Ura:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .listRoot_zoQFi .row_7bvFq:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .deviceCtrl_1aU8F:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.subWin_LMgs-,
.unavailabeTipContainer_Ml1Uo {
  top: auto !important;
  top: initial !important;
}
.subWin_LMgs-,
.unavailabeTipContainer_Ml1Uo {
  bottom: calc(100% + 6px);
  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);
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
  padding: 0;
}
.subWin_LMgs-.medium_dhszv,
.unavailabeTipContainer_Ml1Uo.medium_dhszv {
  bottom: calc(100% + 12px);
}
.mini_ViPd5 .subWin_LMgs- {
  bottom: 32px;
}
.deniedRoot_n7zB5,
.openFailedTipRoot_3-ene {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
}
.deniedRoot_n7zB5 .title_4UPPE,
.openFailedTipRoot_3-ene .title_4UPPE {
  line-height: 22px;
  font-size: 14px;
  color: var(--upime-main-text);
  font-weight: 600;
}
.deniedRoot_n7zB5 .content_5iu7x,
.openFailedTipRoot_3-ene .content_5iu7x {
  margin-top: 8px;
  line-height: 22px;
  font-size: 14px;
  color: #616371;
  text-wrap: wrap;
}
.deniedRoot_n7zB5 .link_lThK-,
.openFailedTipRoot_3-ene .link_lThK- {
  margin-top: 8px;
  line-height: 22px;
  font-size: 14px;
  color: var(--upime-active);
  cursor: pointer;
}
.deniedRoot_n7zB5 .tipbox_E2iua,
.openFailedTipRoot_3-ene .tipbox_E2iua {
  color: #FFA519;
  font-size: 14px;
  position: relative;
  margin-top: 8px;
}
.deniedRoot_n7zB5 .tipbox_E2iua > svg,
.openFailedTipRoot_3-ene .tipbox_E2iua > svg {
  width: 14px;
  height: 14px;
  color: #FFA519;
  margin-right: 4px;
  margin-top: 3px;
  position: absolute;
}
.deniedRoot_n7zB5 .tipbox_E2iua > span,
.openFailedTipRoot_3-ene .tipbox_E2iua > span {
  margin-left: 18px;
  display: inline-block;
}
.listRoot_zoQFi {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  width: 100%;
}
.listRoot_zoQFi .title_4UPPE {
  font-size: 12px;
  color: var(--upime-second-text);
  line-height: 18px;
  padding: 0 16px;
  margin-bottom: 4px;
}
.listRoot_zoQFi .row_7bvFq {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  cursor: pointer;
  height: 40px;
}
.listRoot_zoQFi .row_7bvFq 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_zoQFi .row_7bvFq span.active_Xb0uW {
  color: var(--upime-active);
}
.listRoot_zoQFi .row_7bvFq svg {
  width: 16px;
  height: 16px;
  color: var(--upime-active);
}
.reachLimitRoot_5fB9j {
  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_5fB9j .triangle_GgY5b {
  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_ViPd5 .reachLimitRoot_5fB9j {
  bottom: 36px;
}
.temp_audio_C8ZQM {
  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;
  flex-direction: column;
  align-items: center;
}
.temp_audio_C8ZQM .volumeWrapper_NoBZe {
  margin-top: 20px;
}
.temp_audio_C8ZQM .temp_audio_desc_RapjR {
  margin-top: 6px;
  color: #ffffff;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}
.mic_tip_-ya-j {
  margin-bottom: 3px;
}
.unavailabeTipContainer_Ml1Uo {
  border-radius: 4px;
  padding: 16px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  font-size: 14px;
  white-space: normal;
  white-space: initial;
}
.unavailabeTipContainer_Ml1Uo .title_4UPPE {
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 8px;
}
.unavailabeTipContainer_Ml1Uo .desc_GtQIc {
  color: #616371;
  line-height: 22px;
  margin-bottom: 8px;
  word-break: break-word;
}
.unavailabeTipContainer_Ml1Uo .action_nIOs0 {
  color: #2e73e5;
  cursor: pointer;
}
.unavailabeTipContainer_Ml1Uo.bigScreen_cKgn- {
  bottom: calc(100% + 10px);
}
.magnifierContainer_xCzU5 {
  position: absolute;
  width: 58px;
  height: 58px;
  border: 1px solid #dbdbdb;
  border-radius: 99px;
  box-shadow: 0px 3px 10px 0px #DBDBDE, 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
  bottom: 3px;
  left: 22px;
  z-index: 2;
  cursor: pointer;
  background-position: -16px -14px;
}
.hide_DKGjs {
  display: none;
}
.micIconBoxHoverTip_OM2Py {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.micIconBoxHoverTip_OM2Py .tipContent_MYBFB {
  width: -moz-max-content;
  width: max-content;
  max-width: 260px;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  word-break: break-word;
}
.micIconBoxHoverTip_OM2Py .tipDivider_OcjWh {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.45);
  margin: 0 8px;
}
.micIconBoxHoverTip_OM2Py .tipCloseBtn_uh-35 {
  pointer-events: all !important;
}
.micIconBoxHoverTip_OM2Py .tipCloseBtn_uh-35 {
  width: 16px;
  height: 16px;
  box-sizing: content-box;
  padding: 2px;
  color: rgba(255, 255, 255, 0.65);
  cursor: pointer;
}

.editor-toolbar_XtjAw {
  position: absolute;
  transform: translate(0, 0);
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0px 4px 16px rgba(5, 0, 56, 0.12);
  pointer-events: auto;
  margin: 0;
  cursor: pointer;
  z-index: 999;
}
.property-editors_1NatR,
.property-editor_aeIA6 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.draggableWrapper_TZBPA {
  position: absolute;
}
.dragIcon_3GQgr {
  height: 50px;
  width: 26px;
  background-color: #f5f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dragIcon_3GQgr > svg {
  font-size: 24px;
  color: #91939c;
}
.dragIcon_3GQgr:hover {
  background-color: #ececee;
}
.property-editor_aeIA6 {
  position: relative;
  padding: 0 8px;
  color: #303445;
  width: -moz-max-content;
  width: max-content;
}
.property-editor_aeIA6.cloneIconBtn_M90sR {
  padding-right: 0;
}
.property-editor_aeIA6.cloneIconBtn_M90sR + .delIconBtn_gxUOZ {
  padding-left: 0;
}
.property-editor_aeIA6.hideFrameBtn_i772N {
  margin-left: -8px;
}
.property-editor_aeIA6.collapseRight_3AkU4 {
  margin-right: -16px;
}
.property-editor_aeIA6 .subwindow_box_6M5Mk {
  height: 100%;
}
.property-editor_aeIA6 .subwindow_box_6M5Mk::-webkit-scrollbar {
  width: 4px;
}
.property-editor_aeIA6 .subwindow_box_6M5Mk::-webkit-scrollbar-thumb {
  background-color: #c2c3c8;
  border-radius: 2px;
}
.property-editor_aeIA6 .subwindow_box_6M5Mk::-webkit-scrollbar-track {
  background-color: #fff;
}
.split-line_VKRne {
  width: 1px;
  height: 50px;
  background-color: #e6e6e6;
}
@media screen and (max-width: 768px) {
  .split-line_VKRne {
    height: 20px;
  }
}
.split-line_VKRne:last-of-type {
  display: none;
}
.more-ctrl_9QroO {
  height: 40px;
  margin: 5px 0;
  color: #717171;
}
.do-hovers .more-ctrl_9QroO:hover {
  background: var(--upime-btn-bg-hover);
}
.sub-win_QZwrY {
  position: absolute;
  border-radius: 2px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
  top: calc(100% + 1px);
  left: 0;
}
.sub-win_QZwrY.center_EQYUg {
  left: 50%;
  transform: translateX(-50%);
}
.sub-win_QZwrY.right_eTU8R {
  left: auto;
  left: initial;
  right: 0;
}
.editor-toolbar_XtjAw .sub-win_QZwrY {
  z-index: 10;
}
.ctrl-list_zHPJB {
  padding: 8px 0;
  overflow: hidden;
  height: 100%;
  overflow-x: hidden;
}
.ctrl-list_zHPJB::-webkit-scrollbar {
  width: 4px;
}
.ctrl-list_zHPJB::-webkit-scrollbar-thumb {
  background-color: #c2c3c8;
  border-radius: 2px;
}
.ctrl-list_zHPJB::-webkit-scrollbar-track {
  background-color: #fff;
}
.divider_oiXkM {
  height: 1px;
  background-color: #e6e7e9;
  margin: 8px auto;
}
.ctrl-option_NbQwD {
  min-width: 200px;
  white-space: nowrap;
  height: 36px;
  padding: 0 12px 0 16px;
  color: #0c1024;
  font-size: 14px;
  line-height: 38px;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ctrl-option_NbQwD.disabled_etWlA {
  color: var(--upime-disable) !important;
  background: white !important;
}
.ctrl-option_NbQwD.disabled_etWlA {
  cursor: not-allowed;
}
.ctrl_option_shortCut_JtnA- {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.do-hovers .ctrl-option_NbQwD:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.unFrozenRoot_1VwVd {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.unFrozenRoot_1VwVd .unFrozenContainer_exJnx {
  position: relative;
  min-width: 128px;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #979797;
}
.unFrozenRoot_1VwVd .unFrozenContainer_exJnx .background_WO3IJ {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0.1;
  background-color: grey;
}
.unFrozenRoot_1VwVd .unFrozenContainer_exJnx span {
  margin-left: 8px;
  font-size: 14px;
  line-height: 22px;
}
.unFrozenRoot_1VwVd .unFrozenContainer_exJnx .cover_KWInY {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.unFrozenRoot_1VwVd .triangle_kPOr5 {
  height: 40px;
  width: 16px;
  position: relative;
  margin-right: 8px;
  border-radius: 4px;
}
.unFrozenRoot_1VwVd .triangle_kPOr5 > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 4px solid var(--upime-main-text);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: none;
}
.unFrozenRoot_1VwVd .triangle_kPOr5.active_4rGjH {
  background-color: var(--upime-btn-bg-hover);
}
.unFrozenRoot_1VwVd .expandPanel_vuynD {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  min-width: 250px;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .row_l7MPh {
  width: 100%;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 0px 16px;
  padding-right: 48px;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .row_l7MPh > span {
  font-size: 14px;
  color: var(--upime-main-text);
  line-height: 20px;
  white-space: nowrap;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .row_l7MPh > svg {
  color: var(--upime-active);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 16px;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .title_FAn9X {
  margin-left: 16px;
  font-size: 12px;
  color: #91939c;
  align-self: flex-start;
  padding-top: 8px;
  padding-bottom: 4px;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .dividerLine_zCxxY {
  width: 100%;
  height: 1px;
  background-color: #e6e7e9;
  margin: 8px 0px;
}
.unFrozenRoot_1VwVd .disableIconCon_O0CqU {
  width: 40px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
}
.unFrozenRoot_1VwVd .disableIconCon_O0CqU svg {
  width: 24px;
  height: 24px;
  color: #979797;
}
.longPressAnimation_y-fE6 {
  animation: longPress_tyDlM 0.6s;
  animation-timing-function: linear;
}
@keyframes longPress_tyDlM {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.lockContainer_dSdjU {
  display: flex;
  align-items: center;
  position: relative;
}
.lockContainer_dSdjU .lockIcon_B7S92 {
  color: #303445;
  padding-right: 0px;
}
.lockContainer_dSdjU .lockIconMoreTriangle_U8Rok {
  display: flex;
  align-items: center;
  padding: 16px 4px;
  border-radius: 2px;
  cursor: pointer;
  margin-right: 8px;
}
.lockContainer_dSdjU .lockIconMoreTriangle_U8Rok.active_4rGjH {
  background-color: var(--upime-btn-bg-hover);
}
.lockContainer_dSdjU .expandPanel_vuynD {
  height: 96px;
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.lockContainer_dSdjU .expandPanel_vuynD .row_l7MPh {
  width: 100%;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 0px 16px;
}
.lockContainer_dSdjU .expandPanel_vuynD .row_l7MPh > span {
  font-size: 14px;
  color: var(--upime-main-text);
  line-height: 20px;
  white-space: nowrap;
}
.lockContainer_dSdjU .expandPanel_vuynD .row_l7MPh > svg {
  color: var(--upime-active);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  left: 16px;
}
.publishContainer_jy6ny {
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 8px;
  gap: 6px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.do-hovers .lockIconMoreTriangle_U8Rok:hover {
  background-color: var(--upime-btn-bg-hover);
}
.alignRoot_dt8eJ {
  padding: 8px;
  display: flex;
  flex-direction: row;
}
.alignRoot_dt8eJ .left_GDic3 {
  display: flex;
  width: 120px;
  height: 80px;
  flex-wrap: wrap;
}
.alignRoot_dt8eJ .right_eTU8R {
  width: 40px;
  height: 80px;
}
.alignRoot_dt8eJ .divider_oiXkM {
  height: 68px;
  align-self: center;
  width: 1px;
  background: var(--upime-divider-bg);
  margin-left: 8px;
  margin-right: 8px;
}
.alignRoot_dt8eJ .iconCon_nauwf {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alignRoot_dt8eJ .iconCon_nauwf.disabled_etWlA {
  pointer-events: none;
  opacity: 0.4;
}
.aiIconWrapper_bV3UM {
  position: relative;
}
.aiIconWrapper_bV3UM .aiIconContainer_XxKmu {
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aiIconWrapper_bV3UM .aiOptionPhoneWrapper_measu {
  transform: translateX(-12px);
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 {
  min-width: 200px;
  max-height: 546px;
  overflow: auto;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6::-webkit-scrollbar {
  width: 4px;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionGroup_7ZyaO {
  border-bottom: 1px #e6e7e9 solid;
  padding: 8px 0;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionGroup_7ZyaO:last-child {
  border-bottom: none;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiIconTip_10PCp {
  margin-left: -9px;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-size: 14px;
  height: 40px;
  padding: 0 12px 0 16px;
  color: rgba(12, 16, 36, 0.8);
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1:hover {
  background-color: #f5f6f6;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1.noHover_zmui8:hover {
  background-color: transparent;
  background-color: initial;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1.disabled_etWlA {
  cursor: not-allowed !important;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1.disabled_etWlA {
  opacity: 0.5;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1.disabled_etWlA:hover {
  background-color: transparent;
  background-color: initial;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .aiOptionIcon_gy7Mf {
  transform: translateY(1px);
  color: #0c1024;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .arrow_ZxzDN {
  width: 14px;
  opacity: 0.8;
  margin-left: auto;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .buttonOption_olPEM {
  width: 100%;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  background: #fff;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .buttonOption_olPEM:hover {
  background-color: #f5f6f6;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .buttonOption_olPEM.disabled_etWlA {
  opacity: 0.5;
  cursor: not-allowed;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .buttonOption_olPEM.disabled_etWlA:hover {
  background-color: #fff;
}
.childrenOptionContainer_J78EG {
  width: 90px;
  padding: 8px 0;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  color: rgba(12, 16, 36, 0.8);
  font-size: 12px;
}
.childrenOptionContainer_J78EG .childRow_QjCpo {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-size: 14px;
  height: 40px;
  padding: 0 16px;
  overflow: hidden;
  padding-left: 16px;
  cursor: pointer;
}
.childrenOptionContainer_J78EG .childRow_QjCpo:hover {
  background-color: #f5f6f6;
}
.do-hovers .alignRoot_dt8eJ .iconCon_nauwf:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .expandPanel_vuynD .row_l7MPh:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .unFrozenRoot_1VwVd .triangle_kPOr5:hover {
  background-color: var(--upime-btn-bg-hover);
}
.phoneToolbarEditorContainer_irqoH {
  --paddingY: 12px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 0 12px var(--paddingY);
  top: 0;
  z-index: 999;
  justify-content: center;
  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));
}
.phoneToolbarEditorContainer_irqoH.pwa_pRYMa {
  --paddingY: 32px;
}
.phoneToolbarEditorContainer_irqoH.miniprogram_ZPCSv {
  --paddingY: 34px;
}
.phoneToolbarEditorContainer_irqoH.inMetting_AanXt {
  transform: translateY(-70px);
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM {
  max-width: 100%;
  border-radius: 4px;
  background-color: white;
  pointer-events: all;
  position: relative;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .phoneToolBarInner_ELDCk {
  display: flex;
  height: 50px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .extraBtWrapper_9INm9 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 40px;
  overflow: hidden;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 0 4px 4px 0;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .extraBtWrapper_9INm9.hide_Rxc9z {
  transform: translateX(100%);
  opacity: 0;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .extraBtWrapper_9INm9 .extraBtContainer_u2Z3Z {
  background-color: white;
  position: relative;
  display: flex;
  align-items: center;
  pointer-events: all;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .extraBtWrapper_9INm9 .extraBtContainer_u2Z3Z::after {
  content: "";
  width: 10px;
  height: 200%;
  position: absolute;
  left: -8px;
  top: -10px;
  background: white;
  box-shadow: -6px 0px 8px 0px rgba(0, 0, 0, 0.08);
  transform: rotate(6deg);
}
.shadowBar_wEONU {
  z-index: 400;
  position: fixed;
  box-shadow: 0px 4px 16px rgba(5, 0, 56, 0.12);
}
.shadowBar_wEONU .phoneToolbarSubWindowEditorContainer_ldl8H {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(50px + 8px);
}
.menu-phone-container_jA9II .menu_phone_row_R7C-J {
  height: 54px;
  text-align: center;
  line-height: 54px;
}
.menu-phone-container_jA9II .menu_phone_row_R7C-J.danger_7PWpC {
  color: var(--upime-danger);
}
.rotateTipContainer_S81GH {
  position: fixed;
  z-index: 1;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.65);
  transform: translateY(-100%);
  color: white;
  white-space: nowrap;
}
.shortcut_container_1KIUz {
  color: #424454;
}
.shortcut_container_1KIUz.disabled_etWlA {
  color: var(--upime-disable) !important;
}
.aiEntityImg_L40ac {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.aiEntityImg_L40ac img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.optionLabel_rStsj {
  max-width: 178px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.subWindow_7ZeUX {
  transition: opacity 0.3s;
}
.moreCtrlSubPanelContainer_61w0J.showing {
  opacity: 1 !important;
}
.moreCtrlSubPanelContainer_61w0J.showing {
  background-color: #f5f6f6;
}
.moreCtrlSubPanelButton_FMU2Y {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.moreCtrlSubPanelButton_FMU2Y .icon_XMwDk {
  width: 14px;
  height: 14px;
}
.moreCtrlCommonExportPanel_C54D- {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  width: 150px;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.moreCtrlCommonExportPanel_C54D- .fileTypeWrap_rlEzo {
  width: 100%;
  height: 36px;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.moreCtrlCommonExportPanel_C54D- .fileTypeWrap_rlEzo .fileType_CVlYG {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.do-hovers .fileTypeWrap_rlEzo:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.commonExportingToast_SbBTE {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.commonExportingToast_SbBTE .loadingIcon_7-wFz {
  width: 20px;
  height: 20px;
  color: #fff;
  animation: loading_lRhiT 1.5s linear infinite forwards;
}
.commonExportingToast_SbBTE .content_r1mvT {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
@keyframes loading_lRhiT {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.downloadMenuButtonsWrap_3iIF9 {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.downloadMenuButtonsWrap_3iIF9 .downloadWithComments_sGGbM,
.downloadMenuButtonsWrap_3iIF9 .downloadOrigin_Cq1hW {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.do-hovers .downloadMenuButtonsWrap_3iIF9 .downloadWithComments_sGGbM:hover,
.do-hovers .downloadMenuButtonsWrap_3iIF9 .downloadOrigin_Cq1hW:hover {
  background-color: var(--upime-btn-bg-hover);
}
.testAgentFlowTagMask_rcUEf {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.45);
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt {
  width: 600px;
  padding: 24px;
  background-color: white;
  border-radius: 4px;
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt .tagRow_9qi6n {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt .tagRow_9qi6n div:first-child {
  width: 320px;
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt .tagRow_9qi6n code {
  margin-left: 8px;
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt .tagRow_9qi6n .tip_PibC0 {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}

.circle_6qwy5 {
  stroke-dasharray: 160;
  stroke-dashoffset: 320;
  animation: countdown_6iWw7 var(--duration) linear forwards;
}
@keyframes countdown_6iWw7 {
  from {
    stroke-dashoffset: 320;
  }
  to {
    stroke-dashoffset: 160;
  }
}

.selectCountDownDurationWrap_MAver {
  height: 22px;
  padding: 0px 3px;
  border-radius: 2px;
  position: relative;
}
.selectCountDownDurationWrap_MAver.showingList_Kc4U7 {
  background-color: rgba(0, 0, 0, 0.06);
}
.selectCountDownDurationWrap_MAver .innerWrap_hMUdf {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #2E73E5;
  font-weight: 600;
}
.do-hovers .selectCountDownDurationWrap_MAver:hover {
  background-color: rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.optionsListWrap_Dr5ou {
  width: 120px;
  display: flex;
  flex-direction: column;
  padding: 8px 0px;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  top: auto;
  top: initial;
  bottom: calc(100% + 6px);
  left: 0;
  z-index: 2;
  cursor: default;
}
.optionsListWrap_Dr5ou .optionWrap_FY6ve {
  width: 100%;
  height: 40px;
  min-width: 120px;
  padding: 0px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #0C1024;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.optionsListWrap_Dr5ou .optionWrap_FY6ve.selected_l8-P8 {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .optionWrap_FY6ve:hover {
  background-color: rgba(0, 0, 0, 0.06);
  cursor: pointer;
}

.selfVideoPreviewForHostWrap_wV5AC {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.55);
}
.selfVideoPreviewForHostWrap_wV5AC .innerWrap_GvUoX {
  width: 486px;
  height: 273px;
  border-radius: 8px;
  border: 1px solid #FFF;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 28px 4px rgba(0, 0, 0, 0.16);
  position: relative;
  background-color: #424454;
}
.selfVideoPreviewForHostWrap_wV5AC .previewVideoWrap_7Ptqd {
  border-radius: 8px;
}
.selfVideoPreviewForHostWrap_wV5AC .previewVideoWrap_7Ptqd video {
  border-radius: 8px;
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 .selfName_tqVpm {
  padding: 2px 4px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  height: 22px;
  max-width: 196px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFF;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  left: 8px;
  bottom: 8px;
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 .countDownNumber_P0jAJ {
  width: 100%;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  font-size: 136px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 .toggleCameraBtn_Ve99X {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  right: 10px;
  bottom: 12px;
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 .toggleCameraBtn_Ve99X .btnIcon_w2-SW {
  color: #fff;
}
.do-hovers .toggleCameraBtn_Ve99X:hover {
  cursor: pointer;
}

.previewVideoWrap_O-zk4 {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  position: relative;
}
.previewVideo_k1y5R {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
  background-color: #000;
}

.previewAvatarWrap_LrjNp {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
}
.previewAvatarWrap_LrjNp .previewAvatar_6pWJ9 {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}

.groupPhotoPreparationWrap_YYzcW {
  width: 758px;
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.title_NnFX8 {
  width: 100%;
  height: 60px;
  padding: 0 40px;
  color: #0C1024;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.previewWrap_p7mMI {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #303445;
  overflow: hidden;
  position: relative;
}
.previewWrap_p7mMI .borderStripe_xASOY {
  width: 100%;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTQgNyIgZmlsbD0ibm9uZSI+DQoJPHJlY3QgeD0iNCIgd2lkdGg9IjYiIGhlaWdodD0iNyIgcng9IjIiIGZpbGw9IiM4RDhGOTkiIGZpbGxPcGFjaXR5PSIwLjQ1IiAvPg0KPC9zdmc+DQo=);
  background-size: 14px 7px;
  background-position: 0 6px;
  background-repeat: repeat-x;
}
.previewWrap_p7mMI .previewContentWrap_9I18G {
  width: 100%;
  max-height: 400px;
  padding: 0 24px;
  display: flex;
  flex: 1;
  overflow: hidden;
}
.previewWrap_p7mMI .previewContentWrap_9I18G .previewLocalCamera_FWmN9 {
  border-radius: 0;
}
.previewWrap_p7mMI .countDownNumber_9ooM4 {
  width: 100%;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  font-size: 150px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.bottomWrap_l--2y {
  width: 100%;
  height: 80px;
  padding: 0 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.bottomWrap_l--2y .bottomInnerWrap_MLcEP {
  position: relative;
}
.bottomWrap_l--2y .openSelfCameraBtn_rgn5W,
.bottomWrap_l--2y .closeSelfCameraBtn_GeFRU {
  width: 400px;
  max-width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.bottomWrap_l--2y .openSelfCameraBtn_rgn5W .cameraIcon_2JKvZ,
.bottomWrap_l--2y .closeSelfCameraBtn_GeFRU .cameraIcon_2JKvZ {
  position: relative;
  top: 1px;
}

.groupPhotoPreparationWrap_U4MCZ {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
}
.groupPhotoPreparationWrap_U4MCZ.isLandscape_ZEGTQ {
  padding-top: 16px;
}
.groupPhotoPreparationWrap_U4MCZ .title_xHPgv {
  color: #0C1024;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding: 0 20px;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 24px 0;
  padding: 0 20px;
  overflow: auto;
  font-size: 0;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO {
  width: 100%;
  height: 161px;
  display: flex;
  flex-shrink: 0;
  border: 1px solid #000;
  border-radius: 4px;
  position: relative;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .previewAvatarWrap_DQrvl {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #424454;
  border-radius: 3px;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .previewAvatarWrap_DQrvl .previewAvatar_Fs4j- {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  outline: none;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .previewVideoWrap_sZ2q1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #424454;
  border-radius: 3px;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .previewVideoWrap_sZ2q1 .previewVideo_MemmN {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  outline: none;
  border-radius: 3px;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .countDownWrap_QS0uC {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .countDownWrap_QS0uC .countDownNumber_0PnWe {
  width: 100%;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.groupPhotoPreparationWrap_U4MCZ .bottomBtn_D4gyR {
  width: 100%;
  color: #2E73E5;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  padding: 12px 0;
  border-top: 1px solid #E6E7E9;
}

.groupPhotoModalMask_vvxY2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.45);
}
.groupPhotoModalContainerWrap_bhMnr {
  width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.groupPhotoModalContainer_lVBAl {
  max-width: 100%;
  border-radius: 8px;
  background-color: #FFF;
  position: relative;
}
.closeBtn_Pcgpg {
  width: 44px;
  height: 44px;
  padding: 12px;
  border-radius: 2px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.contentContainer_zQqk2 {
  width: 328px;
  max-width: 100%;
  height: 100%;
}

.groupPhotoResultWrap_NeHv4 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
}
.groupPhotoResultWrap_NeHv4.isLandscape_Cwf-H {
  padding-top: 16px;
}
.groupPhotoResultWrap_NeHv4 .title_Pv8sb {
  color: #0C1024;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding: 0 20px;
}
.groupPhotoResultWrap_NeHv4 .mainContentWrap_HNgp1 {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 24px 0;
  padding: 0 20px;
  position: relative;
  overflow: auto;
}
.groupPhotoResultWrap_NeHv4 .mainContentWrap_HNgp1 .imagePreview_szbXQ {
  width: 100%;
  height: 161px;
  display: flex;
  flex-shrink: 0;
}
.groupPhotoResultWrap_NeHv4 .mainContentWrap_HNgp1 .loadingTipWrap_LHz66 {
  width: 100%;
  height: 161px;
}
.groupPhotoResultWrap_NeHv4 .mainContentWrap_HNgp1 .longPressDownloadTip_uSXcP {
  position: absolute;
  top: 100px;
  bottom: auto;
  bottom: initial;
}
.groupPhotoResultWrap_NeHv4 .bottomBtn_xyEhQ {
  width: 100%;
  color: #2E73E5;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  padding: 12px 0;
  border-top: 1px solid #E6E7E9;
}
.groupPhotoResultWrap_NeHv4 .bottomBtn_xyEhQ.disabledBtn_h-zcM {
  color: #C2C3C8;
}

.cm_item_KX-Lz {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_KX-Lz.disabled_U7zeH {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_KX-Lz.autoWidth_qcxU8 {
  width: auto;
  min-width: 40px;
}
.icon_box_Mdq-Z {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_Mdq-Z.active_2jwdj {
  color: var(--upime-active);
}
.bling_item_opt75 {
  opacity: 0.8;
}
.hidden_uS863 {
  visibility: hidden !important;
}
.hidden_all_W3CIK {
  visibility: hidden !important;
}
.hidden_all_W3CIK * {
  visibility: hidden !important;
}
.show_all_G6TqL {
  visibility: visible !important;
}
.show_all_G6TqL * {
  visibility: visible !important;
}
.pane_L5uJ6 {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_XjIEm {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_6EcVh {
  visibility: hidden;
  opacity: 0;
  animation: show_XjIEm 0.5s forwards;
}
@keyframes show_scale_-GVCW {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_-GVCW {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_-GVCW 0.3s forwards;
}
.show_scale_-GVCW.right_zlYxi {
  transform-origin: left center;
}
.show_scale_-GVCW.left_slWUA {
  transform-origin: right center;
}
.show_scale_-GVCW.bottom_zhizg {
  transform-origin: center top;
}
.show_scale_-GVCW.top_X9Q4R {
  transform-origin: center bottom;
}
.show_scale_-GVCW.left_top_yTk-9 {
  transform-origin: right top;
}
.show_scale_-GVCW.top_left_q8YZ1 {
  transform-origin: bottom left;
}
.show_scale_-GVCW.bottom_left_VZ-4G {
  transform-origin: top left;
}
.show_scale_-GVCW.top_right_mBEZx {
  transform-origin: bottom right;
}
.show_scale_-GVCW.bottom_right_1nks1 {
  transform-origin: top right;
}
.show_scale_-GVCW.right_top_R-Cd9 {
  transform-origin: left top;
}
.show_scale_-GVCW.right_bottom_z6c13 {
  transform-origin: left bottom;
}
.show_scale_-GVCW.left_bottom_hdYSf {
  transform-origin: right bottom;
}
.btn_style_gczpK {
  cursor: pointer;
}
.btn_style_gczpK:active,
.btn_style_gczpK.on_oULIm {
  color: var(--upime-active);
}
.btn_style_gczpK.disabled_U7zeH {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_yPcIT {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_Mdq-Z:hover {
  opacity: 1;
}
.do-hovers .bling_item_opt75:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_gczpK:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_yPcIT:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_s-p9R:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_cVq8E:hover {
  color: var(--upime-main-text);
}
.rotateY180_pcKqc {
  transform: rotateY(180deg);
}
.titleIcon_s-p9R {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_s-p9R.active_2jwdj {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_s-p9R.active_2jwdj {
  color: var(--upime-active);
}
.moreIcon_cVq8E {
  cursor: pointer;
}
.moreIcon_cVq8E svg {
  color: #303445;
}
.moreIcon_cVq8E.active_2jwdj svg {
  color: var(--upime-main-text);
}
@keyframes loading_IDK-U {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_mBVPM {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_IDK-U 1s linear infinite forwards;
}
.AIButtonContainer_YPn82 {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_YPn82.transparent_iNiWj {
  opacity: 0;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3 {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3.AIShow_RMyj5 {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3.AIHide_VmpCR {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3.AIButtonHover_lzqU1:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3.AIButtonDisabled_lLkXX {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3 .AIButtonImage_Fm6oy {
  width: 32px;
  height: 32px;
}
.sub_win_container_YdIcb {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_YdIcb::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_YdIcb::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_YdIcb::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_YdIcb .sub_win_child_wrapper_KLmMA:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_YdIcb .sub_win_child_wrapper_KLmMA:not(:first-child) .sub_win_child_moaxT {
  padding-top: 0;
}
.sub_win_flexalbe_container_QUNHk {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_QUNHk * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm:not(:first-child) .flexable_scroll_inner_td8yh {
  padding-top: 0px;
}
.phoneMode .sub_win_container_YdIcb {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_QUNHk {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_C5qgm {
  animation: safariUpdate_dReh2 0.1s forwards;
}
.safariOn .sub_win_container_YdIcb {
  animation: safariUpdate_dReh2 0.1s forwards;
}
@keyframes safariUpdate_dReh2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_97U0K {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_97U0K .noColorStylePart_q-wjn + .noColorStylePart_q-wjn {
  margin-top: 8px;
}
.noColorStyleContainer_97U0K .partlabel_uyPW6 {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_97U0K .partlabel_uyPW6.disabled_U7zeH {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_YdIcb,
.phoneMode .sub_win_flexalbe_container_QUNHk {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_YdIcb .flexable_scroll_wrapper_C5qgm:not(:first-child),
.phoneMode .sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_97U0K {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_97U0K .noColorStylePart_q-wjn + .noColorStylePart_q-wjn {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_97U0K .partlabel_uyPW6 {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.nextImageViewerContainer_pfenu {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.nextImageViewerContainer_pfenu .closeIconContainer_4c1Xu {
  position: absolute;
  right: 24px;
  top: 24px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.45);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  color: white;
  padding: 8px;
  z-index: 200;
}
.nextImageViewerContainer_pfenu .imageContainer_V-hY6 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
.nextImageViewerContainer_pfenu .imageContainer_V-hY6 .imageInner_pul4O {
  position: absolute;
}
.nextImageViewerContainer_pfenu .imageContainer_V-hY6 .imageInner_pul4O .imageObj_jZ4u7 {
  width: 100%;
  height: 100%;
}
.nextImageViewerContainer_pfenu .imageContainer_V-hY6 .imageInner_pul4O .imageObj_jZ4u7 > svg {
  width: 100%;
  height: 100%;
}
.viewControlBar_Ck7KQ {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  max-width: 95vw;
  overflow: auto;
  display: flex;
  align-items: center;
  padding: 4px;
  height: 44px;
  gap: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.45);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  color: white;
  z-index: 200;
  -ms-overflow-style: none;
}
.viewControlBar_Ck7KQ::-webkit-scrollbar {
  display: none;
}
.viewControlBar_Ck7KQ .scaleContainer_3QmA- {
  display: flex;
  align-items: center;
}
.viewControlBar_Ck7KQ .scaleContainer_3QmA- .scaleText_sSntk {
  min-width: 50px;
  text-align: center;
  font-family: Inter;
}
.viewControlBar_Ck7KQ .iconBox_ZasST {
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.viewControlBar_Ck7KQ .iconBox_ZasST.disabled_U7zeH {
  color: rgba(255, 255, 255, 0.25);
}
.phoneMode .viewControlBar_Ck7KQ {
  bottom: 34px;
}
.rotate_Fp200 {
  transform: rotate(180deg);
}
.pagination_Shh8o {
  display: flex;
  align-items: center;
  gap: 8px;
}
.divider_45X-C {
  width: 1px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.25);
}
.btGroupContainer_QRMj8 {
  padding: 0 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.do-hovers .hover_4Ek3m {
  cursor: pointer;
}
.do-hovers .iconBox_ZasST:not(.disabled_U7zeH):hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.08);
}
.cutMaskContainer_Phh1b {
  position: absolute;
  pointer-events: none;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cutMaskContainer_Phh1b.withEvent_Vdyrn {
  pointer-events: all;
}
.cutMaskContainer_Phh1b .opacityContainer_jmN4E {
  opacity: 0.45;
}
.cutMaskContainer_Phh1b .cutMask_wOchO {
  position: absolute;
  background-color: white;
}
.cutMaskContainer_Phh1b .cutBox_gSzDO {
  position: absolute;
  border: 2px dashed #5d98fc;
  cursor: move;
  pointer-events: all;
}
.cutMaskContainer_Phh1b .cutBox_gSzDO .dragBox_lOdVo {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid #a9a9a9;
  background: #fff;
}
.cutMaskContainer_Phh1b .cutBox_gSzDO .dragBox_lOdVo.touch_Lgr-o {
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 1px solid transparent;
}
.cutMaskContainer_Phh1b .cutBox_gSzDO .dragBox_lOdVo.touch_Lgr-o::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 8px;
  height: 8px;
  border: 1px solid #a9a9a9;
  background: #fff;
}
.pageText_i240s {
  min-width: 34px;
  text-align: center;
}
.tipContainer_nEdQw {
  top: 40px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  border-radius: 4px;
  background-color: #000;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 2200;
  position: fixed;
  pointer-events: none;
}
.bgDropFix_Zp8Ho {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  position: fixed;
  left: 0;
  right: 0;
  width: 20px;
  height: 20px;
  z-index: -1;
}

.skeleton_FVsap {
  position: relative;
  width: 100%;
  height: 100%;
  background: #F0F0F0;
}
.leftTop_bDGFr,
.rightTop_ctWDt,
.leftCenter_GKEfq,
.leftBottom_DmTEd,
.centerBottom_cHfdJ,
.rightBottom_94LGe {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 8px;
}
.leftTop_bDGFr {
  left: 8px;
  top: 8px;
}
.rightTop_ctWDt {
  right: 8px;
  top: 8px;
}
.leftCenter_GKEfq {
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  flex-direction: column;
}
.leftBottom_DmTEd {
  position: absolute;
  left: 8px;
  bottom: 8px;
}
.centerBottom_cHfdJ {
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
}
.rightBottom_94LGe {
  right: 8px;
  bottom: 8px;
}
.toolbar_NcDj5,
.toolbar_v_AehSI,
.toolbox_pb7e- {
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.toolbar_NcDj5 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 10px;
  height: 44px;
}
.toolbar_v_AehSI,
.toolbar_v2_LWNW4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 12px 0;
  width: 48px;
}
.toolbar_v_overflow_hidden_n62op {
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.toolbox_pb7e- {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
}
.skeleton_FVsap [class*="btn_"] {
  height: 24px;
  border-radius: 4px;
}
.skeleton_FVsap [class*="circle_"] {
  border-radius: 50%;
}
.split_aaUgj {
  width: 1px;
  height: 24px;
  background: #F0F0F0;
}
.split_v_veB-G {
  width: 28px;
  height: 1px ;
  background: #F0F0F0;
}
.common_jRHN7 .btn_24_UH3ZH {
  width: 24px;
}
.common_jRHN7 .btn_44_sXwMc {
  width: 44px;
}
.common_jRHN7 .btn_53_C7-Xl {
  width: 53px;
}
.common_jRHN7 .btn_109_1PFR4 {
  width: 109px;
}
.common_jRHN7 .circle_28_HAkYe {
  width: 28px;
  height: 28px;
}
.skeleton_FVsap.bigScreen_mQavX [class*="btn_"] {
  height: 32px;
}
.skeleton_FVsap.bigScreen_mQavX .btn_32_HYgZO {
  width: 32px;
}
.skeleton_FVsap.bigScreen_mQavX .btn_58_-SNRP {
  width: 58px;
}
.skeleton_FVsap.bigScreen_mQavX .circle_36_8Isdm {
  width: 36px;
  height: 36px;
}
.skeleton_FVsap.bigScreen_mQavX .toolbar_NcDj5 {
  padding: 0 12px;
  height: 56px;
}
.skeleton_FVsap.phone_BCjmx [class*="btn_"] {
  height: 26px;
  border-radius: 99px;
}
.skeleton_FVsap.phone_BCjmx .btn_71_MDfPE {
  width: 71px;
}
.skeleton_FVsap.phone_BCjmx .btn_106_pkn6d {
  width: 106px;
}
.skeleton_FVsap.phone_BCjmx .circle_26_LbcrX {
  width: 26px;
  height: 26px;
}
.skeleton_FVsap.phone_BCjmx .vBtn_66_xQa6x {
  width: 26px;
  height: 66px;
  border-radius: 99px;
}
.skeleton_FVsap.phone_BCjmx .toolbar_NcDj5 {
  height: 44px;
  padding: 0 9px;
  gap: 9px;
  border-radius: 99px;
}
.skeleton_FVsap.phone_BCjmx .toolbar_v_AehSI {
  width: 44px;
  padding: 9px;
  gap: 9px 0;
  border-radius: 99px;
}
.skeleton_FVsap.phone_BCjmx .leftTop2_l80bF {
  position: absolute;
  left: 8px;
  top: 64px;
}
.skeleton_FVsap.phone_BCjmx .leftBottom_DmTEd {
  bottom: 12px;
}
.skeleton_FVsap.phone_BCjmx .leftBottom_DmTEd.fitBottom_Jw8-s {
  bottom: 42px;
}
.skeleton_FVsap.phone_BCjmx .leftBottom_DmTEd .toolbar_v_AehSI {
  width: 40px;
  padding: 8px 0;
  gap: 8px;
}
.skeleton_FVsap.phone_BCjmx .rightBottom_94LGe {
  bottom: 12px;
}
.skeleton_FVsap.phone_BCjmx .rightBottom_94LGe.fitBottom_Jw8-s {
  bottom: 42px;
}
.skeleton_FVsap.phone_BCjmx .rightBottom_94LGe .toolbox_pb7e- {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.serial_GmlAd .btn_UE55f {
  background: linear-gradient(90deg, #F0F0F0 25%, rgba(0, 0, 0, 0.15) 45%, #F0F0F0 65%);
  background-size: var(--total) 100%;
  background-position: var(--start) 50%;
}
.serial_GmlAd.active_bUa7g .btn_UE55f {
  animation-name: serialAnimation_iHO-G;
  animation-duration: 1.8s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
@keyframes serialAnimation_iHO-G {
  0% {
    background-position: var(--start) 50%;
  }
  100% {
    background-position: var(--end) 50%;
  }
}
.parallel_2KMs- .btn_UE55f {
  background: linear-gradient(90deg, #F0F0F0 25%, rgba(0, 0, 0, 0.15) 45%, #F0F0F0 65%);
  background-size: 400% 100%;
  background-position: 100% 50%;
}
.parallel_2KMs-.active_bUa7g .btn_UE55f {
  animation-name: parallelAnimation_2Cndg;
  animation-duration: 1.8s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
@keyframes parallelAnimation_2Cndg {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.syncAreaMaskWrap_iC-uV {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  pointer-events: none;
}
.syncAreaMaskWrap_iC-uV .borderTop_TFtwK,
.syncAreaMaskWrap_iC-uV .borderBottom_hL-zc {
  position: absolute;
  background-color: #9069ff;
}

.linkDialog_l2W5j {
  background-color: var(--upime-pane-bg);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  width: 466px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  border-radius: 4px;
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: auto;
  transform: translate(-50%, -100%);
}
.linkDialog_l2W5j .add_input_O2RDa {
  width: 296px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 1;
  position: relative;
}
.linkDialog_l2W5j .add_input_O2RDa input {
  padding-right: 40px;
}
.linkDialog_l2W5j .add_btns_JfKUU {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 40px;
}
.linkDialog_l2W5j .add_btns_JfKUU .btn_n9n3x {
  position: relative;
  padding: 0 12px;
  height: 32px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 2px;
}
.top_yoy2S {
  box-sizing: border-box;
  flex-flow: row;
  display: flex;
  justify-content: space-between;
  height: 30px;
  align-items: center;
}
.title_Thcyq {
  color: #0c1024;
  font-size: 20px;
  font-weight: 600;
}
.close_XW1CN {
  width: 20px;
  height: 20px;
  color: #979797;
  cursor: pointer;
}
.desc_CIP8q {
  color: #616371;
  font-size: 14px;
  margin-top: 8px;
  height: 22px;
  display: inline-block;
}
.linkInput_EdN-N {
  display: inline-block;
  margin-top: 24px;
  padding-left: 8px;
  padding-right: 36px;
  height: 44px;
  width: 100%;
  box-sizing: border-box;
  color: #0c1024;
  font-size: 14px;
  border: 1px solid #e6e7e9;
  border-radius: 4px;
  caret-color: #2e73e5;
}
.linkInput_EdN-N :focus {
  border: 1px solid #2e73e5;
}
.linkInput_EdN-N.error_q9RKo {
  border: 1px solid #fe5250;
}
.error_msg_2raUj {
  margin-top: 4px;
  height: 20px;
  line-height: 20px;
  color: #fe5250;
  font-size: 14px;
}
.bottomContainr_HGU5- {
  box-sizing: border-box;
  direction: rtl;
  margin-top: 24px;
}
.commBtn_aVZAU {
  display: inline-block;
  font-size: 14px;
  width: auto;
  height: 36px;
  padding: 0 8px;
  box-sizing: border-box;
  border-radius: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  box-shadow: none;
}
.sureBtn_l3dj6 {
  color: #ffffff;
  border: 1px solid #2e73e5;
  background-color: #2e73e5;
  min-width: 60px;
}
.cancelBtn_92gtO {
  color: #0c1024;
  border: 1px solid #e6e7e9;
  background-color: #ffffff;
  margin-right: 16px;
}
.do-hovers .sureBtn_l3dj6:hover {
  background-color: #455beb;
}
.do-hovers .cancelBtn_92gtO:hover {
  background-color: #f9f9f9;
}
.do-hovers .close_XW1CN:hover {
  color: var(--upime-active);
}

.container_yIuwm {
  position: relative;
  padding: 0 8px;
}
.root_mN20U {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 0 8px;
  white-space: nowrap;
}
.root_mN20U .left_7V75D {
  display: flex;
  flex-direction: column;
}
.root_mN20U .left_7V75D span:nth-child(1) {
  color: var(--upime-second-text);
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.root_mN20U .left_7V75D span:nth-child(2) {
  color: var(--upime-main-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.root_mN20U .right_MDW-L {
  width: 24px;
  height: 24px;
  transform-origin: 0.5 0.5;
  transition: transform 0.1s linear;
}
.root_mN20U .right_MDW-L.opened_k4DFN {
  transform: rotate(180deg);
}
.panel_gJTiT {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 8px 0;
}
.panel_gJTiT .row_5FGKF {
  display: flex;
  flex-direction: row;
  padding: 0 16px;
  align-items: center;
  width: 200px;
  height: 40px;
  position: relative;
  flex: none;
}
.panel_gJTiT .row_5FGKF > span {
  line-height: 20px;
  font-size: 14px;
}
.panel_gJTiT .row_5FGKF .svg_5VGNX {
  width: 22px;
  height: 22px;
}
.panel_gJTiT .row_5FGKF .label_VXUYG {
  margin-left: 12px;
  color: var(--upime-main-text);
}
.panel_gJTiT .row_5FGKF .count_-mqEv {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
  color: var(--upime-second-text);
}
.do-hovers .root_mN20U:hover {
  background-color: #f5f5f7;
}
.do-hovers .panel_gJTiT .row_5FGKF:hover {
  background-color: var(--upime-btn-bg-hover);
}

.alignRoot_vlAeK {
  white-space: nowrap;
}
.alignTitle_V6WsD {
  font-weight: bold;
  line-height: 22px;
}
.alignRow_5ZbFg {
  display: flex;
  line-height: 22px;
}
.alignLabel_eAZGs {
  font-weight: bold;
  margin-right: 2px;
}

.popover_wrapper_VnRtL {
  position: absolute;
  z-index: 100;
  pointer-events: none;
}
.popOverContainerWrapper_YC5FR {
  min-width: 200px;
  background: #fff;
  pointer-events: auto;
  cursor: default;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 20px;
  width: -moz-max-content;
  width: max-content;
  max-width: 340px;
  position: absolute;
}
.popOverContainerWrapper_YC5FR .arrow_Pg4SK {
  z-index: 1;
  position: absolute;
  width: 12px;
  height: 12px;
  left: calc(50% - 6px);
  top: calc(100% - 7px);
  transform: rotate(45deg);
  background: inherit;
}
.popOverContainerWrapper_YC5FR.top {
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translate(-50%, 0);
}
.popOverContainerWrapper_YC5FR.bottom {
  bottom: calc(-50% + 12px);
  left: 50%;
  transform: translate(-50%, 100%);
}
.popOverContainerWrapper_YC5FR.bottom .arrow_Pg4SK {
  top: -7px;
}

.box_sODTB {
  position: absolute;
}
.clickBorder_jwjUE {
  position: fixed;
  z-index: 100;
  pointer-events: none;
}
.container_-F-zC {
  position: absolute;
  pointer-events: auto;
}
.container_-F-zC.top,
.container_-F-zC.bottom {
  left: 50%;
  transform: translate(-50%, 0);
}
.container_-F-zC.left,
.container_-F-zC.right {
  top: 50%;
  transform: translate(0, -50%);
}
.container_-F-zC.top,
.container_-F-zC.topLeft {
  bottom: calc(100% + 10px);
}
.container_-F-zC.top.gap-small,
.container_-F-zC.topLeft.gap-small {
  bottom: calc(100% + 4px);
}
.container_-F-zC.left {
  right: calc(100% + 10px);
}
.container_-F-zC.left.gap-small {
  right: calc(100% + 4px);
}
.container_-F-zC.bottom,
.container_-F-zC.bottomLeft {
  top: calc(100% + 10px);
}
.container_-F-zC.bottom.gap-small,
.container_-F-zC.bottomLeft.gap-small {
  top: calc(100% + 4px);
}
.container_-F-zC.right,
.container_-F-zC.rightTop {
  left: calc(100% + 10px);
}
.container_-F-zC.right.gap-small,
.container_-F-zC.rightTop.gap-small {
  left: calc(100% + 4px);
}
.container_-F-zC.rightTop {
  top: 0;
}
.container_-F-zC.bottomLeft {
  left: 0;
}
.container_-F-zC.topLeft {
  left: 0;
}
.container_-F-zC.bottomRight {
  top: calc(100% + 4px);
  right: 0;
}
.container_-F-zC.bottomRight.gap-small {
  top: calc(100% + 4px);
}
.container_-F-zC.topRight {
  bottom: calc(100% + 4px);
  right: 0;
}
.container_-F-zC.topRight.gap-small {
  bottom: calc(100% + 4px);
}
.container_-F-zC.leftTop {
  right: calc(100% + 10px);
}
.container_-F-zC.leftTop.gap-small {
  right: calc(100% + 4px);
}
.container_-F-zC.rightBottom {
  left: calc(100% + 10px);
  bottom: 0;
}
.container_-F-zC.rightBottom.gap-small {
  left: calc(100% + 4px);
}
.container_-F-zC.leftBottom {
  right: calc(100% + 10px);
  bottom: 0;
}
.container_-F-zC.leftBottom.gap-small {
  right: calc(100% + 4px);
}

.info_item_wWnx5.showing {
  opacity: 1 !important;
}
.info_item_wWnx5.showing {
  background-color: #f5f6f6;
}
.info_panel_NP7X9 {
  cursor: default;
  margin-left: -10px;
  width: 244px;
  padding: 20px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.mr_minus10_1w1To {
  margin-right: -10px;
}
.item_wxEmC {
  height: 22px;
  display: flex;
}
.detail_eWQSM {
  width: calc(100% - 84px);
  text-align: left;
  line-height: 22px;
  color: #0c1024;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add_UbBHc,
.update_dd-zA {
  margin-top: 8px;
}
.editor_c4Ks3 {
  margin-top: 20px;
}
.label_JxwC7 {
  height: 22px;
  line-height: 22px;
  color: #91939c;
  font-size: 14px;
  width: 84px;
  text-align: left;
}

.contextMenuRoot_zMjIz {
  pointer-events: auto;
  position: absolute;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  z-index: 21;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg {
  height: 36px;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  color: var(--upime-main-text);
  font-size: 14px;
  line-height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg.hasShortCut_Zi7uc {
  min-width: 200px;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg.disabled_YFkKm {
  color: var(--upime-disable) !important;
  background: white !important;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg.disabled_YFkKm {
  cursor: not-allowed;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg .shortCut_ehUlf {
  color: #424454;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg .shortCut_ehUlf.disabled_YFkKm {
  color: var(--upime-disable) !important;
}
.divider_yN0qT {
  width: 100%;
  height: 1px;
  background: var(--upime-divider-bg);
  margin: 8px 0;
}
.do-hovers .globalCtx_pUq5B .item_oeWvg:hover {
  background: var(--upime-btn-bg-hover);
}

.exportFrameMenuButtonContainer_-paJD.showing {
  opacity: 1 !important;
}
.exportFrameMenuButtonContainer_-paJD.showing {
  background-color: #f5f6f6;
}
.exportFrameMenuButton_wROCY {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exportFrameMenuButton_wROCY .icon_ytbxC {
  width: 14px;
  height: 14px;
}
.exportFrameTypesPanel_o-Kfq {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.exportFrameTypesPanel_o-Kfq .exportFrameType_MDxvS {
  width: 100%;
  height: 36px;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.exportFrameTypesPanel_o-Kfq .exportFrameType_MDxvS .fileType_9azCL {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.do-hovers .exportFrameType_MDxvS:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.exportFrameDialogContainer_oQwbY {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 40px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dialogContent_kQ3el {
  width: 100%;
  height: 100%;
  max-width: 760px;
  max-height: 580px;
  min-width: 560px;
  min-height: 466px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 12px;
  background-color: #fff;
}
.head_e-aN9 {
  width: 100%;
  height: 68px;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 0 40px;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #e6e7e9;
}
.head_e-aN9 .title_Kq9BW {
  color: #0c1024;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.head_e-aN9 .closeBtn_EQyYs {
  width: 44px;
  height: 44px;
  padding: 12px;
  border-radius: 2px;
  cursor: pointer;
}
.do-hovers .closeBtn_EQyYs:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.body_--c1g {
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  border-radius: 0 0 12px 12px;
  padding: 0 40px;
  overflow: hidden;
}
.leftPart_ZZ4qe {
  max-width: 348px;
  min-width: 236px;
  display: flex;
  flex-grow: 348;
  flex-shrink: 348;
  flex-direction: column;
  gap: 12px;
  padding: 12px 0 24px 0;
}
.leftPart_ZZ4qe .framesListContainer_ETDhc {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: #f5f6f6;
  border-radius: 4px;
  overflow: hidden;
}
.leftPart_ZZ4qe .framesListContainer_ETDhc .frameList_uBAWV {
  width: 100%;
  height: 100%;
  padding: 12px 8px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 100px);
  grid-auto-rows: min-content;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  justify-content: center;
  overflow-y: auto;
}
.leftPart_ZZ4qe .framesListContainer_ETDhc .frameList_uBAWV.large_4aSpQ {
  padding: 12px 0;
  grid-template-columns: repeat(1, 300px);
  grid-row-gap: 8px;
}
.leftPart_ZZ4qe .listOperations_AD5uW {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.leftPart_ZZ4qe .listOperations_AD5uW .switchListType_tc8Mk .listTypeBtn_ndBp3 {
  width: 28px;
  height: 28px;
  padding: 4px;
  border: 1px solid #dbdbde;
  background-color: #fff;
  cursor: pointer;
}
.leftPart_ZZ4qe .listOperations_AD5uW .switchListType_tc8Mk .listTypeBtn_ndBp3.small_BF3YP {
  border-right-color: transparent;
  border-radius: 4px 0px 0px 4px;
}
.leftPart_ZZ4qe .listOperations_AD5uW .switchListType_tc8Mk .listTypeBtn_ndBp3.large_4aSpQ {
  border-left-color: transparent;
  border-radius: 0px 4px 4px 0px;
}
.leftPart_ZZ4qe .listOperations_AD5uW .switchListType_tc8Mk .listTypeBtn_ndBp3.active_zNv8f {
  color: #2e73e5;
  background-color: #eaf1fc;
  border-color: #2e73e5;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ .selectAllLabel_-bI-8 {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-left: 8px;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ .selectedCount_M-Zag {
  text-align: right;
  margin-left: 20px;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ .xinxiIconContainer_d79Q0 {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  position: relative;
  z-index: 1;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ .xinxiIconContainer_d79Q0 .xixiIcon_bYaUi {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.hoverTipContent_08rJ9 {
  width: 220px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
}
.do-hovers .switchListType_tc8Mk .listTypeBtn_ndBp3:hover {
  background-color: rgba(0, 0, 0, 0.06);
  border-color: #dbdbde;
}
.do-hovers .switchListType_tc8Mk .listTypeBtn_ndBp3:hover.active_zNv8f {
  border-color: #2e73e5;
  background-color: #eaf1fc;
}
.do-hovers .xixiIcon_bYaUi:hover {
  color: #2e73e5;
}
.divider_nNd73 {
  width: 1px;
  background-color: #dbdbde;
  margin: 0 32px;
}
.rightPart_o7H69 {
  max-width: 267px;
  min-width: 179px;
  display: flex;
  flex-grow: 267;
  flex-shrink: 267;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
  padding: 24px 0;
}
.rightPart_o7H69 .inputsWrap_-ODA0 {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  overflow-y: auto;
}
.rightPart_o7H69 .optionLabel_tGKim {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.rightPart_o7H69 .selectExportTypeContainer_slSFA .selectExportType_-RPbV {
  width: 100%;
  margin-top: 8px;
}
.rightPart_o7H69 .selectExportTypeContainer_slSFA .selectExportType_-RPbV .exportTypeOptionContentWrap_S9q8i {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.rightPart_o7H69 .selectQualityContainer_Es01t .selectQuality_JRrH1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}
.rightPart_o7H69 .selectQualityContainer_Es01t .selectQuality_JRrH1 .radioContent_cxxLe {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.rightPart_o7H69 .selectQualityContainer_Es01t .highQualityPDFRadioContentWrap_wXwwJ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.rightPart_o7H69 .selectResolutionContainer_OMwL3 .selectResolution_1n5OR {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}
.rightPart_o7H69 .inputFileNameContainer_YKVLY .inputFileName_CW7qA {
  margin-top: 8px;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .imageCountTip_n78uQ {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 8px 10px;
  border-radius: 4px;
  background: #f5f6f6;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .imageCountTip_n78uQ .icon_LRre4 {
  width: 16px;
  height: 16px;
  color: #c2c3c8;
  margin-top: 2px;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .imageCountTip_n78uQ .content_B-iJF {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .dialogButtons_SA59B {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .dialogButtons_SA59B .cancelBtn_baKVs,
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .dialogButtons_SA59B .confirmBtn_Na4WZ {
  padding-left: 16px;
  padding-right: 16px;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .dialogButtons_SA59B .confirmBtn_Na4WZ.exporting_6z-Gi .loadingIcon_8yA6i {
  animation: loading_t6oXx 1.5s linear infinite forwards;
}
@keyframes loading_t6oXx {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.checkbox_rNWfu {
  width: 16px;
  height: 16px;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}
.checkbox_rNWfu.disabled_4dUoo {
  background-color: #ececee;
  cursor: not-allowed;
}
.checkbox_rNWfu.selectNone_kkMkz {
  border-color: #dbdbde;
  background-color: #fff;
}
.checkbox_rNWfu.selectPart_G2GZv:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background-color: #2e73e5;
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% - 3px);
}
.checkbox_rNWfu.selectPart_G2GZv.disabled_4dUoo:after {
  background-color: #c2c3c8;
}
.checkbox_rNWfu.selectAll_GWfrV {
  border-color: #2e73e5;
  background-color: #2e73e5;
}
.checkbox_rNWfu.selectAll_GWfrV:after {
  content: "";
  display: block;
  width: 9px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 3px;
  left: 3px;
}
.checkbox_rNWfu.selectAll_GWfrV.disabled_4dUoo {
  border-color: #dbdbde;
  background-color: #ececee;
}
.checkbox_rNWfu.selectAll_GWfrV.disabled_4dUoo:after {
  border-color: #c2c3c8;
}
.do-hovers .checkbox_rNWfu:hover:not(.disabled_4dUoo) {
  border-color: #2e73e5;
}

.select_JY-7y {
  width: 140px;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  padding: 0 8px;
  position: relative;
}
.select_JY-7y.active_7k8ie {
  border-color: #2e73e5;
}
.select_JY-7y .currentSelected_F3OcX {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.select_JY-7y .currentSelected_F3OcX .selectedLabelWrap_dirss {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select_JY-7y .currentSelected_F3OcX .iconWrap_fz6A6 {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select_JY-7y .currentSelected_F3OcX .iconWrap_fz6A6 .arrowIcon_XmyoG {
  width: 18px;
  height: 18px;
  font-size: 18px;
  color: #303445;
}
.select_JY-7y .options_IJj9q {
  min-width: 100%;
  padding: 8px 0;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 1;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.select_JY-7y .options_IJj9q .option_KEzQ0 {
  width: 100%;
  height: 40px;
  padding: 0px 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.select_JY-7y .options_IJj9q .option_KEzQ0.selected_dxqGI {
  background-color: #eaf1fc;
}
.select_JY-7y .options_IJj9q .option_KEzQ0 .optionIconContainer_YcKkv {
  width: 20px;
  height: 24px;
  color: #2e73e5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.select_JY-7y .options_IJj9q .option_KEzQ0 .optionContentWrap_LXWa8 {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
  flex: 1;
}
.do-hovers .select_JY-7y:hover {
  border-color: #2e73e5;
}
.do-hovers .select_JY-7y .option_KEzQ0:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .select_JY-7y .option_KEzQ0.selected_dxqGI:hover {
  background-color: #eaf1fc;
}

.radioContainer_JsvsM {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.radioContainer_JsvsM .radioOuter_kUVQu {
  width: 16px;
  height: 16px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #dbdbde;
  background-color: #fff;
}
.radioContainer_JsvsM .radioOuter_kUVQu .radioInner_kvp-E {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
}
.radioContainer_JsvsM .content_eF7sf {
  flex: 1;
}
.radioContainer_JsvsM .content_eF7sf.disabled_0Ou6U {
  cursor: not-allowed;
}
.radioContainer_JsvsM.active_THGzz .radioOuter_kUVQu {
  border-color: #2e73e5;
  background-color: #fff;
}
.radioContainer_JsvsM.active_THGzz .radioOuter_kUVQu .radioInner_kvp-E {
  background-color: #2e73e5;
}
.radioContainer_JsvsM.disabled_0Ou6U {
  cursor: not-allowed;
}
.radioContainer_JsvsM.disabled_0Ou6U .radioOuter_kUVQu {
  border-color: #dbdbde;
  background-color: #ececee;
}
.radioContainer_JsvsM.disabled_0Ou6U .radioOuter_kUVQu .radioInner_kvp-E {
  background-color: #ececee;
}
.radioContainer_JsvsM.disabled_0Ou6U.active_THGzz .radioInner_kvp-E {
  background-color: #c2c3c8;
}
.do-hovers .radioContainer_JsvsM:not(.disabled_0Ou6U):hover .radioOuter_kUVQu {
  border-color: #2e73e5;
}

.frameItem_UOuBK {
  width: 100px;
  height: 84px;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.frameItem_UOuBK .checkbox_A5DYA {
  position: absolute;
  z-index: 2;
}
.frameItem_UOuBK .snapshot_BPtYg {
  background: #fff;
}
.frameItem_UOuBK .snapshot_BPtYg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.frameItem_UOuBK .nameContainer_BqRD4 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.frameItem_UOuBK .name_bVyDM {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  color: #0c1024;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.frameItem_UOuBK.small_zeiuY {
  width: 100px;
  height: 84px;
  padding: 5px 5px 3px 5px;
  gap: 4px;
  border: 1px solid #dbdbde;
}
.frameItem_UOuBK.small_zeiuY .checkbox_A5DYA {
  top: -1px;
  right: -1px;
}
.frameItem_UOuBK.small_zeiuY .snapshot_BPtYg {
  width: 87px;
  height: 49px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
}
.frameItem_UOuBK.large_oH-3e {
  width: 304px;
  height: 173px;
  border: 2px solid #dbdbde;
}
.frameItem_UOuBK.large_oH-3e .checkbox_A5DYA {
  top: 8px;
  right: 8px;
}
.frameItem_UOuBK.large_oH-3e .snapshot_BPtYg {
  width: 100%;
  height: 100%;
  box-shadow: none;
  box-shadow: initial;
}

.createElementFromMindMapButtonContainer_0-Hp8.showing {
  opacity: 1 !important;
}
.createElementFromMindMapButtonContainer_0-Hp8.showing {
  background-color: #f5f6f6;
}
.createElementFromMindMapMenuButton_BtcM8 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.createElementFromMindMapMenuButton_BtcM8 .icon_s3y5t {
  width: 14px;
  height: 14px;
}
.createElementTypesPanel_cB091 {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.createElementTypesPanel_cB091 .createElementType_YROZo {
  width: 100%;
  height: 36px;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.createElementTypesPanel_cB091 .createElementType_YROZo .elementType_lPwMB {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.createElementTypesPanel_cB091 .createElementType_YROZo .hoverTipIconWrap_xeeUh {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.createElementTypesPanel_cB091 .createElementType_YROZo .hoverTipIconWrap_xeeUh .hoverTipIcon_lOEPm {
  width: 16px;
  height: 16px;
  color: #91939c;
}
.do-hovers .createElementType_YROZo:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .hoverTipIconWrap_xeeUh:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.graphicSideContainer_ToJ5- {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.headerContainer_rSTIr {
  padding-left: 20px;
  padding-right: 49px;
  border-bottom: 1px solid #e6e7e9;
  height: 56px;
  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);
  line-height: 30px;
}
.headerContainer_rSTIr .titleIconContainer_UDyaQ {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.headerContainer_rSTIr .titleIconContainer_UDyaQ::after {
  position: absolute;
  content: "";
  right: -3px;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background-color: #e6e7e9;
}
.headerContainer_rSTIr .titleIconContainer_UDyaQ .rotate_W-EH8 {
  transform: rotate(180deg);
}
.title_tMz5x {
  display: flex;
  align-items: center;
  gap: 24px;
}
.titleLabel_oYdoq {
  color: #c2c3c8;
  cursor: pointer;
  position: relative;
}
.titleLabel_oYdoq.titleLabelActive_jh4RW {
  font-weight: 600;
  color: #0c1024;
}
.titleLabel_oYdoq.titleLabelActive_jh4RW::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0c1024;
}
.boldTitleLabel_GindT {
  cursor: pointer;
  position: relative;
  font-weight: 600;
  color: #0c1024;
  display: flex;
  align-items: center;
}
.boldTitleLabel_GindT .titleSpan_Hu5Y6 {
  position: relative;
}
.boldTitleLabel_GindT .titleSpan_Hu5Y6 .betaTagContainer_s2TSB {
  position: absolute;
  top: -4px;
  right: -26px;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.searchContentContainer_AqlCI {
  margin-top: 12px;
  height: 40px;
  padding: 0 20px;
  flex-shrink: 0;
}
.searchContentContainer_AqlCI .inputDomContainer_eaLbm {
  position: relative;
  height: 100%;
}
.searchContentContainer_AqlCI .inputDomContainer_eaLbm .qingchuHotarea_fjatB {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.searchContentContainer_AqlCI .inputDomContainer_eaLbm .qingchuIcon_o5kEK {
  color: #dbdbde;
}
.searchContentContainer_AqlCI .inputDomContainer_eaLbm .searchIcon_nhLji {
  position: absolute;
  left: 12px;
  top: 10px;
}
.searchContentContainer_AqlCI .input_KkbEA {
  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_AqlCI .input_KkbEA::-moz-placeholder {
  color: #c2c3c8;
}
.searchContentContainer_AqlCI .input_KkbEA::placeholder {
  color: #c2c3c8;
}
.searchContentContainer_AqlCI .input_KkbEA:focus {
  border: 1px solid #2e73e5;
}
.categroyWrapper_JFe3h {
  flex: 1;
  overflow: auto;
  margin-top: 20px;
}
.categroyWrapper_JFe3h::-webkit-scrollbar {
  width: 4px;
}
.categroyWrapper_JFe3h::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.categroyWrapper_JFe3h::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.categroyWrapper_JFe3h .emptyContainer_ereP7 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #616371;
}
.categroyWrapper_JFe3h .emptyContainer_ereP7 .emptyImg_gzu4z {
  width: 140px;
}
.categroyContainer_JKJ6E {
  margin-top: 20px;
  padding: 0 16px 0 20px;
}
.categroyContainer_JKJ6E:first-child {
  margin-top: 0;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo.tinyCategroyTitle_2yk2S {
  font-size: 14px;
  height: auto;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo.hasHover_j8E5b {
  cursor: pointer;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo .iconContainer_3-9yD {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo .iconContainer_3-9yD.iconRotate_d27jy {
  transform: rotate(-90deg);
}
.categroyContainer_JKJ6E .colorpalettesWrapper_fHjfF {
  position: relative;
}
.categroyContainer_JKJ6E .colorpalettesWrapper_fHjfF .colorpalettesOptionContainer_QxeY9 {
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  z-index: 1;
}
.categroyContainer_JKJ6E .colorpalettesContaienr_tgRWC {
  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;
}
.categroyContainer_JKJ6E .colorpalettesContaienr_tgRWC.tinyColorPa_ZUjLe {
  margin-top: 8px;
  font-size: 13px;
}
.categroyContainer_JKJ6E.tinyCate_G7JfK {
  padding: 0;
}
.aiCategroyContainer_59a3v {
  padding: 0 12px;
}
.aiCategroyContainer_59a3v .categroyTitle_r4ACo {
  padding-left: 8px;
}
.defaultColorTheme_EOVGi {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--upime-main-text);
}
.simpleColorTheme_DkWTW {
  display: flex;
  align-items: center;
}
.simpleColorTheme_DkWTW .simpleColorCircle_GpWYB {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  margin-left: -5px;
}
.simpleColorTheme_DkWTW .simpleColorCircle_GpWYB:first-child {
  margin-left: 0;
}
.childrenOptionContainer_fJSA0 {
  width: 160px;
  padding: 8px 0;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.childrenOptionContainer_fJSA0 .options_n1Cot {
  height: 40px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: var(--upime-active);
}
.iconListContainer_-e3DI {
  margin-top: 10px;
}
.iconListContainer_-e3DI .iconListView_mvAMX {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.iconListContainer_-e3DI .iconListView_mvAMX .iconCell_yFbBb {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 2px;
}
.iconListContainer_-e3DI .iconListView_mvAMX .draggingIcon_RHoIf {
  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_-e3DI.tinyIconList_v7uXL .iconCell_yFbBb {
  width: 36px;
  height: 36px;
}
.aiInstructionListView_UTuSV {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.aiInstructionIconContainer_ndPCn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
  gap: 4px;
  cursor: pointer;
  width: 79px;
  overflow: hidden;
  border-radius: 4px;
  align-self: flex-start;
}
.aiInstructionIconContainer_ndPCn .imgName_05Y6I {
  font-size: 13px;
  line-height: 20px;
  color: #424454;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.draggingImg_KmhGt {
  position: fixed;
  z-index: 9999;
  width: 64px;
  height: 64px;
  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%);
}
.imgCell_B-3fS {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  background-color: #e6e7e9;
  flex-shrink: 0;
  position: relative;
}
.imgCell_B-3fS.aiInstruction_69KC0 {
  background-color: #f5f6f6;
  position: relative;
  border-radius: 4px;
}
.imgCell_B-3fS img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.imgCell_B-3fS .ins_icon_KY7uw {
  width: 36px;
  height: 36px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  /** 蛋疼的ipad */
  pointer-events: none;
}
.do-hovers .colorpalettesContaienr_tgRWC:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .titleIconContainer_UDyaQ:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .childrenOptionContainer_fJSA0 .options_n1Cot:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconListView_mvAMX .iconCell_yFbBb:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .aiInstructionIconContainer_ndPCn:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.colorpalettesOptionContainerTiny_ctU0S {
  position: fixed;
  z-index: 1000;
}

.dialogWrap_ikl27 {
  padding: 24px;
  width: 400px;
  height: 236px;
  background-color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  box-sizing: border-box;
  pointer-events: auto;
}
.top_vp66C {
  box-sizing: border-box;
  flex-flow: row;
  display: flex;
  justify-content: space-between;
  height: 28px;
  align-items: center;
}
.title_UcFt2 {
  color: #0C1024;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.close_kok7l {
  width: 20px;
  height: 20px;
  color: #979797;
  cursor: pointer;
}
.desc_xlXXT {
  color: #616371;
  font-size: 14px;
  margin-top: 8px;
  height: 22px;
  display: inline-block;
}
.inputContainer_DjqMJ {
  height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
}
.inputContainer_DjqMJ .error_msg_udrWL {
  height: 22px;
  line-height: 22px;
  color: #fe5250;
  font-size: 14px;
}
.inputWrap_3rq3G {
  width: 100%;
  padding-left: 8px;
  padding-right: 36px;
  border: 1px solid #DBDBDE;
  border-radius: 4px;
  position: relative;
}
.inputWrap_3rq3G[focus-within] {
  border-color: #2E73E5;
}
.inputWrap_3rq3G:focus-within {
  border-color: #2E73E5;
}
.inputWrap_3rq3G.error_YcWfC {
  border-color: #fe5250;
}
.inputWrap_3rq3G .linkInput_Pi-sr {
  box-sizing: border-box;
  display: inline-block;
  height: 44px;
  width: 100%;
  color: #0C1024;
  font-size: 14px;
  border-radius: 4px;
  border: none;
  padding: 0;
}
.inputWrap_3rq3G .linkInput_Pi-sr::-moz-placeholder {
  color: #c2c3c8;
}
.inputWrap_3rq3G .linkInput_Pi-sr::placeholder {
  color: #c2c3c8;
}
.inputWrap_3rq3G .clearInput_JWbE5 {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #dedede;
  cursor: pointer;
}
.inputWrap_3rq3G .clearInput_JWbE5 svg {
  color: white;
  width: 10px;
  height: 10px;
}
.bottomContainr_rOG5O {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 2px;
}
.commBtn_J6dw9 {
  display: inline-block;
  font-size: 14px;
  width: auto;
  height: 40px;
  padding: 0 8px;
  box-sizing: border-box;
  border-radius: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  box-shadow: none;
}
.sureBtn_GpPiI {
  color: #FFFFFF;
  border: 1px solid #2E73E5;
  background-color: #2E73E5;
  min-width: 60px;
}
.sureBtn_GpPiI.disabled_T3fY7 {
  color: rgba(255, 255, 255, 0.45);
  background-color: #7EACEF;
  border-color: #7EACEF;
  cursor: not-allowed;
}
.cancelBtn_ZC9AP {
  color: #0C1024;
  border: 1px solid #E6E7E9;
  background-color: #FFFFFF;
  min-width: 60px;
  margin-right: 16px;
}
.do-hovers .sureBtn_GpPiI:not(.disabled_T3fY7):hover {
  background-color: #455beb;
  border-color: #455beb;
}
.do-hovers .cancelBtn_ZC9AP:hover {
  background-color: #f9f9f9;
}
.do-hovers .close_kok7l:hover {
  color: var(--upime-active);
}

.fontSizeSelect_S13Ua .rightOption_zh5K- {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4 {
  width: 100%;
  padding: 0;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4.up_cwMr- {
  align-items: flex-end;
  padding-bottom: 2px;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4.down_DGIJJ {
  align-items: flex-start;
  padding-top: 2px;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4 .icon_wITgB {
  width: 10px;
  height: 10px;
  font-size: 10px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4:hover {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}
.fontSizeSelect_S13Ua .fontInputContainer_z3eWq {
  height: 50px;
  display: flex;
  align-items: center;
}
.dropdown_wb0zL {
  z-index: 10;
}
.fontSizeViewPhoneContainer_YJLM4 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
  width: 92px;
}
.fontSizeViewPhoneContainer_YJLM4 .fontSizeViewPhoneContainerText_auiTb {
  flex-shrink: 0;
  font-size: 14px;
  word-break: keep-all;
}
.disabled_aRc-n {
  color: #dbdbde;
}
.mixedSize_p6Bsd {
  color: #dbdbde;
}

.exportMindMapAsFileButtonContainer_Aj0FE.showing {
  opacity: 1 !important;
}
.exportMindMapAsFileButtonContainer_Aj0FE.showing {
  background-color: #f5f6f6;
}
.exportMindMapMenuButton_UuDEz {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exportMindMapMenuButton_UuDEz .icon_4elS5 {
  width: 14px;
  height: 14px;
}
.fileTypesPanel_Cw8Ze {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  width: 150px;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.fileTypesPanel_Cw8Ze .fileTypeWrap_ELJE8 {
  width: 100%;
  height: 36px;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.fileTypesPanel_Cw8Ze .fileTypeWrap_ELJE8 .fileType_Jrmx6 {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.do-hovers .fileTypeWrap_ELJE8:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.exportMindMapDialogContainer_Z22fP {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 40px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dialogContent_89IaL {
  width: 100%;
  height: 100%;
  max-width: 760px;
  max-height: 580px;
  min-width: 560px;
  min-height: 466px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 12px;
  background-color: #fff;
}
.head_ihNz5 {
  width: 100%;
  height: 68px;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 0 40px;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #e6e7e9;
}
.head_ihNz5 .title_5dc1y {
  color: #0c1024;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.head_ihNz5 .closeBtn_G8pa- {
  width: 44px;
  height: 44px;
  padding: 12px;
  border-radius: 2px;
  cursor: pointer;
}
.do-hovers .closeBtn_G8pa-:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.body_YvS-7 {
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  border-radius: 0 0 12px 12px;
  padding: 0 40px;
  overflow: hidden;
}
.leftPart_2aqB8 {
  max-width: 348px;
  min-width: 236px;
  display: flex;
  flex-grow: 348;
  flex-shrink: 348;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 0 24px 0;
}
.leftPart_2aqB8 .previewContainer_skX15 {
  width: 100%;
  height: 100%;
  padding: 8px;
  border-radius: 4px;
  background: #f5f6f6;
}
.leftPart_2aqB8 .previewContainer_skX15 .previewImage_1Na4G {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #fff;
}
.divider_A4GXN {
  width: 1px;
  background-color: #dbdbde;
  margin: 0 32px;
}
.rightPart_dzj3T {
  max-width: 267px;
  min-width: 179px;
  display: flex;
  flex-grow: 267;
  flex-shrink: 267;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
  padding: 24px 0;
}
.rightPart_dzj3T .inputsWrap_PidHV {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  overflow-y: auto;
}
.rightPart_dzj3T .optionLabel_xibhy {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.rightPart_dzj3T .selectExportTypeContainer_pqOwt {
  position: relative;
  z-index: 2;
}
.rightPart_dzj3T .selectExportTypeContainer_pqOwt .selectExportType_EjAwW {
  width: 100%;
  margin-top: 8px;
}
.rightPart_dzj3T .selectExportTypeContainer_pqOwt .selectExportType_EjAwW .exportTypeOptionContentWrap_diO13 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.rightPart_dzj3T .selectQualityContainer_6PPaM .selectQuality_73vhR {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}
.rightPart_dzj3T .selectQualityContainer_6PPaM .selectQuality_73vhR .radioContent_T9qhE {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.rightPart_dzj3T .selectQualityContainer_6PPaM .highQualityPDFRadioContentWrap_3jLVM {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.rightPart_dzj3T .selectExcelModeContainer_4jBGw .selectExcelModeLabel_FqaeZ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
.rightPart_dzj3T .selectExcelModeContainer_4jBGw .selectExcelMode_4Xqc3 {
  width: 100%;
  margin-top: 8px;
}
.rightPart_dzj3T .selectResolutionContainer_vszQB .selectResolution_2viTY {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}
.rightPart_dzj3T .selectResolutionContainer_vszQB .highQualityImageRadioContentWrap_Wg3M5 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.rightPart_dzj3T .inputFileNameContainer_BfPMB .inputFileName_wJFSv {
  margin-top: 8px;
}
.rightPart_dzj3T .dialogButtonsWrap_tK6-S {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
}
.rightPart_dzj3T .dialogButtonsWrap_tK6-S .dialogButtons_ggUah {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.rightPart_dzj3T .dialogButtonsWrap_tK6-S .dialogButtons_ggUah .cancelBtn_dp-s5,
.rightPart_dzj3T .dialogButtonsWrap_tK6-S .dialogButtons_ggUah .confirmBtn_OikhF {
  padding-left: 16px;
  padding-right: 16px;
}
.rightPart_dzj3T .dialogButtonsWrap_tK6-S .dialogButtons_ggUah .confirmBtn_OikhF.exporting_hOfkY .loadingIcon_flPLT {
  animation: loading_FYZFt 1.5s linear infinite forwards;
}
@keyframes loading_FYZFt {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hoverTipContainer_1weGq {
  position: relative;
  z-index: 1;
}
.hoverTipIconWrap_TqsOb {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.hoverTipIconWrap_TqsOb .hoverTipIcon_zRPru {
  width: 16px;
  height: 16px;
  color: #91939c;
}
.hoverTipContent_RaOse {
  width: -moz-max-content;
  width: max-content;
  max-width: 220px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  cursor: default;
  pointer-events: all;
  word-break: break-word;
}
.do-hovers .hoverTipIconWrap_TqsOb:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.mindmapAddIconButtonContainer_R2xpC.showing {
  opacity: 1 !important;
}
.mindmapAddIconButtonContainer_R2xpC.showing {
  background-color: #f5f6f6;
}
.mindmapIconMenuButton_N5MjE {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mindmapIconMenuButton_N5MjE .icon_bsNY6 {
  width: 14px;
  height: 14px;
}
.mindmapIconPanel_FNbWC {
  font-size: 14px;
  width: 310px;
  height: 360px;
  border-radius: 2px;
  background: #fff;
  overflow: hidden;
  padding: 16px 4px 0px 16px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-right: 8px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe::-webkit-scrollbar {
  width: 4px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe .iconRowContainer_nNmv6 {
  margin-bottom: 12px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe .iconRowContainer_nNmv6 .iconRowLabel_S6bQ7 {
  font-size: 14px;
  color: #0c1024;
  margin-bottom: 4px;
  line-height: normal;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe .iconRowContainer_nNmv6 .rowIconsContainer_7cz3r {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe .iconRowContainer_nNmv6 .rowIconsContainer_7cz3r .iconContainer_A-A-V {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  overflow: hidden;
}
.active_b7rrv {
  background-color: #eaf1fc;
}
.do-hovers .iconContainer_A-A-V {
  cursor: pointer;
}
.do-hovers .iconContainer_A-A-V:hover {
  background: rgba(0, 0, 0, 0.06);
}

.pannel_WkrS6 {
  z-index: 90;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  box-shadow: 0 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px;
  opacity: 1;
  visibility: visible;
}
.iconWrap_gCvje {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
.iconWrap_gCvje.active_JQNaT {
  background-color: #eaf1fc;
  color: var(--upime-active);
}
.iconWrapActive_TNNtF {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrap_gCvje:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrap_gCvje.active_JQNaT:hover {
  background-color: #dce3ed;
}
.do-hovers .iconWrapActive_TNNtF:hover {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .colorPannel_XPATK:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .temColorPannel_ESR6U:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .colorPannelActive_K9s1O:hover {
  background-color: #dce3ed;
}
.do-hovers .closeBt_ogkuQ:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .goBackContainer_pHWey:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .tempColorSelector_9QEiC:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .closeIcon_C9bfQ:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.shape_y1m5- {
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shapePannel_qNq4d {
  position: relative;
  left: 0;
  top: 0;
  width: 157px;
  flex-direction: column;
  padding: 16px 18.5px;
  transition: left 0.3s;
}
.shapePannel_qNq4d.toRight_GOaNi {
  left: 348px;
}
.uploadFileTypeSeletor_C8baN {
  position: relative;
  bottom: 0;
  top: auto;
  padding: 20px 10px 10px 10px;
  min-width: 302px;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: column;
}
.uploadFileTypeSeletor_C8baN .explain_dddHO {
  color: #0c1024;
  font-size: 12px;
  line-height: 20px;
}
.uploadFileTypeSeletor_C8baN .divider_2eSri {
  height: 1px;
  background-color: #e6e7e9;
  margin: 7px 0;
}
.uploadFileTypeSeletor_C8baN ul {
  margin: 13px 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
}
.uploadFileTypeSeletor_C8baN ul li {
  height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 10px;
  border-radius: 2px;
  cursor: pointer;
}
.uploadFileTypeSeletor_C8baN ul li h1 {
  font-size: 14px;
  font-weight: normal;
  color: var(--upime-main-text);
  margin: 0;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
}
.uploadFileTypeSeletor_C8baN ul li h1 .icon_VF7fi {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
.uploadFileTypeSeletor_C8baN ul li p {
  max-width: 262px;
  font-size: 12px;
  color: var(--upime-second-text);
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
}
.do-hovers .uploadFileTypeSeletor_C8baN li:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.timerPanelSelector_9xlnR {
  width: -moz-max-content;
  width: max-content;
  padding: 13px 12px;
  border-radius: 4px;
  position: relative;
  bottom: 0;
  top: auto;
}
.timerPanelSelector_9xlnR ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
}
.timerPanelSelector_9xlnR ul li {
  padding: 7px 8px;
  color: var(--upime-main-text);
  font-size: 14px;
  line-height: 22px;
  border-radius: 2px;
  cursor: pointer;
}
.timerPanelSelector_9xlnR ul li.active_JQNaT {
  background-color: #eaf1fc;
  color: var(--upime-active);
}
.do-hovers .timerPanelSelector_9xlnR li:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .timerPanelSelector_9xlnR li.active_JQNaT:hover {
  background-color: #dce3ed;
}
.mindmapPanel_M-yXE {
  width: -moz-max-content;
  width: max-content;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.mindmapSelector_7KPfV {
  width: 84px;
  height: 84px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.importXmindDivider_VsLEZ {
  width: 100%;
  height: 1px;
  background-color: #e6e7e9;
  margin: 12px 0;
}
.importXmindButton_YuXqL {
  min-width: 72px;
  height: 32px;
  padding: 0 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #f5f6f6;
  color: #0c1024;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer;
}
.do-hovers .importXmindButton_YuXqL:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.stickerPannel_iPXeD {
  position: relative;
  width: 152px;
  height: 552px;
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  overflow-y: auto;
  overflow-x: hidden;
}
.stickerPannel_iPXeD::-webkit-scrollbar {
  width: 4px;
}
.stickerPannel_iPXeD::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.stickerPannel_iPXeD::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.stickerPannel_iPXeD.stickerPannelHorizMode_PlQ3a {
  width: 548px;
  height: auto;
  gap: 8px;
}
.stickerPannel_iPXeD .colorPannel_XPATK {
  width: 56px;
  height: 58px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 2px;
  padding: 8px 8px 10px 8px;
}
.stickerPannel_iPXeD .colorPannel_XPATK .item_eddho {
  width: 40px;
  height: 40px;
  position: relative;
  z-index: 1;
}
.stickerPannel_iPXeD .colorPannel_XPATK:after {
  content: "";
  width: 30px;
  height: 5px;
  position: absolute;
  bottom: 7px;
  left: 13px;
  background-color: rgba(0,0,0,0.27843);
  filter: blur(2px);
}
.drawPannel_YH5qP {
  width: 48px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 0;
  background-color: transparent;
  box-shadow: none;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- {
  width: -moz-fit-content;
  width: fit-content;
  height: 48px;
  padding: 0 10px;
  flex-direction: row;
  flex-wrap: nowrap;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .drawTools_2WR0R {
  flex-direction: row;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .divider_2eSri {
  width: 1px;
  height: 24px;
  margin: 0 16px 0 10px;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .penList_nZVOU {
  flex-direction: row;
  width: -moz-fit-content;
  width: fit-content;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .penList_nZVOU .colorBorder_TY-65 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .sliderContainer_DjGB7 {
  width: 166px;
}
.drawPannel_YH5qP .drawTools_2WR0R {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.drawPannel_YH5qP .type_cj7IU {
  width: 24px;
  height: 24px;
}
.drawPannel_YH5qP .divider_2eSri {
  height: 1px;
  width: 24px;
  background-color: var(--upime-divider-bg);
  margin: 8px 0;
}
.drawPannel_YH5qP .penList_nZVOU {
  width: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.drawPannel_YH5qP .penList_nZVOU .penWrapper_jNjIw {
  width: 30px;
  height: 30px;
  border: solid 2px #ccc;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.drawPannel_YH5qP .penList_nZVOU .penWrapper_jNjIw.active_JQNaT {
  border-color: var(--upime-active);
}
.drawPannel_YH5qP .penList_nZVOU .penWrapper_jNjIw .pen_O-Iyz {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.drawPannel_YH5qP .penList_nZVOU .penWrapper_jNjIw .pen_O-Iyz .colorBorder_TY-65 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.drawPannel_YH5qP .penList_nZVOU .selectedTipIcon_m6VHy {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 7px;
  height: 7px;
  color: #2e73e5;
  transform: rotate(90deg);
}
.drawPannel_YH5qP .penList_nZVOU .penHorizMode_KmcVF .selectedTipIcon_m6VHy {
  top: 2px;
  transform: rotate(0deg);
}
.drawPannel_YH5qP .propsList_BkrNz {
  position: absolute;
  top: 180px;
  left: 56px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  visibility: hidden;
  transform: scale(0) translateY(-50%);
  opacity: 0;
  animation: show_scale_propsList_629Cg 0.3s forwards;
  transform-origin: left top;
  max-height: 520px;
}
.drawPannel_YH5qP .penDetailHorizModeBigScreen_f3lGv {
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  animation: show_scale_propsList_hor_hjG1b 0.3s forwards;
  transform-origin: center bottom;
}
@keyframes show_scale_propsList_629Cg {
  to {
    transform: scale(1) translateY(-50%);
    visibility: visible;
    opacity: 1;
  }
}
@keyframes show_scale_propsList_hor_hjG1b {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.widthPannel_O5J9u {
  padding: 0px 16px;
}
.widthPannel_O5J9u p {
  font-size: 12px;
  margin: 0;
}
.colorPannel_XPATK {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.colorPannel_XPATK .colorWrapper_teq-h {
  margin: 5px;
}
.colorPannel_XPATK .colorWrapper_teq-h .color_YOxI- {
  width: 30px;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
  padding: 4px;
  border-radius: 50%;
  cursor: pointer;
}
.colorPannel_XPATK .colorWrapper_teq-h .color_YOxI-.active_JQNaT {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--upime-active);
}
.colorPannel_XPATK .plusIcon_WSE-W {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.colorPannel_XPATK .plusIcon_WSE-W svg {
  cursor: pointer;
}
.hide_-V0-G {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
}
.connectLinePanel_yL-dU {
  width: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding: 10px 0;
}
.connectLinePanel_yL-dU.connectLineHorizMode_FSHnz {
  width: -moz-fit-content;
  width: fit-content;
  height: 48px;
  padding: 0 10px;
  flex-direction: row;
  flex-wrap: nowrap;
}
.connectLinePanel_yL-dU .item_eddho {
  width: 24px;
  height: 24px;
}
.colorPalette_0Z3Nu {
  padding-bottom: 0;
}
.tablePanel_0uphj {
  width: 150px;
  height: 175px;
  padding: 15px 15px 8px 15px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.tablePanel_0uphj .cell_qJKcF {
  width: 12px;
  height: 12px;
  border: 1px solid #cccccc;
}
.tablePanel_0uphj .hint_rRc6Q {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: var(--upime-main-text);
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  white-space: nowrap;
}
.tablePanel_0uphj .hint_rRc6Q span:nth-child(2) {
  margin-left: 4px;
  color: var(--upime-active);
  margin-right: 4px;
}
.private_icon_Yse6B {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.shapePanelBody_vE5nH {
  padding: 0 2px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.moreIconBtn_4OvxU {
  height: 36px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: #f5f6f6;
  font-size: 14px;
  color: #000;
  margin: 12px 0 8px;
  cursor: pointer;
}
.moreIconBtn_4OvxU:hover {
  background: rgba(0, 0, 0, 0.06);
}
.moreShapeIcon_vDi7d {
  margin-left: 1px;
  margin-right: 4px;
}
.moreIconBtnTip_kst9O {
  width: 124%;
  margin: 0 -12%;
  font-size: 12px;
  line-height: 20px;
  color: #91939c;
  text-align: center;
}
.penDetailHorizMode_r-JYZ {
  left: auto !important;
  left: initial !important;
  top: auto !important;
  top: initial !important;
}
.penDetailHorizMode_r-JYZ {
  bottom: calc(100% + 4px);
  right: 0;
}
.colorPannelActive_K9s1O {
  background-color: #eaf1fc;
}
.stickerTemPannel_QXcFN {
  position: relative;
  width: 300px;
  height: 560px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
  padding: 0;
}
.stickerTemPannel_QXcFN .temHead_iysPE {
  height: 56px;
  padding: 16px 16px 0;
  border-bottom: 1px solid #e6e7e9;
  display: flex;
  gap: 24px;
}
.stickerTemPannel_QXcFN .temHead_iysPE .temHeadLabel_hqab3 {
  font-size: 18px;
  color: #91939c;
  height: 100%;
  cursor: pointer;
}
.stickerTemPannel_QXcFN .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP {
  font-weight: 500;
  color: #0c1024;
  position: relative;
}
.stickerTemPannel_QXcFN .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0c1024;
}
.stickerTemPannel_QXcFN .temBody_1c1af {
  flex: 1;
  overflow: hidden;
  padding: 16px 2px 0 16px;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemMid_cM8mq {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemMid_cM8mq::-webkit-scrollbar {
  width: 4px;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemMid_cM8mq::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemMid_cM8mq::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemStickerContainer_UM5AD {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U {
  width: 64px;
  height: 64px;
  padding: 9px 10px 11px;
  position: relative;
  cursor: pointer;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U .temItem_BzWpu {
  width: 44px;
  height: 44px;
  position: relative;
  z-index: 1;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U:after {
  content: "";
  width: 34px;
  height: 5px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0,0,0,0.27843);
  filter: blur(2px);
}
.temPannelContainer_gD-I4 {
  width: 100%;
  height: 100%;
  padding-right: 8px;
  overflow: auto;
}
.temPannelContainer_gD-I4::-webkit-scrollbar {
  width: 4px;
}
.temPannelContainer_gD-I4::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.temPannelContainer_gD-I4::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.temPannelContainer_gD-I4.mindmapTemPannelContainer_Pam9m {
  padding-right: 14px;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y {
  display: flex;
  width: 100%;
  padding: 0px 0px 0px 16px;
  align-items: center;
  border-radius: 4px;
  background: #f5f6f6;
  margin-bottom: 16px;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .descPart_0eB1R {
  flex: 1;
  overflow: hidden;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .descPart_0eB1R .temDescTitle_b68Ec {
  font-size: 18px;
  color: #0c1024;
  margin-bottom: 4px;
  display: block;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .descPart_0eB1R .temDescContent_e7H6e {
  color: #424454;
  font-size: 13px;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .imageContainer_pBR-o {
  width: 100px;
  height: 120px;
  overflow: hidden;
  position: relative;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .imageContainer_pBR-o img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.mindmapTemPannel_96AKH {
  position: relative;
  width: 300px;
  height: 560px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
  padding: 0;
}
.mindmapTemPannel_96AKH .temHead_iysPE {
  height: 56px;
  padding: 16px 16px 0;
  border-bottom: 1px solid #e6e7e9;
  display: flex;
  gap: 24px;
}
.mindmapTemPannel_96AKH .temHead_iysPE.mindmap_vNdY9 {
  padding: 0 16px;
  align-items: center;
  justify-content: space-between;
}
.mindmapTemPannel_96AKH .temHead_iysPE .mindmapHeadTitle_WEi9k {
  font-size: 18px;
  color: #0c1024;
}
.mindmapTemPannel_96AKH .temHead_iysPE .temHeadLabel_hqab3 {
  font-size: 18px;
  color: #91939c;
  height: 100%;
  cursor: pointer;
}
.mindmapTemPannel_96AKH .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP {
  font-weight: 500;
  color: #0c1024;
  position: relative;
}
.mindmapTemPannel_96AKH .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0c1024;
}
.mindmapTemPannel_96AKH .temBody_1c1af {
  flex: 1;
  overflow: hidden;
  padding: 16px 2px 0 16px;
}
.mindmapTemPannel_96AKH .temBody_1c1af .stickerTemStickerContainer_UM5AD {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 4px;
  gap: 4px;
  padding-right: 14px;
}
.mindmapTemPannel_96AKH .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U {
  width: 64px;
  height: 64px;
  padding: 9px 10px 11px;
  position: relative;
  cursor: pointer;
}
.mindmapTemPannel_96AKH .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U .temItem_BzWpu {
  width: 44px;
  height: 44px;
  position: relative;
  z-index: 1;
}
.mindmapTemPannel_96AKH .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U:after {
  content: "";
  width: 34px;
  height: 5px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0,0,0,0.27843);
  filter: blur(2px);
}
.frameTemPannel_OBwnw {
  position: relative;
  width: 300px;
  height: 582px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
  padding: 0;
}
.frameTemPannel_OBwnw .temHead_iysPE {
  height: 56px;
  padding: 16px 12px 0 16px;
  border-bottom: 1px solid #e6e7e9;
  display: flex;
  gap: 24px;
}
.frameTemPannel_OBwnw .temHead_iysPE .temHeadLabel_hqab3 {
  font-size: 18px;
  color: #91939c;
  height: 100%;
  cursor: pointer;
}
.frameTemPannel_OBwnw .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP {
  font-weight: 500;
  color: #0c1024;
  position: relative;
}
.frameTemPannel_OBwnw .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0c1024;
}
.frameTemPannel_OBwnw .temHead_iysPE .closeBt_ogkuQ {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
  transform: translateY(-4px);
}
.frameTemPannel_OBwnw .temBody_1c1af {
  flex: 1;
  overflow: hidden;
  padding: 0px 2px 0 16px;
}
.frameTemPannel_OBwnw .temBody_1c1af .temMid_rVHS4 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.frameTemPannel_OBwnw .temBody_1c1af .temMid_rVHS4::-webkit-scrollbar {
  width: 4px;
}
.frameTemPannel_OBwnw .temBody_1c1af .temMid_rVHS4::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.frameTemPannel_OBwnw .temBody_1c1af .temMid_rVHS4::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.frameTemPannel_OBwnw .temBody_1c1af .templateFlexContainer_KFZ-f {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-right: 14px;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 {
  position: relative;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 .tempColorSelector_9QEiC {
  display: flex;
  align-items: center;
  padding: 0px 5px 0px 12px;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 2px;
  color: #0c1024;
  cursor: pointer;
  height: 28px;
  width: -moz-fit-content;
  width: fit-content;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 .tempColorSelector_9QEiC .colorCircle_bjGWy {
  width: 18px;
  height: 18px;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 .tempColorSelector_9QEiC .colorDownIconContainer_TsgHQ {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 .colorSelectList_J-nM2 {
  position: absolute;
  top: calc(100% + 4px);
  right: -8px;
  display: flex;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  z-index: 100;
  cursor: default;
}
.frameTemPannel_OBwnw .temBody_1c1af .frameLabel_CCBxp {
  color: #0c1024;
  margin-bottom: 8px;
  margin-top: 16px;
  display: block;
}
.temListContainer_9zrGf {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  gap: 12px;
  padding-bottom: 16px;
}
.temListContainer_9zrGf.frameTemList_vNXcK {
  padding-right: 14px;
}
.temCellContainer_sypU8 {
  height: 72px;
  border-radius: 4px;
  background-color: #f5f6f6;
  position: relative;
  overflow: hidden;
}
.temCellContainer_sypU8.largeMode_5UIMb {
  height: 158px;
  margin-bottom: 8px;
}
.temCellContainer_sypU8.hasBorder_uivH5 {
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.temCellContainer_sypU8.noHover_qGVCt {
  cursor: default;
}
.temCellContainer_sypU8 .img_fd8l9 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.temCellContainer_sypU8 .maskContainer_eVW8S {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.06);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 1;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.temCellContainer_sypU8 .maskContainer_eVW8S .maskButton_SgIRW {
  height: 28px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.temCellContainer_sypU8 .maskContainer_eVW8S .maskButton_SgIRW.largeBt_wrd3z {
  height: 40px;
  padding: 10px 16px;
}
.temCellContainer_sypU8 .maskContainer_eVW8S .maskButton_SgIRW.btLoading_dlAwd {
  cursor: not-allowed;
  background-color: #7eacef;
}
.loadingContainer_coKHU {
  animation: slow-show_9rwGk 0.3s forwards;
  overflow: hidden;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes slow-show_9rwGk {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 16px;
    opacity: 1;
  }
}
.imgLoading_qTQGH {
  animation: loading_l0xH0 1.5s linear infinite forwards;
}
@keyframes loading_l0xH0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cellLabel_YYclF {
  margin-top: 4px;
  font-size: 12px;
  color: #424454;
  text-align: center;
  min-height: 20px;
}
.childTemListContainer_-14EJ {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 100;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.childTemListContainer_-14EJ .childHead_kjdcB {
  height: 56px;
  padding: 0 12px 0 8px;
  border-bottom: 1px solid #e6e7e9;
  display: flex;
  align-items: center;
}
.childTemListContainer_-14EJ .childHead_kjdcB .goBackContainer_pHWey {
  display: flex;
  padding: 2px 8px 2px 0;
  align-items: center;
  cursor: pointer;
  border-radius: 2px;
}
.childTemListContainer_-14EJ .childHead_kjdcB .iconContainer_6Jskt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  cursor: pointer;
}
.childTemListContainer_-14EJ .childHead_kjdcB .iconContainer_6Jskt.closeIcon_C9bfQ {
  margin-left: auto;
  width: 32px;
  height: 32px;
}
.childTemListContainer_-14EJ .childHead_kjdcB .childHeadLabel_UmOmw {
  font-size: 18px;
  display: block;
  margin-left: 4px;
}
.childTemListContainer_-14EJ .bottomContainer_0vylD {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 16px;
  background-color: white;
  box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.04);
}
.childTemListContainer_-14EJ .childTemList_PrPGl {
  flex: 1;
  padding-bottom: 52px;
  padding-right: 2px;
  overflow: hidden;
}
.childTemListContainer_-14EJ .childTemList_PrPGl .childTemScrollList_-ycIi {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 16px 14px 8px;
}
.colorCircleCell_0O-kL {
  margin: 4px !important;
}

.batchUploadDialog_DG8Uv {
  width: 520px;
  padding: 24px 40px;
  border-radius: 8px;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.head_Kkq6o {
  width: 100%;
  color: #0C1024;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  /* 140% */
}
.closeBtn_YHxcA {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.closeBtn_YHxcA .closeIcon_MCEHe {
  width: 20px;
  height: 20px;
  color: #424454;
}
.clickDropArea_h78sT {
  margin-top: 24px;
  width: 100%;
  height: 140px;
  border-radius: 6px;
  border: 1px dashed #91939C;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.clickDropArea_h78sT.empty_IGxDl {
  cursor: pointer;
}
.clickDropArea_h78sT.dragOver_kNEqj {
  border: 1px dashed #2E73E5;
  background: #EAF1FC;
}
.uploadIcon_9zn1K {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2E73E5;
  font-size: 32px;
}
.uploadTip_9CoDV {
  margin-top: 12px;
  font-size: 14px;
  line-height: 22px;
  white-space: pre;
}
.uploadTip_9CoDV .text_3fuQZ {
  color: #0C1024;
}
.uploadTip_9CoDV .or_-28Id {
  color: #91939C;
  color: var(--Neutral-colorText-Tertiary, #91939C);
}
.successIcon_D8CJI {
  color: #2E73E5;
  width: 28px;
  height: 28px;
}
.successTip_DUgzy {
  font-size: 14px;
  line-height: 22px;
  color: #0C1024;
}
.reUpload_u3B7x {
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
  color: #2E73E5;
  cursor: pointer;
}
.agentSelect_Oce6P {
  margin-top: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.agentSelectTitle_8oaCk {
  color: #0C1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  /* 140% */
}
.agentSelectInput_7wod- {
  position: relative;
  margin-top: 4px;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #C2C3C8;
  font-size: 14px;
  line-height: 22px;
  color: #0C1024;
}
.agentSelectInput_7wod-.open_eie-a {
  border: 1px solid #2E73E5;
}
.agentSelectInput_7wod- .currentSelected_Q8YT- {
  display: flex;
  padding: 8px 11px;
  align-items: center;
  cursor: pointer;
}
.agentSelectInput_7wod- .currentSelected_Q8YT- .agentName_mvk59 {
  flex-grow: 1;
  font-size: 14px;
  line-height: 22px;
  color: #0C1024;
}
.agentSelectInput_7wod- .currentSelected_Q8YT- .agentName_mvk59.none_-r7Dv {
  color: #C2C3C8;
}
.agentSelectInput_7wod- .arrowIcon_RouwX {
  width: 16px;
  height: 16px;
  color: #424454;
}
.agentSelectInput_7wod- .arrowIcon_RouwX.open_eie-a {
  transform: rotate(180deg);
}
.agentList_aYGIk {
  position: absolute;
  z-index: 1;
  left: -1px;
  top: calc(100% + 4px);
  width: calc(100% + 2px);
  max-height: 228px;
  padding: 8px 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.agentList_aYGIk.hide_7DjUP {
  display: none;
}
.agentItem_pIotV {
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #0C1024;
  cursor: pointer;
}
.agentItem_pIotV.active_sB7uJ {
  background: #EAF1FC;
  color: #2E73E5;
}
.foot_KxJ6p {
  margin-top: 24px;
  width: 100%;
  padding-top: 24px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.foot_KxJ6p .btn_BWuM4,
.foot_KxJ6p .startBtn_BT1kC {
  border-radius: 4px;
  height: 40px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.foot_KxJ6p .btn_BWuM4 {
  border: 1px solid #DBDBDE;
  border: 1px solid var(--Neutral-colorBorder-Deep, #DBDBDE);
  color: #0C1024;
  padding: 8px 16px;
}
.foot_KxJ6p .startBtn_BT1kC {
  padding: 9px 16px;
  color: #FFF;
  display: flex;
  gap: 4px;
  align-items: center;
  background: linear-gradient(96deg, rgba(210, 115, 255, 0.45) 14.04%, rgba(64, 129, 255, 0.45) 81.47%, rgba(75, 141, 255, 0.45) 94.95%);
}
.foot_KxJ6p .startBtn_BT1kC .startIcon_dO4JH {
  width: 16px;
  height: 16px;
}
.foot_KxJ6p .startBtn_BT1kC.active_sB7uJ {
  background: linear-gradient(96deg, #D273FF 14.04%, #4081FF 81.47%, #4B8DFF 94.95%);
}
.do-hovers .clickDropArea_h78sT.empty_IGxDl:hover {
  border: 1px dashed #2E73E5;
  background: #EAF1FC;
}
.do-hovers .agentItem_pIotV:hover {
  background: #EAF1FC;
}

.rich_text_textarea_v9SYU {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
}
.add_anchor_FMzsv {
  background-color: var(--upime-pane-bg);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  width: 466px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  border-radius: 4px;
  padding: 16px;
  position: absolute;
}
.add_anchor_FMzsv .add_input_gyZY- {
  width: 296px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 1;
  position: relative;
}
.add_anchor_FMzsv .add_input_gyZY- input {
  padding-right: 40px;
}
.add_anchor_FMzsv .add_btns_i8eaR {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 40px;
}
.add_anchor_FMzsv .add_btns_i8eaR .btn_ELZwU {
  position: relative;
  padding: 0 12px;
  height: 32px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 2px;
}
.hover_anchor_d22JG {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow-x: hidden;
}
.hover_anchor_d22JG .linkWrapper_C1OOr {
  flex-shrink: 1;
  min-width: 0;
}
.hover_anchor_d22JG .linkWrapper_C1OOr .webLink_xoP5F {
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
}
.btn_wrapper_48-6D {
  flex-shrink: 0;
  position: relative;
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.switch_btn_group_vpBtn::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #dbdbde;
}
.edit_btn_group_mirnl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #dbdbde;
}
.edit_anchor_Mzonb {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  padding: 24px;
}
.input_group_wTGY8 {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.input_group_wTGY8:first-child {
  margin-top: 0;
}
.input_group_wTGY8 .label_Yt0HE {
  width: 42px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  color: var(--upime-main-text);
}
.input_group_wTGY8 .input_HFYMQ {
  width: 306px;
  height: 36px;
  border-radius: 4px;
  position: relative;
}
.input_group_wTGY8 .input_HFYMQ input {
  height: 36px;
  padding: 0 34px 0 12px;
}
.edit_btns_Z-HK9 {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.edit_btns_Z-HK9 .button_iQkDe {
  width: 64px;
  height: 32px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 2px;
}
.edit_btns_Z-HK9 .button_iQkDe:last-child {
  margin-left: 12px;
}
.mentionWrapper_XUk4n {
  position: absolute;
  background-color: white;
  width: 270px;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.mentionWrapper_XUk4n .allmenberRow_0SITM {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 38px;
  padding-left: 16px;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
}
.mentionWrapper_XUk4n .allmenberRow_0SITM.withBorder_Wj94G {
  border-bottom: 1px solid var(--upime-btn-bg-hover);
}
.mentionWrapper_XUk4n .allmenberRow_0SITM.selected_1JTya {
  color: var(--upime-active);
}
.mentionContainer_7ddXx {
  width: 100%;
  max-height: 235px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.mentionContainer_7ddXx::-webkit-scrollbar {
  width: 4px;
}
.mentionContainer_7ddXx::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.mentionContainer_7ddXx::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.mentionContainer_7ddXx .list_-EoDZ {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 16px;
  cursor: pointer;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W.selected_1JTya {
  color: var(--upime-active);
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W.selected_1JTya .info_PAw5- {
  color: var(--upime-active) !important;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W .avatar_jqASf {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  flex-shrink: 0;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W > span {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W .userName_t17LN {
  margin-left: 8px;
  max-width: 68px;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W .info_PAw5- {
  margin-left: 12px;
  color: var(--upime-second-text);
  max-width: 134px;
}
.mentionCard_AMZh- {
  position: absolute;
  background-color: white;
  width: 270px;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 12px;
}
.mentionMask_y2EM5 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  z-index: 30;
}
.mentionListPhoneWrapper_Ztlxm {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  background-color: white;
  box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
  z-index: 26;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo {
  width: 100%;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 24px;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  cursor: pointer;
  margin-bottom: 20px;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W:last-child {
  margin-bottom: 0;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W.allMentionRow_Mbr8B .avatar_jqASf {
  background-color: transparent;
  background-color: initial;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W .rest_0qFR- {
  flex: 1;
  margin-left: 12px;
  overflow: hidden;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W .rest_0qFR- .userName_t17LN {
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W .rest_0qFR- .info_PAw5- {
  color: var(--upime-second-text);
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4px;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W .avatar_jqASf {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB {
  padding: 8px 12px;
  height: 52px;
  background-color: #ffffff;
  border-top: 1px solid #e6e7e9;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #f5f6f6;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  overflow: hidden;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp .mentionIcon_8clD0 {
  color: #0c1024;
  flex-shrink: 0;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp .content_iCR05 {
  position: relative;
  height: 100%;
  white-space: nowrap;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp .cursor_6D3TP {
  height: 100%;
  width: 1px;
  background-color: #0c1024;
  animation: blink_MKUgP 1s infinite;
  flex-shrink: 0;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp .fillIn_Wbbzu {
  flex: 1;
}
@keyframes blink_MKUgP {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.link_-ufB5 {
  max-width: 171px;
  height: 50px;
  box-sizing: content-box;
  padding-left: 12px;
  padding-right: 12px;
}
.link_-ufB5 .linkText_ez4R5 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #2e73e5;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-decoration-line: underline;
  cursor: pointer;
}

.insert_panel_qlREk {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 24px 24px 40px 40px;
  width: 520px;
  font-size: 14px;
  border-radius: 8px;
  box-shadow: #000;
  display: flex;
  flex-direction: column;
}
.insert_panel_qlREk .content_S-l-i {
  display: flex;
  flex-direction: column;
}
.insert_panel_qlREk .content_S-l-i .header_mHSV7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.insert_panel_qlREk .content_S-l-i .close_VwJaq {
  color: #979797;
  cursor: pointer;
  font-size: 20px;
}
.insert_panel_qlREk .content_S-l-i .title_C2-Q5 {
  height: 28px;
  font-size: 20px;
  line-height: 28px;
  color: var(--upime-main-text);
  font-weight: 600;
}
.insert_panel_qlREk .content_S-l-i .desc_TjxNP {
  min-height: 22px;
  margin-top: 8px;
  line-height: 22px;
  color: #616371;
  font-size: 14px;
}
.insert_panel_qlREk .content_S-l-i .text_GQ1VV {
  margin: 40px 0 12px 0;
  color: var(--upime-main-text);
  font-size: 16px;
  height: 24px;
  line-height: 24px;
}
.insert_panel_qlREk .actions_e8nWs {
  display: flex;
}
.insert_panel_qlREk .actions_e8nWs .confirm_74CNI {
  font-size: 14px;
  height: 44px;
  width: 160px;
}
.insert_panel_qlREk .actions_e8nWs .confirm_74CNI:not(:first-child) {
  margin-left: 16px;
}
.do-hovers .close_VwJaq:hover {
  color: var(--upime-active);
}

.toast_yqf-W {
  position: fixed;
  z-index: 101;
  max-width: 440px;
  padding: 14px 24px;
  border-radius: 4px;
  background-color: #000000;
  display: flex;
  flex-direction: row;
  align-items: center;
  top: 0;
  left: 50%;
  opacity: 0;
  animation: show_2BsfS 0.2s 2s forwards;
  line-height: 22px;
  font-size: 14px;
  color: #ffffff;
  word-break: break-word;
  text-align: center;
  gap: 8px;
}
.toast_yqf-W .loadingIcon_TDUNF {
  width: 20px;
  height: 20px;
  animation: spin_LisXh 1.5s linear infinite;
}
@keyframes spin_LisXh {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes show_2BsfS {
  0% {
    opacity: 0;
    transform: translate(-50%, -10px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 8px);
  }
}

.cm_item_asvXL {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_asvXL.disabled_iIaCP {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_asvXL.autoWidth_VTUOp {
  width: auto;
  min-width: 40px;
}
.icon_box_6J6Jo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_6J6Jo.active_X0Xmn {
  color: var(--upime-active);
}
.bling_item_vTJrp {
  opacity: 0.8;
}
.hidden_a-Qgo {
  visibility: hidden !important;
}
.hidden_all_8PtsK {
  visibility: hidden !important;
}
.hidden_all_8PtsK * {
  visibility: hidden !important;
}
.show_all_MkoAo {
  visibility: visible !important;
}
.show_all_MkoAo * {
  visibility: visible !important;
}
.pane_q2THJ {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_zwF3t {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_4jCjp {
  visibility: hidden;
  opacity: 0;
  animation: show_zwF3t 0.5s forwards;
}
@keyframes show_scale_ciK-M {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_ciK-M {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_ciK-M 0.3s forwards;
}
.show_scale_ciK-M.right_Swqj- {
  transform-origin: left center;
}
.show_scale_ciK-M.left_EER78 {
  transform-origin: right center;
}
.show_scale_ciK-M.bottom_RiL6q {
  transform-origin: center top;
}
.show_scale_ciK-M.top_YmrDb {
  transform-origin: center bottom;
}
.show_scale_ciK-M.left_top_xrDcl {
  transform-origin: right top;
}
.show_scale_ciK-M.top_left_qMXCX {
  transform-origin: bottom left;
}
.show_scale_ciK-M.bottom_left_iOf4H {
  transform-origin: top left;
}
.show_scale_ciK-M.top_right_-jylv {
  transform-origin: bottom right;
}
.show_scale_ciK-M.bottom_right_JFcBx {
  transform-origin: top right;
}
.show_scale_ciK-M.right_top_qqsYu {
  transform-origin: left top;
}
.show_scale_ciK-M.right_bottom_lpZDK {
  transform-origin: left bottom;
}
.show_scale_ciK-M.left_bottom_hLgNA {
  transform-origin: right bottom;
}
.btn_style_glgDY {
  cursor: pointer;
}
.btn_style_glgDY:active,
.btn_style_glgDY.on_hpQlA {
  color: var(--upime-active);
}
.btn_style_glgDY.disabled_iIaCP {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_2FqnV {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_6J6Jo:hover {
  opacity: 1;
}
.do-hovers .bling_item_vTJrp:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_glgDY:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_2FqnV:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_3ushw:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_ZRCg4:hover {
  color: var(--upime-main-text);
}
.rotateY180_R7Fc4 {
  transform: rotateY(180deg);
}
.titleIcon_3ushw {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_3ushw.active_X0Xmn {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_3ushw.active_X0Xmn {
  color: var(--upime-active);
}
.moreIcon_ZRCg4 {
  cursor: pointer;
}
.moreIcon_ZRCg4 svg {
  color: #303445;
}
.moreIcon_ZRCg4.active_X0Xmn svg {
  color: var(--upime-main-text);
}
@keyframes loading_HYT8c {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_JqXkY {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_HYT8c 1s linear infinite forwards;
}
.AIButtonContainer_fQtcv {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_fQtcv.transparent_z8YSb {
  opacity: 0;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm.AIShow_TKUuj {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm.AIHide_Yf4cL {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm.AIButtonHover_xn1N0:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm.AIButtonDisabled_HO9B2 {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm .AIButtonImage_EAtPk {
  width: 32px;
  height: 32px;
}
.sub_win_container_fLV4z {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_fLV4z::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_fLV4z::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_fLV4z::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_fLV4z .sub_win_child_wrapper_O0OTJ:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_fLV4z .sub_win_child_wrapper_O0OTJ:not(:first-child) .sub_win_child_mwTjU {
  padding-top: 0;
}
.sub_win_flexalbe_container_A42AC {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_A42AC * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG:not(:first-child) .flexable_scroll_inner_b8hBC {
  padding-top: 0px;
}
.phoneMode .sub_win_container_fLV4z {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_A42AC {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_ZA-CG {
  animation: safariUpdate_7yapC 0.1s forwards;
}
.safariOn .sub_win_container_fLV4z {
  animation: safariUpdate_7yapC 0.1s forwards;
}
@keyframes safariUpdate_7yapC {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_MqExA {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_MqExA .noColorStylePart_uwwSj + .noColorStylePart_uwwSj {
  margin-top: 8px;
}
.noColorStyleContainer_MqExA .partlabel_5kDGv {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_MqExA .partlabel_5kDGv.disabled_iIaCP {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_fLV4z,
.phoneMode .sub_win_flexalbe_container_A42AC {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_fLV4z .flexable_scroll_wrapper_ZA-CG:not(:first-child),
.phoneMode .sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_MqExA {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_MqExA .noColorStylePart_uwwSj + .noColorStylePart_uwwSj {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_MqExA .partlabel_5kDGv {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.iconRoot_PEMXa {
  align-self: flex-end;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  margin-right: 8px;
  pointer-events: auto;
}
.iconRoot_PEMXa.hover_ZtkNk {
  cursor: pointer;
}
.iconRoot_PEMXa .iconWrap_x7xUP {
  width: 36px;
  height: 36px;
}
.iconRoot_PEMXa > svg {
  width: 28px;
  height: 28px;
}
.iconRoot_PEMXa.bigScreenMode_TuXLT {
  padding: 6px;
  height: auto;
  height: initial;
}
.iconRoot_PEMXa.bigScreenMode_TuXLT .iconWrap_x7xUP {
  width: 44px;
  height: 44px;
}
.tipContent_2BdPE {
  white-space: pre-wrap;
}
.iconWrap_x7xUP {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.do-hovers .hoverContainer_HVmA7:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .active_X0Xmn .iconWrap_x7xUP:hover {
  background-color: #eaf1fc;
}
.do-hovers .remainIcon_1eLck:hover {
  color: var(--upime-active);
}
.do-hovers .recommendLabel_mOVAs:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.do-hovers .temCell_NjgRv:hover .border_HJrmJ {
  opacity: 1 !important;
}
.do-hovers .temImg_ESmOm {
  transition: all 0.1s;
}
.do-hovers .temImg_ESmOm:hover {
  scale: 1.03;
}
.draggableRoot_T4sPj {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: auto;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.draggableRoot_T4sPj.round_PX7db {
  border-radius: 12px;
}
.do-hovers .header_tDpjB > svg:hover {
  color: var(--upime-active);
}
.do-hovers .textIconBox_fmoxN:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .toggleBox_g9PUS:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.loadingWrap_LZelf {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.balls_Sj9dv {
  width: 75px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.balls_Sj9dv div {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--upime-active);
}
.balls_Sj9dv div:nth-of-type(1) {
  transform: translateX(-100%);
  animation: left-swing_w1Kec 0.5s ease-in alternate infinite;
}
.balls_Sj9dv div:nth-of-type(3) {
  transform: translateX(-95%);
  animation: right-swing_E5ceA 0.5s ease-out alternate infinite;
}
@keyframes left-swing_w1Kec {
  50%,
  100% {
    transform: translateX(95%);
  }
}
@keyframes right-swing_E5ceA {
  50% {
    transform: translateX(-95%);
  }
  100% {
    transform: translateX(100%);
  }
}
.resizeBtn_xld1r {
  opacity: 0;
}
.hideAll_2OaVO {
  visibility: hidden;
}
.hideAll_2OaVO * {
  visibility: hidden;
}
.notShow_7iwwM {
  display: none;
}
.dashboardContainer_S9zoJ {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  --duration: 0.2s;
  border: 1px solid #c7d2e4;
  border-radius: 12px;
}
.dashboardContainer_S9zoJ.chatDashboardContainer_1zlVW .dashbardContentContainer_X6cpu {
  padding: 0;
}
.dashboardContainer_S9zoJ.inDashboard_7XNdx .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z {
  padding: 18px 6px 20px 12px;
  overflow-y: scroll;
}
.dashboardContainer_S9zoJ.inDashboard_7XNdx .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 {
  padding: 16px 20px 20px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0px -2px 24px 0px rgba(0, 0, 0, 0.04);
}
.dashboardContainer_S9zoJ.inDashboard_7XNdx .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1.phoneMode_a8JLi {
  padding-top: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF {
  padding: 10px 12px 10px 11px;
  cursor: move;
  border-bottom: 1px solid transparent;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF.borderBottom_eXIdN {
  border-bottom: 1px solid #e6e7e9;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .dashboardFirstRow_EhH0E {
  display: flex;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk {
  color: #303133;
  font-size: 20px;
  display: flex;
  align-items: center;
  transition: transform var(--duration);
  height: 100%;
  overflow: hidden;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .hoverRoot_DNdV5 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #91939c;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .hoverRoot_DNdV5:hover {
  color: var(--upime-active);
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .tipIconContainer_LB9d1 {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .backIconContainer_Aj5yv {
  border-radius: 2px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .titleContent_rqJqZ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk.hideIcon_Zn0dd {
  transform: translateX(-24px);
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk.hideIcon_Zn0dd .backIconContainer_Aj5yv {
  opacity: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .backIcon_Munih {
  transition: opacity var(--duration);
  width: 24px;
  margin-right: 8px;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .clearContainer_hvcb2 {
  display: flex;
  cursor: pointer;
  padding: 8px;
  border-radius: 2px;
  flex-shrink: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .clearContainer_hvcb2 .clearIconContainer_eBo-P {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .split_line_D1HrO {
  width: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.06);
  margin-top: 8px;
  flex-shrink: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .dashboardHeadSubRow_Lp-iR {
  transition: padding var(--duration);
  padding-left: 12px;
  margin-top: -5px;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .dashboardHeadSubRow_Lp-iR.inSubWindow_2SKvE {
  padding-left: 36px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu {
  height: calc(100% - 74px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu.tinyHead_xiLz6 {
  height: calc(100% - 57px);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z {
  overflow-y: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z.flex_Erx5S {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z .aiThinkerChat_HQ9EH,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z .sandboxChat_2N1Cu {
  padding: 16px 20px 0 20px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z .aiThinkerChat_HQ9EH.hide_2anFa,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z .sandboxChat_2N1Cu.hide_2anFa {
  display: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiChatListContainer_jVwf9 {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiChatListContainer_jVwf9.hide_2anFa {
  height: 0;
  opacity: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorContent_ULKoV {
  color: #303445;
  font-size: 14px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z {
  min-width: 128px;
  height: 44px;
  padding: 0 16px 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px 0px #eaf1fc;
  border: 1px solid transparent;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z.active_X0Xmn {
  border: 1px solid #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z .translateSelectorText_6IlMa {
  color: #303445;
  font-size: 14px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z .arrowIcon_9uLid {
  color: #91939c;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 {
  padding: 12px 20px 20px 20px;
  border-radius: 12px;
  position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .newIntroRoot_-YGfp {
  bottom: calc(100% + 15px);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe.multiRow_va-v8,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8.multiRow_va-v8 {
  flex-wrap: wrap;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B {
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  background-color: #f5f6f6;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .textIconBox_fmoxN,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .textIconBox_fmoxN {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .textIconBox_fmoxN .skillIcon_1t8Go,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .textIconBox_fmoxN .skillIcon_1t8Go {
  width: 16px;
  height: 16px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .textIconBox_fmoxN .skillIcon_1t8Go img,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .textIconBox_fmoxN .skillIcon_1t8Go img {
  width: 100%;
  height: 100%;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .textIconBox_fmoxN .skillText_NhE-U,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .textIconBox_fmoxN .skillText_NhE-U {
  font-size: 12px;
  line-height: 22px;
  color: #0c1024;
  white-space: nowrap;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .verticalLine_v-04s,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .verticalLine_v-04s {
  width: 1px;
  height: 16px;
  background-color: #e6e7e9;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .toggleBox_g9PUS,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .toggleBox_g9PUS {
  padding: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .toggleBox_g9PUS.active_X0Xmn,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .toggleBox_g9PUS.active_X0Xmn {
  background-color: #eaf1fc;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .toggleBox_g9PUS.active_X0Xmn > svg,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .toggleBox_g9PUS.active_X0Xmn > svg {
  color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .noRightBorderRadius_oQzJj,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .noRightBorderRadius_oQzJj {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .noLeftBorderRadius_GQD2P,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .noLeftBorderRadius_GQD2P {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .pptDropdown_HYN9u,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .pptDropdown_HYN9u {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .translateDropdown_mmJ5n,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .translateDropdown_mmJ5n {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .collapseIconBox_fYwUZ,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .collapseIconBox_fYwUZ {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  border-radius: 5px;
  background-color: #f5f6f6;
  cursor: pointer;
  position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .collapseIconBox_fYwUZ:hover,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .collapseIconBox_fYwUZ:hover {
  background-color: #e9eaea;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .collapseIconBox_fYwUZ.active_X0Xmn,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .collapseIconBox_fYwUZ.active_X0Xmn {
  background-color: #eaf1fc;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .collapseIconBox_fYwUZ.active_X0Xmn > svg,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .collapseIconBox_fYwUZ.active_X0Xmn > svg {
  color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8.phoneModeInDashboard_OzvxC {
  overflow-x: scroll;
  padding-top: 16px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8.phoneModeInDashboard_OzvxC::-webkit-scrollbar {
  display: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe {
  visibility: hidden;
  position: absolute;
  left: 9999px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .contextAction_C7ZoU {
  padding: 4px 12px;
  border-radius: 4px;
  background: #F5F6F6;
  font-size: 12px;
  line-height: 22px;
  color: #0c1024;
  position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .contextAction_C7ZoU .clear_U8YSS {
  position: absolute;
  right: -6px;
  top: -6px;
  color: #c2c3c8;
  cursor: pointer;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  margin-left: auto;
  padding: 4px;
  border-radius: 2px;
  cursor: pointer;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d .skillBtnIconBox_QUYrT {
  margin-right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d .skillBtnText_qeXAO {
  font-size: 14px;
  color: #0c1024;
  line-height: 22px;
  margin-right: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d .skillBtnToggle_QO-2y {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d.active_X0Xmn {
  background-color: #eaf1fc;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d.active_X0Xmn .skillBtnToggle_QO-2y,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d.active_X0Xmn .skillBtnText_qeXAO {
  color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 44px;
  gap: 8px;
  border-radius: 8px;
  background: linear-gradient(white, white) padding-box, linear-gradient(96.41deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%) border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 0 8px 0 #eaf1fc;
  padding: 4px 4px 4px 12px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm[\:has\(.sphereBox\)] {
  padding: 4px 4px 4px 6px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm:has(.sphereBox_T-eRv) {
  padding: 4px 4px 4px 6px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm.showOptionArea_fdXX2 {
  padding: 8px 10px;
  flex-direction: column;
  align-items: center;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm.showOptionArea_fdXX2 .actionContainer_-tufS {
  width: 100%;
  margin: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm.showOptionArea_fdXX2 .input_4bx8x {
  margin-bottom: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm.dashboardInputRow_2HWEL {
  margin-top: 8px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputContainer2_fbr3y {
  position: relative;
  flex: 1;
  width: 100%;
  border-radius: 10px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .sphereBox_T-eRv {
  width: 34px;
  height: 34px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .sphereBox_T-eRv img {
  width: 100%;
  height: 100%;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputDomContainer_FDpqP {
  position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputDomContainer_FDpqP .qingchuHotarea_pDq9- {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputDomContainer_FDpqP .qingchuHotarea_pDq9-.phone_dsr-h {
  width: 36px;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputDomContainer_FDpqP .qingchuIcon_A-pKX {
  color: #dbdbde;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x {
  width: 100%;
  background-color: white;
  border: none;
  outline: none;
  color: #303133;
  font-size: 14px;
  padding: 0;
  line-height: 22px;
  height: 22px;
  display: block;
  font-family: inherit;
  -ms-overflow-style: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x.oneLine_3PQ4Z {
  height: 48px;
  padding-right: 48px;
  border-radius: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x.oneLine_3PQ4Z.phone_dsr-h {
  padding-right: 36px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x::-moz-placeholder {
  color: #c2c3c8;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x::placeholder {
  color: #c2c3c8;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x::-webkit-scrollbar {
  display: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x.hideOverflow_RyYL8 {
  overflow: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x.supportInput_9ly-Q {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .actionBt_vi8wB {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  cursor: pointer;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2e73e5;
  transition: background-color var(--duration);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .actionBt_vi8wB.actionBtDisabled_193sQ {
  background-color: #abc7f5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .actionBt_vi8wB .actionIcon_Y9Dza {
  color: white;
  transform: translate(3px, -2px) rotate(325deg);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .loadingGifContainer_pKA8- {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .loadingGifContainer_pKA8- .loadingGif_c53xn {
  width: 36px;
  height: 36px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: -4px 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw {
  display: flex;
  padding: 5px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #f5f6f6;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw.active_X0Xmn {
  background-color: #eaf1fc;
  color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw.active_X0Xmn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), #eaf1fc;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw.active_X0Xmn .optionIcon_mXI91 {
  color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw.active_X0Xmn .dot_gKe2E {
  background: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), #f5f6f6;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw .optionIcon_mXI91 {
  width: 14px;
  height: 14px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw .dot_gKe2E {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #c2c3c8;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U {
  height: 100%;
  display: grid;
  align-content: flex-start;
  align-items: flex-start;
  grid-template-columns: repeat(auto-fit, minmax(94px, 1fr));
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  cursor: pointer;
  padding: 12px 8px;
  border-radius: 8px;
  position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A:hover {
  background-color: #f5f6f6;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .extraAiEntityImageContainer_WQia0 {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .extraAiEntityImageContainer_WQia0::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  z-index: 1;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .extraAiEntityImageContainer_WQia0 .cellImage_Mfm6p {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellImage_Mfm6p {
  height: 30px;
  width: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellLabel_ko2ZU {
  color: #303445;
  text-align: center;
  line-height: 20px;
  word-break: keep-all;
  font-size: 13px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellLabel_ko2ZU.extraAiEntityLabel_FoTfW {
  word-break: inherit;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .chatRecommendListContainer_sMDy6 {
  padding: 18px 24px 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .recommendListLabel_9GnLz {
  font-size: 12px;
  color: #0c1024;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .recommendListContainer_9-Gaj {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .recommendListContainer_9-Gaj .recommendLabel_mOVAs {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: #f5f6f6;
  cursor: pointer;
  font-size: 14px;
  color: #0c1024;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .genPPTtypeSelectorContainer_MLTFK {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .genPPTtypeSelectorContainer_MLTFK .genPPTtypeCell_E-wV1 {
  display: flex;
  padding: 4px 16px;
  align-items: center;
  gap: 4px;
  border-radius: 40px;
  border: 1px solid #e6e7e9;
  color: #0c1024;
  cursor: pointer;
  font-size: 14px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .genPPTtypeSelectorContainer_MLTFK .genPPTtypeCell_E-wV1.active_X0Xmn {
  border: 1px solid #2e73e5;
  background-color: #2e73e5;
  color: white;
}
.dashboardContainer_S9zoJ.phone_dsr-h {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  --duration: 0s;
  border: none;
  border-radius: 12px 12px 0 0;
}
.dashboardContainer_S9zoJ.phone_dsr-h.interpretation_EEL7q .dashbardContentContainer_X6cpu,
.dashboardContainer_S9zoJ.phone_dsr-h.chatDashboardContainer_1zlVW .dashbardContentContainer_X6cpu {
  padding: 0;
}
.dashboardContainer_S9zoJ.phone_dsr-h.inDashboard_7XNdx .dashbardContentContainer_X6cpu {
  padding-right: 0;
}
.dashboardContainer_S9zoJ.phone_dsr-h.inDashboard_7XNdx .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z {
  padding: 18px 0px;
}
.dashboardContainer_S9zoJ.phone_dsr-h.pwa_EuEca {
  padding-bottom: 44px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashboardHead_RXJaF {
  padding: 11px 4px 0px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashboardHead_RXJaF .headTitle_wQptk {
  font-size: 18px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashboardHead_RXJaF .dashboardHeadSubRow_Lp-iR {
  margin-bottom: 9px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu {
  flex: 1;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U {
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A {
  height: auto;
  gap: 8px;
  padding: 8px 0;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A:hover {
  background-color: transparent;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellImage_Mfm6p {
  height: 36px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellLabel_ko2ZU {
  font-size: 14px;
  line-height: 22px;
  color: #303445;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z {
  height: auto;
  min-width: 0px;
  padding: 0 16px 0 4px;
  box-shadow: none;
  background-color: transparent;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z .arrowIcon_9uLid {
  transform: rotate(-90deg);
  margin-left: 4px;
  opacity: 0.8;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 {
  padding-left: 16px;
  padding-right: 16px;
}
.mlauto_Jm1ft {
  margin-left: auto;
}
.childrenOptionContainer_qPgxp {
  width: 128px;
  padding: 8px 0;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  color: rgba(12, 16, 36, 0.8);
  font-size: 12px;
}
.childrenOptionContainer_qPgxp .childRow_zA83c {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-size: 14px;
  height: 40px;
  padding: 0 16px;
  overflow: hidden;
  padding-left: 16px;
  cursor: pointer;
}
.childrenOptionContainer_qPgxp .childRow_zA83c:hover {
  background-color: #f5f6f6;
}
.totalError_qPN9M {
  color: #fe5250;
}
.iframe_FR0dK {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: none;
}
.modalBox_GlVHU {
  width: 480px;
  border-radius: 12px;
  background-color: #ffffff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modalBox_GlVHU .modalContent_PcKKR {
  flex: 1;
  overflow: hidden;
}
.modalBox_GlVHU .modalContent_PcKKR .contentRow_FD44H {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.modalBox_GlVHU .modalContent_PcKKR .contentRow_FD44H .iconContaienr_cdpRQ {
  width: 28px;
  height: 28px;
  color: #fe5250;
  flex-shrink: 0;
}
.modalBox_GlVHU .modalContent_PcKKR .contentRow_FD44H .modalContent_PcKKR {
  font-size: 20px;
  line-height: 24px;
  overflow: hidden;
  word-break: keep-all;
}
.modalBox_GlVHU .modalContent_PcKKR .tipRow_pXwkJ {
  line-height: 22px;
  color: #616371;
  font-size: 14px;
  margin-top: 8px;
}
.modalBox_GlVHU .actionsRow_LxnLW {
  display: flex;
  flex-direction: row-reverse;
  gap: 12px;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB {
  padding: 0 20px;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e6e7e9;
  outline: none;
  color: #0c1024;
  font-size: 16px;
  cursor: pointer;
  transition-property: background-color, color, border-color;
  transition-duration: 0.2s;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB:hover {
  border-color: #5798f2;
  color: #5798f2;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB:active {
  border-color: #1d56bf;
  color: #1d56bf;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB.primary_1EECK {
  background-color: #fe5250;
  border: none;
  color: white;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB.primary_1EECK:hover {
  background-color: #ff7f78;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB.primary_1EECK:active {
  background-color: #d9383b;
}
.outlineWrapper_GAJr8 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  -ms-overflow-style: none;
}
.outlineWrapper_GAJr8::-webkit-scrollbar {
  display: none;
}
.outlineWrapper_GAJr8 .outlineModalBox_gQfYO {
  margin-top: 40px;
  height: calc(100% - 80px);
  min-height: 480px;
  margin-bottom: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.outlineModalContainer_4Rbxe {
  max-width: 760px;
  min-width: 480px;
  width: calc(100% - 40px);
  background-color: white;
  height: 100%;
  border-radius: 12px;
  color: #0c1024;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.outlineModalContainer_4Rbxe .outlineHeader_u1kev {
  height: 68px;
  border-bottom: 1px solid #e6e7e9;
  padding: 0px 12px 0 40px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.outlineModalContainer_4Rbxe .outlineHeader_u1kev .headerCloseContainer_vX7cq {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  cursor: pointer;
  margin-left: -14px;
  transition: all 0.15s;
}
.outlineModalContainer_4Rbxe .outlineHeader_u1kev .headerCloseContainer_vX7cq.hideClose_u9wrx {
  width: 0px;
  opacity: 0;
  margin-left: 0;
  pointer-events: none;
}
.outlineModalContainer_4Rbxe .outlineHeader_u1kev .outlineHeaderTitle_bBD1J {
  font-size: 20px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv {
  overflow: hidden;
  padding: 20px 4px 20px 40px;
  width: 100%;
  height: 100%;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ {
  width: 100%;
  height: 100%;
  padding-right: 36px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ::-webkit-scrollbar {
  width: 4px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ > * {
  flex-shrink: 0;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineLabel_fR1w2 {
  font-size: 16px;
  margin-bottom: 8px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z {
  height: 48px;
  width: 100%;
  display: flex;
  gap: 8px;
  overflow: hidden;
  border-radius: 4px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc {
  flex: 1;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  overflow: hidden;
  position: relative;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc .titleInputDom_k-k-K {
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  padding: 0 40px 0 12px;
  font-size: 16px;
  font-weight: 600;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc .titleInputDom_k-k-K::-moz-placeholder {
  color: var(--upime-disable);
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc .titleInputDom_k-k-K::placeholder {
  color: var(--upime-disable);
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc .outlineClearIcon_GeIhn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  color: #c2c3c8;
  cursor: pointer;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleBtContainer_Kauc5 {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: linear-gradient(90deg, rgba(73, 217, 255, 0.9), rgba(187, 168, 241, 0.9), rgba(255, 90, 157, 0.9));
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleBtContainer_Kauc5.titleBtContainerDisabled_-arzV {
  background: linear-gradient(90deg, rgba(73, 217, 255, 0.3), rgba(187, 168, 241, 0.3), rgba(255, 90, 157, 0.3));
  cursor: not-allowed;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineMain_L0fBQ {
  background-color: #f5f6f6;
  border-radius: 2px;
  padding: 16px;
  flex: 1;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineMain_L0fBQ .skeletionList_GlGnD {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR {
  width: 100%;
  height: 100%;
  padding-right: 12px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 10px;
  align-content: flex-start;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR::-webkit-scrollbar {
  width: 4px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  align-items: center;
  line-height: 22px;
  font-size: 14px;
  padding-bottom: 4px;
  position: relative;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv .border_HJrmJ {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border: 2px solid #2e73e5;
  border-radius: 4px;
  pointer-events: none;
  z-index: 200;
  opacity: 0;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv .border_HJrmJ.borderShow_QMo-p {
  opacity: 1;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv.temCellActive_xENmS {
  color: #2e73e5;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv .imgContainer_LL8-4 {
  border: 1px rgba(211, 211, 211, 0.5) solid;
  border-radius: 4px;
  width: 220px;
  height: 250px;
  overflow: hidden;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv .imgContainer_LL8-4 .temImg_ESmOm {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.outlineModalContainer_4Rbxe .submitBtContainer_EEeSN {
  padding: 0 40px 20px 40px;
}
.outlineModalContainer_4Rbxe .submitBtContainer_EEeSN .submitBt_mAmgQ {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #2e73e5;
  color: white;
  cursor: pointer;
  height: 40px;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.outlineModalContainer_4Rbxe .submitBtContainer_EEeSN .submitBt_mAmgQ.submitBtDisabled_nG-jg {
  background-color: #abc7f5;
  cursor: not-allowed;
}
.skeletonContainer_jBr5E {
  width: 100%;
  height: 48px;
  background-color: #ececee;
  border-radius: 4px;
  overflow: hidden;
}
.skeletonContainer_jBr5E.skeletonAni_FoNoM {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading_rLBVx 1.4s ease infinite;
}
@keyframes skeleton-loading_rLBVx {
  from {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.h44_QhQQK {
  height: 44px;
}
.closeContainer_BOKKe {
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  flex-shrink: 0;
}
.remainTipContainer_ItAW1 {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  line-height: 22px;
  margin-right: 4px;
}
.remainTipContainer_ItAW1 .remainTip_HB-sa {
  color: #616371;
  font-size: 14px;
}
.remainTipContainer_ItAW1 .remainIcon_1eLck {
  width: 16px;
  height: 16px;
  overflow: hidden;
  cursor: pointer;
  color: #91939c;
  margin-right: 12px;
}
.mbMD_Ur6fJ {
  margin-bottom: 20px;
}
.betatag_ZLvQt {
  position: absolute;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 15px;
  margin-left: 40px;
  margin-top: -4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
  white-space: nowrap;
}
.phoneContainer_qN25Z .skillText_NhE-U {
  font-size: 13px !important;
}

.cm_item_woFo2 {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_woFo2.disabled_-fWQg {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_woFo2.autoWidth_nnY9k {
  width: auto;
  min-width: 40px;
}
.icon_box_S5Joe {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_S5Joe.active_q-JS0 {
  color: var(--upime-active);
}
.bling_item_V7sAj {
  opacity: 0.8;
}
.hidden_03mmr {
  visibility: hidden !important;
}
.hidden_all_hfGCy {
  visibility: hidden !important;
}
.hidden_all_hfGCy * {
  visibility: hidden !important;
}
.show_all_ldRC3 {
  visibility: visible !important;
}
.show_all_ldRC3 * {
  visibility: visible !important;
}
.pane_lzMTG {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_lmdBL {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_lP-oN {
  visibility: hidden;
  opacity: 0;
  animation: show_lmdBL 0.5s forwards;
}
@keyframes show_scale_v9Zjz {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_v9Zjz {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_v9Zjz 0.3s forwards;
}
.show_scale_v9Zjz.right_EYVTA {
  transform-origin: left center;
}
.show_scale_v9Zjz.left_6UAk5 {
  transform-origin: right center;
}
.show_scale_v9Zjz.bottom_0Pr-I {
  transform-origin: center top;
}
.show_scale_v9Zjz.top_8d4zn {
  transform-origin: center bottom;
}
.show_scale_v9Zjz.left_top_pBvac {
  transform-origin: right top;
}
.show_scale_v9Zjz.top_left_cTViK {
  transform-origin: bottom left;
}
.show_scale_v9Zjz.bottom_left_bMuu1 {
  transform-origin: top left;
}
.show_scale_v9Zjz.top_right_Q0DLy {
  transform-origin: bottom right;
}
.show_scale_v9Zjz.bottom_right_bw3-d {
  transform-origin: top right;
}
.show_scale_v9Zjz.right_top_V9sHa {
  transform-origin: left top;
}
.show_scale_v9Zjz.right_bottom_as6uy {
  transform-origin: left bottom;
}
.show_scale_v9Zjz.left_bottom_P-NL0 {
  transform-origin: right bottom;
}
.btn_style_RQajD {
  cursor: pointer;
}
.btn_style_RQajD:active,
.btn_style_RQajD.on_oyy5B {
  color: var(--upime-active);
}
.btn_style_RQajD.disabled_-fWQg {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_h-W-P {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_S5Joe:hover {
  opacity: 1;
}
.do-hovers .bling_item_V7sAj:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_RQajD:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_h-W-P:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_ea5Bi:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_Q0ohc:hover {
  color: var(--upime-main-text);
}
.rotateY180_Oiioe {
  transform: rotateY(180deg);
}
.titleIcon_ea5Bi {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_ea5Bi.active_q-JS0 {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_ea5Bi.active_q-JS0 {
  color: var(--upime-active);
}
.moreIcon_Q0ohc {
  cursor: pointer;
}
.moreIcon_Q0ohc svg {
  color: #303445;
}
.moreIcon_Q0ohc.active_q-JS0 svg {
  color: var(--upime-main-text);
}
@keyframes loading_kgU-L {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_uK8F7 {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_kgU-L 1s linear infinite forwards;
}
.AIButtonContainer_5-YbV {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_5-YbV.transparent_9k3Hf {
  opacity: 0;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au.AIShow_hABmC {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au.AIHide_ILpfb {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au.AIButtonHover_p8xVt:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au.AIButtonDisabled_DZoPm {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au .AIButtonImage_1XZsH {
  width: 32px;
  height: 32px;
}
.sub_win_container_lIIAl {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_lIIAl::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_lIIAl::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_lIIAl::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_lIIAl .sub_win_child_wrapper_uAsvZ:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_lIIAl .sub_win_child_wrapper_uAsvZ:not(:first-child) .sub_win_child_COZdN {
  padding-top: 0;
}
.sub_win_flexalbe_container_exDlu {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_exDlu * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c:not(:first-child) .flexable_scroll_inner_LNadK {
  padding-top: 0px;
}
.phoneMode .sub_win_container_lIIAl {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_exDlu {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_CKc-c {
  animation: safariUpdate_vMjqb 0.1s forwards;
}
.safariOn .sub_win_container_lIIAl {
  animation: safariUpdate_vMjqb 0.1s forwards;
}
@keyframes safariUpdate_vMjqb {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_xQ7OC {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_xQ7OC .noColorStylePart_LqYlX + .noColorStylePart_LqYlX {
  margin-top: 8px;
}
.noColorStyleContainer_xQ7OC .partlabel_4BfrS {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_xQ7OC .partlabel_4BfrS.disabled_-fWQg {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_lIIAl,
.phoneMode .sub_win_flexalbe_container_exDlu {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_lIIAl .flexable_scroll_wrapper_CKc-c:not(:first-child),
.phoneMode .sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_xQ7OC {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_xQ7OC .noColorStylePart_LqYlX + .noColorStylePart_LqYlX {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_xQ7OC .partlabel_4BfrS {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.container_9dtPv {
  position: relative;
}
.container_9dtPv.disabled_-fWQg {
  pointer-events: none;
}
.container_9dtPv .headHotAreaContainer_t0Y9h {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 44px;
}
.container_9dtPv .listNodeContainer_iFOig {
  margin-bottom: 8px;
  height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.15s;
}
.container_9dtPv .listNodeContainer_iFOig.hide_w982n {
  height: 0px;
  margin-bottom: 0;
  overflow: hidden;
  opacity: 0;
}
.container_9dtPv .listNodeContainer_iFOig .iconContainer_El7ex {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 2px;
}
.container_9dtPv .listNodeContainer_iFOig .iconContainer_El7ex .icon_0cXkx {
  transition: all 0.15s;
}
.container_9dtPv .listNodeContainer_iFOig .iconContainer_El7ex .icon_0cXkx.collapsed_As2E1 {
  transform: rotate(-90deg);
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA {
  flex: 1;
  height: 100%;
  background-color: white;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 4px;
  padding: 0 8px 0 4px;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid transparent;
  overflow: hidden;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA.active_q-JS0 {
  border: 1px solid #2e73e5;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA input {
  font-size: 16px;
  font-weight: 500;
  font-family: inherit;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA.subRow_NBKS0 {
  margin-left: 18px;
  font-weight: 400;
  font-size: 14px;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA.subRow_NBKS0 input {
  font-size: 14px;
  font-weight: 400;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA.rowDragging_--pwi {
  opacity: 0.2;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .indexContainer_jhFO0 {
  height: 100%;
  min-width: 22px;
  flex-shrink: 0;
  text-align: center;
  line-height: 44px;
  color: #303445;
  font-weight: 400;
  font-size: 12px;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U {
  flex: 1;
  overflow: hidden;
  height: 100%;
  margin-right: 12px;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U .text_5slZl {
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U .text_5slZl.placeholder_zLtV7 {
  color: var(--upime-disable);
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 0;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U input::-moz-placeholder {
  color: var(--upime-disable);
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U input::placeholder {
  color: var(--upime-disable);
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .actionIconContainer_tMmdd {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #616371;
  border-radius: 2px;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .actionIconContainer_tMmdd.disabled_-fWQg {
  color: #c2c3c8;
  cursor: not-allowed;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .iconGap_VWG-h + .iconGap_VWG-h {
  margin-left: 12px;
}
.reciveLine_Yymqn {
  width: 100%;
  height: 0;
  position: relative;
  transform: translateY(-3px);
}
.reciveLine_Yymqn.inBottom_TbMTV {
  transform: translateY(40px);
}
.reciveLine_Yymqn::after {
  content: "";
  background-color: #2e73e5;
  border-radius: 2px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
}
.reciveLine_Yymqn.subLine_6zneL::after {
  left: 48px;
}
.do-hovers .hoverContainer_YpluY {
  cursor: pointer;
}
.do-hovers .hoverContainer_YpluY:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .row_9mCtA:hover:not(.noHover_fdFu7) {
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
}
.showWhenHoverContainer_nmeME .showWhenHover_XEHg9 {
  transition: all 0.15s;
  opacity: 0;
}
.showWhenHoverContainer_nmeME:not(.noHover_fdFu7):hover .showWhenHover_XEHg9 {
  opacity: 1;
}
.dragContainer_POdMu {
  border: 1px solid #e6e7e9 !important;
  cursor: move !important;
}
.dragContainer_POdMu {
  background-color: white;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 4px;
  padding: 0 8px 0 4px;
  font-size: 16px;
  overflow: hidden;
  z-index: 99;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: fixed;
  width: 0;
  height: 0;
}
.dragContainer_POdMu.subRow_NBKS0 {
  margin-left: 0 !important;
}
.dragContainer_POdMu .actionIconContainer_tMmdd {
  opacity: 0 !important;
}

.cm_item_9B79N {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_9B79N.disabled_hcqt4 {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_9B79N.autoWidth_RmW4l {
  width: auto;
  min-width: 40px;
}
.icon_box_ZB93O {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_ZB93O.active_krheO {
  color: var(--upime-active);
}
.bling_item_LSmPY {
  opacity: 0.8;
}
.hidden_SBAWa {
  visibility: hidden !important;
}
.hidden_all_m1Lw4 {
  visibility: hidden !important;
}
.hidden_all_m1Lw4 * {
  visibility: hidden !important;
}
.show_all_5CC42 {
  visibility: visible !important;
}
.show_all_5CC42 * {
  visibility: visible !important;
}
.pane_4qdRw {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_SrKv2 {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_mTH5h {
  visibility: hidden;
  opacity: 0;
  animation: show_SrKv2 0.5s forwards;
}
@keyframes show_scale_5es11 {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_5es11 {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_5es11 0.3s forwards;
}
.show_scale_5es11.right_5zFDI {
  transform-origin: left center;
}
.show_scale_5es11.left_CuqdK {
  transform-origin: right center;
}
.show_scale_5es11.bottom_-bQvt {
  transform-origin: center top;
}
.show_scale_5es11.top_F8ZK2 {
  transform-origin: center bottom;
}
.show_scale_5es11.left_top_9vC7I {
  transform-origin: right top;
}
.show_scale_5es11.top_left_uVlP6 {
  transform-origin: bottom left;
}
.show_scale_5es11.bottom_left_eY08x {
  transform-origin: top left;
}
.show_scale_5es11.top_right_5FRki {
  transform-origin: bottom right;
}
.show_scale_5es11.bottom_right_CkCH3 {
  transform-origin: top right;
}
.show_scale_5es11.right_top_UNpdO {
  transform-origin: left top;
}
.show_scale_5es11.right_bottom_j7mgO {
  transform-origin: left bottom;
}
.show_scale_5es11.left_bottom_4COjd {
  transform-origin: right bottom;
}
.btn_style_QXz43 {
  cursor: pointer;
}
.btn_style_QXz43:active,
.btn_style_QXz43.on_mNVg6 {
  color: var(--upime-active);
}
.btn_style_QXz43.disabled_hcqt4 {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_d9jHI {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_ZB93O:hover {
  opacity: 1;
}
.do-hovers .bling_item_LSmPY:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_QXz43:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_d9jHI:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_oVgXt:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_5-CEq:hover {
  color: var(--upime-main-text);
}
.rotateY180_XJETa {
  transform: rotateY(180deg);
}
.titleIcon_oVgXt {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_oVgXt.active_krheO {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_oVgXt.active_krheO {
  color: var(--upime-active);
}
.moreIcon_5-CEq {
  cursor: pointer;
}
.moreIcon_5-CEq svg {
  color: #303445;
}
.moreIcon_5-CEq.active_krheO svg {
  color: var(--upime-main-text);
}
@keyframes loading_IPunO {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_iJ66O {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_IPunO 1s linear infinite forwards;
}
.AIButtonContainer_nbryS {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_nbryS.transparent_yZMe8 {
  opacity: 0;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15 {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15.AIShow_uw-1B {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15.AIHide_P6PBD {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15.AIButtonHover_sw74H:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15.AIButtonDisabled_lR1V3 {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15 .AIButtonImage_U3Qkw {
  width: 32px;
  height: 32px;
}
.sub_win_container_D7k6b {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_D7k6b::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_D7k6b::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_D7k6b::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_D7k6b .sub_win_child_wrapper_fQsc3:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_D7k6b .sub_win_child_wrapper_fQsc3:not(:first-child) .sub_win_child_9J4un {
  padding-top: 0;
}
.sub_win_flexalbe_container_pS2ZJ {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_pS2ZJ * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya:not(:first-child) .flexable_scroll_inner_3fQf9 {
  padding-top: 0px;
}
.phoneMode .sub_win_container_D7k6b {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_pS2ZJ {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_D2jya {
  animation: safariUpdate_qEEov 0.1s forwards;
}
.safariOn .sub_win_container_D7k6b {
  animation: safariUpdate_qEEov 0.1s forwards;
}
@keyframes safariUpdate_qEEov {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_cEGXT {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_cEGXT .noColorStylePart_uIYLH + .noColorStylePart_uIYLH {
  margin-top: 8px;
}
.noColorStyleContainer_cEGXT .partlabel_OGP3w {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_cEGXT .partlabel_OGP3w.disabled_hcqt4 {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_D7k6b,
.phoneMode .sub_win_flexalbe_container_pS2ZJ {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_D7k6b .flexable_scroll_wrapper_D2jya:not(:first-child),
.phoneMode .sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_cEGXT {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_cEGXT .noColorStylePart_uIYLH + .noColorStylePart_uIYLH {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_cEGXT .partlabel_OGP3w {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.colorPaletteNextContainer_D97G0 {
  width: 240px;
  padding: 12px;
  color: #0c1024;
  cursor: default;
}
.colorPaletteNextContainer_D97G0.noEdit_-VWmm {
  opacity: 0.2;
  cursor: not-allowed;
}
.colorPaletteNextContainer_D97G0.noEdit_-VWmm * {
  pointer-events: none;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX {
  margin-bottom: 8px;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX:last-child {
  margin-bottom: 0;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .groupLabel_stVsk {
  padding-left: 6px;
  font-size: 12px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .groupLabel_stVsk .groupBt_gpuiW {
  padding: 4px 6px;
  border-radius: 2px;
  cursor: pointer;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .groupLabel_stVsk .groupBt_gpuiW.btEditing_-Ug1q {
  color: var(--upime-active);
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .groupColorList_XBESj {
  display: flex;
  flex-wrap: wrap;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 {
  padding: 6px;
  flex-shrink: 0;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  color: #424454;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ.noBorder_OMCeB {
  color: #dbdbde;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ.noBorder_OMCeB::after {
  display: none;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ.colorActive_iXgCp::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 6px;
  border: 2px solid #2e73e5;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ .deleteBtContainer_aob4f {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  right: -7px;
  top: -7px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.15);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .addColorItem_nwdss {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  color: #424454;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .addColorItem_nwdss:active {
  border: 1px solid #1d56bf !important;
  color: #1d56bf !important;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .noColor_UzKM5 {
  position: absolute;
  width: 18px;
  height: 1px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) rotate(-45deg);
  border-radius: 1px;
  background-color: #c2c3c8;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .edropper_2wMb9 {
  display: none;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX:first-child .edropper_2wMb9 {
  display: block;
}
.do-hovers .addColorItem_nwdss:not(.isPicking_ZdzBm):hover {
  border: 1px solid #5798f2 !important;
  color: #5798f2 !important;
}
.do-hovers .groupBt_gpuiW:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .deleteBtContainer_aob4f:hover {
  background-color: rgba(0, 0, 0, 0.45) !important;
}
.do-hovers .eyedropperContainer_A0yV6:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .colorItem_RO-70:not(.noHover_r0FU8) .colorInner_VrboQ {
  cursor: pointer;
}
.do-hovers .colorItem_RO-70:not(.noHover_r0FU8):hover .colorInner_VrboQ::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 6px;
  border: 2px solid #5798f2;
}
.eyedropperContainer_A0yV6 {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eyedropperContainer_A0yV6.using_JGyxz {
  background-color: rgba(0, 0, 0, 0.06);
  color: var(--upime-active);
}
.eyedropperContainer_A0yV6 .eyedropper_fjYHt {
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.colorRectContainer_yqArl {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  position: relative;
}
.colorRectContainer_yqArl .colorRectInner_FyyBo {
  position: absolute;
  border-radius: 4px;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.colorRectContainer_yqArl .colorRectInner_FyyBo::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.colorRectContainer_yqArl .colorRectInner_FyyBo.noBorder_OMCeB::after {
  display: none;
}
.tick_slider_next_G-B7w {
  width: 100%;
  height: 24px;
  padding: 0 6px;
  touch-action: none;
}
.tick_slider_next_G-B7w.disabled_hcqt4 {
  opacity: 0.2;
  cursor: not-allowed;
}
.tick_slider_next_G-B7w .tick_slider_inner_sV50S {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tick_slider_next_G-B7w .bottom_layer_7l90k {
  width: 100%;
  height: 2px;
  background-color: #0c1024;
  border-radius: 2px;
}
.tick_slider_next_G-B7w .tick_DllN5 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0c1024;
}
.tick_slider_next_G-B7w .shade_T1w2Z {
  position: absolute;
  top: 0;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.8);
}
.tick_slider_next_G-B7w .shade_T1w2Z .ball_hFWs9 {
  width: 12px;
  height: 12px;
  transform: translate(-50%, 6px);
  border-radius: 50%;
  background-color: #0c1024;
}
.tick_slider_next_G-B7w .shade_T1w2Z .ball_hFWs9.atLeft_5prpt {
  transform: translate(0%, 6px);
}
.tick_slider_next_G-B7w .shade_T1w2Z .ball_hFWs9.atRight_wSEMU {
  transform: translate(-100%, 6px);
}
.phoneMode .colorPaletteNextContainer_D97G0 {
  width: 100%;
  max-height: none;
  max-height: initial;
  padding: 16px 0;
}
.phoneMode .colorPaletteNextContainer_D97G0 .groupColorList_XBESj {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
}
.phoneMode .colorPaletteNextContainer_D97G0 .groupColorList_XBESj::-webkit-scrollbar {
  display: none;
}
.phoneMode .colorPaletteNextContainer_D97G0 .groupColorList_XBESj .colorItem_RO-70 {
  width: 40px;
  height: 40px;
  padding: 5px;
}
.phoneMode .colorPaletteNextContainer_D97G0 .groupColorList_XBESj .colorItem_RO-70:first-child {
  margin-left: 16px;
}
.phoneMode .tick_slider_next_G-B7w {
  height: 30px;
}
.phoneMode .shade_T1w2Z {
  height: 30px;
}
.phoneMode .shade_T1w2Z .ball_hFWs9 {
  transform: translate(-50%, 9px);
}
.phoneMode .shade_T1w2Z .ball_hFWs9.atLeft_5prpt {
  transform: translate(0%, 9px);
}
.phoneMode .shade_T1w2Z .ball_hFWs9.atRight_wSEMU {
  transform: translate(-100%, 9px);
}

.root_bZ74x {
  pointer-events: auto;
  position: absolute;
  width: 182px;
  border-radius: 2px;
  background: white;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.root_bZ74x .palette_lnSy8 {
  width: 100%;
  height: 120px;
  cursor: crosshair;
  overflow: hidden;
  position: absolute;
}
.root_bZ74x .palette_lnSy8 .saturation_cover_EkxWs {
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.root_bZ74x .palette_lnSy8 .saturation_cover_EkxWs .brightness_cover_3Vwg- {
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0));
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.root_bZ74x .palette_lnSy8 .picker_3EUSt {
  cursor: move;
  position: absolute;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  border-radius: 50%;
  border: 2px solid white;
  top: 0;
  left: 0;
}
.root_bZ74x .hueTrack_dhq4X {
  position: absolute;
  top: 120px;
  width: 100%;
  height: 10px;
}
.root_bZ74x .hueTrack_dhq4X .trackCon_n-f2C {
  background: red;
  width: 100%;
  height: 100%;
}
.root_bZ74x .hueTrack_dhq4X .trackCon_n-f2C .trackBg_Brar5 {
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.root_bZ74x .hueTrack_dhq4X .btn_6LtSL {
  position: absolute;
  top: -3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  cursor: ew-resize;
}
.root_bZ74x .inputCon_EFU-I {
  position: absolute;
  width: 100%;
  height: 50px;
  top: 130px;
  display: flex;
  flex-direction: row;
  color: var(--upime-main-text);
  line-height: 22px;
  font-size: 14px;
  align-items: center;
  padding: 0 16px;
  justify-content: space-between;
}
.root_bZ74x .inputCon_EFU-I input {
  color: var(--upime-main-text);
  border: none;
  width: 60px;
}
.root_bZ74x .inputCon_EFU-I .eyedropper_bxtRo {
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.do-hovers .eyedropper_bxtRo:hover {
  color: var(--upime-active);
}

.borderRadiusEditorWrap_Gi-9- {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorButton_7DyOZ {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorSubWindow_QlSSo {
  padding: 16px;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  cursor: default;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputLabel_-Fb1W {
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv {
  width: 112px;
  height: 38px;
  box-sizing: content-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #DBDBDE;
  background-color: #FFF;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv[focus-within] {
  border-color: #2E73E5;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv:focus-within {
  border-color: #2E73E5;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusInput_SlWdB {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  padding: 12px;
  border: none;
  color: #424454;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 6px;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectWrap_CQha- {
  width: 32px;
  height: 38px;
  position: relative;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelect_JxqP7 {
  width: 32px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #DBDBDE;
  background: rgba(0, 0, 0, 0.06);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA {
  position: absolute;
  top: calc(100% + 1px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: 112px;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  width: 100%;
  padding: 0px 16px;
  cursor: pointer;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm:active {
  background: #EAF1FC;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm:active .borderRadiusSelectOptionName_Gnzds,
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm:active .borderRadiusSelectOptionValue_kkz6k {
  color: #2e73e5;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm .borderRadiusSelectOptionName_Gnzds {
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm .borderRadiusSelectOptionValue_kkz6k {
  color: #91939C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.do-hovers .borderRadiusEditorButton_7DyOZ:hover {
  background-color: #f5f6f6;
}
.do-hovers .borderRadiusSelectOption_YgjQm:hover {
  background: rgba(0, 0, 0, 0.06);
}
.currentBorderRadiusDomWidget_L7PVE {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 8px;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.ratioBlock_T7Pb7 {
  display: flex;
  width: 64px;
  height: 64px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
  border-radius: 2px;
  cursor: pointer;
  gap: 4px;
}
.ratioBlock_T7Pb7.active_Ui-Ge {
  background-color: #eaf1fc;
  color: var(--upime-active);
}
.ratioBlock_T7Pb7 span {
  font-size: 12px;
  text-align: center;
}
.do-hovers .ratioBlock_T7Pb7:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .ratioBlock_T7Pb7.active_Ui-Ge:hover {
  background-color: #dce3ed;
}
.frameTypeEditor_vAZvs {
  min-width: 74px;
  font-size: 14px;
  height: 50px;
  text-align: center;
}
.typeLabelContainer_EbMr- {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameTypeLabel_EQXEm {
  height: 40px;
  line-height: 40px;
  min-width: 40px;
  text-align: center;
  padding: 0 5px;
}
.do-hovers .frameTypeLabel_EQXEm:hover {
  background: var(--upime-btn-bg-hover);
}
.ratiosPanel_JQ-LQ {
  width: 292px;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 8px 12px;
  gap: 4px;
}
.ratiosPanel_JQ-LQ.noPadding_ktU6u {
  padding: 0;
  width: auto;
}
.framePresentRoot_d4EJ8 {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.framePresentRoot_d4EJ8 .framePresentIconBox_q7yOs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.do-hovers .framframePresentIconBoxe_fit_content_btn_2iNVm:hover {
  background: var(--upime-btn-bg-hover);
}
.fitContainer_yaLLV {
  display: flex;
  align-items: center;
}
.fitContainer_yaLLV .expandPanel_KGv7a {
  height: 96px;
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.fitContainer_yaLLV .expandPanel_KGv7a .row_iwIdl {
  width: 100%;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 0px 16px;
}
.fitContainer_yaLLV .expandPanel_KGv7a .row_iwIdl > span {
  font-size: 14px;
  color: var(--upime-main-text);
  line-height: 20px;
  white-space: nowrap;
}
.fitContainer_yaLLV .expandPanel_KGv7a .row_iwIdl > svg {
  color: var(--upime-active);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  left: 16px;
}
.frame_fit_content_btn_ucW9E {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .frame_fit_content_btn_ucW9E:hover {
  background: var(--upime-btn-bg-hover);
}
.fitIconMoreTriangle_F1Jro {
  display: flex;
  align-items: center;
  padding: 16px 4px;
  border-radius: 2px;
  cursor: pointer;
}
.fitIconMoreTriangle_F1Jro.active_Ui-Ge {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .fitIconMoreTriangle_F1Jro:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .expandPanel_KGv7a .row_iwIdl:hover {
  background-color: var(--upime-btn-bg-hover);
}
.frameStyleTabSwitch_1D6gh {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  background: #F5F6F6;
  cursor: default;
}
.frameStyleTabSwitch_1D6gh .frameStyleTabBtn_6RbEB {
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  padding: 4px;
  flex: 1;
  border-radius: 4px;
  color: #91939C;
  cursor: pointer;
}
.frameStyleTabSwitch_1D6gh .frameStyleTabBtn_6RbEB.selected_ipVlF {
  background: #FFF;
  color: #0C1024;
}
.bgImgEditArea_J3gBU {
  margin-top: 8px;
  padding: 0 18px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  cursor: default;
}
.bgImgEditArea_J3gBU .imgPreviewBox_QTunz {
  width: 204px;
  height: 204px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
}
.bgImgEditArea_J3gBU .previewImg_TfQiB {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.bgImgEditArea_J3gBU .uploadShadow_DhYYr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  display: none;
}
.bgImgEditArea_J3gBU .uploadShadow_DhYYr.show_K6-lx {
  display: inline;
  display: initial;
}
.bgImgEditArea_J3gBU .imgUploadBtn_3-5ap {
  position: absolute;
  width: 120px;
  height: 32px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}
.bgImgEditArea_J3gBU .comfirmBtn_IOgHe {
  margin-top: 8px;
  padding: 5px 12px;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.do-hovers .imgPreviewBox_QTunz:hover .uploadShadow_DhYYr {
  display: inline;
  display: initial;
}

.tipContent_57bBR {
  width: 170px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.tipContent_57bBR .tipItem_-fNrh {
  word-break: normal;
  word-wrap: normal;
}
.iconContainer_XNCD- {
  padding: 4px;
  display: flex;
}
.iconContainer_XNCD- .icon_ZPFcS {
  width: 16px;
  height: 16px;
  cursor: pointer;
  color: #91939c;
}

.container_cJZMW {
  width: 520px;
  border-radius: 12px;
  padding: 16px 40px 24px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.container_cJZMW .title_IHdSQ {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin: 8px 0 4px;
}
.container_cJZMW .subTitle_E7Uds {
  color: #91939c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.container_cJZMW .closeBtn_dHltI {
  width: 44px;
  height: 44px;
  padding: 12px;
  border-radius: 2px;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 16px;
}
.container_cJZMW .content_cDJlB {
  margin-top: 24px;
}
.container_cJZMW .content_cDJlB .totalText_PEwOn {
  color: #424454;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 8px;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- {
  height: 48px;
  display: flex;
  background: #f5f6f6;
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  align-items: center;
  border-bottom: 1px solid #e6e7e9;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- .name_rYrhP {
  width: 308px;
  display: flex;
  align-items: center;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- .name_rYrhP .checkbox_DQ1w8 {
  margin-left: 12px;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- .name_rYrhP .text_6G7NF {
  margin-left: 12px;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- .size_hXCHI {
  margin-left: 12px;
}
.container_cJZMW .content_cDJlB .fileList_otGAK {
  height: 245px;
  overflow-y: auto;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6e7e9;
  height: 49px;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .name_rYrhP {
  width: 308px;
  display: flex;
  align-items: center;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .name_rYrhP .text_6G7NF {
  margin-left: 8px;
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .name_rYrhP .checkbox_DQ1w8 {
  margin-left: 12px;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .name_rYrhP .fileIcon_gEy8S {
  width: 24px;
  height: 24px;
  margin-left: 12px;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .size_hXCHI {
  margin-left: 12px;
  color: #91939c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.container_cJZMW .dialogButtons_hCB64 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.container_cJZMW .dialogButtons_hCB64 .cancelBtn_IvsuI,
.container_cJZMW .dialogButtons_hCB64 .confirmBtn_pY9y- {
  padding-left: 16px;
  padding-right: 16px;
}
.container_cJZMW .dialogButtons_hCB64 .confirmBtn_pY9y-.exporting_4kpSc .loadingIcon_YTYXC {
  animation: loading_daw1g 1.5s linear infinite forwards;
}
.do-hovers .closeBtn_dHltI:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.fileSizeCheckDrawer_CgomC {
  display: flex;
  flex-direction: column;
  height: calc(1vh * 100 - 98px);
  height: calc(var(--vh, 1vh) * 100 - 98px);
}
.fileSizeCheckDrawer_CgomC.landscape_4O2Mq {
  height: calc(1vh * 100 - 40px);
  height: calc(var(--vh, 1vh) * 100 - 40px);
}
.fileSizeCheckDrawer_CgomC .titleContainer_kEsus {
  padding: 16px;
  border-bottom: 1px solid #e6e7e9;
  position: relative;
  flex: none;
}
.fileSizeCheckDrawer_CgomC .titleContainer_kEsus .title_Tl4ka {
  color: #0c1024;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}
.fileSizeCheckDrawer_CgomC .titleContainer_kEsus .subTitle_oA2uS {
  color: #91939c;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fileSizeCheckDrawer_CgomC .titleContainer_kEsus .closeBtn_gSclz {
  position: absolute;
  top: 19px;
  right: 16px;
  width: 20px;
  height: 20px;
}
.fileSizeCheckDrawer_CgomC .totalText_nspF9 {
  flex: none;
  padding: 12px 20px;
  color: #424454;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd {
  flex: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha {
  display: flex;
  padding: 12px 20px;
  align-items: center;
  gap: 12px;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha.selected_I3nMP {
  background: #f5f6f6;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha .fileIcon_E4tN0 {
  width: 36px;
  height: 36px;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha .fileInfo_4uzCW {
  flex: auto;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha .fileInfo_4uzCW .name_Y6bqO {
  color: #0c1024;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  width: calc(100vw - 150px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha .fileInfo_4uzCW .size_Li-ut {
  color: #91939c;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.fileSizeCheckDrawer_CgomC .buttonContainer_UEVpI {
  flex: none;
  padding: 8px 20px 16px;
}
.fileSizeCheckDrawer_CgomC .buttonContainer_UEVpI .button_2e8DW {
  line-height: 44px;
  text-align: center;
  border-radius: 4px;
  background: #2e73e5;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}
.fileSizeCheckDrawer_CgomC .buttonContainer_UEVpI .button_2e8DW.disabled_Y-CPx {
  background-color: #abc7f5;
  color: rgba(255, 255, 255, 0.65);
}

.root_Zwz3e {
  position: absolute;
  width: 196px;
  height: 98px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  padding: 16px;
  justify-content: space-between;
  z-index: 100;
  visibility: hidden;
}
.root_Zwz3e .header_Ft9KD {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.root_Zwz3e .header_Ft9KD svg {
  width: 20px;
  height: 20px;
  color: var(--upime-danger);
}
.root_Zwz3e .header_Ft9KD > span {
  font-size: 14px;
  line-height: 22px;
  margin-left: 4px;
  word-break: break-word;
}
.root_Zwz3e .actions_H2E-6 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.root_Zwz3e .actions_H2E-6 .btn_3uZdP {
  min-width: 40px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
}
.root_Zwz3e .actions_H2E-6 .cancelBtn_cgEwz {
  min-width: 38px;
  border: 1px solid #e6e7e9;
  color: var(--upime-main-text);
}
.root_Zwz3e::after {
  content: "";
  z-index: 1;
  position: absolute;
  width: 14px;
  height: 14px;
  left: calc(50% - 7px);
  top: calc(100% - 8px);
  transform: rotate(45deg);
  background-color: white;
  box-shadow: 1.5px 1.5px 1px rgba(0, 0, 0, 0.02);
}
.phoneContainer_Ip-9Z {
  width: 278px;
  height: 129px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  text-align: center;
}
.phoneContainer_Ip-9Z .header_Ft9KD {
  height: 80px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  line-height: 80px;
  font-weight: 500;
}
.phoneContainer_Ip-9Z .header_Ft9KD span {
  word-break: break-word;
}
.phoneContainer_Ip-9Z .actions_H2E-6 {
  height: 48px;
  line-height: 48px;
}
.phoneContainer_Ip-9Z .actions_H2E-6 .btn_3uZdP {
  width: 139px;
  display: inline-block;
}
.phoneContainer_Ip-9Z .actions_H2E-6 .cancelBtn_cgEwz {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.phoneContainer_Ip-9Z .actions_H2E-6 .deleteBtn_RmPeA {
  color: #fe5250;
}
.do-hovers .cancelBtn_cgEwz:hover {
  border: 1px solid #e6e7e9;
  color: var(--upime-main-text);
}

.collapsedSkillsContainer_YZQOU {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 101;
  display: flex;
  flex-direction: column;
  min-width: 146px;
  padding: 8px 0;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.collapsedSkillsContainer_YZQOU .collapsedSkillRow_e1rtj {
  padding: 9px 16px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.collapsedSkillsContainer_YZQOU .collapsedSkillRow_e1rtj .skillIcon_tTooi {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.collapsedSkillsContainer_YZQOU .collapsedSkillRow_e1rtj .skillIcon_tTooi img {
  width: 100%;
  height: 100%;
}
.collapsedSkillsContainer_YZQOU .collapsedSkillRow_e1rtj .skillText_JEKEO {
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  margin-right: 10px;
}
.collapsedSkillsContainer_YZQOU .collapsedSkillRow_e1rtj .skillArrow_hqCue {
  color: #424454;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 0px;
}
.collapsedSkillsContainer_YZQOU .collapsedSkillRow_e1rtj:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.pptSkillDropdown_mgU4S {
  padding: 8px 0;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  min-width: 120px;
  white-space: nowrap;
  z-index: 101;
}
.pptSkillDropdown_mgU4S .pptSkillDropdownRow_FDzzw {
  display: flex;
  cursor: pointer;
  gap: 4px;
  padding: 9px 16px;
}
.pptSkillDropdown_mgU4S .pptSkillDropdownRow_FDzzw .pptDropdownIcon_WO515 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pptSkillDropdown_mgU4S .pptSkillDropdownRow_FDzzw .pptDropdownText_ZkQx1 {
  font-size: 14px;
  line-height: 22px;
}
.pptSkillDropdown_mgU4S .pptSkillDropdownRow_FDzzw:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.pptSkillDrawer_OoaRW {
  display: flex;
  flex-direction: column;
}
.pptSkillDrawer_OoaRW .pptSkillDrawerRow_HbekW {
  padding: 16px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.translateSkillDrawer_ZKwa2 {
  display: flex;
  flex-direction: column;
}
.translateSkillDrawer_ZKwa2 .tranlateSkillDrawerRow_epFju {
  padding: 16px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.translateSkillDropdown_ZeQ6g {
  padding: 8px 0;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  min-width: 120px;
  z-index: 101;
}
.translateSkillDropdown_ZeQ6g .tranlateSkillDropdownRow_34GVQ {
  display: flex;
  cursor: pointer;
  gap: 4px;
  padding: 9px 16px;
  font-size: 14px;
  line-height: 22px;
}
.translateSkillDropdown_ZeQ6g .tranlateSkillDropdownRow_34GVQ:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.translateDropdownToggle_ibXjY {
  position: absolute;
}
.pptDropdownToggle_cEwVV {
  position: absolute;
}
.newFunctionIntro_q-g3y {
  display: flex;
  align-items: center;
  position: absolute;
  border-radius: 4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
  padding: 10px 12px;
  width: 351px;
  left: 0;
  right: 0;
  margin: auto;
}
.newFunctionIntro_q-g3y .newIcon_hXmVY {
  margin-right: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.88);
  align-self: flex-start;
}
.newFunctionIntro_q-g3y .newText_lVuHo {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #fff;
}
.newFunctionIntro_q-g3y .verticalLine_foXqE {
  margin: 0 8px;
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.15);
}
.newFunctionIntro_q-g3y .close_cmg54 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.65);
}
.newFunctionIntro_q-g3y .sanjiao_1ShLE {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  color: rgba(107, 109, 255, 0.88);
  width: 24px;
  height: 24px;
  margin: auto;
  transform: rotate(180deg);
}

.chatListTest_NNI7i {
  position: fixed;
  left: 64px;
  top: 80px;
  height: calc(100vh - 160px);
  width: 600px;
  background: white;
  overflow: hidden;
  border-radius: 4px;
  padding: 20px 0 20px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  pointer-events: all;
  display: flex;
  flex-direction: column;
}
.chatListTest_NNI7i * {
  flex-shrink: 0;
}
.chat_list_I7J1D {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: all;
  padding-right: 20px;
  padding-bottom: 48px;
  position: relative;
  z-index: 1;
}
.chat_list_I7J1D .stopButton_tpx1r {
  height: 36px;
  padding: 0 12px;
  margin: auto;
  margin-top: 24px;
  display: flex;
  gap: 4px;
  align-items: center;
  border-radius: 4px;
  background: #ffeeed;
  color: #fe5250;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  position: sticky;
  bottom: 0;
  z-index: 2000;
}
.talkContainer_8XSqu {
  display: flex;
  padding-bottom: 0;
  gap: 8px;
  position: relative;
  pointer-events: none;
  margin-bottom: 24px;
  color: #0C1024;
}
.talkContainer_8XSqu.withRecommend_6zJku {
  margin-bottom: 8px;
}
.talkContainer_8XSqu .avaContainer_6n9-7 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-self: center;
  flex-shrink: 0;
  pointer-events: all;
}
.talkContainer_8XSqu .avaContainer_6n9-7 .fullImg_6pDHg {
  width: 100%;
  height: 100%;
}
.talkContainer_8XSqu .avaContainer_6n9-7.avaRound_74iMA .fullImg_6pDHg {
  border-radius: 50%;
}
.talkContainer_8XSqu .talkContentWrapper_3A2VX {
  position: relative;
  width: calc(100% - 32px);
  pointer-events: all;
}
.talkContainer_8XSqu .talkContent_p7laU {
  width: 100%;
}
.talkContainer_8XSqu .talkContent_p7laU .talkTextContainer_FvKRO {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.talkContainer_8XSqu .talkContent_p7laU .talkTextContainer_FvKRO .textCursor_7fTTP {
  height: 22px;
  width: 2px;
  background-color: #0c1024;
  animation: typing_7VPhO 2s infinite;
}
.talkContainer_8XSqu .talkContent_p7laU .talkTextContainer_FvKRO b,
.talkContainer_8XSqu .talkContent_p7laU .talkTextContainer_FvKRO span {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.talkContainer_8XSqu .talkContent_p7laU .talkTextContainer_FvKRO .talkAndAction_V1ITv {
  position: relative;
}
.talkContainer_8XSqu .talkContent_p7laU .talkTextContainer_FvKRO .talkText_WgNQL {
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  border-radius: 4px;
  background: #f5f6f6;
  padding: 8px;
  text-align: justify;
  line-height: 22px;
  overflow: hidden;
  min-height: 36px;
}
.talkContainer_8XSqu .talkContent_p7laU .talkTextContainer_FvKRO .talkText_WgNQL .talkTextRow_9XlKZ {
  min-height: 1em;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.talkContainer_8XSqu .time_QyVRv {
  color: #91939c;
  font-size: 12px;
  text-wrap: nowrap;
  background-color: white;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 20;
  position: absolute;
  left: 36px;
  top: 0;
  transform: translateY(-100%);
  pointer-events: all;
  display: none;
}
.talkContainer_8XSqu .actionsWrapper_C75dO {
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  pointer-events: all;
  padding-top: 2px;
}
.talkContainer_8XSqu .actionsWrapper_C75dO.forceShow_Swa3a {
  z-index: 30;
}
.talkContainer_8XSqu .actionsWrapper_C75dO.forceShow_Swa3a .actionsRow_EUPAc {
  display: flex;
}
.talkContainer_8XSqu .actionsRow_EUPAc {
  color: #91939c;
  font-size: 12px;
  align-items: center;
  gap: 4px;
  background-color: white;
  margin-left: auto;
  display: none;
}
.talkContainer_8XSqu .actionsRow_EUPAc.askActionRow_aHUep {
  margin-left: 0;
  margin-left: initial;
}
.talkContainer_8XSqu .actionsRow_EUPAc.alwaysShow_Rhb88 {
  display: flex;
}
.talkContainer_8XSqu .actionsRow_EUPAc .actionIcon_rFIuC {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #424454;
  position: relative;
  border-radius: 2px;
}
.talkContainer_8XSqu .actionsRow_EUPAc .actionIcon_rFIuC.active_o16Ow {
  color: var(--upime-active);
}
.talkContainer_8XSqu .actionsRow_EUPAc .actionDivider_nxjPY {
  width: 1px;
  height: 12px;
  margin: 0 4px;
  background-color: #e6e7e9;
}
.talkContainer_8XSqu.askTalk_biHA2 {
  flex-direction: row-reverse;
  margin-left: auto;
  min-width: 0;
  min-width: initial;
}
.talkContainer_8XSqu.askTalk_biHA2 .talkTextContainer_FvKRO {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.talkContainer_8XSqu.askTalk_biHA2 .talkText_WgNQL {
  background: #eaf1fc !important;
}
.talkContainer_8XSqu.askTalk_biHA2 .talkText_WgNQL {
  margin-left: auto;
}
.talkContainer_8XSqu.askTalk_biHA2 .time_QyVRv {
  right: 36px;
  left: auto;
  left: initial;
}
.talkContainer_8XSqu.askTalk_biHA2 .actionsWrapper_C75dO {
  right: auto;
  right: initial;
  left: 0;
}
.talkContainer_8XSqu.phoneTalk_oucPD {
  margin-bottom: 18px;
}
.talkContainer_8XSqu.phoneTalk_oucPD .time_QyVRv {
  display: block;
}
.talkContainer_8XSqu.phoneTalk_oucPD .actionsRow_EUPAc {
  display: flex;
}
.dividerLine_EdH56 {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.dividerLine_EdH56 .line_-9rU- {
  height: 1px;
  flex: 1;
  background-color: #e6e7e9;
}
.dividerLine_EdH56 .dividerLineText_iuMg7 {
  padding: 0 8px;
  color: #91939c;
  font-size: 12px;
  flex-shrink: 0;
}
.deepThinkContainer_kI4ua .deepThinkHeadContainer_AmErZ {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #424454;
  font-size: 12px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding: 4px;
  border-radius: 2px;
  margin-bottom: 2px;
}
.deepThinkContainer_kI4ua .deepThinkHeadContainer_AmErZ .deepThinkIcon_3M9tp {
  font-size: 12px;
  rotate: -90deg;
}
.deepThinkContainer_kI4ua .deepThinkHeadContainer_AmErZ .deepThinkIcon_3M9tp.fold_Hua1- {
  rotate: 180deg;
}
.deepThinkContainer_kI4ua .deepThinkContent_n7u-I {
  margin-left: 6px;
  padding-left: 8px;
  border-left: 1px solid #dbdbde;
  color: #91939c;
  font-size: 12px;
  line-height: 20px;
  text-align: justify;
  white-space: pre-wrap;
  margin-bottom: 8px;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
@keyframes typing_7VPhO {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.moreActionList_DCQoT {
  position: fixed;
  left: 50%;
  background: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 8px 0;
  border-radius: 4px;
  z-index: 20;
  width: -moz-fit-content;
  width: fit-content;
  cursor: default;
  transform: translateX(-50%);
}
.moreActionList_DCQoT .actionRow_gr-rK {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 14px;
  height: 32px;
  padding-left: 12px;
  padding-right: 32px;
  text-wrap: nowrap;
  color: #424454;
}
.moreActionList_DCQoT .actionRow_gr-rK.disabledActionRow_hPho5 {
  cursor: not-allowed;
  color: #dbdbde;
}
.do-hovers .deepThinkHeadContainer_AmErZ:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .actionRow_gr-rK:not(.disabledActionRow_hPho5):hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .talkContainer_8XSqu:hover .time_QyVRv {
  display: block;
}
.do-hovers .talkContainer_8XSqu:hover .actionsRow_EUPAc {
  display: flex;
}
.do-hovers .actionIcon_rFIuC:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.colorText_zqM3i {
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 11.28%, rgba(38, 112, 255, 0.88) 58.02%, rgba(50, 125, 255, 0.88) 67.37%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.recommendContainer_28TKL {
  padding-left: 36px;
  margin-bottom: 24px;
}
.recommendContainer_28TKL .recommendItem_zYRjG {
  display: flex;
  border-radius: 2px;
  background: #f5f6f6;
  cursor: pointer;
  padding: 4px 8px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  gap: 6px;
  margin-bottom: 6px;
  font-size: 12px;
  color: #0C1024;
}
.textBt_viC5A {
  margin-left: 8px;
  color: #2e73e5;
  cursor: pointer;
}
.textPart_Ae3AV {
  margin: 0 4px;
}
.underline_t6BPE {
  text-decoration: underline;
  cursor: pointer;
  margin: 0 4px;
}
.inline_4VTO2 {
  display: inline;
}
.reasonContainer_FkOSJ {
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  font-size: 12px;
}
.contextViewContainer_ATtFS {
  padding: 4px 0;
  color: #424454;
}

html.dark pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
html.dark code.hljs {
  padding: 3px 5px;
}
html.dark .hljs {
  color: #abb2bf;
  background: #282c34;
}
html.dark .hljs-keyword, html.dark .hljs-operator, html.dark .hljs-pattern-match {
  color: #f92672;
}
html.dark .hljs-function, html.dark .hljs-pattern-match .hljs-constructor {
  color: #61aeee;
}
html.dark .hljs-function .hljs-params {
  color: #a6e22e;
}
html.dark .hljs-function .hljs-params .hljs-typing {
  color: #fd971f;
}
html.dark .hljs-module-access .hljs-module {
  color: #7e57c2;
}
html.dark .hljs-constructor {
  color: #e2b93d;
}
html.dark .hljs-constructor .hljs-string {
  color: #9ccc65;
}
html.dark .hljs-comment, html.dark .hljs-quote {
  color: #b18eb1;
  font-style: italic;
}
html.dark .hljs-doctag, html.dark .hljs-formula {
  color: #c678dd;
}
html.dark .hljs-deletion, html.dark .hljs-name, html.dark .hljs-section, html.dark .hljs-selector-tag, html.dark .hljs-subst {
  color: #e06c75;
}
html.dark .hljs-literal {
  color: #56b6c2;
}
html.dark .hljs-addition, html.dark .hljs-attribute, html.dark .hljs-meta .hljs-string, html.dark .hljs-regexp, html.dark .hljs-string {
  color: #98c379;
}
html.dark .hljs-built_in, html.dark .hljs-class .hljs-title, html.dark .hljs-title.class_ {
  color: #e6c07b;
}
html.dark .hljs-attr, html.dark .hljs-number, html.dark .hljs-selector-attr, html.dark .hljs-selector-class, html.dark .hljs-selector-pseudo, html.dark .hljs-template-variable, html.dark .hljs-type, html.dark .hljs-variable {
  color: #d19a66;
}
html.dark .hljs-bullet, html.dark .hljs-link, html.dark .hljs-meta, html.dark .hljs-selector-id, html.dark .hljs-symbol, html.dark .hljs-title {
  color: #61aeee;
}
html.dark .hljs-emphasis {
  font-style: italic;
}
html.dark .hljs-strong {
  font-weight: 700;
}
html.dark .hljs-link {
  text-decoration: underline;
}
html pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
html code.hljs {
  padding: 3px 5px;
}
html .hljs {
  color: #383a42;
  background: #fafafa;
}
html .hljs-comment, html .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}
html .hljs-doctag, html .hljs-formula, html .hljs-keyword {
  color: #a626a4;
}
html .hljs-deletion, html .hljs-name, html .hljs-section, html .hljs-selector-tag, html .hljs-subst {
  color: #e45649;
}
html .hljs-literal {
  color: #0184bb;
}
html .hljs-addition, html .hljs-attribute, html .hljs-meta .hljs-string, html .hljs-regexp, html .hljs-string {
  color: #50a14f;
}
html .hljs-attr, html .hljs-number, html .hljs-selector-attr, html .hljs-selector-class, html .hljs-selector-pseudo, html .hljs-template-variable, html .hljs-type, html .hljs-variable {
  color: #986801;
}
html .hljs-bullet, html .hljs-link, html .hljs-meta, html .hljs-selector-id, html .hljs-symbol, html .hljs-title {
  color: #4078f2;
}
html .hljs-built_in, html .hljs-class .hljs-title, html .hljs-title.class_ {
  color: #c18401;
}
html .hljs-emphasis {
  font-style: italic;
}
html .hljs-strong {
  font-weight: 700;
}
html .hljs-link {
  text-decoration: underline;
}

html.dark .markdown-body {
  color-scheme: dark;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #6e7681;
  --color-canvas-default: #0d1117;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
}
html .markdown-body {
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #ffffff;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsl(210, 18%, 87%);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}
.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}
.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}
.markdown-body h1:hover .anchor .octicon-link:before, .markdown-body h2:hover .anchor .octicon-link:before, .markdown-body h3:hover .anchor .octicon-link:before, .markdown-body h4:hover .anchor .octicon-link:before, .markdown-body h5:hover .anchor .octicon-link:before, .markdown-body h6:hover .anchor .octicon-link:before {
  width: 16px;
  height: 16px;
  content: " ";
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 version=%271.1%27 aria-hidden=%27true%27><path fill-rule=%27evenodd%27 d=%27M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z%27></path></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 version=%271.1%27 aria-hidden=%27true%27><path fill-rule=%27evenodd%27 d=%27M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z%27></path></svg>");
}
.markdown-body details, .markdown-body figcaption, .markdown-body figure {
  display: block;
}
.markdown-body summary {
  display: list-item;
}
.markdown-body [hidden] {
  display: none !important;
}
.markdown-body a {
  background-color: transparent;
  color: var(--color-accent-fg);
  text-decoration: none;
}
.markdown-body abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted currentColor;
          text-decoration: underline dotted currentColor;
}
.markdown-body b, .markdown-body strong {
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body dfn {
  font-style: italic;
}
.markdown-body h1 {
  margin: 0.67em 0;
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-fg-default);
}
.markdown-body small {
  font-size: 90%;
}
.markdown-body sub, .markdown-body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.markdown-body sub {
  bottom: -0.25em;
}
.markdown-body sup {
  top: -0.5em;
}
.markdown-body img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}
.markdown-body code, .markdown-body kbd, .markdown-body pre, .markdown-body samp {
  font-family: monospace;
  font-size: 1em;
}
.markdown-body figure {
  margin: 1em 40px;
}
.markdown-body hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border-bottom: 1px solid var(--color-border-muted);
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
  border: 0;
}
.markdown-body input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.markdown-body [type="button"], .markdown-body [type="reset"], .markdown-body [type="submit"] {
  -webkit-appearance: button;
}
.markdown-body [type="checkbox"], .markdown-body [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.markdown-body [type="number"]::-webkit-inner-spin-button, .markdown-body [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.markdown-body [type="search"]::-webkit-search-cancel-button, .markdown-body [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.markdown-body ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
.markdown-body ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.markdown-body a:hover {
  text-decoration: underline;
}
.markdown-body ::-moz-placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.markdown-body ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.markdown-body hr::before {
  display: table;
  content: "";
}
.markdown-body hr::after {
  display: table;
  clear: both;
  content: "";
}
.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  overflow: auto;
}
.markdown-body td, .markdown-body th {
  padding: 0;
}
.markdown-body details summary {
  cursor: pointer;
}
.markdown-body details:not([open]) > *:not(summary) {
  display: none !important;
}
.markdown-body a:focus, .markdown-body [role="button"]:focus, .markdown-body input[type="radio"]:focus, .markdown-body input[type="checkbox"]:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.markdown-body a:focus:not(.focus-visible), .markdown-body [role="button"]:focus:not(.focus-visible), .markdown-body input[type="radio"]:focus:not(.focus-visible), .markdown-body input[type="checkbox"]:focus:not(.focus-visible) {
  outline: solid 1px transparent;
}
.markdown-body a:focus:not(:focus-visible), .markdown-body [role="button"]:focus:not(:focus-visible), .markdown-body input[type="radio"]:focus:not(:focus-visible), .markdown-body input[type="checkbox"]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
.markdown-body a.focus-visible, .markdown-body [role="button"].focus-visible, .markdown-body input[type="radio"].focus-visible, .markdown-body input[type="checkbox"].focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.markdown-body a:focus-visible, .markdown-body [role="button"]:focus-visible, .markdown-body input[type="radio"]:focus-visible, .markdown-body input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.markdown-body a:not([class]):focus, .markdown-body a:not([class]).focus-visible, .markdown-body input[type="radio"]:focus, .markdown-body input[type="radio"].focus-visible, .markdown-body input[type="checkbox"]:focus, .markdown-body input[type="checkbox"].focus-visible {
  outline-offset: 0;
}
.markdown-body a:not([class]):focus, .markdown-body a:not([class]):focus-visible, .markdown-body input[type="radio"]:focus, .markdown-body input[type="radio"]:focus-visible, .markdown-body input[type="checkbox"]:focus, .markdown-body input[type="checkbox"]:focus-visible {
  outline-offset: 0;
}
.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 1.25;
}
.markdown-body h2 {
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body h3 {
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 1.25em;
}
.markdown-body h4 {
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 1em;
}
.markdown-body h5 {
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 0.875em;
}
.markdown-body h6 {
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 0.85em;
  color: var(--color-fg-muted);
}
.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}
.markdown-body blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
.markdown-body ul, .markdown-body ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
.markdown-body ol ol, .markdown-body ul ol {
  list-style-type: lower-roman;
}
.markdown-body ul ul ol, .markdown-body ul ol ol, .markdown-body ol ul ol, .markdown-body ol ol ol {
  list-style-type: lower-alpha;
}
.markdown-body dd {
  margin-left: 0;
}
.markdown-body tt, .markdown-body code, .markdown-body samp {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}
.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}
.markdown-body .octicon {
  overflow: visible !important;
}
.markdown-body .octicon {
  display: inline-block;
  vertical-align: text-bottom;
  fill: currentColor;
}
.markdown-body input::-webkit-outer-spin-button, .markdown-body input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.markdown-body::before {
  display: table;
  content: "";
}
.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}
.markdown-body > *:first-child {
  margin-top: 0 !important;
}
.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}
.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.markdown-body .absent {
  color: var(--color-danger-fg);
}
.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.markdown-body .anchor:focus {
  outline: none;
}
.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre, .markdown-body details {
  margin-top: 0;
  margin-bottom: 16px;
}
.markdown-body blockquote > :first-child {
  margin-top: 0;
}
.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}
.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}
.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor {
  text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}
.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}
.markdown-body summary h1, .markdown-body summary h2, .markdown-body summary h3, .markdown-body summary h4, .markdown-body summary h5, .markdown-body summary h6 {
  display: inline-block;
}
.markdown-body summary h1 .anchor, .markdown-body summary h2 .anchor, .markdown-body summary h3 .anchor, .markdown-body summary h4 .anchor, .markdown-body summary h5 .anchor, .markdown-body summary h6 .anchor {
  margin-left: -40px;
}
.markdown-body summary h1, .markdown-body summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}
.markdown-body ul.no-list, .markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}
.markdown-body ol[type="a"] {
  list-style-type: lower-alpha;
}
.markdown-body ol[type="A"] {
  list-style-type: upper-alpha;
}
.markdown-body ol[type="i"] {
  list-style-type: lower-roman;
}
.markdown-body ol[type="I"] {
  list-style-type: upper-roman;
}
.markdown-body ol[type="1"] {
  list-style-type: decimal;
}
.markdown-body div > ol:not([type]) {
  list-style-type: decimal;
}
.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.markdown-body li > p {
  margin-top: 16px;
}
.markdown-body li + li {
  margin-top: 0.25em;
}
.markdown-body dl {
  padding: 0;
}
.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.markdown-body table th {
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body table th, .markdown-body table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}
.markdown-body table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
.markdown-body table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
.markdown-body table img {
  background-color: transparent;
}
.markdown-body img[align="right"] {
  padding-left: 20px;
}
.markdown-body img[align="left"] {
  padding-right: 20px;
}
.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.markdown-body span.frame {
  display: block;
  overflow: hidden;
}
.markdown-body span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.markdown-body span.frame span img {
  display: block;
  float: left;
}
.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}
.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}
.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.markdown-body span.float-left span {
  margin: 13px 0 0;
}
.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.markdown-body span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body code, .markdown-body tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  white-space: break-spaces;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}
.markdown-body code br, .markdown-body tt br {
  display: none;
}
.markdown-body del code {
  text-decoration: inherit;
}
.markdown-body samp {
  font-size: 85%;
}
.markdown-body pre code {
  font-size: 100%;
}
.markdown-body pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.markdown-body .highlight {
  margin-bottom: 16px;
}
.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}
.markdown-body .highlight pre, .markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}
.markdown-body pre code, .markdown-body pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.markdown-body .csv-data td, .markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}
.markdown-body .csv-data tr {
  border-top: 0;
}
.markdown-body .csv-data th {
  font-weight: 600;
  font-weight: var(--base-text-weight-semibold, 600);
  background: var(--color-canvas-subtle);
  border-top: 0;
}
.markdown-body [data-footnote-ref]::before {
  content: "[";
}
.markdown-body [data-footnote-ref]::after {
  content: "]";
}
.markdown-body .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
.markdown-body .footnotes ol {
  padding-left: 16px;
}
.markdown-body .footnotes ol ul {
  display: inline-block;
  padding-left: 16px;
  margin-top: 16px;
}
.markdown-body .footnotes li {
  position: relative;
}
.markdown-body .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: "";
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}
.markdown-body .footnotes li:target {
  color: var(--color-fg-default);
}
.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}
.markdown-body .pl-c {
  color: var(--color-prettylights-syntax-comment);
}
.markdown-body .pl-c1, .markdown-body .pl-s .pl-v {
  color: var(--color-prettylights-syntax-constant);
}
.markdown-body .pl-e, .markdown-body .pl-en {
  color: var(--color-prettylights-syntax-entity);
}
.markdown-body .pl-smi, .markdown-body .pl-s .pl-s1 {
  color: var(--color-prettylights-syntax-storage-modifier-import);
}
.markdown-body .pl-ent {
  color: var(--color-prettylights-syntax-entity-tag);
}
.markdown-body .pl-k {
  color: var(--color-prettylights-syntax-keyword);
}
.markdown-body .pl-s, .markdown-body .pl-pds, .markdown-body .pl-s .pl-pse .pl-s1, .markdown-body .pl-sr, .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sre, .markdown-body .pl-sr .pl-sra {
  color: var(--color-prettylights-syntax-string);
}
.markdown-body .pl-v, .markdown-body .pl-smw {
  color: var(--color-prettylights-syntax-variable);
}
.markdown-body .pl-bu {
  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}
.markdown-body .pl-ii {
  color: var(--color-prettylights-syntax-invalid-illegal-text);
  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}
.markdown-body .pl-c2 {
  color: var(--color-prettylights-syntax-carriage-return-text);
  background-color: var(--color-prettylights-syntax-carriage-return-bg);
}
.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: var(--color-prettylights-syntax-string-regexp);
}
.markdown-body .pl-ml {
  color: var(--color-prettylights-syntax-markup-list);
}
.markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-heading);
}
.markdown-body .pl-mi {
  font-style: italic;
  color: var(--color-prettylights-syntax-markup-italic);
}
.markdown-body .pl-mb {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-bold);
}
.markdown-body .pl-md {
  color: var(--color-prettylights-syntax-markup-deleted-text);
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.markdown-body .pl-mi1 {
  color: var(--color-prettylights-syntax-markup-inserted-text);
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.markdown-body .pl-mc {
  color: var(--color-prettylights-syntax-markup-changed-text);
  background-color: var(--color-prettylights-syntax-markup-changed-bg);
}
.markdown-body .pl-mi2 {
  color: var(--color-prettylights-syntax-markup-ignored-text);
  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}
.markdown-body .pl-mdr {
  font-weight: bold;
  color: var(--color-prettylights-syntax-meta-diff-range);
}
.markdown-body .pl-ba {
  color: var(--color-prettylights-syntax-brackethighlighter-angle);
}
.markdown-body .pl-sg {
  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}
.markdown-body .pl-corl {
  text-decoration: underline;
  color: var(--color-prettylights-syntax-constant-other-reference-link);
}
.markdown-body g-emoji {
  font-style: normal !important;
}
.markdown-body g-emoji {
  display: inline-block;
  min-width: 1ch;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1em;
  font-weight: 400;
  font-weight: var(--base-text-weight-normal, 400);
  line-height: 1;
  vertical-align: -0.075em;
}
.markdown-body g-emoji img {
  width: 1em;
  height: 1em;
}
.markdown-body .task-list-item {
  list-style-type: none;
}
.markdown-body .task-list-item label {
  font-weight: 400;
  font-weight: var(--base-text-weight-normal, 400);
}
.markdown-body .task-list-item.enabled label {
  cursor: pointer;
}
.markdown-body .task-list-item + .task-list-item {
  margin-top: 4px;
}
.markdown-body .task-list-item .handle {
  display: none;
}
.markdown-body .task-list-item-checkbox {
  margin: 0 0.2em 0.25em -1.4em;
  vertical-align: middle;
}
[dir="rtl"] .markdown-body .contains-task-list .task-list-item-checkbox {
  margin: 0 -1.6em 0.25em 0.2em;
}
.markdown-body .contains-task-list {
  position: relative;
}
.markdown-body .contains-task-list:hover .task-list-item-convert-container, .markdown-body .contains-task-list[focus-within] .task-list-item-convert-container {
  display: block;
  width: auto;
  height: 24px;
  overflow: visible;
  clip: auto;
}
.markdown-body .contains-task-list:hover .task-list-item-convert-container, .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
  display: block;
  width: auto;
  height: 24px;
  overflow: visible;
  clip: auto;
}
.markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}

.markdown-body {
  background-color: transparent;
  font-size: 14px;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.markdown-body * {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.markdown-body p {
  white-space: pre-wrap;
}
.markdown-body ol {
  list-style-type: decimal;
}
.markdown-body ul {
  list-style-type: disc;
}
.markdown-body pre code, .markdown-body pre tt {
  line-height: 1.65;
}
.markdown-body .highlight pre, .markdown-body pre {
  background-color: #fff;
}
.markdown-body code.hljs {
  padding: 0;
}
.markdown-body .code-block-wrapper {
  position: relative;
  padding-top: 24px;
}
.markdown-body .code-block-header {
  position: absolute;
  top: 5px;
  right: 0;
  width: 100%;
  padding: 0 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #b3b3b3;
}
.markdown-body .code-block-header__copy {
  cursor: pointer;
  margin-left: 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.markdown-body .code-block-header__copy:hover {
  color: #65a665;
}
html.dark .message-reply .whitespace-pre-wrap {
  white-space: pre-wrap;
  color: var(--n-text-color);
}
html.dark .highlight pre, html.dark pre {
  background-color: #282c34;
}
.markdown-body .code-block-body {
  padding-bottom: 12px !important;
}
.markdown-body .code-block-body::-webkit-scrollbar {
  height: 4px;
}
.markdown-body .code-block-body::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.markdown-body .code-block-body::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c2c3c8;
}

.border_XG8c- {
  position: absolute;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  transform: translate(-50%, -50%);
}
.header_xTx-- {
  position: relative;
  height: 24px;
  line-height: 24px;
  color: #0c1024;
  font-size: 16px;
  font-weight: bold;
}
.close_MaPcA {
  position: absolute;
  right: 0;
  top: -1px;
  color: #616371;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close_MaPcA svg {
  font-size: 18px;
}
.do-hovers .close_MaPcA:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.content_LFXCd {
  display: flex;
  margin-top: 20px;
}
.content_LFXCd .clearInput_RbG9B {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 124px;
  top: 81px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #dedede;
  cursor: pointer;
}
.content_LFXCd .clearInput_RbG9B svg {
  color: white;
  width: 10px;
  height: 10px;
}
.input_Kvw-J {
  flex-grow: 1;
  width: 274px;
  height: 40px;
  padding-left: 12px;
  padding-right: 38px;
  line-height: 38px;
  border-radius: 4px;
  border: 1px solid #2e73e5;
  color: #0c1024;
  font-size: 14px;
  text-align: left;
}
.input_Kvw-J.empty_LNk3C {
  padding-right: 12px;
}
.input_Kvw-J::-moz-placeholder {
  color: #91939c;
}
.input_Kvw-J::placeholder {
  color: #91939c;
}
.input_Kvw-J.error_Fny4l {
  border: 1px solid #fe5250;
}
.commit_btn_-eNGF {
  flex-shrink: 0;
  margin-left: 16px;
  width: 72px;
  height: 40px;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background-color: #2e73e5;
  cursor: pointer;
}
.error_msg_XwpHD {
  margin-top: 4px;
  height: 20px;
  line-height: 20px;
  color: #fe5250;
  font-size: 14px;
}

.toggleBarIcon_KifTu {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  position: relative;
}
.toggleBarIcon_KifTu .iconWrap_VTwQw {
  width: 36px;
  height: 36px;
}
.toggleBarIcon_KifTu.bigScreen_O8bal {
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  position: relative;
}
.toggleBarIcon_KifTu.bigScreen_O8bal .iconWrap_VTwQw {
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  padding: 8px;
}
.toggleBarIcon_KifTu.bigScreen_O8bal .frameList_hUXS2 {
  position: absolute;
  bottom: calc(100% + 11px);
  left: 50%;
  transform: translate(-50%, 0);
  width: 320px;
  height: 540px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.toggleBarIcon_KifTu.bigScreen_O8bal .frameList_hUXS2 .closeButton_TVpuL {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 14px;
  right: 10px;
  cursor: pointer;
}
.toggleBarIconOpened_tT4XL {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.sideBar_-yyQK {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 4px;
}
.sideBar_-yyQK.bigScreen_O8bal {
  padding: 6px;
}
.frameSideBar_Gtl1Z {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}
.ai_instruction_side_bar_q-rai {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.list_VRRBq {
  height: 100%;
}
.commonMode_8yews .list_VRRBq {
  width: 340px;
  margin: 0px;
  padding: 0px;
  overflow-y: auto;
  overflow-y: overlay;
}
.commonMode_8yews .list_VRRBq::-webkit-scrollbar {
  width: 4px;
}
.commonMode_8yews .list_VRRBq::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.commonMode_8yews .list_VRRBq::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.simpleMode_sDAx3 {
  padding: 0;
}
.simpleMode_sDAx3 .simple_title_TF5do {
  width: 100%;
  height: 52px;
  padding: 0 12px;
  display: flex;
  border-bottom: 1px solid #e6e7e9;
  flex: none;
  position: relative;
  align-items: center;
  justify-content: flex-start;
}
.simpleMode_sDAx3 .simple_title_TF5do .label_0xW0f {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.simpleMode_sDAx3 .subTitle_3R8Gg {
  display: flex;
  padding: 8px 6px 6px 12px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.simpleMode_sDAx3 .list_VRRBq {
  width: 100%;
  margin-top: 8px;
  padding: 0 4px 0 10px;
  overflow-y: auto;
  overflow-y: overlay;
}
.simpleMode_sDAx3 .list_VRRBq::-webkit-scrollbar {
  width: 6px;
}
.simpleMode_sDAx3 .list_VRRBq::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: transparent;
}
.simpleMode_sDAx3 .list_VRRBq::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: var(--upime-scrollbar-thumb);
}
.title_OeJBj {
  padding-left: 24px;
  padding-right: 52px;
  height: 56px;
  width: 100%;
  background-color: var(--upime-pane-bg);
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-shrink: 0;
  border-bottom: 1px solid #e6e7e9;
}
.title_OeJBj span {
  font-size: 20px;
  color: var(--upime-main-text);
  font-weight: 600;
  line-height: 30px;
}
.titleLeftSect_thfeS {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.titleIcon_4OUs0 {
  width: 24px;
  height: 24px;
  font-size: 14px;
  cursor: pointer;
}
.titleDivider_JEfLi {
  width: 1px;
  height: 20px;
  background-color: #dbdbde;
  margin: 0 16px;
}
.createFrameButton_LA8Co,
.downloadFramesButton_BqO36 {
  width: 36px !important;
  height: 36px !important;
}
.createFrameButton_LA8Co,
.downloadFramesButton_BqO36 {
  padding: 8px;
  cursor: pointer;
}
.cell_dm78f {
  content-visibility: auto;
}
.cell_dm78f,
.cellContainer_T93TX {
  position: relative;
  padding: 6px 0 6px 32px;
  width: 100%;
  background-color: var(--upime-pane-bg);
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
}
.cell_dm78f .snapshot_-GVsT,
.cellContainer_T93TX .snapshot_-GVsT {
  position: relative;
  width: 160px;
  height: 90px;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  background-color: #fff;
}
.cell_dm78f .snapshot_-GVsT > img,
.cellContainer_T93TX .snapshot_-GVsT > img {
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 4px;
}
.cell_dm78f .leftContainer_lJ2UD,
.cellContainer_T93TX .leftContainer_lJ2UD {
  display: flex;
  flex: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 144px;
  padding-left: 12px;
  padding-right: 20px;
  overflow: hidden;
}
.cell_dm78f .leftContainer_lJ2UD .frameActions_rdmcx,
.cellContainer_T93TX .leftContainer_lJ2UD .frameActions_rdmcx {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
}
.cell_dm78f.selected_Y1fYw,
.cellContainer_T93TX.selected_Y1fYw {
  background-color: #eaf1fc;
}
.cell_dm78f.hover_gn4aH,
.cellContainer_T93TX.hover_gn4aH {
  background-color: rgba(0, 0, 0, 0.06);
}
.cell_dm78f.small_jM1vU .snapshot_-GVsT,
.cellContainer_T93TX.small_jM1vU .snapshot_-GVsT {
  width: 120px;
  height: 68px;
}
.cell_dm78f.medium_HUo0n .snapshot_-GVsT,
.cellContainer_T93TX.medium_HUo0n .snapshot_-GVsT {
  width: 140px;
  height: 79px;
}
.cell_dm78f.translucent_-C9VK,
.cellContainer_T93TX.translucent_-C9VK {
  opacity: 0.2;
}
.cell_dm78f.dragging_DyRHN,
.cellContainer_T93TX.dragging_DyRHN {
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  opacity: 0;
}
.cell_dm78f.dragging_DyRHN.bg1_cgcRC,
.cellContainer_T93TX.dragging_DyRHN.bg1_cgcRC {
  transform: rotate(-2deg);
}
.cell_dm78f.dragging_DyRHN.bg1_cgcRC.phone_a1y8f,
.cellContainer_T93TX.dragging_DyRHN.bg1_cgcRC.phone_a1y8f {
  pointer-events: none;
  transform: rotate(-2deg) translateY(-50%);
}
.cell_dm78f.dragging_DyRHN.bg2_nKELi,
.cellContainer_T93TX.dragging_DyRHN.bg2_nKELi {
  transform: rotate(2deg);
}
.cell_dm78f.dragging_DyRHN.bg2_nKELi.phone_a1y8f,
.cellContainer_T93TX.dragging_DyRHN.bg2_nKELi.phone_a1y8f {
  pointer-events: none;
  transform: rotate(2deg) translateY(-50%);
}
.cell_dm78f.dragging_DyRHN.visible_bYJhX,
.cellContainer_T93TX.dragging_DyRHN.visible_bYJhX {
  opacity: 1;
}
.cell_dm78f.simpleModeCell_DOEH3,
.cellContainer_T93TX.simpleModeCell_DOEH3 {
  padding-left: 8px;
}
.cell_dm78f.simpleModeCell_DOEH3.small_jM1vU .snapshot_-GVsT,
.cellContainer_T93TX.simpleModeCell_DOEH3.small_jM1vU .snapshot_-GVsT {
  width: 88px;
  height: 50px;
}
.cell_dm78f.simpleModeCell_DOEH3.medium_HUo0n .snapshot_-GVsT,
.cellContainer_T93TX.simpleModeCell_DOEH3.medium_HUo0n .snapshot_-GVsT {
  width: 108px;
  height: 61px;
}
.cell_dm78f.simpleModeCell_DOEH3 .snapshot_-GVsT,
.cellContainer_T93TX.simpleModeCell_DOEH3 .snapshot_-GVsT {
  width: 128px;
  height: 72px;
}
.cell_dm78f.simpleModeCell_DOEH3 .snapshot_-GVsT .frameHideCon_Gjct2 svg,
.cellContainer_T93TX.simpleModeCell_DOEH3 .snapshot_-GVsT .frameHideCon_Gjct2 svg {
  width: 16px;
  height: 16px;
}
.cell_dm78f.simpleModeCell_DOEH3 .snapshot_-GVsT .frameHideCon_Gjct2 span,
.cellContainer_T93TX.simpleModeCell_DOEH3 .snapshot_-GVsT .frameHideCon_Gjct2 span {
  margin-top: 2px;
  line-height: 18px;
  font-size: 10px;
}
.cell_dm78f.simpleModeCell_DOEH3 .leftContainer_lJ2UD,
.cellContainer_T93TX.simpleModeCell_DOEH3 .leftContainer_lJ2UD {
  width: calc(100% - 24px - 128px);
}
.symbol_umzu8 {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 24px;
  color: var(--upime-main-text);
  margin-right: 3px;
  white-space: nowrap;
  font-weight: 600;
}
.name_-0bl3 {
  font-size: 14px;
  line-height: 24px;
  padding: 0 2px;
  width: 100%;
  color: var(--upime-main-text);
  overflow: hidden;
  border: none;
  cursor: default;
  box-sizing: border-box;
  background: inherit;
  font-family: "PingFang SC";
}
.name_-0bl3.div_Cn-C7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.name_-0bl3.div2_y83j- {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.name_-0bl3.textArea_X3mXw {
  border-radius: 2px;
  border: 1px solid #2e73e5;
  line-height: 22px;
}
.more_box_container_hialK {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}
.more_box_container_hialK.selected_Y1fYw {
  visibility: visible;
  background: linear-gradient(90deg, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.66) 17%, #f0f0f0 34%, #f0f0f0 100%);
}
.more_box_container_hialK.selected2_l1zGX {
  visibility: visible;
  background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, rgba(234, 241, 252, 0.66) 17%, #eaf1fc 34%, #eaf1fc 100%);
}
.more_box_container_hialK.selected3_8Owuo {
  visibility: visible;
  background: #dce3ed;
  background: linear-gradient(90deg, rgba(220, 227, 237, 0) 0%, rgba(220, 227, 237, 0.66) 17%, #dce3ed 34%, #dce3ed 100%);
}
.more_box_container_hialK.hiddenBox_jPHrj {
  display: none;
}
.more_box_container_hialK .more_box_r0wwm {
  pointer-events: auto;
  font-size: 14px;
  display: flex;
  padding: 4px;
  align-items: center;
  justify-content: center;
}
.handle_n3S5i {
  pointer-events: auto;
  position: relative;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding-top: 8px;
  padding-bottom: 8px;
  width: 150px;
  opacity: 1;
}
.handle_n3S5i > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 38px;
  line-height: 38px;
  width: 100%;
  font-size: 14px;
  color: var(--upime-main-text);
  cursor: default;
  padding: 8px 16px;
}
.frameCellHandle_lrDXI {
  background: white !important;
}
.frameCellHandle_lrDXI {
  white-space: nowrap;
  width: auto;
}
.undoredo_6rQlP {
  pointer-events: auto;
  width: 48px;
  height: 88px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 2px;
}
.undoredo_6rQlP.horizMode_az6fI {
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  flex-direction: row;
  margin-top: 0;
  padding: 0px;
  gap: 0px;
  border-radius: 0;
  border-radius: initial;
  box-shadow: none;
  box-shadow: initial;
  margin-right: 8px;
}
.undoredo_6rQlP.horizMode_az6fI .undo_xt1XW {
  width: 100%;
  height: 100%;
  padding: 0;
}
.undoredo_6rQlP.horizMode_az6fI .iconWrap_VTwQw {
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  padding: 8px;
}
.undoredo_6rQlP.phoneMode_9w8Lf {
  width: 44px;
  border-radius: 22px;
  height: auto;
  margin-top: 4px;
  padding: 11px 0 4px 0;
  gap: 0;
}
.undoredo_6rQlP.phoneMode_9w8Lf .icon_--aQt {
  width: 22px;
  height: 22px;
}
.undoredo_6rQlP.phoneMode_9w8Lf .divider_BZZWT {
  margin-top: 7px;
}
.undo_xt1XW,
.redo_KdS3o {
  display: flex;
  justify-content: center;
  align-items: center;
}
.undo_xt1XW.disable_F2Wq1,
.redo_KdS3o.disable_F2Wq1 {
  pointer-events: none;
  color: #d8d8d8;
  cursor: default;
}
.undo_xt1XW.phoneMode_9w8Lf,
.redo_KdS3o.phoneMode_9w8Lf {
  height: 22px;
}
.undo_xt1XW.phoneMode_9w8Lf + .undo_xt1XW.phoneMode_9w8Lf,
.undo_xt1XW.phoneMode_9w8Lf + .redo_KdS3o.phoneMode_9w8Lf,
.redo_KdS3o.phoneMode_9w8Lf + .undo_xt1XW.phoneMode_9w8Lf,
.redo_KdS3o.phoneMode_9w8Lf + .redo_KdS3o.phoneMode_9w8Lf {
  margin-top: 18px;
}
.undo_xt1XW.phoneMode_9w8Lf.active_cLdev,
.redo_KdS3o.phoneMode_9w8Lf.active_cLdev {
  color: var(--upime-active);
}
.xmode_j-CNy {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin: 0 auto;
}
.xmode_j-CNy.disable_F2Wq1 {
  pointer-events: none;
  color: #d8d8d8;
}
.xmode_j-CNy.active_cLdev {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.iconWrap_VTwQw {
  width: 38px;
  height: 38px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrap_VTwQw.active_cLdev {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrap_VTwQw:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrap_VTwQw.active_cLdev:hover {
  background-color: #eaf1fc;
}
.do-hovers .costTip_dnk5K:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .close_box_avFUK:hover {
  color: var(--upime-active);
}
.do-hovers .more_box_r0wwm:hover {
  color: var(--upime-active);
  background: rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.do-hovers .undo_xt1XW .iconWrap_VTwQw:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .cell_dm78f:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .cell_dm78f:hover .more_box_r0wwm {
  visibility: visible;
}
.do-hovers .cell_dm78f:hover.selected_Y1fYw {
  background-color: #dce3ed;
}
.do-hovers .handle_n3S5i > span:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.06);
}
.do-hovers .more_box_r0wwm svg:hover {
  cursor: pointer;
}
.do-hovers .frameHideIcon_xSfW1:hover {
  color: var(--upime-active) !important;
}
.placeholderContainer_DxiOM {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.placeholder_lHOKk {
  margin-top: 8px;
  color: var(--upime-main-text);
  font-size: 14px;
  white-space: nowrap;
}
.placeholderImg_2leWe {
  width: 140px;
  height: 140px;
  text-align: center;
}
@keyframes loading_c6Q-f {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading_c6Q-f {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e6e7e9;
  display: flex;
}
.loading_c6Q-f > svg {
  margin: auto;
  width: 32px;
  height: 32px;
  animation: loading_c6Q-f 1s linear infinite forwards;
}
.offset_l5pDn {
  margin-left: -8px;
}
.cellTitle_uk3Ie {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 24px;
}
.cellTitle_uk3Ie .readonly_4oj-v {
  color: #c2c3c8;
}
.cellTitle_uk3Ie .nameWrap_6c1r9 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}
.inputBorder_umsDa {
  width: 100%;
  height: 2px;
  background-color: var(--upime-active);
}
.activeFrameEle_b6yQ8 {
  background-color: var(--upime-btn-bg-hover) !important;
}
.placeholderBtn_kM3bS {
  margin-top: 24px;
  width: 136px;
}
.placeholderBtn_kM3bS svg {
  margin-right: 8px;
}
.itemIconGroup_2-i9n {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.itemIconBtn_J35HJ {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.itemIconBtn_J35HJ > svg {
  font-size: 16px;
}
.addNewBelowIconBtn_Cikge {
  background-color: var(--upime-active);
  color: white;
}
.frameHideCon_Gjct2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #c2c3c8;
  background: #ececee;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.frameHideCon_Gjct2 svg {
  width: 20px;
  height: 20px;
}
.frameHideCon_Gjct2 span {
  margin-top: 2px;
  line-height: 20px;
  font-size: 12px;
}
.divider_BZZWT {
  height: 1px;
  background-color: #dbdbde;
  margin: 6px 8px 8px 8px;
}
.commonMode_8yews .presentationIconBtn_SnymD {
  left: 22px;
  background-color: #eaf1fc;
  color: var(--upime-active);
  border: 1px solid var(--upime-active);
}
.commonMode_8yews .presentationIconBtn_SnymD.readonly_4oj-v {
  left: 48px;
}
.simpleMode_sDAx3 .itemIconBtn_J35HJ.presentationIconBtn_SnymD {
  right: 8px;
  top: calc(50% - 10px);
  background-color: var(--upime-active);
  color: white;
  width: 20px;
  height: 20px;
}
.simpleMode_sDAx3 .itemIconBtn_J35HJ.presentationIconBtn_SnymD svg {
  font-size: 14px;
}
.buttonGroup_B1n4S {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin: 12px 15px 6px 20px;
}
.buttonGroup_B1n4S.buttonGroupBigScreenMode_J-WWE {
  margin: 8px 6px 6px 12px;
}
.bigScreenIconGroup_hxuGE {
  display: flex;
  position: absolute;
  bottom: 6px;
  right: 20px;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
}
.bigScreenIconGroup_hxuGE.dragHidden_BIZov {
  display: none;
}
.sortLoading_wSF4B {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: calc(100% - 64px);
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: #fff;
}
.sortLoading_wSF4B .loadingIcon_FJu21 {
  animation: loading_c6Q-f 1.5s linear infinite forwards;
}
.sortLoading_wSF4B .text_rzELH {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 100px;
}
.groupButton_ih95C {
  position: absolute;
  right: 36px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@keyframes loading_c6Q-f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ai_instruction_title_gzX0A {
  padding-left: 20px;
  padding-right: 52px;
  height: 56px;
  width: 100%;
  background-color: var(--upime-pane-bg);
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-shrink: 0;
}
.ai_instruction_title_gzX0A span {
  font-size: 20px;
  color: var(--upime-main-text);
  font-weight: 600;
  line-height: 30px;
}
.ai_instruction_tabs_hvkb5 {
  display: flex;
  width: 100%;
  padding: 0px 16px;
  align-items: flex-start;
  gap: 24px;
  border-bottom: 1px solid #e6e7e9;
  height: 34px;
}
.ai_instruction_tabs_hvkb5 .ai_instruction_tab_9yYAD {
  cursor: pointer;
  color: #91939c;
}
.ai_instruction_tabs_hvkb5 .ai_instruction_tab_9yYAD.active_cLdev {
  font-weight: 600;
  color: #0c1024;
  position: relative;
  height: 100%;
}
.ai_instruction_tabs_hvkb5 .ai_instruction_tab_9yYAD.active_cLdev::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0c1024;
}
.aiCountRow_J-rb6 {
  display: flex;
  width: 100%;
  padding: 0px 20px;
  align-items: center;
  gap: 12px;
  background: linear-gradient(98deg, rgba(227, 237, 255, 0.6) 36.84%, rgba(238, 237, 255, 0.6) 61.22%);
  height: 34px;
  position: relative;
}
.aiCountRow_J-rb6 .aiCountImg_j613D {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.aiCountRow_J-rb6 .remainTip_E7jXc {
  color: #0c1024;
  flex-shrink: 0;
  font-size: 14px;
}
.aiCountRow_J-rb6 .toBuyContainer_1nnVW {
  margin-left: auto;
  flex-shrink: 0;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv {
  position: absolute;
  left: 12px;
  top: 8px;
  right: 12px;
  border-top: 1px solid #fff;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  z-index: 999;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv .aiCountRow_J-rb6 {
  height: 40px;
  background: linear-gradient(180deg, #f0f4ff 0%, #fff 100%);
  gap: 6px;
  padding: 0px 12px;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv .remainTip_E7jXc {
  margin-right: 10px;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv .listContainer_lw2EG {
  color: #91939c;
  line-height: 20px;
  font-size: 12px;
  list-style: disc;
  margin: 0;
  padding: 0 16px 12px 30px;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv .closeContainer_K-aYX {
  position: absolute;
  right: -10px;
  top: -10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.costTip_dnk5K {
  color: #91939c;
  font-size: 12px;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: -12px;
  border-radius: 2px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.costTip_dnk5K.inTitle_0-wzY {
  margin-left: 0px;
}
.appContainer_2uj8v {
  margin-top: 8px;
  border-top: 1px solid #e6e7e9;
  height: 52px;
  width: 100%;
  display: flex;
  align-items: center;
}
.infoListContainer_vcEQ6 {
  width: 220px;
  padding: 8px;
  font-size: 12px;
}
.infoListContainer_vcEQ6 .listContainer_lw2EG {
  padding: 0 0 0 16px;
  margin-bottom: 0px;
}
.aiInstructionTemplateGuide_l1feh {
  width: 100%;
  padding: 12px 20px 0;
  position: relative;
  z-index: 1;
}
.aiInstructionTemplateGuide_l1feh .temGuideBt_ToUBP {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  background: linear-gradient(90deg, #7e80ff 0%, #3a78ff 100%);
  box-shadow: 0px 2px 8px 0px rgba(59, 133, 255, 0.32);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  gap: 8px;
}
.aiInstructionTemplateGuide_l1feh .temGuideBt_ToUBP .temGuideImage_DbYxh {
  position: relative;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  width: 14px;
  height: 14px;
}
.aiInstructionTemplateGuide_l1feh .temGuideBt_ToUBP .temGuideImage_DbYxh::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}
.aiInstructionTemplateGuide_l1feh .temGuideBt_ToUBP .temGuideImage_DbYxh .svgContainer_sllj8 {
  position: absolute;
  left: -8px;
  top: 0;
  pointer-events: none;
  z-index: 300;
}
.recentUsedContainer_LDgru {
  padding-left: 20px;
  color: #424454;
}
.recentUsedContainer_LDgru .recentRow_8v6Ka {
  display: grid;
  grid-template-columns: repeat(6, 48px);
  grid-gap: 4px;
  gap: 4px;
  margin-top: 4px;
}
.recentUsedContainer_LDgru .recentRow_8v6Ka .recentItem_F1rMy {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  padding: 6px;
  cursor: pointer;
}
.recentUsedContainer_LDgru .recentRow_8v6Ka .recentItem_F1rMy .recentItemImage_AeNRM {
  width: 100%;
  height: 100%;
}
.recentUsedContainer_LDgru .recentRow_8v6Ka .recentItem_F1rMy .recentItemImage_AeNRM img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* 蛋疼的ipad */
  pointer-events: none;
}
.actionWrapper_S-mzu {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 2000;
}
.actionContainer_Y0Jqf {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: white;
}
.actionList_pchFO {
  position: fixed;
  border-radius: 4px;
  background: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  width: 122px;
  z-index: 999;
  padding: 8px 0;
}
.actionList_pchFO .actionRow_8fL36 {
  padding: 7px 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 22px;
}
.aiInstructionContainer_IgxSl {
  position: relative;
}
.aiInstructionContainer_IgxSl[\:has\(.actionListAnchor\)] {
  background-color: rgba(0, 0, 0, 0.06);
}
.aiInstructionContainer_IgxSl:has(.actionListAnchor_tLzpu) {
  background-color: rgba(0, 0, 0, 0.06);
}
.aiInstructionContainer_IgxSl[\:has\(.actionListAnchor\)] .actionContainer_Y0Jqf {
  display: flex;
}
.aiInstructionContainer_IgxSl:has(.actionListAnchor_tLzpu) .actionContainer_Y0Jqf {
  display: flex;
}
.do-hovers .recentItem_F1rMy:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .actionRow_8fL36:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .aiInstructionContainer_IgxSl:hover .actionContainer_Y0Jqf {
  display: flex;
}

.iconWrap_9uQKL {
  width: 38px;
  height: 38px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.iconWrap_9uQKL.size44_Fho5B {
  width: 44px;
  height: 44px;
}
.iconWrap_9uQKL.rotate90_WMVSb {
  transform: rotate(-90deg);
}
.iconWrap_9uQKL.disable_Urvlx {
  pointer-events: none;
  color: #d8d8d8;
}
.iconWrapActive_Gq-lA {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.iconWrapActive_Gq-lA.forceColor_ULTXu {
  color: var(--upime-active) !important;
}
.do-hovers .iconWrapActive_Gq-lA:hover {
  background-color: #eaf1fc;
}
.do-hovers.bigScreenOff .iconWrap_9uQKL:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.toolbar_Fmmy8 {
  pointer-events: auto;
  flex-shrink: 0;
  padding: 5px 0;
  width: 48px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 88px;
  transition: height 0.2s linear, top 0.2s linear, width ease-in-out 0.3s;
  position: relative;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.toolbar_Fmmy8.simpleToolbar_Dzm9r .toolCenter_03SXK {
  gap: 2px;
  margin-top: 2px;
}
.toolbar_Fmmy8.horizMode_Xq0ER {
  width: initial !important;
}
.toolbar_Fmmy8.horizMode_Xq0ER {
  flex-direction: row;
  transition: none;
  padding: 0px;
  width: auto;
  border-radius: 0;
  border-radius: initial;
  box-shadow: none;
  box-shadow: initial;
  min-height: 0;
  min-height: initial;
}
.toolbar_Fmmy8.horizMode_Xq0ER .selectTool_4Cl8W {
  margin-right: 8px;
}
.toolbar_Fmmy8.horizMode_Xq0ER .selectTool_4Cl8W .iconWrap_9uQKL {
  padding: 8px;
  width: auto;
  width: initial;
  height: auto;
  height: initial;
}
.toolbar_Fmmy8.horizMode_Xq0ER .selectTool_4Cl8W .iconWrap_9uQKL > svg {
  width: 28px;
  height: 28px;
}
.toolbar_Fmmy8.horizMode_Xq0ER .moreApps_91idP .moreAppBtnCon_1lTcR {
  padding: 8px 0px;
}
.toolbar_Fmmy8.horizMode_Xq0ER .toolCenter_03SXK {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 0;
}
.toolbar_Fmmy8 .tool_CeSc9 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
}
.toolbar_Fmmy8 .tool_CeSc9.disable_Urvlx {
  pointer-events: none;
  color: #d8d8d8;
}
.toolbar_Fmmy8 .toolbarBottomWrap_Scnsx {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  gap: 2px;
}
.toolbar_Fmmy8 .toolbarBottomWrap_Scnsx.toolbarBottomVerticalMode_HW53I {
  flex-direction: column;
}
.toolbar_Fmmy8 .toolbarBottomWrap_Scnsx.toolbarBottomHorizontalMode_hE3QN {
  flex-direction: row;
  margin-right: 8px;
}
.toolbar_Fmmy8 .moreApps_91idP {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR.moreAppBtnConDisable_vNPXD {
  pointer-events: none;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR.moreAppBtnConDisable_vNPXD svg {
  color: #d8d8d8 !important;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR svg {
  color: var(--upime-main-text) !important;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR svg {
  transform: rotate(90deg);
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR.active_nkqzD {
  background-color: #eaf1fc;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR.active_nkqzD svg {
  color: #2e73e5 !important;
}
.toolbar_Fmmy8 .moreApps_91idP.moreAppHorizMode_-g7T2 .moreAppBtnCon_1lTcR {
  padding: 0;
  padding: initial;
}
.toolbar_Fmmy8.waiting_S-SJy .tool_CeSc9 {
  visibility: hidden;
}
.toolbar_Fmmy8 .active_nkqzD {
  color: var(--upime-active);
}
.toolbar_Fmmy8 .active_nkqzD .iconWrap_9uQKL {
  background-color: #eaf1fc;
}
.toolCenter_03SXK {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  transition: height 0.2s linear;
  -ms-overflow-style: none;
}
.toolCenter_03SXK::-webkit-scrollbar {
  display: none;
}
.toolCenter_03SXK .tool_CeSc9 {
  width: 38px;
}
.toolCenter_03SXK + .toolbarBottomHorizontalMode_hE3QN {
  margin-left: 8px;
}
.shortcutContainer_DwPbT {
  display: flex;
  align-items: center;
  gap: 8px;
  word-break: keep-all;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1;
}
.shortcutContainer_DwPbT .shortcutBox_CpBYj {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid #91939c;
  color: #91939c;
}
.dragableWrapper_t9PJG {
  position: absolute;
  left: 5px;
}
.dragableWrapper_t9PJG.dragHorizMode_VYEJf {
  left: 0;
  top: 8px;
  position: static;
  position: initial;
}
.dragableWrapper_t9PJG.dragHorizMode_VYEJf .iconWrap_9uQKL {
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  padding: 8px;
}
.dragableWrapper_t9PJG .fakeIcon_C-nmD {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.dragableWrapper_t9PJG.ani_ri8KI {
  transition: all 0.15s;
}
.draggingIconContainer_Cucfx {
  position: fixed;
  z-index: 500;
  background-color: white;
  border-radius: 4px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  pointer-events: all;
}
.penItemEditWrapper_X5LQi {
  position: relative;
  bottom: 34px;
}
.penItemEditWrapper_X5LQi.penItemEditWrapperVerMode_m3YtP {
  bottom: 0;
  left: 20px;
}
.penItemEditWrapper_X5LQi.penItemEditWrapperHorizMode_dumPt {
  right: 22px;
}
.penItemEditContainer_qCgzN {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 182px;
  padding-bottom: 10px;
  padding-top: 12px;
}
.penItemEditContainer_qCgzN.penItemEditContainerVerMode_ToauN {
  left: 0;
  transform: translateX(0%) translateY(50%);
}
.penItemOutter_SoY45 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.penItemOutter_SoY45 .selectedTipIcon_xtKGB {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 7px;
  height: 7px;
  color: #2e73e5;
}
.penSubEditContainer_gZ8P5 {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 338px;
  padding-bottom: 10px;
  padding-top: 12px;
  padding: 8px;
}
.penSubEditContainer_gZ8P5.penSubEditContainerVerMode_AJsby {
  left: 0;
  transform: translateX(0%) translateY(50%);
}

.deleteConfirmDialog_Jbrd9 .item_oM1S4 {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4:last-child {
  margin-bottom: 0;
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 input[type="radio"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--upime-second-text);
  border-radius: 50%;
  outline: none;
  position: relative;
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 input[type="radio"] {
  background-color: white;
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 input[type="radio"]:checked {
  border-color: var(--upime-active);
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 input[type="radio"]:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--upime-active);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 .input_VN0M5 {
  margin: 0;
  padding: 0;
}

.frameSummaryStructureEditorWrap_5q08Q {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -8px;
  margin-right: -8px;
}
.frameSummaryStructureEditorWrap_5q08Q .buttonWrap_B-6HI {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameSummaryStructureEditorWrap_5q08Q .buttonWrap_B-6HI .iconWrap_WioaT {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 2px;
}
.subWindow_sy6n- {
  width: 182px;
  padding: 12px;
}
.itemWrap_yesFc {
  width: 100%;
  margin-top: 12px;
}
.itemWrap_yesFc:first-of-type {
  margin-top: 0;
}
.contentTypeLabel_5EHxN,
.contentOrientationLabel_g1NfB {
  color: #0C1024;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.contentTypes_3X5b3 {
  width: 100%;
  justify-content: flex-start;
  gap: 2px;
}
.contentTypes_3X5b3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  margin-top: 4px;
}
.contentTypes_3X5b3 .contentTypeItem_MTkZD {
  width: 38px;
  height: 38px;
}
.contentOrientations_YXF4i {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  margin-top: 4px;
}
.contentOrientations_YXF4i .contentOrientationItem_NFCgE {
  width: 38px;
  height: 38px;
}
.subWindowPhone_xyy0F {
  width: 100%;
  padding: 16px 0px;
  background-color: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  overflow: hidden;
  pointer-events: all;
  position: relative;
}
.subWindowPhone_xyy0F .itemWrap_yesFc {
  padding: 0 20px;
  margin-top: 16px;
}
.subWindowPhone_xyy0F .itemWrap_yesFc:first-of-type {
  margin-top: 0;
}
.subWindowPhone_xyy0F .itemWrap_yesFc .contentTypes_3X5b3,
.subWindowPhone_xyy0F .itemWrap_yesFc .contentOrientations_YXF4i {
  width: 100%;
  gap: 20px;
  margin: 8px 0 0 0;
}
.do-hovers .iconWrap_WioaT:hover,
.do-hovers .contentType_qn8Y-:hover,
.do-hovers .contentOrientation_npZPb:hover {
  background-color: #f5f6f6;
}

.frameSummaryStyleEditorWrap_NKBl0 {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -8px;
  margin-right: -8px;
}
.frameSummaryStyleEditorWrap_NKBl0 .buttonWrap_XLmQ4 {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameSummaryStyleEditorWrap_NKBl0 .buttonWrap_XLmQ4 .iconWrap_2xZik {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 2px;
}
.subWindow_buUsL {
  width: 184px;
  padding: 12px 0;
}
.itemWrap_5ZIlX {
  width: 100%;
  padding: 0 12px;
}
.itemWrap_5ZIlX:first-of-type {
  margin-top: 0;
}
.borderTypeLabel_K6n2p,
.borderThicknessLabel_jqA0T {
  width: 100%;
  text-align: left;
  color: #0c1024;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 1px;
}
.borderTypes_29ass {
  width: 100%;
  height: auto;
  height: initial;
  justify-content: flex-start;
  gap: 2px;
}
.borderTypes_29ass .borderTypeItem_mYBMI {
  width: 38px;
  height: 38px;
}
.borderTypes_29ass .borderTypeItem_mYBMI .sdk-icon {
  width: 26px;
  height: 26px;
}
.borderThickness_js2J8 {
  padding: 0 6px;
}
.borderColors_RgzRZ {
  margin-top: 8px;
}
.borderColors_RgzRZ .borderColorPalette_peehJ {
  width: 160px;
  padding: 0;
}
.customColors_dYmOw {
  padding-right: 0;
}
.customColors_dYmOw .customColorPalette_X6bON {
  width: 100%;
  padding: 0;
}
.colorPaletteDivider_lXFBx {
  width: 100%;
  height: 1px;
  background-color: #E6E7E9;
  margin: 8px 0;
}
.subWindowPhone_sf-vt {
  width: 100%;
  padding: 16px 0px;
  background-color: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  overflow: hidden;
  pointer-events: all;
  position: relative;
}
.subWindowPhone_sf-vt .itemWrap_5ZIlX {
  padding: 0 20px;
  margin-top: 16px;
}
.subWindowPhone_sf-vt .itemWrap_5ZIlX:first-of-type {
  margin-top: 0;
}
.subWindowPhone_sf-vt .itemWrap_5ZIlX .borderTypes_29ass,
.subWindowPhone_sf-vt .itemWrap_5ZIlX .customColors_dYmOw {
  gap: 20px;
  margin: 8px 0 0 0;
}
.subWindowPhone_sf-vt .borderColors_RgzRZ {
  padding-right: 0;
}
.subWindowPhone_sf-vt .borderColors_RgzRZ .borderColorPalette_peehJ {
  width: 100%;
  padding: 0;
}
.subWindowPhone_sf-vt .customColors_dYmOw {
  margin-top: 0;
}
.subWindowPhone_sf-vt .customColors_dYmOw .customColorPalette_X6bON {
  width: 100%;
  padding: 0;
}
.do-hovers .iconWrap_2xZik:hover {
  background-color: #F5F6F6;
}

.cm_item_ua-i0 {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_ua-i0.disabled_7EmT- {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_ua-i0.autoWidth_5gR3v {
  width: auto;
  min-width: 40px;
}
.icon_box_EuO7D {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_EuO7D.active_LK0n6 {
  color: var(--upime-active);
}
.bling_item_ygfNA {
  opacity: 0.8;
}
.hidden_BLG5d {
  visibility: hidden !important;
}
.hidden_all_u1noZ {
  visibility: hidden !important;
}
.hidden_all_u1noZ * {
  visibility: hidden !important;
}
.show_all_svvaI {
  visibility: visible !important;
}
.show_all_svvaI * {
  visibility: visible !important;
}
.pane_ovmhL {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_9CX6v {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_kt5H7 {
  visibility: hidden;
  opacity: 0;
  animation: show_9CX6v 0.5s forwards;
}
@keyframes show_scale_cnzEF {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_cnzEF {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_cnzEF 0.3s forwards;
}
.show_scale_cnzEF.right_oRBhU {
  transform-origin: left center;
}
.show_scale_cnzEF.left_HBDab {
  transform-origin: right center;
}
.show_scale_cnzEF.bottom_huyGN {
  transform-origin: center top;
}
.show_scale_cnzEF.top_06k7v {
  transform-origin: center bottom;
}
.show_scale_cnzEF.left_top_hl5gZ {
  transform-origin: right top;
}
.show_scale_cnzEF.top_left_i66BR {
  transform-origin: bottom left;
}
.show_scale_cnzEF.bottom_left_u-hhx {
  transform-origin: top left;
}
.show_scale_cnzEF.top_right_ipy-S {
  transform-origin: bottom right;
}
.show_scale_cnzEF.bottom_right_V79yO {
  transform-origin: top right;
}
.show_scale_cnzEF.right_top_LleY8 {
  transform-origin: left top;
}
.show_scale_cnzEF.right_bottom_rneeM {
  transform-origin: left bottom;
}
.show_scale_cnzEF.left_bottom_9rYhW {
  transform-origin: right bottom;
}
.btn_style_1HRXl {
  cursor: pointer;
}
.btn_style_1HRXl:active,
.btn_style_1HRXl.on_bafa- {
  color: var(--upime-active);
}
.btn_style_1HRXl.disabled_7EmT- {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_6smp7 {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_EuO7D:hover {
  opacity: 1;
}
.do-hovers .bling_item_ygfNA:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_1HRXl:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_6smp7:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_N9VEO:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_06TCO:hover {
  color: var(--upime-main-text);
}
.rotateY180_bDscF {
  transform: rotateY(180deg);
}
.titleIcon_N9VEO {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_N9VEO.active_LK0n6 {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_N9VEO.active_LK0n6 {
  color: var(--upime-active);
}
.moreIcon_06TCO {
  cursor: pointer;
}
.moreIcon_06TCO svg {
  color: #303445;
}
.moreIcon_06TCO.active_LK0n6 svg {
  color: var(--upime-main-text);
}
@keyframes loading_3ZC8R {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_JQy7n {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_3ZC8R 1s linear infinite forwards;
}
.AIButtonContainer_6L1Lu {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_6L1Lu.transparent_lRqor {
  opacity: 0;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK.AIShow_zcqC3 {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK.AIHide_OPx5m {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK.AIButtonHover_xAfpD:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK.AIButtonDisabled_D-fe6 {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK .AIButtonImage_IgmoJ {
  width: 32px;
  height: 32px;
}
.sub_win_container_ADABs {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_ADABs::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_ADABs::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_ADABs::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_ADABs .sub_win_child_wrapper_1Td-m:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_ADABs .sub_win_child_wrapper_1Td-m:not(:first-child) .sub_win_child_p4q0X {
  padding-top: 0;
}
.sub_win_flexalbe_container_vFD1I {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_vFD1I * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF:not(:first-child) .flexable_scroll_inner_gK5sE {
  padding-top: 0px;
}
.phoneMode .sub_win_container_ADABs {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_vFD1I {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_1RrCF {
  animation: safariUpdate_2gAmG 0.1s forwards;
}
.safariOn .sub_win_container_ADABs {
  animation: safariUpdate_2gAmG 0.1s forwards;
}
@keyframes safariUpdate_2gAmG {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_omBA7 {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_omBA7 .noColorStylePart_NcSUy + .noColorStylePart_NcSUy {
  margin-top: 8px;
}
.noColorStyleContainer_omBA7 .partlabel_iZhEg {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_omBA7 .partlabel_iZhEg.disabled_7EmT- {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_ADABs,
.phoneMode .sub_win_flexalbe_container_vFD1I {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_ADABs .flexable_scroll_wrapper_1RrCF:not(:first-child),
.phoneMode .sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_omBA7 {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_omBA7 .noColorStylePart_NcSUy + .noColorStylePart_NcSUy {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_omBA7 .partlabel_iZhEg {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.widgetTypePicker_E1aVB {
  position: absolute;
  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);
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP {
  max-height: 274px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .baseTypeBox_-fuQL {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-flow: row wrap;
  gap: 12px;
  padding-right: 12px;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .baseTypeBox_-fuQL .baseTypeItem_jCQ51 {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 2px;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .baseTypeDivider_L50kB {
  margin-top: 4px;
  margin-bottom: 12px;
  border-top: 1px solid #e6e7e9;
  margin-right: 12px;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .listContainer_SX-l7 {
  flex: 1;
  padding-right: 6px;
  overflow: auto;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .listContainer_SX-l7::-webkit-scrollbar {
  width: 4px;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .listContainer_SX-l7::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .listContainer_SX-l7::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.do-hovers .widget-type-item_W43OD:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .baseTypeItem_jCQ51:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.flowchartBody_IfuBT {
  flex: 1;
  overflow: auto;
  padding: 12px 12px 12px 20px;
}
.descPart_OiRFo {
  flex: 1;
  overflow: hidden;
  margin-right: 4px;
}
.descPart_OiRFo .temDescTitle_4VTbE {
  font-size: 18px;
  line-height: 26px;
  color: #0c1024;
  margin-bottom: 4px;
  display: block;
}
.descPart_OiRFo .temDescContent_h7Tfh {
  color: #424454;
  font-size: 13px;
  line-height: 20px;
}
.imageContainer_-aAO- {
  width: 110px;
  height: 120px;
  overflow: hidden;
  position: relative;
}
.imageContainer_-aAO- img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.flowchartTemList_02axc {
  row-gap: 8px;
}
.temCellImg_viW6f {
  height: 84px;
}
.flowchartMore_8PWFg {
  padding: 0 16px 4px;
}
.moreButton_BNp12 {
  line-height: 18px;
}

.draftContainer_bTFv1 {
  display: flex;
  flex-direction: column;
}
.draftContainer_bTFv1 .textPart_mSkHp {
  display: flex;
  position: relative;
  max-height: 118px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C {
  width: 100%;
  min-height: 50px;
  max-height: 162px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 15px 56px 16px 16px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C::-webkit-scrollbar {
  width: 4px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C > div {
  line-height: 20px;
  font-size: 14px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C span {
  top: 0px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C * {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.draftContainer_bTFv1 .textPart_mSkHp .actionRow_vDiop {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  padding: 14px 16px 14px 12px;
  justify-content: flex-end;
}
.draftContainer_bTFv1 .textPart_mSkHp .actionRow_vDiop svg {
  color: #d8d8d8;
  cursor: pointer;
  pointer-events: none;
  width: 24px;
  height: 22px;
}
.draftContainer_bTFv1 .textPart_mSkHp .actionRow_vDiop svg.active_Jlg5i {
  color: var(--upime-active);
  pointer-events: auto;
}
.draftContainer_bTFv1 .draftActions_yDQ7Z {
  display: flex;
  width: 100%;
  padding: 8px 16px 12px 16px;
}
.draftContainer_bTFv1 .draftActions_yDQ7Z .micCon_rvwbZ {
  height: 24px;
}
.draftContainer_bTFv1 .draftActions_yDQ7Z svg {
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-right: 24px;
  color: #616371;
}
.draftContainer_bTFv1 .draftActions_yDQ7Z .active_Jlg5i {
  color: var(--upime-active);
}
.draftContainer_bTFv1.phone_IOn-M {
  justify-content: space-evenly;
  min-height: 52px;
  flex-direction: row;
  padding: 8px 8px 8px 8px;
  gap: 8px;
  align-items: end;
  position: relative;
}
.draftContainer_bTFv1.phone_IOn-M.editmode_rZmQW {
  height: 140px;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 16px;
  padding-right: 14px;
}
.draftContainer_bTFv1.phone_IOn-M.editmode_rZmQW .textPart_mSkHp {
  height: 100%;
  padding-right: 0;
}
.draftContainer_bTFv1.phone_IOn-M.editmode_rZmQW .textPart_mSkHp .editor_qUK8C {
  height: 100%;
}
.draftContainer_bTFv1.phone_IOn-M .mic_0AJpr {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 6px;
}
.draftContainer_bTFv1.phone_IOn-M .mic_0AJpr svg {
  font-size: 24px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp {
  flex-basis: 80%;
  position: relative;
  align-items: end;
  gap: 4px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C {
  padding: 0;
  padding: initial;
  min-height: 36px;
  max-height: 118px;
  flex: auto;
  border-radius: 4px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C span {
  top: 7px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C p {
  background-color: #f5f6f6;
  padding: 0 12px 0 12px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C p:first-child {
  padding-top: 7px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C p:last-child {
  padding-bottom: 7px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .fasongContainer_xprdO {
  flex: none;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  display: flex;
  background-color: #2e73e5;
  justify-content: center;
  align-items: center;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .fasongContainer_xprdO .send_y-fiE {
  color: #fff;
}
.draftContainer_bTFv1.phone_IOn-M .guanbiContainer_bysqn {
  position: absolute;
  right: 8px;
  top: 8px;
  display: flex;
  padding: 8px;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX {
  flex-basis: 98%;
  padding-right: 42px;
  overflow: hidden;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C {
  width: 100%;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C span {
  top: -1px;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C p {
  padding: 0px 10px 0px 10px;
  background-color: transparent;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C p:first-child {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C p:last-child {
  padding-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.draftContainer_bTFv1.phone_IOn-M .upload_S2kop {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 6px;
}
.draftContainer_bTFv1.phone_IOn-M .upload_S2kop svg {
  font-size: 24px;
}
.draftContainer_bTFv1.editmode_rZmQW {
  height: 98px;
  padding-bottom: 16px;
  margin-top: 16px;
}
.atContainer_7G6Vq {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: -600px;
  margin-bottom: 56px;
  background: rgba(0, 0, 0, 0.4);
}
.recorderContainer_I-Is6 .coverblock_Veo5Z {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 116px);
  margin-top: -200px;
  z-index: 1000;
}
.recorderContainer_I-Is6 .closebar_2HWbi {
  height: 22px;
  text-align: right;
  margin-right: 14px;
  margin-top: 14px;
}
.commentWrapper_lnwKg {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
  pointer-events: auto;
  z-index: 999;
  visibility: hidden;
  touch-action: none;
}
.commentWrapper_lnwKg .connectionLine_BAIwb {
  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_lnwKg .connectionLine_BAIwb .pivot_fzXzV {
  margin: -6px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #ffd02f;
  pointer-events: none;
}
.commentWrapper_lnwKg .commentBody_yTcdg {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
  background: white;
  width: 340px;
  max-height: 500px;
  position: absolute;
  transform: translateY(-50%);
  border-radius: 8px;
}
.panelRoot_S6AQ4 {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.panelRoot_S6AQ4.phoneMode_HrvMw .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ:active {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}
.panelRoot_S6AQ4.phoneMode_HrvMw .body_xxSWm {
  max-height: 300px;
}
.panelRoot_S6AQ4.phoneMode_HrvMw .upimeSlateParagraph {
  font-size: 15px;
}
.panelRoot_S6AQ4 .header_AkNfS {
  height: 49px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 7px 8px 7px 16px;
  border-bottom: 1px solid #ECECEE;
}
.panelRoot_S6AQ4 .header_AkNfS .toggleRoot_Ynj3f {
  min-width: 85px;
  height: 24px;
  display: flex;
  align-items: center;
}
.panelRoot_S6AQ4 .header_AkNfS .toggleRoot_Ynj3f > span {
  margin-left: 8px;
  font-size: 14px;
  color: #616371;
  line-height: 24px;
}
.panelRoot_S6AQ4 .header_AkNfS .toggleRoot_Ynj3f .resolvedText_VmRjb {
  color: var(--upime-main-text);
}
.panelRoot_S6AQ4 .header_AkNfS .themeSelector_9kHYQ {
  min-width: 130px;
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ {
  display: flex;
  padding: 6px;
  border-radius: 2px;
  cursor: pointer;
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ:hover,
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ.active_Jlg5i {
  background: rgba(0, 0, 0, 0.06);
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ .resolvedIcon_vOYR8 {
  color: #0C1024;
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ .resolvedIcon_vOYR8.resolved_8vrvt {
  color: #2E73E5;
}
.panelRoot_S6AQ4 .body_xxSWm {
  width: 100%;
  max-height: 287px;
  padding: 16px 16px 0 16px;
  overflow-x: hidden;
  overflow-y: scroll;
  border-bottom: 1px solid #ECECEE;
  min-height: 40px;
}
.panelRoot_S6AQ4 .body_xxSWm::-webkit-scrollbar {
  width: 4px;
}
.panelRoot_S6AQ4 .body_xxSWm::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.panelRoot_S6AQ4 .body_xxSWm::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.panelSubmenu_GHMEk {
  border-radius: 4px !important;
  top: 52px !important;
  right: 8px !important;
}
.panelSubmenu_GHMEk {
  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_GHMEk .row_yia43 {
  width: 100%;
  height: 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
  justify-content: space-between;
  cursor: pointer;
}
.panelSubmenu_GHMEk .row_yia43 .content_fQcxn {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.panelSubmenu_GHMEk .row_yia43 .content_fQcxn .headIcon_6ZBYv {
  font-size: 20px;
}
.panelSubmenu_GHMEk .row_yia43 .content_fQcxn > span {
  font-size: 14px;
  line-height: 22px;
  margin-left: 8px;
}
.panelSubmenu_GHMEk .row_yia43 .pin_2-sbM {
  font-size: 16px;
  color: var(--upime-active);
}
.do-hovers .panelSubmenu_GHMEk .row_yia43:hover {
  background: var(--upime-btn-bg-hover);
}
.do-hovers .draftActions_yDQ7Z svg:hover {
  color: var(--upime-active);
}
.activeIcon_5vgO3 {
  color: var(--upime-active) !important;
}
.guideRoot_oPFAj {
  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_oPFAj > span {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 8px;
}
.guideRoot_oPFAj .title_ZjOIO {
  color: var(--upime-main-text);
  font-weight: 500;
}
.guideRoot_oPFAj .content_fQcxn {
  color: var(--upime-second-text);
}
.guideRoot_oPFAj .link_TEt5d {
  cursor: pointer;
  color: var(--upime-active);
}

.panel_-kByv {
  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_-kByv.panelPhone_e8FKu {
  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_-kByv .header_5-U8j {
  width: 100%;
  height: 38px;
  padding-left: 16px;
  line-height: 21px;
  font-size: 14px;
}
.panel_-kByv .header_5-U8j:first-child {
  padding-top: 8px;
}
.panel_-kByv .header_5-U8j.withBorder_ykg6H {
  border-bottom: 2px solid var(--upime-btn-bg-hover);
}
.panel_-kByv .viewport_xOj9- {
  width: 100%;
  max-height: 235px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.panel_-kByv .viewport_xOj9-::-webkit-scrollbar {
  width: 4px;
}
.panel_-kByv .viewport_xOj9-::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.panel_-kByv .viewport_xOj9-::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.panel_-kByv .viewport_xOj9-.phone_UHgFC {
  max-height: 220px;
  padding: 8px 0;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
}
.panel_-kByv .viewport_xOj9- .list_TLOm-.phone_UHgFC {
  padding: 0;
  padding: initial;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 16px;
  cursor: pointer;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk.phone_UHgFC {
  height: 50px;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .avatar_JYmRR {
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .avatar_JYmRR.phone_UHgFC {
  width: 30px;
  height: 30px;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk > span {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .userName_kbunu {
  margin-left: 13px;
  margin-bottom: 4px;
  max-width: 68px;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .userName_kbunu.phone_UHgFC {
  max-width: 290px;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .info_hfRSw {
  margin-left: 13px;
  color: var(--upime-second-text);
  max-width: 134px;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .info_hfRSw.phone_UHgFC {
  max-width: 290px;
  line-height: 12px;
  font-size: 12px;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nobgcolor_RWPLE {
  background-color: transparent;
  background-color: initial;
}
.selected_K5pxf {
  color: var(--upime-active);
}
.selected_K5pxf .info_hfRSw {
  color: var(--upime-active) !important;
}
.mentionEle_pxD-g {
  color: var(--upime-active);
  padding: 3px 0;
}
.mentionEle_pxD-g.focus_ahawq {
  background-color: rgba(93, 151, 252, 0.5);
}
.mentionEle_pxD-g > span:first-child {
  display: none;
}

.link_iMs7N {
  color: var(--upime-active);
  text-decoration: underline;
}
.link_iMs7N.clickable_dQs1E {
  cursor: pointer;
}

.paragraph_KbhpH {
  font-size: 14px;
  line-height: 22px;
  color: var(--upime-main-text);
  margin: 0;
}

.root_EIXNd {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 60px;
  min-width: 124px;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.root_EIXNd.phone_8Pxa8 {
  height: 280px;
}
.root_EIXNd .title_1A-Bb {
  font-size: 12px;
  line-height: 18px;
  color: var(--upime-main-text);
  margin-bottom: 12px;
}
.root_EIXNd .title_1A-Bb.phone_8Pxa8 {
  font-size: 14px;
  line-height: 22px;
  color: #0c1024;
  margin-bottom: 0;
}
.root_EIXNd .title_1A-Bb em {
  font-style: inherit !important;
}
.root_EIXNd .title_1A-Bb em {
  color: var(--upime-second-text);
}
.root_EIXNd .canvasCon_lIAOS {
  position: relative;
  width: 124px;
  height: 30px;
}
.root_EIXNd .canvasCon_lIAOS.phone_8Pxa8 {
  height: 70px;
  width: 300px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9 {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--upime-active);
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9 .clickArea_DdZnf {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8 {
  width: 42px;
  height: 42px;
  transform: translate(-50%, -60%);
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8 .clickArea_DdZnf {
  width: 60px;
  height: 60px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.finishRecord_fWbg9 {
  width: 28px !important;
  height: 28px !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.finishRecord_fWbg9 {
  border-radius: 4px;
  transform: translate(-50%, -64%);
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.play_-SgxT {
  width: 0 !important;
  height: 0 !important;
  background-color: transparent !important;
  background-color: initial !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.play_-SgxT {
  left: calc(50% + 3px);
  top: 34px;
  border-left: 18px solid var(--upime-active);
  border-top: 12.5px solid transparent;
  border-bottom: 12.5px solid transparent;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3 {
  width: 28px !important;
  height: 28px !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3 {
  background-color: transparent;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3 .bar_8Z3WR {
  position: absolute;
  content: "";
  background-color: var(--upime-active);
  width: 4px;
  height: 20px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3::before {
  position: absolute;
  content: "";
  background-color: var(--upime-active);
  width: 4px;
  height: 20px;
  top: 3px;
  left: 5px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3::after {
  position: absolute;
  content: "";
  background-color: var(--upime-active);
  width: 4px;
  height: 20px;
  left: 20px;
  top: 3px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.startRecord_yQBKJ {
  border-radius: 50%;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.finishRecord_fWbg9 {
  width: 14px !important;
  height: 14px !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.finishRecord_fWbg9 {
  border-radius: 2px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.play_-SgxT {
  width: 0 !important;
  height: 0 !important;
  background-color: transparent !important;
  background-color: initial !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.play_-SgxT {
  left: calc(50% + 1px);
  border-left: 12px solid var(--upime-active);
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3 {
  width: 14px !important;
  height: 14px !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3 {
  background-color: transparent;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3 .bar_8Z3WR {
  position: absolute;
  content: "";
  background-color: var(--upime-active);
  width: 3px;
  height: 10px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3::before {
  position: absolute;
  content: "";
  background-color: var(--upime-active);
  width: 3px;
  height: 10px;
  top: 2px;
  left: 2px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3::after {
  position: absolute;
  content: "";
  background-color: var(--upime-active);
  width: 3px;
  height: 10px;
  left: 9px;
  top: 2px;
}
.root_EIXNd .actionBar_K-cwg {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 12px;
  width: 100%;
}
.root_EIXNd .actionBar_K-cwg .btn_63yX2 {
  line-height: 18px;
  font-size: 12px;
  cursor: pointer;
  color: var(--upime-active);
}
.root_EIXNd .actionBar_K-cwg.phone_8Pxa8 {
  gap: 20px;
}
.root_EIXNd .actionBar_K-cwg.phone_8Pxa8 .btn_63yX2 {
  font-size: 16px;
  flex: auto;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #2e73e5;
  line-height: 44px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.root_EIXNd .actionBar_K-cwg.phone_8Pxa8 .recordBtn_c48sL {
  margin-left: 28px;
}
.root_EIXNd .actionBar_K-cwg.phone_8Pxa8 .sendBtn_-Qaht {
  background-color: #2e73e5;
  color: #fff;
  margin-right: 28px;
}

.content_69qMg {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 16px 24px;
  position: relative;
  width: 172px;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.content_69qMg .closeIcon_aCCUd {
  position: absolute;
  right: 8px;
  top: 8px;
  color: #d8d8d8;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.do-hovers .closeIcon_aCCUd:hover {
  color: var(--upime-active);
}

.draftContainer_rRNX8 {
  display: flex;
  flex-direction: column;
}
.draftContainer_rRNX8 .textPart_YYyOn {
  display: flex;
  position: relative;
  max-height: 118px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 {
  width: 100%;
  min-height: 50px;
  max-height: 162px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 15px 56px 16px 16px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4::-webkit-scrollbar {
  width: 4px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 > div {
  line-height: 20px;
  font-size: 14px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 span {
  top: 0px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 * {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.draftContainer_rRNX8 .textPart_YYyOn .actionRow_rVTJb {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  padding: 14px 16px 14px 12px;
  justify-content: flex-end;
}
.draftContainer_rRNX8 .textPart_YYyOn .actionRow_rVTJb svg {
  color: #d8d8d8;
  cursor: pointer;
  pointer-events: none;
  width: 24px;
  height: 22px;
}
.draftContainer_rRNX8 .textPart_YYyOn .actionRow_rVTJb svg.active_tz3Y2 {
  color: var(--upime-active);
  pointer-events: auto;
}
.draftContainer_rRNX8 .draftActions_E8ckj {
  display: flex;
  width: 100%;
  padding: 8px 16px 12px 16px;
}
.draftContainer_rRNX8 .draftActions_E8ckj .micCon_Y-bxh {
  height: 24px;
}
.draftContainer_rRNX8 .draftActions_E8ckj svg {
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-right: 24px;
  color: #616371;
}
.draftContainer_rRNX8 .draftActions_E8ckj .active_tz3Y2 {
  color: var(--upime-active);
}
.draftContainer_rRNX8.phone_5BHPL {
  justify-content: space-evenly;
  min-height: 52px;
  flex-direction: row;
  padding: 8px 8px 8px 8px;
  gap: 8px;
  align-items: end;
  position: relative;
}
.draftContainer_rRNX8.phone_5BHPL.editmode_hpRhh {
  height: 140px;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 16px;
  padding-right: 14px;
}
.draftContainer_rRNX8.phone_5BHPL.editmode_hpRhh .textPart_YYyOn {
  height: 100%;
  padding-right: 0;
}
.draftContainer_rRNX8.phone_5BHPL.editmode_hpRhh .textPart_YYyOn .editor_KaJJ4 {
  height: 100%;
}
.draftContainer_rRNX8.phone_5BHPL .mic_RyRKM {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 6px;
}
.draftContainer_rRNX8.phone_5BHPL .mic_RyRKM svg {
  font-size: 24px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn {
  flex-basis: 80%;
  position: relative;
  align-items: end;
  gap: 4px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 {
  padding: 0;
  padding: initial;
  min-height: 36px;
  max-height: 118px;
  flex: auto;
  border-radius: 4px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 span {
  top: 7px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 p {
  background-color: #f5f6f6;
  padding: 0 12px 0 12px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 p:first-child {
  padding-top: 7px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 p:last-child {
  padding-bottom: 7px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .fasongContainer_R9rXS {
  flex: none;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  display: flex;
  background-color: #2e73e5;
  justify-content: center;
  align-items: center;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .fasongContainer_R9rXS .send_WJ1kn {
  color: #fff;
}
.draftContainer_rRNX8.phone_5BHPL .guanbiContainer_8TVLS {
  position: absolute;
  right: 8px;
  top: 8px;
  display: flex;
  padding: 8px;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq {
  flex-basis: 98%;
  padding-right: 42px;
  overflow: hidden;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 {
  width: 100%;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 span {
  top: -1px;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 p {
  padding: 0px 10px 0px 10px;
  background-color: transparent;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 p:first-child {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 p:last-child {
  padding-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.draftContainer_rRNX8.phone_5BHPL .upload_0U5yb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 6px;
}
.draftContainer_rRNX8.phone_5BHPL .upload_0U5yb svg {
  font-size: 24px;
}
.draftContainer_rRNX8.editmode_hpRhh {
  height: 98px;
  padding-bottom: 16px;
  margin-top: 16px;
}
.atContainer_uSexc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: -600px;
  margin-bottom: 56px;
  background: rgba(0, 0, 0, 0.4);
}
.recorderContainer_bjAcE .coverblock_4-Q0T {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 116px);
  margin-top: -200px;
  z-index: 1000;
}
.recorderContainer_bjAcE .closebar_vkSCm {
  height: 22px;
  text-align: right;
  margin-right: 14px;
  margin-top: 14px;
}
.commentWrapper_6TVCy {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
  pointer-events: auto;
  z-index: 999;
  visibility: hidden;
  touch-action: none;
}
.commentWrapper_6TVCy .connectionLine_lauIv {
  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_6TVCy .connectionLine_lauIv .pivot_opL90 {
  margin: -6px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #ffd02f;
  pointer-events: none;
}
.commentWrapper_6TVCy .commentBody_7uk4y {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
  background: white;
  width: 340px;
  max-height: 500px;
  position: absolute;
  transform: translateY(-50%);
  border-radius: 8px;
}
.panelRoot_EiMZ- {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.panelRoot_EiMZ-.phoneMode_RVQKq .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD:active {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}
.panelRoot_EiMZ-.phoneMode_RVQKq .body_061n- {
  max-height: 300px;
}
.panelRoot_EiMZ-.phoneMode_RVQKq .upimeSlateParagraph {
  font-size: 15px;
}
.panelRoot_EiMZ- .header_EY9tD {
  height: 49px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 7px 8px 7px 16px;
  border-bottom: 1px solid #ECECEE;
}
.panelRoot_EiMZ- .header_EY9tD .toggleRoot_F0Gqk {
  min-width: 85px;
  height: 24px;
  display: flex;
  align-items: center;
}
.panelRoot_EiMZ- .header_EY9tD .toggleRoot_F0Gqk > span {
  margin-left: 8px;
  font-size: 14px;
  color: #616371;
  line-height: 24px;
}
.panelRoot_EiMZ- .header_EY9tD .toggleRoot_F0Gqk .resolvedText_lDePB {
  color: var(--upime-main-text);
}
.panelRoot_EiMZ- .header_EY9tD .themeSelector_O9vF3 {
  min-width: 130px;
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD {
  display: flex;
  padding: 6px;
  border-radius: 2px;
  cursor: pointer;
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD:hover,
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD.active_tz3Y2 {
  background: rgba(0, 0, 0, 0.06);
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD .resolvedIcon_tmcA- {
  color: #0C1024;
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD .resolvedIcon_tmcA-.resolved_xjI-0 {
  color: #2E73E5;
}
.panelRoot_EiMZ- .body_061n- {
  width: 100%;
  max-height: 287px;
  padding: 16px 16px 0 16px;
  overflow-x: hidden;
  overflow-y: scroll;
  border-bottom: 1px solid #ECECEE;
  min-height: 40px;
}
.panelRoot_EiMZ- .body_061n-::-webkit-scrollbar {
  width: 4px;
}
.panelRoot_EiMZ- .body_061n-::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.panelRoot_EiMZ- .body_061n-::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.panelSubmenu_164a7 {
  border-radius: 4px !important;
  top: 52px !important;
  right: 8px !important;
}
.panelSubmenu_164a7 {
  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_164a7 .row_V2zLe {
  width: 100%;
  height: 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
  justify-content: space-between;
  cursor: pointer;
}
.panelSubmenu_164a7 .row_V2zLe .content_fwzN0 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.panelSubmenu_164a7 .row_V2zLe .content_fwzN0 .headIcon_jh-0Z {
  font-size: 20px;
}
.panelSubmenu_164a7 .row_V2zLe .content_fwzN0 > span {
  font-size: 14px;
  line-height: 22px;
  margin-left: 8px;
}
.panelSubmenu_164a7 .row_V2zLe .pin_hLnZK {
  font-size: 16px;
  color: var(--upime-active);
}
.do-hovers .panelSubmenu_164a7 .row_V2zLe:hover {
  background: var(--upime-btn-bg-hover);
}
.do-hovers .draftActions_E8ckj svg:hover {
  color: var(--upime-active);
}
.activeIcon_jqpeu {
  color: var(--upime-active) !important;
}
.guideRoot_w3mUv {
  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_w3mUv > span {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 8px;
}
.guideRoot_w3mUv .title_QUkkd {
  color: var(--upime-main-text);
  font-weight: 500;
}
.guideRoot_w3mUv .content_fwzN0 {
  color: var(--upime-second-text);
}
.guideRoot_w3mUv .link_OFPZa {
  cursor: pointer;
  color: var(--upime-active);
}
.listRoot_C6P5g {
  width: 100%;
}
.listRoot_C6P5g .messageContent_qoIMo {
  margin-top: 2px;
}
.content_fwzN0 .updatedLabel_QYGTw {
  display: block;
  color: var(--upime-disable);
  font-size: 14px;
  line-height: 22px;
}
.messageItemRoot_gpMQ7 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  margin-bottom: 10px;
  margin-top: 20px;
  gap: 8px;
}
.messageItemRoot_gpMQ7.phoneMode_RVQKq .avatarContainer_7RUYI .avatarIcon_YMhXv {
  width: 28px;
  height: 28px;
}
.messageItemRoot_gpMQ7.phoneMode_RVQKq.adjacentPre_VksG2 {
  margin-top: 0;
}
.messageItemRoot_gpMQ7.phoneMode_RVQKq.adjacentPre_VksG2 .rightArea_RPsRK {
  margin-left: 36px;
}
.messageItemRoot_gpMQ7:first-child {
  margin-top: 0;
}
.messageItemRoot_gpMQ7.adjacentPre_VksG2 {
  margin-top: 0;
}
.messageItemRoot_gpMQ7.adjacentPre_VksG2 .rightArea_RPsRK {
  margin-left: 32px;
}
.messageItemRoot_gpMQ7 .header_EY9tD {
  width: 100%;
  margin-bottom: 8px;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI.phone_5BHPL > span {
  font-size: 15px;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI .avatarPlaceholder_JETIO {
  width: 20px;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI .icon_BcVnN {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI > span {
  font-size: 14px;
  line-height: 14px;
  color: var(--upime-main-text);
  max-width: 230px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messageItemRoot_gpMQ7 .header_EY9tD .datetime_HuqPA {
  font-size: 12px;
  color: #616371;
}
.messageItemRoot_gpMQ7 .rightArea_RPsRK {
  width: 100%;
}
.messageItemRoot_gpMQ7 .avatarContainer_7RUYI .avatarIcon_YMhXv {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y {
  height: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y > span {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #91939C;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y svg {
  font-size: 20px;
  cursor: pointer;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y .puzhuContainer_UJC-K {
  display: flex;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y .puzhuContainer_UJC-K.desk_6hP3J:hover .pizhuIcon_7ctIQ {
  color: #2e73e5;
}
.messageItemRoot_gpMQ7 .content_fwzN0 {
  width: 100%;
}
.messageItemRoot_gpMQ7 .content_fwzN0.contentReply_YdlH-:active {
  background-color: rgba(0, 0, 0, 0.06);
}
.messageItemRoot_gpMQ7 .content_fwzN0 > span {
  width: 100%;
  color: var(--upime-main-text);
  font-size: 14px;
  line-height: 22px;
  padding: 0 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  white-space: pre-line;
}
.messageItemRoot_gpMQ7 .content_fwzN0 .updatedLabel_QYGTw {
  display: block;
  color: var(--upime-disable);
  font-size: 14px;
  line-height: 22px;
}
.messageItemRoot_gpMQ7 .content_fwzN0 * {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.messageItemRoot_gpMQ7 .actions_zcL4n {
  padding: 8px 4px;
  display: flex;
  flex-direction: row;
  position: relative;
}
.messageItemRoot_gpMQ7 .actions_zcL4n .button_3GRQl {
  min-width: 28px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
.messageItemRoot_gpMQ7 .actions_zcL4n .saveDisabled_lth8f {
  color: var(--upime-primary-btn-disabled-bg);
  pointer-events: none;
}
.dialogContainer_X7q5y {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialogContainer_X7q5y .dialogItem_zEQ8D {
  height: 54px;
  line-height: 54px;
  text-align: center;
  width: 100%;
}
.dangerColor_uP8GZ {
  color: #fe5250;
}
@keyframes showActions_KsB9I {
  0% {
    opacity: 0;
    transform: translateY(-28px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.showActionsDiv_fT-it {
  animation: showActions_KsB9I 0.2s ease-in;
}
.do-hovers .messageItemRoot_gpMQ7 .actions_zcL4n .button_3GRQl:hover {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.do-hovers .contentHover_aiz7p:hover {
  background-color: var(--upime-btn-bg-hover);
  cursor: pointer;
}
.do-hovers .cancelBtn_XcWg4:hover {
  color: var(--upime-main-text);
}
.do-hovers .deleteBtn_rTgdH:hover {
  color: #FF7F78;
}
.cancelBtn_XcWg4 {
  color: #616371;
  margin-left: 20px;
}
.deleteBtn_rTgdH {
  color: #FE5250;
  margin-left: 160px;
  position: absolute;
  right: 4px;
}
.deleteBtn_rTgdH:active {
  color: #D9383B !important;
}
.editor_KaJJ4.editing_opCTH {
  background-color: var(--upime-btn-bg-hover);
}

.root_-E8Sl {
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.root_-E8Sl.border_BJ34k {
  border: 1px solid #E6E7E9;
  border-radius: 4px;
}
.root_-E8Sl .transing_P-am1 {
  font-size: 12px;
  color: #ffa519;
}
.root_-E8Sl .player_83wXf {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  padding: 0 8px 0 16px;
  margin-top: -4px;
}
.root_-E8Sl .player_83wXf .trigger_7cAn8 {
  height: 24px;
  width: 24px;
  color: var(--upime-active);
  cursor: pointer;
  transform: translate(0, 1px);
}
.root_-E8Sl .player_83wXf > span {
  font-size: 12px;
  line-height: 18px;
}
.root_-E8Sl .player_83wXf .curTime_QgAQh {
  margin-left: 16px;
  margin-right: 8px;
  white-space: nowrap;
}
.root_-E8Sl .player_83wXf .duration_njiuJ {
  margin-left: 8px;
  white-space: nowrap;
}
.root_-E8Sl .player_83wXf .track_HvGJZ {
  flex: 1 1 138px;
  background-color: #F5F6F6;
  position: relative;
  height: 4px;
  transform: translate(0, 1px);
  cursor: pointer;
}
.root_-E8Sl .player_83wXf .track_HvGJZ .progress_GkvrB {
  height: 100%;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--upime-active);
}
.root_-E8Sl .player_83wXf .track_HvGJZ .controller_77rqV {
  cursor: pointer;
  background-color: var(--upime-active);
  width: 10px;
  height: 10px;
  position: absolute;
  top: -3px;
  border-radius: 50%;
  transform: translate(-3px);
}
.fileInfo_MQjkV {
  border: none !important;
}

.basic_Nvtje {
  height: 56px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  background-color: #fff;
}
.basic_Nvtje .root_fyH1L {
  height: 54px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
}
.basic_Nvtje .root_fyH1L .logo_B8t2j {
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.basic_Nvtje .root_fyH1L .info_7nuDk {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  overflow: hidden;
}
.basic_Nvtje .root_fyH1L .info_7nuDk span:nth-child(1) {
  font-size: 14px;
  line-height: 22px;
  color: var(--upime-main-text);
}
.basic_Nvtje .root_fyH1L .info_7nuDk span:nth-child(2) {
  color: #616371;
  font-size: 12px;
  line-height: 18px;
}
.basic_Nvtje .root_fyH1L .progress_EH4xk {
  position: absolute;
  height: 100%;
  background-color: #eaf1fc;
  top: 0;
  left: 0;
  z-index: -1;
}
.basic_Nvtje .iconCon_oyabx {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px;
  display: flex;
  border-radius: 2px;
  cursor: pointer;
}
.basic_Nvtje .iconCon_oyabx:hover {
  background: rgba(0, 0, 0, 0.06);
}
.basic_Nvtje .iconCon_oyabx .floatIcon_BqoQM {
  color: #91939C;
  width: 20px;
  height: 20px;
}
.errorCon_5DJQz {
  cursor: pointer;
  height: 18px;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.errorCon_5DJQz > span {
  color: var(--upime-danger);
  font-size: 12px;
  line-height: 18px;
  margin-right: 4px;
}
.errorCon_5DJQz svg {
  width: 12px;
  height: 12px;
  color: var(--upime-danger);
}

.root_HiQvY {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  visibility: hidden;
  min-width: 90px;
  padding: 8px 0;
  z-index: 99;
}
.root_HiQvY .row_E8tjP {
  width: 100%;
  height: 38px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  color: var(--upime-main-text);
  cursor: pointer;
}
.dialogContainer_ExDGH {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialogContainer_ExDGH .dialogItem_-D-O6 {
  height: 54px;
  line-height: 54px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.dialogContainer_ExDGH .dialogItem_-D-O6.disabled_Z7kQI {
  color: #C2C3C8;
}
.dialogContainer_ExDGH .dialogItem_-D-O6 .loadingIcon_roPiH {
  animation: loading_zdHOF 1.5s linear infinite forwards;
}
.dangerColor_dkLlG {
  color: #fe5250;
}
.do-hovers .row_E8tjP:hover {
  background-color: var(--upime-btn-bg-hover);
}
@keyframes loading_zdHOF {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.root_HXqKB {
  height: 32px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  cursor: pointer;
  background-color: #fff;
}
.root_HXqKB > canvas {
  z-index: 1;
  transform: translate(0, -2px) rotate(-45deg);
}
.root_HXqKB > span {
  line-height: 32px;
  font-size: 14px;
  color: var(--upime-main-text);
  z-index: 1;
  margin-left: 8px;
}
.root_HXqKB .loading_kjBNp {
  margin-left: 8px;
  color: var(--upime-main-text);
  width: 20px;
  height: 20px;
  animation: loading_kjBNp 1.5s linear infinite forwards;
}
.root_HXqKB .bg_ehmhx {
  position: absolute;
  height: 100%;
  background-color: #EAF1FC;
  width: 100%;
}
.root_HXqKB .progress_hR8di {
  position: absolute;
  height: 100%;
  background-color: #dbe7fa;
}
.root_HXqKB .iconCon_xPBT2 {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 6px;
}
.root_HXqKB .iconCon_xPBT2 .icon_zHbyX {
  width: 20px;
  height: 20px;
  color: #c2c3c8;
}
.root_HXqKB .iconCon_xPBT2 .icon_zHbyX.active_nxe7w {
  color: var(--upime-danger);
}
.root_HXqKB .iconCon_xPBT2 .moreIcon_ca1OX {
  width: 20px;
  height: 20px;
  color: #91939C;
}
.root_HXqKB .active_nxe7w {
  color: var(--upime-danger);
}
.do-hovers .iconCon_xPBT2 .icon_zHbyX:hover {
  color: var(--upime-danger);
}
@keyframes loading_kjBNp {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.root_TCx-k {
  position: relative;
  border-radius: 4px;
  border: 1px solid #ececee;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.root_TCx-k > img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  max-width: 100%;
}
.root_TCx-k > video {
  width: 100%;
  max-height: 180px;
  border-radius: 4px;
}
.root_TCx-k .transingContainer_7x-Rp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 12px;
}
.root_TCx-k .transingContainer_7x-Rp > svg {
  margin-bottom: 12px;
}
.root_TCx-k .uploadCover_9hjGf {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.root_TCx-k .uploadCover_9hjGf .progressCon_aEfcN {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.root_TCx-k .uploadCover_9hjGf .progressCon_aEfcN.clickable_9CloX {
  cursor: pointer;
}
.root_TCx-k .uploadCover_9hjGf .progressCon_aEfcN .loading_SXmWx {
  width: 24px;
  height: 24px;
  animation: loading_SXmWx 1.5s linear infinite forwards;
  color: white;
}
.root_TCx-k .uploadCover_9hjGf .progressCon_aEfcN > span {
  color: white;
  font-size: 12px;
  line-height: 18px;
  margin-top: 12px;
}
.root_TCx-k .uploadCover_9hjGf .deleteIcon_zPh5E {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 8px;
  color: white;
  cursor: pointer;
}
.root_TCx-k .iconCon_QZSFr {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.root_TCx-k .iconCon_QZSFr svg {
  color: white;
  width: 20px;
  height: 20px;
}
.root_TCx-k .imgLoading_hoFjR {
  position: absolute;
  color: var(--upime-main-text);
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  animation: loading_SXmWx 1.5s linear infinite forwards;
  color: var(--upime-active);
}
.do-hovers .deleteIcon_zPh5E:hover {
  color: var(--upime-danger);
}
@keyframes loading_SXmWx {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.root_44boY {
  position: relative;
}

.container_hOdWK {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  pointer-events: auto;
}
.container_hOdWK::before {
  content: "";
  position: absolute;
  top: 0;
  left: -11px;
  width: 13px;
  bottom: 15%;
}
.container_hOdWK::after {
  content: "";
  position: absolute;
  top: 42px;
  left: -42px;
  width: 43px;
  bottom: 15%;
}
.container_hOdWK.left_nBYg4::before {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  left: initial;
  right: -12px;
  width: 13px;
  bottom: 15%;
}
.container_hOdWK.left_nBYg4::after {
  content: "";
  position: absolute;
  top: 42px;
  left: auto;
  left: initial;
  right: -42px;
  width: 43px;
  bottom: 15%;
}
.container_hOdWK.left_nBYg4 .panel_AHLw2.visible_weDGT {
  transform-origin: right 26px;
}
.container_hOdWK.left_nBYg4 .panel_AHLw2 .arrow_LiFVy {
  top: 16px;
  left: auto;
  left: initial;
  right: -6px;
  height: 20px;
  width: 7px;
  transform-origin: center center;
  transform: rotate(180deg);
}
.container_hOdWK .panel_AHLw2 {
  position: relative;
  display: flex;
  width: 280px;
  padding: 16px 16px 12px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
  visibility: hidden;
  opacity: 0;
  transform: scale(0.1);
  cursor: pointer;
}
.container_hOdWK .panel_AHLw2.visible_weDGT {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.2s, transform 0.2s;
  transform-origin: left 26px;
}
.container_hOdWK .panel_AHLw2 .arrow_LiFVy {
  position: absolute;
  top: 16px;
  left: -6px;
  height: 20px;
  width: 7px;
}
.container_hOdWK .panel_AHLw2 .avatar_zlBtA {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.container_hOdWK .panel_AHLw2 .content_hXfxL {
  min-height: 28px;
}
.container_hOdWK .panel_AHLw2 .content_hXfxL .avatarGroup_RTAvE {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.container_hOdWK .panel_AHLw2 .content_hXfxL .avatarGroup_RTAvE .icon_1Wi9c {
  margin: 6px;
  color: #c2c3c8;
}
.container_hOdWK .panel_AHLw2 .main_H375Y {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .avatar_zlBtA {
  flex: none;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .header_uUwtu {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .header_uUwtu .name_4XyLq {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .header_uUwtu .time_RAwDs {
  color: #91939c;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  white-space: nowrap;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .messageContent_oUMz0 .image_oLhpo {
  display: block;
  max-width: 36px;
  max-height: 36px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .messageContent_oUMz0 .file_lsD1f {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .messageContent_oUMz0 .record_PN244 {
  display: flex;
  align-items: center;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .messageContent_oUMz0 .text_2UVrK {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .remaining_xyw8x {
  color: #91939c;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 4px;
}

.arrow-type-editor_FUq3P .sub-win_6o1-J {
  width: 60px;
  padding: 8px 0;
  overflow-y: auto;
}
.arrow-type-editor_FUq3P .sub-win_6o1-J .arrow-item_YNsqq {
  width: 100%;
  height: 38px;
  margin: 2px 0;
  font-size: 14px;
}
.arrow-type-editor_FUq3P .sub-win_6o1-J .arrow-item_YNsqq .selected_0jtxy {
  color: var(--upime-active);
}
.arrow-type-editor_FUq3P .rotate_lQGkg {
  transform: rotate(180deg);
}
.switch-arrow_74Itt {
  width: 30px;
}
.switch-arrow_74Itt .switch-icon_oJUrd {
  width: 16px;
  height: 16px;
}
.tick_slider_dAC-K {
  width: 150px;
}
.line-type-editor_Nkzsa {
  position: relative;
}
.line-type-editor_Nkzsa .sub-win_6o1-J {
  width: 184px;
  padding: 12px 24px;
}
.line-type-editor_Nkzsa .type-select_Xco-A {
  margin-top: 8px;
}
.color-editor_a4mO3 {
  position: relative;
}
.do-hovers .arrow-type-editor_FUq3P .sub-win_6o1-J .arrow-item_YNsqq:hover {
  background-color: #f5f6f6;
}
.disabled_U5Dg2 {
  pointer-events: none;
}
.disabled_U5Dg2 svg {
  color: var(--upime-disable);
}
.phoneLinePropColorFcContainer_tafsc {
  background-color: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 16px 12px;
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  pointer-events: all;
  position: relative;
}
.phoneLinePropColorFcContainer_tafsc .linePropTypeContainer_CWUAY {
  width: 100%;
  display: flex;
  align-items: center;
}
.phoneLinePropColorFcContainer_tafsc .linePropTypeContainer_CWUAY .split-line_ZJUiY {
  width: 1px;
  height: 20px;
  background-color: #e6e6e6;
  margin: 0 20px;
}
.phoneLinePropColorFcContainer_tafsc .label_famf9 {
  display: block;
  text-align: left;
  font-size: 12px;
  width: 100%;
  color: #303445;
  transform: translateY(-6px);
}
.phoneLinePropColorFcContainer_tafsc .label_famf9.paddingTop_Ya4G- {
  padding-top: 10px;
}

.fontSelect_2HlRI .familyNameContainer_g3B-E {
  width: auto;
  width: initial;
  display: flex;
  align-items: center;
}
.fontSelect_2HlRI .familyName_paxMw {
  min-width: 72px;
  max-width: 84px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown_5UZTE {
  z-index: 10;
}

.page-switcher_V-J0- {
  width: 150px;
}
.page-switcher_V-J0- .arrow_mx7rk {
  width: 30px;
  cursor: pointer;
  opacity: 0.8;
}
.page-switcher_V-J0- .arrow_mx7rk span {
  width: 0;
  height: 0;
  border-width: 0 6px 6px;
  border-style: solid;
  border-color: transparent transparent #050038;
}
.page-switcher_V-J0- .arrow_mx7rk.disabled_PYotQ {
  opacity: 0.2;
  cursor: default;
}
.page-switcher_V-J0- .arrow_mx7rk.prev_WD3DP {
  justify-content: flex-end;
  padding-right: 8px;
}
.page-switcher_V-J0- .arrow_mx7rk.prev_WD3DP span {
  transform: rotate(-90deg);
}
.page-switcher_V-J0- .arrow_mx7rk.next_ipDY3 {
  justify-content: flex-start;
  padding-left: 8px;
}
.page-switcher_V-J0- .arrow_mx7rk.next_ipDY3 span {
  transform: rotate(90deg);
}
.page-switcher_V-J0- .page_fieYx {
  width: 90px;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  cursor: default;
  vertical-align: middle;
  color: #a4a4a4;
  opacity: 0.8;
}
.page-switcher_V-J0- .page_fieYx .current-page_nmnTz,
.page-switcher_V-J0- .page_fieYx .page-total_SKgVO {
  width: 35px;
  padding: 0;
  margin: 0;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  border: 0px;
  text-align: right;
}
.page-switcher_V-J0- .page_fieYx .current-page_nmnTz {
  color: #050038;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
}
.page-switcher_V-J0- .page_fieYx .page-total_SKgVO {
  text-align: left;
}
.pin-start-page_27uJl {
  position: relative;
  color: #050038;
}
.pin-start-page_27uJl .pin_nCirW {
  font-size: 14px;
}
.pin-start-page_27uJl .pinning-page_TQEW5 {
  width: 218px;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .pinning-page-item_QL-es {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 8px 0 16px;
  font-size: 14px;
  white-space: nowrap;
  cursor: default;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .pinning-page-item_QL-es.disabled_PYotQ {
  opacity: 0.2;
  cursor: default;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .pinning-page-item-hoverable_8uDUW {
  cursor: pointer;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .divider_-qTUi {
  max-width: 100%;
  height: 1px;
  border-bottom: 1px solid #E6E7E9;
  margin: 8px;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .currentStartPage_YBtUq {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .goToStartPage_IdkGd {
  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_27uJl .pinning-page_TQEW5 .pinning-page-item-hoverable_8uDUW:hover {
  background-color: #f5f5f7;
}
.do-hovers .pin-start-page_27uJl .pinning-page_TQEW5 .pinning-page-item-hoverable_8uDUW.disabled_PYotQ:hover {
  background: transparent;
}
.do-hovers .goToStartPage_IdkGd:hover {
  color: #2E73E5;
  background-color: rgba(0, 0, 0, 0.06);
}
.pageExtractor_EQW-- {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px;
  cursor: default;
  white-space: nowrap;
}
.pageExtractor_EQW-- .selectExtractRange_FjVrm {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.pageExtractor_EQW-- .selectExtractRange_FjVrm .radioGroup_0Dyxu {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 100px;
}
.pageExtractor_EQW-- .selectExtractRange_FjVrm .radioGroup_0Dyxu .extractAllLabel_klSFE {
  min-width: 52px;
  margin-right: 24px;
}
.pageExtractor_EQW-- .selectExtractRange_FjVrm .inputExtractRange_hvo9o {
  width: 200px;
  height: 38px;
  padding: 8px 16px;
  border: 1px solid #E6E7E9;
  border-radius: 4px;
}
.pageExtractor_EQW-- .selectExtractRange_FjVrm .inputExtractRange_hvo9o.invalidRange_TQhaE {
  border: 1px solid #fe5350 !important;
}
.pageExtractor_EQW-- .selectExtractRange_FjVrm .inputExtractRange_hvo9o.invalidRange_TQhaE:focus {
  box-shadow: 0px 0px 0px 2px rgba(254, 82, 80, 0.16) !important;
}
.pageExtractor_EQW-- .selectExtractRange_FjVrm .inputExtractRange_hvo9o:focus {
  border: 1px solid #2e74e5;
  box-shadow: 0px 0px 0px 2px rgba(46, 115, 229, 0.16);
}
.pageExtractor_EQW-- .selectExtractRange_FjVrm > span {
  line-height: 22px;
  font-size: 14px;
}
.pageExtractor_EQW-- .extractBtns_KcZ-r {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.pageExtractor_EQW-- .extractBtns_KcZ-r .extractWithFrameBtn_g3874 {
  height: 32px;
  padding-left: 12px;
  padding-right: 12px;
}
.pageExtractor_EQW-- .extractBtns_KcZ-r .extractBtn_TwIaI {
  height: 32px;
  padding-left: 22px;
  padding-right: 22px;
}
.paginatorRoot_NFdco {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 36px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.paginatorRoot_NFdco.simple_vScAK {
  padding: 0 11px;
}
.paginatorRoot_NFdco.simple_vScAK .widget_W5pAM {
  width: 100%;
  min-width: 0;
  min-width: initial;
  justify-content: center;
  pointer-events: none;
}
.paginatorRoot_NFdco.simple_vScAK .maxBtn_rAIjq {
  pointer-events: auto;
}
.paginatorRoot_NFdco .widget_W5pAM {
  height: 32px;
  min-width: 156px;
  display: flex;
  flex-direction: row;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  pointer-events: auto;
  padding: 2px;
  justify-content: space-between;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk {
  width: 28px;
  height: 28px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk .left_MILly {
  margin-left: 10px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid white;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk .right_r06mE {
  margin-left: 12px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid white;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk.disabled_PYotQ {
  pointer-events: none;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk.disabled_PYotQ .left_MILly {
  border-right-color: rgba(255, 255, 255, 0.6);
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk.disabled_PYotQ .right_r06mE {
  border-left-color: rgba(255, 255, 255, 0.6);
}
.paginatorRoot_NFdco .widget_W5pAM .maxBtn_rAIjq {
  width: 28px;
  height: 28px;
  position: relative;
  display: flex;
  margin-left: 4px;
  cursor: pointer;
}
.paginatorRoot_NFdco .widget_W5pAM .maxBtn_rAIjq .icon_Dw7bF {
  margin: auto;
  color: #ffffff;
  font-size: 20px;
}
.paginatorRoot_NFdco .widget_W5pAM .maxBtn_rAIjq .icon_Dw7bF.disabledIcon_sjYN2 {
  color: rgba(255, 255, 255, 0.25);
}
.paginatorRoot_NFdco .widget_W5pAM .paginator_uo3Dr {
  min-width: 64px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.paginatorRoot_NFdco .widget_W5pAM .paginator_uo3Dr > span {
  line-height: 28px;
  height: 28px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  white-space: pre;
}
.paginatorRoot_NFdco .widget_W5pAM .paginator_uo3Dr input {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  color: white;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  background: transparent;
  border: none;
  margin-right: 2px;
}
.paginatorRoot_NFdco .widget_W5pAM .paginator_uo3Dr input:focus {
  background: black;
}
.insertExcelChooseModalBox_SAGu8 {
  width: 480px;
  border-radius: 12px;
  padding: 24px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.insertExcelChooseModalBox_SAGu8 .titleRow_QDtDl {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
}
.insertExcelChooseModalBox_SAGu8 .titleRow_QDtDl > svg {
  position: absolute;
  right: 24px;
  cursor: pointer;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 {
  margin-bottom: 24px;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI {
  display: inline-block;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI .bg_IQEpO {
  width: 210px;
  margin-bottom: 12px;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI .btn_zE2K3 {
  width: 120px;
  height: 36px;
  color: #fff;
  font-size: 14px;
  background-color: #2e73e5;
  line-height: 36px;
  text-align: center;
  border-radius: 4px;
  margin: auto;
  cursor: pointer;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI .btn_zE2K3:hover {
  opacity: 0.7;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI.first_718Oe {
  margin-right: 12px;
}
.insertExcelChooseModalBox_SAGu8 .descRow_-j2N7 {
  color: #91939C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.do-hovers .paginatorRoot_NFdco .arrow_mx7rk:hover {
  background: rgba(255, 255, 255, 0.1);
}

.webviewer_border_WS8Pl {
  position: absolute;
  background-color: white;
}
.webviewer_iframe_1kJRX {
  pointer-events: all;
  border: none;
  outline: none;
  margin: 0;
}
.webviewer_iframe_1kJRX.no_pointer_event_uj00n {
  pointer-events: none;
}
.webviewer_iframe_1kJRX.autoSize_4AevY {
  width: 100%;
  height: 100%;
}

.extra_media_Q9eik {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  z-index: 100;
}
.extra_media_audio_Qop5q {
  border-radius: 12px;
  background: #dee9f5;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.extra_media_full_DkITh {
  border: none;
  border-radius: 0;
}
.moveResizeArea_ZHZnM {
  position: relative;
  width: 100%;
  height: 100%;
}
.audio_container_z-ap2 {
  display: flex;
  align-items: center;
}
.diskBlock_x3Ra1 {
  border-radius: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.audio_main_S30nC {
  position: relative;
  margin-left: 4px;
  flex-shrink: 1;
  flex-grow: 1;
  height: 100%;
}
.audio_right_DpEia {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding-right: 8px;
}
.em_audio_phone_Eo5Pi .audio_right_DpEia {
  padding-right: 4px;
}
.audio_head_H5qiJ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
}
.audio_name_r9uZV {
  flex-shrink: 1;
  font-size: 16px;
  color: #0c1024;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.audio_close_-kCtQ {
  margin-left: 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.audio_close_icon_TYLFn {
  color: #0c1024;
  cursor: pointer;
}
.title_0JP5T {
  border-radius: 4px 4px 0 0;
  width: 100%;
  background-color: #f5f6f6;
  display: flex;
  align-items: center;
  padding: 0 7px;
}
.title_0JP5T.fade_6aOEy {
  opacity: 0;
  transition: opacity 0.5s;
}
.title_0JP5T .closeWrapper_pxitX {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.title_0JP5T .closeWrapper_full_NBr40 {
  padding: 6px;
}
.title_0JP5T .close_icon_pGEl9 {
  color: #0c1024;
  cursor: pointer;
}
.title_0JP5T .close_icon_full_GTIQn {
  color: white;
}
.title_0JP5T .name_75Zip {
  width: 100%;
  font-size: 10px;
  color: #0c1024;
  margin: 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.title_full_oN9po {
  position: absolute;
  top: 0;
  left: 0;
  height: 84px;
  padding: 8px 12px 40px 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}
.title_full_oN9po .name_75Zip {
  font-size: 16px;
  color: white;
  margin-left: 0;
}
.audio_content_UMF8J {
  position: absolute;
}
.video_content_Kiao2 {
  width: 100%;
  background-color: black;
  border-radius: 4px;
}
.video_content_full_M0Bq- {
  border-radius: 0;
}
.video_content_Kiao2 video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
}
.resize_dom_lzDCa {
  position: absolute;
  width: 20px;
  height: 20px;
  background: transparent;
}
.resize_dom_lzDCa.nw {
  left: -10px;
  top: -10px;
  cursor: nw-resize;
}
.resize_dom_lzDCa.ne {
  right: -10px;
  top: -10px;
  cursor: ne-resize;
}
.resize_dom_lzDCa.sw {
  left: -10px;
  bottom: -10px;
  cursor: sw-resize;
}
.resize_dom_lzDCa.se {
  right: -10px;
  bottom: -10px;
  cursor: se-resize;
}
.media_ctrl_jc8El {
  border-radius: 0 0 4px 4px;
  pointer-events: auto;
}
.media_ctrl_video_O6N-- {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 20px 7px 12px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}
.media_ctrl_jc8El.fade_6aOEy {
  opacity: 0;
  transition: opacity 0.5s;
}
.media_ctrl_jc8El .progress_VxC1g {
  width: 100%;
}
.media_ctrl_jc8El .time_MViMK {
  margin-left: 4px;
}
.media_ctrl_jc8El .speed_YwG-O {
  font-size: 16px;
}
.media_ctrl_audio_I-T-1 {
  padding-right: 8px;
}
.media_ctrl_audio_I-T-1 .playBtn_PggQc {
  color: #2e73e5;
}
.media_ctrl_audio_I-T-1 .time_MViMK {
  color: #7a8087;
}
.media_ctrl_audio_I-T-1 .speed_YwG-O {
  color: #0c1024;
}
.videoTop_M4p5u {
  padding: 8px 12px;
}
.videoBottom_ge9Ij {
  padding: 0 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.videoBottom_left_tU8qA {
  display: flex;
  align-items: center;
}
.videoBottom_right_UKmDI {
  display: flex;
  align-items: center;
}
.videoBottom_ge9Ij .vb_play_D9UgX {
  margin-right: -4px;
  padding: 4px;
  width: 36px;
  height: 36px;
  border-radius: 2px;
}
.videoBottom_ge9Ij .vb_play_D9UgX:hover {
  background: rgba(255, 255, 255, 0.12);
}
.videoBottom_ge9Ij .vb_speed_tA5vw {
  padding: 4px 8px;
  min-width: 52px;
  height: 36px;
  line-height: 28px;
}
.videoBottom_ge9Ij .vb_speed_tA5vw:not(.speed_active_8EFO3):hover {
  background: rgba(255, 255, 255, 0.12);
}
.videoBottom_ge9Ij .vb_right_btn_zXLZG {
  margin-left: 4px;
  width: 36px;
  height: 36px;
}
.videoBottom_ge9Ij .vb_right_btn_zXLZG:hover {
  background: rgba(255, 255, 255, 0.12);
}
.videoBottom_ge9Ij.isPhone_H7ux4 .vb_play_D9UgX:hover,
.videoBottom_ge9Ij.isPhone_H7ux4 .vb_right_btn_zXLZG:hover {
  background: none;
}
.videoBottom_ge9Ij.isPhone_H7ux4 .vb_speed_tA5vw:not(.speed_active_8EFO3):hover {
  background: none;
}
.audioTop_P9gLL {
  padding: 8px;
}
.audioBottom_4RFks {
  padding: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bottom_left_Cs50j {
  display: flex;
  align-items: center;
}
.bottom_right_bkqdm {
  display: flex;
  align-items: center;
}

.play_btn_j9noF {
  width: 28px;
  height: 28px;
  color: #ffffff;
  cursor: pointer;
}
.play_btn_j9noF .icon_eOf6s {
  font-size: 28px;
}
.icon_btn_-yLID {
  width: 28px;
  height: 28px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mark_btn_Vc-HB {
  display: flex;
  align-items: center;
}
.mark_text_3FWnz {
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
.progress_bar_Xub-K {
  height: 20px;
  position: relative;
}
.progress_bar_Xub-K .bottom_layer_xNuIu {
  position: absolute;
  cursor: pointer;
  touch-action: none;
  width: 100%;
  height: 100%;
}
.progress_bar_Xub-K .background_P7fOm {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  top: 50%;
  transform: translate(0, -50%);
}
.progress_bar_Xub-K .top_layer_-PF0z {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 4px;
  width: 100%;
  pointer-events: none;
}
.progress_bar_Xub-K .content_NaFa1 {
  height: 4px;
  background-color: #ffffff;
  border-radius: 4px;
}
.progress_bar_Xub-K .ball_T10Vx {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  margin-left: -7px;
  border-radius: 7px;
  background-color: #2e73e5;
  border: #ffffff 2px solid;
}
.point_hRlIl {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  cursor: pointer;
}
.point_hRlIl .point_ball {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #05caae;
}
.point_hRlIl .mark_list {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 16px);
  transform: translate(-50%, 0);
  width: 180px;
  padding: 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.8);
}
.point_hRlIl .mark_list::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
}
.point_hRlIl .markpoint_item_bolY4 {
  height: 36px;
  line-height: 18px;
  color: #ffffff;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.point_hRlIl .markpoint_item_bolY4::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #ffffff;
  flex-shrink: 0;
}
.point_hRlIl .markpoint_item_bolY4.isCurrent_USRZ- {
  color: #05caae;
}
.point_hRlIl .markpoint_item_bolY4.isCurrent_USRZ-::before {
  background: #05caae;
}
.point_hRlIl .markpoint_item_bolY4 .markpoint_info_DNcKL {
  margin-left: 8px;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.point_hRlIl .markpoint_item_bolY4 .markpoint_delete_8m348 {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  flex-shrink: 0;
  color: #d8d8d8;
}
.point_hRlIl .markpoint_item_bolY4 .markpoint_delete_8m348 .sdk-icon {
  font-size: 16px;
}
.point_hRlIl .markpoint_item_bolY4 .markpoint_delete_8m348:hover,
.point_hRlIl .markpoint_item_bolY4 .markpoint_delete_8m348.focused_7fqHf {
  color: #fe5250;
}
.time_info_O7qVt {
  color: #ffffff;
  min-width: 88px;
  text-align: right;
  white-space: nowrap;
  font-size: 14px;
}
.speed_btn_slDrb {
  position: relative;
  min-width: 44px;
  text-align: center;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
}
.speed_btn_slDrb .current_speed_KHpQo {
  width: 100%;
  height: 100%;
}
.speed_btn_slDrb.active_nysMu {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.4);
}
.speed_btn_slDrb .options_qSKKU {
  position: absolute;
  bottom: calc(100% + 22px);
  left: 50%;
  transform: translate(-50%, 0);
  width: 72px;
  padding: 4px 0;
  border-radius: 4px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.8);
}
.speed_btn_slDrb .options_qSKKU .selected_CXxcI {
  color: #2e73e5;
}
.speed_btn_slDrb .options_qSKKU .option_YJzSP {
  width: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.hide_B0ZoJ {
  display: none;
}
.more_btn_wrapper_4tro2 {
  position: relative;
  width: 24px;
  height: 24px;
  color: #ffffff;
  cursor: pointer;
}
.more_btn_wrapper_4tro2 .more_icon_z6Qls {
  font-size: 24px;
  margin: auto;
}
.more_btn_wrapper_4tro2 .more_btn_Lpphm {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  display: flex;
}
.more_btn_wrapper_4tro2 .more_btn_Lpphm.active_nysMu {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.4);
}
.more_btn_wrapper_4tro2 .controls_kCFEE {
  position: absolute;
  bottom: calc(100% + 22px);
  right: 0;
  width: 150px;
  padding: 12px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
}
.more_btn_wrapper_4tro2 .control_cbj7o {
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.more_btn_wrapper_4tro2 .control_cbj7o:not(:first-child) {
  margin-top: 12px;
}
.more_btn_wrapper_4tro2 .label_rZ-I6 {
  line-height: 20px;
  color: #ffffff;
  font-size: 12px;
}
.more_btn_wrapper_4tro2 .switch_btn_MQNw- {
  background-color: #616371;
}

.switch_btn_oC3QY {
  position: relative;
  flex-shrink: 0;
  width: 28px;
  height: 16px;
  border-radius: 8px;
  background-color: #e6e7e9;
  cursor: pointer;
}
.switch_btn_oC3QY::before {
  position: absolute;
  content: "";
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #ffffff;
  transition: left 0.2s;
}
.switch_btn_oC3QY.on_r2H7Z {
  background-color: #2e73e5;
}
.switch_btn_oC3QY.on_r2H7Z::before {
  left: 14px;
}
.switch_btn_oC3QY.disabled_kEERd {
  background-color: #abc7f5;
  cursor: not-allowed;
}

.video_ctrl_H-Hsj {
  position: absolute;
  pointer-events: auto;
  padding: 20px 7px 12px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.video_ctrl_H-Hsj.fade_K-1m3 {
  opacity: 0;
  transition: opacity 0.5s;
}
.video_ctrl_H-Hsj .progress_8FD-a {
  width: 100%;
}
.video_ctrl_H-Hsj .mb_play_btn_wR08E {
  margin-right: -4px;
  padding: 4px;
  width: 36px;
  height: 36px;
  border-radius: 2px;
}
.video_ctrl_H-Hsj .mb_play_btn_wR08E:hover {
  background: rgba(255, 255, 255, 0.12);
}
.video_ctrl_H-Hsj .mb_speed_YkJh4 {
  padding: 4px 8px;
  min-width: 52px;
  height: 36px;
  line-height: 28px;
}
.video_ctrl_H-Hsj .mb_speed_YkJh4:not(.speed_active_VqO-N):hover {
  background: rgba(255, 255, 255, 0.12);
}
.video_ctrl_H-Hsj .time_4a0JB {
  margin-left: 8px;
}
.video_ctrl_H-Hsj .speed_X2i-r {
  font-size: 16px;
}
.video_ctrl_H-Hsj .mark_btn_z3K4q {
  margin-left: 8px;
  padding: 4px 8px 4px 4px;
}
.video_ctrl_H-Hsj .mark_btn_z3K4q:hover {
  background: rgba(255, 255, 255, 0.12);
}
.video_ctrl_H-Hsj .moreBtn_dgtIp {
  width: 28px;
  height: 28px;
  margin-left: 14px;
}
.video_ctrl_H-Hsj .mb_play_btn_wR08E,
.video_ctrl_H-Hsj .mark_btn_z3K4q,
.video_ctrl_H-Hsj .time_4a0JB,
.video_ctrl_H-Hsj .speed_X2i-r,
.video_ctrl_H-Hsj .maxBtn_T-mHW,
.video_ctrl_H-Hsj .moreBtn_dgtIp {
  flex-shrink: 0;
}
.video_ctrl_H-Hsj .mb_right_btn_Fs1CL {
  margin-left: 4px;
  width: 36px;
  height: 36px;
}
.video_ctrl_H-Hsj .mb_right_btn_Fs1CL:hover {
  background: rgba(255, 255, 255, 0.12);
}
.video_ctrl_H-Hsj.isPhone_mEk5S .mb_play_btn_wR08E:hover,
.video_ctrl_H-Hsj.isPhone_mEk5S .mark_btn_z3K4q:hover,
.video_ctrl_H-Hsj.isPhone_mEk5S .mb_right_btn_Fs1CL:hover {
  background: none;
}
.video_ctrl_H-Hsj.isPhone_mEk5S .mb_speed_YkJh4:not(.speed_active_VqO-N):hover {
  background: none;
}
.simple_15Jwf {
  padding: 0;
  pointer-events: none;
}
.simple_15Jwf .maxBtn_T-mHW {
  pointer-events: auto;
}
.simple_15Jwf .maxBtn_T-mHW .icon_i3-vX {
  font-size: 20px;
  margin: auto;
}
.simple_15Jwf .maxBtn_T-mHW .icon_i3-vX.disabledIcon_sn4WT {
  color: rgba(255, 255, 255, 0.25);
}
.simple_bottom_WqcXR {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.ctrl_Top_02N8G {
  padding: 8px 12px;
  display: flex;
}
.bottom_rBFnV {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.bottom_left_wR3kj {
  display: flex;
  align-items: center;
}
.bottom_right_1ZyL0 {
  display: flex;
  align-items: center;
  padding-right: 4px;
}
.maxBtn_T-mHW {
  width: 28px;
  height: 28px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maxBtn_T-mHW .icon_i3-vX {
  font-size: 20px;
  margin: auto;
}
.maxBtn_T-mHW .icon_i3-vX.disabledIcon_sn4WT {
  color: rgba(255, 255, 255, 0.25);
}

.root_YVGug {
  position: relative;
}
.root_YVGug audio {
  visibility: hidden;
}
.root_YVGug .pan_zsKGu {
  position: absolute;
}
.root_YVGug .disk_FUcSM {
  position: absolute;
}
.root_YVGug .bar_jALR3 {
  position: absolute;
  transform-origin: center top;
  transform: rotate(0deg);
  transition: transform 0.5s linear;
}

.iconCon_b62mu {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .iconCon_b62mu:hover {
  background: var(--upime-btn-bg-hover);
}
.divider_zTrzP {
  width: 1px;
  height: 50px;
  background-color: #e6e6e6;
  margin-left: 8px;
  margin-right: 8px;
}

.drawer_HRD3M {
  padding: 32px 32px 0;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  position: relative;
}
.drawer_HRD3M .title_RX4WZ {
  color: #0c1024;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.drawer_HRD3M .content_XKTEp {
  color: #303445;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 16px;
}
.drawer_HRD3M .buttonGroup_xzFaK {
  margin-top: 24px;
  margin-bottom: 50px;
}
.drawer_HRD3M .buttonGroup_xzFaK .button_SNczU {
  display: flex;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #0c1024;
  background: #f5f6f6;
  border-radius: 20px;
  margin-bottom: 12px;
}
.drawer_HRD3M .buttonGroup_xzFaK .button_SNczU.primary_zDzqD {
  color: #fff;
  background: #2e73e5;
}
.drawer_HRD3M .closeBtn_lOC92 {
  position: absolute;
  top: 16px;
  right: 16px;
}

.phoneModal_fgvYL {
  text-align: center;
}
.title_tqsPH {
  color: #0C1024;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.boby_WOfM6 {
  color: #303445;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-align: c;
}
.button_WYC3o {
  color: #0C1024;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.button_WYC3o.primary_TAPl2 {
  color: #2E73E5;
}
.button_WYC3o.primary_TAPl2.disabled_ai0oj {
  color: #ABC7F5;
}

.frameSummaryFrameSizeEditorWrap_Z7hQe .buttonWrap_v-I0l {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameSummaryFrameSizeEditorWrap_Z7hQe .buttonWrap_v-I0l .iconWrap_mhFoN {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 2px;
}
.do-hovers .iconWrap_mhFoN:hover {
  background-color: #F5F6F6;
}

.frameSummaryDismantlingButtonWrap_Lx5q2 .buttonWrap_4QIFE {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameSummaryDismantlingButtonWrap_Lx5q2 .buttonWrap_4QIFE .iconWrap_LZcM2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 2px;
}
.do-hovers .iconWrap_LZcM2:hover {
  background-color: #F5F6F6;
}

.scale-mode_DFqat {
  min-width: 60px;
  width: auto;
  color: #050038;
}
.scale-mode_DFqat .current-scale_-AZwa {
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  height: 40px;
  width: 100%;
  padding: 0 5px;
}
.scale-mode_DFqat .scale-modes_0H7Mt {
  width: 220px;
  padding: 15px 0px;
}
.scale-mode_DFqat .scale-modes_0H7Mt .scale-item_lV33g {
  justify-content: space-between;
  width: 220px;
  height: 36px;
  padding: 0 30px;
  font-size: 13px;
  cursor: pointer;
}
.scale-mode_DFqat .scale-modes_0H7Mt .scale-item_lV33g .hint_tMBwT {
  color: #5f5c80;
}
.do-hovers .scale-mode_DFqat .scale-modes_0H7Mt .scale-item_lV33g:hover {
  background-color: #f5f5f7;
}
.do-hovers .current-scale_-AZwa:hover {
  background-color: #f5f5f7;
}
.do-hovers .icon_box_HEbG6:hover {
  background: var(--upime-btn-bg-hover);
}
.icon_box_HEbG6 {
  height: 40px;
}
.imagePreviewRoot_90YCt {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imagePreviewRoot_90YCt .imagePreviewIconBox_u3cAp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.do-hovers .imagePreviewIconBox_u3cAp:hover {
  background-color: #f5f6f6;
}
.replaceImageButtonRoot_y6Bqc {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.replaceImageButtonRoot_y6Bqc .replaceImageButton_QzbHv {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.replaceImageButtonRoot_y6Bqc .replaceImageMethods_np8-k {
  width: -moz-max-content;
  width: max-content;
  min-width: 130px;
  padding: 8px 0;
}
.replaceImageButtonRoot_y6Bqc .replaceImageMethods_np8-k .replaceImageMethod_jjO4Z {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
}
.replaceImageButtonRoot_y6Bqc .replaceImageMethods_np8-k .replaceImageMethod_jjO4Z span {
  color: #0C1024;
  font-size: 14px;
  font-weight: 400;
}
.do-hovers .replaceImageButton_QzbHv:hover,
.do-hovers .replaceImageMethod_jjO4Z:hover {
  background-color: #f5f6f6;
}
.imageOpacityEditorWrap_avdPM {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imageOpacityEditorWrap_avdPM .imageOpacityEditorButton_cSCe6 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.imageOpacityEditorWrap_avdPM .imageOpacityEditorSubWindow_o-Acm {
  width: 182px;
}
.do-hovers .imageOpacityEditorButton_cSCe6:hover {
  background-color: #f5f6f6;
}
.split-line_WEnoC {
  width: 1px;
  height: 50px;
  margin-right: 8px;
  background-color: #e6e6e6;
}
@media screen and (max-width: 768px) {
  .split-line_WEnoC {
    height: 20px;
  }
}
.label_Qe6nz {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  margin: 12px 0 4px;
}
.label_Qe6nz.paddingTop_BZaSJ {
  padding-top: 15px;
}
.label_Qe6nz.noMarginTop_H4SH8 {
  margin-top: 0;
}
.selectCropRatioContainer_mcFgz {
  position: relative;
  border-radius: 2px;
}
.selectCropRatioButton_rS29e {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 0 8px;
  white-space: nowrap;
}
.selectCropRatioButton_rS29e .selectCropRatioButtonContent_NRFlV {
  display: flex;
  flex-direction: column;
}
.selectCropRatioButton_rS29e .selectCropRatioButtonContent_NRFlV span:nth-child(1) {
  color: var(--upime-second-text);
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.selectCropRatioButton_rS29e .selectCropRatioButtonContent_NRFlV span:nth-child(2) {
  color: var(--upime-main-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.selectCropRatioButton_rS29e .selectCropRatioIcon_UYMfG {
  width: 24px;
  height: 24px;
  transform-origin: 0.5 0.5;
  transition: transform 0.1s linear;
}
.selectCropRatioButton_rS29e .selectCropRatioIcon_UYMfG.selectCropRatioIconOpened_tBq2M {
  transform: rotate(180deg);
}
.selectCropRatioPanel_-0XBA {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 8px 0;
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  width: 200px;
  height: 40px;
  position: relative;
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW > span {
  font-size: 14px;
  color: #0C1024;
  line-height: 20px;
  font-style: normal;
  font-weight: 400;
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW .svg_V441Z {
  width: 20px;
  height: 20px;
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW .cropRatioIconRotate90_XxS6S {
  transform: rotate(90deg);
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW .cropRatio_RiwX8 {
  color: var(--upime-main-text);
}
.selectCropRatioPanel_-0XBA .cropRatioDivider_Sq6NO {
  width: 100%;
  height: 1px;
  margin: 8px 0;
  background-color: #E6E7E9;
}
.do-hovers .selectCropRatioButton_rS29e:hover {
  background-color: #f5f5f7;
}
.do-hovers .cropRatioRow_YUsZW:hover {
  background-color: var(--upime-btn-bg-hover);
}
.resetCropButton_YIG2Q {
  height: 40px;
  padding: 0 8px;
  color: #0C1024;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.do-hovers .resetCropButton_YIG2Q:hover {
  background-color: #f5f5f7;
}
.zoomInOutContainer_-ilTi {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.zoomInOutContainer_-ilTi .zoomInOutButton_0cvC5 {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #0C1024;
}
.zoomInOutContainer_-ilTi .zoomInOutButton_0cvC5.disabled_W4iu5 {
  color: #C2C3C8;
  cursor: not-allowed;
}
.do-hovers .zoomInOutContainer_-ilTi .zoomInOutButton_0cvC5:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.divider_7e6f3 {
  width: 100%;
  height: 1px;
  background-color: #dbdbde;
}
.empty_divider_gSfVM {
  height: 12px;
}
.theme-editor_ZmSoT .sub-win_grB9r {
  width: 120px;
  padding: 12px;
}
.theme-editor_ZmSoT .type-select_HmuaQ {
  width: 82px;
}
.theme-editor_ZmSoT .divider_7e6f3 {
  width: 72px;
  margin: 8px 12px;
}
.theme-sub-win_YcF9n {
  width: 190px;
  padding: 12px;
  display: block;
  cursor: inherit;
}
.theme-sub-win_YcF9n .theme_label_Gu6D8 {
  font-size: 12px;
  margin-bottom: 4px;
  line-height: 20px;
}
.theme-sub-win_YcF9n .divider_7e6f3 {
  width: 100%;
  margin: 8px 0;
}
.theme-sub-win_YcF9n .themeContainer_nikRn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
}
.theme-sub-win_YcF9n .themeContainer_nikRn .themeCell_D3avx {
  width: 100%;
  height: 54px;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid #e6e7e9;
  background: #f5f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.theme-sub-win_YcF9n .themeContainer_nikRn .themeCell_D3avx img {
  width: 51px;
  height: 32px;
}
.theme-sub-win_YcF9n .themeContainer_nikRn .themeCell_D3avx.active_gAyfu {
  border: 1px solid var(--upime-active);
}
.theme-sub-win_YcF9n .type-select_HmuaQ {
  width: -moz-fit-content;
  width: fit-content;
}
.theme-sub-win-phone_IMlMp {
  width: 100%;
  background-color: white;
  pointer-events: all;
}
.theme-sub-win-phone_IMlMp .type-select_HmuaQ {
  margin: 0;
}
.theme-sub-win-phone_IMlMp .themeContainer_nikRn {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-columns: repeat(4, 1fr);
}
.color-editor_XNn9n {
  position: relative;
}
.color-editor_XNn9n .sub-win_grB9r {
  width: 180px;
}
.color-editor_XNn9n .randomize_C8IJa {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #4262ff;
  line-height: 1.17;
  padding: 20px 20px 5px 20px;
  cursor: pointer;
}
.color-editor_XNn9n .divider_7e6f3 {
  width: 150px;
}
.borderThemeContainer_rjSij {
  width: 182px;
  padding: 8px 12px 10px 12px;
}
.borderThemeContainer_rjSij .borderTypeContainer_MVcM2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2px;
  gap: 2px;
  width: 100%;
}
.borderThemeContainer_rjSij .borderTypeContainer_MVcM2 .borderTypeCell_Yfx2D {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.borderThemeContainer_rjSij .borderEditContainer_i5JTb {
  position: relative;
  left: 0;
  transform: none;
  border-radius: 0;
  background-color: transparent;
  background-color: initial;
  box-shadow: none;
}
.do-hovers .borderTypeCell_Yfx2D:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .themeCell_D3avx:hover {
  background-color: #e6e7e9 !important;
}
.createMindmapTipContainer_kkFB4 {
  display: flex;
  align-items: center;
  gap: 4px;
}
.createMindmapTipContainer_kkFB4 .tip_4n25N {
  height: 24px;
}
.createMindmapTipContainer_kkFB4 .closeIconContainer_km9B0 {
  color: white;
  cursor: pointer;
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container_nfRed {
  overflow-y: auto;
}

.borderSubWindow_JuMVr {
  width: 190px;
  padding: 12px;
  display: block;
  cursor: inherit;
}
.borderSubWindow_JuMVr .themeLabel_14yd0 {
  font-size: 12px;
  margin-bottom: 4px;
  line-height: 20px;
}
.borderSubWindow_JuMVr .typeSelect_zl7MP {
  margin-top: 4px;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.borderSubWindowPhone_kEm7e {
  width: 100%;
  background-color: white;
  pointer-events: all;
}
.borderSubWindowPhone_kEm7e .typeSelect_zl7MP {
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px;
}

.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu {
  width: 164px;
  padding: 8px 0;
  display: block;
  cursor: inherit;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu.hide_iRitI {
  display: none;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu .row_-1Uhw {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 16px;
  color: #0c1024;
  font-size: 14px;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu .borderColorEditBox_LpwAe {
  background-color: white;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  pointer-events: all;
  cursor: default;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu .borderColorEditBox_LpwAe.noPadding_a2TW0 {
  padding-top: 0;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu .borderColorEditBox_LpwAe .borderEditContainer_WcE-I {
  position: relative;
  left: 0;
  transform: none;
  border-radius: 0;
  background-color: transparent;
  background-color: initial;
  box-shadow: none;
}
.randomizeLabel_rIUHW {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  font-size: 12px;
}
.randomizeLabel_rIUHW:active {
  border: 1px solid #1d56bf !important;
  color: #1d56bf !important;
}
.randomizeLabel_rIUHW .randomIcon_7--kA {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: conic-gradient(from 180deg at 50% 50%, #ff0070 0deg, #ff6a3b 59.40000236deg, #ffd600 142.20000386deg, #74e14c 208.79999399deg, #2d75ff 286.20000601deg, #b736ff 341.99999571deg);
  position: relative;
  overflow: hidden;
}
.randomizeLabel_rIUHW .randomIcon_7--kA::after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.rowContiner_mKopY.showing {
  opacity: 1 !important;
}
.rowContiner_mKopY.showing {
  background-color: #f5f6f6;
}
.branchPhone_CK-sy {
  padding: 12px 0 0;
  background-color: white;
  pointer-events: all;
}
.phoneColorPalette_Kz7Rs {
  box-shadow: none !important;
}
.divider_VPt2J {
  width: 100%;
  height: 1px;
  background-color: #dbdbde;
}
.do-hovers .hoverContainer_PF-Kr {
  cursor: pointer;
}
.do-hovers .hoverContainer_PF-Kr:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .row_-1Uhw {
  cursor: pointer;
}
.do-hovers .row_-1Uhw:hover {
  background-color: #f5f6f6;
}
.do-hovers .randomizeLabel_rIUHW:hover {
  border: 1px solid #5798f2 !important;
}
.do-hovers .randomizeLabel_rIUHW:hover {
  color: #5798f2;
}

.mindmap_icon_wrapper_avCQx {
  position: fixed;
  padding: 16px 4px 0px 16px;
  width: 310px;
  height: 420px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  pointer-events: all;
  font-size: 14px;
  overflow: hidden;
  left: 0;
  top: 0;
}
.mindmap_icon_part_wrapper_GcLj- {
  position: fixed;
  width: 380px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  pointer-events: all;
  font-size: 14px;
  overflow: hidden;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mindmapIconContainer_8u4wv {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-right: 8px;
}
.mindmapIconContainer_8u4wv::-webkit-scrollbar {
  width: 4px;
}
.mindmapIconContainer_8u4wv::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.mindmapIconContainer_8u4wv::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.mindmapIconContainer_8u4wv .iconRowContainer_nLspg {
  margin-bottom: 12px;
}
.mindmapIconContainer_8u4wv .iconRowContainer_nLspg .iconRowLabel_CzX1X {
  font-size: 14px;
  color: #0c1024;
  margin-bottom: 4px;
}
.mindmapIconContainer_8u4wv .iconRowContainer_nLspg .rowIconsContainer_PYNfu {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.mindmapIconContainer_8u4wv .iconRowContainer_nLspg .rowIconsContainer_PYNfu .iconContainer_OAimx {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  overflow: hidden;
}
.active_UlEvR {
  background-color: #eaf1fc;
}
.mindmapIconPartContainer_njsz- {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto auto;
}
.mindmapIconPartContainer_njsz- .iconsContainer_Ote0W {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0px 16px 16px;
  gap: 2px;
  flex: 1;
}
.mindmapIconPartContainer_njsz- .iconsContainer_Ote0W .iconContainer_OAimx {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  overflow: hidden;
}
.mindmapIconPartContainer_njsz- .deleteIconContainer_T9aSo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px 0 0px;
  height: 100%;
  border-right: 1px solid #e6e7e9;
}
.mindmapIconPartContainer_njsz- .deleteIconContainer_T9aSo .deleteIcon_g1j-J {
  padding: 7px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mindmapIconPartContainer_njsz- .arrowContainer_PL0HZ {
  padding: 2px;
  height: 100%;
  flex-shrink: 0;
}
.mindmapIconPartContainer_njsz- .arrowContainer_PL0HZ .arrowInner_b-ze- {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  color: #91939c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.do-hovers .iconContainer_OAimx {
  cursor: pointer;
}
.do-hovers .iconContainer_OAimx:hover {
  background: rgba(0, 0, 0, 0.06);
}
.do-hovers .arrowInner_b-ze- {
  cursor: pointer;
}
.do-hovers .arrowInner_b-ze-:hover {
  background: rgba(0, 0, 0, 0.06);
}
.do-hovers .deleteIcon_g1j-J {
  cursor: pointer;
}
.do-hovers .deleteIcon_g1j-J:hover {
  background: rgba(0, 0, 0, 0.06);
}

.mark_point_toast_H-9EB {
  position: absolute;
  transform: translate(-50%, 10px);
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  background-color: #000000;
}
.mark_point_bar_QtdqQ {
  position: absolute;
  display: flex;
  padding: 0 12px;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.4));
}
.info_IFQxJ {
  display: flex;
  align-items: center;
  color: #ffffff;
}
.info_IFQxJ .icon_Znl61 {
  width: 20px;
  height: 20px;
}
.info_IFQxJ .desc_w2w8x,
.info_IFQxJ .time_m7zJl {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}
.info_IFQxJ .desc_w2w8x {
  margin-left: 6px;
}
.info_IFQxJ .time_m7zJl {
  margin-left: 8px;
  color: rgba(255, 255, 255, 0.8);
}
.btns_TI1Ck {
  display: flex;
}
.btns_TI1Ck .btn_OWViZ {
  padding: 0 12px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 2px;
}
.btns_TI1Ck .save_mAheZ {
  margin-left: 8px;
  color: #FFFFFF;
  background-color: #05CAAE;
}

.fullScreenViewerFC_O8YzO {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
  pointer-events: auto;
}
.fullScreenViewerFC_O8YzO.visible_zwf8n .frame_kqlkI {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI.vnc_kmNrH.visible_zwf8n .frame_kqlkI {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI.vnc_kmNrH .frame_kqlkI {
  border-radius: 5px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: auto;
  width: calc((100vh - 44px) * 1.7778);
  transform: none;
  transform: initial;
  visibility: hidden;
  opacity: 0;
}
@media (max-aspect-ratio: 16 / 9) {
  .fullScreenViewerFC_O8YzO.phone_4qBMI.vnc_kmNrH .frame_kqlkI {
    height: calc(56.25vw + 44px);
    width: auto;
  }
}
.fullScreenViewerFC_O8YzO.phone_4qBMI.visible_zwf8n .frame_kqlkI {
  transform: translateY(0);
  transition: transform 0.2s;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI.showPreviewInfo_t0FM5 .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
  max-width: calc(100vw - 265px);
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI {
  bottom: 0;
  right: 0;
  left: 0;
  top: 98px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transform: translateY(100%);
  visibility: visible;
  opacity: 1;
}
@media (max-width: 577px) {
  .fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI {
    left: 0;
    right: 0;
  }
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI .title_dERLL {
  padding: 0 0 0 12px;
  height: 44px;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI .title_dERLL .left_QW7ch .icon_xTUuJ {
  width: 22px;
  height: 22px;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
  font-size: 14px;
  line-height: 24px;
  max-width: calc(100vw - 150px);
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI .title_dERLL .right_vm8YY .tip_Nydcx {
  font-size: 12px;
  line-height: 20px;
  margin-right: 0;
}
.fullScreenViewerFC_O8YzO .mask_s9m-s {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), rgba(0, 0, 0, 0.45);
}
.fullScreenViewerFC_O8YzO .frame_kqlkI {
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: 100px;
  right: 100px;
  border-radius: 12px;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .followMask_IT2um {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
@media (max-width: 577px) {
  .fullScreenViewerFC_O8YzO .frame_kqlkI {
    left: 56px;
    right: 56px;
  }
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL {
  flex: none;
  height: 56px;
  border-bottom: 1px solid #e6e7e9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 0 24px;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch .icon_xTUuJ {
  width: 28px;
  height: 28px;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 500px;
  color: #0c1024;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
@media (max-width: 980px) {
  .fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
    max-width: 300px;
  }
}
@media (max-width: 780px) {
  .fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
    max-width: 200px;
  }
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY {
  display: flex;
  align-items: center;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .tip_Nydcx {
  color: #91939c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-right: 12px;
  white-space: nowrap;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .iconWrapper_MrCeR {
  padding: 12px;
  display: flex;
  cursor: pointer;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .iconWrapper_MrCeR:hover {
  background: rgba(0, 0, 0, 0.06);
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .iconWrapper_MrCeR.disabled_GjtFD:hover {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  cursor: inherit;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .iconWrapper_MrCeR.disabled_GjtFD .icon_xTUuJ {
  color: #91939c;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .divider_AmImp {
  width: 1px;
  height: 16px;
  background: #e6e7e9;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .content_hNjSH {
  flex: auto;
  overflow: hidden;
  position: relative;
}

.wrapper_LwEza {
  display: flex;
  align-items: center;
  height: 24px;
}
.wrapper_LwEza .action_s0Qnf {
  margin: 10px;
  width: 65px;
  height: 30px;
}
.wrapper_LwEza .closeIcon_X6-To {
  cursor: pointer;
}

.card_value_container_CPF89 {
  height: 100%;
  display: flex;
  align-items: center;
}
.card_prop_container_hbRlK {
  height: 100%;
  position: relative;
}
.card_prop_container_hbRlK:first-child {
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -8px;
  margin-right: -8px;
}
.cardOptionContainer_Be1wO {
  padding: 8px 0;
  width: 220px;
  max-height: 196px;
  overflow-y: auto;
  z-index: 1;
}
.cardOptionContainer_Be1wO::-webkit-scrollbar {
  width: 4px;
}
.cardOptionContainer_Be1wO::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.cardOptionContainer_Be1wO::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.cardOptionContainer_Be1wO .cardItem_e6Kut {
  height: 36px;
  width: 100%;
  padding: 7px 16px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-shrink: 0;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut:hover {
  background-color: #f5f6f6;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut .icon_5dSuz {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut .label_mniWv {
  flex: 1;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 6px;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut .bigIcon_GcM-N {
  color: #2d9bf0;
  flex-shrink: 0;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut.optionItemSelected_EdQno {
  background-color: #eaf1fc;
}
.cardUserContainer_hQEsa {
  width: 292px;
}
.cardTimeRangeContainer_061oS {
  width: 292px;
  padding: 24px 16px;
  cursor: default;
}
.timeRangeInner_wxbXK {
  width: 100%;
  overflow-y: auto;
}
.timeRangeInner_wxbXK .timeRangeLabel_7SfxN {
  color: #0c1024;
  font-size: 14px;
  margin-bottom: 8px;
}
.timeRangeInner_wxbXK .timeRangeInputContainer_eogT3 {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dbdbde;
  display: flex;
  align-items: center;
  padding: 0 12px;
  cursor: pointer;
  color: #0c1024;
}
.timeRangeInner_wxbXK .timeRangeInputContainer_eogT3 .placeholder_W9Ky- {
  color: #c2c3c8;
}
.timeRangeInner_wxbXK .timeRangeInputContainer_eogT3.error_Efrxs {
  border: 1px solid #fe5250;
}
.timeRangeInner_wxbXK .timeRangeInputContainer_eogT3 .clearIcon_A0bMb {
  margin-left: auto;
  color: #dbdbde;
  cursor: pointer;
}
.timeRangeInner_wxbXK .errorText_HHMDp {
  color: #fe5250;
  font-size: 12px;
  line-height: 18px;
}

.userSelectContainer_gMIGS {
  position: relative;
  width: 100%;
  border-radius: 4px;
  padding: 8px 0px;
  overflow: hidden;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
}
.inputContainer_-Byr3 {
  height: 36px;
  padding: 7px 16px;
  width: 100%;
  pointer-events: auto;
}
.inputContainer_-Byr3 .input_XdTj- {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  color: #0c1024;
}
.inputContainer_-Byr3 .input_XdTj-::-moz-placeholder {
  color: #c2c3c8;
}
.inputContainer_-Byr3 .input_XdTj-::placeholder {
  color: #c2c3c8;
}
.divider_JUsnT {
  border-top: 1px solid #ececee;
  margin: 8px 0;
}
.sendContainer_KUPgD {
  padding: 0px 16px;
  cursor: default;
}
.sendContainer_KUPgD .sendRow_l4oDH {
  height: 32px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}
.sendContainer_KUPgD .sendRow_l4oDH .checkbox_Q3Bem {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  cursor: pointer;
}
.sendContainer_KUPgD .sendRow_l4oDH .checkContainer_uFCR2 {
  cursor: pointer;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.userContainer_bWF62 {
  overflow: auto;
}
.userContainer_bWF62::-webkit-scrollbar {
  width: 4px;
}
.userContainer_bWF62::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.userContainer_bWF62::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 0 12px 0 16px;
  cursor: pointer;
  gap: 6px;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I:hover {
  background-color: #f5f6f6;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I.active_xMeQz {
  background-color: #eaf1fc;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I.selected_iT6M- {
  background-color: #f5f6f6;
  cursor: not-allowed;
  color: #c2c3c8;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I .avatar_I84hb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I .userName_w9PGG {
  flex: 1;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I .dagou_G8qMX {
  flex-shrink: 0;
  display: block;
  color: #2d9bf0;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I .dagou_G8qMX.disabled_gAk7Y {
  color: #c2c3c8;
}
.userContainer_bWF62 .noResult_olN1x {
  color: #afb0b6;
  text-align: center;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.selectedContainer_lgK-D {
  padding: 8px 16px 16px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  cursor: default;
}
.selectedContainer_lgK-D .displayItem_EPooj {
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #f5f6f6;
  border: 1px solid #e6e7e9;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}
.selectedContainer_lgK-D .displayItem_EPooj .avatar_I84hb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
}
.selectedContainer_lgK-D .displayItem_EPooj .userName_w9PGG {
  flex: 1;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0c1024;
}
.selectedContainer_lgK-D .displayItem_EPooj .close_KPgrd {
  flex-shrink: 0;
  display: block;
  color: #616371;
  cursor: pointer;
}
.selectedContainer_lgK-D.tiny_ItYIa {
  padding: 0;
}
.selectedContainer_lgK-D.tiny_ItYIa .displayItem_EPooj {
  padding: 3px 4px;
}
.selectedContainer_lgK-D.tiny_ItYIa .displayItem_EPooj .avatar_I84hb {
  width: 20px;
  height: 20px;
}

.cm_item_-hkmY {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_-hkmY.disabled_15IYr {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_-hkmY.autoWidth_Lyvu8 {
  width: auto;
  min-width: 40px;
}
.icon_box_Aci1Y {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_Aci1Y.active_8dQJK {
  color: var(--upime-active);
}
.bling_item_BneLh {
  opacity: 0.8;
}
.hidden_HB2GI {
  visibility: hidden !important;
}
.hidden_all_hUOoG {
  visibility: hidden !important;
}
.hidden_all_hUOoG * {
  visibility: hidden !important;
}
.show_all_Y2NXm {
  visibility: visible !important;
}
.show_all_Y2NXm * {
  visibility: visible !important;
}
.pane_ds1GK {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_mpwaG {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_P0sde {
  visibility: hidden;
  opacity: 0;
  animation: show_mpwaG 0.5s forwards;
}
@keyframes show_scale_M-mxI {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_M-mxI {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_M-mxI 0.3s forwards;
}
.show_scale_M-mxI.right_Hqf0t {
  transform-origin: left center;
}
.show_scale_M-mxI.left_2O7-1 {
  transform-origin: right center;
}
.show_scale_M-mxI.bottom_nyB-t {
  transform-origin: center top;
}
.show_scale_M-mxI.top_il7N9 {
  transform-origin: center bottom;
}
.show_scale_M-mxI.left_top_xwP4d {
  transform-origin: right top;
}
.show_scale_M-mxI.top_left_McfwE {
  transform-origin: bottom left;
}
.show_scale_M-mxI.bottom_left_n8UZF {
  transform-origin: top left;
}
.show_scale_M-mxI.top_right_yJZ1f {
  transform-origin: bottom right;
}
.show_scale_M-mxI.bottom_right_s0aV6 {
  transform-origin: top right;
}
.show_scale_M-mxI.right_top_3XKFg {
  transform-origin: left top;
}
.show_scale_M-mxI.right_bottom_tifIb {
  transform-origin: left bottom;
}
.show_scale_M-mxI.left_bottom_R9dxG {
  transform-origin: right bottom;
}
.btn_style_k8E1V {
  cursor: pointer;
}
.btn_style_k8E1V:active,
.btn_style_k8E1V.on_q6yP1 {
  color: var(--upime-active);
}
.btn_style_k8E1V.disabled_15IYr {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_CRmx0 {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_Aci1Y:hover {
  opacity: 1;
}
.do-hovers .bling_item_BneLh:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_k8E1V:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_CRmx0:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_5CttI:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_zsJHa:hover {
  color: var(--upime-main-text);
}
.rotateY180_Y1FSE {
  transform: rotateY(180deg);
}
.titleIcon_5CttI {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_5CttI.active_8dQJK {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_5CttI.active_8dQJK {
  color: var(--upime-active);
}
.moreIcon_zsJHa {
  cursor: pointer;
}
.moreIcon_zsJHa svg {
  color: #303445;
}
.moreIcon_zsJHa.active_8dQJK svg {
  color: var(--upime-main-text);
}
@keyframes loading_PH0Gj {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_5-eUz {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_PH0Gj 1s linear infinite forwards;
}
.AIButtonContainer_1wHUq {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_1wHUq.transparent_TictY {
  opacity: 0;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx.AIShow_2rsuC {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx.AIHide_TvTfL {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx.AIButtonHover_z8-ci:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx.AIButtonDisabled_yTXrU {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx .AIButtonImage_1rIaZ {
  width: 32px;
  height: 32px;
}
.sub_win_container_JeJcr {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_JeJcr::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_JeJcr::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_JeJcr::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_JeJcr .sub_win_child_wrapper_Dh0uM:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_JeJcr .sub_win_child_wrapper_Dh0uM:not(:first-child) .sub_win_child_bjP-E {
  padding-top: 0;
}
.sub_win_flexalbe_container_DbvOR {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_DbvOR * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh:not(:first-child) .flexable_scroll_inner_dQzru {
  padding-top: 0px;
}
.phoneMode .sub_win_container_JeJcr {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_DbvOR {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_o-PHh {
  animation: safariUpdate_YPXX5 0.1s forwards;
}
.safariOn .sub_win_container_JeJcr {
  animation: safariUpdate_YPXX5 0.1s forwards;
}
@keyframes safariUpdate_YPXX5 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_1ROzi {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_1ROzi .noColorStylePart_j8P7l + .noColorStylePart_j8P7l {
  margin-top: 8px;
}
.noColorStyleContainer_1ROzi .partlabel_PAF3V {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_1ROzi .partlabel_PAF3V.disabled_15IYr {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_JeJcr,
.phoneMode .sub_win_flexalbe_container_DbvOR {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_JeJcr .flexable_scroll_wrapper_o-PHh:not(:first-child),
.phoneMode .sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_1ROzi {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_1ROzi .noColorStylePart_j8P7l + .noColorStylePart_j8P7l {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_1ROzi .partlabel_PAF3V {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.dateSelectorContainer_TV7m1 {
  width: 100%;
  padding: 12px 6px;
  font-size: 14px;
  cursor: default;
}
.dateSelectorContainer_TV7m1.phone_gvmoD {
  padding-top: 0;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6e7e9;
  position: relative;
  padding: 16px 4px;
  padding-top: 0px;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j .cancel_nZRSn {
  font-size: 16px;
  color: #303445;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j .note_Qh6rc {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j .queding_VVJjk {
  font-size: 16px;
  color: #2e73e5;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j::after {
  content: "";
  height: 1px;
  display: block;
  width: 25px;
  border-bottom: 1px solid #e6e7e9;
  position: absolute;
  bottom: -1px;
  right: -25px;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j::before {
  content: "";
  height: 1px;
  display: block;
  width: 25px;
  border-bottom: 1px solid #e6e7e9;
  position: absolute;
  bottom: -1px;
  left: -25px;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0c1024;
  gap: 4px;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm .iconArrow_X-mLa {
  cursor: pointer;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm .dateTitle_3QwUX {
  flex: 1;
  text-align: center;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm .dateTitle_3QwUX.useHover_Shal- {
  cursor: pointer;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm .dateTitle_3QwUX.useHover_Shal-:hover {
  color: var(--upime-active);
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm.phone_gvmoD {
  color: #91939c;
  height: 53px;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm.phone_gvmoD > b {
  font-size: 17px;
  color: #0c1024;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-row-gap: 16px;
  row-gap: 16px;
  justify-items: center;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi {
  overflow: hidden;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.notCurrentMon_jVv3W {
  color: #91939c;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.today_bhR42 {
  border: 1px solid var(--upime-active);
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.today_bhR42.phone_gvmoD {
  border: none;
  color: #2e73e5;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.active_8dQJK {
  background-color: var(--upime-active);
  color: white;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.disabledDate_28OaC {
  color: #91939c;
  cursor: not-allowed;
}
.dateSelectorContainer_TV7m1 .monthListContainer_zgfXs {
  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_TV7m1 .monthListContainer_zgfXs.phone_gvmoD {
  -moz-column-gap: 40px;
       column-gap: 40px;
  margin-top: 0px;
}
.dateSelectorContainer_TV7m1 .monthListContainer_zgfXs .monCell_BLf2p {
  width: 100%;
  height: 32px;
  border-radius: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dateSelectorContainer_TV7m1 .monthListContainer_zgfXs .monCell_BLf2p.monCellActive_LF-NA {
  background-color: var(--upime-active);
  color: white;
}
.dateSelectorContainer_TV7m1 .monthListContainer_zgfXs .monCell_BLf2p.disabledMonth_r55IF {
  color: #91939c;
  cursor: not-allowed;
}

.element_name_x1xNs {
  position: absolute;
  transform-origin: 0 0;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  padding: 0;
  border: none;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: auto;
  text-align: left;
  background: transparent;
}
.element_name_x1xNs.phone_hidden_T3-0h {
  opacity: 0;
}
.element_name_x1xNs.phone_hidden_T3-0h:focus {
  opacity: 1;
}
.textarea_element_name_REDJZ {
  position: absolute;
  transform-origin: 0 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  overflow: hidden;
  text-align: left;
  pointer-events: auto;
  font-weight: 600;
}
.textarea_element_name_REDJZ::-moz-placeholder {
  color: #c2c3c8;
  font-weight: 400;
}
.textarea_element_name_REDJZ::placeholder {
  color: #c2c3c8;
  font-weight: 400;
}
.prepare_input_cuIJL {
  opacity: 0;
  pointer-events: none;
}
.mobile_input_9TcJK {
  opacity: 0;
}
.mobile_input_9TcJK:focus {
  opacity: 1;
}
.temp_input_VR2-e {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  text-align: left;
  z-index: -1;
  padding: 0;
  border: none;
  outline: none;
  white-space: nowrap;
}
.kanbanGroupContainer_rsA0X {
  position: fixed;
  padding: 8px 0;
  background-color: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  width: 220px;
  font-size: 14px;
  pointer-events: auto;
}
.kanbanGroupContainer_rsA0X .scrollContainer_ka2Wa {
  max-height: 400px;
  overflow: auto;
}
.kanbanGroupContainer_rsA0X .scrollContainer_ka2Wa::-webkit-scrollbar {
  width: 4px;
}
.kanbanGroupContainer_rsA0X .scrollContainer_ka2Wa::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.kanbanGroupContainer_rsA0X .scrollContainer_ka2Wa::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.kanbanGroupContainer_rsA0X .row_BhkbP {
  height: 36px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #0c1024;
  cursor: pointer;
  padding: 0 16px;
}
.kanbanGroupContainer_rsA0X .row_BhkbP .label_i5pwG {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kanbanGroupContainer_rsA0X .row_BhkbP .okIcon_ZCQn6 {
  color: var(--upime-active);
}
.kanbanGroupContainer_rsA0X .row_BhkbP:hover {
  background-color: #f5f6f6;
}
.kanbanGroupContainer_rsA0X .row_BhkbP.noHover_Jt8DJ {
  cursor: default;
}
.kanbanGroupContainer_rsA0X .row_BhkbP.noHover_Jt8DJ:hover {
  background-color: transparent;
}
.kanbanGroupContainer_rsA0X .row_BhkbP.tip_deMA0 {
  color: #616371;
}
.kanbanGroupContainer_rsA0X .row_BhkbP.active_oty-8 {
  background-color: #eaf1fc;
}
.addNewColWrapper_WazpA {
  position: fixed;
}
.addNewColContainer_mlP-R {
  pointer-events: auto;
  width: 288px;
  padding: 18px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  color: #0c1024;
  font-size: 16px;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  font-size: 14px;
  position: relative;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt {
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  outline: none;
  border: 1px solid #e6e7e9;
  padding: 0 30px 0 12px;
  border-radius: 4px;
  margin-top: 8px;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt:focus {
  border: 1px solid #2e73e5;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt.error_ztlyw {
  border: 1px solid #fe5250;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt::-moz-placeholder {
  color: #c2c3c8;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt::placeholder {
  color: #c2c3c8;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .clearIcon_kBe8u {
  position: absolute;
  right: 12px;
  cursor: pointer;
  top: 20px;
  color: #dbdbde;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS {
  width: 100%;
  border-radius: 4px;
  font-size: 14px;
  position: relative;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #e6e7e9;
  padding: 0 30px 0 0px;
  border-radius: 4px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  gap: 8px;
  cursor: pointer;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal.focus_-f-ME {
  border: 1px solid #2e73e5;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal.error_ztlyw {
  border: 1px solid #fe5250;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal .userList_I7jSK {
  flex: 1;
  overflow: auto;
  display: flex;
  gap: 4px;
  -ms-overflow-style: none;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal .userList_I7jSK::-webkit-scrollbar {
  display: none;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal .arrow_w-rWs {
  flex-shrink: 0;
  display: block;
  color: #616371;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal .pleaseSelect_xuY-J {
  color: #c2c3c8;
  font-size: 14px;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .userListSelectContainer_z3w0H {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  width: 292px;
  background-color: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  overflow: hidden;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .errorText_ej-DU {
  color: #fe5250;
  font-size: 12px;
}
.addNewColContainer_mlP-R .errorTipContainer_Al-LX {
  height: 20px;
  line-height: 20px;
  color: #fe5250;
  font-size: 12px;
}
.addNewColContainer_mlP-R .colorPalette_qiMyz {
  padding: 0;
  width: 100%;
  margin-top: 8px;
}
.addNewColContainer_mlP-R .colorItem_dv9lC {
  position: relative;
}
.addNewColContainer_mlP-R .colorItem_dv9lC::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  opacity: 0.3;
  border-radius: 4px;
  pointer-events: none;
}
.addNewColContainer_mlP-R .addColActionList_Hgyx1 {
  margin-top: 20px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
}
.addNewColContainer_mlP-R .cancelBt_OhYTs {
  width: 74px;
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e6e7e9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #303445;
  font-size: 14px;
  cursor: pointer;
}
.addNewColContainer_mlP-R .submitBt_Xq6to {
  width: 74px;
  height: 36px;
  border-radius: 4px;
  background-color: #2e73e5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  cursor: pointer;
}
.colActionList_dggO- {
  position: fixed;
  font-size: 14px;
  color: #0c1024;
  width: 150px;
  padding: 8px 0;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.colActionList_dggO- .row_BhkbP {
  padding: 0 16px;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}
.colActionList_dggO- .row_BhkbP:hover {
  background-color: #f5f6f6;
}
.colActionList_dggO- .row_BhkbP.activeState_RCxFU {
  background-color: #eaf1fc;
}
.colActionList_dggO- .row_BhkbP.rowDisabled_tOGBX {
  color: #c2c3c8;
  cursor: not-allowed;
}
.colActionList_dggO- .row_BhkbP.rowDisabled_tOGBX:hover {
  background-color: transparent;
}
.addGroupWrapper_NZNrp {
  position: absolute;
  left: calc(100% + 2px);
  top: 0;
}
.filterWrapper_C6Vdr {
  position: fixed;
  padding: 8px 2px 8px 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  pointer-events: all;
  font-size: 14px;
}
.filterWrapper_C6Vdr .filterTitle_33N8t {
  display: flex;
  align-items: center;
  color: #616371;
  padding-left: 16px;
}
.filterWrapper_C6Vdr .filterTitle_33N8t .iconContainer_SLf97 {
  display: flex;
  width: 22px;
  height: 22px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 2px;
}
.filterWrapper_C6Vdr .filterTitle_33N8t .clearContainer_V9Cf1 {
  margin-left: auto;
  margin-right: 6px;
  height: 36px;
  padding: 0 8px 0 4px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  border-radius: 2px;
}
.filterWrapper_C6Vdr .filterTitle_33N8t .clearContainer_V9Cf1.clearDisabled_QmtIN {
  color: #c2c3c8;
  cursor: default;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY {
  margin: 8px 0;
  max-height: 344px;
  padding-right: 4px;
  padding-left: 16px;
  overflow: auto;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY::-webkit-scrollbar {
  width: 4px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 {
  margin-bottom: 8px;
  min-height: 36px;
  display: grid;
  grid-template-columns: 134px 172px 214px 38px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0:last-child {
  margin-bottom: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL {
  width: 100%;
  height: 100%;
  padding: 0px 8px;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: space-between;
  border-radius: 2px;
  border: 1px solid #e6e7e9;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e7e9;
  transition: border-color 0.2s;
  font-size: 14px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL.noSelect_265X1 {
  cursor: not-allowed;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL .filterLabel_fs0Ju {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL .targetIcon_JiRXa {
  color: #616371;
  flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL.active_oty-8 {
  border-color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL.active_oty-8 .targetIcon_JiRXa {
  transform: rotate(180deg);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL .placeholder_jkM4N {
  color: #c2c3c8;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY {
  position: fixed;
  width: 220px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  max-height: 436px;
  overflow: auto;
  z-index: 100;
  padding: 8px 0px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY::-webkit-scrollbar {
  width: 4px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY .filterOption_Y8Jss {
  display: flex;
  padding: 0 12px 0 16px;
  height: 36px;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY .filterOption_Y8Jss.filterOptionActive_3BvXz {
  background-color: #eaf1fc;
  color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY .filterOption_Y8Jss .filterOptionName_vn06r {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterTargetContainer_wpTI5 {
  width: 100%;
  height: 100%;
  position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterTypeContainer_HiyT- {
  padding: 0 12px;
  width: 100%;
  height: 100%;
  position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterTypeContainer_HiyT-.filterTypeDisabled_8jjrV {
  cursor: not-allowed;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X {
  margin-right: 2px;
  width: 100%;
  height: 100%;
  position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .emptyValueContainer_9erAB {
  height: 100%;
  border-radius: 2px;
  border: 1px solid #e6e7e9;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .inputValue_AHGYZ {
  height: 100%;
  border-radius: 2px;
  border: 1px solid #e6e7e9;
  outline: none;
  padding: 0 4px 0 12px;
  width: 100%;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .inputValue_AHGYZ:focus {
  border: 1px solid var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .inputValue_AHGYZ::-moz-placeholder {
  color: #c2c3c8;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .inputValue_AHGYZ::placeholder {
  color: #c2c3c8;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F {
  width: 100%;
  height: 100%;
  position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT {
  height: 100%;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e7e9;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  padding-right: 8px;
  cursor: pointer;
  transition: border-color 0.2s;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT.radioSelectActive_aZ5UD {
  border-color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT.radioSelectActive_aZ5UD .radioIcon_XEvWd {
  transform: rotate(180deg);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioContent_5NhaC {
  flex: 1;
  height: 100%;
  padding: 2px 8px;
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none;
  gap: 4px;
  align-items: center;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioContent_5NhaC::-webkit-scrollbar {
  display: none;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioContent_5NhaC .radioValueContainer_hApHk {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  border-radius: 4px;
  height: 26px;
  cursor: default;
  flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioContent_5NhaC .radioValueContainer_hApHk .radioLabel_UwuZa {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioIcon_XEvWd {
  color: #616371;
  flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx {
  width: 100%;
  height: 100%;
  position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP {
  height: 100%;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e7e9;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  padding-right: 8px;
  cursor: pointer;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP.userActive_J1-1c {
  border-color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP.userActive_J1-1c .userIcon_a4ywg {
  transform: rotate(180deg);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH {
  flex: 1;
  min-height: 100%;
  padding: 2px 8px;
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none;
  gap: 4px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH::-webkit-scrollbar {
  display: none;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH .displayItem_vmGDq {
  cursor: default;
  flex-shrink: 0;
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #f5f6f6;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  border: 1px solid #e6e7e9;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH .displayItem_vmGDq .avatar_K1wzl {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH .displayItem_vmGDq .userName_fGYL- {
  flex: 1;
  font-size: 14px;
  color: #0c1024;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH .displayItem_vmGDq .close_mxyQ8 {
  flex-shrink: 0;
  display: block;
  color: #616371;
  cursor: pointer;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userIcon_a4ywg {
  color: #616371;
  flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ {
  width: 100%;
  height: 100%;
  position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D {
  height: 100%;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e7e9;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  padding-right: 8px;
  cursor: pointer;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D.timeRangeActive_bcgbK {
  border-color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D.timeRangeActive_bcgbK .timeRangeIcon_PpMra {
  transform: rotate(180deg);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D .timeRangeContent_WG9Eg {
  flex: 1;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 0 0 8px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D .timeRangeContent_WG9Eg .timeRangeValueContainer_o8nKB {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  border-radius: 4px;
  height: 26px;
  cursor: default;
  border: 1px solid #e6e7e9;
  background: #f5f6f6;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D .timeRangeContent_WG9Eg .timeRangeValueContainer_o8nKB .timeRangeLabel_2OjQn {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D .timeRangeIcon_PpMra {
  color: #616371;
  flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterIconContainer_oo8GT {
  padding: 0 0 0 2px;
  width: 100%;
  height: 100%;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterIconContainer_oo8GT .filterIcon_hDX0g {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #616371;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterIconContainer_oo8GT .filterIcon_hDX0g.deleteIconDisabled_C3BRQ {
  color: #c2c3c8;
  cursor: not-allowed;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0.isEmptyOrUnempty_5blsM {
  grid-template-columns: 134px 172px 38px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0.isEmptyOrUnempty_5blsM .filterIconContainer_oo8GT {
  margin-left: -12px;
}
.filterWrapper_C6Vdr .addBtContainer_Pt-GT {
  height: 36px;
  padding: 0 8px 0 4px;
  margin-left: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--upime-active);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 2px;
}
.orderWrapper_pMAgN {
  position: fixed;
  padding: 8px 2px 8px 0;
  width: 424px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  pointer-events: all;
  font-size: 14px;
}
.orderWrapper_pMAgN .orderTitle_Jn-wD {
  display: flex;
  align-items: center;
  color: #616371;
  padding-left: 16px;
  line-height: 36px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r {
  margin: 8px 0;
  max-height: 344px;
  padding-right: 4px;
  padding-left: 16px;
  overflow: auto;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r::-webkit-scrollbar {
  width: 4px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 {
  margin-bottom: 8px;
  height: 36px;
  display: grid;
  grid-template-columns: 134px 1fr 34px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0:last-child {
  margin-bottom: 0;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz {
  width: 100%;
  height: 100%;
  padding: 0px 8px;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: space-between;
  border-radius: 2px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e7e9;
  transition: border-color 0.2s;
  font-size: 14px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz.orderOptionLabelActive_BL5BC {
  border-color: var(--upime-active);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz .filterLabel_fs0Ju {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz .targetIcon_JiRXa {
  color: #616371;
  flex-shrink: 0;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz.active_oty-8 {
  border-color: var(--upime-active);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz.active_oty-8 .targetIcon_JiRXa {
  transform: rotate(180deg);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz .placeholder_jkM4N {
  color: #c2c3c8;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW {
  position: fixed;
  width: 220px;
  padding: 8px 0px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  max-height: 436px;
  overflow: auto;
  z-index: 100;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW::-webkit-scrollbar {
  width: 4px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW .filterOption_Y8Jss {
  display: flex;
  padding: 0 12px 0 16px;
  height: 36px;
  align-items: center;
  gap: 8px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW .filterOption_Y8Jss.filterOptionActive_3BvXz {
  background-color: #eaf1fc;
  color: var(--upime-active);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW .filterOption_Y8Jss .filterOptionName_vn06r {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 2px 0 12px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6 {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e7e9;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  padding-right: 8px;
  padding-left: 8px;
  cursor: pointer;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6.orderValueActive_4Llu3 {
  border-color: var(--upime-active);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6.orderValueActive_4Llu3 .downIcon_JtWqy {
  transform: rotate(180deg);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6.noSelect_265X1 {
  cursor: not-allowed;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6 .content_LCcWC {
  flex: 1;
  color: #0c1024;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6 .downIcon_JtWqy {
  color: #616371;
  flex-shrink: 0;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderIconContainer_IJcF6 {
  width: 100%;
  height: 100%;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderIconContainer_IJcF6 .orderIcon_HzOCN {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #616371;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderIconContainer_IJcF6 .orderIcon_HzOCN.deleteIconDisabled_C3BRQ {
  color: #c2c3c8;
  cursor: not-allowed;
}
.contentPlaceHolder_1zsqd {
  color: #c2c3c8;
  padding-left: 4px;
}
.contentPlaceHolder_1zsqd.contentPlaceHolderUser_LBAA- {
  transform: translateY(5px);
}
.userAddNewColContainer_9-hjN {
  pointer-events: auto;
  width: 292px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  color: #0c1024;
  font-size: 16px;
}
.userAddNewColContainer_9-hjN .userAddActionRow_LMk-O {
  padding: 16px;
  border-top: 1px solid #ececee;
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
}
.userAddNewColContainer_9-hjN .userAddActionRow_LMk-O .userSubmitBt_1EQ0y {
  display: flex;
  height: 36px;
  min-width: 72px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #2e73e5;
  color: white;
  cursor: pointer;
}
.userAddNewColContainer_9-hjN .userAddActionRow_LMk-O .userSubmitBt_1EQ0y.submitDisabled_0dWxg {
  background-color: #abc7f5;
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.5);
}
.userAddNewColContainer_9-hjN .userAddActionRow_LMk-O .usercacelBt_XTnIe {
  display: flex;
  height: 36px;
  min-width: 72px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  border: 1px solid #ececee;
  cursor: pointer;
  border-radius: 4px;
}
.kanbanFilterHoverBox_Pn6-3 {
  width: -moz-max-content;
  width: max-content;
  white-space: pre-line;
  font-size: 12px;
  line-height: 18px;
}
.do-hovers .hoverContainer_fgcJY {
  cursor: pointer;
  transition: background-color 0.2s;
}
.do-hovers .hoverContainer_fgcJY:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.spFilterIcon_FU4BC {
  flex-shrink: 0;
}
.container_0ruaG {
  min-width: 376px;
  max-width: 395px;
  padding: 12px 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  gap: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  pointer-events: auto;
  color: #0c1024;
  background-color: white;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}
.container_0ruaG .leftPart_-eN6k {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.container_0ruaG .rightPart_im3wZ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.container_0ruaG .rightPart_im3wZ .action_VI2O9 {
  flex-shrink: 0;
  height: 32px;
  font-size: 14px;
  line-height: 22px;
  padding: 0 12px;
}
.container_0ruaG .rightPart_im3wZ .closeButton_cdWud {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.container_0ruaG .rightPart_im3wZ .closeButton_cdWud .closeIcon_bAChZ {
  width: 16px;
  height: 16px;
}
.phoneMode .container_0ruaG {
  min-width: 344px;
  width: 344px;
  padding: 10px 0 10px 16px;
  gap: 12px;
}
.phoneMode .container_0ruaG .rightPart_im3wZ {
  gap: 0;
}
.phoneMode .container_0ruaG .rightPart_im3wZ .closeButton_cdWud {
  width: 36px;
  height: 36px;
}

.cm_item_veieg {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_veieg.disabled_WUaTt {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_veieg.autoWidth_mee9u {
  width: auto;
  min-width: 40px;
}
.icon_box_HRG4c {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_HRG4c.active_PJtbv {
  color: var(--upime-active);
}
.bling_item_yQW2p {
  opacity: 0.8;
}
.hidden_7-5xm {
  visibility: hidden !important;
}
.hidden_all_Fnk7x {
  visibility: hidden !important;
}
.hidden_all_Fnk7x * {
  visibility: hidden !important;
}
.show_all_oBMgE {
  visibility: visible !important;
}
.show_all_oBMgE * {
  visibility: visible !important;
}
.pane_-6w0u {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_5E9zO {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_t-B-2 {
  visibility: hidden;
  opacity: 0;
  animation: show_5E9zO 0.5s forwards;
}
@keyframes show_scale_HPqI- {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_HPqI- {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_HPqI- 0.3s forwards;
}
.show_scale_HPqI-.right_4MIuN {
  transform-origin: left center;
}
.show_scale_HPqI-.left_7Mu4- {
  transform-origin: right center;
}
.show_scale_HPqI-.bottom_bb9IS {
  transform-origin: center top;
}
.show_scale_HPqI-.top_Rp3UL {
  transform-origin: center bottom;
}
.show_scale_HPqI-.left_top_7lkQP {
  transform-origin: right top;
}
.show_scale_HPqI-.top_left_qha1w {
  transform-origin: bottom left;
}
.show_scale_HPqI-.bottom_left_MKjUS {
  transform-origin: top left;
}
.show_scale_HPqI-.top_right_MR-Ne {
  transform-origin: bottom right;
}
.show_scale_HPqI-.bottom_right_icQYS {
  transform-origin: top right;
}
.show_scale_HPqI-.right_top_Lzlgd {
  transform-origin: left top;
}
.show_scale_HPqI-.right_bottom_Y4wC7 {
  transform-origin: left bottom;
}
.show_scale_HPqI-.left_bottom_79UBp {
  transform-origin: right bottom;
}
.btn_style_etOOi {
  cursor: pointer;
}
.btn_style_etOOi:active,
.btn_style_etOOi.on_9xhED {
  color: var(--upime-active);
}
.btn_style_etOOi.disabled_WUaTt {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_hFg8o {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_HRG4c:hover {
  opacity: 1;
}
.do-hovers .bling_item_yQW2p:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_etOOi:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_hFg8o:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_A1R-k:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_zEz1B:hover {
  color: var(--upime-main-text);
}
.rotateY180_ifAnP {
  transform: rotateY(180deg);
}
.titleIcon_A1R-k {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_A1R-k.active_PJtbv {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_A1R-k.active_PJtbv {
  color: var(--upime-active);
}
.moreIcon_zEz1B {
  cursor: pointer;
}
.moreIcon_zEz1B svg {
  color: #303445;
}
.moreIcon_zEz1B.active_PJtbv svg {
  color: var(--upime-main-text);
}
@keyframes loading_eDpuP {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_a-MXP {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_eDpuP 1s linear infinite forwards;
}
.AIButtonContainer_bYjKv {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_bYjKv.transparent_-iskG {
  opacity: 0;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA.AIShow_35fc1 {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA.AIHide_llFmk {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA.AIButtonHover_XpD1q:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA.AIButtonDisabled_rjpY- {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA .AIButtonImage_1NRrL {
  width: 32px;
  height: 32px;
}
.sub_win_container_R0wIa {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_R0wIa::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_R0wIa::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_R0wIa::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_R0wIa .sub_win_child_wrapper_x2p-K:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_R0wIa .sub_win_child_wrapper_x2p-K:not(:first-child) .sub_win_child_qFb4S {
  padding-top: 0;
}
.sub_win_flexalbe_container_Ourh6 {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_Ourh6 * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4 {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4:not(:first-child) .flexable_scroll_inner_gqndL {
  padding-top: 0px;
}
.phoneMode .sub_win_container_R0wIa {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_Ourh6 {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_z0WT4 {
  animation: safariUpdate_wlRA8 0.1s forwards;
}
.safariOn .sub_win_container_R0wIa {
  animation: safariUpdate_wlRA8 0.1s forwards;
}
@keyframes safariUpdate_wlRA8 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_TMg2r {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_TMg2r .noColorStylePart_CeS-a + .noColorStylePart_CeS-a {
  margin-top: 8px;
}
.noColorStyleContainer_TMg2r .partlabel_z5ox8 {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_TMg2r .partlabel_z5ox8.disabled_WUaTt {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_R0wIa,
.phoneMode .sub_win_flexalbe_container_Ourh6 {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_R0wIa .flexable_scroll_wrapper_z0WT4:not(:first-child),
.phoneMode .sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_TMg2r {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_TMg2r .noColorStylePart_CeS-a + .noColorStylePart_CeS-a {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_TMg2r .partlabel_z5ox8 {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.cardEditModalWrapper_KJHn5 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cardEditModalContainer_CoDoh {
  width: 520px;
  border-radius: 12px;
  background-color: #ffffff;
  padding: 50px 40px 24px 40px;
  font-size: 14px;
  position: relative;
}
.cardEditModalContainer_CoDoh .cardEditPropContainer_MRJqY {
  width: calc(100% + 36px);
  overflow: auto;
  padding-right: 36px;
}
.cardEditModalContainer_CoDoh .cardEditPropContainer_MRJqY::-webkit-scrollbar {
  width: 4px;
}
.cardEditModalContainer_CoDoh .cardEditPropContainer_MRJqY::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.cardEditModalContainer_CoDoh .cardEditPropContainer_MRJqY::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.cardEditModalContainer_CoDoh .cardEditIconsGroup_sKc8L {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 20px;
  display: flex;
  align-items: center;
}
.cardEditModalContainer_CoDoh .cardEditIconsGroup_sKc8L .groupDivider_wx3cn {
  width: 1px;
  height: 18px;
  background-color: #e6e7e9;
}
.cardEditModalContainer_CoDoh .cardEditIconsGroup_sKc8L .btContainer_2hGiM {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cardEditModalContainer_CoDoh .textTitle_XMvJO {
  font-size: 16px;
  border: none;
  margin-bottom: 8px;
  width: 100%;
}
.cardEditModalContainer_CoDoh .textTitle_XMvJO::-moz-placeholder {
  color: #c2c3c8;
}
.cardEditModalContainer_CoDoh .textTitle_XMvJO::placeholder {
  color: #c2c3c8;
}
.cardEditModalContainer_CoDoh .divider_KgTl- {
  width: 440px;
  height: 1px;
  background-color: #e6e7e9;
  margin-bottom: 24px;
}
.cardEditModalContainer_CoDoh .colorContainer_t-ukS {
  margin-bottom: 4px;
  display: flex;
  height: 30px;
  align-items: center;
}
.cardEditModalContainer_CoDoh .propertyNameBox_5a5dv {
  color: #616371;
  margin-right: 16px;
  width: 90px;
  min-height: 30px;
  padding-top: 5px;
  display: flex;
  gap: 8px;
}
.cardEditModalContainer_CoDoh .propertyNameBox_5a5dv svg {
  width: 16px;
  height: 16px;
  transform: translateY(2px);
}
.cardEditModalContainer_CoDoh .propertyNameBox_5a5dv > span {
  font-size: 14px;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.cardEditModalContainer_CoDoh .propertyValueBox_GgOWK {
  flex: 1;
  overflow: hidden;
}
.cardEditModalContainer_CoDoh .propertyValueBox_GgOWK.noHide_CzsVS {
  overflow: visible;
}
.cardEditModalContainer_CoDoh .priorityContainer_CByyn {
  margin-bottom: 4px;
  display: flex;
  min-height: 30px;
  align-items: flex-start;
}
.cardEditModalContainer_CoDoh .statusContainer_-cVAE {
  display: flex;
  margin-bottom: 4px;
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq {
  margin-bottom: 4px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .descNameBox_Ti02U {
  color: #616371;
  height: 30px;
  display: flex;
  align-items: center;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .descNameBox_Ti02U svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: -3px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .descNameBox_Ti02U > span {
  font-size: 14px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog {
  position: relative;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz {
  width: 100%;
  border: 1px solid #e6e7e9;
  border-radius: 2px;
  padding: 8px 12px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::-moz-placeholder {
  color: #c2c3c8;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::placeholder {
  color: #c2c3c8;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::-webkit-scrollbar {
  width: 4px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz.supportInput_JoJBA {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 {
  height: 40px;
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 div {
  min-width: 72px;
  margin-left: 12px;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 .cancel_KNkPz {
  border-radius: 4px;
  border: 1px solid #e6e7e9;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 .cancel_KNkPz:hover {
  border: 1px solid #5798f2;
  color: #5798f2;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 .confirm_TKi9S {
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 .confirm_TKi9S:hover {
  background-color: #5798f2;
}
.colorSelectContainer_ykbfI {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 4px;
}
.colorSelectContainer_ykbfI:hover {
  background-color: #f5f6f6;
}
.colorSelectContainer_ykbfI .colorSelectSubWindow_IpKoh {
  z-index: 1;
}
.selectContainer_98dUU {
  position: relative;
  border-radius: 2px;
  height: 30px;
  padding: 2px 8px;
  overflow: hidden;
  cursor: pointer;
}
.selectContainer_98dUU .noName_ckBDQ {
  color: #c2c3c8;
}
.selectContainer_98dUU:hover {
  background-color: #f5f6f6;
}
.selectContainer_98dUU.withContainer_sHBuV {
  background-color: #eaf1fc;
}
.selectContainer_98dUU .box_vU0Dq {
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  display: flex;
  align-items: center;
}
.selectContainer_98dUU .box_vU0Dq.withName_ouPUm {
  border-radius: 4px;
  background-color: rgba(241, 108, 127, 0.25);
  padding: 0px 8px;
  gap: 12px;
}
.selectContainer_98dUU .box_vU0Dq.withName_ouPUm > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectContainer_98dUU .box_vU0Dq.withName_ouPUm > svg {
  font-size: 12px;
  cursor: pointer;
}
.userListContainer_-XK-x {
  margin-bottom: 4px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.fileListOutter_KY85M {
  margin-bottom: 4px;
  display: flex;
  align-items: flex-start;
}
.userSelectWrapper_U-bSb {
  position: relative;
}
.userSelectContainer_64UFJ {
  position: relative;
  padding: 2px 0;
  border-radius: 2px;
  min-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.userSelectContainer_64UFJ:hover {
  background-color: #f5f6f6;
}
.userSelectContainer_64UFJ.withContainer_sHBuV {
  background-color: #eaf1fc;
}
.userSelectContainer_64UFJ .displayItem_np6Jb {
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #f5f6f6;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  border: 1px solid #e6e7e9;
}
.userSelectContainer_64UFJ .displayItem_np6Jb .avatar_Wet2d {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex-shrink: 0;
}
.userSelectContainer_64UFJ .displayItem_np6Jb .userName_6TkXH {
  flex: 1;
  font-size: 14px;
  color: #0c1024;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.userSelectContainer_64UFJ .displayItem_np6Jb .close_GTFmA {
  flex-shrink: 0;
  display: block;
  color: #616371;
  cursor: pointer;
}
.userSelectContainer_64UFJ .noUser_Qw2yn {
  color: #c2c3c8;
  line-height: 26px;
}
.userListOptionContainer_Q-05O {
  width: 292px;
  position: fixed;
  z-index: 1000;
  background-color: white;
  box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.radioOptionContainer_yVIOu {
  padding: 8px 0;
  width: 220px;
  max-height: 196px;
  overflow-y: auto;
  position: fixed;
  z-index: 1000;
  background-color: white;
  box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px 4px 2px 2px;
  overflow: auto;
}
.radioOptionContainer_yVIOu::-webkit-scrollbar {
  width: 4px;
}
.radioOptionContainer_yVIOu::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.radioOptionContainer_yVIOu::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.radioOptionContainer_yVIOu .optionItem_xp70k {
  height: 36px;
  padding: 7px 16px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.radioOptionContainer_yVIOu .optionItem_xp70k:hover {
  background-color: #f5f6f6;
}
.radioOptionContainer_yVIOu .optionItem_xp70k .icon_NI7s9 {
  width: 14px;
  height: 14px;
}
.radioOptionContainer_yVIOu .optionItem_xp70k .bigIcon_8k-yY {
  height: 18px;
  width: 18px;
}
.radioOptionContainer_yVIOu .optionItem_xp70k .label_fSwcg {
  width: 162px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 6px;
  font-size: 14px;
}
.radioOptionContainer_yVIOu .optionItem_xp70k.optionItemSelected_ndO82 {
  background-color: #eaf1fc;
}
.colorSelectOptions_4smjL {
  position: fixed;
  z-index: 1000;
  background-color: white;
  box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px 4px 2px 2px;
}
.timeRangeWrapper_f8fNH {
  flex: 1;
  height: 30px;
}
.timeRangeWrapper_f8fNH:hover {
  background-color: #f5f6f6;
}
.timeRangeWrapper_f8fNH.withContainer_sHBuV {
  background-color: #eaf1fc;
}
.timeRangeContainer_8sEUy {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.timeRangeContainer_8sEUy .timeRangeSelectContainer_KjESH {
  border-radius: 2px;
  padding-left: 8px;
  height: 100%;
  padding: 2px 0 2px 8px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.timeRangeContainer_8sEUy .timeRangeSelectContainer_KjESH .noUser_Qw2yn {
  color: #c2c3c8;
}
.timeRangeContainer_8sEUy .timeRangeSelectContainer_KjESH .timeViewContainer_rmybC {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #e6e7e9;
  background-color: #f5f6f6;
  padding: 0 8px;
  height: 100%;
  border-radius: 4px;
}
.timeRangeContainer_8sEUy .timeRangeSelectContainer_KjESH .timeViewContainer_rmybC .close_GTFmA {
  flex-shrink: 0;
  display: block;
  color: #616371;
  cursor: pointer;
}
.dateSelectContainer_yRYnH {
  width: 292px;
  padding: 12px 8px;
  position: fixed;
  z-index: 1000;
  background-color: white;
  box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.deleteCard_rHayc {
  position: absolute;
  bottom: 42px;
  color: #91939c;
  cursor: pointer;
  font-size: 14px;
}
.deleteCard_rHayc:hover {
  color: #0c1024;
}
.fileListWrapper_hZMNo {
  position: relative;
  padding-left: 8px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P {
  display: flex;
  align-items: center;
  width: 100%;
  height: 46px;
  border-radius: 4px;
  background-color: #f5f6f6;
  border: 1px dashed #f5f6f6;
  cursor: pointer;
  gap: 2px;
  padding: 10px 0 10px 16px;
  transition: background 0.15s;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P.active_PJtbv {
  border: 1px dashed #2e73e5;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P.padStyle_vXQIl {
  justify-content: center;
  padding: 10px 0 10px 0px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P.padStyle_vXQIl .addBt_At4OQ {
  padding: 0 0 0 2px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .addBt_At4OQ {
  display: flex;
  align-items: center;
  color: #2e73e5;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  padding: 0 8px 0 2px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .addBt_At4OQ:hover {
  color: #5798f2;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .uploadTip_0toDS {
  line-height: 20px;
  color: #91939c;
  font-size: 14px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .hiddenInput_wIKeg {
  visibility: hidden;
  display: none;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .outScreenInput_mDDly {
  position: fixed;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
}
.fileListWrapper_hZMNo .fileListContainer_IboRj {
  margin-top: 8px;
}
.fileListWrapper_hZMNo .noUser_Qw2yn {
  color: #c2c3c8;
  line-height: 30px;
}
.viewerContainer_CuqhR {
  margin-bottom: 8px;
  position: relative;
}
.viewerContainer_CuqhR.imgContainer_Og9F5 {
  width: -moz-fit-content;
  width: fit-content;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- .progressCon_kKpzb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- .progressCon_kKpzb .loading_eDpuP {
  width: 24px;
  height: 24px;
  animation: loading_eDpuP 1.5s linear infinite forwards;
  color: white;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- .progressCon_kKpzb > span {
  color: white;
  font-size: 12px;
  line-height: 18px;
  margin-top: 12px;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- .deleteIcon_kB2eF {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 8px;
  color: white;
  cursor: pointer;
}
.viewerContainer_CuqhR .imgContainer_Og9F5 {
  width: 100%;
  max-height: 250px;
  min-height: 64px;
  border: 1px solid #ececec;
}
.viewerContainer_CuqhR .imgContainer_Og9F5 img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  display: block;
}
.viewerContainer_CuqhR .officeContainer_A0IzU {
  width: 100%;
  height: 54px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  border: 1px solid #ececec;
  border-radius: 4px;
}
.viewerContainer_CuqhR .officeContainer_A0IzU .logo_QNuTI {
  margin-right: 8px;
}
.viewerContainer_CuqhR .officeContainer_A0IzU .info_pm13M {
  display: flex;
  flex-direction: column;
}
.viewerContainer_CuqhR .officeContainer_A0IzU .info_pm13M span:nth-child(1) {
  font-size: 14px;
  line-height: 22px;
  color: var(--upime-main-text);
}
.viewerContainer_CuqhR .officeContainer_A0IzU .info_pm13M span:nth-child(2) {
  color: #616371;
  font-size: 12px;
  line-height: 18px;
}
.viewerContainer_CuqhR .audioContainer_JB38t {
  width: 100%;
  border: 1px solid #ececec;
  border-radius: 4px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .officeContainer_A0IzU {
  border: none;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS {
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 8px 0 16px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS.hidePlayer_kGCuR {
  display: none;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .trigger_Z9GQ1 {
  height: 24px;
  width: 24px;
  color: var(--upime-active);
  cursor: pointer;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .curTime_qCgDs {
  margin-left: 16px;
  margin-right: 8px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .duration_pNsf7 {
  margin-left: 8px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .track_jK6pV {
  flex: 1 1 138px;
  background-color: #f5f6f6;
  position: relative;
  height: 4px;
  cursor: pointer;
  margin-right: 4px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .track_jK6pV .progress_qDn5P {
  height: 100%;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--upime-active);
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .track_jK6pV .controller_AZMeE {
  cursor: pointer;
  background-color: var(--upime-active);
  width: 10px;
  height: 10px;
  position: absolute;
  top: -3px;
  border-radius: 50%;
}
.viewerContainer_CuqhR .audioContainer_JB38t .transing_gQpoF {
  font-size: 12px;
  color: #ffa519;
}
.viewerContainer_CuqhR .videoContainer_lKl3C {
  width: 100%;
  border: 1px solid #ececec;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.viewerContainer_CuqhR .videoContainer_lKl3C .videoDom_5wBRH {
  width: 100%;
  max-height: 180px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  display: block;
}
.viewerContainer_CuqhR .videoContainer_lKl3C .mask_ojiDf {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 12px;
}
.viewerContainer_CuqhR .videoContainer_lKl3C .mask_ojiDf > svg {
  margin-bottom: 12px;
}
.viewerContainer_CuqhR .videoContainer_lKl3C .videoEmpty_8yDpb {
  height: 180px;
}
.viewerContainer_CuqhR .iconCon_8UEBs {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 1px;
  top: 1px;
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  visibility: hidden;
}
.viewerContainer_CuqhR .iconCon_8UEBs svg {
  color: white;
  width: 20px;
  height: 20px;
}
.viewerContainer_CuqhR .iconCon_8UEBs.noDesktop_Edj7o {
  visibility: visible;
}
.viewerContainer_CuqhR:hover .iconCon_8UEBs {
  visibility: visible;
}
.viewerContainer_CuqhR.showaction_bIBF- .iconCon_8UEBs {
  visibility: visible;
}
.viewerContainer_CuqhR.fileLook_NOCaf .iconCon_8UEBs {
  visibility: visible;
  background-color: transparent;
}
.viewerContainer_CuqhR.fileLook_NOCaf .iconCon_8UEBs svg {
  color: #717171;
}
.viewerContainer_CuqhR.fileLook_NOCaf .iconCon_8UEBs:hover svg {
  color: #0c1024;
}
.actionList_qDR6C {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  width: 101px;
  padding: 8px 0;
  z-index: 99;
  right: 0;
  top: 38px;
}
.actionList_qDR6C .row_Rtyr8 {
  width: 100%;
  height: 38px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  color: var(--upime-main-text);
  cursor: pointer;
}
.actionList_qDR6C .row_Rtyr8:hover {
  background-color: #f5f6f6;
}
.dialogContainer_v6DZm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialogContainer_v6DZm .dialogItem_6unB3 {
  height: 54px;
  line-height: 54px;
  text-align: center;
  width: 100%;
}
.imgLoading_v1jTQ {
  position: absolute;
  color: var(--upime-main-text);
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  animation: loading_eDpuP 1.5s linear infinite forwards;
  color: var(--upime-active);
}
@keyframes loading_eDpuP {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.disabled_WUaTt .textTitle_XMvJO[disabled],
.disabled_WUaTt .textDesc_G8WIz[disabled] {
  background-color: transparent;
  color: #0c1024;
}
.disabled_WUaTt .colorSelectContainer_ykbfI:hover {
  background-color: transparent;
}
.disabled_WUaTt .selectContainer_98dUU:hover {
  background-color: transparent;
}
.disabled_WUaTt .userSelectContainer_64UFJ:hover {
  background-color: transparent;
}
.disabled_WUaTt .timeRangeWrapper_f8fNH:hover {
  background-color: transparent;
}
.noDesktop_Edj7o .actionContainer_hrQc6 .cancel_KNkPz:hover {
  border: 1px solid #e6e7e9;
  color: inherit;
}
.noDesktop_Edj7o .actionContainer_hrQc6 .confirm_TKi9S:hover {
  background-color: #2e73e5;
}
.noDesktop_Edj7o .colorSelectContainer_ykbfI:hover.withContainer_sHBuV {
  background-color: #eaf1fc;
}
.noDesktop_Edj7o .selectContainer_98dUU:hover {
  background-color: transparent;
}
.noDesktop_Edj7o .userSelectContainer_64UFJ:hover {
  background-color: transparent;
}
.noDesktop_Edj7o .timeRangeWrapper_f8fNH:hover {
  background-color: transparent;
}
.noDesktop_Edj7o .colorSelectContainer_ykbfI.withContainer_sHBuV,
.noDesktop_Edj7o .selectContainer_98dUU.withContainer_sHBuV,
.noDesktop_Edj7o .userSelectContainer_64UFJ.withContainer_sHBuV,
.noDesktop_Edj7o .timeRangeWrapper_f8fNH.withContainer_sHBuV {
  background-color: #eaf1fc;
}
.noDesktop_Edj7o .radioOptionContainer_yVIOu .optionItem_xp70k:hover {
  background-color: transparent;
  background-color: initial;
}
.noDesktop_Edj7o .actionList_qDR6C .row_Rtyr8:hover {
  background-color: transparent;
}
.noDesktop_Edj7o .iconCon_8UEBs:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.noDesktop_Edj7o .addBtContainer_9Qd-P:hover {
  background-color: #f5f6f6;
}
.noDesktop_Edj7o .addBtContainer_9Qd-P .addBt_At4OQ:hover {
  color: #2e73e5;
}
.phoneViewContainer_ISfLM {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f5f6f6;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.phoneViewContainer_ISfLM .head_rkp1y {
  flex-shrink: 0;
  overflow: hidden;
}
.phoneViewContainer_ISfLM .scrollContainer_zTEk5 {
  flex: 1;
  overflow: auto;
  position: relative;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM {
  background-color: white;
  margin-bottom: 8px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 {
  min-height: 54px;
  display: flex;
  align-items: center;
  padding: 12px 20px;
  line-height: 24px;
  color: #0c1024;
  font-size: 15px;
  justify-content: space-between;
  text-align: justify;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.fileRow_BSY-9 {
  justify-content: space-between;
  gap: 4px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.fileRow_BSY-9 .content_2-Xbx {
  display: flex;
  align-items: center;
  color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.fileRow_BSY-9 .content_2-Xbx > svg {
  font-size: 16px;
  margin-left: 4px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW {
  padding-top: 0px;
  position: relative;
  min-height: 102px;
  display: block;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW > span {
  display: block;
  line-height: 23px;
  font-size: 15px;
  color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW .descTextarea_gzLzs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 15px;
  line-height: 23px;
  padding: 0 20px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW .descBox_-LaaV {
  outline: none;
  line-height: 23px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW .descBox_-LaaV:empty::before {
  content: attr(placeholder);
  color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW .descBox_-LaaV:focus::before {
  content: none;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .titleInput_Tig6Z {
  border: none;
  height: 26px;
  width: calc(100% - 30px);
  line-height: 26px;
  font-size: 18px;
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .titleInput_Tig6Z::-moz-placeholder {
  color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .titleInput_Tig6Z::placeholder {
  color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .titleInput_Tig6Z:focus ~ div {
  display: flex;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .clearBox_Hl-q- {
  width: 54px;
  height: 54px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .clearBox_Hl-q- .clearInput_2rjYm {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #dedede;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .clearBox_Hl-q- .clearInput_2rjYm svg {
  color: white;
  width: 10px;
  height: 10px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .tagContainer_D9Jf9 {
  padding: 0 8px;
  height: 26px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .avaImage_F1BmG {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  margin-right: 6px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .fakeAva_StdGq {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  margin-right: 6px;
  background-color: #dfdfdf;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .userListUser_hq9NM {
  display: flex;
  align-items: center;
  color: #616371;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .content_2-Xbx {
  display: flex;
  align-items: center;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .content_2-Xbx .timerangeContent_ugP-G {
  border-radius: 4px;
  background-color: #f5f6f6;
  padding: 3px 8px;
  display: flex;
  align-items: center;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .content_2-Xbx .timerangeContent_ugP-G > svg {
  margin-left: 6px;
  font-size: 16px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .content_2-Xbx .jiantou_zmfgL {
  font-size: 16px;
  color: #91939c;
  margin-left: 4px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .colorRow_Tu9mg .content_2-Xbx .colorCircle_-6A8e {
  width: 20px;
  height: 20px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .colorRow_Tu9mg .content_2-Xbx .colorCircle_-6A8e > div {
  width: 20px;
  height: 20px;
}
.phoneViewContainer_ISfLM .actionContainer_hrQc6 {
  margin-bottom: 0px;
}
.phoneViewContainer_ISfLM .actionContainer_hrQc6 .row_Rtyr8 .confirmBtn_BpX5J {
  height: 48px;
  width: 100%;
  padding: 13px 0px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}
.fileListSelectPhoneBox_qYGwB .hiddenInput_wIKeg {
  visibility: hidden;
  display: none;
}
.timeRangeErrorToast_q-Zmo {
  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: 2000;
}
.colorPalettePhone_CyhuF > div:first-child > div:first-child {
  flex-wrap: wrap;
  max-height: 50vh;
  overflow: auto;
}
.colorPalettePhone_CyhuF > div:first-child > div:first-child > div {
  width: calc(100% / 7);
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.colorPalettePhone_CyhuF > div:first-child > div:first-child > div > div {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.colorPalettePhone_CyhuF > div:first-child > div:first-child > div:first-child {
  margin-left: 0;
}
.cardColorPickDrawer_DVYiX > div:first-child > div:first-child {
  flex-wrap: wrap !important;
  max-height: 50vh !important;
  overflow: auto !important;
}
.cardColorPickDrawer_DVYiX > div:first-child > div:first-child > div {
  width: calc(100% / 7) !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.cardColorPickDrawer_DVYiX > div:first-child > div:first-child > div > div {
  width: 30px !important;
  height: 30px !important;
  margin: 0 auto !important;
}
.cardColorPickDrawer_DVYiX > div:first-child > div:first-child > div:first-child {
  margin-left: 0 !important;
}
.cardEditDrawer {
  padding: 20px 19px;
  max-height: calc(100% - 98px);
  min-height: 236px;
}
.radioSelectDrawerBox_-VY7h {
  overflow: auto;
}
.radioSelectDrawerBox_-VY7h::-webkit-scrollbar {
  width: 4px;
}
.radioSelectDrawerBox_-VY7h::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.radioSelectDrawerBox_-VY7h::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.radioSelectDrawerBox_-VY7h .row_Rtyr8 {
  padding: 16px 4px;
  display: flex;
  justify-content: space-between;
}
.userSelectDrawerBox_Kc2Xv.userDrawerBox_BFPX5 {
  padding-bottom: 40px;
}
.userSelectDrawerBox_Kc2Xv .actionRow_a-lBo {
  padding: 16px 4px;
  padding-top: 0px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e7e9;
  position: relative;
}
.userSelectDrawerBox_Kc2Xv .actionRow_a-lBo::after {
  content: "";
  height: 1px;
  display: block;
  width: 20px;
  border-bottom: 1px solid #e6e7e9;
  position: absolute;
  bottom: -1px;
  right: -20px;
}
.userSelectDrawerBox_Kc2Xv .actionRow_a-lBo::before {
  content: "";
  height: 1px;
  display: block;
  width: 20px;
  border-bottom: 1px solid #e6e7e9;
  position: absolute;
  bottom: -1px;
  left: -20px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ {
  padding: 16px 0px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl {
  height: 44px;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid #c2c3c8;
  display: flex;
  gap: 8px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl > svg {
  font-size: 18px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl > input {
  border: none;
  flex: 1;
  line-height: 23px;
  font-size: 15px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl .clearInput_2rjYm {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #dedede;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl .clearInput_2rjYm svg {
  color: white;
  width: 12px;
  height: 12px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt {
  overflow: auto;
  height: 425px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt::-webkit-scrollbar {
  width: 4px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .userRow_7Qu-z {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 4px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .userRow_7Qu-z .nameBox_ElL1e {
  display: flex;
  gap: 8px;
  align-items: center;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .userRow_7Qu-z .nameBox_ElL1e .avatar_Wet2d {
  border-radius: 20px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .userRow_7Qu-z .nameBox_ElL1e .userName_6TkXH {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .noUsersBox_9q7xv {
  text-align: center;
  font-size: 14px;
  color: #303445;
  line-height: 22px;
  margin-top: 90px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt::-webkit-scrollbar {
  display: none;
}
.userSelectDrawerBox_Kc2Xv .reportRow_FFQ7c {
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: default;
  font-size: 14px;
}
.userSelectDrawerBox_Kc2Xv .reportRow_FFQ7c .checkbox_ySrYg {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  cursor: pointer;
}
.userSelectDrawerBox_Kc2Xv .reportRow_FFQ7c .checkContainer_FD3Ai {
  cursor: pointer;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.phoneFileListContainer_bZC5S {
  position: relative;
}
.phoneFileListContainer_bZC5S.hasFiles_Klact {
  padding: 0px 20px 8px;
}
.kanbanConfigWrapper_UcbL3 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI {
  width: 750px;
  border-radius: 12px;
  background-color: #ffffff;
  font-size: 14px;
  height: 580px;
  max-height: 95vh;
  display: grid;
  grid-template-rows: 76px 1fr;
  overflow: hidden;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanHead_7tm-k {
  border-bottom: 1px solid #e6e7e9;
  display: flex;
  align-items: center;
  padding: 0 24px 0 40px;
  font-size: 20px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanHead_7tm-k .kanbanTitleTip_Lq4Jl {
  font-size: 14px;
  margin-left: 8px;
  color: #616371;
  transform: translateY(3px);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanHead_7tm-k .guanbiButton_gPmyn {
  margin-left: auto;
  cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya {
  overflow: hidden;
  display: grid;
  grid-template-columns: 231px 1fr;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G {
  border-right: 1px solid #e6e7e9;
  padding: 10px 4px 10px 24px;
  overflow: hidden;
  display: flex;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh {
  flex: 1;
  overflow: auto;
  padding-right: 12px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh::-webkit-scrollbar {
  width: 4px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionTitle_CyTC4 {
  height: 44px;
  font-size: 16px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionTitle_CyTC4 .addBox_ULByd {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid #dbdbde;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionTitle_CyTC4 .addBox_ULByd.noAdd_2pDAt {
  background-color: #ffffff;
  border: 1px solid #dbdbde;
  color: #c3c4c9;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionRow_oY403 {
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  padding-left: 16px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionRow_oY403.active_PJtbv {
  background-color: #eaf1fc;
  color: #2e73e5;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO {
  padding: 20px 8px 24px 0px;
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr 40px;
  grid-gap: 24px;
  gap: 24px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-right: 32px;
  padding-left: 20px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5::-webkit-scrollbar {
  width: 4px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG {
  width: 100%;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG {
  line-height: 22px;
  margin-bottom: 8px;
  font-size: 14px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG.titleOptionContainer_xjaAN {
  display: flex;
  align-items: center;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG.inError_qSzEk {
  margin-bottom: 0;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG .star_SGG4Q {
  color: #fe5250;
  margin-right: 8px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG .addOptionContainer_s9-s2 {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--upime-active);
  cursor: pointer;
  height: 26px;
  padding: 0 8px;
  border-radius: 2px;
  transition: all 0.15s;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG .addOptionContainer_s9-s2.inError_qSzEk {
  border: 1px solid #fe5250;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG .addOptionContainer_s9-s2:hover {
  background-color: #f5f6f6;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propError_fLnTJ {
  font-size: 12px;
  line-height: 20px;
  margin-top: 2px;
  color: #fe5250;
  margin-bottom: 8px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm {
  position: relative;
  width: 100%;
  height: 44px;
  overflow: hidden;
  display: flex;
  padding-right: 12px;
  border: 1px solid #ececee;
  border-radius: 4px;
  background-color: white;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm.inputDisabled_OyA-c {
  background-color: #f5f6f6;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .input_Zd-Cw {
  flex: 1;
  height: 100%;
  outline: none;
  border: none;
  padding-left: 8px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .input_Zd-Cw[disabled] {
  color: #c2c3c8;
  background-color: #f5f6f6;
  cursor: not-allowed;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .input_Zd-Cw::-moz-placeholder {
  color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .input_Zd-Cw::placeholder {
  color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .inputControl_g26mV {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-shrink: 0;
  color: #91939c;
  gap: 8px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .inputControl_g26mV .clearIcon_upLrn {
  color: #c2c3c8;
  cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm.focus_y5lfg {
  border: 1px solid #2e73e5;
  border-radius: 4px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm.inError_qSzEk {
  border: 1px solid #fe5250;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputErrmsg_hGkAi {
  height: 24px;
  line-height: 20px;
  padding-top: 2px;
  color: #fe5250;
  font-size: 12px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd {
  position: relative;
  width: 100%;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 12px;
  color: #0c1024;
  cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd.selectorDisabled_CcQ2Q {
  cursor: not-allowed;
  background-color: #f5f6f6;
  color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .icon_NI7s9 {
  transform: rotate(270deg);
  color: #616371;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .icon_NI7s9.open_cbGvg {
  transform: rotate(90deg);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .icon_NI7s9 svg {
  display: block;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .okIcon_o78NU {
  color: var(--upime-active);
  margin-left: auto;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .selectOptionContainer_mtJVh {
  position: absolute;
  left: -1px;
  right: -1px;
  top: calc(100% + 4px);
  padding: 8px 0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .selectOptionContainer_mtJVh .selectOptionRow_MvyEQ {
  width: 100%;
  height: 40px;
  background-color: #eaf1fc;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  color: #0c1024;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 {
  width: 100%;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB {
  margin-bottom: 10px;
  font-size: 14px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB:last-child {
  margin-bottom: 0;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opRowInner_MWZOb {
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: 12px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .colorSelector_lepQl {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 2px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO {
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e6e7e9;
  padding: 0 12px;
  color: #0c1024;
  flex: 1;
  height: 38px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO:focus {
  border: 1px solid #2e73e5;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO::-moz-placeholder {
  color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO::placeholder {
  color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO.opInputContainerDisabled_naobb {
  background-color: #f5f6f6;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .closeIcon_KBkjk {
  color: #979797;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .closeIcon_KBkjk:hover {
  background-color: #ececee;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .closeIcon_KBkjk.closeDisabled_9S3ek:hover {
  background-color: transparent;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .disabled_WUaTt .colorSelector_lepQl {
  cursor: not-allowed;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .disabled_WUaTt .opInputContainer_Dz7xO {
  color: #c2c3c8;
  cursor: not-allowed;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .disabled_WUaTt .closeIcon_KBkjk {
  color: #d8d8d8;
  cursor: default;
  cursor: not-allowed;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .inError_qSzEk .opInputContainer_Dz7xO {
  border: 1px solid #fe5250;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .hasErrmsg_arX27 {
  margin-bottom: 0px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .errmsgContainer_NZ7kH {
  line-height: 20px;
  color: #fe5250;
  font-size: 12px;
  margin-bottom: 6px;
  margin-top: 2px;
  padding-left: 40px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-left: 16px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrSaveBt_hrIOE {
  width: 72px;
  height: 40px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: white;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrSaveBt_hrIOE.disabled_WUaTt {
  background-color: #abc7f5;
  cursor: default;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrSaveBt_hrIOE.disabled_WUaTt:hover {
  background-color: #abc7f5;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrSaveBt_hrIOE:hover {
  background-color: #5798f2;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrCancelBt_Obj-j {
  width: 72px;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e6e7e9;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  color: #0c1024;
  cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .actionTipContainer_8Nd5X {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #7eca59;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .actionTipContainer_8Nd5X .content_2-Xbx {
  color: #91939c;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .deleteContent_Wp3kl {
  color: #616371;
  font-size: 14px;
  line-height: 30px;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s;
  margin-left: auto;
  margin-right: 30px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .deleteContent_Wp3kl:hover {
  background-color: #f5f6f6;
  color: #fe5250;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .emptyContainer_gaf5K {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #91939c;
  gap: 26px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .emptyContainer_gaf5K img {
  width: 120px;
}
.colorPaletteContainer_OJpq3 {
  position: fixed;
  z-index: 1000;
  background-color: white;
  box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px;
  overflow: hidden;
  transform: translateY(4px);
}
.colorItem_44PRW {
  position: relative;
}
.colorItem_44PRW::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  opacity: 0.3;
  border-radius: 4px;
  pointer-events: none;
}
.do-hovers .kanbanOptionRow_oY403:hover {
  background-color: #f5f6f6;
}
.do-hovers .hoverContainer_dlG4-:hover {
  background: rgba(0, 0, 0, 0.06);
}

.option_list_wNIqt {
  padding: 12px 16px;
}
.option_item_gtIr5 {
  width: 144px;
  height: 32px;
  display: flex;
  align-items: center;
}
.option_item_gtIr5:not(:first-child) {
  margin-top: 4px;
}
.option_item_gtIr5.active_NHxvs {
  color: #2E73E5;
}
.option_icon_mXZY- {
  font-size: 20px;
  flex-shrink: 0;
}
.option_text_dQRx8 {
  width: 100%;
  margin-left: 8px;
  font-size: 14px;
  line-height: 20px;
}
.select_icon_JWgWq {
  font-size: 18px;
  flex-shrink: 0;
}
.node_menu_lKkP0 {
  position: absolute;
  border-radius: 4px;
}
.node_menu_lKkP0 .split_line_aIJ3- {
  width: 100%;
  height: 1px;
  background: #E6E7E9;
}
.node_menu_lKkP0.add_J8f29 {
  padding: 16px 12px;
}
.node_menu_lKkP0.add_J8f29 .btn_group_AuskO {
  width: 198px;
}
.node_menu_lKkP0.add_J8f29 .btn_group_AuskO:not(:first-child) {
  margin-top: 16px;
}
.node_menu_lKkP0.add_J8f29 .type_9YiD8 {
  height: 22px;
  line-height: 22px;
  padding-left: 12px;
  font-size: 12px;
  color: #91939C;
  margin-bottom: 4px;
}
.node_menu_lKkP0.add_J8f29 .btns_5UGrA {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.node_menu_lKkP0.add_J8f29 .btn_pZTfz {
  color: #0C1024;
  width: 30px;
  height: 30px;
  display: flex;
  cursor: pointer;
}
.node_menu_lKkP0.add_J8f29 .btn_pZTfz .btn_icon_aZvA5 {
  margin: auto;
}
.node_menu_lKkP0.add_J8f29 .btn_icon_aZvA5 {
  font-size: 20px;
  pointer-events: none;
}
.node_menu_lKkP0.add_J8f29 .btn_bar_T81cZ {
  margin-top: 4px;
  height: 36px;
  color: #0C1024;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.node_menu_lKkP0.add_J8f29 .btn_name_GZ344 {
  margin-left: 4px;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
}
.node_type_select_RhNEP {
  padding: 12px;
}
.node_type_select_RhNEP .types_CNXEJ {
  width: 160px;
  height: 64px;
  display: flex;
  flex-wrap: wrap;
  padding-left: 8px;
}
.node_type_select_RhNEP .type_9YiD8 {
  display: flex;
  width: 30px;
  height: 30px;
  margin-bottom: 4px;
  margin-right: 8px;
  cursor: pointer;
}
.node_type_select_RhNEP .type_9YiD8 .type_icon_NLbNp {
  margin: auto;
  font-size: 20px;
}
.node_type_select_RhNEP .type_9YiD8.selected_LOxXU {
  background: #EAF1FC !important;
}
.node_type_select_RhNEP .type_9YiD8.selected_LOxXU {
  color: #2E73E5;
  border-radius: 2px;
}
.node_align_btn_CEwo5 {
  width: 100%;
  height: 52px;
  padding: 16px 20px;
  color: #0C1024;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.align_option_bMLqI {
  padding: 8px;
  height: 36px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.align_option_bMLqI.disabled_9SvNr {
  color: #C2C3C8;
  pointer-events: none;
}
.align_option_bMLqI:not(:first-child) {
  margin-top: 4px;
}
.align_option_bMLqI .right_icon_BcvEf {
  display: none;
}
.align_option_bMLqI.selected_LOxXU {
  color: #2E73E5;
}
.align_option_bMLqI.selected_LOxXU .right_icon_BcvEf {
  display: inline;
  display: initial;
}
.node_align_btn_CEwo5 .icon_JSpIk,
.align_option_bMLqI .icon_JSpIk {
  font-size: 20px;
  flex-shrink: 0;
}
.node_align_btn_CEwo5 .text_lM77E,
.align_option_bMLqI .text_lM77E {
  margin-left: 8px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.node_align_btn_CEwo5 .right_icon_BcvEf,
.align_option_bMLqI .right_icon_BcvEf {
  font-size: 16px;
  flex-shrink: 0;
}
.align_option_group_JBrBw {
  padding: 8px 12px;
}
.node_align_menu_rhji0 {
  width: 184px;
}
.do-hovers .hover_style_G9w8N:hover {
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.06);
}

.textSeqMenu_fvzx0 {
  position: absolute;
  padding: 8px 0;
}
.btnGroup_CKM0T {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  color: #0C1024;
  cursor: pointer;
  gap: 8px;
}
.btnGroup_CKM0T .icon_cTLAo {
  width: 20px;
  height: 20px;
  display: flex;
}
.btnGroup_CKM0T .icon_cTLAo svg {
  font-size: 20px;
  margin: auto;
}
.btnGroup_CKM0T .content_rlEuW {
  line-height: 22px;
  text-align: center;
  font-size: 14px;
}
.do-hovers .btnGroup_CKM0T:hover {
  background: rgba(0, 0, 0, 0.06);
}

.webviewer_border_4e7vC {
  position: absolute;
  background-color: white;
}
.webviewer_border_4e7vC .commentIcon_rWFz7 {
  position: absolute;
  padding-left: 5px;
  top: 24px;
  right: 0;
  width: 68px;
  height: 56px;
  border-radius: 40px 0 0 40px;
  border: 2px solid #dbdbde;
  background: #fff;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  pointer-events: auto;
  transform: scale(0.8);
  transform-origin: top right;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webviewer_iframe_M5vJs {
  pointer-events: all;
  border: none;
  outline: none;
  margin: 0;
}
.webviewer_iframe_M5vJs.no_pointer_event_pFNcr {
  pointer-events: none;
}
.tipContainer_sjCmR {
  position: fixed;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  z-index: 200;
}
.tipContainer_sjCmR .tip_OoaQC {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
  padding: 13.6px;
  height: 57.8px;
  border-radius: 3.4px;
  background-color: #000;
  color: #fff;
  font-size: 20.4px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.tipContainer_sjCmR .tip_OoaQC::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: 10.2px solid transparent;
  border-top-color: #000;
  transform: translateX(-50%);
}

.container_tVLcJ {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  z-index: 200;
}
.container_tVLcJ .iconContainer_qwEte {
  position: absolute;
  padding-left: 5px;
  top: 20px;
  right: 0;
  width: 68px;
  height: 56px;
  border-radius: 40px 0 0 40px;
  border: 2px solid #dbdbde;
  background: #fff;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  pointer-events: auto;
  transform: scale(0.8);
  transform-origin: top right;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fullScreenViewerFC_RB-Et {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
  pointer-events: auto;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), rgba(0, 0, 0, 0.45);
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.fullScreenViewerFC_RB-Et.visible_ydyNa .content_qoxdG,
.fullScreenViewerFC_RB-Et.visible_ydyNa .top_aHde0 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}
.fullScreenViewerFC_RB-Et .content_qoxdG,
.fullScreenViewerFC_RB-Et .top_aHde0 {
  opacity: 0;
  visibility: hidden;
}
.fullScreenViewerFC_RB-Et .top_aHde0 {
  flex: none;
  display: flex;
  height: 44px;
  justify-content: space-between;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .name_Vv-hN {
  display: flex;
  height: 44px;
  padding: 6px 12px;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #fff;
  color: #0c1024;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: 400px;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .name_Vv-hN .text_8Htiy {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .name_Vv-hN .icon_an7GV {
  width: 24px;
  height: 24px;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .closeButton_fuONU {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #bbb;
  cursor: pointer;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .closeButton_fuONU.disabled_jVqMH {
  color: #91939c;
  cursor: auto;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .closeButton_fuONU.disabled_jVqMH:hover {
  background: #bbb;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .closeButton_fuONU:hover {
  background: #ddd;
}
.fullScreenViewerFC_RB-Et .content_qoxdG {
  flex: auto;
  border-radius: 8px;
  overflow: hidden;
}
.fullScreenViewerMobile_2uuO4 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  background-color: #fff;
}
.fullScreenViewerMobile_2uuO4 .top_aHde0 {
  flex: none;
  display: flex;
  align-items: center;
  height: 44px;
  color: #0c1024;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.fullScreenViewerMobile_2uuO4 .top_aHde0.disabled_jVqMH {
  color: #91939c;
}
.fullScreenViewerMobile_2uuO4 .top_aHde0 .icon_an7GV {
  margin: 0 12px;
}
.fullScreenViewerMobile_2uuO4 .content_qoxdG {
  flex: auto;
  overflow: hidden;
}
.fullScreenViewerMobile_2uuO4 .followTip_V52wI {
  position: fixed;
  right: 8px;
  left: 8px;
  top: 52px;
  display: flex;
  justify-content: space-between;
  min-height: 56px;
  padding: 10px 0 10px 16px;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background: #000;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.fullScreenViewerMobile_2uuO4 .followTip_V52wI .iconWrapper_mVs7w {
  padding: 10px;
  display: flex;
}

.quick_add_wrapper_2JDzU {
  position: fixed;
  pointer-events: all;
  font-size: 14px;
  overflow: hidden;
  left: 0;
  top: 0;
  box-shadow: 0px 2px 20px 0px rgba(70, 92, 220, 0.08);
  border: 1.2px solid #cc60ff;
  background: linear-gradient(206deg, #e4f0ff 4.86%, #f8f2fe 52.18%, #eaf0f8 89.69%);
  border-radius: 8px;
}
.quick_add_picker_gojlF {
  width: 100%;
  height: 100%;
  padding: 12px;
  color: #0c1024;
}
.quick_add_picker_gojlF .label_row_avgYk {
  line-height: 22px;
  margin-bottom: 12px;
}
.quick_add_picker_gojlF .tab_list_4KJsO {
  border-radius: 8px;
  overflow: hidden;
}
.quick_add_picker_gojlF .tab_list_4KJsO .tab_item_vgdxU {
  height: 36px;
  width: 100%;
  background-color: white;
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  cursor: pointer;
}
.do-hovers .tab_item_vgdxU:hover {
  background-color: #f0f0f0;
}
.quickAddTipContainer_izewY {
  background: white;
  width: -moz-max-content;
  width: max-content;
  color: #0c1024;
  max-width: 240px;
  font-size: 12px;
}
.quickAddTipContainer_izewY .quickAddTipRow_7I8E3 {
  display: flex;
  align-items: center;
  gap: 2px;
}
.quickAddTipContainer_izewY .quickAddTipRow_7I8E3 b {
  flex-shrink: 0;
}
.ai_config_wrapper_I4oRe {
  position: fixed;
  pointer-events: all;
  font-size: 14px;
  left: 0;
  top: 0;
  box-shadow: 0px 2px 20px 0px rgba(70, 92, 220, 0.08);
  border-radius: 4px;
}
.ai_config_core_VFDch {
  min-width: 220px;
  background: white;
  padding: 8px 0;
  border-radius: 4px;
}
.ai_config_core_VFDch .useNetworkRow_ZNoZs {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 6px;
}
.ai_config_core_VFDch .useNetworkRow_ZNoZs .networkLabel_BNHA5 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  align-items: center;
}
.ai_config_core_VFDch .useNetworkRow_ZNoZs .sub_o6C5G {
  color: #91939c;
  padding-left: 4px;
  font-size: 12px;
}
.ai_config_core_VFDch .divider_VQpSa {
  height: 1px;
  background-color: #e6e7e9;
  margin: 8px 0;
}
.ai_config_core_VFDch .btContainer_MP7wt {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.ai_config_core_VFDch .btWrapper_pq4U- {
  position: relative;
}
.ai_config_core_VFDch .hoverTipContainer_ebosL {
  position: absolute;
  left: 50%;
  top: calc(100% + 8px);
  transform: translateX(-50%);
  background-color: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.ai_config_core_VFDch .hoverTipContainer_ebosL::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: white;
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  left: 50%;
  top: -4px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.dataModalBox_QhG54 {
  width: 480px;
  min-height: 170px;
  max-height: calc(100vh - 80px);
  border-radius: 12px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #0c1024;
}
.dataModalBox_QhG54 .modalHead_pChsi {
  padding: 20px 24px 20px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  flex-shrink: 0;
}
.dataModalBox_QhG54 .modalHead_pChsi .closeIconContainer_Qw2yA {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
}
.dataModalBox_QhG54 .modalContent_E9hLt {
  flex: 1;
  padding: 0 2px 12px 40px;
  overflow: hidden;
  display: flex;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 {
  padding-right: 38px;
  flex: 1;
  overflow: auto;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .emptyContainer_diTck {
  padding: 40px 0 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #c2c3c8;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .emptyContainer_diTck img {
  height: 160px;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v {
  height: 44px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  margin-bottom: 8px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  cursor: pointer;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v:last-child {
  margin-bottom: 0;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v .logoContainer_IPLws {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background-color: #f8f7f1;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v .logo_ukyoc {
  width: 28px;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v .label_Jv4v5 {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v .selectedIcon_23jeV {
  color: #2e73e5;
  margin-left: 4px;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v.selectedRow_Fzjvs {
  background-color: #eaf1fc;
  border: 1px solid transparent;
}
.dataModalBox_QhG54 .actionsRow_sZeir {
  flex-shrink: 0;
  display: flex;
  gap: 12px;
  padding: 12px 40px 24px;
  align-items: center;
}
.dataModalBox_QhG54 .actionsRow_sZeir .actionTip_EOVAO {
  color: #424454;
  margin-right: auto;
}
.dataModalBoxDrawer_DkBkY {
  width: 100%;
  max-height: calc(100vh - 98px);
  padding-bottom: 34px;
  overflow: hidden;
  position: relative;
  top: auto;
  top: initial;
  left: auto;
  left: initial;
  transform: none;
  transform: initial;
}
.dataModalBoxDrawer_DkBkY .modalHead_pChsi {
  padding: 16px 4px 16px 16px;
  font-size: 18px;
  height: 58px;
}
.dataModalBoxDrawer_DkBkY .modalContent_E9hLt {
  padding: 8px 16px 0;
}
.dataModalBoxDrawer_DkBkY .modalContent_E9hLt .modalInner_UWXb2 {
  padding-right: 0;
  padding-bottom: 16px;
}
.dataModalBoxDrawer_DkBkY .modalContent_E9hLt .modalInner_UWXb2 .emptyContainer_diTck {
  padding: 16px 16px 0 16px;
}
.dataModalBoxDrawer_DkBkY .modalContent_E9hLt .modalInner_UWXb2 .emptyContainer_diTck img {
  height: 100px;
}
.dataModalBoxDrawer_DkBkY .actionsRow_sZeir {
  padding: 8px 16px;
  border-top: 1px solid #e6e7e9;
}
.do-hovers .hoverContainer_shYHV {
  cursor: pointer;
}
.do-hovers .hoverContainer_shYHV:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .datasetRow_c9R7v:hover {
  background-color: #eaf1fc;
}
.tipContainer_y7YRj {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tipIcon_C0VQ4 {
  width: 16px;
  height: 16px;
  color: #91939c;
}

.toolWrapper_JlEsG {
  position: absolute;
  left: 51px;
  box-shadow: 0 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px;
}
.toolWrapper_JlEsG.toolWrapperHorizMode_cnIoW {
  left: 0;
  bottom: calc(100% + 10px);
  transform: translateX(calc(-50% + 20px));
}
.toolWrapper_JlEsG.hide_6u1-H {
  opacity: 0;
}

.rootWrapper_adZBD {
  overflow-y: auto;
  overflow-x: hidden;
}
.rootWrapper_adZBD::-webkit-scrollbar {
  width: 4px;
}
.rootWrapper_adZBD::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.rootWrapper_adZBD::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.root_HJkpv {
  display: flex;
  flex-direction: column;
}
.root_HJkpv.defaultRect_njoO9 {
  padding: 8px 0;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  min-height: 60px;
  width: 220px;
}
.root_HJkpv.defaultRect_njoO9 .item_ut4WN {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0 20px;
  align-items: center;
  color: var(--upime-main-text);
  height: 44px;
  cursor: pointer;
}
.root_HJkpv.defaultRect_njoO9 .item_ut4WN .itemIconWrap_j5vxE {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  position: relative;
}
.root_HJkpv.defaultRect_njoO9 .item_ut4WN.disable_j4EFk {
  pointer-events: none;
  color: #d8d8d8;
  cursor: inherit;
}
.root_HJkpv.defaultRect_njoO9 .item_ut4WN > svg {
  width: 24px;
  height: 24px;
}
.root_HJkpv.defaultRect_njoO9 .item_ut4WN > span {
  margin-left: 3px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
}
.root_HJkpv.panelItem_ZfwlT {
  display: block;
}
.do-hovers .defaultRect_njoO9 .item_ut4WN:hover > svg,
.do-hovers .defaultRect_njoO9 .item_ut4WN:hover span {
  color: var(--upime-active);
}
.shortcutrow_E-Lo3 {
  display: flex;
  align-items: center;
}
.shortcutBox_CYrJw {
  min-width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid #91939c;
  color: #91939c;
  margin-left: auto;
  font-size: 10px;
}
.bsCollapsedItemsContainer_6wE-I {
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
}
.bsCollapsedItemsContainer_6wE-I::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  height: 1px;
  bottom: 0;
  background-color: #e6e7e9;
}

.toolCornerBadgeWrap_R1yTD {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  z-index: 5;
}
.toolCornerBadgeWrap_R1yTD .iconCornerBadge_dI5pX {
  width: 100%;
  height: 100%;
}
.toolCornerBadgeWrap_R1yTD .imageCornerBadge_6ANWj {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.guideWrapper_d87KD {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.guideContainer_rZ8gC {
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  background: rgba(46, 115, 229, 0.12);
  z-index: 200;
  border-radius: 50%;
  padding: 4px;
  animation: infinite shine_m-Rr2 2s linear;
  pointer-events: none;
}
.guideContainer_rZ8gC.rectPin_-erq1 {
  border-radius: 4px;
}
.guideContainer_rZ8gC.rectPin_-erq1 .guideInner_C27sO {
  border-radius: 4px;
}
.guideContainer_rZ8gC.noPin_hkThf {
  opacity: 0;
}
.guideContainer_rZ8gC .guideInner_C27sO {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(46, 115, 229, 0.12);
}
@keyframes shine_m-Rr2 {
  from {
    background: rgba(46, 115, 229, 0.12);
  }
  50% {
    background: rgba(46, 115, 229, 0);
  }
  to {
    background: rgba(46, 115, 229, 0.12);
  }
}
.guidePannel_-MTUG {
  position: fixed;
  display: flex;
  width: 292px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.65);
  background: black;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  z-index: 99;
}
.guidePannel_-MTUG.lightTheme_T7WPd {
  background: #fff;
  border: none;
}
.guidePannel_-MTUG.lightTheme_T7WPd .guideTitle_iuh6P {
  color: #0c1024;
}
.guidePannel_-MTUG.lightTheme_T7WPd .guideDesc_X-elD {
  color: #424454;
}
.guidePannel_-MTUG.tansY_FBe4s {
  transform: translateY(-50%);
}
.guidePannel_-MTUG.transX_4oJNO {
  transform: translateX(-50%);
}
.guidePannel_-MTUG .guideTitle_iuh6P {
  max-width: 228px;
  color: white;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  word-break: break-word;
}
.guidePannel_-MTUG .videoContainer_dXj8r {
  width: 100%;
  background-color: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  overflow: hidden;
}
.guidePannel_-MTUG .videoContainer_dXj8r video {
  width: 100%;
  display: block;
}
.guidePannel_-MTUG .img_r-B-L {
  display: block;
  width: 100%;
  height: 195px;
  background-color: #f0f0f0;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.guidePannel_-MTUG .guideDesc_X-elD {
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  line-height: 22px;
}
.guidePannel_-MTUG .footContainer_DQD2r {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.guidePannel_-MTUG .footContainer_DQD2r .extraInfo_bZDu- {
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  line-height: 22px;
}
.guidePannel_-MTUG .footContainer_DQD2r .btInner_Ewh9T {
  padding: 0 8px;
}
.guidePannel_-MTUG .close_ZdWQa {
  position: absolute;
  top: 17px;
  right: 12px;
  display: flex;
  padding: 4px;
  border-radius: 2px;
  cursor: pointer;
}
.guidePannel_-MTUG .close_ZdWQa:hover {
  background: rgba(0, 0, 0, 0.06);
}
.pinContaienr_0f5u- {
  position: fixed;
  z-index: 99;
  pointer-events: none;
}
.pinContaienr_0f5u-.lightTheme_T7WPd .ball_zVVPl {
  background-color: #2e73e5;
}
.pinContaienr_0f5u-.lightTheme_T7WPd .ball_zVVPl .line_uYD-9 {
  background-color: #2e73e5;
}
.pinContaienr_0f5u- .ball_zVVPl {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: black;
  position: absolute;
}
.pinContaienr_0f5u- .ball_zVVPl.atRight_WlZbR {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.pinContaienr_0f5u- .ball_zVVPl.atLeft_L-Ivn {
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.pinContaienr_0f5u- .ball_zVVPl.atTop_EaZ8E {
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
}
.pinContaienr_0f5u- .ball_zVVPl.atBottom_uBZss {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.pinContaienr_0f5u- .line_uYD-9 {
  background-color: black;
  position: absolute;
  z-index: 0;
}
.pinContaienr_0f5u- .line_uYD-9.atRight_WlZbR {
  width: 70px;
  height: 2px;
  left: 10px;
  top: 4px;
}
.pinContaienr_0f5u- .line_uYD-9.atTop_EaZ8E {
  width: 2px;
  height: 70px;
  left: 4px;
  bottom: 10px;
}
.pinContaienr_0f5u- .line_uYD-9.atBottom_uBZss {
  width: 2px;
  height: 80px;
  left: 4px;
  top: 10px;
}
.pinContaienr_0f5u- .line_uYD-9.atLeft_L-Ivn {
  width: 70px;
  height: 2px;
  right: 0;
  top: 4px;
}
.okButton_xTCOM {
  padding: 6px 8px;
}

.toolBox_Ud6XO {
  width: 340px;
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.toolBox_Ud6XO .boxHead_ovNvI {
  padding: 16px;
  border-bottom: 1px solid #dbdbde;
  flex-shrink: 0;
}
.toolBox_Ud6XO .boxHead_ovNvI .boxHeadTitle_hJm58 {
  color: #0c1024;
  font-size: 18px;
  line-height: 26px;
}
.toolBox_Ud6XO .boxHead_ovNvI .boxHeadTip_xUSfH {
  color: #91939c;
  font-size: 14px;
  line-height: 22px;
}
.toolBox_Ud6XO .boxContent_C1bxh {
  flex: 1;
  padding: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}
.toolBox_Ud6XO .boxContent_C1bxh::-webkit-scrollbar {
  width: 4px;
}
.toolBox_Ud6XO .boxContent_C1bxh::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.toolBox_Ud6XO .boxContent_C1bxh::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.toolBox_Ud6XO .boxContent_C1bxh.noScroll_EvJYJ {
  overflow-y: hidden;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w {
  border-bottom: 1px solid #dbdbde;
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
  transition: all 0.15s;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w.horiz_lTAk6 {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w.toolBoxPart_iZsXU {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0 10px;
  align-items: center;
  color: var(--upime-main-text);
  height: 44px;
  cursor: pointer;
  border-radius: 4px;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .itemIconWrap_3n01t {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  position: relative;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO.disable_SPpK1 {
  pointer-events: none;
  color: #d8d8d8;
  cursor: inherit;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO > svg {
  width: 24px;
  height: 24px;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO > span {
  margin-left: 3px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 400;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tudingContainer_Vzicf {
  margin-left: auto;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tuding_8CGiK {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #616371;
  transition: all 0.15s;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tuding_8CGiK.pinned_xpBqZ {
  color: var(--upime-active);
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tuding_8CGiK:hover {
  color: #2e73e5;
  background-color: rgba(46, 115, 229, 0.1);
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tuding_8CGiK.showInHover_umo15 {
  display: none;
}
.appContainer_kr5dJ {
  margin-top: 12px;
  border-top: 1px solid #dbdbde;
  padding-top: 12px;
}
.emptyContainer_DDRkI {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  border-radius: 4px;
  border: 1px dashed #91939c;
  color: #303445;
  font-size: 14px;
  margin: 20px 0 8px;
}
.dragableWrapper_cy2aZ {
  position: absolute;
  left: 0;
  right: 0;
}
.dragableWrapper_cy2aZ.ani_L5-uj {
  transition: all 0.15s;
}
.do-hovers .toolBarInBox_opU2w .item_UVPPO:hover {
  background: rgba(0, 0, 0, 0.06);
}
.do-hovers .toolBarInBox_opU2w .item_UVPPO:hover .tuding_8CGiK {
  display: flex !important;
}

.latestUsedToolWrap_dRQGr {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.divider_5X-P6 {
  margin: 8px 0;
  width: 24px;
  height: 1px;
  background-color: #e6e7e9;
}
.childrenWrap_QzxBV {
  width: 38px;
  height: 38px;
  position: relative;
}

.rootBox_6YtPW {
  position: absolute;
  padding: 12px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.rootBox_6YtPW .coverBox_Zb3oD {
  width: 224px;
  height: 126px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
}
.rootBox_6YtPW .coverBox_Zb3oD .bofangBox_8ubNJ {
  width: 48px;
  height: 48px;
  border-radius: 60px;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
}
.rootBox_6YtPW .coverBox_Zb3oD .bofangBox_8ubNJ > svg {
  font-size: 28px;
  color: #fff;
}
.rootBox_6YtPW .coverBox_Zb3oD .iconBox_or3Df {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 12px;
  right: 12px;
  background-color: rgba(0, 0, 0, 0.06);
  padding: 8px;
}
.rootBox_6YtPW .coverBox_Zb3oD .iconBox_or3Df > svg {
  font-size: 16px;
}
.rootBox_6YtPW .descBox_Yq723 {
  margin-top: 12px;
  font-size: 14px;
  color: #0c1024;
}
.modalBox_-1LWa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 12px;
  width: 800px;
}
.modalBox_-1LWa .header_37U-Q {
  padding: 12px 16px 12px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6e7e9;
}
.modalBox_-1LWa .header_37U-Q .name_LwwS8 {
  font-size: 20px;
  font-weight: 600;
  color: #0c1024;
}
.modalBox_-1LWa .header_37U-Q .iconBox_or3Df {
  padding: 12px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-content: center;
  justify-content: center;
  place-content: center;
}
.modalBox_-1LWa .header_37U-Q .iconBox_or3Df svg {
  font-size: 20px;
}
.modalBox_-1LWa .header_37U-Q .iconBox_or3Df:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.modalBox_-1LWa .body_zcAC8 {
  padding: 24px;
}
.modalBox_-1LWa .body_zcAC8 video {
  border-radius: 4px;
  width: 100%;
}

.dataset_wrapper_IVUMn {
  position: fixed;
  pointer-events: all;
  font-size: 14px;
  left: 0;
  top: 0;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.datasetContainer_RkmWA {
  width: 265px;
  background-color: white;
  border-radius: 4px;
  padding-right: 2px;
  padding-bottom: 8px;
}
.datasetContainer_RkmWA .datasetHead_IMHWT {
  padding: 12px 14px 12px 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #0c1024;
}
.datasetContainer_RkmWA .datasetHead_IMHWT .label_lFJ6d {
  flex: 1;
  overflow: hidden;
  word-break: break-all;
}
.datasetContainer_RkmWA .datasetHead_IMHWT .iconContainer_SyEIT {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.datasetContainer_RkmWA .datasetList_o-4FB {
  max-height: 320px;
  overflow: auto;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz {
  display: flex;
  padding: 6px 12px 6px 16px;
  align-items: center;
  gap: 8px;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz .dsLogoContainer_y7Nru {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background-color: #f8f7f1;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz .dsLogoContainer_y7Nru .dsLogo_CUgHo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz .label_lFJ6d {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz .deleteContainer_zO8Tq {
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fe5250;
  display: none;
  margin-left: auto;
  border-radius: 4px;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz.selected_kVzHt {
  background-color: rgba(0, 0, 0, 0.06);
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz.selected_kVzHt .deleteContainer_zO8Tq {
  display: flex;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz.disabled_kc6iD .label_lFJ6d {
  color: #c2c3c8;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz.disabled_kc6iD .dsLogoContainer_y7Nru {
  opacity: 0.5;
}
.do-hovers .hoverContainer_PmOrU:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .dsRow_tqcXz:hover .deleteContainer_zO8Tq {
  display: flex;
}
.skeletonContainer_UGYJp {
  width: 100%;
  height: 40px;
  padding: 6px 12px 6px 16px;
}
.skeletonContainer_UGYJp .skeInner_XHiP1 {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading_4-LH6 1.4s ease infinite;
}
@keyframes skeleton-loading_4-LH6 {
  from {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}

.dialogWrapper_LsGln {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 10px 20px;
  background-color: #FFFFFF;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 8px;
  pointer-events: auto;
}
.dialogWrapper_LsGln .left_T4-Ou {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.dialogWrapper_LsGln .left_T4-Ou .title_JBpdf {
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.dialogWrapper_LsGln .left_T4-Ou .desc_OaseE {
  color: #91939C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.dialogWrapper_LsGln .right_gMdaq {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.dialogWrapper_LsGln .right_gMdaq .commBtn_f-ujk {
  display: inline-block;
  font-size: 14px;
  width: auto;
  height: 36px;
  padding: 0 8px;
  box-sizing: border-box;
  border-radius: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  box-shadow: none;
}
.dialogWrapper_LsGln .right_gMdaq .sureBtn_7wPiD {
  color: #FFFFFF;
  border: 1px solid #2E73E5;
  background-color: #2E73E5;
  min-width: 60px;
}
.dialogWrapper_LsGln .right_gMdaq .sureBtn_7wPiD.disabled_yHYRp {
  color: rgba(255, 255, 255, 0.45);
  background-color: #7EACEF;
  border-color: #7EACEF;
  cursor: not-allowed;
}
.dialogWrapper_LsGln .right_gMdaq .cancelBtn_tV9FM {
  color: #0C1024;
  border: 1px solid #E6E7E9;
  background-color: #FFFFFF;
  min-width: 60px;
}
.do-hovers .sureBtn_7wPiD:not(.disabled_yHYRp):hover {
  background-color: #455beb;
  border-color: #455beb;
}
.do-hovers .cancelBtn_tV9FM:hover {
  background-color: #f9f9f9;
}
.do-hovers .close_PnY8d:hover {
  color: var(--upime-active);
}

.rootWrap_g1OY2 {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  border-radius: 4px;
  background-color: #000;
  pointer-events: all;
}
.leftWrap_qrBob {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.leftWrap_qrBob .loadingIcon_yNiv- {
  width: 20px;
  height: 20px;
  color: #fff;
  animation: loading_oHRjW 1.5s linear infinite forwards;
}
.leftWrap_qrBob .preparingTip_1GcXn {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.divider_p1x1U {
  width: 1px;
  height: 20px;
  background: #d9d9d9;
}
.rightWrap_7RhR- .cancelBtn_o-4YB {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}
@keyframes loading_oHRjW {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.rootWrap_q1xzj {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  border-radius: 4px;
  background-color: #000;
  pointer-events: all;
}
.leftWrap_P6DNp {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.leftWrap_P6DNp .loadingIcon_GokrB {
  width: 20px;
  height: 20px;
  color: #fff;
  animation: loading_3HCDz 1.5s linear infinite forwards;
}
.leftWrap_P6DNp .preparingTip_8zCGj,
.leftWrap_P6DNp .progress_LylkX {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.divider_k7AsL {
  width: 1px;
  height: 20px;
  background: #d9d9d9;
}
.rightWrap_4qR0y .cancelBtn_437HL {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}
@keyframes loading_3HCDz {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.rootWrap_l-3Lh {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  border-radius: 4px;
  background-color: #000;
  pointer-events: all;
}
.leftWrap_wvpxG {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.leftWrap_wvpxG .loadingIcon_PMNa- {
  width: 20px;
  height: 20px;
  color: #fff;
  animation: loading_jSimg 1.5s linear infinite forwards;
}
.leftWrap_wvpxG .preparingTip_GNMih {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.divider_bDuE9 {
  width: 1px;
  height: 20px;
  background: #d9d9d9;
}
.rightWrap_ksZIv .cancelBtn_UzgBN {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}
@keyframes loading_jSimg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

:root {
  --upime-btn-bg-active: #090909;
  --upime-btn-bg-hover: #F5F6F6;
  --upime-tip: #fff;
  --upime-tip-bg: #000;
  --upime-pane-bg: #ffffff;
  --upime-active: #2E73E5;
  --upime-danger: #fe5250;
  --upime-disable: #C2C3C8;
  --upime-main-text: #0C1024;
  --upime-second-text: #91939C;
  --upime-third-text: #616371;
  --upime-avatar-bg: #E6E7E9;
  --upime-scrollbar-thumb: #C2C3C8;
  --upime-divider-bg: #DBDBDE;
  --upime-input-invalid: #fe5350;
  --upime-input-border: #2e74e5;
  --upime-primary-btn-hover-bg: #5798F2;
  --upime-primary-btn-active-bg: #1D56BF;
  --upime-primary-btn-disabled-bg: #abc7f5;
  --upime-danger-btn-hover-bg: #ff7f78;
  --upime-danger-btn-active-bg: #d9383b;
  --upime-danger-btn-disabled-bg: #ffbab9;
  --upime-secondary-btn-hover-bg: #5798F2;
  --upime-secondary-btn-active-bg: #1D56BF;
  --upime-secondary-btn-disabled-bg: #abc7f5;
}
.border_L7rVi {
  touch-action: none !important;
}
.border_L7rVi {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #fff;
}
.border_L7rVi *,
.border_L7rVi *::before,
.border_L7rVi *::after {
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.border_L7rVi input,
.border_L7rVi textarea {
  outline: none !important;
  resize: none !important;
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.goToLinkToolTip_7bmQB {
  display: block;
  position: absolute;
  background-color: #f2f2f2;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  min-height: 22px;
  padding-left: 10px;
  padding-right: 10px;
  color: #6c6c6c;
  font-size: 14px;
}
.regular_content_tp3Yz {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ui_layout_sC78U {
  position: absolute;
  display: flex;
  bottom: 8px;
  top: 8px;
  z-index: 20;
  pointer-events: none;
}
.ui_left_Ep2Qa {
  left: 0px;
}
.leftSideBar_HqMaI {
  pointer-events: auto;
}
.left_side_content_UGh5L {
  align-items: flex-start;
  margin-left: 8px;
}
.title_bar_WElE- {
  z-index: 30;
  flex-shrink: 0;
  pointer-events: auto;
}
.controls_eiCe- {
  z-index: 29;
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateX(0);
}
.toolbar_wrap_wvKgb {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sideBarIcon_nyTEm {
  position: absolute;
  bottom: 0;
  left: 0;
}
.sideBarIcon_nyTEm.hidden_X1SN- {
  visibility: hidden;
}
.sideBarIcon_nyTEm.disable_-viDD {
  pointer-events: none;
  color: #d8d8d8;
  cursor: default;
}
.ui_right_rg5FN {
  right: 0px;
}
.learning_center_h-Nn3 {
  pointer-events: auto;
}
.right_side_content_uJweO {
  position: relative;
  align-items: flex-end;
  margin-right: 8px;
}
.NEFloatMenu_ivfku {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 30;
  pointer-events: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.rightSidePanelRoot_FPlMa {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: auto;
  z-index: 30;
  display: flex;
  flex-direction: row;
  pointer-events: none;
}
.rightSlidePanel_ZMWuv {
  background-color: #ffffff;
  background-color: var(--upime-pane-bg);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  bottom: 52px;
  width: 340px;
  background-color: white;
  pointer-events: all;
  pointer-events: auto;
  display: none;
  border-radius: 4px;
  right: 0;
  position: absolute;
  top: 52px;
  z-index: 29;
}
.bigScreenOn .rightSlidePanel_ZMWuv {
  bottom: 64px;
}
.audio_con_Au6W1 {
  visibility: hidden;
}
.bottomSideBar_V-t6j {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 30;
  display: flex;
  justify-content: center;
  pointer-events: none;
  gap: 8px;
}
.bottomSideBar_V-t6j .bottomSideBarContainer_M8K5A {
  display: flex;
  background-color: #fff;
  border-radius: 4px;
  padding: 6px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.bottomSideBar_V-t6j .bottomSideBarContainer_M8K5A .divideLine_6-fkz {
  width: 1px;
  height: 36px;
  background: #e6e7e9;
  align-self: center;
  margin-right: 8px;
}
.bottomSideBar_V-t6j .bottomSideBarContainer_M8K5A.none_96oMI {
  display: none;
}
.hiddenArea_GXUuA {
  position: absolute;
  bottom: -60px;
  z-index: -1;
  visibility: hidden;
}
.customCtrlBarsSlot_Ed22v {
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 30;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.scanQRCodeToolBarSlot_gTkz- {
  width: 44px;
  height: 44px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.scanQRCodeToolBarSlot_gTkz-.bigScreenMode_faJFn {
  width: 56px;
  height: 56px;
  padding: 6px;
}
.boardLoadingSleleton_3dbFn {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.iconWrap_PpyN- {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrapActive_KbPOo {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrap_PpyN-:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_KbPOo:hover {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.iconContainer_wk7iM {
  position: relative;
}
.iconContainer_wk7iM .unreadHintContainer_DsGK6 {
  min-width: 18px;
  height: 18px;
  color: white;
  font-size: 10px;
  line-height: 16px;
  padding: 0 4px;
  text-align: center;
  border: 1px solid white;
  border-radius: 9px;
  background-color: #fe5250;
  position: absolute;
  top: -1px;
  right: -1px;
}
.iconBtn_qqATK {
  cursor: pointer;
}
.commentListRoot_5DuTL {
  width: 340px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: white;
  position: relative;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.commentListRoot_5DuTL .header_io3Ql {
  width: 100%;
  height: 60px;
  padding: 12px 12px 12px 24px;
  display: flex;
  flex-direction: row;
  flex: 0 0 60px;
  align-items: center;
  color: var(--upime-main-text);
  position: relative;
}
.commentListRoot_5DuTL .header_io3Ql .title_k--O5 {
  font-size: 20px;
  line-height: 28px;
  color: var(--upime-main-text);
  font-weight: 600;
}
.commentListRoot_5DuTL .header_io3Ql .readAllButton_qqZ7D {
  margin-left: auto;
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.commentListRoot_5DuTL .header_io3Ql .readAllButton_qqZ7D.disabled_S-VeG {
  color: var(--upime-disable);
  cursor: default;
  pointer-events: none;
}
.commentListRoot_5DuTL .header_io3Ql .divider_-8o68 {
  width: 1px;
  height: 20px;
  background: #d9d9d9;
  margin: 0 4px;
}
.commentListRoot_5DuTL .header_io3Ql .iconWrapper_eNb-i {
  display: flex;
  padding: 8px;
  cursor: pointer;
}
.commentListRoot_5DuTL .header_io3Ql .iconWrapper_eNb-i:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.commentListRoot_5DuTL .header_io3Ql .iconWrapper_eNb-i .closeIcon_ilhM1 {
  font-size: 20px;
  color: var(--upime-main-text);
}
.commentListRoot_5DuTL .header_io3Ql .iconWrapper_eNb-i .moreIcon_lfYcY {
  font-size: 20px;
  color: var(--upime-main-text);
}
.commentListRoot_5DuTL .header_io3Ql .exportBtn_e248c {
  position: absolute;
  right: 64px;
  cursor: pointer;
}
.commentListRoot_5DuTL .filterWrapper_Tx3cB {
  flex: 0 0 32px;
  padding-left: 19px;
  display: flex;
  align-items: center;
}
.commentListRoot_5DuTL .filterWrapper_Tx3cB .filter_mmoTp {
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: 2px;
  padding-left: 7px;
  cursor: pointer;
}
.commentListRoot_5DuTL .filterWrapper_Tx3cB .filter_mmoTp:hover,
.commentListRoot_5DuTL .filterWrapper_Tx3cB .filter_mmoTp.active_oQPdz {
  background: rgba(0, 0, 0, 0.06);
}
.commentListRoot_5DuTL .body_Cv25e {
  width: 100%;
  padding: 8px 16px 20px 20px;
  overflow-x: hidden;
  overflow-y: scroll;
  flex: 1 1;
}
.commentListRoot_5DuTL .body_Cv25e::-webkit-scrollbar {
  width: 4px;
}
.commentListRoot_5DuTL .body_Cv25e::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.commentListRoot_5DuTL .body_Cv25e::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.commentListRoot_5DuTL .footer_8G54X {
  width: 100%;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  position: absolute;
  bottom: 0;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  background: white;
  border-radius: 0 0 4px 4px;
}
.commentListRoot_5DuTL .footer_8G54X .icons_BNth2 {
  height: 24px;
}
.commentListRoot_5DuTL .footer_8G54X .icons_BNth2 .footerIcon_GuVgp {
  font-size: 24px;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ {
  height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ .footerBtn_08eag {
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ .hideResolveBtn_7TVAI {
  margin-right: 24px;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ .readAllBtnDisabled_KQ0Ly {
  color: var(--upime-disable) !important;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ .readAllBtnDisabled_KQ0Ly {
  cursor: default;
}
.filterContainer_UgThi {
  position: relative;
  margin-top: -5px;
}
.filterContainer_UgThi .condition_yLml7 {
  cursor: pointer;
}
.filterContainer_UgThi .condition_yLml7 .avatar_Bq1Db {
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  position: relative;
  top: 2px;
}
.filterContainer_UgThi .condition_yLml7 > span {
  font-size: 14px;
  color: #0c1024;
  vertical-align: -3px;
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterContainer_UgThi .condition_yLml7 > svg {
  position: relative;
  top: 4px;
}
.filterContainer_UgThi .condition_yLml7.subwinOpened_VuFNP {
  color: #2e73e5;
}
.filterContainer_UgThi .condition_yLml7.subwinOpened_VuFNP > span {
  color: #2e73e5;
}
.filterContainer_UgThi .participantContainer_QKnOU {
  width: 260px;
  z-index: 2;
  border-radius: 4px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO {
  height: 56px;
  padding: 8px 16px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > input {
  border: 1px solid #dbdbde;
  border-radius: 4px;
  height: 36px;
  width: 228px;
  padding-left: 40px;
  padding-right: 32px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > input::-moz-placeholder {
  color: #c2c3c8;
  font-size: 14px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > input::placeholder {
  color: #c2c3c8;
  font-size: 14px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > input:focus {
  border: 1px solid #2e73e5;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > svg {
  position: absolute;
  width: 20px;
  height: 20px;
  color: #979797;
  left: 28px;
  top: 16px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO .clearInput_QbhT2 {
  position: absolute;
  right: 26px;
  top: 18px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--upime-disable);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO .clearInput_QbhT2 svg {
  color: white;
  width: 12px;
  height: 12px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy {
  width: 100%;
  max-height: 316px;
  overflow: auto;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy::-webkit-scrollbar {
  width: 4px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 6px 16px;
  cursor: pointer;
  color: #0c1024;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H:hover {
  background: rgba(0, 0, 0, 0.06);
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H .avatar_Bq1Db {
  width: 28px;
  height: 28px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H > div:first-child {
  margin-right: 8px;
  border-radius: 50%;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H > div:last-child {
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  font-size: 14px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H.selected_dx3b- {
  background-color: #f3f7fe;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H.selected_dx3b- > div {
  color: #2e73e5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H.selected_dx3b- .dagou_-g8zZ {
  color: #2e73e5;
  margin-left: auto;
  margin-right: 0;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .allUsersRow_7JNhq > svg:first-child {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .allUsersRow_7JNhq.selected_dx3b- {
  background-color: #f3f7fe;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .noSearchResult_FYfq9 {
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px;
}
.emptyPlaceholder_DKNzJ {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.emptyPlaceholder_DKNzJ img {
  width: 140px;
  height: 140px;
}
.emptyPlaceholder_DKNzJ > span {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  margin-top: 8px;
}
.do-hovers .iconBtn_qqATK:hover {
  color: var(--upime-active);
}
.do-hovers .footerBtn_08eag:hover {
  background-color: transparent !important;
  background-color: initial !important;
}
.do-hovers .footerBtn_08eag:hover {
  color: var(--upime-active);
}

.iconWrap_mnI6f {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrapActive_Bf-8X {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrap_mnI6f:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_Bf-8X:hover {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.iconContainer_urQhN {
  position: relative;
}
.iconContainer_urQhN .unreadHintContainer_3HCxS {
  min-width: 18px;
  height: 18px;
  color: white;
  font-size: 10px;
  line-height: 16px;
  padding: 0 4px;
  text-align: center;
  border: 1px solid white;
  border-radius: 9px;
  background-color: #fe5250;
  position: absolute;
  top: -1px;
  right: -1px;
}
.iconBtn_4gGcK {
  cursor: pointer;
}
.commentListRoot_6mIKr {
  width: 340px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: white;
  position: relative;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.commentListRoot_6mIKr .header_k5gf0 {
  width: 100%;
  height: 60px;
  padding: 12px 12px 12px 24px;
  display: flex;
  flex-direction: row;
  flex: 0 0 60px;
  align-items: center;
  color: var(--upime-main-text);
  position: relative;
}
.commentListRoot_6mIKr .header_k5gf0 .title_yofLj {
  font-size: 20px;
  line-height: 28px;
  color: var(--upime-main-text);
  font-weight: 600;
}
.commentListRoot_6mIKr .header_k5gf0 .readAllButton_EybWx {
  margin-left: auto;
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.commentListRoot_6mIKr .header_k5gf0 .readAllButton_EybWx.disabled_7eAUl {
  color: var(--upime-disable);
  cursor: default;
  pointer-events: none;
}
.commentListRoot_6mIKr .header_k5gf0 .divider_4CPFJ {
  width: 1px;
  height: 20px;
  background: #d9d9d9;
  margin: 0 4px;
}
.commentListRoot_6mIKr .header_k5gf0 .iconWrapper_CftkS {
  display: flex;
  padding: 8px;
  cursor: pointer;
}
.commentListRoot_6mIKr .header_k5gf0 .iconWrapper_CftkS:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.commentListRoot_6mIKr .header_k5gf0 .iconWrapper_CftkS .closeIcon_NOYsQ {
  font-size: 20px;
  color: var(--upime-main-text);
}
.commentListRoot_6mIKr .header_k5gf0 .iconWrapper_CftkS .moreIcon_GZqwz {
  font-size: 20px;
  color: var(--upime-main-text);
}
.commentListRoot_6mIKr .header_k5gf0 .exportBtn_EhncN {
  position: absolute;
  right: 64px;
  cursor: pointer;
}
.commentListRoot_6mIKr .filterWrapper_MJ-dv {
  flex: 0 0 32px;
  padding-left: 19px;
  display: flex;
  align-items: center;
}
.commentListRoot_6mIKr .filterWrapper_MJ-dv .filter_AEhJn {
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: 2px;
  padding-left: 7px;
  cursor: pointer;
}
.commentListRoot_6mIKr .filterWrapper_MJ-dv .filter_AEhJn:hover,
.commentListRoot_6mIKr .filterWrapper_MJ-dv .filter_AEhJn.active_P1sQ9 {
  background: rgba(0, 0, 0, 0.06);
}
.commentListRoot_6mIKr .body_Mhq8c {
  width: 100%;
  padding: 8px 16px 20px 20px;
  overflow-x: hidden;
  overflow-y: scroll;
  flex: 1 1;
}
.commentListRoot_6mIKr .body_Mhq8c::-webkit-scrollbar {
  width: 4px;
}
.commentListRoot_6mIKr .body_Mhq8c::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.commentListRoot_6mIKr .body_Mhq8c::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.commentListRoot_6mIKr .footer_5Ydf5 {
  width: 100%;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  position: absolute;
  bottom: 0;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  background: white;
  border-radius: 0 0 4px 4px;
}
.commentListRoot_6mIKr .footer_5Ydf5 .icons_6hY1V {
  height: 24px;
}
.commentListRoot_6mIKr .footer_5Ydf5 .icons_6hY1V .footerIcon_e-yIk {
  font-size: 24px;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o {
  height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o .footerBtn_2Q2kE {
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o .hideResolveBtn_KefXA {
  margin-right: 24px;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o .readAllBtnDisabled_3mLsJ {
  color: var(--upime-disable) !important;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o .readAllBtnDisabled_3mLsJ {
  cursor: default;
}
.filterContainer_qg8Y8 {
  position: relative;
  margin-top: -5px;
}
.filterContainer_qg8Y8 .condition_-DqnJ {
  cursor: pointer;
}
.filterContainer_qg8Y8 .condition_-DqnJ .avatar_hcBR4 {
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  position: relative;
  top: 2px;
}
.filterContainer_qg8Y8 .condition_-DqnJ > span {
  font-size: 14px;
  color: #0c1024;
  vertical-align: -3px;
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterContainer_qg8Y8 .condition_-DqnJ > svg {
  position: relative;
  top: 4px;
}
.filterContainer_qg8Y8 .condition_-DqnJ.subwinOpened_SXIu1 {
  color: #2e73e5;
}
.filterContainer_qg8Y8 .condition_-DqnJ.subwinOpened_SXIu1 > span {
  color: #2e73e5;
}
.filterContainer_qg8Y8 .participantContainer_jypBL {
  width: 260px;
  z-index: 2;
  border-radius: 4px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj {
  height: 56px;
  padding: 8px 16px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > input {
  border: 1px solid #dbdbde;
  border-radius: 4px;
  height: 36px;
  width: 228px;
  padding-left: 40px;
  padding-right: 32px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > input::-moz-placeholder {
  color: #c2c3c8;
  font-size: 14px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > input::placeholder {
  color: #c2c3c8;
  font-size: 14px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > input:focus {
  border: 1px solid #2e73e5;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > svg {
  position: absolute;
  width: 20px;
  height: 20px;
  color: #979797;
  left: 28px;
  top: 16px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj .clearInput_xnD-d {
  position: absolute;
  right: 26px;
  top: 18px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--upime-disable);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj .clearInput_xnD-d svg {
  color: white;
  width: 12px;
  height: 12px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN {
  width: 100%;
  max-height: 316px;
  overflow: auto;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN::-webkit-scrollbar {
  width: 4px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm- {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 6px 16px;
  cursor: pointer;
  color: #0c1024;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm-:hover {
  background: rgba(0, 0, 0, 0.06);
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm- .avatar_hcBR4 {
  width: 28px;
  height: 28px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm- > div:first-child {
  margin-right: 8px;
  border-radius: 50%;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm- > div:last-child {
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  font-size: 14px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm-.selected_fg-f8 {
  background-color: #f3f7fe;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm-.selected_fg-f8 > div {
  color: #2e73e5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm-.selected_fg-f8 .dagou_kBJLg {
  color: #2e73e5;
  margin-left: auto;
  margin-right: 0;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .allUsersRow_KwzY2 > svg:first-child {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .allUsersRow_KwzY2.selected_fg-f8 {
  background-color: #f3f7fe;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .noSearchResult_3Ny5- {
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px;
}
.emptyPlaceholder_ObQsn {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.emptyPlaceholder_ObQsn img {
  width: 140px;
  height: 140px;
}
.emptyPlaceholder_ObQsn > span {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  margin-top: 8px;
}
.do-hovers .iconBtn_4gGcK:hover {
  color: var(--upime-active);
}
.do-hovers .footerBtn_2Q2kE:hover {
  background-color: transparent !important;
  background-color: initial !important;
}
.do-hovers .footerBtn_2Q2kE:hover {
  color: var(--upime-active);
}
.listRoot_-q43H {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.visible_uDCPU {
  visibility: visible !important;
}
.itemBlockRoot_JBhFg {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: white;
  margin-bottom: 8px;
  border: 1px solid #e6e7e9;
  padding: 12px;
  position: relative;
  gap: 4px;
  cursor: pointer;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  box-shadow: none;
}
.itemBlockRoot_JBhFg:hover {
  background: rgba(0, 0, 0, 0.06);
}
.itemBlockRoot_JBhFg .replyMessage_nJLxO {
  margin-left: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.itemBlockRoot_JBhFg .resolved_21dpl {
  position: absolute;
  right: 0;
  top: -1px;
  visibility: hidden;
}
.itemBlockRoot_JBhFg .unread_uYJBj {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #fe5250;
  border-radius: 50%;
  left: -12px;
  top: 22px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- {
  display: flex;
  flex-direction: column;
}
.itemBlockRoot_JBhFg .itemRoot_tfau-.isReply_OtE0L .header_k5gf0 .avatar_hcBR4 {
  width: 20px;
  height: 20px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau-.isReply_OtE0L .content_zS5Z1 {
  margin-left: 29px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .header_k5gf0 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: start;
  position: relative;
  height: 24px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .header_k5gf0 .avatar_hcBR4 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .header_k5gf0 .userName_Ohz3n {
  margin-left: 8px;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .header_k5gf0 .dateTime_L49aX {
  position: absolute;
  right: 0;
  color: #616371;
  font-size: 12px;
  line-height: 14px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .content_zS5Z1 {
  position: relative;
  margin-left: 32px;
  color: var(--upime-main-text);
  font-size: 14px;
  line-height: 22px;
  white-space: pre-line;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .content_zS5Z1.textContent_z4OpR {
  margin-top: -4px;
}
.itemBlockRoot_JBhFg .collapseLabel_HAKye {
  margin-left: 24px;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  color: var(--upime-second-text);
}
.itemBlockRoot_JBhFg .collapseLabel_HAKye .labelText_laJQv {
  border-radius: 2px;
  display: inline-block;
  padding: 4px 8px;
}
.itemBlockRoot_JBhFg .collapseLabel_HAKye .labelText_laJQv:hover {
  background: rgba(0, 0, 0, 0.06);
}
.itemBlockRoot_JBhFg .collapseLabel_HAKye.unreadCollapse_Lb57M {
  color: var(--upime-active);
}
.updatedLabel_v0da- {
  display: block;
  color: var(--upime-disable);
  font-size: 14px;
  line-height: 22px;
}
.listItem_rz4TJ {
  margin: 0;
}
.listItem_rz4TJ > video {
  max-height: 160px !important;
}

.container_NafF1 {
  display: flex;
}
.iconWrapper_Qskm9 {
  display: flex;
  padding: 8px;
  cursor: pointer;
}
.iconWrapper_Qskm9:hover,
.iconWrapper_Qskm9.active_yoQ4- {
  background-color: rgba(0, 0, 0, 0.06);
}
.iconWrapper_Qskm9 .closeIcon_E-cif {
  font-size: 20px;
  color: #0c1024;
}
.panel_jGq8Z {
  width: 264px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  right: 0;
  top: 54px;
  z-index: 2;
  display: flex;
  padding: 8px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.1);
}
.panel_jGq8Z.visible_mel0F {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.25s, transform 0.25s;
  transform-origin: 194px top;
  visibility: visible;
}
.panel_jGq8Z .divider_R8Zdi {
  height: 1px;
  width: 100%;
  background: #e6e7e9;
}
.panel_jGq8Z .mode_0TWXJ {
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT {
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  gap: 4px;
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT .iconRoot_dUwYS {
  display: flex;
  align-items: center;
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT .iconContainer_4zQ7E {
  padding: 3px;
  cursor: pointer;
  border-radius: 2px;
  display: flex;
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT .iconContainer_4zQ7E:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT .iconContainer_4zQ7E .icon_zGaAc {
  color: #91939c;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL {
  display: flex;
  align-items: center;
  gap: 12px;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL.disabled_ukTKf .label_jZjtp {
  cursor: auto;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL.disabled_ukTKf .label_jZjtp .text_W-G5J {
  color: var(--upime-disable);
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp {
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  background: #fff;
  cursor: pointer;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .image_95DBK {
  width: 110px;
  height: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J {
  display: flex;
  padding: 4px 0 4px 8px;
  gap: 8px;
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  align-items: center;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J .input_prXP1 {
  margin: 0;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J input[type="radio"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--upime-second-text);
  border-radius: 50%;
  outline: none;
  position: relative;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J input[type="radio"] {
  background-color: white;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J input[type="radio"]:checked {
  border-color: var(--upime-active);
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J input[type="radio"]:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--upime-active);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.panel_jGq8Z .optionGroup_rW-pS {
  width: 100%;
}
.panel_jGq8Z .optionGroup_rW-pS .option_uD61U {
  width: 100%;
  cursor: pointer;
  display: flex;
  height: 40px;
  padding: 0 16px;
  align-items: center;
  gap: 8px;
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.panel_jGq8Z .optionGroup_rW-pS .option_uD61U.resolvedHided_ZkiPQ {
  cursor: auto;
  justify-content: space-between;
}
.panel_jGq8Z .optionGroup_rW-pS .option_uD61U.needHover_DrgXR:hover {
  background: rgba(0, 0, 0, 0.06);
}
.panel_jGq8Z .optionGroup_rW-pS .option_uD61U .tip_Sc3PU {
  margin-left: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@keyframes slideIn_COWQv {
  0% {
    margin-right: -348px;
  }
  100% {
    margin-right: 0;
  }
}
@keyframes slideOut_FE2l4 {
  0% {
    margin-right: 0;
  }
  100% {
    margin-right: -348px;
  }
}
.slideInAnime_61rMZ {
  animation: slideIn_COWQv 0.3s ease-in forwards;
}
.slideOutAnime_K9Zns {
  animation: slideOut_FE2l4 0.3s ease-in forwards;
}

.containerRoot_Sh5sR {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: var(--upime-main-text);
  flex: 1;
  overflow: hidden;
}
.containerRoot_Sh5sR .header_d7e2E {
  padding-bottom: 8px;
}
.containerRoot_Sh5sR .header_d7e2E .row_0CeEg {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 0 24px;
  justify-content: space-between;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s {
  position: relative;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding: 12px 16px 12px 24px;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s > span {
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  font-weight: 600;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .questionnaireIconBox_ZWzF2 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 2px;
  padding: 8px;
  margin-left: 2px;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .questionnaireIconBox_ZWzF2:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .historyIcon_9DwGd {
  font-size: 14px;
  position: absolute;
  right: 61px;
  cursor: pointer;
  color: #0c1024;
  padding: 7px 8px;
  border-radius: 2px;
  line-height: 22px;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .divider_3f0nw {
  position: absolute;
  right: 56px;
  width: 1px;
  height: 20px;
  background-color: #e6e7e9;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .closeIcon_esqzb {
  position: absolute;
  right: 16px;
  cursor: pointer;
  padding: 8px;
  border-radius: 2px;
  display: flex;
}
.containerRoot_Sh5sR .header_d7e2E .action_8Za4x {
  width: 138px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.containerRoot_Sh5sR .header_d7e2E .action_8Za4x svg {
  font-size: 24px;
}
.containerRoot_Sh5sR .header_d7e2E .action_8Za4x > span {
  margin-left: 10px;
  height: 21px;
  line-height: 21px;
  font-size: 15px;
}
.containerRoot_Sh5sR .header_d7e2E .action_8Za4x.disabled_qil8s {
  opacity: 0.4;
  pointer-events: none;
}
.containerRoot_Sh5sR .header_d7e2E .quickMeeting_86cfg {
  background-color: #eefaed;
}
.containerRoot_Sh5sR .header_d7e2E .quickMeeting_86cfg svg {
  color: #28b81e;
}
.containerRoot_Sh5sR .header_d7e2E .reserveMeeting_pB53E {
  background-color: #ebf3ff;
}
.containerRoot_Sh5sR .header_d7e2E .reserveMeeting_pB53E svg {
  color: var(--upime-active);
}
.containerRoot_Sh5sR .header_d7e2E .createMeetingTip_pVuxN {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  margin-left: 24px;
}
.containerRoot_Sh5sR .header_d7e2E .createMeetingTip_pVuxN > .tipIcon_KLYGY {
  color: #91939c;
}
.containerRoot_Sh5sR .header_d7e2E .createMeetingTip_pVuxN > .tipContent_2b-Wn {
  color: #91939c;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.containerRoot_Sh5sR .body_MwM1s {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  background-color: var(--upime-btn-bg-hover);
  display: flex;
  flex-direction: column;
}
.containerRoot_Sh5sR .body_MwM1s::-webkit-scrollbar {
  width: 4px;
}
.containerRoot_Sh5sR .body_MwM1s::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.containerRoot_Sh5sR .body_MwM1s::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.containerRoot_Sh5sR .body_MwM1s.empty_4Xcdc {
  background-color: white !important;
}
.containerRoot_Sh5sR .body_MwM1s.empty_4Xcdc {
  justify-content: center;
  align-self: center;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81 {
  height: 180px;
  margin-top: -16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81 img {
  width: 140px;
  height: 140px;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81 > span {
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
  padding: 0 24px;
  text-align: center;
  word-break: break-word;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81.phone_bhNun {
  margin-top: 5px;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81.phone_bhNun img {
  width: 100px;
  height: 100px;
}
.questionnaireModal_7GGIX {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1000;
}
.questionnaireModal_7GGIX .content_eWYQv {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 6px;
  padding: 6px 0;
  background-color: #fff;
  border-radius: 4px;
}
.questionnaireModal_7GGIX .content_eWYQv .closeBox_Eqkwz {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.questionnaireModal_7GGIX .content_eWYQv .closeBox_Eqkwz:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.questionnaireModal_7GGIX .content_eWYQv .questionnaire_container_g2L0H {
  visibility: hidden;
}
.questionnaireModal_7GGIX .content_eWYQv .questionnaire_container_g2L0H.visible_ORc8G {
  visibility: visible;
}
.questionnaireModal_7GGIX .content_eWYQv .questionnaire_container_g2L0H > div {
  box-shadow: none;
}
.questionnaireModal_7GGIX .content_eWYQv .noquestionnaire_H1L-g {
  text-align: center;
  margin: 16px 0;
}
.questionnaireModal_7GGIX .content_eWYQv .noquestionnaire_H1L-g > img {
  width: 108px;
  margin-bottom: 8px;
}
.questionnaireModal_7GGIX .content_eWYQv .noquestionnaire_H1L-g .wording_0eAaB {
  color: #424445;
  font-size: 14px;
}
.questionnaireModal_7GGIX .content_eWYQv .skeleton_cdObO {
  margin: 20px 24px 10px;
}
.questionnaireModal_7GGIX .content_eWYQv .skeleton_cdObO .title_v5n8s {
  width: 190px;
  height: 32px;
  margin-bottom: 8px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading_-MhpZ 1.4s ease infinite;
}
.questionnaireModal_7GGIX .content_eWYQv .skeleton_cdObO .body_MwM1s {
  width: 280px;
  height: 70px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading_-MhpZ 1.4s ease infinite;
}
@keyframes skeleton-loading_-MhpZ {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.do-hovers .historyIcon_9DwGd:hover,
.do-hovers .closeIcon_esqzb:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .enableHover_D3RIm:hover {
  background-color: #eaf1fc;
}
.do-hovers .submenuRow_Hj6Hc:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .primaryBtn_w9SRH:hover {
  background-color: var(--upime-primary-btn-hover-bg) !important;
}
.do-hovers .dropdown_TCxz3:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.listRoot_oeY9S {
  width: 100%;
  padding: 12px 8px 12px 12px;
}
.blockRoot_eAqwA {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  position: relative;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  box-shadow: none;
}
.blockRoot_eAqwA .header_d7e2E {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 16px 12px 4px 12px;
  height: 46px;
}
.blockRoot_eAqwA .header_d7e2E span:nth-child(1) {
  height: 26px;
  line-height: 26px;
  font-size: 18px;
  font-weight: 600;
  margin-right: 8px;
}
.blockRoot_eAqwA .header_d7e2E span:nth-child(2) {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS {
  width: 100%;
  height: 66px;
  padding: 10px 12px;
  position: relative;
}
.blockRoot_eAqwA .meetingEntry_4DOmS.active_w-Cxw {
  background-color: #eaf1fc;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte > span {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte span:nth-child(1) {
  color: var(--upime-second-text);
  margin-right: 8px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte .onGoing_cXYmX {
  color: #28b81e;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte .pending_G-QoF {
  color: #ffa519;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .content_eWYQv {
  max-width: 224px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  margin-top: 4px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .rightText_yHkuO {
  position: absolute;
  color: var(--upime-second-text);
  font-size: 12px;
  line-height: 24px;
  right: 36px;
  top: 21px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .arrow_c-POi {
  position: absolute;
  color: var(--upime-second-text);
  font-size: 24px;
  right: 12px;
  top: 21px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 {
  position: absolute;
  right: 12px;
  top: 0px;
  display: flex;
  cursor: pointer;
  gap: 4px;
  justify-content: space-between;
  padding: 19px 0px 16px 24px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2.gradient_hIsK0 {
  background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #eaf1fc 12.42%);
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .primaryBtn_w9SRH {
  height: 28px;
  border-radius: 4px;
  background-color: var(--upime-active);
  font-size: 12px;
  padding: 5px 8px;
  color: white;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .primaryBtn_w9SRH.disabled_qil8s {
  color: #ffffff !important;
  background-color: var(--upime-primary-btn-disabled-bg) !important;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .primaryBtn_w9SRH.disabled_qil8s {
  pointer-events: none;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .dropdown_TCxz3 {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .dropdown_TCxz3 > svg {
  font-size: 16px;
  transform: rotate(90deg);
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .dropdown_TCxz3.open_ASPBn {
  background-color: rgba(0, 0, 0, 0.06);
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .linkBox_iUfZm {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .linkBox_iUfZm > svg {
  font-size: 16px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .linkBox_iUfZm:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.hide_nq0WD {
  display: none !important;
}
.submenuWrapper_-HvbE {
  top: calc(100% - 12px);
  left: -69px;
  z-index: 60;
}
.submenuWrapper_-HvbE .submenu_-JbhR {
  min-width: 120px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  color: var(--upime-main-text);
}
.submenuWrapper_-HvbE .submenu_-JbhR .submenuRow_Hj6Hc {
  cursor: pointer;
  width: 100%;
  font-size: 14px;
  padding: 9px 16px;
}
.submenuWrapper_-HvbE .submenu_-JbhR .submenuRow_Hj6Hc.disabled_qil8s {
  color: #dbdbdb;
  pointer-events: none;
}
.submenuWrapper_-HvbE .submenu_-JbhR .cancel_8P72F {
  color: var(--upime-danger);
}
.submenuWrapper_-HvbE .submenu_-JbhR .cancel_8P72F.disabled_qil8s {
  color: #ffbab9 !important;
}
.hidden_DLvfU {
  display: none;
}
.phoneMode .blockRoot_eAqwA .header_d7e2E span:nth-child(1) {
  font-size: 16px;
  height: 24px;
  line-height: 24px;
}
.phoneMode .containerRoot_Sh5sR .body_MwM1s {
  background-color: #fff;
}
.phoneMode .containerRoot_Sh5sR .body_MwM1s .listRoot_oeY9S {
  padding: 0 4px;
}
.meetingConflictModalContainer_-XF-4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 520px;
  padding: 20px;
}
.meetingConflictModalContainer_-XF-4 .contentContainer_FGm8d {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  position: relative;
}
.meetingConflictModalContainer_-XF-4 .title_v5n8s {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 24px;
}
.meetingConflictModalContainer_-XF-4 .subtitle_nulQf {
  font-size: 14px;
  line-height: 22px;
  color: #616371;
  margin-bottom: 8px;
}
.meetingConflictModalContainer_-XF-4 .meetingItemContainer_JNcqm {
  position: relative;
  padding: 8px 12px;
  padding-right: 100px;
  border-radius: 4px;
  background: #F5F6F6;
  margin-bottom: 8px;
}
.meetingConflictModalContainer_-XF-4 .meetingItemContainer_JNcqm .meetingTitle_hVy-J {
  color: #0C1024;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 4px;
}
.meetingConflictModalContainer_-XF-4 .meetingItemContainer_JNcqm .reminderSubtitle_m7vP- {
  color: #91939C;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.meetingConflictModalContainer_-XF-4 .moreInfo_nDGmo .text_b5LL7 {
  color: #424454;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.meetingConflictModalContainer_-XF-4 .moreInfo_nDGmo .check_dflSn {
  margin-left: 8px;
  color: #2e73e5;
  cursor: pointer;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY .no_sIPfY {
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #DBDBDE;
  background: #FFF;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY .no_sIPfY:hover {
  opacity: 0.7;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY .yes_fBvWO {
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #2E73E5;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY .yes_fBvWO:hover {
  opacity: 0.7;
}
.meetingConflictModalContainer_-XF-4 .close_-cc-d {
  position: absolute;
  right: 12px;
  top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 2px;
  cursor: pointer;
}
.meetingConflictModalContainer_-XF-4 .close_-cc-d:hover {
  background: rgba(0, 0, 0, 0.06);
}

.header_NHjJ2 {
  height: 64px;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  padding: 0 24px;
}
.header_NHjJ2 svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.header_NHjJ2 span {
  line-height: 30px;
  color: var(--upime-main-text);
  font-size: 20px;
  margin-left: 8px;
}
.header_NHjJ2 .close_RqV89 {
  position: absolute;
  right: 24px;
  top: 20px;
}
.body_9gBGA {
  display: flex;
  flex: 1 1;
  height: calc(100% - 64px);
}
.do-hovers .header_NHjJ2 svg:hover {
  color: var(--upime-active);
}

.root_ySNkV {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 182px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  padding: 24px;
  justify-content: space-between;
  border-radius: 12px;
}
.root_ySNkV .content_SlKNr {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.root_ySNkV .content_SlKNr .title_jZ8gu {
  height: 28px;
  font-size: 20px;
  line-height: 28px;
  color: var(--upime-main-text);
  font-weight: 600;
}
.root_ySNkV .content_SlKNr .title_jZ8gu.userName_EsUSP {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  margin-right: 4px;
}
.root_ySNkV .content_SlKNr .title_jZ8gu.titleDesc_nHcne {
  white-space: nowrap;
}
.root_ySNkV .content_SlKNr .desc_5cuEc {
  min-height: 22px;
  margin-top: 8px;
  line-height: 22px;
  color: #616371;
  font-size: 14px;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.root_ySNkV .actions_L8L-w {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.root_ySNkV .actions_L8L-w .reject_CJxJX {
  margin-right: 12px;
  font-size: 14px;
  width: 88px;
  height: 36px;
}
.root_ySNkV .actions_L8L-w .confirm_8FKwP {
  font-size: 14px;
  height: 36px;
  width: 88px;
}
.endMeetingRoot_5Kiz- {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 40px 0px;
  border-radius: 12px;
}
.endMeetingRoot_5Kiz- .closeBox_TEKAC {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.endMeetingRoot_5Kiz- .closeBox_TEKAC:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.endMeetingRoot_5Kiz- .line_7wjdc {
  height: 1px;
  background-color: #e6e7e9;
  margin: 0 24px;
}
.endMeetingRoot_5Kiz- .questionnaireBox_gL-fs {
  visibility: hidden;
}
.endMeetingRoot_5Kiz- .questionnaireBox_gL-fs > div {
  box-shadow: none;
}
.endMeetingRoot_5Kiz- .questionnaireBox_gL-fs.visible_9Lxjk {
  margin: 24px 0;
  visibility: visible;
}
.endMeetingRoot_5Kiz- .noQuestionnaireContainer_5x-xk {
  text-align: center;
}
.endMeetingRoot_5Kiz- .noQuestionnaireContainer_5x-xk > img {
  width: 108px;
}
.endMeetingRoot_5Kiz- .forceLeave_libqn {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  margin-bottom: 40px;
}
.endMeetingRoot_5Kiz- .forceLeave_libqn.phone_u9ipa {
  margin-bottom: 24px;
}
.endMeetingRoot_5Kiz- .confirm_8FKwP {
  min-width: 118px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
}
.endMeetingRoot_5Kiz- .placeholderImg_IzZCb {
  width: 140px;
}
.endMeetingRoot_5Kiz- .skeleton_iwCB7 {
  margin: 24px 24px 0;
}
.endMeetingRoot_5Kiz- .skeleton_iwCB7 .title_jZ8gu {
  width: 190px;
  height: 32px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading_Qlyft 1.4s ease infinite;
}
.endMeetingRoot_5Kiz- .skeleton_iwCB7 .body_PnTzw {
  width: 430px;
  height: 70px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading_Qlyft 1.4s ease infinite;
}
.endMeetingRoot_5Kiz- .skeleton_iwCB7 .body_PnTzw.phone_u9ipa {
  width: 340px;
}
.endMeetingRoot_5Kiz-.load_-pbeC {
  padding-bottom: 12px;
}
.endMeetingRoot_5Kiz-.load_-pbeC .questionnaireBox_gL-fs {
  margin-bottom: 0;
}
.endMeetingRoot_5Kiz-.phone_u9ipa {
  position: static;
  position: initial;
  transform: none;
  transform: initial;
  width: auto;
  width: initial;
  padding-top: 30px;
}
.meetingConflictModal_Sldbf {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 40px 0 24px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
}
.meetingConflictModal_Sldbf .forceLeave_libqn {
  max-width: 320px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  margin-bottom: 40px;
  word-break: break-word;
}
.meetingConflictModal_Sldbf .confirm_8FKwP {
  min-width: 118px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
}
.meetingConflictModal_Sldbf .placeholderImg_IzZCb {
  width: 140px;
}
.cannotJoinBox_q6QLx {
  min-height: auto;
  border-radius: 12px;
  width: 480px;
}
.cannotJoinBox_q6QLx .content_SlKNr .title_jZ8gu {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 8px;
}
.cannotJoinBox_q6QLx .content_SlKNr .subtitle_glx4L {
  color: #616371;
}
.phoneModal_1peKQ .phoneForceLeave_PKNE6 {
  line-height: 24px;
  color: var(--upime-main-text);
  font-size: 16px;
  margin: 14px 0 8px 0;
  font-weight: 600;
}
.phoneModal_1peKQ .phoneForceLeave_PKNE6.visitorMode_kQU95 {
  text-align: center;
}
.phoneModal_1peKQ .phoneConfirm_VHm-w {
  color: var(--upime-active);
  display: inline-block;
  width: 100%;
}
.phoneModal_1peKQ .phoneConfirm_VHm-w.disableConfirm_AcxLX {
  opacity: 0.4;
  pointer-events: none;
}
.phoneModal_1peKQ .phoneReject_SQ-wx {
  color: var(--upime-danger);
}
.phoneModal_1peKQ .desc_5cuEc {
  text-align: center;
}
.phoneModal_1peKQ .imgContainer_zf-2V {
  text-align: center;
  padding-top: 15px;
}
.phoneModal_1peKQ .imgContainer_zf-2V .placeholderImg_IzZCb {
  width: 110px;
}
.nickNameInput_juTUI {
  margin: 16px 0px;
  height: 44px;
}
.noPermissionJoinBox_dlRtg {
  width: 480px;
  border-radius: 12px;
  padding: 24px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.noPermissionJoinBox_dlRtg .headRow_ZLgUi {
  margin-bottom: 50px;
}
.noPermissionJoinBox_dlRtg .headRow_ZLgUi > svg {
  width: 28px;
  height: 28px;
  color: #ffa519;
  margin-right: 12px;
  position: relative;
  top: 7px;
}
.noPermissionJoinBox_dlRtg .headRow_ZLgUi .wording_67QJo {
  font-weight: 500;
  font-size: 20px;
  word-break: break-word;
}
.noPermissionJoinBox_dlRtg .actionRow_uhALT {
  text-align: right;
}
.noPermissionJoinBox_dlRtg .actionRow_uhALT .btn_Vq5ll {
  display: inline-block;
  padding: 8px 20px;
  width: 104px;
  height: 40px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.noPermissionJoinBox_dlRtg .actionRow_uhALT .btn_Vq5ll:hover {
  opacity: 0.7;
}
.requestMediaBox_ZfFju {
  width: 480px;
  height: 170px;
  border-radius: 12px;
  padding: 24px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.requestMediaBox_ZfFju .headRow_ZLgUi {
  margin-bottom: 50px;
}
.requestMediaBox_ZfFju .headRow_ZLgUi > svg {
  width: 28px;
  height: 28px;
  color: #ffa519;
  margin-right: 12px;
  position: relative;
  top: 7px;
}
.requestMediaBox_ZfFju .headRow_ZLgUi .wording_67QJo {
  font-weight: 500;
  font-size: 20px;
}
.requestMediaBox_ZfFju .actionRow_uhALT {
  text-align: right;
}
.requestMediaBox_ZfFju .actionRow_uhALT .cancel_fRgpl {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e6e7e9;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  padding: 0 20px;
  margin-right: 12px;
  cursor: pointer;
}
.requestMediaBox_ZfFju .actionRow_uhALT .cancel_fRgpl:hover {
  opacity: 0.7;
}
.requestMediaBox_ZfFju .actionRow_uhALT .confirm_8FKwP {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  color: #fff;
  background-color: #2e73e5;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  padding: 0 20px;
  cursor: pointer;
}
.requestMediaBox_ZfFju .actionRow_uhALT .confirm_8FKwP:hover {
  opacity: 0.7;
}
.outMeetingModalBox_vq1EL,
.endModalBox_lwvaY {
  width: 480px;
  border-radius: 12px;
  padding: 24px;
  padding-top: 18px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.outMeetingModalBox_vq1EL .headRow_ZLgUi,
.endModalBox_lwvaY .headRow_ZLgUi {
  margin-bottom: 40px;
}
.outMeetingModalBox_vq1EL .headRow_ZLgUi > svg,
.endModalBox_lwvaY .headRow_ZLgUi > svg {
  width: 28px;
  height: 28px;
  color: #ffa519;
  margin-right: 12px;
  position: relative;
  top: 7px;
}
.outMeetingModalBox_vq1EL .headRow_ZLgUi .wording_67QJo,
.endModalBox_lwvaY .headRow_ZLgUi .wording_67QJo {
  font-size: 20px;
}
.outMeetingModalBox_vq1EL .actionRow_uhALT,
.endModalBox_lwvaY .actionRow_uhALT {
  text-align: right;
}
.outMeetingModalBox_vq1EL .actionRow_uhALT .btn_Vq5ll,
.endModalBox_lwvaY .actionRow_uhALT .btn_Vq5ll {
  display: inline-block;
  padding: 8px 20px;
  width: 104px;
  text-align: center;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  cursor: pointer;
}
.outMeetingModalBox_vq1EL .actionRow_uhALT .btn_Vq5ll:hover,
.endModalBox_lwvaY .actionRow_uhALT .btn_Vq5ll:hover {
  opacity: 0.7;
}
.endModalBox_lwvaY {
  height: auto;
  padding-top: 24px;
}
.endModalBox_lwvaY .headRow_ZLgUi {
  font-weight: 600;
  margin-bottom: 24px;
}
.endModalBox_lwvaY .headRow_ZLgUi .wording_67QJo {
  font-size: 20px;
}
.endModalBox_lwvaY .actionRow_uhALT .btn_Vq5ll {
  text-align: center;
  height: auto;
}
.checkDeviceModal_3e-Bo {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.45);
  background: var(--Neutral-colorBg-Mask, rgba(0, 0, 0, 0.45));
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  pointer-events: auto;
}
.checkDeviceModal_3e-Bo .content_SlKNr {
  width: 336px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 136px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: #fff;
  color: #0C1024;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}
.checkDeviceModal_3e-Bo .close_ZmZDz {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 4px;
  top: 100px;
  padding: 6px;
  border-radius: 40px;
  background-color: rgba(0, 0, 0, 0.25);
}
.checkDeviceModal_3e-Bo .close_ZmZDz > svg {
  color: rgba(255, 255, 255, 0.65);
}
.checkDeviceModal_3e-Bo .jiantou_2wWRj {
  width: 109px;
  position: absolute;
  right: 30px;
  top: 10px;
}
.inRecordingDialogBox_-PwvF,
.endRecordingDialogBox_FqL3T,
.reRecordTipDialogBox_mLqAN,
.handleShareRequestDialogBox_GaooW {
  width: 380px;
  height: 162px;
  border-radius: 12px;
  padding: 20px 24px;
  padding-top: 15px;
  background-color: #fff;
  position: absolute;
  top: 135px;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
  pointer-events: auto;
}
.inRecordingDialogBox_-PwvF .headerRow_lzJRf,
.endRecordingDialogBox_FqL3T .headerRow_lzJRf,
.reRecordTipDialogBox_mLqAN .headerRow_lzJRf,
.handleShareRequestDialogBox_GaooW .headerRow_lzJRf {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 600;
  color: #0c1024;
  text-align: left;
}
.inRecordingDialogBox_-PwvF .headerRow_lzJRf > svg,
.endRecordingDialogBox_FqL3T .headerRow_lzJRf > svg,
.reRecordTipDialogBox_mLqAN .headerRow_lzJRf > svg,
.handleShareRequestDialogBox_GaooW .headerRow_lzJRf > svg {
  margin-right: 8px;
  position: relative;
  top: 7px;
  color: #2e73e5;
}
.inRecordingDialogBox_-PwvF .bodyRow_6PfA5,
.endRecordingDialogBox_FqL3T .bodyRow_6PfA5,
.reRecordTipDialogBox_mLqAN .bodyRow_6PfA5,
.handleShareRequestDialogBox_GaooW .bodyRow_6PfA5 {
  padding-left: 33px;
  font-size: 14px;
  color: #616371;
  margin-bottom: 16px;
  text-align: left;
  word-break: break-word;
}
.inRecordingDialogBox_-PwvF .footerRow_UdXOh,
.endRecordingDialogBox_FqL3T .footerRow_UdXOh,
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh {
  display: flex;
  justify-content: flex-end;
}
.inRecordingDialogBox_-PwvF .footerRow_UdXOh .confirm_8FKwP,
.endRecordingDialogBox_FqL3T .footerRow_UdXOh .confirm_8FKwP,
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .confirm_8FKwP,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .confirm_8FKwP {
  min-width: 56px;
  height: 32px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 12px;
  cursor: pointer;
}
.inRecordingDialogBox_-PwvF .footerRow_UdXOh .confirm_8FKwP:hover,
.endRecordingDialogBox_FqL3T .footerRow_UdXOh .confirm_8FKwP:hover,
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .confirm_8FKwP:hover,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .confirm_8FKwP:hover {
  opacity: 0.7;
}
.inRecordingDialogBox_-PwvF .footerRow_UdXOh .confirm_8FKwP:active,
.endRecordingDialogBox_FqL3T .footerRow_UdXOh .confirm_8FKwP:active,
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .confirm_8FKwP:active,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .confirm_8FKwP:active {
  opacity: 1;
  background-color: #1d56bf;
}
.endRecordingDialogBox_FqL3T {
  height: 152px;
}
.endRecordingDialogBox_FqL3T .bodyRow_6PfA5 {
  padding-left: 0px;
  word-break: break-word;
}
.inRecordingFirstModalBox_vY6g4 {
  width: 480px;
  border-radius: 12px;
  padding: 24px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inRecordingFirstModalBox_vY6g4 .headerRow_lzJRf {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.inRecordingFirstModalBox_vY6g4 .headerRow_lzJRf > svg {
  margin-right: 12px;
  position: relative;
  top: 4px;
  color: #ffa519;
}
.inRecordingFirstModalBox_vY6g4 .bodyRow_6PfA5 {
  padding-left: 35px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
}
.inRecordingFirstModalBox_vY6g4 .bodyRow_6PfA5 .text_KCxzb {
  color: #616371;
  margin-bottom: 8px;
}
.inRecordingFirstModalBox_vY6g4 .bodyRow_6PfA5 .reminder_xCTOa {
  color: #0c1024;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh {
  display: flex;
  justify-content: flex-end;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .cancel_fRgpl {
  min-width: 72px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  background-color: #fff;
  text-align: center;
  font-size: 16px;
  margin-right: 12px;
  padding: 8px 20px;
  cursor: pointer;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .cancel_fRgpl:hover {
  opacity: 0.7;
  color: #2e73e5;
  border-color: #2e73e5;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .cancel_fRgpl:active {
  opacity: 1;
  color: #1d56bf;
  border-color: #1d56bf;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .confirm_8FKwP {
  min-width: 72px;
  height: 40px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 8px 20px;
  cursor: pointer;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .confirm_8FKwP:hover {
  opacity: 0.7;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .confirm_8FKwP:active {
  opacity: 1;
  background-color: #1d56bf;
}
.inRecordingDialogBoxPhone_Daz4A {
  width: 359px;
  height: 105px;
  padding: 16px;
  border-radius: 8px;
  background-color: #fff;
  display: flex;
  position: absolute;
  top: 65px;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
  pointer-events: auto;
}
.inRecordingDialogBoxPhone_Daz4A .iconCol_yBhMd {
  width: 24px;
  margin-right: 8px;
  color: #2e73e5;
}
.inRecordingDialogBoxPhone_Daz4A .contentCol_GZGt9 {
  width: 203px;
  margin-right: 12px;
}
.inRecordingDialogBoxPhone_Daz4A .contentCol_GZGt9 > div:first-child {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.inRecordingDialogBoxPhone_Daz4A .contentCol_GZGt9 > div:last-child {
  font-size: 14px;
  color: #616371;
}
.inRecordingDialogBoxPhone_Daz4A .btnCol_Rs6HB {
  align-self: center;
}
.inRecordingDialogBoxPhone_Daz4A .btnCol_Rs6HB .confirm_8FKwP {
  min-width: 80px;
  height: 32px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 12px;
  cursor: pointer;
}
.inRecordingDialogBoxPhone_Daz4A .btnCol_Rs6HB .confirm_8FKwP:hover {
  opacity: 0.7;
}
.inRecordingDialogBoxPhone_Daz4A .btnCol_Rs6HB .confirm_8FKwP:active {
  opacity: 1;
  background-color: #1d56bf;
}
.endRecordingDialogBoxPhone_-8BpN {
  width: 359px;
  height: 105px;
  padding: 16px;
  border-radius: 8px;
  background-color: #fff;
  display: flex;
  position: absolute;
  top: 65px;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
  pointer-events: auto;
}
.endRecordingDialogBoxPhone_-8BpN .contentCol_GZGt9 {
  width: 235px;
  margin-right: 12px;
}
.endRecordingDialogBoxPhone_-8BpN .contentCol_GZGt9 > div:first-child {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.endRecordingDialogBoxPhone_-8BpN .contentCol_GZGt9 > div:last-child {
  font-size: 14px;
  color: #616371;
}
.endRecordingDialogBoxPhone_-8BpN .btnCol_Rs6HB {
  align-self: center;
}
.endRecordingDialogBoxPhone_-8BpN .btnCol_Rs6HB .confirm_8FKwP {
  min-width: 80px;
  height: 32px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 12px;
  cursor: pointer;
}
.endRecordingDialogBoxPhone_-8BpN .btnCol_Rs6HB .confirm_8FKwP:hover {
  opacity: 0.7;
}
.endRecordingDialogBoxPhone_-8BpN .btnCol_Rs6HB .confirm_8FKwP:active {
  opacity: 1;
  background-color: #1d56bf;
}
.advanceSettingModal_8FEMS {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  padding: 16px 40px 40px 40px;
  border-radius: 12px;
  width: 520px;
}
.advanceSettingModal_8FEMS .closeBox_TEKAC {
  position: absolute;
  right: 12px;
  display: flex;
  padding: 12px;
  cursor: pointer;
  border-radius: 2px;
}
.advanceSettingModal_8FEMS .closeBox_TEKAC > svg {
  font-size: 20px;
}
.advanceSettingModal_8FEMS .closeBox_TEKAC:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.reRecordTipDialogBox_mLqAN,
.handleShareRequestDialogBox_GaooW {
  height: auto;
  height: initial;
}
.reRecordTipDialogBox_mLqAN .bodyRow_6PfA5,
.handleShareRequestDialogBox_GaooW .bodyRow_6PfA5 {
  padding-left: 0;
}
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .cancel_fRgpl,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .cancel_fRgpl {
  min-width: 80px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 12px;
  margin-right: 12px;
  cursor: pointer;
}
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .cancel_fRgpl:hover,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .cancel_fRgpl:hover {
  opacity: 0.7;
  color: #2e73e5;
  border-color: #2e73e5;
}
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .cancel_fRgpl:active,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .cancel_fRgpl:active {
  opacity: 1;
  color: #1d56bf;
  border-color: #1d56bf;
}
.handleShareRequestDialogBox_GaooW .headerRow_lzJRf {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.handleShareRequestDialogBox_GaooW .headerRow_lzJRf > svg {
  margin-right: 0;
  margin-right: initial;
  position: static;
  position: initial;
  color: inherit;
  cursor: pointer;
}
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .cancel_fRgpl {
  min-width: 56px;
}
.handleShareRequestDialogBoxPhone_EwNgk {
  width: 359px;
  padding: 16px;
  border-radius: 8px;
  background-color: #fff;
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
  pointer-events: auto;
}
.handleShareRequestDialogBoxPhone_EwNgk .closeIconBox_8le-B {
  position: absolute;
  right: 8px;
  top: 8px;
}
.handleShareRequestDialogBoxPhone_EwNgk .headerRow_lzJRf {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 5px;
}
.handleShareRequestDialogBoxPhone_EwNgk .bodyRow_6PfA5 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.handleShareRequestDialogBoxPhone_EwNgk .bodyRow_6PfA5 .subtitle_glx4L {
  color: #616371;
  font-size: 14px;
  line-height: 22px;
}
.handleShareRequestDialogBoxPhone_EwNgk .bodyRow_6PfA5 .confirm_8FKwP {
  min-width: 80px;
  height: 32px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 12px;
}
.displayNone_ygJOi {
  display: none;
}
@keyframes skeleton-loading_Qlyft {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.header_7QsoO {
  height: 56px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  padding: 0 12px;
}
.header_7QsoO span {
  line-height: 30px;
  color: var(--upime-main-text);
  font-size: 20px;
}
.header_7QsoO .backBtn_Fxopd,
.header_7QsoO .closeBtn_ob3KT {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.header_7QsoO .closeBtn_ob3KT {
  margin-left: auto;
}
.do-hovers .backBtn_Fxopd:hover,
.do-hovers .closeBtn_ob3KT:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.body_P75-7 {
  height: calc(100% - 64px);
  background-color: #f5f6f6;
  overflow: auto;
}
.body_P75-7 .loadingBox_8PKNN {
  margin-top: 290px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.body_P75-7 .loadingBox_8PKNN .loading_Deed- {
  color: #2e73e5;
  animation: loading_Deed- 1.5s linear infinite forwards;
}
.body_P75-7 .loadingBox_8PKNN .tip_sLM14 {
  color: #424454;
  font-size: 14px;
  line-height: 20px;
}
.body_P75-7 .searchBar_Uzq-3 {
  width: 316px;
  height: 36px;
  background-color: #fff;
  margin: 12px auto;
  border-radius: 4px;
  position: relative;
}
.body_P75-7 .searchBar_Uzq-3 .clearInput_zg-Ka {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 9px;
  top: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #dedede;
  cursor: pointer;
}
.body_P75-7 .searchBar_Uzq-3 .clearInput_zg-Ka svg {
  color: white;
  width: 10px;
  height: 10px;
}
.body_P75-7 .searchBar_Uzq-3 > svg {
  font-size: 20px;
  color: #979797;
  position: relative;
  top: 9px;
  left: 12px;
}
.body_P75-7 .searchBar_Uzq-3 > input {
  margin-left: 20px;
  border: none;
  top: 3px;
  position: relative;
}
.body_P75-7 .searchBar_Uzq-3 > input::-moz-placeholder {
  color: #91939c;
}
.body_P75-7 .searchBar_Uzq-3 > input::placeholder {
  color: #91939c;
}
.body_P75-7 .meetingEntry_VRX5a {
  width: 316px;
  height: 104px;
  background-color: #fff;
  margin: 12px auto;
  border-radius: 4px;
  padding: 16px;
  position: relative;
}
.body_P75-7 .meetingEntry_VRX5a.active_AoHuL {
  background-color: #eaf1fc;
}
.body_P75-7 .meetingEntry_VRX5a .headerSect_VMhGz .date_H6rZ7 {
  font-size: 14px;
  color: #0c1024;
}
.body_P75-7 .meetingEntry_VRX5a .headerSect_VMhGz .day_oKns6 {
  margin: auto 8px;
  font-size: 14px;
  color: #0c1024;
}
.body_P75-7 .meetingEntry_VRX5a .headerSect_VMhGz .time_5RuNw {
  color: #0c1024;
  font-size: 14px;
}
.body_P75-7 .meetingEntry_VRX5a .content_GD0PG {
  margin-top: 2px;
  color: #0c1024;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.body_P75-7 .meetingEntry_VRX5a .content_GD0PG .title_zi49l {
  flex: 1;
  display: flex;
  align-items: center;
}
.body_P75-7 .meetingEntry_VRX5a .content_GD0PG .title_zi49l .text_6yzFf {
  margin-right: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 224px;
}
.body_P75-7 .meetingEntry_VRX5a .footer_GQlpr {
  margin-top: 4px;
  display: flex;
}
.body_P75-7 .meetingEntry_VRX5a .footer_GQlpr .creator_V7z9S {
  color: #0c1024;
  font-size: 12px;
}
.body_P75-7 .meetingEntry_VRX5a .footer_GQlpr .avatar_dKdiy {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  margin-left: 6px;
}
.body_P75-7 .meetingEntry_VRX5a .footer_GQlpr .userName_hjJmd {
  color: #0c1024;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 118px;
}
.body_P75-7 .meetingEntry_VRX5a .arrow_rcaVh {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #91939c;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  height: 28px;
  display: flex;
  cursor: pointer;
  z-index: 1;
  background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #eaf1fc 12.42%);
  padding-left: 24px;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .primaryBtn_NEVr5 {
  height: 28px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: var(--upime-active);
  font-size: 12px;
  padding: 5px 8px;
  color: white;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .primaryBtn_NEVr5.disabled_hu-iP {
  color: #ffffff !important;
  background-color: var(--upime-primary-btn-disabled-bg) !important;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .primaryBtn_NEVr5.disabled_hu-iP {
  pointer-events: none;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .dropdown_5-fHP {
  margin-left: 1px;
  position: relative;
  height: 28px;
  width: 24px;
  background-color: var(--upime-active);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .dropdown_5-fHP .triangle_QA-xe {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white;
  transition: transform 0.2s linear;
  top: calc(50% - 2px);
  left: calc(50% - 4px);
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .dropdown_5-fHP.open_-7L9B {
  background-color: #5798f2 !important;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .dropdown_5-fHP.open_-7L9B .triangle_QA-xe {
  transform: rotate(180deg);
}
.body_P75-7 .nohistoryContainer_G-Yi- {
  height: 180px;
  margin-top: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.body_P75-7 .nohistoryContainer_G-Yi- img {
  width: 140px;
  height: 140px;
}
.body_P75-7 .nohistoryContainer_G-Yi- > span {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  margin-top: 8px;
}
.submenuWrapper_tIWUK {
  top: calc(100% + 4px);
  z-index: 60;
  white-space: nowrap;
}
.submenuWrapper_tIWUK .submenu_h-6A4 {
  min-width: 89px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  color: var(--upime-main-text);
}
.submenuWrapper_tIWUK .submenu_h-6A4 .submenuRow_vAxk5 {
  cursor: pointer;
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  padding: 0 16px;
  min-width: 120px;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .submenuRow_vAxk5.disabled_hu-iP {
  color: #dbdbdb;
  pointer-events: none;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .deleteBtn_kd5iA {
  color: #fe5250;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .disabledBtn_Xhwj5 {
  color: rgba(254, 82, 80, 0.4);
  cursor: no-drop;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .disabledXiazai_cdnWl {
  opacity: 0.4;
  cursor: no-drop;
  padding: 0 10px;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .cancel_alyzg {
  color: var(--upime-danger);
}
.submenuWrapper_tIWUK .submenu_h-6A4 .cancel_alyzg.disabled_hu-iP {
  color: #ffbab9 !important;
}
.detailHeader_Uw4YR .navbar_NhYpe {
  height: 56px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  padding: 0 12px;
  border-bottom: 1px solid #c7cbdb;
}
.detailHeader_Uw4YR .navbar_NhYpe span {
  line-height: 30px;
  color: var(--upime-main-text);
  font-size: 20px;
}
.detailHeader_Uw4YR .navbar_NhYpe .backBtn_Fxopd,
.detailHeader_Uw4YR .navbar_NhYpe .closeBtn_ob3KT {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.detailHeader_Uw4YR .navbar_NhYpe .closeBtn_ob3KT {
  margin-left: auto;
}
.detailHeader_Uw4YR .title_zi49l {
  padding: 20px;
}
.detailHeader_Uw4YR .title_zi49l .content_GD0PG {
  font-size: 16px;
  color: #0c1024;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 26px;
}
.detailHeader_Uw4YR .title_zi49l .headerSect_VMhGz {
  font-size: 12px;
  margin-top: 4px;
  color: #0c1024;
}
.detailHeader_Uw4YR .title_zi49l .headerSect_VMhGz .day_oKns6 {
  margin: auto 8px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr {
  margin-top: 4px;
  display: flex;
  position: relative;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .member_Mx9R4 {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
  bottom: 1px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .member_Mx9R4 .more_num_fzcLO {
  font-size: 12px;
  width: 22px;
  height: 22px;
  border: 1px solid white;
  white-space: nowrap;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .member_Mx9R4 .withBadge_meBXW {
  width: -moz-max-content;
  width: max-content;
  padding: 0px 5px;
  border-radius: 15px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .creator_V7z9S {
  color: #0c1024;
  font-size: 12px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .avatar_dKdiy {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  margin-left: 4px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userName_hjJmd {
  color: #0c1024;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 26px;
  flex: 1;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .divider_8dPkI {
  width: 1px;
  height: 20px;
  background-color: #d8d8d8;
  margin: 0 12px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn {
  width: 240px;
  max-height: 256px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  z-index: 1;
  top: 26px;
  padding: 8px 0px;
  overflow: auto;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn::-webkit-scrollbar {
  width: 4px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn .row_kTsmA {
  display: flex;
  height: 40px;
  align-items: center;
  cursor: pointer;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn .row_kTsmA .avatar_dKdiy {
  margin-left: 16px;
  margin-right: 12px;
  width: 28px;
  height: 28px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn .row_kTsmA .userName_hjJmd {
  flex: 1;
  font-size: 14px;
  padding-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detailHeader_Uw4YR .divideBar_p2HBD {
  width: 340px;
  height: 8px;
  background-color: #f5f6f6;
}
.detailHeader_Uw4YR .gengduo_oP2A6 {
  position: absolute;
  top: 90px;
  right: 20px;
  cursor: pointer;
}
.detailBody_GQl6l {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.detailBody_GQl6l .detailTabs_qR-N7 {
  width: 100%;
  height: 44px;
  padding: 0 20px;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #dbdbde;
}
.detailBody_GQl6l .detailTabs_qR-N7 .detailTabItem_HNmQ9 {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #424454;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 0 8px;
  cursor: pointer;
  position: relative;
}
.detailBody_GQl6l .detailTabs_qR-N7 .detailTabItem_HNmQ9.activeTab_AYXl- {
  color: #0c1024;
  font-weight: 600;
}
.detailBody_GQl6l .detailTabs_qR-N7 .detailTabItem_HNmQ9.activeTab_AYXl-::after {
  content: '';
  height: 2px;
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: -1px;
  background-color: #000;
}
.noContentBox_ZFOgH {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.noContentBox_ZFOgH .noContentTip_I-TYb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.noContentBox_ZFOgH .noContentTip_I-TYb > img {
  width: 140px;
  margin-bottom: 5px;
}
.noContentBox_ZFOgH .noContentTip_I-TYb > span {
  color: #616371;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.meetingRecordDetailWrap_qFh59 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.meetingRecordDetailWrap_qFh59::-webkit-scrollbar {
  width: 4px;
}
.meetingRecordDetailWrap_qFh59::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.meetingRecordDetailWrap_qFh59::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.meetingRecordDetailWrap_qFh59 .meetingRecordDetail_sFQox {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: scroll;
  padding-left: 4px;
}
.meetingRecordDetailWrap_qFh59 .transitioning_b-UN3 {
  width: 300px;
  height: 169px;
  margin: 6px auto;
  background-color: #303445;
  position: relative;
}
.meetingRecordDetailWrap_qFh59 .transitioning_b-UN3 .tip_sLM14 {
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 102px;
  left: 0;
  right: 0;
  text-align: center;
}
.meetingRecordDetailWrap_qFh59 .transitioning_b-UN3 .loading_Deed- {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 70px;
  animation: loading_Deed- 1.5s linear infinite forwards;
}
.meetingRecordDetailWrap_qFh59 .transitioning_b-UN3 .jinggao_PAmxX {
  color: #fe5250;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 70px;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 {
  width: 300px;
  height: 169px;
  margin: 8px auto 0 auto;
  display: flex;
  position: relative;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 audio {
  visibility: hidden;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .pan_ZlEds {
  position: absolute;
  left: 36.5%;
  top: 16%;
  width: 110px;
  height: 110px;
  pointer-events: none;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .disk_RrPUz {
  position: absolute;
  left: 41.2%;
  top: 32%;
  width: 56px;
  height: 56px;
  pointer-events: none;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .bar_9W5B5 {
  position: absolute;
  left: 67%;
  top: 29%;
  transform-origin: center top;
  transform: rotate(0deg);
  transition: transform 0.5s linear;
  width: 10px;
  height: 51px;
  pointer-events: none;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 48px;
  background: linear-gradient(to bottom, rgba(27, 37, 100, 0.03), rgba(22, 39, 89, 0.4));
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ.fade_ZqYVG {
  opacity: 0;
  transition: opacity 0.5s;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ .top_nYmow {
  height: 20px;
  padding: 2px 12px 0 18px;
  display: flex;
  flex-direction: row;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ .top_nYmow .progress_6ba4b {
  flex: 1;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ .top_nYmow .time_5RuNw {
  margin-left: 14px;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ .bottom_cQ-dO {
  height: 28px;
  padding: 0 8px 4px 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 {
  display: flex;
  width: 100%;
  padding: 0 12px;
  height: 32px;
  margin-top: 8px;
  align-items: center;
  position: relative;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I.daoru_vVI6z > svg {
  width: 16px;
  height: 16px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I > svg {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I.disabled_hu-iP {
  color: #c2c3c8;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I.disabled_hu-iP > svg {
  cursor: auto;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I.bg_Nu5w5 {
  background-color: rgba(0, 0, 0, 0.06);
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG {
  cursor: pointer;
  border-radius: 4px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  margin-right: auto;
  margin-left: 8px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG.bg_Nu5w5 {
  background-color: rgba(0, 0, 0, 0.06);
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG.unclickable_nI8-k {
  pointer-events: none;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG > svg {
  width: 8px;
  height: 8px;
  margin-left: 2px;
  position: relative;
  bottom: 2px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG > svg.gray_J55fE {
  color: #c2c3c8;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD {
  position: absolute;
  z-index: 1;
  width: 136px;
  max-height: 256px;
  background-color: #fff;
  padding: 8px 0;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  margin-top: 8px;
  text-align: left;
  overflow: auto;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD::-webkit-scrollbar {
  width: 4px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD .videoItem_vsjo4 {
  height: 40px;
  padding: 9px 16px;
  font-size: 14px;
  line-height: 22px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD .videoItem_vsjo4:hover {
  background-color: rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiBox_n1y0g {
  position: absolute;
  z-index: 1;
  width: 155px;
  max-height: 96px;
  background-color: #fff;
  padding: 8px 0;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  right: 0;
  top: 35px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiBox_n1y0g .xiazaiItem_ZyfLk {
  height: 40px;
  padding: 9px 16px;
  font-size: 14px;
  line-height: 22px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiBox_n1y0g .xiazaiItem_ZyfLk:hover {
  background-color: rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiBox_n1y0g .xiazaiItem_ZyfLk.disable_6eume {
  color: #c2c3c8;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-bottom: 8px;
  position: relative;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .audio2text_R4OVG {
  width: 300px;
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #91939c;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  margin: 20px auto;
  cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .audio2text_R4OVG.disabled_hu-iP {
  border-color: #dbdbde;
  color: #c2c3c8;
  cursor: auto;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTitleBox_HMRLs {
  margin-left: 20px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTitleBox_HMRLs .underline_7Ytif {
  width: 24px;
  height: 2px;
  border-radius: 2px;
  background-color: #2e73e5;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translate(-50%);
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTitle_Qj7Gt {
  min-width: 58px;
  height: 20px;
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 24px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTitle_Qj7Gt.zhihui_6xS3S {
  color: #91939c;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textLoadingBox_zvfQi {
  width: 100%;
  height: 100%;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textLoading_h5IZm {
  color: #91939c;
  animation: loading_Deed- 1.5s linear infinite forwards;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTip_Y1RvY {
  text-align: center;
  color: #91939c;
  font-size: 12px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER {
  padding: 0 20px;
  padding-right: 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 {
  margin-bottom: 12px;
  display: flex;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .avatar_dKdiy {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  margin-right: 8px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 {
  flex: 1;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc {
  font-size: 12px;
  color: #91939c;
  line-height: 20px;
  display: flex;
  position: relative;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc > span {
  margin-right: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 190px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .iconBox_Pv9Cq {
  cursor: pointer;
  margin-left: auto;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  text-align: center;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .iconBox_Pv9Cq > svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .iconBox_Pv9Cq:hover {
  background-color: #f5f6f6;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .popBox_fXqzU {
  position: absolute;
  min-width: 168px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  right: 0px;
  top: 20px;
  display: none;
  z-index: 1;
  padding: 8px 0;
  color: #0c1024;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .popBox_fXqzU .row_kTsmA {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .popBox_fXqzU .row_kTsmA span {
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textContent_Dh44j {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  font-size: 14px;
  color: #0c1024;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A {
  display: flex;
  flex: 1;
  padding: 0 20px;
  padding-right: 18px;
  overflow: auto;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A::-webkit-scrollbar {
  width: 4px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .genBtn_VHiqT {
  width: 300px;
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #91939c;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  bottom: 14px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .loadingBox_8PKNN {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .loadingBox_8PKNN .aiLoading_S69EH {
  width: 58px;
  height: 58px;
  margin: auto;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .loadingBox_8PKNN .loadingTip_Ae6gJ {
  text-align: center;
  color: #91939c;
  font-size: 12px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .jiyaoItem_j4yxh {
  font-size: 14px;
}
.meetingRecordDetailWrap_qFh59 .footerBox_yHtHj {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0 16px;
  gap: 16px;
  background: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.meetingRecordDetailWrap_qFh59 .footerBox_yHtHj .col_crHGU {
  height: 32px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  background: #F5F6F6;
  cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .footerBox_yHtHj .col_crHGU > svg {
  width: 16px;
  height: 16px;
}
.do-hovers .popBox_fXqzU .row_kTsmA:hover {
  background: rgba(0, 0, 0, 0.06);
}
.do-hovers .footerBox_yHtHj .col_crHGU:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #F5F6F6;
}
.meetingGroupPhotoDetailWrap_cusYs {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz {
  width: 100%;
  height: 32px;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding: 0 12px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderLeft_1BVv9 {
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 0 8px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO {
  display: flex;
  flex-direction: row;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO .importAllGroupPhotosBtn_JIrnF,
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO .downloadAllGroupPhotosBtn_3WBbK {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO .importAllGroupPhotosBtn_JIrnF.disabled_hu-iP,
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO .downloadAllGroupPhotosBtn_3WBbK.disabled_hu-iP {
  color: #C2C3C8;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 8px 20px;
  overflow-x: hidden;
  overflow-y: auto;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI::-webkit-scrollbar {
  width: 4px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev {
  width: 100%;
  height: 172px;
  position: relative;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoImageGenerating_TW2qc {
  width: 100%;
  height: 100%;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoImagePreview_8dWiK {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoImageGenerateFailed_LEVhZ {
  width: 100%;
  height: 100%;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT {
  position: absolute;
  top: 8px;
  right: 4px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .toggleMoreOperationsBtn_LiBkl {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  color: #0C1024;
  border-radius: 2px;
  background-color: #FFF;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .toggleMoreOperationsBtn_LiBkl.disabled_hu-iP {
  color: #C2C3C8;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .toggleMoreOperationsBtn_LiBkl.active_AoHuL {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #FFF;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P {
  min-width: 120px;
  padding: 8px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT {
  height: 36px;
  width: 100%;
  padding: 9px 16px;
  display: flex;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  position: relative;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT .moreOperationsItemInner_yGSR9 {
  width: 100%;
  height: 100%;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT .moreOperationsItemContent_dyXir {
  color: #0C1024;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT.dangerOperation_l0eQV .moreOperationsItemContent_dyXir {
  color: #FE5250;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT .deleteConfirmPop_tAgvZ {
  position: absolute;
  bottom: calc(100% + 10px);
  right: -15px;
  visibility: visible;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .previewImageBtn_EhprT {
  visibility: hidden;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.45);
  position: absolute;
  right: 4px;
  bottom: 2px;
}
.do-hovers .importAllGroupPhotosBtn_JIrnF:hover,
.do-hovers .downloadAllGroupPhotosBtn_3WBbK:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .toggleMoreOperationsBtn_LiBkl:not(.disabled_hu-iP):hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .groupPhotoItemWrap_DMrev:hover .previewImageBtn_EhprT {
  visibility: visible;
}
.do-hovers .moreOperationsItem_2tJQT:hover {
  cursor: pointer;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #FFF;
}
.do-hovers .previewImageBtn_EhprT:hover {
  cursor: pointer;
}
.dialogContainer_f7rfi {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 182px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  padding: 24px;
  justify-content: space-between;
}
.dialogContainer_f7rfi .content_GD0PG > svg {
  position: relative;
  top: 5px;
  margin-right: 12px;
  color: #fe5250;
}
.dialogContainer_f7rfi .content_GD0PG .title_zi49l {
  height: 28px;
  font-size: 20px;
  line-height: 28px;
  color: var(--upime-main-text);
  font-weight: 600;
}
.dialogContainer_f7rfi .content_GD0PG .title_zi49l.userName_hjJmd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  margin-right: 4px;
}
.dialogContainer_f7rfi .content_GD0PG .title_zi49l.titleDesc_EHMie {
  white-space: nowrap;
}
.dialogContainer_f7rfi .content_GD0PG .desc_MpEwT {
  min-height: 22px;
  margin-top: 8px;
  line-height: 22px;
  color: #616371;
  font-size: 14px;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.dialogContainer_f7rfi .actions_arfXk {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.dialogContainer_f7rfi .actions_arfXk .reject_ju0mt {
  margin-right: 12px;
  font-size: 14px;
  width: 88px;
  height: 36px;
}
.dialogContainer_f7rfi .actions_arfXk .confirm_9s7AP {
  font-size: 14px;
  height: 36px;
  width: 88px;
}
.noTextContainer_cbcIR {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.noTextContainer_cbcIR img {
  width: 80px;
}
.noTextContainer_cbcIR span {
  color: #616371;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.hide_jqvh6 {
  display: none !important;
}
.do-hovers .floatIcon_ofcjx:hover {
  color: var(--upime-active);
}
.do-hovers .enableHover_QnzPs:hover {
  background-color: #eaf1fc;
}
.do-hovers .primaryBtn_NEVr5:hover {
  background-color: var(--upime-primary-btn-hover-bg) !important;
}
.do-hovers .dropdownNormal_DqN4k:hover {
  background-color: var(--upime-primary-btn-hover-bg) !important;
}
.do-hovers .submenuRow_vAxk5:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .disabledBtn_Xhwj5:hover {
  background-color: transparent !important;
}
.do-hovers .disabledXiazai_cdnWl:hover {
  background-color: transparent !important;
}
@keyframes loading_Deed- {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.groupPhotoGenerateFailedTipWrap_4TPqy {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 2px;
  background-color: #424454;
}
.groupPhotoGenerateFailedTipWrap_4TPqy .tipIcon_KF57K {
  color: #fff;
}
.groupPhotoGenerateFailedTipWrap_4TPqy .tipText_OF9Qu {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.iconWrap_xdHWV {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconInnerWrap_lS-HZ {
  width: 24px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.iconInnerWrap_lS-HZ .badgeTip_s0qR0 {
  top: -6px;
  right: -6px;
}
.iconInnerWrap_lS-HZ .dotTip_HSXj3 {
  top: -6px;
}
.iconWrapActive_LnTfq {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrap_xdHWV:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_LnTfq:hover {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.root_BbyfJ {
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.root_BbyfJ .divider_zVFSX {
  width: 1px;
  height: 20px;
  background-color: var(--upime-divider-bg);
  margin: 0 8px;
}
.root_BbyfJ.extension_Go3i- {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.root_BbyfJ.extension_Go3i- .extensionItem_FcdYp {
  width: 40px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.root_BbyfJ.extension_Go3i- .extensionItem_FcdYp > svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.root_BbyfJ.extension_Go3i- .extensionItem_FcdYp.active_9-9X3 {
  color: var(--upime-active);
}
.extensionSidePanelItemBtn_1u4Ro {
  position: relative;
}
.badgeTip_s0qR0 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: 9px;
  border: 1px solid #fff;
  background-color: #2e73e5;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  white-space: nowrap;
  position: absolute;
  top: -1px;
  right: -1px;
}
.dotTip_HSXj3 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #2e73e5;
  position: absolute;
  top: 0px;
  left: calc(50% - 2px);
}
.extensionRoot_FGOxX {
  width: 340px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: white;
  position: relative;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.extensionRoot_FGOxX .header_VCQlr {
  width: 100%;
  height: 60px;
  padding: 12px 16px 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.extensionRoot_FGOxX .header_VCQlr > span {
  font-size: 20px;
  line-height: 30px;
  color: var(--upime-main-text);
  font-weight: 600;
}
.extensionRoot_FGOxX .header_VCQlr .iconBox_PW82b {
  padding: 8px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.extensionRoot_FGOxX .header_VCQlr .iconBox_PW82b .closeIcon_SHSht {
  font-size: 20px;
  color: var(--upime-main-text);
}
.extensionRoot_FGOxX .header_VCQlr .iconBox_PW82b:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.rtcListRootContainer_qIqXc {
  position: absolute;
  top: 102px;
  width: 212px;
  right: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 216px;
  cursor: pointer;
  touch-action: none;
  transform-origin: top left;
}
.rtcListRootContainer_qIqXc.hide_KSYQx {
  visibility: hidden;
}
.rtcListRootContainer_qIqXc .contentContainer_pxbY7 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.rtcListRootContainer_qIqXc .contentContainer_pxbY7.hide_KSYQx {
  visibility: hidden;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev {
  position: absolute;
  background-color: #303445;
  padding: 2px 4px 3px 4px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #0c1024;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .switchBox_EYQy-,
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .hideBox_0HhII {
  display: flex;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .switchBox_EYQy- .iconBox_504MN,
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .hideBox_0HhII .iconBox_504MN {
  padding: 4px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .switchBox_EYQy- .iconBox_504MN > svg,
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .hideBox_0HhII .iconBox_504MN > svg {
  color: rgba(255, 255, 255, 0.4);
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .switchBox_EYQy- .iconBox_504MN:hover,
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .hideBox_0HhII .iconBox_504MN:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev.visible_PAgt5 {
  margin-top: -38px;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev.hide_KSYQx {
  margin-top: 0;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev:hover {
  margin-top: -38px;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev:hover + .contentContainer_pxbY7 .speakingBar_ltrGX {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rtcListRootContainer_qIqXc .speakingBar_ltrGX {
  padding: 8px 10px;
  border-bottom: 1px solid #0c1024;
  background-color: #303445;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rtcListRootContainer_qIqXc .speakingBar_ltrGX.round_P2MX0 {
  border-radius: 8px;
}
.rtcListRootContainer_qIqXc .speakingBar_ltrGX.noRadius_NUett {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.blockActionPanel_pVjq0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.zindex22_WmV-Z {
  z-index: 22;
}
.container_lff7V {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.viewport_--7DE {
  overflow: hidden;
  transform: translateZ(0);
  background-color: #303445;
  padding: 0 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.viewportScrollable {
  overflow: auto;
}
.viewportScrollable::-webkit-scrollbar {
  display: none;
}
.transList_OZsPI {
  transition: transform 0.2s ease;
}
.sliderBtn_joPJl {
  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;
}
.sliderBtn_joPJl.pc_qNRiU {
  visibility: hidden;
}
.sliderBtn_joPJl.visible_PAgt5 {
  visibility: visible;
}
.upBtn_RpZTj {
  z-index: 1;
  top: 37px;
  border-radius: 0px 0px 8px 8px;
  background-color: rgba(48, 52, 69, 0.8);
}
.downBtn_IGLIP {
  bottom: 0;
  border-radius: 8px 8px 0px 0px;
  background-color: rgba(48, 52, 69, 0.8);
}
.btnDisabled_5qzFF {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.2);
}
.sideToggle_BI8rK {
  position: absolute;
  height: 48px;
  width: 24px;
  background-color: #303030;
  top: 148px;
  right: 0;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  pointer-events: auto;
  padding-left: 2px;
  z-index: 1;
}
.sideToggle_BI8rK svg {
  width: 24px;
  height: 24px;
  color: white;
  transform: rotate(180deg);
}
.sideToggle_BI8rK.zindex22_WmV-Z {
  z-index: 22;
}
.enlargedVideoCon_9PKzD {
  height: 0px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  pointer-events: auto;
}
.sideTogglePhone_wcz32 {
  position: fixed;
  height: 48px;
  width: 24px;
  background-color: #303030;
  top: 148px;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
}
.sideTogglePhone_wcz32 svg {
  width: 24px;
  height: 24px;
  color: white;
}
.sideTogglePhone_wcz32.horizontal_-LOEi {
  top: 80px;
}
.enlargedVideoConPhone_jceuW {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 100;
}
.detachedBoxLandscape_Uxe9o {
  width: 100%;
  height: 100%;
  display: flex;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 {
  flex: 1;
  height: 100%;
  position: relative;
  background-color: #000;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .videoContainer_FFi2m {
  height: 100%;
  width: 100%;
  padding: 0 39px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .avatarContainer_8Oezy {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #303445;
  margin: 0 39px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .avatarContainer_8Oezy .avatar_836sw {
  width: 100px;
  height: 100px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 16px;
  border-radius: 999px;
  background-color: rgba(48, 52, 69, 0.6);
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .micIconBox_zrmTv {
  position: relative;
  width: 24px;
  height: 24px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .micIconBox_zrmTv > svg {
  color: #fff;
  font-size: 24px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .micIconBox_zrmTv .volume_-4Gyd {
  position: absolute;
  bottom: 9px;
  left: 50%;
  transform: translate(-50%);
  background: #05caae;
  transition: height 0.1s ease;
  border-radius: 4px;
  width: 4px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .micIconBox_zrmTv .volume_-4Gyd.hide_KSYQx {
  display: none;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .divider_ximye {
  width: 1px;
  height: 20px;
  background-color: #616371;
  margin: 0 16px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .camIconBox_jgYHV {
  width: 24px;
  height: 24px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .camIconBox_jgYHV > svg {
  color: #fff;
  font-size: 24px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV {
  position: absolute;
  top: 16px;
  left: 0;
  flex-shrink: 0;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV > span {
  line-height: 18px;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 8px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  font-size: 16px;
  height: 24px;
  max-width: 300px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV > span > span {
  position: relative;
  bottom: 7px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV .shareIconBox_-e5tY {
  display: inline-block;
  border-radius: 2px;
  background-color: #00c78b;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  position: relative;
  bottom: 7px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV .shareIconBox_-e5tY > svg {
  font-size: 14px;
  margin-right: 4px;
  position: relative;
  top: 2px;
  left: 2px;
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj {
  padding: 8px;
  background-color: #1d1e32;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj .btnRow_IwEdN {
  height: 20px;
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl {
  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_Uxe9o .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl > svg {
  font-size: 20px;
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl.btnDisabled_5qzFF > svg {
  color: rgba(255, 255, 255, 0.25);
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj .listbox_Pd9ol {
  margin: 4px 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.detachedBoxPortrait_kE909 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #000;
  position: relative;
}
.detachedBoxPortrait_kE909 .header_x18lV {
  flex-shrink: 0;
  z-index: 50;
  height: 48px;
  padding: 12px 16px;
  background-color: #1d1e23;
  border-bottom: 2px solid #000;
}
.detachedBoxPortrait_kE909 .header_x18lV > 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_kE909 .header_x18lV .shareIconBox_-e5tY {
  display: inline-block;
  border-radius: 2px;
  background-color: #00c78b;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  margin-left: 4px;
}
.detachedBoxPortrait_kE909 .header_x18lV .shareIconBox_-e5tY > svg {
  font-size: 14px;
  margin-right: 4px;
  position: relative;
  top: 2px;
  left: 2px;
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1d1e23;
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj .btnRow_IwEdN {
  width: 24px;
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl {
  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_kE909 .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl > svg {
  font-size: 20px;
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl.btnDisabled_5qzFF > svg {
  color: rgba(255, 255, 255, 0.25);
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj .listbox_Pd9ol {
  margin: 0px 4px;
  height: 100%;
  display: flex;
  gap: 4px;
  flex: 1;
}
.detachedBoxPortrait_kE909 .mixBox_PLzf9 {
  flex: 1;
  position: relative;
}
.detachedBoxPortrait_kE909 .mixBox_PLzf9 .videoContainer_FFi2m {
  height: 100%;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.detachedBoxPortrait_kE909 .mixBox_PLzf9 .avatarContainer_8Oezy {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  height: 210px;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  background: #303445;
}
.detachedBoxPortrait_kE909 .mixBox_PLzf9 .avatarContainer_8Oezy .avatar_836sw {
  width: 100px;
  height: 100px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf {
  width: 113px;
  margin: auto;
  margin-bottom: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 16px;
  border-radius: 999px;
  background-color: rgba(48, 52, 69, 0.6);
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .micIconBox_zrmTv {
  position: relative;
  width: 24px;
  height: 24px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .micIconBox_zrmTv > svg {
  color: #fff;
  font-size: 24px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .micIconBox_zrmTv .volume_-4Gyd {
  position: absolute;
  bottom: 9px;
  left: 50%;
  transform: translate(-50%);
  background: #05caae;
  transition: height 0.1s ease;
  border-radius: 4px;
  width: 4px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .micIconBox_zrmTv .volume_-4Gyd.hide_KSYQx {
  display: none;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .divider_ximye {
  width: 1px;
  height: 20px;
  background-color: #616371;
  margin: 0 16px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .camIconBox_jgYHV {
  width: 24px;
  height: 24px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .camIconBox_jgYHV > svg {
  color: #fff;
  font-size: 24px;
}
.rtcBlockPhoneBox_kD8au {
  color: #fff;
  border-radius: 4px;
  background-color: #303445;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px solid #303445;
}
.rtcBlockPhoneBox_kD8au .topLeftFloat_2V-z- {
  position: absolute;
  top: 4px;
  left: 4px;
  background: var(--upime-active);
  width: 14px;
  height: 14px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rtcBlockPhoneBox_kD8au .topLeftFloat_2V-z- svg {
  width: 10px;
  height: 10px;
  color: white;
}
.rtcBlockPhoneBox_kD8au .videoContainer_FFi2m {
  height: 100%;
  width: 100%;
}
.rtcBlockPhoneBox_kD8au.detached_p-IIs {
  border: 1px solid #00c78b;
}
.footer_QR4CX {
  position: absolute;
  bottom: 4px;
  left: 4px;
  font-size: 10px;
  height: 22px;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  padding-right: 4px;
  max-width: calc(100% - 16px);
}
.footer_QR4CX .identity_141M- {
  padding: 2px 4px;
  height: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  background-color: #e5920b;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.footer_QR4CX > span {
  max-width: 180px;
  height: 18px;
  font-size: 10px;
  line-height: 16px;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.footer_QR4CX .micIconContainer_t0seO {
  color: white;
  border-radius: 2px;
  position: relative;
  margin-left: 4px;
  margin-right: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_QR4CX .micIconContainer_t0seO .volume_-4Gyd {
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translate(-50%);
  background: #05caae;
  transition: height 0.1s ease;
  border-radius: 4px;
  width: 4px;
}
.footer_QR4CX .micIconContainer_t0seO > svg {
  width: 14px;
  height: 14px;
}
.footer_QR4CX .micIconContainer_t0seO .micClosedIcon_gmGxb {
  color: rgba(255, 255, 255, 0.65);
}
.footer_QR4CX .shareIconBox_-e5tY {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #00c78b;
  margin-right: 4px;
  width: 22px;
  height: 22px;
  padding: 2px;
}
.footer_QR4CX .shareIconBox_-e5tY > svg {
  font-size: 14px;
}
.singboxContainer_YdZdT {
  position: absolute;
  right: 8px;
  top: 64px;
}
.singboxContainer_YdZdT.landscape_9EESU {
  right: 16px;
  top: 76px;
}
.singleBox_cMpLG {
  position: relative;
  width: 160px;
  height: 90px;
  border-radius: 4px;
  background-color: #303445;
  border: 1px solid #303445;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.singleBox_cMpLG .actionBox_NzrDX {
  position: absolute;
  right: 8px;
  top: 8px;
  display: flex;
}
.singleBox_cMpLG .actionBox_NzrDX .minBox_9pmU7,
.singleBox_cMpLG .actionBox_NzrDX .maxBox_ixisi {
  padding: 3px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.singleBox_cMpLG .actionBox_NzrDX .minBox_9pmU7 > svg,
.singleBox_cMpLG .actionBox_NzrDX .maxBox_ixisi > svg {
  font-size: 16px;
  color: #fff;
}
.singleBox_cMpLG .actionBox_NzrDX .minBox_9pmU7 {
  margin-right: 8px;
}
.singleBox_cMpLG .actionBox_NzrDX.actionBoxHidden_dXSVA {
  visibility: hidden;
}
.singleBox_cMpLG .footer_QR4CX {
  left: 8px;
  bottom: 8px;
}
.singleBox_cMpLG .videoContainer_FFi2m > div {
  height: 90px;
}
.singleBox_cMpLG .avatar_836sw {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.singleBox_cMpLG .topLeftFloat_2V-z- {
  position: absolute;
  top: 4px;
  left: 4px;
  background: var(--upime-active);
  width: 14px;
  height: 14px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.singleBox_cMpLG .topLeftFloat_2V-z- svg {
  width: 10px;
  height: 10px;
  color: white;
}

.blockRoot_arOMy {
  width: 208px;
  height: 117px;
  background-color: rgba(255, 255, 255, 0.12);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
}
.blockRoot_arOMy:last-of-type {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blockRoot_arOMy:last-of-type .videoContainer_J07eA div,
.blockRoot_arOMy:last-of-type .videoContainer_J07eA video {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.avatar_lbJjS {
  width: 60px;
  height: 60px;
}
.footer_9Fl8G {
  position: absolute;
  bottom: 8px;
  left: 8px;
  font-size: 10px;
  height: 22px;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  padding-right: 4px;
  max-width: calc(100% - 16px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.footer_9Fl8G .identity_ZYJUf {
  padding: 2px 4px;
  height: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  background-color: #E5920B;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.footer_9Fl8G > span {
  max-width: 180px;
  height: 18px;
  font-size: 10px;
  line-height: 16px;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.footer_9Fl8G .shareIconBox_5q8k0 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #00c78b;
  margin-right: 4px;
  width: 22px;
  height: 22px;
}
.footer_9Fl8G .shareIconBox_5q8k0 > svg {
  font-size: 14px;
}
.micIconContainer_mySeo {
  color: white;
  border-radius: 2px;
  position: relative;
  margin-left: 4px;
  margin-right: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.micIconContainer_mySeo .volume_Jp8oT {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translate(-50%);
  background: #05caae;
  transition: height 0.1s ease;
  border-radius: 4px;
  width: 3px;
}
.micIconContainer_mySeo > svg {
  width: 14px;
  height: 14px;
}
.micIconContainer_mySeo .micClosedIcon_YA6Dr {
  color: rgba(255, 255, 255, 0.65);
}
.localMicState_bZKX7 {
  width: 1em;
  height: 1em;
}
.localMicState_bZKX7 .localMicVolume_Maxmh {
  transition: height 0.2s ease-out, y 0.2s ease-out;
}
.videoContainer_J07eA {
  width: 100%;
  height: 100%;
  position: absolute;
}
.coverContainer_d3Y24 {
  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_d3Y24 .title_u4shJ {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 4px;
}
.coverContainer_d3Y24 .subtitle_ZNgsG {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 5%;
  padding: 0px 24px;
  word-break: break-word;
}
.coverContainer_d3Y24 .actionRow_7vVN8 {
  text-align: center;
  color: #fff;
}
.coverContainer_d3Y24 .actionRow_7vVN8 .continueBtn_Vx1Nd {
  display: inline-block;
  margin-right: 20px;
  border-radius: 4px;
  height: 36px;
  text-align: center;
  font-size: 14px;
  padding: 7px 12px;
  min-width: 72px;
  cursor: pointer;
  background-color: #2e73e5;
}
.coverContainer_d3Y24 .actionRow_7vVN8 .stopBtn_rV2kv {
  display: inline-block;
  border-radius: 4px;
  height: 36px;
  text-align: center;
  font-size: 14px;
  padding: 7px 12px;
  min-width: 72px;
  cursor: pointer;
  border: 1px solid #DBDBDE;
}
.avatarContainer_lVlwn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cornerBtn_feHqi {
  position: absolute;
  right: 8px;
  top: 8px;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.45);
  padding: 4px;
}
.cornerBtn_feHqi > svg {
  font-size: 20px;
}
.cornerBtn_feHqi.active_TpQ-o {
  background-color: #2e73e5;
}
.morePanel_WmbQx {
  padding: 8px 0px;
  border-radius: 4px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #0c1024;
  z-index: 1;
  position: absolute;
  background-color: #fff;
}
.morePanel_WmbQx .bar_UONKC {
  display: flex;
  align-items: center;
  padding: 9px 12px 9px 16px;
  width: 100%;
  gap: 8px;
  pointer-events: auto;
}
.morePanel_WmbQx .bar_UONKC > svg {
  font-size: 18px;
}
.morePanel_WmbQx .bar_UONKC > span {
  white-space: nowrap;
  font-size: 14px;
}
.morePanel_WmbQx .bar_UONKC:hover {
  background-color: rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.morePanel_WmbQx .hoverRoot_qHMfg {
  width: 100%;
}
.morePanel_WmbQx .micBar_n7Bmu,
.morePanel_WmbQx .camBar_SHsb4 {
  position: relative;
}
.morePanel_WmbQx .micBar_n7Bmu .volume_Jp8oT,
.morePanel_WmbQx .camBar_SHsb4 .volume_Jp8oT {
  position: absolute;
  background: #05caae;
  transition: height 0.1s ease;
  border-radius: 4px;
  width: 2px;
  bottom: 13px;
  margin-left: 8px;
  margin-bottom: 5px;
}
.morePanel_WmbQx .micBar_n7Bmu .volume_Jp8oT.hide_3jaIr,
.morePanel_WmbQx .camBar_SHsb4 .volume_Jp8oT.hide_3jaIr {
  display: none;
}
.morePanel_WmbQx .micBar_n7Bmu.disabled_duaua,
.morePanel_WmbQx .camBar_SHsb4.disabled_duaua {
  pointer-events: none;
}
.morePanel_WmbQx .micBar_n7Bmu.disabled_duaua svg,
.morePanel_WmbQx .camBar_SHsb4.disabled_duaua svg,
.morePanel_WmbQx .micBar_n7Bmu.disabled_duaua span,
.morePanel_WmbQx .camBar_SHsb4.disabled_duaua span {
  color: var(--upime-disable) !important;
}
.morePanel_WmbQx .dividerLine_yiYKc {
  height: 1px;
  background-color: #e6e7e9;
  width: 100%;
  margin: 8px 0px;
}
.morePanel_WmbQx .permDeniedBox_ZNpgL {
  bottom: auto !important;
  bottom: initial !important;
}
.morePanel_WmbQx .permDeniedBox_ZNpgL {
  right: calc(100% + 4px);
  left: auto;
  left: initial;
  top: 0px;
  transform: none;
  transform: initial;
}
.morePanel_WmbQx .reachLimitRoot_iJ1Yf {
  position: absolute;
  background: black;
  left: 40%;
  transform: translate(-50%, 0);
  width: 200px;
  height: 50px;
  padding: 7px 8px;
  font-size: 12px;
  color: white;
  line-height: 18px;
  bottom: 50px;
}
.morePanel_WmbQx .reachLimitRoot_iJ1Yf .triangle_donT- {
  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);
}
.draggableAvatar_mllqo {
  position: fixed;
  width: 360px;
  height: 202px;
  background: #303445;
  border-radius: 4px;
}
.draggableAvatar_mllqo .videoContainer_J07eA > div {
  border-radius: 4px;
}
.draggableAvatar_mllqo:hover .hoverTipRoot_9NdD8 {
  visibility: visible;
}
.hoverTipRoot_9NdD8 {
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.5);
  margin-left: 12px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
.hoverTipRoot_9NdD8 svg {
  width: 18px;
  height: 18px;
  color: white;
}
.closeBtn_pSToV {
  position: absolute;
  top: 8px;
  right: 8px;
}
.mirrorIconCon_qFa75 {
  position: absolute;
  top: 8px;
  right: 46px;
}
.maxIconCon_SmJX2 {
  position: absolute;
  top: 8px;
  right: 85px;
}
.maxIconCon_SmJX2 svg {
  width: 22px;
  height: 22px;
}
.detachedContent_U6jpm {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.detachedContent_U6jpm svg {
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  color: var(--upime-second-text);
}
.detachedContent_U6jpm span {
  color: var(--upime-second-text);
  line-height: 17px;
  font-size: 12px;
}
.topLeftFloat_aWUzd {
  position: absolute;
  top: 8px;
  left: 8px;
  background: var(--upime-active);
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topLeftFloat_aWUzd svg {
  width: 14px;
  height: 14px;
  color: white;
}
.unavailabeTipContainer_wsh1X {
  position: absolute;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  font-size: 14px;
  background-color: #fff;
  width: 240px;
  padding: 16px;
  right: calc(100% + 4px);
  top: 0px;
}
.unavailabeTipContainer_wsh1X .title_u4shJ {
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 8px;
}
.unavailabeTipContainer_wsh1X .desc_BAExR {
  color: #616371;
  line-height: 22px;
  margin-bottom: 8px;
  word-break: break-word;
}
.unavailabeTipContainer_wsh1X .action_Uu-zl {
  color: #2e73e5;
  cursor: pointer;
}
.hide_3jaIr {
  display: none;
}

.shareScreenContainer_u7tqt {
  position: absolute;
  z-index: 21;
  border-radius: 4px;
}
.shareScreenContainer_u7tqt .videoContainer_xuNBc {
  width: 100%;
  height: 100%;
}
.shareScreenContainer_u7tqt .optionBar_ZorKz {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 8px;
}
.shareScreenContainer_u7tqt .optionBar_ZorKz .hoverTipRoot_bcdca {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #000;
  cursor: pointer;
}
.shareScreenContainer_u7tqt .optionBar_ZorKz .hoverTipRoot_bcdca svg {
  color: #fff;
}
.shareScreenContainer_u7tqt .footer_oGcdf {
  position: absolute;
  bottom: 8px;
  left: 8px;
  font-size: 10px;
  height: 22px;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  padding-right: 4px;
  max-width: calc(100% - 16px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.shareScreenContainer_u7tqt .footer_oGcdf .identity_WX7py {
  padding: 2px 4px;
  height: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  background-color: #E5920B;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.shareScreenContainer_u7tqt .footer_oGcdf > span {
  max-width: 180px;
  height: 18px;
  font-size: 10px;
  line-height: 16px;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.shareScreenContainer_u7tqt .footer_oGcdf .shareIconBox_BYlHD {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #00c78b;
  margin-right: 4px;
  width: 22px;
  height: 22px;
}
.shareScreenContainer_u7tqt .footer_oGcdf .shareIconBox_BYlHD > svg {
  font-size: 14px;
}
.shareScreenContainer_u7tqt.nonfullscreen_Lu61c {
  z-index: 1;
  border: 1px solid #424454;
}
.shareScreenContainer_u7tqt.nonfullscreen_Lu61c .videoContainer_xuNBc > div {
  border-radius: 4px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.hide_t-TQs {
  display: none;
}
.flash_og3mn {
  animation: flashBorder_BKwZo 0.5s ease-in-out 4;
}
@keyframes flashBorder_BKwZo {
  0% {
    box-shadow: 0 0 0 3px rgba(0, 255, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 3px #00c78b;
  }
  100% {
    box-shadow: 0 0 0 3px rgba(0, 255, 0, 0);
  }
}

.moreCtrlBox_b-r8O {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  padding: 2px 4px 4px 4px;
  min-width: 40px;
}
.moreCtrlBox_b-r8O > svg {
  font-size: 20px;
}
.moreCtrlBox_b-r8O span {
  line-height: 12px;
  font-size: 10px;
  margin-top: 2px;
  color: #303445;
}
.moreCtrlBox_b-r8O.active_hOZs0 {
  color: #2e73e5;
  background-color: #EAF1FC;
}
.moreCtrlBox_b-r8O.active_hOZs0 span {
  color: #2e73e5;
}
.moreCtrlBox_b-r8O.active_hOZs0:hover {
  background-color: #EAF1FC;
}
.moreCtrlBox_b-r8O.miniMode_cTolu {
  min-width: 0;
  min-width: initial;
  padding: 2px;
}
.moreCtrlBox_b-r8O.slim_wksj- {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-width: initial;
  width: 36px;
  height: 36px;
}
.moreCtrlBox_b-r8O.slim_wksj- > svg {
  margin-top: 0;
  margin-top: initial;
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.moreCtrlBox_b-r8O.bigScreen_0V-pI {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
}
.moreCtrlBox_b-r8O.bigScreen_0V-pI.miniMode_cTolu {
  width: auto;
  width: initial;
  height: auto;
  height: initial;
}
.moreCtrlBox_b-r8O.bigScreen_0V-pI > svg {
  margin-top: 0;
  margin-top: initial;
  font-size: 28px;
  width: 28px;
  height: 28px;
}
.shareCtrlBox_z25Oq {
  height: 40px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 16px;
}
.shareCtrlBox_z25Oq svg {
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.shareCtrlBox_z25Oq span {
  line-height: 18px;
  height: 18px;
  font-size: 14px;
  margin-top: 2px;
  color: #303445;
}
.shareCtrlBox_z25Oq .tipIconContainer_IcJKJ {
  display: flex;
  margin-left: 7px;
}
.shareCtrlBox_z25Oq .tipIconContainer_IcJKJ .tipIcon_AEF-H {
  color: #91939c;
}
.shareCtrlBox_z25Oq .red_zM2V5 {
  color: #fe5250;
}
.shareCtrlBox_z25Oq.disabled_ipfbm {
  color: #c2c3c8;
}
.shareCtrlBox_z25Oq.disabled_ipfbm span {
  color: #c2c3c8;
}
.shareCtrlBox_z25Oq:hover {
  background-color: var(--upime-btn-bg-hover);
}
.panelRoot_7rAn3 {
  min-width: 168px;
  width: -moz-max-content;
  width: max-content;
  bottom: calc(100% + 6px);
  top: auto;
  top: initial;
  padding: 8px 0px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.panelRoot_7rAn3.bigScreenMode_gQML7 {
  bottom: calc(100% + 10px);
}
.panelRoot_7rAn3.slim_wksj- {
  bottom: calc(100% + 8px);
}
.panelRoot_7rAn3 .row_5cNYF {
  width: 100%;
}
.panelRoot_7rAn3 .memberCtrlIcon_JTKZb,
.panelRoot_7rAn3 .meetingAction_MQ0uy,
.panelRoot_7rAn3 .advanceSettingBox_51mTy {
  display: flex;
  gap: 8px;
  padding: 8px 16px;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.panelRoot_7rAn3 .memberCtrlIcon_JTKZb .settingIcon_nH3VH,
.panelRoot_7rAn3 .meetingAction_MQ0uy .settingIcon_nH3VH,
.panelRoot_7rAn3 .advanceSettingBox_51mTy .settingIcon_nH3VH {
  font-size: 24px;
}
.panelRoot_7rAn3 .memberCtrlIcon_JTKZb .text_M10mE,
.panelRoot_7rAn3 .meetingAction_MQ0uy .text_M10mE,
.panelRoot_7rAn3 .advanceSettingBox_51mTy .text_M10mE {
  font-size: 14px;
  color: #303445;
}
.panelRoot_7rAn3 .memberCtrlIcon_JTKZb:hover,
.panelRoot_7rAn3 .meetingAction_MQ0uy:hover,
.panelRoot_7rAn3 .advanceSettingBox_51mTy:hover {
  background-color: var(--upime-btn-bg-hover);
}
.panelRoot_7rAn3 .meetingAction_MQ0uy .text_M10mE {
  color: #fe5250;
}
.panelRoot_7rAn3 .meetingAction_MQ0uy.open_oyvPH {
  background-color: #ffeeed;
}
.panelRoot_7rAn3 .meetingAction_MQ0uy:hover {
  background-color: #ffeeed;
}
.panelRoot_7rAn3.bigScreen_0V-pI {
  bottom: calc(100% + 10px);
}
.screenShareWidgetBox_I82IY {
  position: absolute;
  bottom: calc(100%);
  transform: translate(-50%);
  left: 50%;
  max-width: 190px;
  height: 32px;
  border-radius: 4px;
  background-color: #fff;
  padding: 6px 12px;
  border: 1px solid #c7d2e4;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  border-bottom: none;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.screenShareWidgetBox_I82IY > svg {
  color: #00c78b;
  font-size: 14px;
  margin-right: 4px;
  position: relative;
  top: 3px;
}
.screenShareWidgetBox_I82IY .stopBox_qa7q5 {
  color: #fe5250;
  margin-left: 8px;
  cursor: pointer;
}
.screenShareWidgetBox_I82IY > .rightArrow_VOfsz {
  color: #000;
  margin-right: 0;
}
.screenShareWidgetBox_I82IY.miniMode_cTolu {
  bottom: 30px;
}
.screenShareWidgetBox_I82IY.phoneMode_XBiZB {
  bottom: 59px;
  pointer-events: auto;
}
.screenShareWidgetBox_I82IY.floatLeft_V7Bym {
  left: 0;
  transform: none;
  transform: initial;
  border-bottom: 0;
  border-bottom: initial;
  bottom: calc(100% + 4px);
  border: 1px solid #c2c3c8;
}
.shareWarningModal_oZi6L {
  width: 432px;
  padding: 40px 24px;
  padding-bottom: 24px;
  border-radius: 12px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.shareWarningModal_oZi6L .wordingBox_goEOT {
  display: flex;
  margin-bottom: 24px;
}
.shareWarningModal_oZi6L .wordingBox_goEOT > svg {
  color: #ffa519;
  margin-right: 12px;
  font-size: 28px;
}
.shareWarningModal_oZi6L .wordingBox_goEOT > span {
  word-break: break-word;
}
.shareWarningModal_oZi6L .actionBtn_cYDjJ {
  width: 104px;
  border-radius: 4px;
  text-align: center;
  background-color: #2e73e5;
  color: #fff;
  line-height: 40px;
  margin: auto;
  margin-right: 0px;
  cursor: pointer;
  font-size: 16px;
}
.shareChangeModal_qtOz4,
.permissionDenyModal_Pr8C0,
.requesterShareModal_pc0AD {
  width: 432px;
  padding: 24px;
  border-radius: 12px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.shareChangeModal_qtOz4 .wordingBox_goEOT,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT,
.requesterShareModal_pc0AD .wordingBox_goEOT {
  display: flex;
  margin-bottom: 8px;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT > svg,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT > svg,
.requesterShareModal_pc0AD .wordingBox_goEOT > svg {
  color: #ffa519;
  margin-right: 12px;
  font-size: 28px;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT > span,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT > span,
.requesterShareModal_pc0AD .wordingBox_goEOT > span {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  word-break: break-word;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT.useFlex_ThXr3,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT.useFlex_ThXr3,
.requesterShareModal_pc0AD .wordingBox_goEOT.useFlex_ThXr3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT.useFlex_ThXr3 > svg,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT.useFlex_ThXr3 > svg,
.requesterShareModal_pc0AD .wordingBox_goEOT.useFlex_ThXr3 > svg {
  color: inherit;
  margin-right: 0;
  cursor: pointer;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT.mb24_PaSeB,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT.mb24_PaSeB,
.requesterShareModal_pc0AD .wordingBox_goEOT.mb24_PaSeB {
  margin-bottom: 24px;
}
.shareChangeModal_qtOz4 .subtitle_Iwap5,
.permissionDenyModal_Pr8C0 .subtitle_Iwap5,
.requesterShareModal_pc0AD .subtitle_Iwap5 {
  font-size: 14px;
  color: #616371;
  margin-left: 36px;
  margin-bottom: 24px;
}
.shareChangeModal_qtOz4 .subtitle_Iwap5.noMarginLeft_w9vUv,
.permissionDenyModal_Pr8C0 .subtitle_Iwap5.noMarginLeft_w9vUv,
.requesterShareModal_pc0AD .subtitle_Iwap5.noMarginLeft_w9vUv {
  margin-left: 0;
}
.shareChangeModal_qtOz4 .actionRow_seEXA,
.permissionDenyModal_Pr8C0 .actionRow_seEXA,
.requesterShareModal_pc0AD .actionRow_seEXA {
  text-align: right;
}
.shareChangeModal_qtOz4 .actionRow_seEXA .cancel_jQxIJ,
.permissionDenyModal_Pr8C0 .actionRow_seEXA .cancel_jQxIJ,
.requesterShareModal_pc0AD .actionRow_seEXA .cancel_jQxIJ {
  min-width: 72px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  text-align: center;
  padding: 8px 20px;
  display: inline-block;
  margin-right: 12px;
  cursor: pointer;
}
.shareChangeModal_qtOz4 .actionRow_seEXA .cancel_jQxIJ:hover,
.permissionDenyModal_Pr8C0 .actionRow_seEXA .cancel_jQxIJ:hover,
.requesterShareModal_pc0AD .actionRow_seEXA .cancel_jQxIJ:hover {
  opacity: 0.7;
}
.shareChangeModal_qtOz4 .actionRow_seEXA .confirm_8micD,
.permissionDenyModal_Pr8C0 .actionRow_seEXA .confirm_8micD,
.requesterShareModal_pc0AD .actionRow_seEXA .confirm_8micD {
  min-width: 72px;
  height: 40px;
  border-radius: 4px;
  background-color: #2e73e5;
  padding: 8px 20px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
}
.shareChangeModal_qtOz4 .actionRow_seEXA .confirm_8micD:hover,
.permissionDenyModal_Pr8C0 .actionRow_seEXA .confirm_8micD:hover,
.requesterShareModal_pc0AD .actionRow_seEXA .confirm_8micD:hover {
  opacity: 0.7;
}
.endMeetingPanel_4riRb {
  position: absolute;
  width: 192px;
  height: 120px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.endMeetingPanel_4riRb .btn_EAMx8 {
  width: 160px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.endMeetingPanel_4riRb .endBtn_vALvt {
  background: var(--upime-danger);
  color: white;
}
.endMeetingPanel_4riRb .endBtn_vALvt.active_hOZs0 {
  border: none !important;
  background: #d9383b !important;
}
.endMeetingPanel_4riRb .leaveBtn_qOizB {
  border: 1px solid var(--upime-danger);
  color: var(--upime-danger);
}
.endMeetingPanel_4riRb .leaveBtn_qOizB.active_hOZs0 {
  border-color: #d9383b !important;
  color: #d9383b !important;
}
.endMeetingPanel_4riRb .leaveBtn_qOizB.active_hOZs0 {
  background-color: rgba(254, 82, 80, 0.1);
}
.endMeetingPanel_4riRb.isHost_0nlCs {
  height: 68px;
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq {
  flex-direction: row;
  padding: 0 16px;
  width: auto;
  height: 40px;
  margin-left: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq > svg {
  margin-right: 8px;
  margin-top: 0;
  width: 24px;
  height: 24px;
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq > span {
  font-size: 14px;
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq.active_hOZs0 {
  background-color: rgba(0, 0, 0, 0.06);
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.inviteCtrlRoot_9Eff1 .panel_0Uio- {
  background-color: #fff;
  position: absolute;
  z-index: 1;
  padding: 8px 0px;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.reddot_vp1-A::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fe5250;
  top: 7px;
  left: 35px;
}
.aiThinkerRow_LOj-u {
  display: flex;
  gap: 8px;
  padding: 8px 16px;
  align-items: center;
  cursor: pointer;
}
.aiThinkerRow_LOj-u img {
  width: 24px;
}
.aiThinkerRow_LOj-u span.activeText_dOfHP {
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aiThinkerRow_LOj-u:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .moreCtrlBox_b-r8O:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.groupPhotoNewFeatureTipOnBigScreen_--wF- {
  bottom: 60px !important;
}

.cm_item_PSaTC {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_PSaTC.disabled_Jtfbz {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_PSaTC.autoWidth_ng8wk {
  width: auto;
  min-width: 40px;
}
.icon_box_oucn8 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_oucn8.active_dv1M1 {
  color: var(--upime-active);
}
.bling_item_8ntBR {
  opacity: 0.8;
}
.hidden_g0465 {
  visibility: hidden !important;
}
.hidden_all_6ol3K {
  visibility: hidden !important;
}
.hidden_all_6ol3K * {
  visibility: hidden !important;
}
.show_all_0sor3 {
  visibility: visible !important;
}
.show_all_0sor3 * {
  visibility: visible !important;
}
.pane_yt1Vu {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_ZpfpN {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_zJrlM {
  visibility: hidden;
  opacity: 0;
  animation: show_ZpfpN 0.5s forwards;
}
@keyframes show_scale_1YIc9 {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_1YIc9 {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_1YIc9 0.3s forwards;
}
.show_scale_1YIc9.right_7rh-- {
  transform-origin: left center;
}
.show_scale_1YIc9.left_BM9-V {
  transform-origin: right center;
}
.show_scale_1YIc9.bottom_0QzUB {
  transform-origin: center top;
}
.show_scale_1YIc9.top_3l-OW {
  transform-origin: center bottom;
}
.show_scale_1YIc9.left_top_MYYH8 {
  transform-origin: right top;
}
.show_scale_1YIc9.top_left_jYzQu {
  transform-origin: bottom left;
}
.show_scale_1YIc9.bottom_left_GcpbB {
  transform-origin: top left;
}
.show_scale_1YIc9.top_right_7F8Q- {
  transform-origin: bottom right;
}
.show_scale_1YIc9.bottom_right_8BuZQ {
  transform-origin: top right;
}
.show_scale_1YIc9.right_top_Puw1r {
  transform-origin: left top;
}
.show_scale_1YIc9.right_bottom_AxwOH {
  transform-origin: left bottom;
}
.show_scale_1YIc9.left_bottom_x8q6Z {
  transform-origin: right bottom;
}
.btn_style_4iDEV {
  cursor: pointer;
}
.btn_style_4iDEV:active,
.btn_style_4iDEV.on_u5NZ- {
  color: var(--upime-active);
}
.btn_style_4iDEV.disabled_Jtfbz {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_Fg-C7 {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_oucn8:hover {
  opacity: 1;
}
.do-hovers .bling_item_8ntBR:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_4iDEV:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_Fg-C7:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_Ox2fu:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_e6SR-:hover {
  color: var(--upime-main-text);
}
.rotateY180_cr1VS {
  transform: rotateY(180deg);
}
.titleIcon_Ox2fu {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_Ox2fu.active_dv1M1 {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_Ox2fu.active_dv1M1 {
  color: var(--upime-active);
}
.moreIcon_e6SR- {
  cursor: pointer;
}
.moreIcon_e6SR- svg {
  color: #303445;
}
.moreIcon_e6SR-.active_dv1M1 svg {
  color: var(--upime-main-text);
}
@keyframes loading_JimfF {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_kw8xr {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_JimfF 1s linear infinite forwards;
}
.AIButtonContainer_6YlKQ {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_6YlKQ.transparent_U-B9n {
  opacity: 0;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes.AIShow_cuB7y {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes.AIHide_DBqUB {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes.AIButtonHover_KBt-8:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes.AIButtonDisabled_CF3JO {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes .AIButtonImage_1ybGd {
  width: 32px;
  height: 32px;
}
.sub_win_container_xc-38 {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_xc-38::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_xc-38::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_xc-38::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_xc-38 .sub_win_child_wrapper_170TZ:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_xc-38 .sub_win_child_wrapper_170TZ:not(:first-child) .sub_win_child_3eAsG {
  padding-top: 0;
}
.sub_win_flexalbe_container_Y-tEH {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_Y-tEH * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo:not(:first-child) .flexable_scroll_inner_DBF1T {
  padding-top: 0px;
}
.phoneMode .sub_win_container_xc-38 {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_Y-tEH {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_drBlo {
  animation: safariUpdate_CEhVH 0.1s forwards;
}
.safariOn .sub_win_container_xc-38 {
  animation: safariUpdate_CEhVH 0.1s forwards;
}
@keyframes safariUpdate_CEhVH {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_UNffO {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_UNffO .noColorStylePart_1BMV1 + .noColorStylePart_1BMV1 {
  margin-top: 8px;
}
.noColorStyleContainer_UNffO .partlabel_oBBss {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_UNffO .partlabel_oBBss.disabled_Jtfbz {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_xc-38,
.phoneMode .sub_win_flexalbe_container_Y-tEH {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_xc-38 .flexable_scroll_wrapper_drBlo:not(:first-child),
.phoneMode .sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_UNffO {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_UNffO .noColorStylePart_1BMV1 + .noColorStylePart_1BMV1 {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_UNffO .partlabel_oBBss {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.iconWrap_xWILM {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrapActive_eYKTu {
  color: var(--upime-active);
  background-color: #EAF1FC;
}
.do-hovers .iconWrap_xWILM:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_eYKTu:hover {
  color: var(--upime-active);
  background-color: #EAF1FC;
}
.root_yjx2I {
  position: relative;
}
.root_yjx2I.phoneMode_CDwj6 {
  width: 44px;
  height: 44px;
}
.draggableWrapper_EHmNf {
  position: absolute;
}
.timer_root_wFCgA {
  position: absolute;
  width: 270px;
  height: 86px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 12px;
  z-index: 20;
}
.timer_root_wFCgA .timer_icon_B6joy {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  left: 62px;
  color: #0c1024;
}
.timer_root_wFCgA.hide_g8k4m {
  visibility: hidden;
}
.none_1XfqL {
  display: none;
}
.tip_root_qQIb- {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  border-radius: 14px;
  border: 1px solid #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  white-space: nowrap;
  position: absolute;
  background-color: #2e73e5;
  color: #fff;
  top: 0;
  margin-left: 8px;
}
.tip_root_qQIb-.phoneMode_CDwj6 {
  bottom: 22px;
  left: 18px;
}
.timer_root_cover_ZifBy {
  position: absolute;
  width: 270px;
  height: 86px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 20;
}
.timer_root_cover_ZifBy .btn_box_5q29f {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 88px;
  height: 36px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  line-height: 36px;
  cursor: pointer;
}
.timer_root_cover_ZifBy .left_BM9-V {
  background-color: #ffffff;
  left: 39px;
}
.timer_root_cover_ZifBy .right_7rh-- {
  background-color: #2e73e5;
  left: 143px;
  color: #fff;
}
.timer_anim_0jAc1 {
  visibility: visible !important;
}
.timer_anim_0jAc1 {
  position: fixed;
  width: 270px;
  height: 86px;
  border-radius: 4px;
  background-color: #fff;
}
.timer_anim_0jAc1 .timer_icon_B6joy {
  visibility: visible !important;
}
.timer_anim_0jAc1 .timer_icon_B6joy {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  left: 62px;
  color: #fe5250;
}
.timer_anim_0jAc1 .timer_icon_B6joy use {
  visibility: visible !important;
}
.timer_anim_0jAc1 .text_CuCW7 {
  visibility: visible !important;
}
.timer_anim_0jAc1 .text_CuCW7 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 120px;
  height: 36px;
  line-height: 36px;
  color: #fe5250;
  font-size: 24px;
  left: 102px;
}
.timer_anim_0jAc1 .anim_content_box_rMn1A {
  visibility: visible !important;
}
.timer_anim_0jAc1 .anim_content_box_rMn1A {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  animation: bounceUpDown_DLcmH 1s 2;
  height: 36px;
}
.timerPortalInnerBox_oRT8W {
  position: absolute;
  top: 6px;
  right: 8px;
}
@keyframes bounceUpDown_DLcmH {
  0% {
    transform: translateY(-50%);
  }
  30% {
    transform: translateY(-120%);
  }
  100% {
    transform: translateY(-50%);
  }
}
.circle_Gegos {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-color: #eaf1fc;
  cursor: pointer;
  border-radius: 11px;
}
.circle_Gegos.disabled_Jtfbz {
  background-color: rgba(234, 241, 252, 0.4);
  pointer-events: none;
}
.circle_Gegos .ha_MR7qw {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 5.5px;
  width: 10.5px;
  height: 1.5px;
  border-radius: 1px;
  background-color: #2e73e5;
}
.circle_Gegos .ha_MR7qw.disabled_Jtfbz {
  background-color: rgba(46, 115, 229, 0.4);
}
.circle_Gegos .va_NlHPQ {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
  width: 1.5px;
  height: 10.5px;
  border-radius: 1px;
  background-color: #2e73e5;
}
.circle_Gegos .va_NlHPQ.disabled_Jtfbz {
  background-color: rgba(46, 115, 229, 0.4);
}
.time_root_Rsh8c {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 48px;
  cursor: text;
  border-radius: 2px;
  line-height: 36px;
  color: #0c1024;
  font-size: 36px;
  border: none;
  padding: 0px;
  text-align: center;
  touch-action: none;
}
.minutes_rd28p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 48px;
  cursor: text;
  border-radius: 2px;
  line-height: 36px;
  color: #0c1024;
  font-size: 36px;
  border: none;
  padding: 0px;
  text-align: center;
  touch-action: none;
  left: 38px;
}
.minutes_rd28p:focus {
  background-color: #ececee;
}
.minutes_rd28p.move_left_JaQsG {
  left: 16px;
  top: 8px;
  transform: none;
  pointer-events: none;
}
.minutes_rd28p.grey_uFH5S {
  color: #91939c;
}
.minutes_rd28p.read_only_N0Xf9 {
  left: 102px;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.seconds_YZKdc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 48px;
  cursor: text;
  border-radius: 2px;
  line-height: 36px;
  color: #0c1024;
  font-size: 36px;
  border: none;
  padding: 0px;
  text-align: center;
  touch-action: none;
  left: 100px;
}
.seconds_YZKdc:focus {
  background-color: #ececee;
}
.seconds_YZKdc.move_left_JaQsG {
  left: 78px;
  top: 8px;
  transform: none;
  pointer-events: none;
}
.seconds_YZKdc.grey_uFH5S {
  color: #91939c;
}
.seconds_YZKdc.read_only_N0Xf9 {
  left: 164px;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.colon_ww7cO {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 28px;
  line-height: 28px;
  color: #0c1024;
  font-size: 20px;
  left: 92px;
}
.colon_ww7cO.move_left_JaQsG {
  left: 70px;
  top: 18px;
  transform: none;
}
.colon_ww7cO.grey_uFH5S {
  color: #91939c;
}
.colon_ww7cO.read_only_N0Xf9 {
  left: 152px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.divider_6YQGI {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 62px;
  background-color: #dbdbde;
  left: 190px;
}
.divider_6YQGI.move_left_JaQsG {
  left: 169px;
}
.start_root_K3GTm {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #2e73e5;
  left: 216px;
  cursor: pointer;
}
.start_root_K3GTm.goon_dVY00 {
  left: 224px;
}
.start_root_K3GTm.disabled_Jtfbz {
  background-color: rgba(46, 115, 229, 0.4);
  pointer-events: none;
}
.start_root_K3GTm .triangle_ZF9NF {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-left: 10px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: 12px;
}
.stop_root_cOVZP {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 1.13px solid #2e73e5;
  left: 186px;
  cursor: pointer;
}
.stop_root_cOVZP .round_rect_T7OQ- {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #2e73e5;
  left: 9.5px;
}
.pause_root_Yi1cN {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #2e73e5;
  left: 224px;
  cursor: pointer;
}
.pause_root_Yi1cN .first_line_osbib {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 12px;
  border-radius: 2px;
  background-color: #fff;
  left: 10px;
}
.pause_root_Yi1cN .second_line_HhnoU {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 12px;
  border-radius: 2px;
  background-color: #fff;
  left: 18px;
}
.close_root_2-g8F {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.close_root_2-g8F .close_jb5op::before,
.close_root_2-g8F .close_jb5op::after {
  position: absolute;
  content: " ";
  background-color: #0c1024;
  left: 6px;
  width: 2px;
  height: 15px;
}
.close_root_2-g8F .close_jb5op::before {
  transform: rotate(45deg);
}
.close_root_2-g8F .close_jb5op::after {
  transform: rotate(-45deg);
}
.minify_root_iGdeA {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 246px;
  top: 4px;
  cursor: pointer;
}
.minify_root_iGdeA .line_oefkD {
  position: absolute;
  width: 14.67px;
  height: 1.33px;
  border-radius: 1px;
  background-color: #0c1024;
  top: 8px;
}
.plus_root_CSQ6U {
  left: 156px;
}
.addtime_root_q02r4 {
  position: absolute;
  width: 38px;
  height: 16px;
  top: 60px;
  border-radius: 8px;
  background-color: #eaf1fc;
  cursor: pointer;
}
.addtime_root_q02r4 .content_6mq2P {
  width: -moz-fit-content;
  width: fit-content;
  height: 16px;
  line-height: 16px;
  color: #2e73e5;
  font-size: 12px;
  margin: auto;
}
.addtime_root_q02r4.one_Z4g1e {
  left: 24px;
}
.addtime_root_q02r4.five_HTSO3 {
  left: 70px;
}
.addtime_root_q02r4 > .content_6mq2P:hover {
  color: #fff;
}
.addtime_root_q02r4:hover {
  background-color: #5798f2;
}
.addtime_root_q02r4:active {
  background-color: #1d56bf;
}
.addtime_root_m_QUUHQ {
  position: absolute;
  width: 38px;
  height: 16px;
  top: 60px;
  border-radius: 8px;
  background-color: #eaf1fc;
  cursor: pointer;
}
.addtime_root_m_QUUHQ .content_6mq2P {
  width: -moz-fit-content;
  width: fit-content;
  height: 16px;
  line-height: 16px;
  color: #2e73e5;
  font-size: 12px;
  margin: auto;
}
.addtime_root_m_QUUHQ.one_Z4g1e {
  left: 24px;
}
.addtime_root_m_QUUHQ.five_HTSO3 {
  left: 70px;
}
.progress_fLS0q {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 3px;
  border-radius: 2px;
  background-color: #2e73e5;
}
.progress_fLS0q.grey_uFH5S {
  background-color: #91939c;
}
.va_center_nqvNQ {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.do-hovers .circle_Gegos:hover {
  background-color: #2e73e5;
}
.do-hovers .circle_Gegos:hover .ha_MR7qw {
  background-color: #fff;
}
.do-hovers .circle_Gegos:hover .va_NlHPQ {
  background-color: #fff;
}
.do-hovers .minutes_rd28p:hover {
  background-color: #ececee;
}
.do-hovers .seconds_YZKdc:hover {
  background-color: #ececee;
}

.recordBox_R8m9h {
  height: 40px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 16px;
}
.recordBox_R8m9h svg {
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.recordBox_R8m9h .wording_8RyL6 {
  line-height: 18px;
  height: 18px;
  font-size: 14px;
  margin-top: 2px;
  color: #303445;
}
.recordBox_R8m9h.phone_WkX29 {
  width: auto;
  height: auto;
}
.recordBox_R8m9h.phone_WkX29 svg {
  margin-top: 0;
}
.recordBox_R8m9h.disable_2a4Xx {
  pointer-events: none;
}
.recordBox_R8m9h:hover {
  background-color: var(--upime-btn-bg-hover);
}
.recordConfirmModal_kHsts,
.openAudioModal_TyfWf,
.endRecordConfirmModal_yZXdC,
.requestRecordModal_TYp1O,
.handleRequestRecordModal_SRH3z {
  width: 480px;
  border-radius: 12px;
  padding: 24px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.recordConfirmModal_kHsts .headerRow_nYLcg,
.openAudioModal_TyfWf .headerRow_nYLcg,
.endRecordConfirmModal_yZXdC .headerRow_nYLcg,
.requestRecordModal_TYp1O .headerRow_nYLcg,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
}
.recordConfirmModal_kHsts .headerRow_nYLcg > svg,
.openAudioModal_TyfWf .headerRow_nYLcg > svg,
.endRecordConfirmModal_yZXdC .headerRow_nYLcg > svg,
.requestRecordModal_TYp1O .headerRow_nYLcg > svg,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg > svg {
  margin-right: 12px;
  position: relative;
  top: 4px;
  color: #ffa519;
}
.recordConfirmModal_kHsts .headerRow_nYLcg > span,
.openAudioModal_TyfWf .headerRow_nYLcg > span,
.endRecordConfirmModal_yZXdC .headerRow_nYLcg > span,
.requestRecordModal_TYp1O .headerRow_nYLcg > span,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg > span {
  word-break: break-word;
}
.recordConfirmModal_kHsts .bodyRow_ABmX4,
.openAudioModal_TyfWf .bodyRow_ABmX4,
.endRecordConfirmModal_yZXdC .bodyRow_ABmX4,
.requestRecordModal_TYp1O .bodyRow_ABmX4,
.handleRequestRecordModal_SRH3z .bodyRow_ABmX4 {
  padding-left: 35px;
  font-size: 14px;
  color: #616371;
  margin-bottom: 24px;
  word-break: break-word;
}
.recordConfirmModal_kHsts .footerRow_DY904,
.openAudioModal_TyfWf .footerRow_DY904,
.endRecordConfirmModal_yZXdC .footerRow_DY904,
.requestRecordModal_TYp1O .footerRow_DY904,
.handleRequestRecordModal_SRH3z .footerRow_DY904 {
  display: flex;
  justify-content: flex-end;
}
.recordConfirmModal_kHsts .footerRow_DY904 .cancel_nMmIv,
.openAudioModal_TyfWf .footerRow_DY904 .cancel_nMmIv,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .cancel_nMmIv,
.requestRecordModal_TYp1O .footerRow_DY904 .cancel_nMmIv,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .cancel_nMmIv {
  min-width: 72px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  background-color: #fff;
  text-align: center;
  font-size: 16px;
  margin-right: 12px;
  padding: 8px 20px;
  cursor: pointer;
}
.recordConfirmModal_kHsts .footerRow_DY904 .cancel_nMmIv:hover,
.openAudioModal_TyfWf .footerRow_DY904 .cancel_nMmIv:hover,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .cancel_nMmIv:hover,
.requestRecordModal_TYp1O .footerRow_DY904 .cancel_nMmIv:hover,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .cancel_nMmIv:hover {
  opacity: 0.7;
  color: #2e73e5;
  border-color: #2e73e5;
}
.recordConfirmModal_kHsts .footerRow_DY904 .cancel_nMmIv:active,
.openAudioModal_TyfWf .footerRow_DY904 .cancel_nMmIv:active,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .cancel_nMmIv:active,
.requestRecordModal_TYp1O .footerRow_DY904 .cancel_nMmIv:active,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .cancel_nMmIv:active {
  opacity: 1;
  color: #1d56bf;
  border-color: #1d56bf;
}
.recordConfirmModal_kHsts .footerRow_DY904 .confirm_-1nP2,
.openAudioModal_TyfWf .footerRow_DY904 .confirm_-1nP2,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .confirm_-1nP2,
.requestRecordModal_TYp1O .footerRow_DY904 .confirm_-1nP2,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .confirm_-1nP2 {
  min-width: 72px;
  height: 40px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 8px 20px;
  cursor: pointer;
}
.recordConfirmModal_kHsts .footerRow_DY904 .confirm_-1nP2:hover,
.openAudioModal_TyfWf .footerRow_DY904 .confirm_-1nP2:hover,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .confirm_-1nP2:hover,
.requestRecordModal_TYp1O .footerRow_DY904 .confirm_-1nP2:hover,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .confirm_-1nP2:hover {
  opacity: 0.7;
}
.recordConfirmModal_kHsts .footerRow_DY904 .confirm_-1nP2:active,
.openAudioModal_TyfWf .footerRow_DY904 .confirm_-1nP2:active,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .confirm_-1nP2:active,
.requestRecordModal_TYp1O .footerRow_DY904 .confirm_-1nP2:active,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .confirm_-1nP2:active {
  opacity: 1;
  background-color: #1d56bf;
}
.requestRecordModal_TYp1O .headerRow_nYLcg,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.requestRecordModal_TYp1O .headerRow_nYLcg > svg,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg > svg {
  color: #303445;
  position: static;
  position: initial;
  margin-right: 0;
  margin-right: initial;
  cursor: pointer;
}
.requestRecordModal_TYp1O .bodyRow_ABmX4,
.handleRequestRecordModal_SRH3z .bodyRow_ABmX4 {
  padding-left: 0;
}

.root_o5PVm {
  position: absolute;
  transform-origin: 0 0;
  opacity: 0.9;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  background-size: cover;
}

.root_n1uKr {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  width: 412px;
  height: 64px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 20px;
  left: 50%;
  transform: translate(-50%);
  bottom: 20px;
  align-items: center;
  pointer-events: auto;
}
.root_n1uKr .text_nLhiJ {
  display: flex;
  flex-direction: column;
}
.root_n1uKr .text_nLhiJ > span {
  line-height: 22px;
  font-size: 14px;
}
.root_n1uKr .text_nLhiJ span:nth-child(1) {
  color: var(--upime-main-text);
}
.root_n1uKr .text_nLhiJ span:nth-child(2) {
  color: var(--upime-second-text);
}
.root_n1uKr .actions_0SXj9 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-width: 132px;
  height: 36px;
  gap: 12px;
}
.root_n1uKr .actions_0SXj9 .buttonWrapper_0LK-n {
  display: flex;
}
.root_n1uKr .actions_0SXj9 .button_r4PAz {
  min-width: 60px;
  line-height: 22px;
  font-size: 14px;
}

.follow_mask_r62z8 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 4px;
  pointer-events: none;
}
.follow_mask_r62z8.increased_jJhXY {
  z-index: 120;
}
.follow_target_-ggYg {
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translate(-50%, 0);
  color: var(--upime-main-text);
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 0 0 4px 4px;
}
.follow_target_-ggYg svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.follow_target_-ggYg .loading_YSm8U {
  animation: loading_YSm8U 1.5s linear infinite forwards;
}
.follow_target_-ggYg span {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notiRoot_8vKWM {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 4px;
  min-width: 400px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  background: black;
  pointer-events: auto;
}
.notiRoot_8vKWM.phoneNotiRoot_5gEqB {
  min-width: 343px;
  padding: 8px;
  top: 68px;
}
.notiRoot_8vKWM.phoneNotiRoot_5gEqB .avatar_AXoUl {
  flex-shrink: 0;
}
.notiRoot_8vKWM.phoneNotiRoot_5gEqB .button_zlH3D {
  white-space: nowrap;
}
.notiRoot_8vKWM.phoneNotiRoot_5gEqB .button_zlH3D.confirm_CTgPA {
  margin-left: 8px;
  margin-right: 8px;
}
.notiRoot_8vKWM .avatar_AXoUl {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
.notiRoot_8vKWM .name_RTUfN {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 50px;
  margin-right: 4px;
}
.notiRoot_8vKWM > span {
  line-height: 18px;
  font-size: 14px;
  color: white;
}
.notiRoot_8vKWM .button_zlH3D {
  min-width: 52px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
}
.notiRoot_8vKWM .button_zlH3D.confirm_CTgPA {
  margin-right: 8px;
  margin-left: 24px;
}
.notiRoot_8vKWM .reject_i7NYg {
  color: white;
}
.do-hovers .notiRoot_8vKWM .reject_i7NYg:hover {
  color: var(--upime-active);
}
.oneLine_w9bsj {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
.oneLine_w9bsj > div {
  white-space: pre;
}
.oneLine_w9bsj .omit_qngX4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.commLine_7QXP- {
  width: 100%;
  text-align: center;
  white-space: pre-wrap;
  word-break: normal;
  word-wrap: normal;
}
.multiLine_SWWF3 {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.inviteShareDialog_ao7No {
  width: 480px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.inviteShareDialog_ao7No.pcMode_yg66m {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 12px;
  background-color: #fff;
}
.inviteShareDialog_ao7No.phoneMode_N47Ay {
  width: 100%;
  padding: 30px 20px 21px 20px;
}
.inviteShareDialog_ao7No .multiLine_SWWF3 {
  font-size: 20px;
  line-height: 28px;
}
.inviteShareDialog_ao7No.phoneMode_N47Ay .multiLine_SWWF3 {
  padding: 0 30px;
}
.inviteShareDialog_ao7No .imgBorder_WW2DS {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.inviteShareDialog_ao7No .img_89xCo {
  position: absolute;
  width: 100%;
  height: 100%;
}
.inviteShareDialog_ao7No .desc_k3jxr {
  color: #424454;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
.inviteShareDialog_ao7No .btn_D3eFn {
  font-size: 16px;
  border-radius: 4px;
}
.inviteShareDialog_ao7No.pcMode_yg66m .btn_D3eFn {
  width: 280px;
  height: 44px;
  line-height: 44px;
}
.inviteShareDialog_ao7No.phoneMode_N47Ay .btn_D3eFn {
  width: 100%;
  height: 48px;
  line-height: 48px;
}
.inviteShareDialog_ao7No .cancelBtn_7Bg2- {
  position: absolute;
  border-radius: 2px;
  display: flex;
  margin: auto;
  color: #0C1024;
}
.inviteShareDialog_ao7No .cancelBtn_7Bg2- svg {
  width: 20px;
  height: 20px;
}
.inviteShareDialog_ao7No.pcMode_yg66m .cancelBtn_7Bg2- {
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
}
.inviteShareDialog_ao7No.phoneMode_N47Ay .cancelBtn_7Bg2- {
  top: 4px;
  right: 4px;
  width: 44px;
  height: 44px;
}
.phoneMode .followByGroupMask_VcLZU .corner_Es530 {
  width: 28px;
  height: 28px;
}
.followByGroupMask_VcLZU {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.followByGroupMask_VcLZU.increased_jJhXY {
  z-index: 260;
}
.followByGroupMask_VcLZU .corner_Es530 {
  position: absolute;
  width: 70px;
  height: 70px;
  border-color: #00C78B;
}
.followByGroupMask_VcLZU .left_9Ft0R {
  border-left-style: solid;
  border-left-width: 4px;
  left: 0;
}
.followByGroupMask_VcLZU .top_2-VT2 {
  top: 0;
  border-top-style: solid;
  border-top-width: 4px;
}
.followByGroupMask_VcLZU .bottom_xiWaO {
  bottom: 0;
  border-bottom-style: solid;
  border-bottom-width: 4px;
}
.followByGroupMask_VcLZU .right_tyzE1 {
  right: 0;
  border-right-style: solid;
  border-right-width: 4px;
}
@keyframes loading_YSm8U {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.resumeFollowToastContent_cC5xE {
  display: flex;
  align-items: center;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.resumeFollowToastContent_cC5xE.phone_8M9Js {
  width: calc(100% - 90px);
}
.resumeFollowToastContent_cC5xE.phone_8M9Js.en_NBaw2 {
  width: calc(100% - 124px);
}
.resumeFollowToastContent_cC5xE.phone_8M9Js.en_NBaw2 .desc_k3jxr {
  white-space: inherit;
  flex: auto;
}
.resumeFollowToastContent_cC5xE .desc_k3jxr {
  white-space: nowrap;
  flex: none;
}
.resumeFollowToastContent_cC5xE .avatar_AXoUl {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: 8px;
  flex: none;
}
.resumeFollowToastContent_cC5xE .name_RTUfN {
  margin-left: 4px;
  max-width: 138px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
}
.resumeFollowToast_cg2A8 {
  width: calc(100% - 16px);
}

.root_yY8-D {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  height: 268px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 40px;
  border-radius: 12px;
  background: white;
  color: var(--upime-main-text);
}
.root_yY8-D.small_Z8XIX {
  width: 480px;
  height: 170px;
  padding: 24px;
}
.root_yY8-D .header_28yHL {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.root_yY8-D .header_28yHL svg {
  color: var(--upime-danger);
  width: 28px;
  height: 28px;
}
.root_yY8-D .header_28yHL > span {
  margin-left: 8px;
  color: var(--upime-main-text);
  font-weight: 600;
  font-size: 20px;
  height: 28px;
  line-height: 28px;
}
.root_yY8-D .content_V1er- {
  margin-bottom: 16px;
  margin-left: 32px;
  font-size: 14px;
  color: var(--upime-second-text);
  line-height: 22px;
}
.root_yY8-D .content_V1er- em {
  font-style: inherit !important;
}
.root_yY8-D .content_V1er- em {
  color: var(--upime-main-text);
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.root_yY8-D .closeIcon_osbF1 {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.root_yY8-D .title_MdyID {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 600;
}
.root_yY8-D .inputBlock_anCwt > span {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #303445;
}
.root_yY8-D .inputBlock_anCwt > input {
  margin-top: 8px;
  width: 100%;
  border: 1px solid;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 20px;
  border-color: var(--upime-second-text);
  border-radius: 4px;
}
.root_yY8-D .inputBlock_anCwt > input:focus {
  border-color: var(--upime-active);
}
.root_yY8-D .actions_0gHWS {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.root_yY8-D .actions_0gHWS .button_w5pPJ {
  margin-left: 12px;
  min-width: 72px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
}
.root_yY8-D .actions_0gHWS .button_w5pPJ.cancel_GFuRN {
  border: 1px solid #e6e7e9;
}
.do-hovers .closeIcon_osbF1:hover {
  color: var(--upime-active);
}
.do-hovers .inputBlock_anCwt > input:hover {
  border-color: var(--upime-active);
}

.bottomTipContainer_A-XAX {
  display: flex;
  align-items: center;
  color: white;
  pointer-events: all;
}
.bottomTipContainer_A-XAX .btContainer_PkG-x {
  display: flex;
  padding: 5px 12px;
  align-items: center;
  gap: 6px;
  line-height: 22px;
  border-radius: 4px;
  margin-left: 4px;
  background: rgba(255, 255, 255, 0.18);
  cursor: pointer;
}
.bottomTipContainer_A-XAX .divider_yKrp4 {
  margin: 0 8px 0 16px;
  height: 20px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.25);
}
.bottomTipContainer_A-XAX .closeContainer_6A55g {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.65);
}
.do-hovers .hoverContainer_WVkBE {
  cursor: pointer;
}
.do-hovers .hoverContainer_WVkBE:hover {
  background: rgba(255, 255, 255, 0.18);
}

.cm_item_AXMCJ {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_AXMCJ.disabled_8rC3g {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_AXMCJ.autoWidth_dmc-7 {
  width: auto;
  min-width: 40px;
}
.icon_box_8KzBE {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_8KzBE.active_dW-9U {
  color: var(--upime-active);
}
.bling_item_APnSJ {
  opacity: 0.8;
}
.hidden_PF-Eu {
  visibility: hidden !important;
}
.hidden_all_Akbz1 {
  visibility: hidden !important;
}
.hidden_all_Akbz1 * {
  visibility: hidden !important;
}
.show_all_yYrI9 {
  visibility: visible !important;
}
.show_all_yYrI9 * {
  visibility: visible !important;
}
.pane_Y73JP {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_6cXQP {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_cf-Si {
  visibility: hidden;
  opacity: 0;
  animation: show_6cXQP 0.5s forwards;
}
@keyframes show_scale_pZ4CO {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_pZ4CO {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_pZ4CO 0.3s forwards;
}
.show_scale_pZ4CO.right_-iv8E {
  transform-origin: left center;
}
.show_scale_pZ4CO.left_3Ge8s {
  transform-origin: right center;
}
.show_scale_pZ4CO.bottom_Lv5Hu {
  transform-origin: center top;
}
.show_scale_pZ4CO.top_GJstJ {
  transform-origin: center bottom;
}
.show_scale_pZ4CO.left_top_IlbrX {
  transform-origin: right top;
}
.show_scale_pZ4CO.top_left_r8inN {
  transform-origin: bottom left;
}
.show_scale_pZ4CO.bottom_left_iOe7F {
  transform-origin: top left;
}
.show_scale_pZ4CO.top_right_nzFWT {
  transform-origin: bottom right;
}
.show_scale_pZ4CO.bottom_right_JhTW- {
  transform-origin: top right;
}
.show_scale_pZ4CO.right_top_gBcwb {
  transform-origin: left top;
}
.show_scale_pZ4CO.right_bottom_UB7gi {
  transform-origin: left bottom;
}
.show_scale_pZ4CO.left_bottom_acLRC {
  transform-origin: right bottom;
}
.btn_style_0CIUj {
  cursor: pointer;
}
.btn_style_0CIUj:active,
.btn_style_0CIUj.on_aO7Yv {
  color: var(--upime-active);
}
.btn_style_0CIUj.disabled_8rC3g {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_XCsVm {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_8KzBE:hover {
  opacity: 1;
}
.do-hovers .bling_item_APnSJ:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_0CIUj:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_XCsVm:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_WpsEs:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_a5plY:hover {
  color: var(--upime-main-text);
}
.rotateY180_eveMe {
  transform: rotateY(180deg);
}
.titleIcon_WpsEs {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_WpsEs.active_dW-9U {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_WpsEs.active_dW-9U {
  color: var(--upime-active);
}
.moreIcon_a5plY {
  cursor: pointer;
}
.moreIcon_a5plY svg {
  color: #303445;
}
.moreIcon_a5plY.active_dW-9U svg {
  color: var(--upime-main-text);
}
@keyframes loading_nPAsS {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_8x-hL {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_nPAsS 1s linear infinite forwards;
}
.AIButtonContainer_USwnJ {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_USwnJ.transparent_TJ4Wy {
  opacity: 0;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn.AIShow_CgpWv {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn.AIHide_65UZA {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn.AIButtonHover_oBXNV:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn.AIButtonDisabled_MIt9B {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn .AIButtonImage_5HnRJ {
  width: 32px;
  height: 32px;
}
.sub_win_container_U-0JB {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_U-0JB::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_U-0JB::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_U-0JB::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_U-0JB .sub_win_child_wrapper_u-rSl:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_U-0JB .sub_win_child_wrapper_u-rSl:not(:first-child) .sub_win_child_5HTCo {
  padding-top: 0;
}
.sub_win_flexalbe_container_j-mU4 {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_j-mU4 * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT:not(:first-child) .flexable_scroll_inner_hlF4C {
  padding-top: 0px;
}
.phoneMode .sub_win_container_U-0JB {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_j-mU4 {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_NdQvT {
  animation: safariUpdate_5vuJv 0.1s forwards;
}
.safariOn .sub_win_container_U-0JB {
  animation: safariUpdate_5vuJv 0.1s forwards;
}
@keyframes safariUpdate_5vuJv {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_U-xyv {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_U-xyv .noColorStylePart_vGE53 + .noColorStylePart_vGE53 {
  margin-top: 8px;
}
.noColorStyleContainer_U-xyv .partlabel_EhjPV {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_U-xyv .partlabel_EhjPV.disabled_8rC3g {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_U-0JB,
.phoneMode .sub_win_flexalbe_container_j-mU4 {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_U-0JB .flexable_scroll_wrapper_NdQvT:not(:first-child),
.phoneMode .sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_U-xyv {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_U-xyv .noColorStylePart_vGE53 + .noColorStylePart_vGE53 {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_U-xyv .partlabel_EhjPV {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.noPermissionModal_tFRUR,
.conflictModal_t3saJ,
.concurrencyExceedModal_JmwJP {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  padding: 24px;
  border-radius: 12px;
  background-color: #fff;
}
.noPermissionModal_tFRUR .infoBox_-i-N-,
.conflictModal_t3saJ .infoBox_-i-N-,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.noPermissionModal_tFRUR .infoBox_-i-N- .left_3Ge8s svg,
.conflictModal_t3saJ .infoBox_-i-N- .left_3Ge8s svg,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- .left_3Ge8s svg {
  color: #ffa519;
}
.noPermissionModal_tFRUR .infoBox_-i-N- .right_-iv8E .title_KQ9--,
.conflictModal_t3saJ .infoBox_-i-N- .right_-iv8E .title_KQ9--,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- .right_-iv8E .title_KQ9-- {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 8px;
}
.noPermissionModal_tFRUR .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4,
.conflictModal_t3saJ .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4 {
  color: #616371;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
}
.noPermissionModal_tFRUR .infoBox_-i-N- .right_-iv8E .link_DUWPD a,
.conflictModal_t3saJ .infoBox_-i-N- .right_-iv8E .link_DUWPD a,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- .right_-iv8E .link_DUWPD a {
  color: #2e73e5;
  text-decoration: none;
  cursor: pointer;
}
.noPermissionModal_tFRUR .actionBox_Pa-3s,
.conflictModal_t3saJ .actionBox_Pa-3s,
.concurrencyExceedModal_JmwJP .actionBox_Pa-3s {
  display: flex;
  justify-content: flex-end;
}
.noPermissionModal_tFRUR .actionBox_Pa-3s .confirm_AyDAI,
.conflictModal_t3saJ .actionBox_Pa-3s .confirm_AyDAI,
.concurrencyExceedModal_JmwJP .actionBox_Pa-3s .confirm_AyDAI {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.noPermissionModal_tFRUR .actionBox_Pa-3s .confirm_AyDAI:hover,
.conflictModal_t3saJ .actionBox_Pa-3s .confirm_AyDAI:hover,
.concurrencyExceedModal_JmwJP .actionBox_Pa-3s .confirm_AyDAI:hover {
  opacity: 0.8;
}
.endReconfirmModal_nyjHu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  padding: 24px;
  border-radius: 12px;
  background-color: #fff;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .left_3Ge8s svg {
  color: #ffa519;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .title_KQ9-- {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 8px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4 {
  color: #616371;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 25px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV {
  position: relative;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV .label_n-hOF {
  color: #424454;
  font-size: 14px;
  margin-bottom: 4px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV input {
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  padding: 8px 32px 8px 12px;
  border-radius: 2px;
  border: 1px solid #E6E7E9;
  border: 1px solid var(--Functional-colorPrimary-Default, #E6E7E9);
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV input:focus {
  border: 1px solid #2E73E5;
  border: 1px solid var(--Functional-colorPrimary-Default, #2E73E5);
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV .clearInput_x4pop {
  position: absolute;
  right: 5px;
  top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  border-radius: 2px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV .clearInput_x4pop svg {
  color: #c2c3c8;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV .clearInput_x4pop:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s .cancel_gYmdT {
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #DBDBDE;
  border: 1px solid var(---gray-6, #DBDBDE);
  background: #FFF;
  font-size: 16px;
  cursor: pointer;
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s .cancel_gYmdT:hover {
  color: #5798F2;
  border: 1px solid #5798F2;
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s .confirm_AyDAI {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #FE5250;
  color: #fff;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s .confirm_AyDAI:hover {
  opacity: 0.8;
}
.iconBox_VPXMa {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.iconBox_VPXMa:hover {
  background: rgba(0, 0, 0, 0.06);
}
.memberList_BMJq8 {
  display: flex;
}
.memberList_BMJq8 .avatar_ygejJ {
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-left: -8px;
}
.memberList_BMJq8 .avatar_ygejJ:first-child {
  margin-left: 0;
}
.memberList_BMJq8 .avatar_ygejJ div {
  width: 100%;
  height: 100%;
}
.memberList_BMJq8 .plus2_tDkM3 {
  white-space: nowrap;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 1px solid #FFF;
  background-color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  margin-left: -8px;
}
.memberList_BMJq8 .memberPanel_A8ABe {
  width: 200px;
  height: 240px;
  overflow: auto;
  position: absolute;
  z-index: 1000;
  top: calc(100% + 4px);
  background-color: white;
  box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px 4px 0 0;
}
.memberList_BMJq8 .memberPanel_A8ABe .userRow_h5z3Y {
  display: flex;
  gap: 8px;
  padding: 8px 16px;
  align-items: center;
}
.memberList_BMJq8 .memberPanel_A8ABe .userRow_h5z3Y .userAvatar_dWhKT {
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.memberList_BMJq8 .memberPanel_A8ABe .userRow_h5z3Y .name_nyyi4 {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.historyDeleteBox_3aFfv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 450px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 12px;
}
.historyDeleteBox_3aFfv .content_gmnpJ {
  margin-bottom: 24px;
}
.historyDeleteBox_3aFfv .content_gmnpJ > svg {
  position: relative;
  top: 5px;
  margin-right: 12px;
  color: #fe5250;
}
.historyDeleteBox_3aFfv .content_gmnpJ .title_KQ9-- {
  height: 28px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.historyDeleteBox_3aFfv .actions_zLEqV {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.historyDeleteBox_3aFfv .actions_zLEqV .reject_uJN9j {
  margin-right: 12px;
  font-size: 14px;
  padding: 8px 16px;
  height: 36px;
}
.historyDeleteBox_3aFfv .actions_zLEqV .confirm_AyDAI {
  font-size: 14px;
  height: 36px;
  padding: 8px 16px;
}
.introPopup_agJ5b {
  position: absolute;
  pointer-events: all;
  bottom: 60px;
  left: 22px;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
}
.introPopup_agJ5b .newIcon_8NkIm {
  width: 30px;
  color: #fff;
}
.introPopup_agJ5b .text_DSyqy {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
}
.introPopup_agJ5b .verticalLine_8O9rK {
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.15);
  margin: 0 8px;
}
.introPopup_agJ5b .guanbi_OV4bq {
  color: rgba(255, 255, 255, 0.65);
  cursor: pointer;
}
.introPopup_agJ5b .triangle_Tkm3u {
  position: absolute;
  top: 34px;
  left: 50%;
  transform: rotate(180deg) translateX(50%);
  color: #777AFD;
}
.noPermissionDialogBox_Xn1bt,
.deviceExceptionDialogBox_MJMyF {
  pointer-events: all;
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 380px;
  padding: 20px 24px;
  border-radius: 8px;
  background-color: #FFF;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}
.noPermissionDialogBox_Xn1bt .titlebar_jtF0X,
.deviceExceptionDialogBox_MJMyF .titlebar_jtF0X {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16;
}
.noPermissionDialogBox_Xn1bt .titlebar_jtF0X .text_DSyqy,
.deviceExceptionDialogBox_MJMyF .titlebar_jtF0X .text_DSyqy {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.noPermissionDialogBox_Xn1bt .titlebar_jtF0X svg,
.deviceExceptionDialogBox_MJMyF .titlebar_jtF0X svg {
  cursor: pointer;
}
.noPermissionDialogBox_Xn1bt .subtitle_1-Sw4,
.deviceExceptionDialogBox_MJMyF .subtitle_1-Sw4 {
  margin: 6px 0px;
  color: #616371;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.noPermissionDialogBox_Xn1bt .link_DUWPD a,
.deviceExceptionDialogBox_MJMyF .link_DUWPD a {
  cursor: pointer;
  color: #2E73E5;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}
.noPermissionDialogBox_Xn1bt .footer_8f-x5,
.deviceExceptionDialogBox_MJMyF .footer_8f-x5 {
  display: flex;
  justify-content: flex-end;
}
.noPermissionDialogBox_Xn1bt .footer_8f-x5 .confirm_AyDAI,
.deviceExceptionDialogBox_MJMyF .footer_8f-x5 .confirm_AyDAI {
  cursor: pointer;
  min-width: 72px;
  padding: 5px 12px;
  border-radius: 4px;
  background: #2E73E5;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.noPermissionDialogBox_Xn1bt .footer_8f-x5 .confirm_AyDAI:hover,
.deviceExceptionDialogBox_MJMyF .footer_8f-x5 .confirm_AyDAI:hover {
  opacity: 0.8;
}
.preventMeetingModal_UtSWl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  padding: 24px;
  border-radius: 12px;
  background-color: #fff;
}
.preventMeetingModal_UtSWl .infoBox_-i-N- {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.preventMeetingModal_UtSWl .infoBox_-i-N- .left_3Ge8s svg {
  color: #ffa519;
}
.preventMeetingModal_UtSWl .infoBox_-i-N- .right_-iv8E .title_KQ9-- {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 8px;
}
.preventMeetingModal_UtSWl .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4 {
  color: #616371;
  font-size: 14px;
  line-height: 22px;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s .cancel_gYmdT {
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #DBDBDE;
  border: 1px solid var(---gray-6, #DBDBDE);
  background: #FFF;
  font-size: 16px;
  cursor: pointer;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s .cancel_gYmdT:hover {
  color: #5798F2;
  border: 1px solid #5798F2;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s .confirm_AyDAI {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s .confirm_AyDAI:hover {
  opacity: 0.8;
}
.ellipsis_QlH4n {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feedbackContainer_qRv-5 {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px 4px 16px;
}
.feedbackContainer_qRv-5 .feedbackIconBox_6bHUq {
  display: flex;
  justify-content: center;
  align-items: center;
}
.feedbackContainer_qRv-5 .textBox_p--nu {
  flex: 1;
  font-size: 12px;
  line-height: 20px;
}
.feedbackContainer_qRv-5 .textBox_p--nu .section2_lmTBV {
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 2px;
  font-weight: 600;
}
.feedbackContainer_qRv-5 .zanBox_qgR1m,
.feedbackContainer_qRv-5 .caiBox_uycVz {
  padding: 8px 16px;
  border-radius: 2px;
  background-color: #f5f6f6;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feedbackContainer_qRv-5 .zanBox_qgR1m:hover,
.feedbackContainer_qRv-5 .caiBox_uycVz:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.feedbackContainer_qRv-5 .zanBox_qgR1m.active_dW-9U,
.feedbackContainer_qRv-5 .caiBox_uycVz.active_dW-9U {
  background-color: #eaf1fc;
}
.feedbackContainer_qRv-5 .zanBox_qgR1m.active_dW-9U svg,
.feedbackContainer_qRv-5 .caiBox_uycVz.active_dW-9U svg {
  color: #2e73e5;
}
.feedbackContainer_qRv-5 .caiBox_uycVz {
  margin-left: 2px;
}
.feedbackContainer_qRv-5 .closeBox_0QrLD {
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 2px;
}
.feedbackContainer_qRv-5 .closeBox_0QrLD:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.actionBar_wv8Ty {
  display: flex;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.06);
  padding: 3px;
  gap: 4px;
  margin: 12px 20px 20px 20px;
}
.actionBar_wv8Ty .actionItem_ToGeV {
  border-radius: 4px;
  padding: 6px 12px;
  flex: 1;
  text-align: center;
  cursor: pointer;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #424454;
  position: relative;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ {
  position: absolute;
  right: 8px;
  top: 8px;
  bottom: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS {
  position: absolute;
  z-index: 2;
  right: -10px;
  top: 100%;
  background-color: #fff;
  border-radius: 4px;
  padding: 8px 0;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS .dropdownRow_VhAO9 {
  padding: 9px 16px;
  white-space: nowrap;
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS .dropdownRow_VhAO9 .clearIcon_89cUh {
  display: flex;
  justify-content: center;
  align-items: center;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS .dropdownRow_VhAO9 .clearText_tIVBh {
  font-size: 14px;
  line-height: 22px;
  color: #0c1024;
  font-weight: 400;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS .dropdownRow_VhAO9:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ:hover,
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ.active_dW-9U {
  background-color: rgba(0, 0, 0, 0.06);
}
.actionBar_wv8Ty .actionItem_ToGeV.active_dW-9U {
  background-color: #fff;
  color: #0c1024;
  font-weight: 600;
  line-height: 22px;
}
.chatComponent_Mznvx {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.chatComponent_Mznvx .chatContainerInner_wK6V- {
  overflow-y: hidden;
  flex: 1;
  padding-left: 20px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL {
  padding: 12px 20px 20px 20px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .shortcutBar_b7vzH {
  display: flex;
  align-items: center;
  gap: 8px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .shortcutBar_b7vzH .shortcutItem_1DxYJ {
  padding: 4px 12px;
  border-radius: 4px;
  background: #F5F6F6;
  cursor: pointer;
  display: flex;
  gap: 2px;
  align-items: center;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .shortcutBar_b7vzH .shortcutItem_1DxYJ:hover {
  background: rgba(0, 0, 0, 0.06);
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 {
  display: flex;
  flex-shrink: 0;
  min-height: 48px;
  gap: 8px;
  border-radius: 8px;
  background: linear-gradient(white, white) padding-box, linear-gradient(96.41deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%) border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 0 8px 0 #eaf1fc;
  padding: 8px 10px;
  flex-direction: column;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: -4px 0;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8 {
  display: flex;
  padding: 5px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #f5f6f6;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8.active_dW-9U {
  background-color: #eaf1fc;
  color: #2e73e5;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8.active_dW-9U:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), #eaf1fc;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8.active_dW-9U .optionIcon_fEoSk {
  color: #2e73e5;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8.active_dW-9U .dot_ucu4V {
  background: #2e73e5;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), #f5f6f6;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8 .optionIcon_fEoSk {
  width: 14px;
  height: 14px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8 .dot_ucu4V {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #c2c3c8;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .inputContainer2_buwCp {
  position: relative;
  flex: 1;
  width: 100%;
  border-radius: 10px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be {
  width: 100%;
  background-color: white;
  border: none;
  outline: none;
  color: #303133;
  font-size: 14px;
  padding: 0;
  line-height: 22px;
  height: 22px;
  display: block;
  font-family: inherit;
  -ms-overflow-style: none;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be::-moz-placeholder {
  color: #c2c3c8;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be::placeholder {
  color: #c2c3c8;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be::-webkit-scrollbar {
  display: none;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be.hideOverflow_cGef4 {
  overflow: hidden;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be.supportInput_6TfTf {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionBt_NOfmn {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  cursor: pointer;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2e73e5;
  transition: background-color var(--duration);
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionBt_NOfmn.actionBtDisabled_nr3px {
  background-color: #abc7f5;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionBt_NOfmn .actionIcon_ha5I3 {
  color: white;
  transform: translate(3px, -2px) rotate(325deg);
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .loadingGifContainer_QFzpT {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .loadingGifContainer_QFzpT .loadingGif_vuiYg {
  width: 36px;
  height: 36px;
}

.fullscreenContainer_PxxQ8 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 31;
  pointer-events: auto;
}
.fullscreenContainer_PxxQ8 iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.modalContainer_a8fVk {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 31;
  pointer-events: auto;
}
.modalContainer_a8fVk .modalBox_WvaEQ {
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: auto;
  right: auto;
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: min(1440px, calc(100vw - 200px));
}
.modalContainer_a8fVk .modalBox_WvaEQ .modalHead_2jW0P {
  height: 44px;
  padding: 0 12px;
  display: flex;
  align-items: center;
}
.modalContainer_a8fVk .modalBox_WvaEQ .modalHead_2jW0P .closeBox_bWEN5 {
  margin-left: auto;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #0c1024;
}
.modalContainer_a8fVk .modalBox_WvaEQ .modalContent_0Dgzj {
  flex: 1;
  overflow: hidden;
}
.modalContainer_a8fVk .modalBox_WvaEQ .modalContent_0Dgzj iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.do-hovers .closeBox_bWEN5:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.bodyContentWrap_melXz {
  margin-top: 8px;
}
.inputWrap_Jab-a {
  position: relative;
}
.inputWrap_Jab-a .inputTitle_rVAYH {
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.inputWrap_Jab-a .inputUserName_YbmOQ {
  margin: 0;
  margin-top: 8px;
  height: 44px;
}
.inputWrap_Jab-a .inputUserName_YbmOQ.inputInvalid_seDfM {
  border: 1px solid #FE5250 !important;
}
.inputWrap_Jab-a .inputInvalidTip_mZZ9Y {
  min-width: 132px;
  max-width: 200px;
  padding: 16px 24px;
  margin: 0;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  word-break: break-word;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.cancelBtn_BIDkF {
  min-width: 0 !important;
  min-width: initial !important;
}
.cancelBtn_BIDkF {
  height: 40px;
}
.confirmBtn_GiYxW {
  min-width: 0 !important;
  min-width: initial !important;
}
.confirmBtn_GiYxW {
  height: 40px;
}

.bodyContentWrap_gEbbM {
  margin-top: 24px;
}
.inputWrap_soYrO {
  position: relative;
}
.inputWrap_soYrO .inputUserName_t-wc4 {
  margin: 0;
  height: 44px;
}
.inputWrap_soYrO .inputUserName_t-wc4.inputInvalid_G-nFA {
  border: 1px solid #FE5250 !important;
}
.inputWrap_soYrO .inputValidTip_lK1qv {
  color: #FE5250;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
}
.cancelBtn_Wd2qx {
  min-width: 0 !important;
  min-width: initial !important;
}
.cancelBtn_Wd2qx {
  height: 40px;
}
.confirmBtn_k73Sv {
  min-width: 0 !important;
  min-width: initial !important;
}
.confirmBtn_k73Sv {
  height: 40px;
}

.iconWrap_8qka- {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrapActive_Apuvz {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrapActive_Apuvz:hover {
  background-color: #eaf1fc;
}
.scaleToOriginWrap_-o2V7 {
  width: -moz-max-content;
  width: max-content;
}
.scaleStatusBar_j0rvL {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  pointer-events: auto;
  align-self: flex-end;
  white-space: nowrap;
  position: relative;
}
.scaleStatusBar_j0rvL .map_FK7Qr {
  position: absolute;
  right: 0;
  bottom: calc(100% + 4px);
  transition: height 0.2s;
  height: 0px;
  width: 100%;
  min-width: 292px;
  border-radius: 4px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.scaleStatusBar_j0rvL .map_FK7Qr.show_pKkeu {
  height: 160px;
}
.scaleStatusBar_j0rvL .btns_REIi0 {
  position: relative;
  padding: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
}
.scaleStatusBar_j0rvL .btns_REIi0 .on_OeAjr {
  color: var(--upime-active);
}
.scaleStatusBar_j0rvL .btns_REIi0 .minus_aBk5R {
  margin-right: 0;
}
.scaleStatusBar_j0rvL .btns_REIi0 .plus_PvTc4 {
  margin-left: 0;
}
.scaleStatusBar_j0rvL .btns_REIi0.bigScreenMode_ES09z {
  height: auto;
  height: initial;
  padding: 6px;
}
.scaleStatusBar_j0rvL .btns_REIi0.bigScreenMode_ES09z .iconWrap_8qka- {
  height: auto;
  height: initial;
  width: auto;
  width: initial;
  padding: 8px;
}
.scaleStatusBar_j0rvL .btns_REIi0.bigScreenMode_ES09z .iconWrap_8qka- svg {
  width: 28px;
  height: 28px;
}
.scaleStatusBar_j0rvL .btn_oJTK3 {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.scaleStatusBar_j0rvL .btn_oJTK3 .zhiyin_dianji_z2NHc {
  display: none;
}
.scaleStatusBar_j0rvL .scale_q5dvL {
  min-width: 56px;
  height: 36px;
  font-size: 12px;
}
.bigScreenOn .scaleStatusBar_j0rvL .map_FK7Qr {
  bottom: calc(100% + 8px);
  width: 292px;
  transition: none 0s ease 0s;
  transition: initial;
}
.do-hovers.bigScreenOff .iconWrap_8qka-:not(.noHover_VtD-L):hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.learningCenter_dj1lW {
  width: 36px;
  height: 36px;
  display: flex;
}
.learningCenter_dj1lW.textType_365ZS {
  width: 100%;
  position: relative;
}
.learningCenter_dj1lW.textType_365ZS .learningCenterPanel_-LeuL {
  bottom: 100%;
}
.learningCenter_dj1lW.textType_365ZS .triggerTip_oeotQ {
  bottom: calc(100% + 4px);
}
.learningCenter_dj1lW.textType_365ZS .triggerTip_oeotQ .arrow_L98w4 {
  right: 160px;
}
.learningCenter_dj1lW .learningCenterPanel_-LeuL {
  position: absolute;
  bottom: calc(100% + 4px);
  right: 0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.learningCenter_dj1lW .triggerTip_oeotQ {
  position: absolute;
  bottom: calc(100% + 12px);
  right: 0;
  border-radius: 4px;
  background-color: #000;
  display: flex;
  height: 42px;
  padding: 10px 12px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.learningCenter_dj1lW .triggerTip_oeotQ .divider_I1LUL {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.45);
}
.learningCenter_dj1lW .triggerTip_oeotQ .closeIcon_uV8Fh {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: #a6a6a6;
}
.learningCenter_dj1lW .triggerTip_oeotQ .arrow_L98w4 {
  position: absolute;
  top: 100%;
  right: 50px;
}
.centerWrapper_OurTy {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.more_setting_D3wsf {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  background-color: transparent;
  cursor: pointer;
}
.more_setting_D3wsf .arrow_btn_jdd-L {
  width: 100%;
  height: 100%;
  display: flex;
}
.more_setting_D3wsf.bigScreenMode_ES09z {
  width: auto;
  width: initial;
  height: auto;
  height: initial;
}
.setting_panel_2RW72 {
  position: absolute;
  bottom: calc(100% + 4px);
  right: 0;
  height: 52px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  width: 220px;
  height: -moz-max-content;
  height: max-content;
  align-items: center;
  justify-content: space-between;
  cursor: default;
}
.setting_panel_2RW72 .label_M-Rt0 {
  width: 100%;
  height: 36px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #0c1024;
  cursor: pointer;
}
.setting_panel_2RW72 .label_M-Rt0 .iconWrap_8qka- {
  width: 32px;
  height: 32px;
}
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J {
  cursor: default;
}
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J .scaleBtns_fkqOZ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J .scaleBtns_fkqOZ .scaleToOriginWrap_-o2V7 {
  width: 80px;
  height: 32px;
}
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J .scaleBtns_fkqOZ .minus_aBk5R,
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J .scaleBtns_fkqOZ .plus_PvTc4 {
  background-color: rgba(0, 0, 0, 0.06);
}
.setting_panel_2RW72 .divideLine_Ccdx6 {
  height: 1px;
  width: 100%;
  background-color: #e6e7e9;
  margin: 8px 0px;
}
.setting_panel_2RW72.bigScreenMode_ES09z {
  flex-direction: column;
  height: auto;
  height: initial;
}
.setting_panel_2RW72.bigScreenMode_ES09z .label_M-Rt0 {
  height: 40px;
}
.setting_panel_2RW72.bigScreenMode_ES09z .label_M-Rt0.scaleStatus_KXA8J .minus_aBk5R,
.setting_panel_2RW72.bigScreenMode_ES09z .label_M-Rt0.scaleStatus_KXA8J .plus_PvTc4 {
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .setting_panel_2RW72 .label_M-Rt0:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .setting_panel_2RW72 .label_M-Rt0:hover.scaleStatus_KXA8J {
  background-color: transparent;
  background-color: initial;
}
.triggerRenderContainer_Vve-4 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 4px;
  pointer-events: all;
}
.triggerRenderContainer_Vve-4 .divider_I1LUL {
  height: 12px;
  width: 1px;
  margin: 0 8px;
  background-color: rgba(255, 255, 255, 0.45);
}
.triggerRenderContainer_Vve-4 .closeIcon_uV8Fh {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.65);
}
.zoomSelectorContainer_MXtN0 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.zoomSelectorContainer_MXtN0.style2_QtWfR .zoomSelector_e9TYx {
  transform: translateX(calc(-50% - 22px));
}
.zoomSelectorContainer_MXtN0 .iconWrap_8qka-.scale_q5dvL.active_HjgMr {
  background: #EAF1FC;
  color: #2E73E5;
}
.zoomSelectorContainer_MXtN0 .iconWrap_8qka-.scale_q5dvL.active_HjgMr:hover {
  background: #EAF1FC;
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx {
  display: flex;
  width: 220px;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx.en_sSX-8 {
  width: 240px;
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx .zoomOption_6hmPU {
  display: flex;
  height: 36px;
  width: 100%;
  padding: 0 16px;
  align-items: center;
  gap: 8px;
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer;
  position: relative;
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx .zoomOption_6hmPU:hover {
  background: rgba(0, 0, 0, 0.06);
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx .zoomOption_6hmPU .icon_6eKIE {
  width: 16px;
  height: 16px;
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx .zoomOption_6hmPU .tip_3MAoO {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map_73Bn8 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
}
.map_73Bn8 .mapInner_bwmrd {
  width: 100%;
  height: 100%;
  touch-action: none;
}
.map_73Bn8 canvas {
  pointer-events: none;
}
.map_canvas_gsdKo {
  width: 100%;
  height: 100%;
}
.closeIconContainer_ReHbY {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transform: translateX(-50%) translateY(-50%);
}
.do-hovers .closeIconContainer_ReHbY:hover {
  background: rgba(0, 0, 0, 0.25);
}

.draggableRoot_D5-oy {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 400px;
  min-height: 520px;
  pointer-events: auto;
}
.resizeBtn_wCVs7 {
  opacity: 0;
}
.container_GCJKO {
  height: 100%;
  border-radius: 12px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  background: linear-gradient(180deg, #f1f6ff 0%, #fff 30.35%, #fff 100%);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  transform: translateX(0px);
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: contain;
  display: flex;
  flex-direction: column;
}
.container_GCJKO.activeBg_eIqBn {
  background-position: left top, right 3px, center;
  background-size: 80px, 80px, contain;
}
.container_GCJKO .headContainer_Ljv82 {
  border-bottom: 1px solid #dbdbde;
  padding: 10px 20px;
  padding-right: 12px;
}
.container_GCJKO .head_yrTIC {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: all-scroll;
}
.container_GCJKO .head_yrTIC .part_pWev9 {
  display: flex;
  gap: 4px;
  align-items: center;
}
.container_GCJKO .head_yrTIC .part_pWev9 .logo_zrgWQ {
  width: 42px;
  height: 42px;
}
.container_GCJKO .head_yrTIC .part_pWev9 .logo_zrgWQ img {
  width: 100%;
}
.container_GCJKO .head_yrTIC .part_pWev9 .title_lh1nZ {
  font-size: 20px;
  font-weight: 500;
}
.container_GCJKO .head_yrTIC .part_pWev9 .divider_mGGwS {
  width: 1px;
  height: 25px;
  background: #dbdbde;
  background: var(--Neutral-colorBorder-Deep, #dbdbde);
}
.container_GCJKO .head_yrTIC .part_pWev9 .history_dbGA0 {
  cursor: pointer;
  padding: 7px 8px;
  font-size: 14px;
}
.container_GCJKO .head_yrTIC .part_pWev9 .history_dbGA0:hover {
  background: rgba(0, 0, 0, 0.06);
  background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.container_GCJKO .head_yrTIC .part_pWev9 .guanbi_9muBe {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.container_GCJKO .head_yrTIC .part_pWev9 .guanbi_9muBe:hover {
  background: rgba(0, 0, 0, 0.06);
  background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.container_GCJKO .head_yrTIC .part_pWev9:first-child {
  cursor: auto;
}
.container_GCJKO .introBar_sSsn2 {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0 16px 0 20px;
}
.container_GCJKO .introBar_sSsn2 .introIcon_5m8Yw {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container_GCJKO .introBar_sSsn2 .introText_KH76C {
  border-radius: 4px;
  background: #f5f6f6;
  padding: 8px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  color: #0c1024;
}
.container_GCJKO .introBar_sSsn2 .introText_KH76C .colorful_T9LxG {
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 8.84%, rgba(38, 112, 255, 0.88) 37.3%, rgba(50, 125, 255, 0.88) 42.99%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
.container_GCJKO .body_XZNEO {
  flex: 1;
  overflow: auto;
  scrollbar-gutter: stable;
}
.container_GCJKO .body_XZNEO.hide_mNMGk {
  display: none;
}
.container_GCJKO .chatContainer_Myl9P {
  flex: 1;
  display: flex;
  height: calc(100% - 133px);
}
.container_GCJKO .chatContainer_Myl9P.withRemain_UdOmV {
  height: calc(100% - 153px);
}
.container_GCJKO .chatContainer_Myl9P.hide_mNMGk {
  display: none;
}
.container_GCJKO .startPage_c2rW8 {
  padding-top: 20px;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l {
  display: grid;
  grid-template-columns: 3fr 4fr;
  grid-template-rows: 10fr 7fr;
  grid-gap: 16px;
  gap: 16px;
  height: 232px;
  padding: 0 23px 0 27px;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .box_ixioS {
  border-radius: 6px;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 4px 0px #d2e1fa;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .box_ixioS .title_lh1nZ {
  color: #424454;
  color: var(--Neutral-colorText-Secondary, #424454);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 2px;
  word-break: break-word;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .box_ixioS .text_IRl5e {
  color: #91939c;
  color: var(--Neutral-colorText-Tertiary, #91939c);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .one_tgveP {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .two_Wv5lJ {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .three_nCN8H {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.container_GCJKO .actionBlock_dnyJy {
  margin-top: 8px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 {
  align-self: flex-start;
  margin-left: 28px;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkboxLabel_cAyjv {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkbox_VAy19 {
  margin-right: 6px;
  width: 16px;
  height: 16px;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkbox_VAy19.selected_msYEm {
  border-color: #2e73e5;
  background-color: #2e73e5;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkbox_VAy19.selected_msYEm:after {
  content: "";
  display: block;
  width: 9px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 3px;
  left: 3px;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkbox_VAy19:hover {
  border-color: #2e73e5;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkboxText_q5SvM {
  color: #424454;
  font-size: 14px;
}
.container_GCJKO .actionBlock_dnyJy .startButton_LhB6o {
  display: flex;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  min-width: 334px;
  align-self: stretch;
  margin: 0 28px;
  height: 40px;
  min-width: 72px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
}
.container_GCJKO .actionBlock_dnyJy .startButton_LhB6o:hover {
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.6) 14.04%, rgba(38, 112, 255, 0.6) 81.47%, rgba(50, 125, 255, 0.6) 94.95%);
}
.container_GCJKO .actionBlock_dnyJy .startButton_LhB6o.disable_K1JX6 {
  opacity: 0.5;
  cursor: auto;
}
.container_GCJKO .actionBlock_dnyJy .tipRow_Tvw92 {
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
}
.container_GCJKO .actionBlock_dnyJy .tipRow_Tvw92 .tipContainer_UoA-G {
  text-decoration: underline;
  color: #91939c;
  padding: 4px 8px;
  border-radius: 2px;
}
.container_GCJKO .mainPage_SPrym {
  height: 100%;
  position: relative;
}
.container_GCJKO .mainPage_SPrym .contentBox_i0QhH {
  height: calc(100% - 48px);
  overflow: auto;
  padding: 8px 16px 12px;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB {
  display: flex;
  height: 48px;
  padding: 10px 16px;
  padding: 10px var(--Size-Space-Default, 16px);
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e6e7e9;
  border-top: 1px solid var(--Neutral-colorBorder-Shallow, #e6e7e9);
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .summaryButton_vysBx {
  display: flex;
  padding-left: 12px;
  padding-right: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: linear-gradient(96deg, #e380ff 14.04%, #556fff 81.47%, #1674f7 94.95%);
  box-shadow: 0px 2px 8px 0px rgba(162, 195, 255, 0.19);
  color: #fff;
  cursor: pointer;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .summaryButton_vysBx img {
  width: 43px;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .summaryButton_vysBx .text_IRl5e {
  font-size: 12px;
  font-weight: 600;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .summaryButton_vysBx:hover {
  background: linear-gradient(96deg, rgba(227, 128, 255, 0.5) 14.04%, rgba(85, 111, 255, 0.5) 81.47%, rgba(22, 116, 247, 0.5) 94.95%);
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .hovertip_2jRk7 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .goingButton_VNoAN,
.container_GCJKO .mainPage_SPrym .footer_c9VVB .pauseButton_vJRj8 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #2e73e5;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .goingButton_VNoAN:hover,
.container_GCJKO .mainPage_SPrym .footer_c9VVB .pauseButton_vJRj8:hover {
  color: #5798f2;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .endButton_xpcz7 {
  display: flex;
  color: #fe5250;
  height: 28px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #fe5250;
  cursor: pointer;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .endButton_xpcz7:hover {
  color: #ff7f78;
  border: 1px solid #ff7f78;
}
.container_GCJKO .mainPage_SPrym .hasNewTip_R0c7I {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 56px;
  left: 50%;
  transform: translate(-50%);
  margin: auto;
  padding: 4px 9px;
  border-radius: 18px;
  border: 1px solid #e6e7e9;
  border: 1px solid var(--Neutral-colorBorder-Shallow, #e6e7e9);
  background: #fff;
  color: #2e73e5;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.container_GCJKO .mainPage_SPrym .hasNewTip_R0c7I:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #fff;
}
.transcriptItem_UnOYE {
  padding: 5px 4px;
  display: flex;
  gap: 8px;
  border-radius: 2px;
  position: relative;
}
.transcriptItem_UnOYE .avatarBox_QpLpC {
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.transcriptItem_UnOYE .avatarBox_QpLpC .avatar_uezfm {
  width: 100%;
  height: 100%;
}
.transcriptItem_UnOYE .infoBox_VGs-Y {
  width: calc(100% - 32px);
}
.transcriptItem_UnOYE .infoBox_VGs-Y .name_time_q3qpK {
  font-size: 12px;
  color: #91939c;
  line-height: 20px;
  display: flex;
  white-space: nowrap;
}
.transcriptItem_UnOYE .infoBox_VGs-Y .text_IRl5e {
  font-size: 14px;
  line-height: 22px;
}
.transcriptItem_UnOYE .infoBox_VGs-Y .voice_btC8Q {
  line-height: 22px;
}
.transcriptItem_UnOYE .infoBox_VGs-Y .voice_btC8Q img {
  width: 56px;
  vertical-align: middle;
}
.transcriptItem_UnOYE .infoBox_VGs-Y .voice_btC8Q .voicetip_qirv9 {
  color: #91939c;
  font-size: 10px;
  line-height: 14px;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 4px;
  align-items: center;
  gap: 4px;
  border-radius: 2px;
  border: 1px solid #e6e7e9;
  background-color: #fff;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .likeBtn_JAKyH,
.transcriptItem_UnOYE .actionWidget_TdNFJ .dislikeBtn_diCNU {
  padding: 3px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .likeBtn_JAKyH:hover,
.transcriptItem_UnOYE .actionWidget_TdNFJ .dislikeBtn_diCNU:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .likeBtn_JAKyH.active_buDm5 svg,
.transcriptItem_UnOYE .actionWidget_TdNFJ .dislikeBtn_diCNU.active_buDm5 svg {
  color: #2e73e5;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .verticalLine_ls-Me {
  width: 1px;
  height: 14px;
  margin: 0 3px;
  background: #e6e7e9;
  background: var(--Neutral-colorBorder-Shallow, #e6e7e9);
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .copybox_tWBXX {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 3px;
  border-radius: 2px;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .copybox_tWBXX:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), var(--Neutral-colorBg-Container, #fff);
}
.transcriptItem_UnOYE:hover {
  background: rgba(0, 0, 0, 0.06);
  background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.transcriptItem_UnOYE:hover .actionWidget_TdNFJ {
  display: flex;
}
.transcriptTipRow_w9YUT {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 8px 0;
  color: #91939c;
}
.transcriptTipRow_w9YUT .dash_Dk7YT {
  width: 10px;
  height: 1px;
  background: #e6e7e9;
  background: var(--Neutral-colorBorder-Shallow, #e6e7e9);
}
.transcriptTipRow_w9YUT .tipText_gOFE9 {
  font-size: 10px;
}
.summaryItem_t7ln- {
  position: relative;
  display: flex;
  min-height: 44px;
  padding: 8px 12px 8px 6px;
  align-items: center;
  gap: 2px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  background: #fff;
  margin-bottom: 8px;
}
.summaryItem_t7ln- .indexBox_Vcw3B {
  font-size: 12px;
  font-weight: 600;
  color: #303445;
  min-width: 24px;
  text-align: center;
  align-self: flex-start;
  padding-top: 2px;
  white-space: nowrap;
}
.summaryItem_t7ln- .contentBox_i0QhH {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.summaryItem_t7ln- .contentBox_i0QhH .text_IRl5e {
  font-size: 14px;
  line-height: 22px;
  outline: none;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  pointer-events: auto;
}
.summaryItem_t7ln- .contentBox_i0QhH .participantsRow_fCBbL {
  display: flex;
  gap: 8px;
  align-items: center;
}
.summaryItem_t7ln- .contentBox_i0QhH .participantsRow_fCBbL .chengyuanguanliIcon_rl8rQ {
  display: flex;
  padding: 5px;
  border-radius: 12px;
  background-color: #f5f6f6;
  cursor: pointer;
}
.summaryItem_t7ln- .contentBox_i0QhH .participantsRow_fCBbL .chengyuanguanliIcon_rl8rQ svg {
  color: #2e73e5;
}
.summaryItem_t7ln- .contentBox_i0QhH .participantsRow_fCBbL .chengyuanguanliIcon_rl8rQ:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #f5f6f6;
}
.summaryItem_t7ln- .clearIcon_2vqIJ {
  display: none;
  position: absolute;
  right: -7px;
  top: -7px;
  color: #91939c;
  cursor: pointer;
}
.summaryItem_t7ln-.hasPermission_DmHV9:hover,
.summaryItem_t7ln-.hasPermission_DmHV9.focusing_6gcQy {
  border: 1px solid #5798f2;
}
.summaryItem_t7ln-.hasPermission_DmHV9:hover .clearIcon_2vqIJ,
.summaryItem_t7ln-.hasPermission_DmHV9.focusing_6gcQy .clearIcon_2vqIJ {
  display: block;
}
.summaryItem_t7ln-:first-child {
  margin-top: 6px;
}
.noface_SBSwd {
  display: flex;
  align-items: center;
  justify-self: center;
  z-index: 1;
  padding: 5px 7px 7px 7px;
  border-radius: 2px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.1) 14.04%, rgba(38, 112, 255, 0.1) 81.47%, rgba(50, 125, 255, 0.1) 94.95%);
}
.noface_SBSwd img {
  width: 30px;
}
.noface_SBSwd .miniTip_yzzAi {
  position: absolute;
  top: -50px;
  right: 5px;
  white-space: nowrap;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: default;
  padding: 10px 12px;
  border-radius: 4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
}
.noface_SBSwd .miniTip_yzzAi .text_IRl5e {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.noface_SBSwd .miniTip_yzzAi .guanbi_9muBe {
  color: rgba(255, 255, 255, 0.65);
  cursor: pointer;
}
.noface_SBSwd .miniTip_yzzAi .triangle_W6Rjh {
  position: absolute;
  right: 10px;
  rotate: 180deg;
  top: 100%;
  transform: translateY(10px);
  color: #4181ff;
}
.noface_SBSwd.unclickable_1-DZ0 {
  pointer-events: none;
}
.dividerLine_-2Swh {
  width: 1px;
  height: 18px;
  background-color: #e6e7e9;
  margin: 0 8px;
}
.summaryPageBox_Fc088 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  visibility: hidden;
  border-radius: 4px;
  overflow: hidden;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 {
  position: absolute;
  top: 72px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  border-radius: 8px 8px 0px 0px;
  transform: translateY(100%);
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .header_PRERJ {
  padding: 12px 8px 4px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .header_PRERJ .title_lh1nZ {
  font-size: 16px;
  font-weight: 600;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .header_PRERJ .bar_tRo5D {
  width: 64px;
  height: 6px;
  position: absolute;
  top: 34px;
  background: linear-gradient(90deg, rgba(234, 98, 243, 0.3) 0%, rgba(61, 137, 240, 0.3) 50.5%, rgba(21, 224, 230, 0.3) 100%);
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl {
  overflow: auto;
  padding: 0px 12px;
  flex: 1;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl .doingRow_iUHfc {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 8px;
  padding: 4px 12px;
  border-radius: 4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.1) 14.04%, rgba(38, 112, 255, 0.1) 81.47%, rgba(50, 125, 255, 0.1) 94.95%);
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl .doingRow_iUHfc .text_IRl5e {
  font-size: 14px;
  font-weight: 600;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl .doingRow_iUHfc img {
  width: 43px;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl .plusRow_eY9tJ {
  display: flex;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .footer_c9VVB {
  padding: 12px 16px 16px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .footer_c9VVB .action_H9nCb {
  display: flex;
  padding: 5px 12px;
  padding: 5px var(--Size-Space-Default, 12px);
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #f5f6f6;
  cursor: pointer;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .footer_c9VVB .action_H9nCb.disable_K1JX6 {
  pointer-events: none;
  color: #c2c3c8;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .footer_c9VVB .action_H9nCb:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #f5f6f6;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), var(--Neutral-colorBg-Elevated, #f5f6f6);
}
.summaryPageBox_Fc088 .feedbackRoot_H3PDs {
  position: absolute;
  bottom: -45px;
  left: 12px;
  right: 12px;
  animation: slide-up-2_qEx3M 0.2s ease-out forwards 10s;
}
.showSummaryPage_8C6RR {
  visibility: visible;
}
.showSummaryPage_8C6RR .innerContainer_pKm32 {
  animation: slide-up_K7X1X 0.3s ease-out forwards;
}
.memberPanelBox_0eW-H {
  width: 292px;
  position: fixed;
  z-index: 1000;
  left: 107px;
  background-color: white;
  box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  visibility: hidden;
}
.visible_s-6Bo {
  visibility: visible;
}
.none_Wgfpo {
  display: none;
}
.forbidAdd_D8hLP {
  cursor: no-drop;
  color: #c2c3c8;
}
.forbidAdd_D8hLP:hover {
  background-color: transparent;
  background-color: initial;
}
.nocontent_oj7l6 {
  text-align: center;
  margin-top: 200px;
}
.nocontent_oj7l6 > img {
  width: 108px;
  margin-bottom: 8px;
}
.nocontent_oj7l6 .wording_D0Q5z {
  color: #424445;
  font-size: 14px;
}
@keyframes slide-up_K7X1X {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-up-2_qEx3M {
  100% {
    transform: translateY(-120px);
    transform: translateY(var(--feedbackPanelBottom, -120px));
  }
}
.aiTHinkCostTipContainer_KVTSd {
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: 2px 4px;
}
.startNewBt_zxjvn {
  height: 30px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  color: #2e73e5;
  border: 1px solid #2e73e5;
  border-radius: 4px;
  cursor: pointer;
}
.addSummary_hZfih {
  width: -moz-fit-content;
  width: fit-content;
  margin: 8px auto 0;
}
.do-hovers .tipContainer_UoA-G:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
}

.titleBar_U7EUA {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 4px;
}
.titleBar_U7EUA .menuContainer_AfsNg {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.titleBar_U7EUA .menuContainer_AfsNg.noGap_UwyRH {
  gap: 0px;
}
.titleBarTemplate_GtUmF {
  padding-left: 8px;
  font-size: 14px;
}
.titleBarTemplate_GtUmF .newTemplate_jqd6y {
  margin: 0 16px;
}
.titleBarTemplate_GtUmF .divider_yM1KF {
  width: 1px;
  height: 20px;
  background-color: var(--upime-divider-bg);
  margin-right: 8px;
}

.iconWrap_9NQN- {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrapActive_EylEK {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrap_9NQN-:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_EylEK:hover {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.exportDialog_BVBOf {
  left: 20px;
  top: 20px;
  position: absolute;
  padding: 24px;
  width: 320px;
  font-size: 14px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: #000;
  display: flex;
  flex-direction: column;
}
.exportDialog_BVBOf .title_C-EKw {
  font-size: 20px;
  height: 30px;
  font-weight: 600;
  color: #0c1024;
  margin-bottom: 8px;
}
.exportDialog_BVBOf .tips_eg7B4 {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
  padding: 8px 12px;
  background-color: #eaf1fc;
  min-height: 34px;
  font-size: 12px;
  color: #0c1024;
  border-radius: 2px;
  word-break: break-word;
}
.exportDialog_BVBOf .info_r5wIV {
  margin-top: 8px;
  width: 100%;
  line-height: 22px;
  font-size: 14px;
  color: var(--upime-third-text);
}
.label_mi67d {
  padding-left: 32px;
  width: 92px;
  display: inline-block;
}
.pdfDialog_0LXDv {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.pdfDialog_0LXDv .label_mi67d {
  width: 100%;
}
.exportDialog_BVBOf .fileFormat_K4d5J {
  width: 60px;
  display: inline-block;
}
.exportDialog_BVBOf .btnContainer_7WcWJ {
  direction: rtl;
}
.label_mi67d::before {
  width: 16px;
  height: 16px;
  left: 28px;
  margin-top: 2px;
  border: 1px solid #616371;
  background-color: #fff;
  transition: border-color 250ms, background-color 250ms, opacity 250ms;
  position: absolute;
  content: "";
  border-radius: 100%;
  box-sizing: border-box;
}
.checked_pXbVU::before {
  border: 5px solid var(--upime-active);
}
.disabled_Dmuot .label_mi67d {
  color: #c2c3c8;
}
.disabled_Dmuot .label_mi67d::before {
  border: 1px solid #dbdbde;
  background-color: #f5f6f6;
}
.exportConfirm_ywrKW {
  display: inline-block;
  margin-top: 20px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 60px;
  font-size: 14px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
}
.exportingDiv_fmrlA {
  margin: 0px;
  width: 20px;
  height: 20px;
  animation-name: rotate_uZzni;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes rotate_uZzni {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.exportCancel_45bQK {
  display: inline-block;
  margin-top: 20px;
  margin-right: 14px;
  min-width: 60px;
  font-size: 14px;
  height: 36px;
  box-sizing: border-box;
  border: 1px solid #e6e7e9;
  border-radius: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  box-shadow: none;
  background-color: #fff;
}
.exportSettingItem_vk3OP {
  height: 22px;
  margin-top: 12px;
}
.exportSettingItem_vk3OP.disabled_Dmuot span {
  color: #c2c3c8;
}
.exportSettingItem_vk3OP.disabled_Dmuot * {
  cursor: not-allowed;
}
.do-hovers .exportCancel_45bQK:hover {
  background-color: #f9f9f9;
}
.dimensions_sxeXM {
  color: #616371;
}
.exportOptions_Q13-z {
  margin-top: 4px;
  width: 200px;
  padding: 8px 0;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.exportOptions_Q13-z .exportOptionWrap_Z0Gih {
  width: 100%;
  position: relative;
}
.exportOptions_Q13-z .exportOption_gzrJU {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0 16px;
  cursor: pointer;
}
.exportOptions_Q13-z .icon_UzH65 {
  width: 20px;
  height: 20px;
}
.exportOptions_Q13-z .name_b8a5S {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #0c1024;
}
.exportOptions_Q13-z .iconArrow_0cUCu {
  width: 16px;
  height: 16px;
  margin-left: auto;
}
.exportFrameOptions_ek6Cw {
  width: -moz-max-content;
  width: max-content;
  padding: 8px 0;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.exportFrameOptions_ek6Cw .exportFrameOption_-1kks {
  width: 100%;
  height: 36px;
  padding: 0 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.exportFrameOptions_ek6Cw .exportFrameOption_-1kks .content_OOtmd {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.exportFrameOptions_ek6Cw .exportFrameOption_-1kks .upgradeAccountBtn_QNrt7 {
  height: 18px;
  display: flex;
  padding: 0px 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: linear-gradient(280deg, #f1008c 0%, #b721ff 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.do-hovers .exportOptions_Q13-z .exportOption_gzrJU:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .exportFrameOptions_ek6Cw .exportFrameOption_-1kks:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.searchMenuWrap_n0mXT {
  position: relative;
}
.searchPanel_hu-du {
  margin-top: 8px;
}
.iconWrap_QnIDH {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.iconWrapActive_LeNwi {
  color: var(--upime-active);
  background-color: #EAF1FC;
}
.do-hovers .iconWrap_QnIDH:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_LeNwi:hover {
  color: var(--upime-active);
  background-color: #EAF1FC;
}
.shortcutContainer_eREFs {
  display: flex;
  align-items: center;
  gap: 8px;
  word-break: keep-all;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1;
}
.shortcutContainer_eREFs .shortcutBox_bSWF2 {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid #91939c;
  color: #91939C;
}

.searchPanelWrap_csWxT {
  width: 360px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.searchPanelWrap_csWxT.noTabs_tF57X .searchSubPanelWrap_CXMiu {
  padding-top: 12px;
}
.searchPanelWrap_csWxT .searchSubPanelWrap_CXMiu {
  width: 100%;
}

.searchPanelTabsWrap_GjFCD {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 28px;
  border-bottom: 1px solid #dbdbde;
}
.searchPanelTabsWrap_GjFCD .tabItem_eUMwY {
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: #91939C;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 0;
  cursor: pointer;
  position: relative;
}
.searchPanelTabsWrap_GjFCD .tabItem_eUMwY.activeTab_zELrX {
  color: #0c1024;
  font-weight: 600;
}
.searchPanelTabsWrap_GjFCD .tabItem_eUMwY.activeTab_zELrX::after {
  content: '';
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: #000;
}

.searchSubPanelWrap_-FIQi {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 12px;
}
.searchSubPanelWrap_-FIQi.showSearchResult_yxEkB,
.searchSubPanelWrap_-FIQi.searchResultEmpty_hSag6 {
  padding-bottom: 0;
}

.searchInputWrap_OT3eM {
  width: 100%;
  padding: 0 16px;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #E6E7E9;
  border-radius: 4px;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82[focus-within] {
  border-color: #2E73E5;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82:focus-within {
  border-color: #2E73E5;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ {
  height: 100%;
  display: flex;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 32px;
  border-right: 1px solid #E6E7E9;
  position: relative;
  overflow: hidden;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ .searchInput_m6omq {
  flex-grow: 1;
  min-width: 0;
  height: 100%;
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  border: none;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ .searchInput_m6omq:placeholder {
  color: #C2C3C8;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ .clearInputIcon_Cy5nH {
  color: #C2C3C8;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ .clearInputIcon_Cy5nH.showClearInputIcon_KpZ2H {
  visibility: visible;
}

.elementFilterWrap_TWCTU {
  height: 100%;
  display: flex;
  flex-shrink: 0;
  position: relative;
}
.elementFilterWrap_TWCTU .currentFilterInfo_MhLsX {
  min-width: 98px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 12px;
}
.elementFilterWrap_TWCTU .currentFilterInfo_MhLsX.showList_BAxur {
  background-color: rgba(0, 0, 0, 0.06);
}
.elementFilterWrap_TWCTU .currentFilterInfo_MhLsX .currentFilterName_CYIPE {
  display: flex;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ {
  min-width: 140px;
  padding: 8px 0;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  z-index: 1;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW {
  width: 100%;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  white-space: nowrap;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW.selected_xOhlO {
  background-color: rgba(0, 0, 0, 0.06);
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW.selected_xOhlO .selectedIcon_XZDJf {
  visibility: visible;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW.disabled_TUPxn .filterItemContent_ZLkTl .filterName_zbgtY {
  color: #C2C3C8;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW .selectedIcon_XZDJf {
  visibility: hidden;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW .filterItemContent_ZLkTl {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW .filterItemContent_ZLkTl .filterName_zbgtY {
  color: #0C1024;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW .filterItemContent_ZLkTl .elementCount_1kDuO {
  color: #91939C;
}
.do-hovers .currentFilterInfo_MhLsX:hover {
  cursor: pointer;
}
.do-hovers .currentFilterInfo_MhLsX:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .filterItem_vIbLW:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .filterItem_vIbLW:hover.disabled_TUPxn {
  cursor: not-allowed;
}

.searchResultWrap_aVe9Z {
  width: 100%;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px 6px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen .resultCount_hglPV {
  color: #91939C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen .navBtnsWrap_cRAT1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen .navBtnsWrap_cRAT1 .prevBtn_84Lrg {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  transform: rotate(180deg);
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen .navBtnsWrap_cRAT1 .nextBtn_SoUd6 {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j {
  width: 100%;
  max-height: 252px;
  overflow-y: auto;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8 {
  width: 100%;
  height: 39px;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8.selected_OF4Kr {
  background-color: #EAF1FC;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8.selected_OF4Kr .elementIcon_yHqP9,
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8.selected_OF4Kr .elementSnippet_MdsDM {
  color: #2E73E5;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8 .elementSnippet_MdsDM {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchResultWrap_aVe9Z .noResultTip_48bx- {
  padding: 16px;
  color: #91939C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.do-hovers .prevBtn_84Lrg:hover,
.do-hovers .nextBtn_SoUd6:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .searchResultItem_4Vam8:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
}

.replaceSubPanelWrap_i5M7L {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 12px;
}
.replaceSubPanelWrap_i5M7L.showSearchResult_31Hfb,
.replaceSubPanelWrap_i5M7L.searchResultEmpty_Gq2oi {
  padding-bottom: 0;
}
.replaceSubPanelWrap_i5M7L .inputWrap_KGLon {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.replaceSubPanelWrap_i5M7L .divider_rMAy6 {
  width: 100%;
  height: 1px;
  background-color: #E6E7E9;
  margin-top: 16px;
}

.replaceInputWrap_R6ViK {
  width: 100%;
  padding: 0 16px;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY {
  width: 100%;
  height: 40px;
  display: flex;
  flex: 1;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid #E6E7E9;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY[focus-within] {
  border-color: #2E73E5;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY:focus-within {
  border-color: #2E73E5;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY .searchInput_e47EO {
  flex-grow: 1;
  min-width: 0;
  height: 100%;
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  border: none;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY .searchInput_e47EO:placeholder {
  color: #C2C3C8;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.replaceButtonsWrap_mtIKG {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.replaceButtonsWrap_mtIKG .leftPartWrap_SRxJd .checkboxWrap_rhvvQ {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.replaceButtonsWrap_mtIKG .leftPartWrap_SRxJd .checkboxWrap_rhvvQ .checkboxText_Zyv0W {
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.replaceButtonsWrap_mtIKG .rightPartWrap_-4AXI {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.replaceButtonsWrap_mtIKG .rightPartWrap_-4AXI .replaceButton_SDmOP,
.replaceButtonsWrap_mtIKG .rightPartWrap_-4AXI .replaceAllButton_If9qP {
  height: 32px;
  padding-left: 12px;
  padding-right: 12px;
}

.user_h-sqW {
  position: relative;
  width: 32px;
  height: 32px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
}
.user_h-sqW.clickAble_-raZL {
  cursor: pointer;
}
.avatarRoot_MEzOD {
  width: 100%;
  height: 100%;
}
.follow_tag_RPPGd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.avatar_wrapper_Oog-Q,
.follow_tag_RPPGd,
.avatar_15txz {
  width: 100%;
  height: 100%;
}
.avatar_wrapper_Oog-Q .mask_cVGWg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 0;
  opacity: 0.6;
}
.follow_tag_RPPGd {
  border-radius: 50%;
  color: white;
  display: flex;
}
.follow_tag_RPPGd .sdk-icon {
  font-size: 16px;
  margin: auto;
}
.follow_count_wez3u {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: calc(100% + 4px);
  min-width: 24px;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border-radius: 7px;
  color: var(--upime-main-text);
}
.user_item_TvMGY {
  display: flex;
  height: 32px;
  align-items: center;
  color: var(--upime-main-text);
}
.user_item_TvMGY .name_hDRuv {
  margin-left: 12px;
  font-size: 14px;
  line-height: 32px;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 44px);
}
.user_item_TvMGY .name_hDRuv em {
  font-style: inherit !important;
}
.user_item_TvMGY .name_hDRuv em.highlight_ygAqn {
  color: var(--upime-active);
}
.tip_zXVFH {
  margin-top: 10px;
}
.tip_zXVFH.followed_vlclC {
  margin-top: 20px;
}
.follow_tip_tZdkK {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: -moz-max-content;
  width: max-content;
}
.follow_tip_tZdkK .name_hDRuv {
  color: var(--upime-tip);
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 184px;
}
.follow_tip_tZdkK .split_oAH56 {
  width: 100%;
  height: 1px;
  margin-top: 10px;
  background-color: var(--upime-tip);
}
.follow_tip_tZdkK .info_JPAJs {
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
  width: -moz-max-content;
  width: max-content;
  max-width: 184px;
}
.follow_tip_tZdkK .oneLine_0mhgQ {
  text-align: left;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.follow_tip_tZdkK .oneLine_0mhgQ > div {
  white-space: pre;
}
.follow_tip_tZdkK .oneLine_0mhgQ .omit_lpLHt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.follow_tip_tZdkK .twoLine_d9-Gg {
  white-space: pre;
  text-align: left;
  word-break: normal;
  word-wrap: normal;
  width: 100%;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.follow_tip_tZdkK .oneLine_0mhgQ:not(:first-child),
.follow_tip_tZdkK .twoLine_d9-Gg:not(:first-child) {
  margin-top: 4px;
}

.hide_bPewF {
  display: none;
}
.show_hBJWH {
  display: block;
}
.optionBar_Fiwdm {
  height: 44px;
  padding: 0 6px 0 4px;
  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);
}
.optionBar_Fiwdm .endChild_A7S8- {
  padding-right: 16px;
}
.optionBar_Fiwdm .customChild_UEvpK {
  padding: 0 0 0 12px;
  position: relative;
}
.members_S9WkB {
  display: flex;
  justify-content: space-around;
  margin-left: 4px;
  margin-right: 10px;
  transition: all 0.38s;
  height: 100%;
  position: relative;
}
.members_S9WkB.none_1ccE3 {
  margin-right: 0;
}
.members_S9WkB .member_hSwY0 {
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 20px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: all 0.2s;
}
.members_S9WkB .member_hSwY0.animate_pUwUP {
  animation: showFromRight_HtUqh 0.2s ease-in-out;
}
.members_S9WkB .member_hSwY0.more_btn_0YPr2 {
  cursor: pointer;
}
.members_S9WkB .member_hSwY0 .more_num_m2ENl {
  font-size: 12px;
  width: 34px;
  height: 34px;
  border: 2px solid white;
}
.members_S9WkB .member_hSwY0 .withBadge_-I1oV {
  width: -moz-max-content;
  width: max-content;
  padding: 0px 5px;
  border-radius: 25px;
}
@keyframes showFromRight_HtUqh {
  from {
    left: var(--aniRight);
  }
  to {
    left: 0;
  }
}
.more_list_icbDY,
.self_info_mEc-g,
.follow_list_gjbBO {
  position: absolute;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.more_list_icbDY,
.self_info_mEc-g {
  top: calc(44px + 4px);
  right: 0;
  width: 260px;
}
.follow_list_gjbBO {
  position: absolute;
  top: calc((44px + 4px) + 103px);
  top: calc(calc(44px + 4px) + 103px);
  right: calc(260px + 4px);
  width: 260px;
}
.more_list_icbDY,
.follow_list_gjbBO {
  padding: 0 2px;
}
.list_content_Qcy-c {
  overflow: auto;
  padding: 6px 14px 16px 14px;
}
.list_content_Qcy-c::-webkit-scrollbar {
  width: 4px;
}
.list_content_Qcy-c::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.list_content_Qcy-c::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.list_content_Qcy-c .list_item_28YY7:not(:first-child) {
  margin-top: 12px;
}
.more_list_icbDY .list_content_Qcy-c {
  max-height: 208px;
}
.follow_list_gjbBO .list_content_Qcy-c {
  max-height: 380px;
}
.self_info_mEc-g {
  padding: 0 16px;
}
.self_info_mEc-g .self_name_yE90S {
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.self_info_mEc-g .self_name_yE90S .name_wrap_f-Ugq {
  display: flex;
  flex-direction: row;
  gap: 2px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.self_info_mEc-g .self_name_yE90S .name_wrap_f-Ugq .name_iCfeG {
  color: var(--upime-main-text);
  line-height: 22px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.self_info_mEc-g .self_name_yE90S .name_wrap_f-Ugq .modifyUserNameBtn_93bfm {
  padding: 6px;
  border-radius: 2px;
}
.self_info_mEc-g .self_name_yE90S .name_wrap_f-Ugq .modifyUserNameBtn_93bfm .modifyUserNameIcon_fgp5T {
  display: flex;
  flex-shrink: 0;
  color: #91939C;
}
.self_info_mEc-g .owner_tag_xDomf {
  color: var(--upime-second-text);
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  white-space: nowrap;
}
.self_info_mEc-g .split_xQisy {
  width: 100%;
  height: 1px;
  background-color: #dbdbde;
}
.self_info_mEc-g .followButtonsWrap_51fBk {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.self_info_mEc-g .follow_me_btn_J2T9N {
  height: 40px;
  color: var(--upime-main-text);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.self_info_mEc-g .follow_me_btn_J2T9N > svg {
  width: 24px;
  height: 24px;
}
.self_info_mEc-g .follow_me_btn_J2T9N > span {
  margin-left: 8px;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
}
.self_info_mEc-g .follow_me_btn_J2T9N.disabled_OTlv9 {
  color: var(--upime-disable);
  pointer-events: none;
}
.do-hovers .modifyUserNameBtn_93bfm:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
}
.userNameSearch_YIPKI {
  margin: 12px 16px;
}
.noSearchRes_ByLU8 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: var(--upime-main-text);
  height: 18px;
  line-height: 18px;
}
.custonGuideRoot_x6X3Q {
  position: absolute;
  left: 12px;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.cursor_btn_tp5h1 {
  cursor: pointer !important;
}
.cursor_btn_tp5h1 {
  position: relative;
}
.iconWrap_H0SK6 {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrapActive_i-4Wl {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrap_H0SK6:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_i-4Wl:hover {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.triggerRenderContainer_MMsA5 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 4px;
  pointer-events: all;
}
.triggerRenderContainer_MMsA5 .divider_O2Mx5 {
  height: 12px;
  width: 1px;
  margin: 0 8px;
  background-color: rgba(255, 255, 255, 0.45);
}
.triggerRenderContainer_MMsA5 .closeIcon_BLh8H {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.65);
}

.root_xbdS5 {
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
  margin-left: 8px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.root_xbdS5 .iconBox_OVaUX {
  padding: 6px;
  cursor: pointer;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.root_xbdS5 .iconBox_OVaUX > svg {
  color: #0c1024;
}
.root_xbdS5 .iconBox_OVaUX:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.root_xbdS5 .iconBox_OVaUX.active_7YxGa {
  background-color: #eaf1fc;
}
.root_xbdS5 .iconBox_OVaUX.active_7YxGa > svg {
  color: #2e73e5;
}
.root_xbdS5 .collapseBox_rQjLS > svg {
  color: #91939c;
}
.root_xbdS5 .divider_kPtNH {
  width: 1px;
  height: 20px;
  background-color: var(--upime-divider-bg);
  margin: 0 4px;
}
.root_xbdS5.extension_XZjoa {
  margin-right: 8px;
}
.root_xbdS5.extension_XZjoa .extensionItem_X7KSJ {
  width: 40px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.root_xbdS5.extension_XZjoa .extensionItem_X7KSJ > svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.root_xbdS5.extension_XZjoa .extensionItem_X7KSJ .active_7YxGa {
  color: var(--upime-active);
}
.root_xbdS5.nogap_8RbEz {
  gap: 0;
}
.blueDot_wOVyR {
  position: absolute;
  top: 0px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #2e73e5;
}
.morePanel_vpMvo {
  padding: 8px 0px;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #0c1024;
  position: absolute;
  background-color: #fff;
  top: calc(100% + 8px);
  left: -8px;
  min-width: 200px;
}
.morePanel_vpMvo .bar_ySB7B {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 16px;
  width: 100%;
  white-space: nowrap;
  height: 40px;
  background-color: transparent;
  background-color: initial;
  gap: 8px;
}
.morePanel_vpMvo .bar_ySB7B > svg {
  font-size: 24px;
}
.morePanel_vpMvo .bar_ySB7B > span {
  white-space: nowrap;
  font-size: 14px;
}
.morePanel_vpMvo .bar_ySB7B svg {
  margin: 0;
}
.morePanel_vpMvo .bar_ySB7B::before {
  top: 3px;
  left: 24px;
}
.morePanel_vpMvo .bar_ySB7B:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.morePanel_vpMvo .bar_ySB7B:hover {
  cursor: pointer;
}
.morePanel_vpMvo .timerBar_CFDFR {
  position: relative;
}
.morePanel_vpMvo .timerBar_CFDFR .tip_root_OnP5p {
  width: 34px;
  height: 20px;
  border-radius: 11px;
  background-color: #2e73e5;
  position: absolute;
  bottom: 18px;
  left: 19px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.morePanel_vpMvo .timerBar_CFDFR .tip_root_OnP5p.phoneMode_4mK-s {
  bottom: 22px;
  left: 18px;
}
.morePanel_vpMvo .timerBar_CFDFR.iconWrapActive_NEPcL {
  color: var(--upime-active);
}
.foldableToolBoxRoot_zSTGJ {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  cursor: pointer;
  border-radius: 2px;
  pointer-events: auto;
  position: relative;
}
.foldableToolBoxRoot_zSTGJ .morePanel_vpMvo {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 12px));
}
.foldableToolBoxRoot_zSTGJ.active_7YxGa {
  background-color: #eaf1fc;
}
.foldableToolBoxRoot_zSTGJ.active_7YxGa > svg {
  color: #2e73e5;
}
.foldableToolBoxRoot_zSTGJ.disabled_tRhB2 {
  pointer-events: none;
  color: #d8d8d8;
}
.do-hovers .extension_XZjoa .extensionItem_X7KSJ > svg:hover {
  color: var(--upime-active);
}
.do-hovers.bigScreenOff .foldableToolBoxRoot_zSTGJ:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.iconWrap_okL-Z {
  width: -moz-max-content;
  width: max-content;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  gap: 8px;
  cursor: pointer;
}
.iconInnerWrap_gvPHv {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.iconWrapActive_ErjL4 {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.iconWrapActive_ErjL4 .meetingTxt_h9tPO {
  color: var(--upime-active);
}
.iconPhone_yZLMk {
  width: 20px;
  height: 20px;
  margin: 0;
}
.iconWrapPhone_KPevu {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iconWrapActivePhone_ztEx0 {
  background-color: #eaf1fc;
}
.iconWrapActivePhone_ztEx0 .iconPhone_yZLMk {
  color: #2e73e5;
}
.do-hovers .iconWrap_okL-Z:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_ErjL4:hover {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.iconContainer_nB2e5 {
  position: relative;
}
.iconContainer_nB2e5.phone_TxqEj {
  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);
  pointer-events: auto;
}
.iconContainer_nB2e5.phone_TxqEj > svg {
  font-size: 18px;
}
.iconContainer_nB2e5.large_o6tZ- {
  width: 44px !important;
  height: 44px !important;
}
.iconContainer_nB2e5.active_CQza3 {
  color: var(--upime-active);
}
.iconContainer_nB2e5.active_CQza3 .meetingTxt_h9tPO {
  color: var(--upime-active);
}
.iconContainer_nB2e5.disabled_Aw38h {
  pointer-events: none;
  color: var(--upime-disable);
}
.inMeetingIconBox_mhuft {
  width: 88px;
  height: 42px;
  border-radius: 999px;
  background-color: #fff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  position: relative;
}
.inMeetingIconBox_mhuft .yinshipin_FNnmf {
  width: 20px;
  height: 20px;
  color: #2e73e5;
}
.inMeetingIconBox_mhuft .divider_g-9NH {
  width: 1px;
  height: 20px;
  background-color: #e6e7e9;
  margin: 0 12px;
}
.inMeetingIconBox_mhuft::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--upime-active);
  top: 5px;
  left: 17px;
}
.inMeetingIconBox_mhuft.redDot_UnsO5::before {
  background-color: #fe5250;
}
.tingzhiIcon_8vPEO {
  color: #fe5250;
  width: 22px;
  height: 22px;
}
.inMeeting_V71hK::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--upime-active);
  top: 2px;
  left: 16px;
}
.meetingRecording_ZZBde::before {
  background-color: #fe5250;
}
.meetingsNumContainer_9hnLD {
  height: 18px;
  min-width: 18px;
  background-color: #fe5250;
  border: 1px solid white;
  padding: 0 4px;
  border-radius: 9px;
  color: white;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  top: -7px;
  right: -7px;
}
.inMeetingTxt_fuwg4,
.meetingTxt_h9tPO {
  margin-right: 6px;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  color: var(--upime-active);
  width: -moz-max-content;
  width: max-content;
}
.meetingTxt_h9tPO {
  color: var(--upime-main-text);
}

.cm_item_X7miM {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_X7miM.disabled_MHz4v {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_X7miM.autoWidth_mosMG {
  width: auto;
  min-width: 40px;
}
.icon_box_6-GeC {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_6-GeC.active_TfE5l {
  color: var(--upime-active);
}
.bling_item_LTEZk {
  opacity: 0.8;
}
.hidden_HbJlw {
  visibility: hidden !important;
}
.hidden_all_ts2zM {
  visibility: hidden !important;
}
.hidden_all_ts2zM * {
  visibility: hidden !important;
}
.show_all_lEhch {
  visibility: visible !important;
}
.show_all_lEhch * {
  visibility: visible !important;
}
.pane_ytf23 {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_ztSIV {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_sgPDn {
  visibility: hidden;
  opacity: 0;
  animation: show_ztSIV 0.5s forwards;
}
@keyframes show_scale_Tl-wH {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_Tl-wH {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_Tl-wH 0.3s forwards;
}
.show_scale_Tl-wH.right_U-SRp {
  transform-origin: left center;
}
.show_scale_Tl-wH.left_6AoAM {
  transform-origin: right center;
}
.show_scale_Tl-wH.bottom_NpiGW {
  transform-origin: center top;
}
.show_scale_Tl-wH.top_so2pM {
  transform-origin: center bottom;
}
.show_scale_Tl-wH.left_top_sOW0- {
  transform-origin: right top;
}
.show_scale_Tl-wH.top_left_uCMBX {
  transform-origin: bottom left;
}
.show_scale_Tl-wH.bottom_left_YYOxP {
  transform-origin: top left;
}
.show_scale_Tl-wH.top_right_PUECA {
  transform-origin: bottom right;
}
.show_scale_Tl-wH.bottom_right_Cn4hw {
  transform-origin: top right;
}
.show_scale_Tl-wH.right_top_gNULf {
  transform-origin: left top;
}
.show_scale_Tl-wH.right_bottom_2sUiI {
  transform-origin: left bottom;
}
.show_scale_Tl-wH.left_bottom_2e7Q6 {
  transform-origin: right bottom;
}
.btn_style_ElI1I {
  cursor: pointer;
}
.btn_style_ElI1I:active,
.btn_style_ElI1I.on_XiYCQ {
  color: var(--upime-active);
}
.btn_style_ElI1I.disabled_MHz4v {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_7GkbB {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_6-GeC:hover {
  opacity: 1;
}
.do-hovers .bling_item_LTEZk:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_ElI1I:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_7GkbB:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_-dp1f:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_T9-JU:hover {
  color: var(--upime-main-text);
}
.rotateY180_rEVYt {
  transform: rotateY(180deg);
}
.titleIcon_-dp1f {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_-dp1f.active_TfE5l {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_-dp1f.active_TfE5l {
  color: var(--upime-active);
}
.moreIcon_T9-JU {
  cursor: pointer;
}
.moreIcon_T9-JU svg {
  color: #303445;
}
.moreIcon_T9-JU.active_TfE5l svg {
  color: var(--upime-main-text);
}
@keyframes loading_Gj-k0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_-LVUh {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_Gj-k0 1s linear infinite forwards;
}
.AIButtonContainer_NUKmb {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_NUKmb.transparent_eAwqg {
  opacity: 0;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc.AIShow_H4TcT {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc.AIHide_lJph9 {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc.AIButtonHover_znjrE:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc.AIButtonDisabled_tkvSZ {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc .AIButtonImage_ZAdMH {
  width: 32px;
  height: 32px;
}
.sub_win_container_gAVv- {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_gAVv-::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_gAVv-::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_gAVv-::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_gAVv- .sub_win_child_wrapper_whGGc:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_gAVv- .sub_win_child_wrapper_whGGc:not(:first-child) .sub_win_child_zVe-q {
  padding-top: 0;
}
.sub_win_flexalbe_container_8L5SM {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_8L5SM * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM:not(:first-child) .flexable_scroll_inner_ygrja {
  padding-top: 0px;
}
.phoneMode .sub_win_container_gAVv- {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_8L5SM {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_OH7uM {
  animation: safariUpdate_zvHzx 0.1s forwards;
}
.safariOn .sub_win_container_gAVv- {
  animation: safariUpdate_zvHzx 0.1s forwards;
}
@keyframes safariUpdate_zvHzx {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_oA48W {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_oA48W .noColorStylePart_VHy4Q + .noColorStylePart_VHy4Q {
  margin-top: 8px;
}
.noColorStyleContainer_oA48W .partlabel_uxjEx {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_oA48W .partlabel_uxjEx.disabled_MHz4v {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_gAVv-,
.phoneMode .sub_win_flexalbe_container_8L5SM {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_gAVv- .flexable_scroll_wrapper_OH7uM:not(:first-child),
.phoneMode .sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_oA48W {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_oA48W .noColorStylePart_VHy4Q + .noColorStylePart_VHy4Q {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_oA48W .partlabel_uxjEx {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.iconWrap_EG1Ac {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrapActive_egbjR {
  color: var(--upime-active);
  background-color: #EAF1FC;
}
.activeColor_sHVQm {
  color: var(--upime-active);
}
.do-hovers .iconWrap_EG1Ac:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_egbjR:hover {
  color: var(--upime-active);
  background-color: #EAF1FC;
}

.learning_center_VlAR9 {
  width: 340px;
  padding-top: 16px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  margin-right: -340px;
  transition: margin-right 0.3s;
}
.learning_center_VlAR9 .head_0duXL {
  height: 30px;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.learning_center_VlAR9 .head_0duXL .title_CpyBN {
  font-size: 20px;
  font-weight: 500;
  color: #0c1024;
}
.learning_center_VlAR9 .head_0duXL .close_pPqN- {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.learning_center_VlAR9 iframe {
  width: 100%;
  height: calc(100% - 30px);
}
.learning_center_VlAR9.opened_gFvOS {
  margin-right: 8px;
}
.do-hovers .learning_center_VlAR9 .close_pPqN-:hover {
  color: var(--upime-active);
}

.root_W1Svx {
  bottom: 8px;
  display: flex;
  flex-direction: row;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  align-items: center;
  z-index: 10;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.root_W1Svx .funcBar_uMtnr {
  display: flex;
  align-items: center;
  padding: 2px 2px 2px 4px;
  gap: 4px;
}
.root_W1Svx.mini_PVKfz {
  height: 32px;
  border: 1px solid #c7d2e4;
}
.root_W1Svx.mini_PVKfz .funcBar_uMtnr {
  gap: 12px;
  padding-right: 4px;
}
.root_W1Svx.pwa_CzyHS {
  padding-bottom: 26px;
}
.root_W1Svx.visitorMode_NYppu {
  padding: 10px 32px;
}
.root_W1Svx.medium_og54n,
.root_W1Svx.slim_xjno1 {
  height: 56px;
  border: none;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  gap: 8px;
  padding-right: 6px;
  padding-left: 6px;
}
.root_W1Svx.slim_xjno1 {
  padding: 6px;
}
.root_W1Svx.nobigScreenMode_9ccj5.slim_xjno1 {
  height: 44px;
  padding: 4px;
  gap: 2px;
}
.root_W1Svx.dragable_-ajEL .mini_btn_iR-Al .miniIconBox_6doml .mini_icon_r5V3u {
  color: #C2C3C8;
}
.draggableWrapper_B4SLY {
  position: fixed;
}
.meetingActionContainer_IQQvu {
  position: relative;
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3 {
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px 4px 4px 4px;
  min-width: 40px;
  background-color: rgba(254, 82, 80, 0.1);
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3 > svg {
  font-size: 20px;
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3 > span {
  line-height: 12px;
  font-size: 10px;
  margin-top: 2px;
  color: #fe5250;
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3:hover {
  background-color: rgba(254, 82, 80, 0.16);
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3.open_zFoy6 {
  background-color: rgba(254, 82, 80, 0.16);
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3.medium_og54n {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(254, 82, 80, 0.1);
}
.mini_PVKfz .meetingAction_tgIE3 {
  min-width: 0;
  min-width: initial;
  padding: 2px;
}
.endMeetingPanel_--UKm {
  position: absolute;
  width: 192px;
  height: 120px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  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: calc(100% + 6px);
}
.endMeetingPanel_--UKm .btn_CC1s7 {
  width: 160px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.endMeetingPanel_--UKm .endBtn_1Z4lt {
  background: var(--upime-danger);
  color: white;
}
.endMeetingPanel_--UKm .endBtn_1Z4lt.active_jpdl- {
  border: none !important;
  background: #d9383b !important;
}
.endMeetingPanel_--UKm .leaveBtn_LHUd9 {
  border: 1px solid var(--upime-danger);
  color: var(--upime-danger);
}
.endMeetingPanel_--UKm .leaveBtn_LHUd9.active_jpdl- {
  border-color: #d9383b !important;
  color: #d9383b !important;
}
.endMeetingPanel_--UKm .leaveBtn_LHUd9.active_jpdl- {
  background-color: rgba(254, 82, 80, 0.1);
}
.endMeetingPanel_--UKm.isHost_8v8hV {
  height: 68px;
}
.mini_PVKfz .endMeetingPanel_--UKm {
  bottom: 32px;
}
.do-hovers .endMeeting_jqOA-:hover {
  background-color: rgba(254, 82, 80, 0.1);
  color: var(--upime-danger);
}
.do-hovers .cancelBtn_I8eBb:hover {
  background-color: transparent;
  background-color: initial;
  color: var(--upime-active);
  border: 1px solid var(--upime-active);
}
.do-hovers .leaveBtn_LHUd9:hover {
  background-color: rgba(254, 82, 80, 0.1);
  border-color: var(--upime-danger);
}
.do-hovers .endBtn_1Z4lt:hover {
  border: none;
  background-color: #FF7F78;
}
.do-hovers .miniIconBox_6doml:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.mini_btn_iR-Al {
  height: 100%;
  border-radius: 2px;
  background: transparent;
  padding: 2px;
  border-right: 1px solid #E6E7E9;
}
.mini_btn_iR-Al .miniIconBox_6doml {
  padding: 10px 0px;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.mini_icon_r5V3u {
  font-size: 20px;
  color: #616371;
  transition: transform 0.1s linear;
}
.root_W1Svx.mini_PVKfz .mini_icon_r5V3u {
  transform: rotate(180deg);
}
.meetingCtrlHidden_5EuxT {
  visibility: hidden;
  position: absolute;
  bottom: -52px;
  z-index: 0;
}

.memberCtrlRoot_tzpBd {
  display: flex;
  align-items: center;
}
.memberCtrlRoot_tzpBd.medium_T3Brd,
.memberCtrlRoot_tzpBd.slim_xUiS5 {
  justify-content: center;
}
.iconBox_V4-bk {
  min-width: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  padding: 2px 4px 4px 4px;
}
.iconBox_V4-bk > svg {
  font-size: 20px;
}
.iconBox_V4-bk span {
  line-height: 12px;
  font-size: 10px;
  margin-top: 2px;
  color: #303445;
  white-space: nowrap;
}
.iconBox_V4-bk.active_1PrAl {
  color: #2e73e5;
  background-color: #EAF1FC;
}
.iconBox_V4-bk.active_1PrAl span {
  color: #2e73e5;
}
.iconBox_V4-bk.active_1PrAl:hover {
  background-color: #EAF1FC;
}
.iconBox_V4-bk.phone_qJEvI {
  width: auto;
  height: auto;
  min-width: 0;
  min-width: initial;
}
.iconBox_V4-bk.phone_qJEvI svg {
  margin-top: 0;
}
.iconBox_V4-bk.medium_T3Brd,
.iconBox_V4-bk.slim_xUiS5 {
  min-width: 0;
  min-width: initial;
  flex-direction: row;
  justify-content: center;
  width: 44px;
  height: 44px;
}
.iconBox_V4-bk.medium_T3Brd > svg,
.iconBox_V4-bk.slim_xUiS5 > svg {
  font-size: 28px;
  margin-top: 0;
  margin-top: initial;
  width: 28px;
  height: 28px;
}
.iconBox_V4-bk.nobigScreenMode_laM4v.slim_xUiS5 {
  width: 36px;
  height: 36px;
}
.iconBox_V4-bk.nobigScreenMode_laM4v.slim_xUiS5 > svg {
  font-size: 24px;
  margin-top: 0;
  margin-top: initial;
  width: 24px;
  height: 24px;
}
.iconBox_V4-bk.nobigScreenMode_laM4v.slim_xUiS5 .volume_ezaQA {
  bottom: 16px;
}
.landscape_BCk7q {
  flex-grow: 2;
}
.landscape_BCk7q .iconBox_V4-bk {
  margin-left: 20px;
}
.subWin_aCRCA {
  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: calc(100% + 6px);
  width: 420px;
}
.slim_xUiS5.subWin_aCRCA {
  bottom: calc(100% + 10px);
}
.bigScreen_-nrsu.subWin_aCRCA {
  bottom: calc(100% + 10px);
}
.reddot_dmVs2::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fe5250;
  top: 5px;
  right: calc(50% - 15px);
}
.inMoreCtrl_CJAuI {
  z-index: 0 !important;
}
.inMoreCtrl_CJAuI {
  display: inline;
  display: initial;
}
.inMoreCtrl_CJAuI .iconBox_V4-bk {
  flex-direction: row;
  padding: 0 16px;
  width: auto;
  height: 40px;
  margin-left: 0;
}
.inMoreCtrl_CJAuI .iconBox_V4-bk > svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  margin-top: 0;
}
.inMoreCtrl_CJAuI .iconBox_V4-bk > span {
  font-size: 14px;
}
.inMoreCtrl_CJAuI::before {
  right: auto;
  right: initial;
  left: 36px;
}
.panelRoot_Em4GD {
  width: 100%;
  height: 520px;
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  color: var(--upime-main-text);
  transform: translate(0, 0);
}
.panelRoot_Em4GD .title_uQK7- {
  display: flex;
  flex-direction: row;
  height: 24px;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin: 0 16px;
  margin-right: 4px;
}
.panelRoot_Em4GD .title_uQK7- .actionBox_b6Gs2 {
  display: flex;
  align-items: center;
}
.panelRoot_Em4GD .title_uQK7- .mainText_4XDfF {
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  font-weight: 600;
}
.panelRoot_Em4GD .title_uQK7- .count_Y0oZE {
  color: #616371;
  margin-left: 4px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
}
.panelRoot_Em4GD .title_uQK7- .inviteIconBox_rKeHG {
  display: flex;
  padding: 6px;
  position: absolute;
  right: 32px;
  cursor: pointer;
}
.panelRoot_Em4GD .title_uQK7- .inviteIconBox_rKeHG:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.panelRoot_Em4GD .title_uQK7- .inviteIconBox_rKeHG:active {
  background-color: #eaf1fc;
}
.panelRoot_Em4GD .title_uQK7- .divider_s2WjT {
  width: 1px;
  height: 20px;
  background-color: #e6e7e9;
}
.panelRoot_Em4GD .title_uQK7- .closeBtnBox_ZrO0n {
  display: flex;
  padding: 8px;
  border-radius: 2px;
  cursor: pointer;
}
.panelRoot_Em4GD .title_uQK7- .closeBtnBox_ZrO0n:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.panelRoot_Em4GD .title_uQK7- .closeIcon_I4Dxx {
  width: 20px;
  height: 20px;
}
.panelRoot_Em4GD .footer_3CfxF {
  padding: 8px 16px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e6e7e9;
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58 {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  gap: 4px;
  position: relative;
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58 .settingPanel_DgyBn {
  position: absolute;
  bottom: calc(100% + 4px);
  left: -4px;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  border-radius: 2px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  min-width: 130px;
  color: #000000;
  background-color: #fff;
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58 .settingPanel_DgyBn .itemBar_vECF9 {
  padding: 8px 16px;
  cursor: pointer;
  white-space: nowrap;
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58 .settingPanel_DgyBn .itemBar_vECF9:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58:hover {
  color: #5798f2;
  border-color: #5798f2;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg {
  padding: 8px 12px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #dbdbde;
  cursor: pointer;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg:hover {
  color: #5798f2;
  border-color: #5798f2;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg:active {
  color: #1d56bf;
  border-color: #1d56bf;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg.phone_qJEvI:hover {
  color: var(--upime-main-text);
  border-color: #dbdbde;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg.phone_qJEvI:active {
  color: var(--upime-main-text);
  border-color: #dbdbde;
}
.panelRoot_Em4GD .footer_3CfxF.center_-Hity {
  justify-content: center;
}
.panelRoot_Em4GD .footer_3CfxF .applyBtn_VnIsp {
  padding: 8px 12px;
  text-align: center;
  color: #2e73e5;
  font-size: 14px;
  cursor: pointer;
}
.panelRoot_Em4GD .footer_3CfxF .applyBtn_VnIsp:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.panelRoot_Em4GD .footer_3CfxF.phone_qJEvI {
  justify-content: space-around;
  gap: 16px;
}
.panelRoot_Em4GD .footer_3CfxF.phone_qJEvI .settingBtn_YI7vg {
  min-width: 163px;
}
.applyPermNoticeBox_b-mgq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  background-color: #eaf1fc;
  margin-top: 12px;
  z-index: 1;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX {
  display: flex;
  align-items: center;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX > span {
  font-size: 14px;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX .username_HwN-1 {
  max-width: 269px;
  word-break: break-word;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX .jiesuo_UCY21 {
  font-size: 20px;
  color: #2e73e5;
  margin-right: 8px;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX .avatar_-Zj3b {
  width: 28px;
  height: 28px;
  min-width: 28px;
  margin-right: 8px;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 {
  display: flex;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .refuse_ccJyf {
  padding: 3px 12px;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  display: flex;
  font-size: 14px;
  margin-right: 8px;
  cursor: pointer;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .refuse_ccJyf:hover {
  color: #5798f2;
  border-color: #5798f2;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .refuse_ccJyf:active {
  color: #1d56bf;
  border-color: #1d56bf;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .agree_AnwkM {
  padding: 3px 12px;
  border-radius: 4px;
  display: flex;
  font-size: 14px;
  color: #fff;
  background-color: #2e73e5;
  cursor: pointer;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .agree_AnwkM:hover {
  background-color: #5798f2;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .agree_AnwkM:active {
  background-color: #1d56bf;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .closeBox_5koMK {
  display: flex;
  align-items: center;
  width: 28px;
  height: 28px;
  justify-content: center;
  cursor: pointer;
  margin-left: 6px;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .closeBox_5koMK .closeIcon_I4Dxx {
  font-size: 16px;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .closeBox_5koMK:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.applyPermNoticeBox_b-mgq.independent_-TOJC {
  gap: 16px;
  position: absolute;
  bottom: calc(100% + 4px);
  background-color: #fff;
  padding: 8px 6px;
  border-radius: 4px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
  width: -moz-max-content;
  width: max-content;
}
.permApplyListModalBox_fFRiJ {
  width: 520px;
  min-height: 286px;
  max-height: calc(100% - 80px);
  border-radius: 12px;
  padding: 16px 12px 40px 40px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}
.permApplyListModalBox_fFRiJ .titleBar_NzWBL {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}
.permApplyListModalBox_fFRiJ .titleBar_NzWBL .text_jfJP- {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.permApplyListModalBox_fFRiJ .titleBar_NzWBL .iconBox_V4-bk {
  padding: 6px;
  display: flex;
  height: auto;
  min-width: 0;
  min-width: initial;
}
.permApplyListModalBox_fFRiJ .titleBar_NzWBL .iconBox_V4-bk .closeIcon_I4Dxx {
  font-size: 20px;
  margin-top: 0;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z {
  padding-right: 24px;
  overflow: auto;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z::-webkit-scrollbar {
  width: 4px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e7e9;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .infoBox_XYeiX {
  display: flex;
  align-items: center;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .infoBox_XYeiX > span {
  font-size: 14px;
  max-width: 136px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .infoBox_XYeiX .jiesuo_UCY21 {
  font-size: 20px;
  color: #2e73e5;
  margin-right: 8px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .infoBox_XYeiX .avatar_-Zj3b {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .tip_cbKzc {
  margin-right: 24px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .refuse_ccJyf {
  padding: 3px 12px;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  display: flex;
  font-size: 14px;
  margin-right: 8px;
  cursor: pointer;
  background-color: #fff;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .refuse_ccJyf:hover {
  color: #5798f2;
  border-color: #5798f2;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .refuse_ccJyf:active {
  color: #1d568f;
  border-color: #1d568f;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .agree_AnwkM {
  padding: 3px 12px;
  border-radius: 4px;
  display: flex;
  font-size: 14px;
  color: #fff;
  background-color: #2e73e5;
  cursor: pointer;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .agree_AnwkM:hover {
  background-color: #5798f2;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .agree_AnwkM:active {
  background-color: #1d568f;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .noneBox_DwlGy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .noneBox_DwlGy > img {
  width: 140px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .noneBox_DwlGy > span {
  font-size: 14px;
  color: #616371;
}
.phonePannelRoot_-oRzH {
  padding-top: 20px;
  overflow: hidden;
  flex: 1;
  min-height: 300px;
}
.memberManageRoot_DtMrX {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.memberManageRoot_DtMrX .header_Ph5ic {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--upime-main-text);
  margin-bottom: 12px;
  padding: 0 16px;
}
.memberManageRoot_DtMrX .header_Ph5ic .tab_JijeR {
  flex: 1;
  background: #f5f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  cursor: pointer;
  border-radius: 2px;
}
.memberManageRoot_DtMrX .header_Ph5ic .tab_JijeR span {
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}
.memberManageRoot_DtMrX .header_Ph5ic .tab_JijeR.active_1PrAl {
  background: var(--upime-active);
  color: white;
}
.memberManageRoot_DtMrX .toggle_ppoT6 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 12px;
  padding-right: 16px;
}
.memberManageRoot_DtMrX .toggle_ppoT6 > span {
  font-size: 14px;
  color: var(--upime-main-text);
  height: 20px;
  margin-right: 8px;
}
.listRoot_PlqQn {
  flex: 1;
  width: 100%;
  overflow-y: scroll;
  position: relative;
  padding: 0 16px;
  padding-right: 8px;
  display: flex;
}
.listRoot_PlqQn.search_7yA-F {
  height: 396px;
  padding: 0;
}
.listRoot_PlqQn > div {
  width: 100%;
}
.listRoot_PlqQn::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  /* Firefox */
}
.listRoot_PlqQn .divider_s2WjT {
  color: var(--upime-main-text);
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #f5f6f6;
  font-size: 12px;
  padding-left: 16px;
}
.listRoot_PlqQn .fullContainer_da1e8 {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listRoot_PlqQn .fullContainer_da1e8 > span {
  color: var(--upime-disable);
}
@keyframes loading_Lss7h {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading_Lss7h {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_Lss7h 1s linear infinite forwards;
}
.absentMemberListEmptyTip_pPpzF {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.absentMemberListEmptyTip_pPpzF > img {
  width: 140px;
}
.absentMemberListEmptyTip_pPpzF > span {
  color: #91939C;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.phoneMode .panelRoot_Em4GD .title_uQK7- {
  height: 26px;
  line-height: 26px;
}
.phoneMode .panelRoot_Em4GD .title_uQK7- .mainText_4XDfF {
  font-size: 18px;
}
.phoneMode .panelRoot_Em4GD .title_uQK7- .count_Y0oZE {
  font-size: 16px;
}
.phoneMode .panelRoot_Em4GD .title_uQK7- .closeIcon_I4Dxx {
  cursor: pointer;
  width: 18px;
  height: 18px;
}
.mb12_yKsHH {
  margin-bottom: 12px;
}
.heighttop98_7yI6Y {
  height: calc(100% - 98px);
}
.do-hovers .iconBox_V4-bk:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.setPermissionAllModalBox_thGPA {
  width: 480px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  border-radius: 12px;
}
.setPermissionAllModalBox_thGPA .title_uQK7- {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.setPermissionAllModalBox_thGPA .title_uQK7- > svg {
  color: #ffa519;
  position: relative;
  top: 4px;
  margin-right: 12px;
}
.setPermissionAllModalBox_thGPA .title_uQK7- .titleText_lJB5m {
  word-break: break-word;
  max-width: 390px;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 {
  text-align: right;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 .cancel_sT5WZ {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e6e7e9;
  border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  padding: 0 20px;
  margin-right: 12px;
  cursor: pointer;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 .cancel_sT5WZ:hover {
  opacity: 0.7;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 .confirm_MirV6 {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  color: #fff;
  background-color: #2e73e5;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  padding: 0 20px;
  cursor: pointer;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 .confirm_MirV6:hover {
  opacity: 0.7;
}
.permSetDrawer_1P6vt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.permSetDrawer_1P6vt .itemBar_vECF9 {
  padding: 16px 24px;
  text-align: center;
  white-space: nowrap;
}
.phoneModal_9NFpL .phoneConfirm_DIAq8 {
  color: var(--upime-active);
  display: inline-block;
  width: 100%;
}
.phoneModal_9NFpL .phoneConfirm_DIAq8.disableConfirm_uK7F2 {
  opacity: 0.4;
  pointer-events: none;
}
.phoneModal_9NFpL .desc_A5IFF {
  text-align: center;
}

.root_Qi102 {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 48px;
  padding: 6px 0;
  align-items: center;
}
.root_Qi102 .avatarWrapper_JJF8V {
  position: relative;
  height: 36px;
  width: 36px;
  margin-right: 8px;
  flex-shrink: 0;
}
.root_Qi102 .avatarWrapper_JJF8V .avatar_eDAKU {
  width: 100%;
  height: 100%;
}
.root_Qi102 .avatarWrapper_JJF8V .forceFollow_XFz7s {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--upime-active);
}
.root_Qi102 .avatarWrapper_JJF8V .forceFollow_XFz7s svg {
  width: 12px;
  height: 12px;
  color: white;
}
.root_Qi102 .textBlock_aO9gA {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c {
  height: 20px;
  line-height: 20px;
  color: var(--upime-main-text);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: row;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c > svg {
  font-size: 14px;
  position: relative;
  top: 3px;
  color: #00c78b;
  margin-right: 4px;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c em {
  font-style: inherit !important;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c em.highlight_WODZY {
  color: var(--upime-active);
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c .nameIcon_Sb0Sx {
  flex-shrink: 0;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c .nameText_W0rRF {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c .selfNameTip_R0OIK {
  display: flex;
  flex-shrink: 0;
}
.root_Qi102 .textBlock_aO9gA .note_lW34k {
  height: 18px;
  line-height: 18px;
  color: var(--upime-second-text);
  font-size: 11px;
}
.root_Qi102 .icon_CMvgq {
  cursor: pointer;
  width: 18px;
  height: 18px;
  position: relative;
}
.root_Qi102 .icon_CMvgq.disabled_69vaF {
  pointer-events: none;
  color: var(--upime-disable);
}
.root_Qi102 .iconBox_K-rDH {
  position: relative;
  display: flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  cursor: pointer;
}
.root_Qi102 .iconBox_K-rDH:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.root_Qi102 .iconBox_K-rDH:active {
  background-color: #eaf1fc;
  color: #2e73e5;
}
.root_Qi102 .iconBox_K-rDH.disabled_69vaF {
  pointer-events: none;
  color: var(--upime-disable);
}
.root_Qi102 .iconBox_K-rDH.active_pp8-1 {
  background-color: #eaf1fc;
  color: #2e73e5;
}
.root_Qi102 .permActionBox_ItwAD {
  position: relative;
  display: flex;
  align-items: center;
  padding: 7px 4px 7px 8px;
  border-radius: 2px;
  cursor: pointer;
}
.root_Qi102 .permActionBox_ItwAD .text_j0rj7 {
  font-size: 14px;
  white-space: nowrap;
}
.root_Qi102 .permActionBox_ItwAD .icon_CMvgq {
  margin-left: 2px;
}
.root_Qi102 .permActionBox_ItwAD:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.root_Qi102 .permActionBox_ItwAD:active {
  background-color: #eaf1fc;
  color: #2e73e5;
}
.root_Qi102 .permActionBox_ItwAD.en_DmF9S {
  min-width: 100px;
  justify-content: flex-end;
}
.root_Qi102 .permActionBox_ItwAD.active_pp8-1 {
  background-color: #eaf1fc;
  color: #2e73e5;
}
.root_Qi102 .permTextBox_JgVtf {
  font-size: 14px;
  display: inline-block;
  padding: 7px 8px;
  min-width: 60px;
  text-align: right;
}
.root_Qi102 .permTextBox_JgVtf.disabled_69vaF {
  pointer-events: none;
  color: var(--upime-disable);
}
.root_Qi102.phone_IWr8V .iconBox_K-rDH,
.root_Qi102.phone_IWr8V .permActionBox_ItwAD {
  pointer-events: none;
}
.root_Qi102.phone_IWr8V .en_DmF9S {
  min-width: 82px;
}
.root_Qi102.phone_IWr8V .infoBox_nDJh3 .textBlock_aO9gA {
  max-width: 240px;
}
.root_Qi102.absent_xp7IK {
  justify-content: space-between;
}
.root_Qi102.absent_xp7IK .infoBox_nDJh3 {
  display: flex;
  align-items: center;
}
.memberDetailPhoneModal_dD6ln {
  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_dD6ln .phoneModalBody_kIMYi {
  padding: 0 16px;
}
.memberDetailPhoneModal_dD6ln > div {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  margin-right: -11px;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 {
  display: flex;
  align-items: center;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 .avatar_eDAKU {
  margin-right: 8px;
  min-width: 32px;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 .textBlock_aO9gA {
  display: flex;
  flex-direction: column;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 .textBlock_aO9gA .name_MjB-c {
  font-size: 15px;
  line-height: 22px;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 .textBlock_aO9gA .note_lW34k {
  font-size: 13px;
  line-height: 18px;
  color: #91939c;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .titleBtnsWrap_Ir6V4 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .titleBtnsWrap_Ir6V4 .modifyUserNameBtn_dNu8b,
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .titleBtnsWrap_Ir6V4 .closeBox_Qitw6 {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A {
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 12px;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A .itemRow_Azq4Q {
  height: 48px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0 12px;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A .itemRow_Azq4Q .icon_CMvgq {
  font-size: 20px;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A .itemRow_Azq4Q .text_j0rj7 {
  font-size: 15px;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A .itemRow_Azq4Q.micBox_DdGC- {
  border-bottom: 1px solid #e6e7e9;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 {
  padding: 4px 12px;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .keyRow_ACTk5 {
  padding: 11px 0;
  font-size: 15px;
  color: #616371;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .keyRow_ACTk5 .requestBox_4cPGG {
  color: #2e73e5;
  font-size: 15px;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd {
  padding: 13px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd .col_Qu-m- {
  display: flex;
  align-items: center;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd .col_Qu-m- > input {
  margin-right: 6px;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd .col_Qu-m- > label {
  white-space: nowrap;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd .col_Qu-m- > label.disable_CTyJ8 {
  color: #c2c3c8;
}
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb {
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb .dialogItem_gb50x {
  padding: 0 12px;
  height: 48px;
  line-height: 22px;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb .dialogItem_gb50x.cohostItem_9LkY5,
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb .dialogItem_gb50x.setPresenter_LzMWR {
  border-bottom: 1px solid #e6e7e9;
}
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb .dialogItem_gb50x.kickoutItem_kI8jg {
  color: #fe5250;
  border-top: 1px solid #e6e7e9;
}
.hidden_Tf09I {
  display: none;
}
.moreIcon_uIXzg {
  width: 18px;
  height: 18px;
}
.morePanel_dj9OL {
  position: absolute;
  min-width: 130px;
  white-space: nowrap;
  padding: 8px 0px;
  display: flex;
  background: white;
  z-index: 10;
}
.morePanel_dj9OL > div {
  padding: 0 16px;
  width: 100%;
  text-align: left;
  line-height: 38px;
  color: var(--upime-main-text);
  font-size: 14px;
  display: flex;
  align-items: center;
}
.morePanel_dj9OL > div:hover {
  background-color: rgba(0, 0, 0, 0.06);
  color: #0c1024;
}
.morePanel_dj9OL > div:active {
  background-color: #eaf1fc;
  color: #2e73e5;
}
.kickoutModalBox_ZU2KX {
  width: 480px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  border-radius: 12px;
}
.kickoutModalBox_ZU2KX .title_u75rE {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.kickoutModalBox_ZU2KX .title_u75rE > svg {
  color: #fe5250;
  position: relative;
  top: 4px;
  margin-right: 12px;
}
.kickoutModalBox_ZU2KX .tip_N-1QU {
  font-size: 14px;
  color: #616371;
  margin-bottom: 8px;
  margin-left: 37px;
}
.kickoutModalBox_ZU2KX .forbidBox_XB-9w {
  font-size: 14px;
  margin-bottom: 24px;
  margin-left: 38px;
}
.kickoutModalBox_ZU2KX .forbidBox_XB-9w > input {
  position: relative;
  top: 1px;
  margin-right: 8px;
  accent-color: #0168FF;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg {
  text-align: right;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg .cancel_5aGcN {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e6e7e9;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  padding: 0 20px;
  margin-right: 12px;
  cursor: pointer;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg .cancel_5aGcN:hover {
  opacity: 0.7;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg .confirm_6--qH {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  color: #fff;
  background-color: #fe5250;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  padding: 0 20px;
  cursor: pointer;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg .confirm_6--qH:hover {
  opacity: 0.7;
}
.reachLimitRoot_GTEuH {
  position: fixed;
  top: 100px;
  background: black;
  width: 200px;
  height: 50px;
  padding: 7px 8px;
  font-size: 12px;
  color: white;
  line-height: 18px;
}
.reachLimitRoot_GTEuH .triangle_a-Z3N {
  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);
}

.root_SBNNW {
  position: relative;
}
.root_SBNNW.landscape_VQ7Eg {
  flex-grow: 1;
}
.root_SBNNW.inMemberCtrl_759V0 {
  cursor: pointer;
}
.root_SBNNW.inMemberCtrl_759V0:hover {
  background-color: var(--upime-btn-bg-hover);
}
.root_SBNNW.inMemberCtrl_759V0 .iconBox_XXGWA {
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  margin-left: 0;
  padding: 8px;
}
.root_SBNNW.inMemberCtrl_759V0 .iconBox_XXGWA > svg {
  margin-top: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.root_SBNNW.inMemberCtrl_759V0 .iconBox_XXGWA:active {
  color: #2e73e5;
}
.root_SBNNW.inMemberCtrl_759V0 .panelRoot_Ir5RN {
  z-index: 1;
  bottom: auto;
  bottom: initial;
  top: 38px;
}
.root_SBNNW.inMoreCtrl_C-JbJ .iconBox_XXGWA {
  flex-direction: row;
  padding: 0 16px;
  width: auto;
  height: 40px;
  margin-left: 0;
}
.root_SBNNW.inMoreCtrl_C-JbJ .iconBox_XXGWA > svg {
  margin-right: 8px;
  margin-top: 0;
  width: 24px;
  height: 24px;
}
.root_SBNNW.inMoreCtrl_C-JbJ .iconBox_XXGWA > span {
  font-size: 14px;
}
.root_SBNNW.inMoreCtrl_C-JbJ .panelRoot_Ir5RN {
  top: -8px;
  left: calc(100% + 2px);
  bottom: auto;
  bottom: initial;
  right: auto;
  right: initial;
  transform: translateX(0);
}
.iconBox_XXGWA {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  padding: 2px 4px 4px 4px;
  min-width: 40px;
}
.iconBox_XXGWA > svg {
  font-size: 20px;
}
.iconBox_XXGWA span {
  line-height: 12px;
  font-size: 10px;
  margin-top: 2px;
  color: #303445;
}
.iconBox_XXGWA.active_ZujYH {
  color: #2e73e5;
  background-color: #EAF1FC;
}
.iconBox_XXGWA.active_ZujYH span {
  color: #2e73e5;
}
.iconBox_XXGWA.active_ZujYH:hover {
  background-color: #EAF1FC;
}
.iconBox_XXGWA.phone_Kexs9 {
  width: auto;
  height: auto;
}
.iconBox_XXGWA.phone_Kexs9 svg {
  margin-top: 0;
}
.panelRoot_Ir5RN {
  position: absolute;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  top: auto;
  top: initial;
  bottom: calc(100% + 6px);
  z-index: 1;
}
.do-hovers .iconBox_XXGWA:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.root_20kZz {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 2px;
  height: 40px;
}
.root_20kZz.phone_ZgZ3L {
  margin-right: 0;
  padding-left: 0;
  height: auto;
  height: initial;
  max-height: 56px;
}
.root_20kZz.landscape_mX-aV {
  flex-grow: 0.5;
  margin-left: 28px;
}
.root_20kZz.medium_eI1pr {
  margin-right: 0;
  margin-right: initial;
  height: 44px;
}
.root_20kZz.mini_P37q8 {
  height: 24px;
}
.mainAvatar_yDO4A {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.mainAvatar_yDO4A.offline_0RHYp {
  opacity: 0.3;
}
.mainAvatar_yDO4A .text_o6Qh4 {
  min-width: 48px;
  display: flex;
  flex-direction: column;
  color: var(--upime-main-text);
  margin-left: 2px;
}
.mainAvatar_yDO4A .text_o6Qh4 span {
  line-height: 16px;
  font-size: 12px;
  white-space: nowrap;
}
.mainAvatar_yDO4A .text_o6Qh4 .top_6cij9 {
  min-width: 48px;
}
.mainAvatar_yDO4A .text_o6Qh4 .bottom_5ZDgf {
  max-width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mini_P37q8 .mainAvatar_yDO4A .text_o6Qh4 {
  flex-direction: row;
}
.mini_P37q8 .mainAvatar_yDO4A .text_o6Qh4 .bottom_5ZDgf {
  margin-left: 4px;
  max-width: 48px;
}
.avatarWrapper_UTprY {
  position: relative;
  display: flex;
  height: 36px;
  width: 36px;
  margin-left: 2px;
}
.avatarWrapper_UTprY.big_kXVe- {
  height: 40px;
  width: 40px;
}
.avatarWrapper_UTprY.phone_ZgZ3L {
  width: 30px;
  height: 30px;
}
.avatarWrapper_UTprY .avatar_2p6IV {
  width: 100%;
  height: 100%;
}
.avatarWrapper_UTprY .eye_eXpzL {
  position: absolute;
  right: 0;
  bottom: 0;
}
.avatarWrapper_UTprY .presenterIcon_ykI3h {
  position: absolute;
  bottom: 0;
  padding: 0px 4px;
  border-radius: 12px;
  background-color: rgba(229, 146, 11, 0.69);
  font-size: 10px;
  line-height: 1.4;
  color: #fff;
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.avatarWrapper_UTprY .presenterIcon_ykI3h.onDesktop_fNvKT {
  padding: 0px 6px;
}
.avatarWrapper_UTprY.medium_eI1pr {
  width: 32px;
  height: 32px;
}
.eye_eXpzL {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--upime-active);
  display: flex;
  justify-content: center;
  align-items: center;
}
.eye_eXpzL svg {
  width: 12px;
  height: 12px;
  color: white;
}
.avatarBtn_mnqkZ {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
}
.avatarBtn_mnqkZ.open_v6Gsr {
  background-color: #eaf1fc;
}
.toggleBtn_nxQcp {
  width: 12px;
  height: 100%;
  display: flex;
  border-radius: 2px;
  cursor: pointer;
}
.toggleBtn_nxQcp > svg {
  color: #91939c;
  margin: auto;
}
.toggleBtn_nxQcp.open_v6Gsr > svg {
  transform-origin: 50% 50%;
  transform: rotate(180deg);
  color: #2e73e5;
}
.toggleBtn_nxQcp.mini_P37q8 {
  width: 16px;
}
.memberListCon_eMBm2 {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  left: 0;
  width: 300px;
  top: auto;
  top: initial;
  bottom: calc(100% + 6px);
  z-index: 2;
}
.mini_P37q8 .memberListCon_eMBm2 {
  bottom: calc(100% + 6px);
}
.bigScreen_xy4n- .memberListCon_eMBm2 {
  bottom: calc(100% + 10px);
}
.header_aI9bB {
  display: flex;
  flex-direction: column;
  padding: 12px 16px 8px 16px;
  width: 100%;
  cursor: default;
}
.header_aI9bB .toggle_1dg3t {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.header_aI9bB .toggle_1dg3t .title_4fs4P {
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  font-weight: 600;
}
.header_aI9bB .subTitle_-uUvQ {
  line-height: 20px;
  color: var(--upime-second-text);
  font-size: 12px;
  white-space: pre-line;
  margin-bottom: 12px;
  word-break: break-word;
}
.header_aI9bB .search_-kiqK {
  margin: 0;
}
.viewport_XUPmH {
  width: 100%;
  overflow-y: overlay;
  overflow-y: auto;
  max-height: 264px;
}
.viewport_XUPmH::-webkit-scrollbar {
  width: 4px;
}
.viewport_XUPmH::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.viewport_XUPmH::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.viewport_XUPmH .list_bU-v4 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR {
  display: flex;
  flex-direction: row;
  padding: 6px 16px;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR.active_-cvnx {
  background-color: var(--upime-btn-bg-hover);
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 12px;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  color: var(--upime-main-text);
  white-space: nowrap;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y .nameText_xCH3H {
  flex-shrink: 1;
  max-width: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y .nameText_xCH3H em {
  font-style: inherit !important;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y .nameText_xCH3H em.highlight_c60Xa {
  color: var(--upime-active);
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y .selfNameTip_J-yLt {
  display: flex;
  flex-shrink: 0;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .note_81M3f {
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  color: var(--upime-second-text);
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .followingMark_N3tl5 {
  line-height: 18px;
  color: var(--upime-active);
  font-size: 12px;
}
.viewport_XUPmH .list_bU-v4 .noRes_c8cLQ {
  width: 100%;
  height: 44px;
  text-align: center;
  font-size: 14px;
  color: var(--upime-main-text);
  line-height: 44px;
}
.do-hovers .avatarBtn_mnqkZ.hasBtn_xIvWu:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .avatarBtn_mnqkZ.hasBtn_xIvWu.open_v6Gsr:hover {
  background-color: #eaf1fc;
}
.do-hovers .memberListCon_eMBm2 .row_GgqhR:hover {
  background-color: var(--upime-btn-bg-hover);
}
.resumeFollow_WcNWx {
  display: flex;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  margin: 0 4px 0 0;
}
.resumeFollow_WcNWx svg {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.resumeFollow_WcNWx.phone_ZgZ3L {
  height: 32px;
  min-width: none;
}
.resumeFollow_WcNWx.medium_eI1pr {
  padding: 9px 12px;
  font-size: 14px;
}
.resumeFollow_WcNWx.medium_eI1pr svg {
  width: 24px;
  height: 24px;
}
.mini_P37q8 .resumeFollow_WcNWx {
  height: 22px;
  padding: 0 8px;
  line-height: 22px;
  font-size: 12px;
  min-width: 90px;
}
.mini_P37q8 .resumeFollow_WcNWx svg {
  width: 22px;
  height: 22px;
}
.phoneMode .viewport_XUPmH {
  max-height: none;
  max-height: initial;
}
.breakLine_ChwJJ {
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  gap: 8px;
}
.breakLine_ChwJJ .line_7R30a {
  height: 1px;
  flex-grow: 1;
  background: #E6E7E9;
}
.breakLine_ChwJJ .text_o6Qh4 {
  flex-shrink: 0;
  white-space: nowrap;
  color: #C2C3C8;
  font-size: 11px;
  line-height: 20px;
}
.absentIon_PQEpX {
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 11px;
  display: flex;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
}
.absentIon_PQEpX svg {
  width: 11px;
  height: 11px;
}

.dialogContainer_NGsz6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialogContainer_NGsz6 .phoneReject_vP8fB {
  color: var(--upime-danger);
}
.dialogContainer_NGsz6 .dialogItem_8UMK- {
  height: 54px;
  line-height: 54px;
  text-align: center;
  width: 100%;
}
.dialogContainer_NGsz6 .dialogItem_8UMK- .upgradeIcon_c4mOZ {
  position: relative;
  top: -1px;
}
.drawerContainer_7eZ1K {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  width: 100%;
  padding-top: 20px;
}
.drawerContainer_7eZ1K .drawerTitle_fYbZQ {
  display: flex;
  flex-direction: row;
  height: 26px;
  position: relative;
  align-items: center;
  margin: 0 16px;
}
.drawerContainer_7eZ1K .drawerTitle_fYbZQ .mainText_hltr5 {
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  font-weight: 600;
}
.drawerContainer_7eZ1K .drawerTitle_fYbZQ .closeIcon_5yNyA {
  cursor: pointer;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.drawerContainer_7eZ1K .drawerContent_LvO8C {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.drawerContainer_7eZ1K .actionRow_kIOFx {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 0 24px;
  justify-content: space-between;
  margin-top: 17px;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .action_L82bS {
  width: 166px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .action_L82bS svg {
  font-size: 24px;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .action_L82bS > span {
  margin-left: 10px;
  height: 21px;
  line-height: 21px;
  font-size: 15px;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .action_L82bS.disabled_COsj3 {
  opacity: 0.4;
  pointer-events: none;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .quickMeeting_2nOYT {
  background-color: #eefaed;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .quickMeeting_2nOYT svg {
  color: #28b81e;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .reserveMeeting_B7MRt {
  background-color: #ebf3ff;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .reserveMeeting_B7MRt svg {
  color: var(--upime-active);
}


.iconBox_r7epH {
  min-width: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  padding: 2px 4px 4px 4px;
}
.iconBox_r7epH > svg {
  font-size: 20px;
}
.iconBox_r7epH span {
  line-height: 12px;
  font-size: 10px;
  margin-top: 2px;
  color: #303445;
  white-space: nowrap;
}
.iconBox_r7epH.mini_zh5PS {
  width: 24px;
  height: 24px;
  min-width: 0;
  min-width: initial;
}
.iconBox_r7epH.phoneItem_VWtt5 {
  width: auto;
  height: auto;
}
.iconBox_r7epH.phoneItem_VWtt5 svg {
  margin-top: 0;
}
.iconBox_r7epH.landscape_KiW37 {
  flex-grow: 1;
}
.do-hovers .iconBox_r7epH:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.groupPhotoCtrlWrap_pfbcV {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
}
.groupPhotoCtrlWrap_pfbcV.disabled_pVYh2 {
  color: #91939C;
}
.groupPhotoCtrlWrap_pfbcV.disabled_pVYh2:hover {
  cursor: not-allowed !important;
}
.do-hovers .groupPhotoCtrlWrap_pfbcV:hover {
  background-color: rgba(0, 0, 0, 0.06);
  cursor: pointer;
}

.drawerContainer_e-x9i {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  width: 100%;
  min-height: 500px;
}
.drawerContainer_e-x9i .drawerTitle_AwgtO {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  padding: 4px 6px 4px 16px;
  height: 52px;
  justify-content: flex-start;
  flex: none;
  border-bottom: 1px solid #e6e7e9;
}
.drawerContainer_e-x9i .drawerTitle_AwgtO .mainText_OY-Fp {
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  font-weight: 600;
}
.drawerContainer_e-x9i .drawerTitle_AwgtO .closeIcon_ipIsF {
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translate(0, -50%);
  margin-right: 10px;
}
.drawerContainer_e-x9i .buttonGroup_1u40e {
  display: flex;
  padding: 8px 10px 6px 16px;
  justify-content: space-between;
  align-items: center;
}
.drawerContainer_e-x9i .drawerContent_tPGit {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.drawerContainer_e-x9i .drawerContent_tPGit .sortableList_ZqSdn {
  width: 100%;
  height: 100%;
}
.frameItem_zCnb- {
  height: 68px;
  width: 100%;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.frameItem_zCnb-.selectedFrameItem_bGP9i {
  background-color: #eaf1fc;
}
.frameItem_zCnb- .snapshotWrap_sjapb {
  width: 100px;
  height: 56px;
  flex-shrink: 0;
  border: 1px solid #e6e7e9;
  background-color: #fff;
  border-radius: 2px;
  position: relative;
}
.frameItem_zCnb- .snapshotWrap_sjapb .snapshot_MR9Nj {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.frameItem_zCnb- .snapshotWrap_sjapb .frameHideCon_wZEML {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #c2c3c8;
  background: #ececee;
  justify-content: center;
  align-items: center;
}
.frameItem_zCnb- .snapshotWrap_sjapb .frameHideCon_wZEML svg {
  width: 20px;
  height: 20px;
}
.frameItem_zCnb- .snapshotWrap_sjapb .frameHideCon_wZEML span {
  margin-top: 2px;
  line-height: 20px;
  font-size: 12px;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  overflow: hidden;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT .frameTitle_GvnGi {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT .frameTitle_GvnGi .name_sxQfx {
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 0;
  color: #0c1024;
  border: none;
  cursor: default;
  box-sizing: border-box;
  background: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT .toggleHideButton_j0a4L {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT .toggleHideButton_j0a4L .toggleHideIcon_mmzdD {
  width: 20px;
  height: 20px;
}
.frameItem_zCnb- .presentationButtonWrap_f93VS {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frameItem_zCnb- .presentationButtonWrap_f93VS .presentationButton_LLuv5 {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #2e73e5;
  color: #fff;
}
.frameItem_zCnb- .presentationButtonWrap_f93VS .presentationButton_LLuv5 .presentationIcon_Yf5E- {
  width: 14px;
  height: 14px;
}
@keyframes loading_Jbcfq {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading_Jbcfq {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e6e7e9;
  display: flex;
}
.loading_Jbcfq > svg {
  margin: auto;
  width: 32px;
  height: 32px;
  animation: loading_Jbcfq 1s linear infinite forwards;
}

.start_btn_mY0ul {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: 36px;
  display: flex;
  padding: 7px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.start_btn_mY0ul span {
  font-size: 14px;
  line-height: 22px;
  color: white;
}
.start_btn_mY0ul svg {
  color: white;
  font-size: 20px;
}
.control_bar_dOYCb {
  position: relative;
  pointer-events: auto;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 4px;
}
.btn_icon_7Q-Cl {
  margin: auto;
  font-size: 24px;
}
.slide_info_pvDK7 .btn_icon_7Q-Cl {
  font-size: 16px;
}
.page_info_Lx6K6 {
  min-width: 58px;
  text-align: center;
}
.page_info_Lx6K6 .page_info_large_RnFqr {
  width: -moz-min-content;
  width: min-content;
}
.setting_panel_gG0oN {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, 0);
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 200px;
  height: 52px;
  padding: 0 16px;
}
.setting_panel_gG0oN.inMoreSetting_UCV8Z {
  left: 18px;
}
.setting_panel_gG0oN .label_ylriD {
  width: 100%;
  font-size: 14px;
  color: #0c1024;
  white-space: nowrap;
}
.iconWrap_jdQDd {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrapActive_mt17z {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.iconWrapDisabled_pvJf5 {
  cursor: not-allowed;
  color: var(--upime-disable);
}
.do-hovers .iconWrap_jdQDd:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_mt17z:hover {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrapDisabled_pvJf5:hover {
  color: var(--upime-disable);
  background-color: transparent;
  background-color: initial;
}
.paginator_4-Xku {
  pointer-events: auto;
  display: flex;
  align-items: center;
}
.iconWrap_jdQDd.slide_info_pvDK7 {
  width: -moz-min-content !important;
  width: min-content !important;
}
.iconWrap_jdQDd.slide_info_pvDK7 {
  position: relative;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 12px;
  padding: 0 8px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
.frameList_jj7eb {
  position: absolute;
  bottom: calc(100% + 11px);
  left: 50%;
  transform: translate(-50%, 0);
  width: 320px;
  height: 400px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.documentPageList_aeRcE {
  position: absolute;
  bottom: calc(100% + 11px);
  left: 50%;
  transform: translate(-50%, 0);
  width: 136px;
  height: 400px;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.documentPageList_aeRcE.documentPageListBigScreen_P2lI- {
  width: 216px;
  height: 540px;
}
.functionBtns_gIloM {
  display: flex;
  -moz-column-gap: 2px;
       column-gap: 2px;
}
.stopBtn_HFSdy {
  margin-left: 8px;
  margin-right: 2px;
}
.stop_btn_NRPkS {
  padding: 6px 8px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  min-width: calc(3rem + 8px);
}
.finishPlay_jgri5 {
  color: #fe5250;
  border-color: #fe5250;
}
.finishPlay_jgri5:active {
  color: #d9383b !important;
  border-color: #d9383b !important;
}
.resumeFramePlay_bYLht {
  color: #2e73e5;
  border-color: #2e73e5;
}
.resumeFramePlay_bYLht:active {
  color: #1d56bf !important;
  border-color: #1d56bf !important;
}
.do-hovers .finishPlay_jgri5:hover {
  color: #ff7f78;
  border-color: #ff7f78;
}
.do-hovers .resumeFramePlay_bYLht:hover {
  color: #5798f2;
  border-color: #5798f2;
}
.rbCornerBar_lxZEf {
  position: absolute;
  bottom: 0px;
  right: 0px;
  pointer-events: auto;
  display: flex;
  gap: 8px;
}
.rbCornerBar_lxZEf.opcacity5_WIWHg .canOpcacity5_cv7oz,
.rbCornerBar_lxZEf.opcacity5_WIWHg .hideToolBtn_WL0SC {
  opacity: 0.5;
}
.rbCornerBar_lxZEf.opcacity5_WIWHg .pagiBox_BxURs {
  background-color: rgba(255, 255, 255, 0.5);
}
.rbCornerBar_lxZEf .pagiBox_BxURs {
  padding: 6px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.rbCornerBar_lxZEf .hideToolBtn_WL0SC {
  padding: 6px;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.rbCornerBar_lxZEf .hideToolBtn_WL0SC .iconBox_-2D6l {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rbCornerBar_lxZEf .hideToolBtn_WL0SC .iconBox_-2D6l.rotate180_0gnf3 {
  transform: rotate(180deg);
}
.rbCornerBar_lxZEf.isPad_hV21P .pagiBox_BxURs {
  padding: 4px;
}
.rbCornerBar_lxZEf.isPad_hV21P .hideToolBtn_WL0SC {
  padding: 4px;
}
.rbCornerBar_lxZEf.isPad_hV21P .hideToolBtn_WL0SC .iconBox_-2D6l {
  padding: 6px;
}
.bigScreenOn .control_bar_dOYCb {
  height: 56px;
  padding: 0 6px;
}
.bigScreenOn .v_split_R9iqn {
  height: 36px;
}
.bigScreenOn .setting_panel_gG0oN {
  height: 56px;
}
.bigScreenOn .frameList_jj7eb {
  bottom: calc(100% + 14px);
  height: 540px;
}
.bigScreenOn .iconWrap_jdQDd {
  width: 44px;
  height: 44px;
}
.bigScreenOn .btn_icon_7Q-Cl {
  margin: auto;
  font-size: 28px;
}
.bigScreenOn .slide_info_pvDK7 .btn_icon_7Q-Cl {
  font-size: 20px;
}
.bigScreenOn .iconWrap_jdQDd.slide_info_pvDK7 {
  height: 44px;
  font-size: 16px;
  padding: 0 12px;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.bigScreenOn .stop_btn_NRPkS {
  padding: 9px 12px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 22px;
}
.v_split_R9iqn {
  width: 1px;
  height: 28px;
  margin: 0 8px;
  background: #e6e7e9;
}
.rotate180_0gnf3 {
  transform: rotate(180deg);
}
.shadow_ctrl_container_RC1Sx {
  position: fixed;
  left: 0;
  bottom: 0;
  transform: translateX(100%) translateY(100%);
  pointer-events: none;
  z-index: -2;
}
.morePanel_kaaYg {
  padding: 8px 0px;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #0c1024;
  position: absolute;
  background-color: #fff;
  bottom: calc(100% + 4px);
  right: 0;
  min-width: 200px;
}
.morePanel_kaaYg .bar_uVGzV {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 16px;
  width: 100%;
  white-space: nowrap;
  height: 40px;
  background-color: transparent;
  background-color: initial;
  gap: 8px;
}
.morePanel_kaaYg .bar_uVGzV > svg {
  font-size: 24px;
}
.morePanel_kaaYg .bar_uVGzV > span {
  white-space: nowrap;
  font-size: 14px;
}
.morePanel_kaaYg .bar_uVGzV svg {
  margin: 0;
}
.morePanel_kaaYg .bar_uVGzV::before {
  top: 3px;
  left: 24px;
}
.morePanel_kaaYg .bar_uVGzV:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.morePanel_kaaYg .bar_uVGzV:hover {
  cursor: pointer;
}
.morePanel_kaaYg .timerBar_X2VQF {
  position: relative;
}
.morePanel_kaaYg .timerBar_X2VQF .tip_root_y9NjM {
  width: 34px;
  height: 20px;
  border-radius: 11px;
  background-color: #2e73e5;
  position: absolute;
  bottom: 18px;
  left: 19px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.morePanel_kaaYg .timerBar_X2VQF .tip_root_y9NjM.phoneMode_fAsPt {
  bottom: 22px;
  left: 18px;
}
.morePanel_kaaYg .timerBar_X2VQF.iconWrapActive_mt17z {
  color: var(--upime-active);
}
.settingContainer_j24c4 {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.frameTreeOptions_-6ket {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  position: relative;
  width: 36px;
  height: 36px;
}
.frameTreeOptions_-6ket .icon_57sMU {
  padding: 6px;
}
.frameTreeOptions_-6ket:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA {
  position: absolute;
  z-index: 30;
  top: 40px;
  right: 0;
  display: flex;
  gap: 8px;
  padding: 8px 0;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA .option_tpB-h {
  display: flex;
  height: 40px;
  padding: 0 18px 0 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA .option_tpB-h:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA .option_tpB-h .text_GNc4W {
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA .divider_gYahz {
  height: 1px;
  width: 100%;
  background-color: #e6e7e9;
}

.frameTreeList_cpol4 {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overflow-y: overlay;
  width: 100%;
  position: relative;
  padding-top: 2px;
  padding-bottom: 2px;
  outline: none;
}
.frameTreeList_cpol4 .rootContainer_Fb4ag {
  position: relative;
}
.frameTreeList_cpol4 .children_lVpCU.hidden_-AosD {
  display: none;
}
.frameTreeList_cpol4 .fakeItemContainer_mz8NF {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
}
.frameTreeList_cpol4.bigScreen_8fsxI.thumbnail_jdg0r .insertLine_KAOgR.depth1_N0ymU {
  width: 276px;
}
.frameTreeList_cpol4.bigScreen_8fsxI.thumbnail_jdg0r .insertLine_KAOgR.depth2_FTnAr {
  width: 257px;
}
.frameTreeList_cpol4.bigScreen_8fsxI.thumbnail_jdg0r .insertLine_KAOgR.depth3_TjPJI {
  width: 235px;
}
.frameTreeList_cpol4.bigScreen_8fsxI .insertLine_KAOgR.depth1_N0ymU {
  width: 276px;
}
.frameTreeList_cpol4.bigScreen_8fsxI .insertLine_KAOgR.depth2_FTnAr {
  width: 252px;
}
.frameTreeList_cpol4.bigScreen_8fsxI .insertLine_KAOgR.depth3_TjPJI {
  width: 228px;
}
.frameTreeList_cpol4.phoneMode_IKRbB.thumbnail_jdg0r .insertLine_KAOgR.depth1_N0ymU {
  width: calc(100% - 40px);
}
.frameTreeList_cpol4.phoneMode_IKRbB.thumbnail_jdg0r .insertLine_KAOgR.depth2_FTnAr {
  width: calc(100% - 60px);
}
.frameTreeList_cpol4.phoneMode_IKRbB.thumbnail_jdg0r .insertLine_KAOgR.depth3_TjPJI {
  width: calc(100% - 80px);
}
.frameTreeList_cpol4.phoneMode_IKRbB .insertLine_KAOgR.depth1_N0ymU {
  width: calc(100% - 40px);
}
.frameTreeList_cpol4.phoneMode_IKRbB .insertLine_KAOgR.depth2_FTnAr {
  width: calc(100% - 63px);
}
.frameTreeList_cpol4.phoneMode_IKRbB .insertLine_KAOgR.depth3_TjPJI {
  width: calc(100% - 88px);
}
.frameTreeList_cpol4.thumbnail_jdg0r .insertLine_KAOgR.depth1_N0ymU {
  width: 298px;
}
.frameTreeList_cpol4.thumbnail_jdg0r .insertLine_KAOgR.depth2_FTnAr {
  width: 278px;
}
.frameTreeList_cpol4.thumbnail_jdg0r .insertLine_KAOgR.depth3_TjPJI {
  width: 257px;
}
.frameTreeList_cpol4 .insertLine_KAOgR.depth1_N0ymU {
  width: 298px;
}
.frameTreeList_cpol4 .insertLine_KAOgR.depth2_FTnAr {
  width: 274px;
}
.frameTreeList_cpol4 .insertLine_KAOgR.depth3_TjPJI {
  width: 250px;
}

.frameToggleHideButton_iiQMp {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.presentationButton_iIalR {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  cursor: pointer;
}
.presentationButton_iIalR .circle_Qw6po {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 99px;
  background: #2e73e5;
}

.iconContainer_fDtnq {
  position: absolute;
  top: 6px;
  left: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: transform 0.2s;
}
.iconContainer_fDtnq.rotate_JS9dB {
  transform-origin: center;
  transform: rotate(-90deg);
}
.iconContainer_fDtnq.p2_Z87Jw {
  left: 29px;
}
.iconContainer_fDtnq.translucent_V46CS {
  opacity: 0.2;
}
.iconContainer_fDtnq.middlePosition_ORH-e {
  top: 15px;
}
.iconContainer_fDtnq .icon_SiduI {
  color: #303445;
}

.skipPresentationIconWrap_VEdP1 {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
}
.skipPresentationIconWrap_VEdP1 .skipPresentationIcon_G0dBW {
  color: #fff;
}

.cellContainer_R1f3q {
  display: flex;
  padding: 6px 20px 6px 32px;
  align-items: center;
  margin: auto;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.cellContainer_R1f3q.dragging_R07Jw {
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  visibility: hidden;
  opacity: 0;
}
.cellContainer_R1f3q.dragging_R07Jw.bg1_GW3-p {
  transform: rotate(-2deg);
}
.cellContainer_R1f3q.dragging_R07Jw.bg1_GW3-p.phone_v9d-p {
  pointer-events: none;
  transform: rotate(-2deg) translateY(-50%);
}
.cellContainer_R1f3q.dragging_R07Jw.bg2_Iafis {
  transform: rotate(2deg);
}
.cellContainer_R1f3q.dragging_R07Jw.bg2_Iafis.phone_v9d-p {
  pointer-events: none;
  transform: rotate(2deg) translateY(-50%);
}
.cellContainer_R1f3q.dragging_R07Jw.visible_3xCXU {
  visibility: visible;
  opacity: 1;
}
.cellContainer_R1f3q.medium_lnVbe {
  padding-left: 56px;
}
.cellContainer_R1f3q.small_7OIDH {
  padding-left: 80px;
}
.cellContainer_R1f3q.hide_N-yrp .cell_Mafyp {
  border-radius: 4px;
  border-color: #dbdbde;
  background: #e6e7e9;
}
.cellContainer_R1f3q.hide_N-yrp .cell_Mafyp .toolBox_m-12E {
  background: rgba(0, 0, 0, 0);
}
.cellContainer_R1f3q.selected_PeBOe .cell_Mafyp {
  border-color: #2e73e5;
}
.cellContainer_R1f3q.translucent_kLbZD .cell_Mafyp {
  opacity: 0.1;
}
.cellContainer_R1f3q .cell_Mafyp {
  display: flex;
  flex: auto;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  align-items: center;
  color: #0c1024;
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 11px 12px;
  gap: 8px;
  position: relative;
  transition: opacity 0.2s;
}
.cellContainer_R1f3q .cell_Mafyp .serial_ZNq0u {
  flex: none;
  font-weight: 600;
}
.cellContainer_R1f3q .cell_Mafyp .serial_ZNq0u.hide_N-yrp {
  color: #c2c3c8;
}
.cellContainer_R1f3q .cell_Mafyp .title_PJayc {
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  padding: 0;
  font-size: 14px;
  font-family: "PingFang SC";
}
.cellContainer_R1f3q .cell_Mafyp .hideTip_CTYjR {
  display: flex;
  align-items: center;
  gap: 4px;
}
.cellContainer_R1f3q .cell_Mafyp .hideTip_CTYjR .icon_Hq1Kj {
  color: #c2c3c8;
}
.cellContainer_R1f3q .cell_Mafyp .hideTip_CTYjR .text_1et-d {
  overflow: hidden;
  color: #c2c3c8;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 3px 0 12px;
  display: flex;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, #fff 20%, #fff 100%);
  align-items: center;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E.toolBoxHide_I2JQx {
  display: none;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .popWrapper_ekR1k {
  display: flex;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .buttonContainer_3hCGc {
  display: flex;
  padding: 8px;
  cursor: pointer;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .buttonContainer_3hCGc.more_VpIbM:hover {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .bofang_Bjk9R {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #2e73e5;
  background: #eaf1fc;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .hideButton_r0a9i {
  padding: 8px;
}
.do-hovers .hoverContainer_ju3si:hover {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}

.insertLineContainer_gP9Ka {
  height: 0;
  width: 100%;
  position: absolute;
}
.insertLineContainer_gP9Ka .insertLine_QnN6p {
  position: absolute;
  top: 0;
  right: 8px;
  width: 297px;
  max-width: 100%;
  height: 2px;
  transform: translateY(-50%);
  background-color: #2e73e5;
  transition: width 0.1s;
  z-index: 999;
}

.frameTreeContextMenu_ruByq {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 8px 0;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transform-origin: top left;
}
.frameTreeContextMenu_ruByq.topRight_qgmv3 {
  transform-origin: top right;
}
.frameTreeContextMenu_ruByq.bottomLeft_UdS3K {
  transform-origin: bottom left;
}
.frameTreeContextMenu_ruByq.bottomRight_U4287 {
  transform-origin: bottom right;
}
.frameTreeContextMenu_ruByq.beforeShow_rWWSO {
  transform: scale(0);
}
.frameTreeContextMenu_ruByq.show_n238d {
  transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.frameTreeContextMenu_ruByq .menuItem_jEO6F {
  display: flex;
  height: 40px;
  padding: 0 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
.do-hovers .menuItem_jEO6F:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
}

.media_ctrl_Vfqvv {
  display: flex;
  align-items: center;
}
.left_9pN48 {
  margin-left: 4px;
}
.center_PInje {
  margin-left: 8px;
}
.right_IqbMW {
  margin-left: 8px;
  display: flex;
}
.play_btn_fesNL {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: flex;
  color: #ffffff;
  background-color: #2E73E5;
  cursor: pointer;
}
.play_btn_fesNL .icon_s5MCJ {
  font-size: 16px;
  margin: auto;
}
.play_btn_fesNL.disabled_bMJCV {
  cursor: not-allowed;
  border-radius: 99px;
  background: #ABC7F5;
}
.progress_bar_64dof {
  height: 14px;
  position: relative;
}
.progress_bar_64dof.disabled_bMJCV .bottom_layer_CTTH7 {
  cursor: inherit;
}
.progress_bar_64dof.disabled_bMJCV .point_SxgQz {
  pointer-events: none;
}
.progress_bar_64dof .bottom_layer_CTTH7 {
  position: absolute;
  cursor: pointer;
  touch-action: none;
  width: 100%;
  height: 100%;
}
.progress_bar_64dof .background_duvaG {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #EAF1FC;
  border-radius: 4px;
  top: 50%;
  transform: translate(0, -50%);
}
.progress_bar_64dof .top_layer_8ONdU {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 4px;
  width: 100%;
  pointer-events: none;
}
.progress_bar_64dof .content_I-0OS {
  height: 4px;
  background-color: #2E73E5;
  border-radius: 4px;
}
.progress_bar_64dof .ball_HJAvR {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(46, 115, 229, 0.15);
}
.progress_bar_64dof .ball_HJAvR::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #2E73E5;
}
.progress_bar_64dof .point_SxgQz {
  position: absolute;
  width: 6px;
  height: 6px;
  pointer-events: auto;
  cursor: pointer;
}
.progress_bar_64dof .point_SxgQz .point_ball {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #05CAAE;
}
.progress_bar_64dof .point_SxgQz .mark_list {
  bottom: calc(100% + 24px);
}
.timeInfo_Q5lyl {
  margin-top: 2px;
  display: flex;
  justify-content: space-between;
  height: 10px;
}
.timeInfo_Q5lyl .text_pSFlp {
  color: #616371;
  line-height: 10px;
  font-size: 10px;
}
.ctrlBtnWrapper_F56-- {
  position: relative;
  cursor: pointer;
}
.ctrlBtnWrapper_F56--.disabled_bMJCV {
  cursor: not-allowed;
}
.ctrlBtn_m3i02 {
  padding: 2px 4px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 2px;
  text-align: center;
  min-width: 32px;
  white-space: nowrap;
}
.disabled_bMJCV .btnStyle_q7cKN {
  color: #C2C3C8;
  color: var(--Neutral-colorText-Quaternary, #C2C3C8);
}
.btnStyle_q7cKN {
  color: #000;
}
.btnStyleActive_FLloD {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .btnStyle_q7cKN:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .disabled_bMJCV .btnStyle_q7cKN:hover {
  color: #C2C3C8;
  color: var(--Neutral-colorText-Quaternary, #C2C3C8);
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}
.do-hovers .btnStyleActive_FLloD:hover {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.optionList_BqzyS {
  position: absolute;
  bottom: calc(100% + 14px);
  left: 50%;
  transform: translate(-50%, 0);
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  min-width: 76px;
  padding: 8px 0;
}
.optionItem_LSCB- {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.moreCtrl_s3h7U {
  width: 200px;
}
.moreCtrl_s3h7U .optionItem_LSCB- {
  padding: 0 16px;
  justify-content: space-between;
}
.compressBtns_Gsfot {
  min-width: 76px;
}
.compressBtns_Gsfot .optionItem_LSCB- {
  text-align: center;
  padding: 0 16px;
  justify-content: space-between;
}
.optionLabel_tycCW {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  white-space: nowrap;
}
.bigScreenOn .left_9pN48 {
  margin-left: 6px;
}
.bigScreenOn .play_btn_fesNL {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.bigScreenOn .play_btn_fesNL .icon_s5MCJ {
  font-size: 20px;
}
.bigScreenOn .center_PInje {
  margin-left: 12px;
}
.bigScreenOn .right_IqbMW {
  margin-left: 12px;
}
.bigScreenOn .progress_bar_64dof {
  height: 24px;
}
.bigScreenOn .progress_bar_64dof .background_duvaG {
  height: 6px;
}
.bigScreenOn .progress_bar_64dof .top_layer_8ONdU {
  height: 6px;
}
.bigScreenOn .progress_bar_64dof .content_I-0OS {
  height: 6px;
}
.bigScreenOn .progress_bar_64dof .ball_HJAvR {
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.bigScreenOn .progress_bar_64dof .ball_HJAvR::after {
  width: 12px;
  height: 12px;
  border-radius: 6px;
}
.bigScreenOn .progress_bar_64dof .point_SxgQz {
  width: 12px;
  height: 12px;
}
.bigScreenOn .progress_bar_64dof .point_SxgQz .point_ball {
  width: 12px;
  height: 12px;
  border-radius: 6px;
}
.bigScreenOn .progress_bar_64dof .point_SxgQz .mark_list {
  bottom: calc(100% + 26px);
}
.bigScreenOn .timeInfo_Q5lyl {
  margin-top: 0;
  height: 14px;
}
.bigScreenOn .timeInfo_Q5lyl .text_pSFlp {
  line-height: 14px;
  font-size: 14px;
}
.bigScreenOn .ctrlBtn_m3i02 {
  padding: 11px 12px;
  font-size: 14px;
  line-height: 22px;
  min-width: 52px;
}
.bigScreenOn .optionList_BqzyS {
  bottom: calc(100% + 10px);
  width: 120px;
}
.bigScreenOn .optionItem_LSCB- {
  height: 40px;
}
.bigScreenOn .moreCtrl_s3h7U {
  width: 200px;
}

.documentPageListWrap_oJc4z {
  width: 100%;
  height: 100%;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  overflow-y: hidden;
}
.documentPageListWrap_oJc4z.bigScreenMode_OE2pH .title_6TQ31 {
  width: 192px;
}
.documentPageListWrap_oJc4z .title_6TQ31 {
  width: 112px;
  height: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}
.documentPageListWrap_oJc4z .pageList_9RMYI {
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  overflow-y: auto;
}

.pageItem_N9ABa {
  width: 110px;
  height: 63px;
  display: flex;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 2px solid #e6e7e9;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.pageItem_N9ABa.selected_BDQgv {
  border-color: #2e73e5;
}
.pageItem_N9ABa.selected_BDQgv .index_qOUPm {
  background-color: #2e73e5;
}
.pageItem_N9ABa.bigScreenMode_HpmP2 {
  width: 190px;
  height: 108px;
}
.pageItem_N9ABa .contentWrap_a7ZBU {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  position: relative;
}
.pageItem_N9ABa .contentWrap_a7ZBU .previewContent_oj-A8 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 2px;
}
.pageItem_N9ABa .contentWrap_a7ZBU .previewContent_oj-A8.hide_vPYcm {
  display: none;
}
@keyframes loading_iyXOX {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pageItem_N9ABa .contentWrap_a7ZBU .loading_iyXOX {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.pageItem_N9ABa .contentWrap_a7ZBU .loading_iyXOX > svg {
  margin: auto;
  width: 32px;
  height: 32px;
  animation: loading_iyXOX 1s linear infinite forwards;
}
.pageItem_N9ABa .index_qOUPm {
  min-width: 24px;
  height: 18px;
  padding: 0 4px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  background-color: rgba(0, 0, 0, 0.45);
  border-top-left-radius: 4px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.buttonWrapper_L-qlt {
  padding: 6px;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.toggleTreeDisplayButton_yjYAx {
  padding: 6px;
  display: flex;
  cursor: pointer;
}

.block_vyfmY {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 12px;
}
.block_vyfmY > span {
  color: #303445;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
}
@keyframes loading_Swo9Y {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
.itemRoot_6UHv6 {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.itemRoot_6UHv6 .header_C884b {
  display: flex;
  flex-direction: row;
  height: 28px;
  align-items: center;
  padding: 0 8px;
  margin-top: 12px;
}
.itemRoot_6UHv6 .header_C884b .avatar_wA1bt {
  width: 28px;
  height: 28px;
}
.itemRoot_6UHv6 .header_C884b > span {
  height: 22px;
  line-height: 22px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 8px;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.itemRoot_6UHv6 .content_eo1D2 {
  width: 100%;
  padding-left: 36px;
  display: flex;
  flex-direction: column;
  padding: 0 8px 0 44px;
  margin-top: 8px;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .text_4-Vhd {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 {
  display: flex;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 svg {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 .reverted_wXdob,
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 .forbidden_y4wB- {
  color: #d8d8d8;
  cursor: default;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 .reverted_wXdob {
  pointer-events: none;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 .reverting_Bu8px {
  color: #d8d8d8;
  pointer-events: none;
  animation: loading_Swo9Y 1.5s linear infinite;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .time_-5AZ0 {
  color: var(--upime-second-text);
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  margin-left: 12px;
}
.itemRoot_6UHv6 .subContent_mSV3w {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 5px 0;
  word-break: break-all;
}
.itemRoot_6UHv6 .subContent_mSV3w.deleteType_ZwLuA {
  justify-content: flex-start;
  align-items: flex-start;
}
.itemRoot_6UHv6 .subContent_mSV3w.deleteType_ZwLuA > span {
  max-width: 195px;
}
.itemRoot_6UHv6 .subContent_mSV3w .text_4-Vhd {
  max-width: 224px;
  padding-left: 8px;
  color: var(--upime-second-text);
  line-height: 22px;
  font-size: 14px;
  border-left: 2px solid #dbdbde;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.itemRoot_6UHv6 .subContent_mSV3w .text_4-Vhd.defaultSpan_jojSk {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.itemRoot_6UHv6 .subContent_mSV3w .text_4-Vhd.expanded_NfMIb {
  white-space: pre-wrap;
}
.itemRoot_6UHv6 .subContent_mSV3w .expand_PFok4 {
  width: 22px;
  height: 22px;
  color: var(--upime-second-text);
  cursor: pointer;
}
.itemRoot_6UHv6 .subContent_mSV3w .expand_PFok4.expanded_NfMIb {
  transform: rotate(180deg);
}
.itemRoot_6UHv6 .subContent_mSV3w .showMore_p00gL {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--upime-second-text);
  margin-left: 8px;
  cursor: pointer;
}
.itemRoot_6UHv6 .subContent_mSV3w .showMore_p00gL > span {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  white-space: nowrap;
}
.itemRoot_6UHv6 .subContent_mSV3w .showMore_p00gL svg {
  width: 22px;
  height: 22px;
}
.do-hovers .itemRoot_6UHv6 .content_eo1D2:hover {
  background: var(--upime-btn-bg-hover);
}
.do-hovers .itemRoot_6UHv6 .rightPart_Gpj21 svg:hover {
  color: var(--upime-active);
}

.root_W1Nw3 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--upime-main-text);
  padding: 16px 16px 0px 16px;
  overflow: hidden;
}
.root_W1Nw3 .title_liy5g {
  line-height: 26px;
  font-size: 20px;
  height: 30px;
  padding-left: 8px;
  font-weight: 600;
}
.root_W1Nw3 .tabs_J5Akh {
  margin: 30px 8px 12px 8px;
  width: calc(100% - 16px);
  height: 44px;
  border-radius: 4px;
  background: #ececee;
  position: relative;
  display: flex;
  flex-direction: row;
}
.root_W1Nw3 .tabs_J5Akh .bg_Nic8- {
  position: absolute;
  transition: left 0.1s linear;
  left: 0;
  background: white;
  width: 50%;
  height: 100%;
  border: 2px solid #ececee;
  border-radius: 4px;
}
.root_W1Nw3 .tabs_J5Akh .tab_v6EFq {
  z-index: 1;
  width: 50%;
  height: 100%;
  text-align: center;
  color: #303445;
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  cursor: pointer;
}
.root_W1Nw3 .tabs_J5Akh .tab_v6EFq.active_ayAKm {
  font-weight: 700;
  color: var(--upime-main-text);
}
.listViewRoot_t30gn {
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
  color: var(--upime-main-text);
  position: relative;
  display: flex;
  flex-direction: column;
  -ms-overflow-style: none;
}
.listViewRoot_t30gn.scrollable_VPqdM {
  overflow-y: scroll;
}
.listViewRoot_t30gn::-webkit-scrollbar {
  display: none;
}
.listViewRoot_t30gn .loadingCon_UJUtG {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listViewRoot_t30gn .loadingCon_UJUtG svg {
  color: var(--upime-active);
}
.listViewRoot_t30gn .list_qAZqz {
  display: flex;
  flex-direction: column;
  position: relative;
}
.listViewRoot_t30gn .fetchingMore_S4g-z {
  width: 100%;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listViewRoot_t30gn .fetchingMore_S4g-z .svg_kKmC0 {
  width: 18px;
  height: 18px;
}
.listViewRoot_t30gn .emptyPlaceholder_Tf2Mz {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 70px));
  width: 292px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.listViewRoot_t30gn .emptyPlaceholder_Tf2Mz img {
  width: 140px;
  height: 140px;
}
.listViewRoot_t30gn .emptyPlaceholder_Tf2Mz span {
  margin-top: 8px;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
  white-space: pre-line;
}
.listViewRoot_t30gn .emptyPlaceholder_Tf2Mz .button_u1c3e {
  margin-top: 24px;
  border-radius: 4px;
  min-width: 104px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.viewport_N547W {
  flex: 1;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  -ms-overflow-style: none;
}
.viewport_N547W::-webkit-scrollbar {
  display: none;
}
.viewport_N547W .itemRoot_JBTCm {
  width: 308px;
  height: 56px;
  padding: 4px 8px 5px 8px;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.viewport_N547W .itemRoot_JBTCm > span {
  display: block;
  max-width: 100%;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- > span {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: var(--upime-second-text);
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- .actions_wCwpB {
  display: flex;
  flex-direction: row;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- .actions_wCwpB > div {
  display: flex;
  margin-left: 16px;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- .actions_wCwpB > div .iconBtn_y15O0 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: var(--upime-second-text);
}
.viewport_N547W .selected_PIq-z {
  background: var(--upime-btn-bg-hover);
}
.do-hovers .viewport_N547W .itemRoot_JBTCm:hover {
  background: var(--upime-btn-bg-hover);
}
.do-hovers .viewport_N547W .iconBtn_y15O0:hover {
  color: var(--upime-active) !important;
}
.do-hovers .viewport_N547W .iconBtn_y15O0:hover.deleteBtn_X8HMa {
  color: var(--upime-danger) !important;
}
.addNew_xen9r {
  margin-top: 12px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  width: calc(100% - 16px);
  align-self: center;
}
.durationHint_N9d4N {
  height: 46px;
  width: calc(100% - 24px);
  margin: 6px 0 8px 0;
  align-self: center;
  background: var(--upime-btn-bg-hover);
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  padding: 12px;
  color: var(--upime-second-text);
}

.root_dhNtx {
  position: relative;
  padding-bottom: 16px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  width: 340px;
  margin-left: -340px;
  transition: margin-left 0.3s;
}
.root_dhNtx.opened_9NHm6 {
  margin-left: 8px;
}
.root_dhNtx .iconWrapper_jevDp {
  display: flex;
  cursor: pointer;
}
.root_dhNtx .closeIcon_nNwfJ {
  position: absolute;
  top: 10px;
  right: 8px;
}
.root_dhNtx.nopb_9Wcey {
  padding-bottom: 0;
}
.iconWrap_Uotkl {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrap_Uotkl.active_9UgSI {
  color: var(--upime-active);
  background-color: #eaf1fc;
}
.do-hovers .iconWrap_Uotkl:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrap_Uotkl.active_9UgSI:hover {
  background-color: #eaf1fc;
}

.stickerSideContainer_yply9 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.title_kj70u {
  padding-left: 20px;
  padding-right: 54px;
  height: 56px;
  width: 100%;
  background-color: var(--upime-pane-bg);
  align-items: center;
  display: flex;
  flex-shrink: 0;
  border-bottom: 1px solid #e6e7e9;
  gap: 24px;
}
.title_kj70u .titleText_54Aco {
  color: #91939c;
  font-size: 20px;
  font-style: normal;
  cursor: pointer;
  position: relative;
}
.title_kj70u .titleText_54Aco.activeText_GYOKn {
  font-size: 20px;
  color: var(--upime-main-text);
  font-weight: 600;
  height: 100%;
  line-height: 56px;
}
.title_kj70u .titleText_54Aco.activeText_GYOKn::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #0c1024;
}
.stickerMainContainer_9r4-B {
  flex: 1;
  overflow: hidden;
  padding-top: 12px;
  display: flex;
}
.stickerPannelContainer_AggkC {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.stickerPannelContainer_AggkC .inputContainer_1A4BN {
  padding: 0 20px;
}
.stickerPannelContainer_AggkC .inputContainer_1A4BN .panel_search_myUzC {
  height: 40px;
}
.scrollbar_jJRAt::-webkit-scrollbar {
  width: 4px;
}
.scrollbar_jJRAt::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.scrollbar_jJRAt::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c2c3c8;
}
.panel_content_3eIHU {
  padding: 24px 0px 0 20px;
  overflow: auto;
}
.panel_content_3eIHU::-webkit-scrollbar {
  width: 4px;
}
.panel_content_3eIHU::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.panel_content_3eIHU::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c2c3c8;
}
.panel_content_3eIHU .name_qko5i {
  margin-bottom: 8px;
  font-size: 14px;
  color: #303445;
}
.panel_content_3eIHU .content_VFKdC {
  display: grid;
  grid-template-columns: repeat(4, 66px);
  overflow: hidden;
  grid-gap: 12px;
  gap: 12px;
  flex: 1;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 4px;
}
.panel_content_3eIHU .content_VFKdC .panel_content_item_img_zi-iQ {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.panel_content_3eIHU .content_VFKdC .panel_content_item_img_zi-iQ svg {
  width: 100%;
  height: 100%;
  color: inherit;
}
.panel_content_3eIHU .content_VFKdC .drag_item_b2uww {
  width: 100%;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.panel_content_3eIHU .license_HqKGG {
  text-align: center;
  margin-bottom: 24px;
}
.panel_footer_n9Da4 {
  height: 30px;
  line-height: 30px;
  margin: auto;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.panel_footer_n9Da4 .source_BacZU {
  margin-right: 8px;
  color: #91939c;
}
.panel_footer_n9Da4 a {
  color: #2e73e5;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
.panel_footer_n9Da4 a:hover .panel_footer_n9Da4 a:active .panel_footer_n9Da4 a:focus {
  text-decoration: none;
  outline: 0;
}
.panel_footer_n9Da4 a:hover {
  color: #5798f2;
}
.panel_footer_n9Da4 a:active {
  color: #1d56bf;
}
.empty_F1iZt {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  color: #c2c3c8;
}
.emptyContainer_edZ3E {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  color: #c2c3c8;
}
.emptyContainer_edZ3E img {
  width: 100px;
}
.drag_content_item_active {
  border: 1px solid #2e73e5;
  border-radius: 4px;
  background: #ececee;
}
.do-hovers .panel_content_3eIHU .content_VFKdC .drag_item_b2uww:hover {
  background: #ececee;
  border-radius: 4px;
}
.do-hovers .panel_header_4MJdV .closeIcon_AmtI-:hover {
  color: var(--upime-active);
}
.filterRowContainer_xIvD- {
  width: 100%;
  height: 40px;
  flex-shrink: 0;
  margin-top: 12px;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  grid-gap: 8px;
  gap: 8px;
}
.filterRowContainer_xIvD- .selectContainer_IMiEf {
  width: 100%;
  height: 100%;
}
.colorSelectContainer_qlMmk {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  position: relative;
  font-size: 14px;
  cursor: pointer;
}
.colorSelectContainer_qlMmk.active_AcnZt {
  border-color: #2e73e5;
}
.colorSelectContainer_qlMmk .colorSelectInner_S9b8l {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
}
.colorSelectContainer_qlMmk .dropDownContainer_znG-W {
  max-height: 520px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  top: calc(100% + 4px);
  left: -64px;
  z-index: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.colorSelectContainer_qlMmk .colorOpacityContainer_yq0WY {
  position: relative;
  padding: 12px 12px 0;
  flex-shrink: 0;
  overflow: hidden;
}
.colorSelectContainer_qlMmk .colorOpacityContainer_yq0WY .colorOpacityLabel_c5h4G {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #0c1024;
  padding: 0 6px;
}
.colorSelectContainer_qlMmk .colorPaletteContainer_D-i09 {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 8px;
}
.colorSelectContainer_qlMmk .colorPaletteContainer_D-i09::-webkit-scrollbar {
  width: 4px;
}
.colorSelectContainer_qlMmk .colorPaletteContainer_D-i09::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.colorSelectContainer_qlMmk .colorPaletteContainer_D-i09::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.resetContainer_HBL-3 {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  cursor: pointer;
  font-size: 14px;
  color: #0c1024;
  padding: 0 12px;
}
.resetContainer_HBL-3:active {
  border-color: #1d56bf;
  color: #1d56bf;
}
.iconListWrapper_45wIQ {
  flex: 1;
  overflow: hidden;
  margin-top: 12px;
  height: 100%;
}
.iconListWrapper_45wIQ .emptyContainer_edZ3E {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  color: #c2c3c8;
}
.iconListWrapper_45wIQ .emptyContainer_edZ3E img {
  width: 100px;
}
.iconListScroll_DBas5 {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 12px 0px 12px 20px;
}
.iconListScroll_DBas5::-webkit-scrollbar {
  width: 4px;
}
.iconListScroll_DBas5::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.iconListScroll_DBas5::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.iconListMid_6xKTn {
  width: 100%;
}
.iconListContainer_Hbk1n {
  display: grid;
  grid-template-columns: repeat(6, 40px);
  grid-auto-rows: 40px;
  grid-gap: 12px;
  gap: 12px;
}
.iconListContainer_Hbk1n .iconItem_X7RND {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
  background: #f5f6f6;
}
.iconListContainer_Hbk1n .iconItem_X7RND.activeIconItem_ac-Dr {
  border: 1px solid #2e73e5;
  background: rgba(0, 0, 0, 0.06);
}
.iconListContainer_Hbk1n .draggingIcon_uo1Hd {
  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_Hbk1n .clickIcon_igMYB {
  position: fixed;
  z-index: 1;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.iconListContainer_Hbk1n .svgContainer_C1HK2 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  overflow: hidden;
}
.iconListContainer_Hbk1n .svgContainer_C1HK2 svg {
  width: 24px;
  height: 24px;
}
.loadingContainer_-ZBVt {
  height: 200px;
  width: 100%;
  display: flex;
  align-items: center;
}
.loadingIcon_ZRca- {
  margin: auto;
  width: 32px;
  height: 32px;
  animation: loading_QLmoT 1s linear infinite forwards;
}
@keyframes loading_QLmoT {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.input_container_j3g6Y {
  width: 100%;
  height: 40px;
  position: relative;
}
.input_container_j3g6Y .input_WHyNN {
  width: 100%;
  height: 100%;
  font-size: 14px;
  outline: none;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  padding: 0 40px;
  color: #0c1024;
}
.input_container_j3g6Y .input_WHyNN::-moz-placeholder {
  color: #c2c3c8;
}
.input_container_j3g6Y .input_WHyNN::placeholder {
  color: #c2c3c8;
}
.input_container_j3g6Y .input_WHyNN:focus {
  border: 1px solid #2e73e5;
}
.input_container_j3g6Y .searchIcon_yx9WP {
  color: #0c1024;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.input_container_j3g6Y .clearIcon_kwtG6 {
  color: #c2c3c8;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iconListFoot_ZhWhB {
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #c2c3c8;
  font-size: 12px;
  flex-shrink: 0;
}
.iconListFoot_ZhWhB .tipIconContainer_qF9Av {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.do-hovers .input_WHyNN:hover {
  border-color: #2e73e5;
}
.do-hovers .clearIcon_kwtG6:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .colorSelectContainer_qlMmk:hover {
  border-color: #2e73e5;
}
.do-hovers .resetContainer_HBL-3:hover {
  border-color: #2e73e5;
  color: #2e73e5;
}
.do-hovers .resetContainer_HBL-3:hover:active {
  border-color: #1d56bf;
  color: #1d56bf;
}
.do-hovers .iconItem_X7RND:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .tipIconContainer_qF9Av:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.input_container_HUT33 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  padding: 0 12px;
}
.input_container_HUT33 input {
  width: 100%;
  border: none;
  font-size: 14px;
}
.input_container_HUT33 input:hover,
.input_container_HUT33 input:active,
.input_container_HUT33 input.focus-visible_nCDCl {
  border: none;
  outline: none;
}
.input_container_HUT33 input:hover,
.input_container_HUT33 input:active,
.input_container_HUT33 input:focus-visible {
  border: none;
  outline: none;
}
.input_container_HUT33 input::-moz-placeholder {
  color: #c2c3c8;
}
.input_container_HUT33 input::placeholder {
  color: #c2c3c8;
}
.input_container_HUT33:hover {
  border: 1px solid #2e73e5;
}
.input_container_active_5zarz {
  border: 1px solid #2e73e5;
}
.input_prefix_prCde {
  margin-right: 8px;
  font-size: 20px;
  display: flex;
  align-items: center;
}
.clearIcon_PbUK1 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #c2c3c8;
}
.clearIcon_PbUK1 .sdk-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.do-hovers .clearIcon_PbUK1:hover {
  color: var(--upime-active);
}

.drag_container_RVpqz {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.drag_element_aoOvy {
  position: fixed;
  -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;
  pointer-events: none;
}

:root {
  --upime-btn-bg-active: #090909;
  --upime-btn-bg-hover: #F5F6F6;
  --upime-tip: #fff;
  --upime-tip-bg: #000;
  --upime-pane-bg: #ffffff;
  --upime-active: #2E73E5;
  --upime-danger: #fe5250;
  --upime-disable: #C2C3C8;
  --upime-main-text: #0C1024;
  --upime-second-text: #91939C;
  --upime-third-text: #616371;
  --upime-avatar-bg: #E6E7E9;
  --upime-scrollbar-thumb: #C2C3C8;
  --upime-divider-bg: #DBDBDE;
  --upime-input-invalid: #fe5350;
  --upime-input-border: #2e74e5;
  --upime-primary-btn-hover-bg: #5798F2;
  --upime-primary-btn-active-bg: #1D56BF;
  --upime-primary-btn-disabled-bg: #abc7f5;
  --upime-danger-btn-hover-bg: #ff7f78;
  --upime-danger-btn-active-bg: #d9383b;
  --upime-danger-btn-disabled-bg: #ffbab9;
  --upime-secondary-btn-hover-bg: #5798F2;
  --upime-secondary-btn-active-bg: #1D56BF;
  --upime-secondary-btn-disabled-bg: #abc7f5;
}
.ui_layout_-BKxa {
  position: absolute;
  display: flex;
  width: 100%;
}
.ui_layout_-BKxa.ui_layout_wrap_9C02a {
  flex-wrap: wrap;
}
.ui_top_DYVFa {
  top: 0;
  pointer-events: none;
}
.remoteControlTopBar_0T4tk {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px;
  pointer-events: none;
}
.remoteControlTopBar_0T4tk.landscape_hAdwF {
  padding: 16px;
}
.remoteControlTopBar_0T4tk .topBarLeft_yfYXj {
  display: flex;
  gap: 20px;
}
.remoteControlTopBar_0T4tk .topBarLeft_yfYXj .titleBarSlot_4Ab7x {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
}
.ui_bottom_OYk80 {
  bottom: 0;
  pointer-events: none;
}
.bottom_meeting_ui_t5d6f {
  position: static;
  transform: none;
  display: flex;
  flex-direction: row;
  width: 100%;
  max-height: 70px;
  padding: 10px 12px;
  background-color: #ffffff;
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: none;
  pointer-events: auto;
  align-items: center;
  justify-content: space-between;
  border: none;
}
.row_hp6q3 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 8px;
}
.row_hp6q3.landscapeRow_4-WkQ {
  padding: 6px 16px;
}
.row_hp6q3.lastRow_-vxxd {
  padding-bottom: 12px;
}
.row_hp6q3.fitBottom_9slGB {
  padding-bottom: 42px;
}
.row_hp6q3 .hideToBottom_Z-O3S {
  transition: all 0.1s;
  transform: translateY(200%);
  opacity: 0;
}
.col_ix5gB {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.followingUser_skU2c {
  z-index: 20;
}
.landscape_hAdwF {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}
.landscape_hAdwF .left_Tjq7B {
  flex-basis: 300px;
  display: flex;
}
.redoundoContainer_rMrbr {
  width: 100%;
  padding-left: 16px;
}
.undoRedo_yyLtG {
  top: 8px;
}

.iconContainer_sOoSM {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  pointer-events: auto;
}
.iconContainer_sOoSM .iconWrap_wHYXu {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.iconContainer_sOoSM .iconWrap_wHYXu.active_G6x5- {
  background-color: #eaf1fc;
}
.iconContainer_sOoSM .sdk-icon {
  font-size: 18px;
}
.iconContainer_sOoSM.large_k18gN {
  width: 44px;
  height: 44px;
}
.iconContainer_sOoSM.hidden_3NMQF {
  width: 0;
  height: 0;
  overflow: hidden;
}
.iconContainer_sOoSM .aIButtonImage_IYkFN {
  width: 26px;
  height: 26px;
}
.iconContainer_sOoSM.mb4_J5its {
  margin-bottom: 4px;
}
.iconContainer_sOoSM.mr16_cuBUx {
  margin-right: 16px;
}
.activeBgContainer_uTdjz {
  background-color: var(--upime-active);
}
.svgIconJia_VUyi4 {
  width: 24px;
  height: 24px;
}
.timerIconContainer_X3Bkq {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  pointer-events: auto;
  position: absolute;
  right: 113px;
}
.timerIconContainer_X3Bkq.landscape_RC6Nz {
  right: 120px;
}
.titleBar_JREPt {
  pointer-events: auto;
}
.active_G6x5- {
  color: var(--upime-active);
}
.row_jwdhj {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 8px 8px;
}
.row_jwdhj.landscape_RC6Nz {
  padding: 16px;
}
.col_xyYi9 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.phonePaneContainer_v2NH1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: white;
  padding: 24px 0 40px;
  border-radius: 20px 20px 0 0;
  pointer-events: all;
  transition: all 0.1s;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 8px 0;
  gap: 8px 0;
  box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
  animation: showFromBottom_D6ijl 0.1s;
}
.phonePaneContainer_v2NH1.phonePaneContainerHide_4AnE1 {
  transform: translateY(100%);
  opacity: 0;
}
.phonePaneContainer_v2NH1.remoteControlMode_809M0 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.phonePaneContainer_v2NH1 .actionItem_s1bm0 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 4px;
  gap: 6px;
}
.phonePaneContainer_v2NH1 .actionItem_s1bm0 .actionItemIcon_Rcsku {
  width: 28px;
  height: 28px;
}
.phonePaneContainer_v2NH1 .actionItem_s1bm0 .actionItemName_kVVqs {
  font-size: 15px;
  line-height: 24px;
  color: #0c1024;
  word-break: break-word;
  text-align: center;
}
.phonePaneContainer_v2NH1.sixColumn_MrzWf {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.phonePaneContainer_v2NH1.fiveColumn_EhRHZ {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.phonePaneContainer_v2NH1 .phoneIconContainer_QsOdt {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.phoneActionPaneContainer_u0wEn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  padding: 0 8px 12px 8px;
  display: flex;
  flex-direction: column-reverse;
  gap: 8px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.phoneActionPaneContainer_u0wEn.pwa_Pg1hS {
  padding-bottom: 32px;
}
.phoneMainActionPaneContainer_CkQU9 {
  max-width: 100%;
  height: 50px;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  pointer-events: auto;
  position: relative;
}
.phoneMainActionPaneContainer_CkQU9 .buttons_S35Kj {
  display: flex;
  align-items: center;
  padding: 0 8px;
  gap: 2px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.phoneMainActionPaneContainer_CkQU9 .buttons_S35Kj::-webkit-scrollbar {
  display: none;
}
.phoneMainActionPaneContainer_CkQU9 .extraBtWrapper_7Q4mc {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 40px;
  overflow: hidden;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 0 4px 4px 0;
}
.phoneMainActionPaneContainer_CkQU9 .extraBtWrapper_7Q4mc.hide_z5laz {
  transform: translateX(100%);
  opacity: 0;
}
.phoneMainActionPaneContainer_CkQU9 .extraBtWrapper_7Q4mc .extraBtContainer_nTLSj {
  background-color: white;
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
  pointer-events: all;
  height: 100%;
  padding: 0 8px;
}
.phoneMainActionPaneContainer_CkQU9 .extraBtWrapper_7Q4mc .extraBtContainer_nTLSj::after {
  content: "";
  width: 10px;
  height: 200%;
  position: absolute;
  left: -8px;
  top: -10px;
  background: white;
  box-shadow: -6px 0px 8px 0px rgba(0, 0, 0, 0.08);
  transform: rotate(6deg);
}
.phoneMainActionPaneContainer_CkQU9 .MainActionPaneIconContainer_Mk0Jm {
  padding: 0 6px;
}
.phoneMainActionPaneContainer_CkQU9 .MainActionPaneIconContainer_Mk0Jm .icon_irgZk {
  display: block;
}
.phoneMainActionPaneContainer_CkQU9 .MainActionPaneIconContainer_Mk0Jm .icon_irgZk.activeIcon_59IE1 {
  color: var(--upime-active);
}
.split-line_pB-OW {
  width: 1px;
  height: 20px;
  background-color: #e6e6e6;
  margin: 0 6px;
  flex: none;
}
.penWrapper_nhFcI {
  width: 26px;
  height: 26px;
  border: solid 1px #ccc;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  margin: 0 7px;
  flex: none;
}
.penWrapper_nhFcI.active_G6x5- {
  border-color: var(--upime-active);
}
.penWrapper_nhFcI .pen_iusry {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.penWrapper_nhFcI .pen_iusry .colorBorder_e-naY {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.undoButton_hpfm0 {
  width: 26px;
  height: 26px;
  margin: 0 6px;
}
.undoButton_hpfm0.disabled_IoKky {
  color: #d8d8d8;
}
.colorPaletteContainer_UpeAE {
  margin-top: 16px;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  -ms-overflow-style: none;
}
.colorPaletteContainer_UpeAE::-webkit-scrollbar {
  display: none;
}
.colorPaletteContainer_UpeAE .colorPalette_79iPW {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}
.colorPaletteContainer_UpeAE .colorPalette_79iPW.selected_udWXL {
  color: #4262ff;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4262ff;
}
.dialogContainer_1g8pt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialogContainer_1g8pt .dialogItem_LNmeO {
  height: 54px;
  line-height: 54px;
  text-align: center;
  width: 100%;
}
.minimapContainer_Gm-G8 {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
  background-color: white;
  border-radius: 20px 20px 0 0;
  padding: 20px 20px 34px 20px;
  overflow: hidden;
  pointer-events: all;
  animation: showFromBottom_D6ijl 0.1s;
}
.minimapContainer_Gm-G8 .minimapInner_m6Zq2 {
  width: 100%;
  height: 160px;
  position: relative;
}
.aiCenterContainer_51iBo {
  position: fixed;
  z-index: 99;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
  background-color: white;
  border-radius: 20px 20px 0 0;
  min-height: 416px;
  overflow: hidden;
  pointer-events: all;
  animation: showFromBottom_D6ijl 0.1s;
}
.aiCenterContainer_51iBo .resizeHandler_GDGCj {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  margin: auto;
}
.aiCenterContainer_51iBo .resizeHandler_GDGCj .line_z6mXh {
  width: 40px;
  height: 5px;
  margin: auto;
  margin-top: 8px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.15);
}
.aiCenterContainer_51iBo.aiHide_pJAWd {
  display: none;
}
.stickerPannelContainer_EPZ99 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-radius: 12px 12px 0 0;
  pointer-events: all;
  transition: all 0.1s;
  box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
  animation: showFromBottom_D6ijl 0.1s;
  height: 400px;
}
.stickerPannelContainer_EPZ99 .headerBar_6eLGd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
  height: 50px;
  border-bottom: 1px solid #E6E7E9;
}
.stickerPannelContainer_EPZ99 .headerBar_6eLGd .name_U9AZR {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}
.stickerPannelContainer_EPZ99 .headerBar_6eLGd .closeBox_sTJTo {
  font-size: 16px;
  color: #303445;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 {
  padding: 12px 0px 0 16px;
  overflow: auto;
  height: calc(100% - 50px);
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9::-webkit-scrollbar {
  width: 4px;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .name_U9AZR {
  margin-bottom: 8px;
  font-size: 15px;
  color: #303445;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .content_ifDiV {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  grid-gap: 12px;
  gap: 12px;
  flex: 1;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 4px;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .content_ifDiV .panel_content_item_img_YcBE9 {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .content_ifDiV .panel_content_item_img_YcBE9 svg {
  width: 100%;
  height: 100%;
  color: inherit;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .license_mCm2l {
  text-align: center;
  margin-bottom: 24px;
}
.container_iw1s5 {
  display: flex;
  gap: 20px;
}
.container_iw1s5 .childrenContainer_DSoGV {
  display: flex;
  width: 36px;
  height: 36px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
@keyframes showFromBottom_D6ijl {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.toolArea_G629i {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  position: relative;
}
.toolArea_G629i.vertical_I-DVQ {
  flex-direction: column;
}

.toolBox_tCulp {
  padding: 7px;
  display: flex;
  border-radius: 999px;
  transition: background 0.1s, color 0.1s;
}
.toolBox_tCulp .iconWrapper_Q6pO0 {
  display: flex;
  position: relative;
}
.toolBox_tCulp .iconWrapper_Q6pO0 .dot_n0swc {
  top: -5px;
}
.toolBox_tCulp.opened_puXoD {
  background: #eaf1fc;
  color: #2e73e5;
}
.toolBox_tCulp .menu_wc3QH {
  position: absolute;
  top: calc(100% + 8px);
  right: 12px;
}

.dropdownMenu_C1okM {
  display: none;
  padding: 8px 0;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
}
.dropdownMenu_C1okM.open_WpPdH {
  display: flex;
}

.inProgressDot_PhZi2 {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.menuItem_Ph7Xr {
  min-width: 180px;
  height: 56px;
  display: flex;
  padding: 0 16px 0 10px;
  align-items: center;
  gap: 2px;
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
}
.menuItem_Ph7Xr.inProgress_Wp-ag {
  color: #2e73e5;
}
.menuItem_Ph7Xr .iconWrapper_7s-mb {
  width: 24px;
  height: 24px;
  padding: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}
.menuItem_Ph7Xr .iconWrapper_7s-mb .dot_XjlV1 {
  top: 0;
}
.menuItem_Ph7Xr .iconWrapper_7s-mb .notification_eDFGk {
  position: absolute;
  top: 1px;
  right: 1px;
  display: flex;
  padding: 0 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 16px;
  min-width: 16px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  letter-spacing: normal;
  letter-spacing: initial;
  border: 1px solid #fff;
}
.menuItem_Ph7Xr .text_8vGgV {
  white-space: nowrap;
}

.buttonDivider_CQuTW {
  height: 28px;
  width: 1px;
  background: #e6e7e9;
}
.buttonDivider_CQuTW.horizontal_VSu2Y {
  width: 28px;
  height: 1px;
}

.endMeetingButton_g-KdY {
  padding: 7px;
  display: flex;
  border-radius: 999px;
}

.userGroup_5nEtM {
  display: flex;
  justify-content: center;
  align-items: center;
}
.userGroup_5nEtM .user_OHyxy:not(:first-child) {
  margin-left: -16px;
}

.user_UxqSv {
  width: 36px;
  height: 36px;
  position: relative;
  border-radius: 50%;
  border: 2px solid #fff;
}
.user_UxqSv .avatar_SflLp {
  width: 100%;
  height: 100%;
  border: 2px solid #c7d2e4;
}
.user_UxqSv .avatar_SflLp.multiUser_6CgYW {
  color: #000;
  background-color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user_UxqSv .avatar_SflLp.multiUser_6CgYW.mSize_CClxN {
  font-size: 9px;
}
.user_UxqSv .avatar_SflLp.multiUser_6CgYW.sSize_NA-tU {
  font-size: 7px;
}
.user_UxqSv .followedTag_wfi72 {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
}
.user_UxqSv .followCount_y1-ik {
  position: absolute;
  margin: auto;
  left: 16px;
  bottom: -4px;
  transform: translateX(-50%);
  display: flex;
  height: 14px;
  min-width: 24px;
  padding: 0 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.outline_7twOr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  border: 2px solid #fff;
}

.userListDraw_zzYr8 .title_ih4Fy {
  display: flex;
  padding: 24px 32px;
  align-items: center;
  gap: 12px;
  color: #0c1024;
  border-bottom: 1px solid #e6e7e9;
}
.userListDraw_zzYr8 .title_ih4Fy.disabled_I-j1D {
  color: #c2c3c8;
}
.userListDraw_zzYr8 .title_ih4Fy .text_t5IKS {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.userListDraw_zzYr8 .list_LaLxp {
  overflow-y: auto;
  max-height: calc(1vh * 100 - 171px);
  max-height: calc(var(--vh, 1vh) * 100 - 171px);
  min-height: 120px;
  padding: 8px 0 12px;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U {
  display: flex;
  padding: 8px 24px;
  align-items: center;
  gap: 12px;
  position: relative;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .info_oooK- {
  flex: auto;
  position: relative;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .info_oooK- .name_nVd-j {
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 170px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .info_oooK- .subText_8fcFT {
  color: #91939c;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .info_oooK- .following_sxwzV {
  color: #2e73e5;
  font-size: 13px;
  line-height: 22px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .modifyUserNameBtn_Onn6z {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .modifyUserNameBtn_Onn6z .modifyUserNameIcon_0Xnwi {
  color: #424454;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .option_BPVRl {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu_MhgcX {
  position: fixed;
  right: 24px;
  z-index: 10;
}
.menu_MhgcX .menuItem_-BbMX {
  display: flex;
  height: 56px;
  padding: 0 16px;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
  width: 120px;
}
.optionIconWrapper_qDTgU {
  padding: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  border-radius: 2px;
}
.optionIconWrapper_qDTgU:active {
  background-color: #f0f0f0;
}
.optionIconWrapper_qDTgU .optionIcon_O8RY0 {
  color: #424454;
}

.search_-QrSV {
  display: flex;
  padding: 7px;
  border-radius: 50%;
  position: relative;
}
.search_-QrSV .inputContainer_4cpc- {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  height: 53px;
  padding: 4px 16px 4px 12px;
  align-items: center;
  gap: 4px;
  background-color: #fff;
  z-index: 30;
  border-bottom: 1px solid #fff;
  transition: 0.1s border-bottom-color;
}
.search_-QrSV .inputContainer_4cpc-.active_fxSiO {
  border-bottom-color: #2e73e5;
}
.search_-QrSV .inputContainer_4cpc- .icon_tFQAv {
  flex: none;
  margin: 7px;
}
.search_-QrSV .inputContainer_4cpc- .icon_tFQAv.clear_BRAGd {
  color: #c2c3c8;
}
.search_-QrSV .inputContainer_4cpc- .icon_tFQAv.hidden_U0I-7 {
  visibility: hidden;
}
.search_-QrSV .inputContainer_4cpc- .input_oeQjm {
  display: block;
  height: 100%;
  flex: auto;
  color: #0c1024;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  caret-color: #2e73e5;
  border: none;
}
.search_-QrSV .inputContainer_4cpc- .input_oeQjm::-moz-placeholder {
  color: #c2c3c8;
}
.search_-QrSV .inputContainer_4cpc- .input_oeQjm::placeholder {
  color: #c2c3c8;
}
.search_-QrSV .inputContainer_4cpc- .cancel_NeTEf {
  color: #0c1024;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
}
.resList_WJZAu {
  background-color: #fff;
  position: fixed;
  top: 52px;
  left: 0;
  right: 0;
  z-index: 100;
  max-height: calc(1vh * 100 - 53px);
  max-height: calc(var(--vh, 1vh) * 100 - 53px);
  overflow-y: auto;
}
.resList_WJZAu .noRes_HoW-c {
  color: #91939c;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 32px 0;
  text-align: center;
}
.resItem_935v0 {
  display: flex;
  padding: 10px 16px 10px 20px;
  align-items: center;
  gap: 12px;
}
.resItem_935v0 .text_Xq94b {
  white-space: nowrap;
  overflow: hidden;
  color: #0c1024;
  text-overflow: ellipsis;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.searchMenu_nF-hm {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  width: 290px;
  min-height: 50px;
  display: flex;
  flex-direction: column;
}
.searchMenu_nF-hm .inputContainer_J8urc {
  padding: 0 16px;
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /* Edge */
}
.searchMenu_nF-hm .inputContainer_J8urc input {
  border: none;
  width: 210px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.searchMenu_nF-hm .inputContainer_J8urc ::-moz-placeholder {
  color: var(--upime-disable);
  font-size: 14px;
}
.searchMenu_nF-hm .inputContainer_J8urc ::placeholder {
  color: var(--upime-disable);
  font-size: 14px;
}
.searchMenu_nF-hm .inputContainer_J8urc .clearInput_-qVPH {
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--upime-disable);
  cursor: pointer;
}
.searchMenu_nF-hm .inputContainer_J8urc .clearInput_-qVPH svg {
  color: white;
  width: 10px;
  height: 10px;
}
.searchMenu_nF-hm .divider_8Mq4q {
  width: 100%;
  height: 1px;
  background-color: var(--upime-divider-bg);
}
.searchMenu_nF-hm .searchRes_NYEH7 {
  width: 100%;
  min-height: 57px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow: overlay;
  max-height: 340px;
}
.searchMenu_nF-hm .searchRes_NYEH7 .noRes_O9w3J {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: var(--upime-disable);
  line-height: 56px;
  text-align: center;
}
.searchMenu_nF-hm .searchRes_NYEH7::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
.searchMenu_nF-hm .searchRes_NYEH7::-webkit-scrollbar-track-piece {
  display: none;
}
.searchMenu_nF-hm .searchRes_NYEH7::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}
.searchMenu_nF-hm .searchRes_NYEH7 .resList_wpz2d {
  padding: 10px 0;
}
.resItem_elokY {
  height: 36px;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.resItem_elokY > span {
  max-width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-left: 8px;
}
.resItem_elokY svg {
  font-size: 14px;
}
.resItemPhone_yLcIY {
  display: flex;
  padding: 10px 16px 10px 20px;
  align-items: center;
  gap: 12px;
  overflow: hidden;
}
.resItemPhone_yLcIY .itemIcon_rlaAg {
  width: 20px;
  height: 20px;
}
.resItemPhone_yLcIY .text_9MaIf {
  white-space: nowrap;
  overflow: hidden;
  color: #0c1024;
  text-overflow: ellipsis;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.do-hovers .resItem_elokY:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.iconWrap_tnFDz {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.iconWrapActive_rrLuN {
  color: var(--upime-active);
  background-color: #EAF1FC;
}
.do-hovers .iconWrap_tnFDz:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_rrLuN:hover {
  color: var(--upime-active);
  background-color: #EAF1FC;
}
.shortcutContainer_GFOn0 {
  display: flex;
  align-items: center;
  gap: 8px;
  word-break: keep-all;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1;
}
.shortcutContainer_GFOn0 .shortcutBox_Ht27n {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid #91939c;
  color: #91939C;
}

.undoRedo_yM9Fb {
  position: absolute;
  left: 8px;
  top: 64px;
}
.undoRedo_yM9Fb.landscape_GTmsF {
  position: relative;
  left: 0;
  top: 0;
}
.undoRedo_yM9Fb .iconWrapper_zmd9E {
  display: flex;
  padding: 7px;
  border-radius: 50%;
}
.undoRedo_yM9Fb .iconWrapper_zmd9E.disabled_I9q5F {
  pointer-events: none;
  color: #d8d8d8;
}
.undoRedo_yM9Fb .iconWrapper_zmd9E.active_ERAFH {
  color: #2e73e5;
  background-color: #eaf1fc;
}
.disabled_I9q5F {
  pointer-events: none;
  color: #d8d8d8;
}

.mobilePresentationLayoutWrap_hGTW1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.controlBarWrap_CXVq- {
  width: 100%;
  height: 48px;
  padding-right: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #1d1f29;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  pointer-events: all;
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e {
  height: 100%;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  z-index: 2;
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e .endPresentationButton_Vaqu7 {
  height: 100%;
  padding: 0 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e .endPresentationButton_Vaqu7 .endPresentationIcon_DIJGz {
  width: 20px;
  height: 20px;
  color: #fe5250;
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e .endPresentationButton_Vaqu7 .resumeFramePlayIcon_Y2Y29 {
  width: 20px;
  height: 20px;
  color: #fff;
  transform: rotate(180deg);
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e .endPresentationButton_Vaqu7 .content_k7lIV {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI .mainContent_YrThz {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI .mainContent_YrThz.clickable_Z4eQd .elementContent_yDB3I {
  text-decoration-line: underline;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI .mainContent_YrThz .elementIcon_PNLPb {
  width: 20px;
  height: 20px;
  color: #fff;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI .mainContent_YrThz .elementContent_yDB3I {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.controlBarWrap_CXVq- .toolsWrap_HObM3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  position: relative;
  z-index: 2;
}
.controlBarWrap_CXVq- .toolsWrap_HObM3 .laserButton_gVAC2,
.controlBarWrap_CXVq- .toolsWrap_HObM3 .penButton_OkZc- {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.controlBarWrap_CXVq- .toolsWrap_HObM3 .laserButton_gVAC2.active_Ck3ib,
.controlBarWrap_CXVq- .toolsWrap_HObM3 .penButton_OkZc-.active_Ck3ib {
  border-radius: 50%;
  background-color: #2e73e5;
}
.controlBarWrap_CXVq- .toolsWrap_HObM3 .laserIcon_bpsyg,
.controlBarWrap_CXVq- .toolsWrap_HObM3 .penIcon_atWJd {
  width: 20px;
  height: 20px;
  color: #fff;
}

.turnPageButtonWrap_FOXIh {
  width: 100%;
  padding: 0 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: calc(50% + 24px);
  left: 0px;
  transform: translateY(-50%);
  z-index: 10;
}
.turnPageButtonWrap_FOXIh .prevPageButton_Om2yn,
.turnPageButtonWrap_FOXIh .nextPageButton_hJ1K3 {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: all;
}
.turnPageButtonWrap_FOXIh .prevPageButton_Om2yn.hide_xKw3b,
.turnPageButtonWrap_FOXIh .nextPageButton_hJ1K3.hide_xKw3b {
  visibility: hidden;
  pointer-events: none;
}
.turnPageButtonWrap_FOXIh .prevPageButton_Om2yn .icon_SGRX9,
.turnPageButtonWrap_FOXIh .nextPageButton_hJ1K3 .icon_SGRX9 {
  width: 20px;
  height: 20px;
  color: #fff;
}
.turnPageButtonWrap_FOXIh .prevPageButton_Om2yn .leftIcon_ICexq,
.turnPageButtonWrap_FOXIh .nextPageButton_hJ1K3 .leftIcon_ICexq {
  transform: rotate(180deg);
}

.backToPresentationWrap_3snK2 {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #2e73e5;
  pointer-events: all;
  cursor: pointer;
}
.backToPresentationWrap_3snK2 .icon_q2LbP {
  color: #fff;
}
.backToPresentationWrap_3snK2 .content_5XyNR {
  color: #fff;
  font-weight: 400;
}
.backToPresentationWrap_3snK2.sizeLarge_-XaY- {
  height: 48px;
  padding: 0px 20px;
  gap: 8px;
  border-radius: 24px;
}
.backToPresentationWrap_3snK2.sizeLarge_-XaY- .icon_q2LbP {
  width: 23px;
  height: 20px;
}
.backToPresentationWrap_3snK2.sizeLarge_-XaY- .content_5XyNR {
  font-size: 16px;
  line-height: 28px;
}
.backToPresentationWrap_3snK2.sizeNormal_D9YYN {
  height: 34px;
  padding: 0px 12px;
  gap: 4px;
  border-radius: 17px;
}
.backToPresentationWrap_3snK2.sizeNormal_D9YYN .icon_q2LbP {
  width: 16px;
  height: 14px;
}
.backToPresentationWrap_3snK2.sizeNormal_D9YYN .content_5XyNR {
  font-size: 12px;
  line-height: 22px;
}

.presentationPreviewWrap_jMDRP {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  pointer-events: all;
}
.presentationPreviewWrap_jMDRP .listWrap_srolO {
  width: 100%;
  height: 78px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  background-color: rgba(48, 52, 69, 0.6);
}
.presentationPreviewWrap_jMDRP .listWrap_srolO .list_AImIF {
  width: 100%;
  padding: 0 6px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
}
.presentationPreviewWrap_jMDRP .listWrap_srolO .list_AImIF::-webkit-scrollbar {
  display: none;
}

.previewItemWrap_S49Rj {
  display: flex;
  flex-shrink: 0;
  box-sizing: content-box;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.previewItemWrap_S49Rj.horizontal_AvWZv {
  width: 110px;
  height: 62px;
}
.previewItemWrap_S49Rj.vertical_ELV8e {
  width: 58px;
  height: 62px;
}
.previewItemWrap_S49Rj.selected_RGMyi {
  border-color: #2e73e5;
}
.previewItemWrap_S49Rj.selected_RGMyi .index_QkieF {
  background-color: #2e73e5;
}
.previewItemWrap_S49Rj .previewContent_fCcq4 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.previewItemWrap_S49Rj .previewContent_fCcq4.hide_1J5LR {
  display: none;
}
@keyframes loading_F4Rv3 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.previewItemWrap_S49Rj .loading_F4Rv3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.previewItemWrap_S49Rj .loading_F4Rv3 > svg {
  margin: auto;
  width: 32px;
  height: 32px;
  animation: loading_F4Rv3 1s linear infinite forwards;
}
.previewItemWrap_S49Rj .index_QkieF {
  min-width: 24px;
  height: 18px;
  padding: 0 4px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  background-color: rgba(0, 0, 0, 0.45);
  border-top-left-radius: 4px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.firstTimeGestureHintWrap_8viR- {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.88);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 80px;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .leftContent_a1O5a,
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .rightContent_hKGEb {
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .leftContent_a1O5a .tip_Jnjjj,
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .rightContent_hKGEb .tip_Jnjjj {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  word-break: break-word;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .leftContent_a1O5a .icon_aJZob,
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .rightContent_hKGEb .icon_aJZob {
  width: 120px;
  height: 120px;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .divider_n8w2g {
  width: 1px;
  height: 90px;
  background-color: rgba(255, 255, 255, 0.45);
}
.firstTimeGestureHintWrap_8viR- .confirmButton_ExIlO {
  display: flex;
  width: 100px;
  height: 40px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #91939C;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: auto;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p {
  gap: 180px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .leftContent_a1O5a,
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .rightContent_hKGEb {
  width: 400px;
  height: 400px;
  gap: 20px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .leftContent_a1O5a .tip_Jnjjj,
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .rightContent_hKGEb .tip_Jnjjj {
  font-size: 40px;
  line-height: 48px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .leftContent_a1O5a .icon_aJZob,
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .rightContent_hKGEb .icon_aJZob {
  width: 240px;
  height: 240px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .divider_n8w2g {
  height: 180px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .confirmButton_ExIlO {
  width: 200px;
  height: 80px;
  border-radius: 8px;
  border-width: 2px;
  font-size: 28px;
  line-height: 48px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI {
  background-color: rgba(0, 0, 0, 0.8);
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p {
  gap: 16px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .leftContent_a1O5a,
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .rightContent_hKGEb {
  width: 148px;
  height: 148px;
  gap: 8px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .leftContent_a1O5a .tip_Jnjjj,
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .rightContent_hKGEb .tip_Jnjjj {
  font-size: 14px;
  line-height: 22px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .leftContent_a1O5a .icon_aJZob,
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .rightContent_hKGEb .icon_aJZob {
  width: 88px;
  height: 88px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .divider_n8w2g {
  height: 66px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .confirmButton_ExIlO {
  width: 100px;
  height: 40px;
  border-radius: 4px;
  border-width: 1px;
  font-size: 14px;
  line-height: 24px;
  bottom: 60px;
}
.do-hovers .confirmButton_ExIlO:hover {
  border-color: #5798F2;
  color: #5798F2;
}

.laserToolButton_UnvI4 {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
}
.laserToolButton_UnvI4.active_JsQMC {
  background-color: #eaf1fc;
}
.laserToolButton_UnvI4.active_JsQMC .icon_RR7Oc {
  color: #2e73e5;
}
.laserToolButton_UnvI4 .icon_RR7Oc {
  width: 20px;
  height: 20px;
}

.waitingForControlleeTipWrap_-DAUp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.waitingForControlleeTipWrap_-DAUp .tipContent_gQhKh {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  padding: 13px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 22px;
  border-radius: 4px;
  background-color: #000;
  word-break: break-word;
}

.connectSuccessModal_FeTOu {
  z-index: 1001;
}

.remoteControlAlertBox_uCSQ8 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 4px solid #9069ff;
  pointer-events: none;
}

.historyPageBox_sWZKQ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f5f6f6;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
}
.historyPageBox_sWZKQ.detailBg_Re0M6 {
  background-repeat: no-repeat;
  background-position: left top, right 3px, center;
  background-size: 80px, 80px, cover;
}
.historyPageBox_sWZKQ .chatContainer_6Jk1v {
  flex: 1;
  display: flex;
  height: calc(100% - 133px);
}
.historyPageBox_sWZKQ .chatContainer_6Jk1v.hide_AETL1 {
  display: none;
}
.historyPageBox_sWZKQ .header_jLk59 {
  background-color: #fff;
  padding: 10px 12px 10px 11px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dbdbde;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.historyPageBox_sWZKQ .header_jLk59 .left_JVLSk {
  display: flex;
  align-items: center;
  gap: 12px;
}
.historyPageBox_sWZKQ .header_jLk59 .left_JVLSk .fanhuiBox_zYg8T {
  padding: 7px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.historyPageBox_sWZKQ .header_jLk59 .left_JVLSk .fanhuiBox_zYg8T:hover {
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.historyPageBox_sWZKQ .header_jLk59 .left_JVLSk .title_3APnJ {
  font-size: 20px;
  line-height: 24px;
}
.historyPageBox_sWZKQ .header_jLk59.detailMode_vLrcQ {
  background-color: transparent;
  background-color: initial;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 {
  padding: 12px 12px 0 12px;
  height: calc(100% - 61px);
  overflow: auto;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .searchRow_RCTM0 {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  gap: 6px;
  border-radius: 4px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .searchRow_RCTM0 input {
  outline: none;
  border: none;
  width: calc(100% - 45px);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .searchRow_RCTM0 .clearInput_VGMVl {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #dedede;
  cursor: pointer;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .searchRow_RCTM0 .clearInput_VGMVl svg {
  color: #fff;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .listBox_X0jgE {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 12px;
  gap: 12px;
  padding: 12px 0;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O {
  padding: 16px 8px 16px 16px;
  border-radius: 4px;
  min-width: 300px;
  max-width: 600px;
  position: relative;
  background-color: #fff;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .headerSect_SMOv1 .date_S2ku- {
  font-size: 14px;
  color: #0c1024;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .headerSect_SMOv1 .day_Mi0-e {
  margin: auto 8px;
  font-size: 14px;
  color: #0c1024;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .headerSect_SMOv1 .time_kCnQj {
  color: #0c1024;
  font-size: 14px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .content_Yhr-2 {
  margin-top: 2px;
  color: #0c1024;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .content_Yhr-2 .title_3APnJ {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .footer_VOeeG {
  margin-top: 4px;
  display: flex;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .footer_VOeeG .creator_gyJvq {
  color: #0c1024;
  font-size: 12px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .footer_VOeeG .avatar_VDdoe {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  margin-left: 6px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .footer_VOeeG .userName_g9rM- {
  color: #0c1024;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 118px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .arrow_1RrUD {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #91939c;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  height: 28px;
  display: none;
  cursor: pointer;
  z-index: 1;
  background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #eaf1fc 12.42%);
  padding-left: 24px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .primaryBtn_4VXLg {
  height: 28px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #2e73e5;
  font-size: 12px;
  padding: 5px 8px;
  color: white;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .primaryBtn_4VXLg.disabled_5EL0o {
  color: #ffffff !important;
  background-color: #abc7f5 !important;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .primaryBtn_4VXLg.disabled_5EL0o {
  pointer-events: none;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .primaryBtn_4VXLg:hover {
  background-color: var(--upime-primary-btn-hover-bg);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH {
  margin-left: 1px;
  position: relative;
  height: 28px;
  width: 24px;
  background-color: #2e73e5;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH .triangle_cQMsi {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white;
  transition: transform 0.2s linear;
  top: calc(50% - 2px);
  left: calc(50% - 4px);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH.open_9OBR- {
  background-color: #5798f2 !important;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH.open_9OBR- .triangle_cQMsi {
  transform: rotate(180deg);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH:hover {
  background-color: var(--upime-primary-btn-hover-bg);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O.active_jFqp6 {
  background-color: #eaf1fc;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O:hover {
  background-color: #eaf1fc;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O:hover .floatBtn_i0Iso {
  display: flex;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O.active_jFqp6 .floatBtn_i0Iso {
  display: flex;
}
.historyPageBox_sWZKQ .listBody_Vl-g3.hide_AETL1 {
  display: none;
}
.historyPageBox_sWZKQ .detailBody_vLQfk {
  flex: 1;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- {
  position: relative;
  padding: 20px;
  padding-top: 0;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .headerSect_SMOv1 {
  margin-top: 4px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .headerSect_SMOv1 .date_S2ku- {
  font-size: 14px;
  color: #0c1024;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .headerSect_SMOv1 .day_Mi0-e {
  margin: auto 8px;
  font-size: 14px;
  color: #0c1024;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .headerSect_SMOv1 .time_kCnQj {
  color: #0c1024;
  font-size: 14px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .content_Yhr-2 {
  color: #0c1024;
  font-size: 16px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .content_Yhr-2 .title_3APnJ {
  white-space: nowrap;
  margin-right: 48px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .footer_VOeeG {
  margin-top: 4px;
  display: flex;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .footer_VOeeG .creator_gyJvq {
  color: #0c1024;
  font-size: 12px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .footer_VOeeG .avatar_VDdoe {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  margin-left: 6px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .footer_VOeeG .userName_g9rM- {
  color: #0c1024;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 118px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .gengduo_QJHLH {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .greyline_BO-He {
  height: 8px;
  background-color: #f5f6f6;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud {
  flex: 1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .tabRow_gHm1h {
  display: flex;
  gap: 24px;
  padding: 12px 20px;
  font-size: 14px;
  color: #91939c;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .tabRow_gHm1h .tab_YAev2 {
  white-space: nowrap;
  line-height: 22px;
  cursor: pointer;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .tabRow_gHm1h .tab_YAev2.active_jFqp6 {
  color: #0c1024;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .tabRow_gHm1h .tab_YAev2.active_jFqp6 .blueline_npw-7 {
  height: 2px;
  width: 24px;
  border-radius: 2px;
  background-color: #2e73e5;
  margin: auto;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .transcriptDetail_np5MM {
  padding: 0 12px;
  flex: 1;
  overflow: auto;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .summaryDetail_MhcCJ {
  padding: 0 12px;
  flex: 1;
  overflow: auto;
  padding-bottom: 24px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .summaryDetail_MhcCJ .plusRow_BoVAl {
  display: flex;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 12px 16px 16px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG .action_GErUE {
  display: flex;
  white-space: nowrap;
  padding: 5px 12px;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #f5f6f6;
  cursor: pointer;
  line-height: 22px;
  justify-content: center;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG .action_GErUE.disable_9AP05 {
  pointer-events: none;
  color: #c2c3c8;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG .action_GErUE:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #f5f6f6;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG.shadow_nh-2J {
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .feedbackRoot_NGyAc {
  position: absolute;
  bottom: -45px;
  left: 12px;
  right: 12px;
  animation: slide-up-2_dSZH4 0.2s ease-out forwards 10s;
}
.submenuWrapper_VFc4q {
  top: calc(100% + 4px);
  z-index: 60;
  white-space: nowrap;
}
.submenuWrapper_VFc4q .submenu_ob1vC {
  min-width: 89px;
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.submenuWrapper_VFc4q .submenu_ob1vC .submenuRow_-AICA {
  cursor: pointer;
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  padding: 0 16px;
  min-width: 120px;
}
.submenuWrapper_VFc4q .submenu_ob1vC .submenuRow_-AICA.disabled_5EL0o {
  color: #dbdbdb;
  pointer-events: none;
}
.submenuWrapper_VFc4q .submenu_ob1vC .submenuRow_-AICA:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.submenuWrapper_VFc4q .submenu_ob1vC .deleteBtn_-uyFc {
  color: #fe5250;
}
.submenuWrapper_VFc4q .submenu_ob1vC .disabledBtn_uWuvq {
  color: rgba(254, 82, 80, 0.4);
  cursor: no-drop;
}
.submenuWrapper_VFc4q .submenu_ob1vC .disabledBtn_uWuvq:hover {
  background-color: transparent;
  background-color: initial;
}
.nocontent_VTiUG {
  text-align: center;
  margin-top: 100px;
}
.nocontent_VTiUG > img {
  width: 108px;
  margin-bottom: 8px;
}
.nocontent_VTiUG .wording_w-DtR {
  color: #424445;
  font-size: 14px;
}
.forbidAdd_TxU-U {
  cursor: no-drop;
  color: #c2c3c8;
}
.forbidAdd_TxU-U:hover {
  background-color: transparent;
  background-color: initial;
}
.startNewBt_vVFew {
  height: 30px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  color: #2e73e5;
  border: 1px solid #2e73e5;
  border-radius: 4px;
  cursor: pointer;
}
.addSummary_RAsjN {
  width: -moz-fit-content;
  width: fit-content;
  margin: 8px auto 0;
}
@keyframes slide-up-2_dSZH4 {
  100% {
    transform: translateY(-120px);
    transform: translateY(var(--feedbackPanelBottom, -120px));
  }
}

.upload_GkFeM {
  flex: 1;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.upload_GkFeM .previewBox_p0Hwa {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 {
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj {
  flex: 1;
  background-color: #f5f6f6;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .status_5xJyn {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: white;
  font-size: 12px;
  height: 20px;
  text-align: center;
  border-radius: 0 0 4px 4px;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .status_5xJyn.success_eNlEH {
  background-color: #67c23a;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .status_5xJyn.fail_LieTS {
  background-color: #fe5250;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .status_5xJyn.loading_5NAAH {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 246, 246, 0.5);
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .close_x65n1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 0 4px 0 4px;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .close_x65n1 .closeIcon_o-C3P {
  font-size: 14px;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .name_xgTwD {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.upload_GkFeM .previewBox_p0Hwa .insertItem_i5qMu {
  background-color: #f5f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.upload_GkFeM .previewBox_p0Hwa .insertItem_i5qMu::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 25%;
  background-color: #0c1024;
}
.upload_GkFeM .previewBox_p0Hwa .insertItem_i5qMu::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 25%;
  height: 2px;
  background-color: #0c1024;
}
.upload_GkFeM .uploadBtn_bnoJM {
  height: 44px;
}

.errorRoot_SiOyu {
  width: 100%;
  min-height: calc(30vh + 98px);
  padding-top: 30vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.errorRoot_SiOyu > svg {
  width: 48px;
  height: 48px;
}
.errorRoot_SiOyu > h1 {
  margin-top: 24px;
  line-height: 26px;
  font-size: 18px;
  color: var(--text-main-color);
}
.progressCon_V92S8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.progressCon_V92S8 canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.border_26B6y {
  position: absolute;
  background: #5c6474;
  display: flex;
}
.mirror_zwm1a video,
.mirror_zwm1a canvas {
  transform: rotateY(180deg);
}

.root_UW3UV {
  width: 40px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.root_UW3UV svg {
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.root_UW3UV.active_JfCs8 {
  color: #2e73e5;
}
.root_UW3UV:hover {
  color: #2e73e5;
}
.root_UW3UV.phoneMode_FMIb- {
  width: 44px;
  height: 44px;
}
.gdIcon_KSkAw {
  width: 24px;
  height: 24px;
}
.createContainer_6-l0q {
  position: relative;
  height: 100%;
  overflow: auto;
}
.createContainer_6-l0q .head_wel5H {
  height: 64px;
  padding: 17px 24px;
  display: flex;
  justify-content: space-between;
}
.createContainer_6-l0q .head_wel5H > span {
  font-size: 20px;
}
.createContainer_6-l0q .head_wel5H .iconBtn_eaokr {
  cursor: pointer;
}
.createContainer_6-l0q .head_wel5H .iconBtn_eaokr:hover {
  color: #2e73e5;
}
.createContainer_6-l0q .body_BUKcJ {
  padding: 12px 24px;
  display: flex;
  height: calc(100% - 56px);
  flex-direction: column;
  overflow: auto;
}
.createContainer_6-l0q .body_BUKcJ::-webkit-scrollbar {
  width: 4px;
}
.createContainer_6-l0q .body_BUKcJ::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.createContainer_6-l0q .body_BUKcJ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c2c3c8;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm {
  margin-bottom: 48px;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm > div:first-child {
  font-size: 16px;
  margin-bottom: 12px;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm > svg {
  width: 22px;
  height: 22px;
  position: relative;
  top: 7px;
  cursor: pointer;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm input {
  width: 60px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  margin-left: 16px;
  margin-right: 16px;
  text-align: center;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm input:focus {
  border: 1px solid #2e73e5;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE {
  margin-bottom: 48px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE > div:first-child {
  font-size: 16px;
  margin-bottom: 4px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE > div:nth-child(2) {
  color: #91939c;
  font-size: 14px;
  margin-bottom: 12px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD {
  width: 292px;
  height: 64px;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 64px;
  font-size: 14px;
  text-decoration: underline;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  cursor: pointer;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD:hover {
  border: 1px solid #2e73e5;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD > span {
  width: 216px;
  height: 64px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .lianjie_mIy6- {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  position: relative;
  top: -25px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .iconBox_m7iit {
  position: absolute;
  right: 16px;
  top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border-radius: 2px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .iconBox_m7iit .guanbi_36jIP {
  width: 14px;
  height: 14px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .iconBox_m7iit:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .nameTip_8TrF3 {
  color: #2e73e5;
  text-decoration: underline;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH {
  margin-bottom: 12px;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH > div:first-child {
  font-size: 16px;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH .row_2rd7p {
  margin-top: 8px;
  font-size: 14px;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH .row_2rd7p label {
  cursor: pointer;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH .row_2rd7p input {
  position: relative;
  top: 1px;
  margin-right: 8px;
  cursor: pointer;
  accent-color: #0168ff;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH .modedesc_0HMrZ {
  width: 292px;
  line-height: 22px;
  color: #91939c;
  font-size: 12px;
  padding-left: 25px;
  word-break: break-word;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV {
  border-top: 1px solid #e6e7e9;
  padding: 12px 0px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .presetTitle_ut86Q {
  font-size: 14px;
  line-height: 22px;
  color: #0c1024;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .presetSubTitle_NqKmm {
  font-size: 12px;
  line-height: 20px;
  color: #91939c;
  margin-bottom: 6px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- {
  border-radius: 2px;
  background-color: #f5f6f6;
  padding: 12px 0px;
  display: flex;
  flex-direction: column;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .noGroup_vU21Y {
  color: #424454;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px 12px;
  cursor: pointer;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU input {
  cursor: pointer;
  margin: 0;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU label {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  cursor: pointer;
  flex: 1;
  color: #0c1024;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU:hover,
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU.active_JfCs8 {
  background-color: rgba(0, 0, 0, 0.06);
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU:hover .deleteStreak_pzms7,
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU.active_JfCs8 .deleteStreak_pzms7 {
  display: flex;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU .deleteStreak_pzms7 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
  background-color: #e6e7e9;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU .deleteStreak_pzms7 .deleteBox_KXPm7 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU .deleteStreak_pzms7:hover .deleteBox_KXPm7 {
  background-color: rgba(0, 0, 0, 0.06);
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp {
  width: 205px;
  height: 104px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
  position: absolute;
  right: -15px;
  bottom: calc(100% + 15px);
  z-index: 1;
  padding: 14px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp svg {
  width: 18px;
  height: 18px;
  color: #fe5250;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM {
  margin-top: 24px;
  text-align: right;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM div {
  display: inline-block;
  width: 50px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  cursor: pointer;
  margin-left: 8px;
  font-size: 12px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM .cancelBtn_-jAwc:hover {
  color: #5798f2;
  border-color: #5798f2;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM .deleteBtn_j-NSt {
  background-color: #fe5250;
  color: #fff;
  border: none;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM .deleteBtn_j-NSt:hover {
  background-color: #ff7f78;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .triangle_2yjXr {
  position: absolute;
  bottom: -10px;
  right: 18px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}
.createContainer_6-l0q .createBtnBox_DASe5 {
  justify-content: flex-end;
  align-items: center;
  height: 44px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
}
.createContainer_6-l0q .createBtnBox_DASe5 .createBtn_ZF3dr {
  position: static;
  width: 292px;
  height: 44px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
}
.createContainer_6-l0q .createBtnBox_DASe5 .createBtn_ZF3dr:hover {
  background-color: #5798f2;
}
.createContainer_6-l0q .createBtnBox_DASe5 .createBtn_ZF3dr.diabled_xl6H- {
  opacity: 0.5;
  cursor: no-drop;
  background-color: #2e73e5;
}
.scrollBar_gJ20z::-webkit-scrollbar {
  width: 4px;
}
.scrollBar_gJ20z::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.scrollBar_gJ20z::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c2c3c8;
}
.listContainer_ke16U {
  height: calc(100% - 60px);
  padding-left: 24px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
}
.listContainer_ke16U .bukelikai_TuGZu {
  margin-bottom: 13px;
}
.listContainer_ke16U .bukelikai_TuGZu > svg {
  width: 18px;
  height: 18px;
  color: #ffa519;
  margin-right: 4px;
  position: relative;
  top: 3px;
}
.listContainer_ke16U .bukelikai_TuGZu > span {
  color: #91939c;
  font-size: 14px;
}
.listContainer_ke16U .shuomin_joY9i {
  color: #91939c;
  font-size: 14px;
  margin-bottom: 10px;
  word-break: break-word;
}
.listContainer_ke16U .opBar_vFm2a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.listContainer_ke16U .opBar_vFm2a .countBox_BF7yI {
  font-size: 16px;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  margin-right: 4px;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2:hover,
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2.active_JfCs8 {
  background-color: rgba(0, 0, 0, 0.06);
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2.disable_sixSj {
  pointer-events: none;
  opacity: 0.6;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .gengduoDropdown_tyOAW {
  position: absolute;
  top: calc(100% + 5px);
  right: -4px;
  padding: 8px 0px;
  background-color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .gengduoDropdown_tyOAW .bar_pR1w0 {
  padding: 9px 16px;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .gengduoDropdown_tyOAW .bar_pR1w0:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn {
  position: absolute;
  bottom: 35px;
  right: -15px;
  padding: 10px 12px;
  border-radius: 4px;
  display: flex;
  gap: 8px;
  align-items: center;
  background-color: #000;
  white-space: nowrap;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .text_1VwMO {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .verticalLine_1g3-L {
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.45);
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .closeBox_PuYw3 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .closeBox_PuYw3 > svg {
  color: rgba(255, 255, 255, 0.65);
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .triangle_2yjXr {
  position: absolute;
  bottom: -8px;
  right: 18px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}
.listContainer_ke16U .opBar_vFm2a .rechooseBox_KIv18 {
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 14px;
  color: #2e73e5;
  cursor: pointer;
}
.listContainer_ke16U .opBar_vFm2a .rechooseBox_KIv18.disable_sixSj {
  pointer-events: none;
  opacity: 0.6;
}
.listContainer_ke16U .groupArea_74C1g {
  margin-bottom: 24px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
}
.listContainer_ke16U .groupArea_74C1g::-webkit-scrollbar {
  width: 4px;
}
.listContainer_ke16U .groupArea_74C1g::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.listContainer_ke16U .groupArea_74C1g::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c2c3c8;
}
.listContainer_ke16U .groupArea_74C1g.notManager_-b3j6 {
  height: 100%;
}
.listContainer_ke16U .plusRow_6--ay {
  text-align: center;
}
.listContainer_ke16U .plusRow_6--ay > svg {
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.listContainer_ke16U .actionRow_Yb0zB {
  margin-bottom: 24px;
}
.listContainer_ke16U .actionRow_Yb0zB > div {
  display: inline-block;
}
.listContainer_ke16U .actionRow_Yb0zB .btn_Kb3K9 {
  width: 140px;
  height: 36px;
  border-radius: 4px;
  text-align: center;
  line-height: 36px;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
}
.listContainer_ke16U .actionRow_Yb0zB .jiesan_XC-ks {
  color: #fe5250;
  border: 1px solid #fe5250;
  margin-right: 12px;
}
.listContainer_ke16U .actionRow_Yb0zB .jiesan_XC-ks:hover {
  opacity: 0.8;
}
.listContainer_ke16U .actionRow_Yb0zB .kaishi_ftmD1 {
  background-color: #2e73e5;
  color: #fff;
}
.listContainer_ke16U .actionRow_Yb0zB .kaishi_ftmD1:hover {
  background-color: #5798f2;
}
.listContainer_ke16U .actionRow_Yb0zB .kaishi_ftmD1.disabled_aSO1i {
  opacity: 0.5;
  cursor: not-allowed;
}
.listContainer_ke16U .actionRow_Yb0zB .kaishi_ftmD1.disabled_aSO1i:hover {
  background-color: #2e73e5;
}
.savePresetModal_-oZGr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 12px;
  padding: 24px 40px;
  width: 520px;
}
.savePresetModal_-oZGr .headerBar_Wf-aF {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 24px;
}
.savePresetModal_-oZGr .descBar_ZAg8y {
  font-size: 14px;
  line-height: 22px;
  color: #424454;
  margin-bottom: 8px;
}
.savePresetModal_-oZGr .inputRow_oEK1W {
  position: relative;
}
.savePresetModal_-oZGr .inputRow_oEK1W .inputBar_8dfGU {
  padding: 11px 12px;
  padding-right: 30px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  margin-bottom: 24px;
  width: 100%;
}
.savePresetModal_-oZGr .inputRow_oEK1W .inputBar_8dfGU:hover,
.savePresetModal_-oZGr .inputRow_oEK1W .inputBar_8dfGU:focus {
  border: 1px solid #2e73e5;
}
.savePresetModal_-oZGr .inputRow_oEK1W .clearInput_H8uDD {
  position: absolute;
  right: 4px;
  top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  border-radius: 2px;
}
.savePresetModal_-oZGr .inputRow_oEK1W .clearInput_H8uDD svg {
  color: #c2c3c8;
}
.savePresetModal_-oZGr .inputRow_oEK1W .clearInput_H8uDD:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.savePresetModal_-oZGr .actionBar_VOmQi {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.savePresetModal_-oZGr .actionBar_VOmQi .cancelBtn_-jAwc {
  min-width: 72px;
  padding: 8px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  cursor: pointer;
}
.savePresetModal_-oZGr .actionBar_VOmQi .cancelBtn_-jAwc:hover {
  border-color: #5798f2;
  color: #5798f2;
}
.savePresetModal_-oZGr .actionBar_VOmQi .saveBtn_kOEH7 {
  min-width: 72px;
  padding: 8px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  cursor: pointer;
}
.savePresetModal_-oZGr .actionBar_VOmQi .saveBtn_kOEH7:hover {
  background-color: #5798f2;
}
.savePresetModal_-oZGr .actionBar_VOmQi .saveBtn_kOEH7.disabled_aSO1i {
  pointer-events: none;
  background-color: #ABC7F5;
}
.savePresetModal_-oZGr .closeBox_PuYw3 {
  position: absolute;
  right: 12px;
  top: 12px;
  border-radius: 2px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.savePresetModal_-oZGr .closeBox_PuYw3:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.savePresetModal_-oZGr.hide_J6axZ {
  visibility: hidden;
}
.replaceConfirmModal_IrHp1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.replaceConfirmModal_IrHp1 .jingshiIconBox_VSsYy {
  display: flex;
  justify-content: center;
  align-items: center;
}
.replaceConfirmModal_IrHp1 .jingshiIconBox_VSsYy > svg {
  color: #ffa519;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .headerBar_Wf-aF {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 8px;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .descBar_ZAg8y {
  font-size: 14px;
  line-height: 22px;
  color: #424454;
  margin-bottom: 24px;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .cancelBtn_-jAwc {
  min-width: 72px;
  padding: 8px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  cursor: pointer;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .cancelBtn_-jAwc:hover {
  border-color: #5798f2;
  color: #5798f2;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .saveBtn_kOEH7 {
  min-width: 72px;
  padding: 8px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  cursor: pointer;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .saveBtn_kOEH7:hover {
  background-color: #5798f2;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .saveBtn_kOEH7.disabled_aSO1i {
  pointer-events: none;
  background-color: #ABC7F5;
}
.groupContainer_pRsHa {
  width: 292px;
  height: 120px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #dbdbde;
  padding: 12px 16px;
  margin-bottom: 8px;
}
.groupContainer_pRsHa.noSelected_-RaBe {
  background-color: #fff;
  border: 1px solid #dbdbde;
}
.groupContainer_pRsHa.selected_Al0yv {
  border: 1px solid #2e73e5 !important;
}
.groupContainer_pRsHa.selected_Al0yv {
  background-color: #eaf1fc;
}
.groupContainer_pRsHa .name_rU2b8 {
  font-size: 14px;
  margin-bottom: 4px;
  position: relative;
}
.groupContainer_pRsHa .name_rU2b8 .text_1VwMO {
  display: inline-block;
  border: none;
  background-color: transparent;
  background-color: initial;
  width: 168px;
  height: 26px;
  border-radius: 4px;
  padding: 2px 26px 2px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 {
  position: absolute;
  right: 2px;
  top: 0px;
  display: flex;
  gap: 4px;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .iconBox_m7iit {
  padding: 5px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp {
  width: 205px;
  height: 104px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  z-index: 1;
  padding: 14px;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp svg {
  width: 18px;
  height: 18px;
  color: #fe5250;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp .action_mEJKM {
  margin-top: 24px;
  text-align: right;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp .action_mEJKM div {
  display: inline-block;
  width: 50px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  cursor: pointer;
  margin-left: 8px;
  font-size: 12px;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp .action_mEJKM div:hover {
  opacity: 0.7;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp .action_mEJKM > div:last-child {
  background-color: #fe5250;
  color: #fff;
  border: none;
}
.groupContainer_pRsHa .name_rU2b8 .clearInput_H8uDD {
  position: absolute;
  right: 98px;
  top: 7px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #c2c3c8;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.groupContainer_pRsHa .name_rU2b8 .clearInput_H8uDD svg {
  color: white;
  width: 10px;
  height: 10px;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI {
  position: absolute;
  right: 0;
  top: 0px;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.leave_r8O0R {
  border: 1px solid #2e73e5;
  color: #2e73e5;
  background-color: #fff;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.leave_r8O0R:hover {
  opacity: 0.7;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.join_KCKnk {
  border: 1px solid #e6e7e9;
  background-color: #fff;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.join_KCKnk:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.lianmai_2oeJ4 {
  background-color: #2e73e5;
  color: #fff;
  border: 1px solid #2e73e5;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.lianmai_2oeJ4:hover {
  opacity: 0.7;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.disable_sixSj {
  pointer-events: none;
  display: flex;
  top: 1px;
  padding-left: 14px;
  padding-right: 14px;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.disable_sixSj > svg {
  font-size: 16px;
}
.groupContainer_pRsHa .name_rU2b8 .oncalltip_2INch {
  color: #2e73e5;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 3px;
}
.groupContainer_pRsHa .content_XQo1i {
  font-size: 14px;
  height: 30px;
  margin-bottom: 8px;
  padding-left: 4px;
  display: flex;
  align-items: center;
}
.groupContainer_pRsHa .content_XQo1i .frameName_dn6BN {
  max-width: 200px;
  height: 21px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 8px;
}
.groupContainer_pRsHa .content_XQo1i .lianjie_mIy6- {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.groupContainer_pRsHa .content_XQo1i .iconBox_m7iit {
  padding: 4px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.groupContainer_pRsHa .content_XQo1i .iconBox_m7iit .guanbi_36jIP {
  color: #91939c;
}
.groupContainer_pRsHa .content_XQo1i .iconBox_m7iit:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.groupContainer_pRsHa .content_XQo1i .noContent_VHpB9 {
  color: #2e73e5;
  font-size: 14px;
  cursor: pointer;
  line-height: 22px;
  max-width: 150px;
  padding: 4px 8px;
  border-radius: 2px;
  margin-left: -8px;
}
.groupContainer_pRsHa .content_XQo1i .noContent_VHpB9.notManager_-b3j6 {
  color: #abc7f5;
  cursor: auto;
}
.groupContainer_pRsHa .users_53yLS {
  position: relative;
  padding-left: 4px;
}
.groupContainer_pRsHa .users_53yLS .members_YTQr7 {
  width: 168px;
}
.groupContainer_pRsHa .users_53yLS .members_YTQr7 .member_lRaVU {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.groupContainer_pRsHa .users_53yLS .members_YTQr7 .member_lRaVU .moreCircle_oiHYW {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  background-color: #ececee;
  border-radius: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #ececee;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0 {
  width: 240px;
  max-height: 256px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 8px 16px;
  position: absolute;
  z-index: 1;
  overflow: auto;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0::-webkit-scrollbar {
  width: 4px;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c2c3c8;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0 .row_2rd7p {
  display: flex;
  padding: 8px 0;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0 .row_2rd7p > div {
  margin-right: 12px;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0 .row_2rd7p > span {
  flex: 1;
  align-self: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.groupContainer_pRsHa .users_53yLS .addUser_MAzg3 {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0px;
  cursor: pointer;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 {
  width: 280px;
  max-height: 400px;
  padding: 18px 15px 0px 15px;
  border-radius: 4px;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  right: -10px;
  top: 36px;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);
  overflow: auto;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9::-webkit-scrollbar {
  width: 4px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c2c3c8;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .tabBar_1PgB1 {
  display: flex;
  width: 246px;
  background-color: #ececee;
  border-radius: 2px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .tabBar_1PgB1 > div {
  flex: 1;
  border-radius: 2px;
  height: 36px;
  font-size: 14px;
  line-height: 32px;
  color: #0c1024;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET {
  margin-top: 10px;
  position: relative;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET > svg {
  position: absolute;
  top: 7px;
  left: 12px;
  color: #979797;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET input {
  width: 248px;
  height: 36px;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  padding-left: 40px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET input::-moz-placeholder {
  color: #c2c3c8;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET input::placeholder {
  color: #c2c3c8;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET input:focus {
  border: 1px solid #2e73e5;
  box-shadow: 0px 0px 0px 2px rgba(46, 115, 229, 0.16);
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET .clearInput_H8uDD {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #c2c3c8;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET .clearInput_H8uDD svg {
  color: white;
  width: 10px;
  height: 10px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 {
  padding: 14px 0px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .benzuRow_ORG7l {
  height: 44px;
  padding: 6px 0px;
  position: relative;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .benzuRow_ORG7l .iconBox_m7iit {
  padding: 6px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 8px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .benzuRow_ORG7l .iconBox_m7iit:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .avatar_hOxCb {
  display: inline-block;
  border-radius: 50%;
  margin-right: 12px;
  position: relative;
  bottom: 6px;
  border-color: #fff;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .userName_KnUt5 {
  display: inline-block;
  vertical-align: 12px;
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .subtitle_9hb5q {
  color: #91939c;
  font-size: 14px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .otherRow_aAdCe {
  padding-top: 10px;
  position: relative;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .otherRow_aAdCe:hover {
  color: #2e73e5;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .noResult_2smjm {
  font-size: 14px;
  text-align: center;
  margin: 10px;
}
.whiteBorder_kPOqx {
  border-color: #fff !important;
  border-width: 1px !important;
}
.whiteBorder_kPOqx {
  width: 28px;
  height: 28px;
}
.chooseTipContainer_Yhj5P {
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 8px 18px;
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
  font-size: 14px;
  z-index: 2;
  pointer-events: auto;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.chooseTipContainer_Yhj5P > div {
  display: inline-block;
  position: relative;
}
.chooseTipContainer_Yhj5P .divider_R-w19 {
  width: 1px;
  height: 20px;
  background-color: #d8d8d8;
}
.chooseTipContainer_Yhj5P .tuichu_vFTQZ {
  width: 60px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e6e7e9;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  color: #fe5250;
  border-color: #fe5250;
}
.chooseTipContainer_Yhj5P .tuichu_vFTQZ:hover {
  opacity: 0.7;
}
.infoBar_gBUOC {
  display: flex;
  font-size: 14px;
  align-items: center;
  margin-bottom: 20px;
  gap: 24px;
}
.infoBar_gBUOC .creatorBox_N3qGK {
  display: flex;
  align-items: center;
}
.infoBar_gBUOC .creatorBox_N3qGK .avatar_hOxCb {
  width: 22px;
  height: 22px;
  border-radius: 22px;
  margin-right: 4px;
}
.infoBar_gBUOC .creatorBox_N3qGK .nameBox_SHNXY {
  max-width: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.infoBar_gBUOC .timerContainer_XBBAm {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #91939c;
}
.infoBar_gBUOC .timerContainer_XBBAm > svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  position: relative;
}
.infoBar_gBUOC .timerContainer_XBBAm .daikaishi_tzpbk {
  color: #0c1024;
}
.talkReminderToastContainer_Lo7o3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  gap: 16px;
}
.talkReminderToastContainer_Lo7o3 .msgBox_B2pqQ {
  text-align: left;
  word-break: break-word;
}
.talkReminderToastContainer_Lo7o3 .actionBox_1C3Ch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.talkReminderToastContainer_Lo7o3 .actionBox_1C3Ch .ruhecaozuo_lHUvr {
  white-space: nowrap;
}
.talkReminderToastContainer_Lo7o3 .actionBox_1C3Ch > svg {
  width: 16px;
  height: 16px;
  color: #fff;
  cursor: pointer;
}
.offline_ZVkeu {
  opacity: 0.4;
}
.endTalk_-ZTj6 {
  width: 292px;
  height: 44px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #fe5250;
  text-align: center;
  color: #fe5250;
  line-height: 44px;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 24px;
}
.endTalk_-ZTj6:hover {
  opacity: 0.8;
}
.modalBox_VZqEu {
  width: 480px;
  border-radius: 8px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
}
.modalBox_VZqEu .contentRow_ttCnW {
  margin-bottom: 54px;
}
.modalBox_VZqEu .contentRow_ttCnW > svg {
  width: 28px;
  height: 28px;
  margin-right: 14px;
  color: #ffa519;
  position: relative;
  top: 5px;
}
.modalBox_VZqEu .contentRow_ttCnW > span {
  font-size: 20px;
  font-weight: 600;
}
.modalBox_VZqEu .actionsRow_1DwW1 {
  text-align: right;
}
.modalBox_VZqEu .actionsRow_1DwW1 > button {
  width: 72px;
  height: 40px;
  border-radius: 4px;
  margin-left: 12px;
  cursor: pointer;
}
.modalBox_VZqEu .actionsRow_1DwW1 > button:hover {
  opacity: 0.7;
}
.modalBox_VZqEu .actionsRow_1DwW1 > button:first-child {
  background-color: #ffffff;
  border: 1px solid #e6e7e9;
}
.modalBox_VZqEu .actionsRow_1DwW1 > button:last-child {
  background-color: #fe5250;
  border: none;
  color: #fff;
}
.noPermisionContainer_cM-iv {
  padding: 0 24px;
  text-align: center;
  margin-top: 190px;
}
.noPermisionContainer_cM-iv .imgBox_IKZJL > img {
  width: 140px;
}
.noPermisionContainer_cM-iv .textBox_X0HR7 {
  font-size: 14px;
}
.groupTalkIcon {
  width: 24px !important;
  height: 42px !important;
}
.do-hovers .rechooseBox_KIv18:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .noContent_VHpB9:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconBox_m7iit:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw {
  bottom: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  padding-right: 12px;
  pointer-events: auto;
}
.toolbarBox_bx5Xw .miniCtrlBox_19qJm {
  padding: 2px;
  border-right: 1px solid #e6e7e9;
  display: flex;
  align-items: center;
}
.toolbarBox_bx5Xw .miniCtrlBox_19qJm .miniIconBox_77ApB {
  height: 40px;
  cursor: pointer;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.toolbarBox_bx5Xw .miniCtrlBox_19qJm .miniIconBox_77ApB > svg {
  color: #616371;
}
.toolbarBox_bx5Xw .miniCtrlBox_19qJm .miniIconBox_77ApB:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw .actionBar_VOmQi {
  display: flex;
  padding-left: 6px;
  gap: 4px;
  align-items: center;
  white-space: nowrap;
}
.toolbarBox_bx5Xw .infoBox_sFLqR {
  display: flex;
  flex-direction: column;
  padding: 5px 2px;
}
.toolbarBox_bx5Xw .infoBox_sFLqR .text_1VwMO {
  color: #000;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 14px;
}
.toolbarBox_bx5Xw .infoBox_sFLqR .timing_eeL1l {
  color: #91939c;
  font-size: 12px;
  line-height: 12px;
}
.toolbarBox_bx5Xw .backtoframe_AoRW9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2px 4px 4px 4px;
  border-radius: 2px;
  cursor: pointer;
}
.toolbarBox_bx5Xw .backtoframe_AoRW9 > svg {
  font-size: 20px;
}
.toolbarBox_bx5Xw .backtoframe_AoRW9 > span {
  font-size: 10px;
  margin-top: 2px;
  color: #303445;
  line-height: 12px;
}
.toolbarBox_bx5Xw .backtoframe_AoRW9:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw .leaveBtn_r09On {
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #fe5250;
  color: #fe5250;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  margin-left: 6px;
}
.toolbarBox_bx5Xw .leaveBtn_r09On:hover {
  opacity: 0.7;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v {
  display: flex;
  border-radius: 2px;
  cursor: pointer;
  margin-left: 8px;
  padding: 2px 4px 4px 4px;
  position: relative;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .iconBox_m7iit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .iconBox_m7iit > svg {
  font-size: 20px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .iconBox_m7iit > span {
  font-size: 10px;
  color: #303445;
  line-height: 12px;
  margin-top: 2px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- {
  bottom: calc(100% + 6px);
  width: 400px;
  border-radius: 4px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  padding-bottom: 4px;
  color: #0c1024;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 {
  display: flex;
  flex-direction: row;
  height: 24px;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin: 0 16px;
  margin-right: 8px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .actionBox_1C3Ch {
  display: flex;
  align-items: center;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .mainText_Oe0Ti {
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  font-weight: 600;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .mainText_Oe0Ti .renshu_o6ZhA {
  font-size: 14px;
  color: #616371;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .closeBtnBox_Omzp5 {
  display: flex;
  padding: 6px;
  border-radius: 2px;
  cursor: pointer;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .closeBtnBox_Omzp5:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .closeIcon_TnzkP {
  width: 20px;
  height: 20px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR .header_ZwLL- {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #0c1024;
  margin-bottom: 12px;
  padding: 0 16px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0 {
  flex: 1;
  background: #f5f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  cursor: pointer;
  border-radius: 2px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0 span {
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0.active_JfCs8 {
  background: #2e73e5;
  color: white;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 {
  overflow: auto;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin: 4px 0;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW {
  display: flex;
  align-items: center;
  gap: 8px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF {
  display: flex;
  flex-direction: column;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .nameBox_SHNXY {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .name_rU2b8 {
  font-size: 15px;
  line-height: 22px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .note_sdVt5 {
  font-size: 13px;
  line-height: 18px;
  color: #91939c;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut {
  display: flex;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit {
  padding: 9px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit .icon_yLMaD {
  cursor: pointer;
  font-size: 18px;
  position: relative;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit .icon_yLMaD.disabled_aSO1i {
  pointer-events: none;
  color: #c2c3c8;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy .onCall_dfOpx {
  font-size: 14px;
  color: #2e73e5;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .divider_R-w19 {
  height: 30px;
  line-height: 30px;
  background-color: #f5f6f6;
  font-size: 12px;
  padding-left: 16px;
  margin-left: -16px;
  margin-right: -16px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .fullContainer_r6-2v {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .fullContainer_r6-2v > span {
  color: #c2c3c8;
  font-size: 14px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v.active_JfCs8 {
  background-color: #eaf1fc;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v.active_JfCs8 .iconBox_m7iit {
  color: #2e73e5;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v.active_JfCs8 .iconBox_m7iit span {
  color: #2e73e5;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v.active_JfCs8:hover {
  background-color: #eaf1fc;
}
.toolbarBox_bx5Xw .onCallBox_8-YbX {
  cursor: pointer;
  padding: 2px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2e73e5;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}
.toolbarBox_bx5Xw .onCallBox_8-YbX > svg {
  width: 18px;
  height: 16px;
}
.toolbarBox_bx5Xw .onCallBox_8-YbX:hover[\:not-has\(.lianmaiTipContainer\:hover\)] {
  background-color: rgba(46, 115, 229, 0.7);
}
.toolbarBox_bx5Xw .onCallBox_8-YbX:hover:not(:has(.lianmaiTipContainer_aDBIL:hover)) {
  background-color: rgba(46, 115, 229, 0.7);
}
.toolbarBox_bx5Xw.miniMode_TVtTi {
  border: 1px solid #c7d2e4;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .miniCtrlBox_19qJm .miniIconBox_77ApB {
  height: 28px;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .miniCtrlBox_19qJm .miniIconBox_77ApB > svg {
  transform: rotate(180deg);
}
.toolbarBox_bx5Xw.miniMode_TVtTi .actionBar_VOmQi {
  gap: 12px;
  height: 32px;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .infoBox_sFLqR {
  flex-direction: row;
  align-items: center;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .infoBox_sFLqR .text_1VwMO {
  margin-bottom: 0;
  margin-bottom: initial;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .backtoframe_AoRW9 {
  padding: 2px;
  flex-direction: row;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .backtoframe_AoRW9 > svg {
  margin-top: 0;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .memberCtrlBox_SHI5v {
  margin-left: 0;
  padding: 2px;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .memberCtrlBox_SHI5v .iconBox_m7iit > svg {
  margin-top: 0;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .leaveBtn_r09On {
  padding: 2px 7px;
  margin-left: -4px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 {
  border: none;
  padding: 0 6px;
  gap: 8px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .actionBar_VOmQi {
  gap: 8px;
  padding-left: 0;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .infoBox_sFLqR {
  margin-left: 0;
  margin-left: initial;
  padding: 6px;
  gap: 4px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .infoBox_sFLqR .text_1VwMO {
  margin-right: 0;
  margin-right: initial;
  line-height: 14px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .infoBox_sFLqR .timing_eeL1l {
  line-height: 14px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .memberCtrlBox_SHI5v {
  margin-left: 0 !important;
  margin-left: initial !important;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .memberCtrlBox_SHI5v {
  padding: 0;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .memberCtrlBox_SHI5v .iconBox_m7iit {
  padding: 8px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .memberCtrlBox_SHI5v .iconBox_m7iit > svg {
  font-size: 28px;
  margin-top: 0;
  margin-top: initial;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .backtoframe_AoRW9 {
  padding: 8px;
  margin-left: 0;
  margin-left: initial;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .backtoframe_AoRW9 > svg {
  font-size: 28px;
  margin-top: 0;
  margin-top: initial;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .onCallBox_8-YbX {
  padding: 9px 12px;
  font-size: 14px;
  margin-left: 0;
  margin-left: initial;
  border: 1px solid #2e73e5;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .leaveBtn_r09On {
  padding: 9px 12px;
  margin-left: 0;
  margin-left: initial;
  font-size: 14px;
  line-height: 20px;
}
.rtclistRoot_D7fb- {
  pointer-events: auto;
}
.hide_J6axZ {
  visibility: hidden;
}
.lianmaiTipContainer_aDBIL {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
  padding: 10px 12px;
  border-radius: 4px;
  display: flex;
  gap: 8px;
  align-items: center;
  background-color: #000;
  white-space: nowrap;
}
.lianmaiTipContainer_aDBIL.bigscreen_jc8cx {
  bottom: 55px;
}
.lianmaiTipContainer_aDBIL .text_1VwMO {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
.lianmaiTipContainer_aDBIL .verticalLine_1g3-L {
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.45);
}
.lianmaiTipContainer_aDBIL .closeBox_PuYw3 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.lianmaiTipContainer_aDBIL .closeBox_PuYw3 > svg {
  color: rgba(255, 255, 255, 0.65);
}
.lianmaiTipContainer_aDBIL .triangle_2yjXr {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}
.callModal_-3rX8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  padding: 24px;
  border-radius: 12px;
  background-color: #fff;
}
.callModal_-3rX8 .titleRow_hahL5 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.callModal_-3rX8 .titleRow_hahL5 > svg {
  margin-right: 12px;
  font-size: 28px;
  color: #ffa519;
  align-self: flex-start;
}
.callModal_-3rX8 .titleRow_hahL5 .title_zm6j4 {
  font-size: 20px;
  font-weight: 500;
}
.callModal_-3rX8 .subtitleRow_pi57H {
  margin-bottom: 24px;
}
.callModal_-3rX8 .subtitleRow_pi57H > span {
  color: #616371;
  font-size: 14px;
  margin-left: 40px;
}
.callModal_-3rX8 .actionRow_Yb0zB {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.callModal_-3rX8 .actionRow_Yb0zB > div {
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.callModal_-3rX8 .actionRow_Yb0zB .later_u2JyM {
  border: 1px solid #dbdbde;
  color: #0c1024;
}
.callModal_-3rX8 .actionRow_Yb0zB .enable_ETBPT {
  background-color: #2e73e5;
  color: #fff;
}
.enterModalBox_HcWYZ {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  border-radius: 12px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 440px;
}
.enterModalBox_HcWYZ .titlebar_vHfLJ {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}
.enterModalBox_HcWYZ .subtitlebar_eWCae {
  color: #616371;
  font-size: 14px;
  word-break: break-word;
  margin-bottom: 24px;
}
.enterModalBox_HcWYZ .actionbar_oLKBp {
  display: flex;
  justify-content: flex-end;
}
.enterModalBox_HcWYZ .actionbar_oLKBp .okbtn_Gp3Gg {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.enterModalBox_HcWYZ .actionbar_oLKBp .okbtn_Gp3Gg:hover {
  opacity: 0.7;
}
.talkingToolbarHidden_Re61A {
  visibility: hidden;
  position: absolute;
  z-index: 0;
  bottom: -52px;
}
.moreCtrlRoot_aN9dz {
  position: relative;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  padding: 2px 4px 4px 4px;
  min-width: 40px;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts > svg {
  font-size: 20px;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts span {
  line-height: 12px;
  font-size: 10px;
  margin-top: 2px;
  color: #303445;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.active_JfCs8 {
  color: #2e73e5;
  background-color: #eaf1fc;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.active_JfCs8 span {
  color: #2e73e5;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.active_JfCs8:hover {
  background-color: #eaf1fc;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.miniMode_TVtTi {
  min-width: 0;
  min-width: initial;
  padding: 2px;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.noLabelMode_Sq4JS {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j {
  min-width: 168px;
  width: -moz-max-content;
  width: max-content;
  bottom: calc(100% + 6px);
  top: auto;
  top: initial;
  padding: 8px 0px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .row_2rd7p {
  display: flex;
  gap: 8px;
  padding: 8px 16px;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .row_2rd7p .icon_yLMaD {
  font-size: 24px;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .row_2rd7p .text_1VwMO {
  font-size: 14px;
  color: #303445;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .row_2rd7p:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .onCallBox_8-YbX,
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .leaveBtn_r09On {
  margin: 8px 16px;
  margin-bottom: 0px;
  padding: 6px 8px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml {
  width: 400px;
  height: 520px;
  bottom: calc(100% + 6px);
  top: auto;
  top: initial;
  padding: 8px 0px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 4px;
  color: #0c1024;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 {
  display: flex;
  flex-direction: row;
  height: 24px;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin: 0 16px;
  margin-right: 8px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .actionBox_1C3Ch {
  display: flex;
  align-items: center;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .mainText_Oe0Ti {
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  font-weight: 600;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .closeBtnBox_Omzp5 {
  display: flex;
  padding: 6px;
  border-radius: 2px;
  cursor: pointer;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .closeBtnBox_Omzp5:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .closeIcon_TnzkP {
  width: 20px;
  height: 20px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR .header_ZwLL- {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #0c1024;
  margin-bottom: 12px;
  padding: 0 16px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0 {
  flex: 1;
  background: #f5f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  cursor: pointer;
  border-radius: 2px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0 span {
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0.active_JfCs8 {
  background: #2e73e5;
  color: white;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 {
  overflow: auto;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin: 4px 0;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW {
  display: flex;
  align-items: center;
  gap: 8px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF {
  display: flex;
  flex-direction: column;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .nameBox_SHNXY {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .name_rU2b8 {
  font-size: 15px;
  line-height: 22px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .note_sdVt5 {
  font-size: 13px;
  line-height: 18px;
  color: #91939c;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut {
  display: flex;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit {
  padding: 9px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit .icon_yLMaD {
  cursor: pointer;
  font-size: 18px;
  position: relative;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit .icon_yLMaD.disabled_aSO1i {
  pointer-events: none;
  color: #c2c3c8;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy .onCall_dfOpx {
  font-size: 14px;
  color: #2e73e5;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .divider_R-w19 {
  height: 30px;
  line-height: 30px;
  background-color: #f5f6f6;
  font-size: 12px;
  padding-left: 16px;
  margin-left: -16px;
  margin-right: -16px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .fullContainer_r6-2v {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .fullContainer_r6-2v > span {
  color: #c2c3c8;
  font-size: 14px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.votingToolPanelContainer_gbMze {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cm_item_ZCY40 {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cm_item_ZCY40.disabled_meV8J {
  cursor: default;
  color: var(--upime-disable);
  pointer-events: none;
}
.cm_item_ZCY40.autoWidth_GgXfN {
  width: auto;
  min-width: 40px;
}
.icon_box_Vb2Q6 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.icon_box_Vb2Q6.active_5w4wt {
  color: var(--upime-active);
}
.bling_item_5EyrO {
  opacity: 0.8;
}
.hidden_CTw0v {
  visibility: hidden !important;
}
.hidden_all_0Yhyp {
  visibility: hidden !important;
}
.hidden_all_0Yhyp * {
  visibility: hidden !important;
}
.show_all_rPNh2 {
  visibility: visible !important;
}
.show_all_rPNh2 * {
  visibility: visible !important;
}
.pane_riGQq {
  background-color: var(--upime-pane-bg);
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_lvK-R {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.show_a_Bs3vE {
  visibility: hidden;
  opacity: 0;
  animation: show_lvK-R 0.5s forwards;
}
@keyframes show_scale_mgIyu {
  to {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
  }
}
.show_scale_mgIyu {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  animation: show_scale_mgIyu 0.3s forwards;
}
.show_scale_mgIyu.right_lNaxR {
  transform-origin: left center;
}
.show_scale_mgIyu.left_V49xV {
  transform-origin: right center;
}
.show_scale_mgIyu.bottom_1nB2p {
  transform-origin: center top;
}
.show_scale_mgIyu.top_Fohr6 {
  transform-origin: center bottom;
}
.show_scale_mgIyu.left_top_JHdZ9 {
  transform-origin: right top;
}
.show_scale_mgIyu.top_left_tzoFv {
  transform-origin: bottom left;
}
.show_scale_mgIyu.bottom_left_-Oc-3 {
  transform-origin: top left;
}
.show_scale_mgIyu.top_right_Ck6RO {
  transform-origin: bottom right;
}
.show_scale_mgIyu.bottom_right_dOZi2 {
  transform-origin: top right;
}
.show_scale_mgIyu.right_top_0YULV {
  transform-origin: left top;
}
.show_scale_mgIyu.right_bottom_vWls8 {
  transform-origin: left bottom;
}
.show_scale_mgIyu.left_bottom_vlWjD {
  transform-origin: right bottom;
}
.btn_style_1mmoc {
  cursor: pointer;
}
.btn_style_1mmoc:active,
.btn_style_1mmoc.on_w-2Gq {
  color: var(--upime-active);
}
.btn_style_1mmoc.disabled_meV8J {
  color: var(--upime-disable);
  pointer-events: none;
}
.propEditorIconBox_jypwv {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.do-hovers .icon_box_Vb2Q6:hover {
  opacity: 1;
}
.do-hovers .bling_item_5EyrO:hover {
  opacity: 1;
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_1mmoc:hover {
  color: var(--upime-active);
}
.do-hovers .propEditorIconBox_jypwv:hover {
  background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_qXQa9:hover {
  color: var(--upime-active);
}
.do-hovers .moreIcon_dZxnZ:hover {
  color: var(--upime-main-text);
}
.rotateY180_vfvVE {
  transform: rotateY(180deg);
}
.titleIcon_qXQa9 {
  height: 48px;
  width: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titleIcon_qXQa9.active_5w4wt {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.titleIcon_qXQa9.active_5w4wt {
  color: var(--upime-active);
}
.moreIcon_dZxnZ {
  cursor: pointer;
}
.moreIcon_dZxnZ svg {
  color: #303445;
}
.moreIcon_dZxnZ.active_5w4wt svg {
  color: var(--upime-main-text);
}
@keyframes loading_-VrbZ {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_VCUQJ {
  width: 24px;
  height: 24px;
  color: var(--upime-active);
  animation: loading_-VrbZ 1s linear infinite forwards;
}
.AIButtonContainer_C7BTe {
  padding: 0 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AIButtonContainer_C7BTe.transparent_yIzzj {
  opacity: 0;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform-origin: center center;
  transition: 0.4s;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx.AIShow_dKVjB {
  transform: scale(1) rotate(0);
  opacity: 1;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx.AIHide_iB14M {
  transform: scale(0) rotate(360deg);
  opacity: 0;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx.AIButtonHover_fHEoI:hover {
  background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx.AIButtonDisabled_NXId- {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx .AIButtonImage_rQBqL {
  width: 32px;
  height: 32px;
}
.sub_win_container_MjhDm {
  max-height: 520px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_container_MjhDm::-webkit-scrollbar {
  width: 4px;
}
.sub_win_container_MjhDm::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_container_MjhDm::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_MjhDm .sub_win_child_wrapper_-Ix43:not(:first-child) {
  margin-top: 8px;
}
.sub_win_container_MjhDm .sub_win_child_wrapper_-Ix43:not(:first-child) .sub_win_child_iIXRn {
  padding-top: 0;
}
.sub_win_flexalbe_container_fgbWk {
  max-height: 520px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.sub_win_flexalbe_container_fgbWk * {
  flex-shrink: 0;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR::-webkit-scrollbar {
  width: 4px;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR:not(:first-child) {
  margin-top: 8px;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR:not(:first-child) .flexable_scroll_inner_EuI71 {
  padding-top: 0px;
}
.phoneMode .sub_win_container_MjhDm {
  width: 100%;
}
.phoneMode .sub_win_flexalbe_container_fgbWk {
  width: 100%;
}
.safariOn {
  /** 神奇的safari
        需要一个动画来触发dom的更新，
        否则滚动区域会有问题
        这个动画实际上什么都不做
         */
}
.safariOn .flexable_scroll_wrapper_Lz6cR {
  animation: safariUpdate_p799- 0.1s forwards;
}
.safariOn .sub_win_container_MjhDm {
  animation: safariUpdate_p799- 0.1s forwards;
}
@keyframes safariUpdate_p799- {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
* {
  /* 定义滚动条的样式 */
  /* 定义滚动条轨道的样式 */
  /* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
  width: 4px;
  /* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
  background: #dbdbde;
  /* 滑块的背景颜色 */
  border-radius: 4px;
}
.noColorStyleContainer_e-UPE {
  padding: 12px 12px 0;
  width: 100%;
}
.noColorStyleContainer_e-UPE .noColorStylePart_xdqKJ + .noColorStylePart_xdqKJ {
  margin-top: 8px;
}
.noColorStyleContainer_e-UPE .partlabel_PPjEZ {
  width: 100%;
  font-size: 12px;
  color: #0c1024;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  line-height: 20px;
}
.noColorStyleContainer_e-UPE .partlabel_PPjEZ.disabled_meV8J {
  opacity: 0.2;
  cursor: not-allowed;
}
.phoneMode .sub_win_container_MjhDm,
.phoneMode .sub_win_flexalbe_container_fgbWk {
  background-color: white;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  pointer-events: auto;
}
.phoneMode .sub_win_container_MjhDm .flexable_scroll_wrapper_Lz6cR:not(:first-child),
.phoneMode .sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR:not(:first-child) {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_e-UPE {
  padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_e-UPE .noColorStylePart_xdqKJ + .noColorStylePart_xdqKJ {
  margin-top: 16px;
}
.phoneMode .noColorStyleContainer_e-UPE .partlabel_PPjEZ {
  font-size: 15px;
  line-height: 24px;
  padding: 0 6px;
  margin-bottom: 4px;
}
.votingListPanelContainer_i4l1U {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background-color: #f5f6f6;
  border-radius: 4px;
}
.bodyWrap_d6ZrD {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}
.contentWrap_URkBm {
  width: 316px;
  margin: 0 auto;
  padding-bottom: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.contentWrap_URkBm .createVotingTip_mmff1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.04);
  margin-top: 12px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .firstRow_57aST {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .firstRow_57aST .icon_LrBw0 {
  width: 14px;
  height: 14px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .firstRow_57aST .content_wuMl- {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .secondRow_-ErvQ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .secondRow_-ErvQ .content_wuMl- {
  color: #0c1024;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
}
.contentWrap_URkBm .createVotingTip_mmff1 .secondRow_-ErvQ .content_wuMl- span {
  word-break: break-word;
}
.contentWrap_URkBm .createVotingTip_mmff1 .secondRow_-ErvQ .content_wuMl- span.bold_qatsd {
  font-weight: 600;
}
.contentWrap_URkBm .createVotingNoPermissionTip_pTHTV {
  padding: 12px 16px;
  margin: 12px 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
}
.contentWrap_URkBm .createVotingNoPermissionTip_pTHTV .tipIcon_G-Fe1 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #2e73e5;
}
.contentWrap_URkBm .createVotingNoPermissionTip_pTHTV .tipContent_lcgoX {
  color: #0c1024;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  word-break: break-word;
}
.contentWrap_URkBm .createVotingButton_ptLZ- {
  gap: 4px;
  margin: 12px 0 8px 0;
}
.contentWrap_URkBm .createVotingButton_ptLZ- .createVotingButtonText_Colcs {
  font-size: 16px;
  line-height: 24px;
}
.votingListTitle_Zg4VZ {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
  padding-top: 16px;
}
.votingList_W7Fvq {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
}

.container_jb3G3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  height: 56px;
  padding: 0 12px 0 24px;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
}
.leftPart_dK2LA {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
.leftPart_dK2LA .title_8mYfr {
  color: #0c1024;
  font-size: 20px;
  font-weight: 600;
}
.tipContainer_XMxBz {
  width: 28px;
  height: 28px;
}
.tipIcon_HCn83 {
  width: 16px;
  height: 16px;
  box-sizing: content-box;
  padding: 6px;
  cursor: pointer;
}
.hoverTipContent_sxWBX {
  width: 220px;
  padding: 7px 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 2px;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
}
.rightPart_K4iTm {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.rightPart_K4iTm .viewHistoryVotingBtn_PNzj4 {
  height: 36px;
  padding: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0C1024;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer;
}
.rightPart_K4iTm .divider_eYAMa {
  width: 1px;
  height: 20px;
  background-color: #E6E7E9;
}
.rightPart_K4iTm .closeButton_aAfPl {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.do-hovers .tipIcon_HCn83:hover,
.do-hovers .viewHistoryVotingBtn_PNzj4:hover,
.do-hovers .closeButton_aAfPl:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.votingListEmptyTip_0d-Os {
  height: 180px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: auto 0;
}
.votingListEmptyTip_0d-Os img {
  width: 140px;
  height: 140px;
}
.votingListEmptyTip_0d-Os > span {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  margin-top: 8px;
  color: #0c1024;
}

.ongoingVotingItemContainer_BK9se {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);
}
.rowContainer_oMDP8 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.firstRowGroup_AXj-p {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.firstRow_mUFOL {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.firstRow_mUFOL .titleContainer_Kr7wR {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.firstRow_mUFOL .menuButtonWrap_JxAE- {
  position: relative;
}
.firstRow_mUFOL .menuButton_-5RZj {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 2px;
  cursor: pointer;
}
.firstRow_mUFOL .menuButton_-5RZj.active_9MBu3 {
  background-color: rgba(0, 0, 0, 0.06);
}
.firstRow_mUFOL .submenuWrap_siOFv {
  padding: 8px 0;
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  border-radius: 4px;
}
.firstRow_mUFOL .submenuWrap_siOFv .submenuRow_PcKSy {
  height: 36px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.do-hovers .firstRow_mUFOL .menuButton_-5RZj:hover,
.do-hovers .submenuWrap_siOFv .submenuRow_PcKSy:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.secondRow_DzbOM {
  gap: 4px;
}
.secondRow_DzbOM .statusTag_bbtc7 {
  height: 20px;
  padding: 0 5px;
  color: #0c1024;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
  background-color: #ececee;
}
.secondRow_DzbOM .statusTag_bbtc7.notVoted_R-h5A {
  color: #FE5250;
  background-color: #FFEEED;
}
.secondRow_DzbOM .statusTag_bbtc7.voted_FzauZ {
  color: #67C23A;
  background-color: #F4FFE8;
}
.thirdRow_nMIWR {
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 8px 0 12px;
  border-radius: 4px;
  background: #f5f6f6;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationIcon_TWtZu {
  color: #91939C;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDuration_XyWHg {
  font-size: 16px;
  line-height: 24px;
  color: #0C1024;
  font-weight: 600;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationNumber_zUBC3 {
  width: 10px;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationColon_hdgkp {
  width: 14px;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationTipWrap_PYGth,
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationHoverTip_rjA-v {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  margin-left: auto;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationTipWrap_PYGth .durationOperationWrap_WsTnR,
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationHoverTip_rjA-v .durationOperationWrap_WsTnR {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationTipWrap_PYGth .durationOperationWrap_WsTnR .operationBtn_Hg64-,
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationHoverTip_rjA-v .durationOperationWrap_WsTnR .operationBtn_Hg64- {
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  color: #2e73e5;
  border-radius: 2px;
  background-color: rgba(46, 115, 229, 0.1);
  cursor: pointer;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationTipWrap_PYGth .endTimeTip_lCi0l,
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationHoverTip_rjA-v .endTimeTip_lCi0l {
  color: #0C1024;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.do-hovers .durationOperationWrap_WsTnR .operationBtn_Hg64-:hover {
  color: #fff !important;
  background-color: #5798F2 !important;
}
.fourthRow_MSTzc {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.fourthRow_MSTzc .endVotingBtn_5Dll2,
.fourthRow_MSTzc .joinVotingBtn_R2w6E,
.fourthRow_MSTzc .viewResultBtn_d5cqP {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
}
.endVotingBtn_5Dll2 {
  color: #fe5250;
  border-color: #fe5250;
}
.do-hovers .endVotingBtn_5Dll2:hover {
  color: #ff7f78 !important;
  border-color: #ff7f78 !important;
}
.do-hovers .endVotingBtn_5Dll2:active:not(.disabled_PalSU) {
  color: #d9383b !important;
  border-color: #d9383b !important;
}

.container_iAmgn {
  font-size: 14px;
  line-height: 22px;
  color: #0c1024;
  max-width: 100%;
  min-height: 22px;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leftDuration_tWsyu {
  font-size: 24px;
  line-height: 32px;
  color: #0c1024;
  font-weight: 600;
  display: flex;
  flex: 1;
  flex-shrink: 0;
  text-align: center;
  white-space: nowrap;
}
.leftDuration_tWsyu .numberSpan_JKfGe {
  width: 15px;
  text-align: center;
}
.leftDuration_tWsyu .formattedString_mfufZ {
  width: auto;
  width: initial;
  white-space: nowrap;
}
.leftDuration_tWsyu .leftDurationColon_1fg6k {
  width: 21px;
  text-align: center;
}
.miniLeftDuration_AapnH {
  font-size: 14px;
  line-height: 20px;
  color: #0c1024;
  font-weight: 400;
  display: flex;
  text-align: center;
}
.miniLeftDuration_AapnH .miniNumberSpan_odfYI {
  width: 8px;
}
.miniLeftDuration_AapnH .miniLeftDurationColon_DbesD {
  width: 4px;
}

.votingDetailPanelContainer_a7ZGK {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  background-color: #f5f6f6;
  border-radius: 4px;
}
.header_GV32H {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-shrink: 0;
  width: 100%;
  height: 164px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
}
.header_GV32H .titleWrap_iLMoF {
  width: 100%;
  height: 56px;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
  border-bottom: 1px solid #dbdbde;
}
.header_GV32H .titleWrap_iLMoF .backBtn_wc-F3,
.header_GV32H .titleWrap_iLMoF .closeBtn_9TqMM {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.header_GV32H .titleWrap_iLMoF .closeBtn_9TqMM {
  margin-left: auto;
}
.header_GV32H .titleWrap_iLMoF .title_MZpXi {
  color: #0c1024;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.header_GV32H .votingInfoWrap_1AVdW {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 4px;
  padding: 0 20px;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .votingNameWrap_-XI7- {
  flex: 1;
  overflow: hidden;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .votingNameWrap_-XI7- .votingName_P4LtY {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .menuButtonWrap_EoMsu {
  position: relative;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .menuButton_qU8ym {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 2px;
  cursor: pointer;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .menuButton_qU8ym.active_NEnTY {
  background-color: rgba(0, 0, 0, 0.06);
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .menuButton_qU8ym .menuIcon_DpaXz {
  width: 20px;
  height: 20px;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .submenuWrap_fi6sD {
  padding: 8px 0;
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  border-radius: 4px;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .submenuWrap_fi6sD .submenuRow_sJ-3j {
  height: 36px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .submenuWrap_fi6sD .submenuRow_sJ-3j.deleteBtn_fxgeB {
  color: #fe5250;
}
.header_GV32H .votingInfoWrap_1AVdW .secondRow_kfGWo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.header_GV32H .votingInfoWrap_1AVdW .thirdRow_xTzGQ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.header_GV32H .votingInfoWrap_1AVdW .thirdRow_xTzGQ .statusTag_031o- {
  height: 20px;
  padding: 0 5px;
  line-height: 20px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #0c1024;
  background-color: #ececee;
}
.header_GV32H .votingInfoWrap_1AVdW .thirdRow_xTzGQ .statusTag_031o-.votingStatus_klahW {
  color: #fff;
  background-color: #67c23a;
}
.do-hovers .backBtn_wc-F3:hover,
.do-hovers .closeBtn_9TqMM:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .moreBtn_w5TnZ:hover {
  background-color: #5798f2;
}
.do-hovers .submenuWrap_fi6sD .submenuRow_sJ-3j:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.body_j8nKW {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 8px;
  background-color: #fff;
  overflow-y: auto;
}
.body_j8nKW .resultList_JcmBB {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
  padding-top: 16px;
  overflow-y: auto;
}
.footer_h6-DZ {
  width: 100%;
  height: 86px;
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  background-color: #fff;
}
.footer_h6-DZ .exportToExcelBtn_l6KQF {
  height: 38px;
  padding: 0 16px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #dbdbde;
  background-color: #fff;
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}
.footer_h6-DZ .exportToBoardBtn_ogJ3d {
  height: 38px;
  padding: 0 16px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #2e73e5;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}
.do-hovers .exportToExcelBtn_l6KQF:hover {
  color: #5798f2;
  border-color: #5798f2;
}
.do-hovers .exportToExcelBtn_l6KQF:active {
  color: #1d56bf;
  border-color: #1d56bf;
}
.do-hovers .exportToBoardBtn_ogJ3d:hover {
  background-color: #5798f2;
}
.do-hovers .exportToBoardBtn_ogJ3d:active {
  background-color: #1d56bf;
}

.resultItem_DsuyT {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 316px;
  height: 104px;
  margin: 0 auto;
  padding: 14px 0 14px 16px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  background-color: #fff;
  position: relative;
}
.resultItem_DsuyT.selected_l6HCk {
  border-color: #2e73e5;
}
.resultItem_DsuyT .myVoteTip_pTfK- {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 12px;
  gap: 10px;
  border-radius: 0px 4px;
  background-color: #eaf1fc;
  color: #2e73e5;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.resultItem_DsuyT .rankTrophy_oxq9E {
  width: 56px;
  height: 74px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  overflow: hidden;
}
.resultItem_DsuyT .rankTrophy_oxq9E .rankTrophyIcon_OUmf5 {
  width: 80px;
  height: 78px;
  position: absolute;
  top: 0;
  right: 0;
}
.resultItem_DsuyT .rank_vIb26 {
  width: 50px;
  text-align: center;
  color: #303445;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  top: 2px;
}
.resultItem_DsuyT .rank_vIb26.no1_ne1HB {
  color: #a8601e;
}
.resultItem_DsuyT .rank_vIb26.no2_r0SLT {
  color: #5e6f92;
}
.resultItem_DsuyT .rank_vIb26.no3_icW6W {
  color: #ca8576;
}
.resultItem_DsuyT .elementWrap_VVCAG {
  width: 76px;
  height: 76px;
  border-radius: 4px;
  margin-left: 16px;
  position: relative;
}
.resultItem_DsuyT .elementWrap_VVCAG .elementSnapshotCointainer_zc4WP {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: #f5f6f6;
  padding: 10px;
}
.resultItem_DsuyT .elementWrap_VVCAG .elementSnapshot_2247p {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.resultItem_DsuyT .elementWrap_VVCAG .zoomInBtn_MCDqi {
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  right: 2px;
  bottom: 2px;
  cursor: pointer;
  visibility: hidden;
}
.resultItem_DsuyT .elementWrap_VVCAG .zoomInBtn_MCDqi.zoomInBtnVisible_UGHVc {
  visibility: visible;
}
.resultItem_DsuyT .elementWrap_VVCAG .zoomInBtn_MCDqi .zoomInIcon_huuFM {
  width: 16px;
  height: 16px;
  color: #fff;
}
.resultItem_DsuyT .resultDetail_-X4fR {
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voteCount_bKQC- {
  color: v #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .avatarContainer_UoF9Y {
  margin-left: -8px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .avatarContainer_UoF9Y:first-child {
  margin-left: 0;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .avatar_SA-ms {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 1px solid #fff;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVotersContainer_Se0mY {
  position: relative;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVotersButton_FOeco {
  min-width: 24px;
  height: 24px;
  padding: 0 2px;
  margin-left: -8px;
  border-radius: 12px;
  border: 1px solid #fff;
  background-color: #f5f6f6;
  color: #0c1024;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVoterList_V-A8Y {
  width: 200px;
  max-height: 216px;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  overflow-y: auto;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVoterList_V-A8Y .userInfoWrap_vB-K0 {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 0 16px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVoterList_V-A8Y .userInfoWrap_vB-K0 .avatar_SA-ms {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVoterList_V-A8Y .userInfoWrap_vB-K0 .userName_rl-08 {
  flex: 1;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .anonymousVotersCount_-LlTF {
  color: #616371;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.do-hovers .resultItem_DsuyT:hover {
  border-color: #2e73e5;
}
.do-hovers .elementWrap_VVCAG:hover .zoomInBtn_MCDqi {
  visibility: visible;
}

.historyVotingItemContainer_MxuxU {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 8px 16px 16px;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
}
.historyVotingItemContainer_MxuxU.hovering_rpK3c {
  background-color: #eaf1fc;
}
.leftContainer_SnaEa {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}
.leftContainer_SnaEa .votingStartTime_myAVn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.leftContainer_SnaEa .votingStartTime_myAVn .votingStartDate_zLpeY,
.leftContainer_SnaEa .votingStartTime_myAVn .votingStartDay_lyLee {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.leftContainer_SnaEa .votingStartTime_myAVn .votingStartHour_XC-Fy {
  color: #0c1024;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.leftContainer_SnaEa .votingTitle_rq71H {
  max-width: 230px;
  height: 24px;
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leftContainer_SnaEa .votingCreator_EI6y3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  width: 100%;
  overflow: hidden;
}
.leftContainer_SnaEa .votingCreator_EI6y3 .creatorTip_WvKRK {
  color: #0c1024;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  flex-shrink: 0;
}
.leftContainer_SnaEa .votingCreator_EI6y3 .creatorAvatar_070oX {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex-shrink: 0;
}
.leftContainer_SnaEa .votingCreator_EI6y3 .creatorUsername_Bzv7S {
  color: #0c1024;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rightContainer_2Z9-j {
  display: flex;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.rightContainer_2Z9-j.showViewDetailButton_eLndx .leftGradientBg_-xdn3 {
  width: 20px;
  height: 100%;
  background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #eaf1fc 70%);
}
.rightContainer_2Z9-j.showViewDetailButton_eLndx .leftGradientBg_-xdn3.touchDevice_1XlCp {
  background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #fff 70%);
}
.rightContainer_2Z9-j .arrowBtn_MFVCK {
  width: 24px;
  height: 24px;
  color: #91939c;
}
.rightContainer_2Z9-j .viewDetailBtnWrap_TH8bn {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i {
  height: 28px;
  display: flex;
  flex-direction: row;
  gap: 1px;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: inherit;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i.noMoreBtn_vHFBJ .viewDetailBtn_E-eHi {
  border-radius: 4px;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .viewDetailBtn_E-eHi {
  padding: 0px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  background-color: #2e73e5;
  border-radius: 4px 0px 0px 4px;
  cursor: pointer;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtnWrap_kSQfE {
  width: 32px;
  position: relative;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtn_nHyYb {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 4px 4px 0;
  background-color: #2e73e5;
  cursor: pointer;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtn_nHyYb .moreIcon_tAY0x {
  width: 8px;
  height: 8px;
  color: #fff;
  transform: rotate(180deg);
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtn_nHyYb.moreBtnActive_APgLv {
  background-color: #5798f2;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtn_nHyYb.moreBtnActive_APgLv .moreIcon_tAY0x {
  transform: rotate(0deg);
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .submenuWrap_sKurO {
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  padding: 8px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 4px;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .submenuWrap_sKurO .submenuRow_PJixI {
  height: 36px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .submenuWrap_sKurO .submenuRow_PJixI.deleteBtn_BQdzq {
  color: #fe5250;
}
.do-hovers .viewDetailBtn_E-eHi:hover,
.do-hovers .moreBtn_nHyYb:hover {
  background-color: #5798f2;
}
.do-hovers .submenuWrap_sKurO .submenuRow_PJixI:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.historyVotingListPanelContainer_TpKR- {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #F5F6F6;
  overflow: hidden;
}
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU {
  height: 56px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 12px;
  background-color: #fff;
}
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU .backBtn_XAXZe,
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU .closeBtn_obPt- {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU .closeBtn_obPt- {
  margin-left: auto;
}
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU .title_8V2CT {
  color: #0C1024;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-left: 2px;
}
.historyVotingListPanelContainer_TpKR- .votingListContainer_ArDZx {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.historyVotingListPanelContainer_TpKR- .votingListContainer_ArDZx .votingListWrap_vktvs {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow-y: auto;
}
.historyVotingListPanelContainer_TpKR- .votingListContainer_ArDZx .votingListWrap_vktvs .votingList_2WAVB {
  width: 316px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 0;
}
.do-hovers .backBtn_XAXZe:hover,
.do-hovers .closeBtn_obPt-:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.container_F8Vod {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.createVotingPanelContainer_9BuBl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 340px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  pointer-events: all;
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
}
.headWrap_Skwy4 {
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  padding: 0 12px 0 24px;
}
.headWrap_Skwy4 .title_CbipY {
  color: #0c1024;
  font-size: 20px;
  font-weight: 400;
}
.headWrap_Skwy4 .closeButton_H1Q5O {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.do-hovers .headWrap_Skwy4 .closeButton_H1Q5O:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.bodyWrap_wwJ3P {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  overflow-y: auto;
}
.bodyContentWrap_fxtgS {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 292px;
  padding-top: 12px;
  margin: 0 auto;
}
.bodyContentWrap_fxtgS .itemLabel_qWtxK {
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.bodyContentWrap_fxtgS .nameWrap_NI-ik {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bodyContentWrap_fxtgS .nameWrap_NI-ik .inputNameWrap_1tTlx {
  height: 36px;
}
.bodyContentWrap_fxtgS .nameWrap_NI-ik .inputNameWrap_1tTlx .inputName_Iev9k {
  height: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
}
.bodyContentWrap_fxtgS .nameWrap_NI-ik .inputNameWrap_1tTlx .addInputClearBtn_saGYo {
  top: 9px;
}
.bodyContentWrap_fxtgS .votesCountWrap_jA1fC {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.bodyContentWrap_fxtgS .votesCountWrap_jA1fC .votesCount_5yVMK {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.bodyContentWrap_fxtgS .votesCountWrap_jA1fC .votesCount_5yVMK .inputCount_mUsA3 {
  width: 98px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  color: #0c1024;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.bodyContentWrap_fxtgS .decreaseIcon_YVSDI,
.bodyContentWrap_fxtgS .increaseIcon_fPjqN {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #2e73e5;
  background-color: #eaf1fc;
  cursor: pointer;
}
.bodyContentWrap_fxtgS .decreaseIcon_YVSDI.disabled_t-7aH,
.bodyContentWrap_fxtgS .increaseIcon_fPjqN.disabled_t-7aH {
  color: #dbdbde;
  background-color: #f5f6f6;
  cursor: not-allowed;
}
.bodyContentWrap_fxtgS .decreaseIcon_YVSDI .jianIcon_i-JS0,
.bodyContentWrap_fxtgS .increaseIcon_fPjqN .jianIcon_i-JS0,
.bodyContentWrap_fxtgS .decreaseIcon_YVSDI .jiaIcon_kbAxr,
.bodyContentWrap_fxtgS .increaseIcon_fPjqN .jiaIcon_kbAxr {
  width: 18px;
  height: 18px;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectDurationWrap_5iiZH {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  position: relative;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih.active_9l7hC .selectEndTimeDivider_OanLL {
  background-color: #2e73e5;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih.invalid_ol9R2 .selectEndTimeDivider_OanLL {
  background-color: #FE5250;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb {
  width: 192px;
  height: 40px;
  border: 1px solid #DBDBDE;
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  position: relative;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb.active_9l7hC {
  border-color: #2e73e5;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb.invalid_ol9R2 {
  border-color: #FE5250;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb .selectedDateWrap_vrDAs {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  cursor: pointer;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb .selectedDateWrap_vrDAs .selectedDate_Av5hP {
  max-width: 142px;
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb .dateSelectorWrap_jDvDX {
  width: 292px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 1;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectEndTimeDivider_OanLL {
  width: 1px;
  background-color: #DBDBDE;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 {
  height: 40px;
  width: 100px;
  box-sizing: border-box;
  border: 1px solid #DBDBDE;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0 12px;
  position: relative;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9.active_9l7hC {
  border-color: #2e73e5;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9.invalid_ol9R2 {
  border-color: #FE5250;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .selectedTimeWrap_TxOCz {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .selectedTimeWrap_TxOCz .selectedTime_jUTgP {
  color: #0C1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc {
  width: 100px;
  height: 284px;
  padding: 4px 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  overflow: auto;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 1;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc .timeSelector_cgeMN {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc .timeSelector_cgeMN .timeItem_3AGtW {
  width: 100%;
  height: 36px;
  padding-left: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc .timeSelector_cgeMN .timeItem_3AGtW.selected_PeK-c {
  background-color: #eaf1fc;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc .timeSelector_cgeMN .timeItem_3AGtW .content_UXgMA {
  width: 100%;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .invalidEndTimeTip_p-dPB {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #FE5250;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 {
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 .switchBtn_OFLug {
  position: relative;
  width: 44px;
  height: 22px;
  border-radius: 11px;
  background-color: #e6e7e9;
  cursor: pointer;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 .switchBtn_OFLug::before {
  position: absolute;
  content: "";
  left: 2px;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background-color: #ffffff;
  transition: left 0.2s;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 .switchBtn_OFLug.on_504j- {
  background-color: #2e73e5;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 .switchBtn_OFLug.on_504j-::before {
  left: 24px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK {
  display: flex;
  flex-direction: column;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .firstRow_boxQs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .firstRow_boxQs .selectAllBtn_IWL4H {
  height: 24px;
  padding: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2e73e5;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  border-radius: 2px;
  cursor: pointer;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .secondRow_uW-LG {
  color: #91939c;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 2px;
  background-color: #f5f6f6;
  margin-top: 12px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementItem_vyEvI {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementInfo_phEV4 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementInfo_phEV4 .elementIcon_i50tU {
  width: 16px;
  height: 16px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementInfo_phEV4 .elementName_mFkBx {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementInfo_phEV4 .elementCount_pE0iU {
  color: #91939c;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsEmptyTip_bhiQa {
  display: flex;
  padding: 12px 12px 12px 9px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 5px;
  border-radius: 2px;
  background-color: rgba(254, 82, 80, 0.05);
  margin-top: 12px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsEmptyTip_bhiQa .warningIcon_fFWpt {
  width: 16px;
  height: 16px;
  color: #fe5250;
  margin: 3px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsEmptyTip_bhiQa .warningContent_W4Bni {
  color: #fe5250;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
}
.select_WtVBc {
  width: 98px;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  padding: 0 3px 0 7px;
  position: relative;
}
.select_WtVBc.active_9l7hC {
  border-color: #2e73e5;
}
.select_WtVBc .currentSelected_T6Mj7 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.select_WtVBc .currentSelected_T6Mj7 .content_UXgMA {
  max-width: 66px;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.select_WtVBc .currentSelected_T6Mj7 .iconWrap_4AKDX {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.select_WtVBc .currentSelected_T6Mj7 .iconWrap_4AKDX .arrowIcon_R8BGH {
  width: 10px;
}
.select_WtVBc .options_0Lwh0 {
  padding: 4px 0;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 1;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.select_WtVBc .options_0Lwh0 .option_JdhWm,
.select_WtVBc .options_0Lwh0 .useEndTimeBtn_OyxHx {
  width: 100%;
  height: 36px;
  padding: 0px 26px 0 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.select_WtVBc .options_0Lwh0 .option_JdhWm.selected_PeK-c,
.select_WtVBc .options_0Lwh0 .useEndTimeBtn_OyxHx.selected_PeK-c {
  background-color: #eaf1fc;
}
.select_WtVBc .options_0Lwh0 .option_JdhWm .content_UXgMA,
.select_WtVBc .options_0Lwh0 .useEndTimeBtn_OyxHx .content_UXgMA {
  width: 100%;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}
.select_WtVBc .options_0Lwh0 .optionsDivider_hKEEm {
  width: 100%;
  height: 1px;
  background-color: #E6E7E9;
  margin: 4px 0;
}
.do-hovers .select_WtVBc:hover {
  border-color: #2e73e5;
}
.do-hovers .select_WtVBc .option_JdhWm:hover,
.do-hovers .select_WtVBc .useEndTimeBtn_OyxHx:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .select_WtVBc .option_JdhWm.selected_PeK-c:hover {
  background-color: #eaf1fc;
}
.do-hovers .timeSelectorWrap_BqPAc .timeItem_3AGtW:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .timeSelectorWrap_BqPAc .timeItem_3AGtW.selected_PeK-c:hover {
  background-color: #eaf1fc;
}
.do-hovers .selectEndTimeInputs_93Vih:not(.invalid_ol9R2):hover .selectEndTimeDivider_OanLL {
  background-color: #2e73e5 !important;
}
.do-hovers .selectEndTimeInputs_93Vih:not(.invalid_ol9R2) .selectDateWrap_W5mCb:hover {
  border-color: #2e73e5 !important;
}
.do-hovers .selectEndTimeInputs_93Vih:not(.invalid_ol9R2) .selectTimeWrap_c37w9:hover {
  border-color: #2e73e5 !important;
}
.checkbox_hEKB3 {
  width: 16px;
  height: 16px;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}
.checkbox_hEKB3.disabled_t-7aH {
  background-color: #ececee;
  cursor: not-allowed;
}
.checkbox_hEKB3.selectPart_4Bk4R:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background-color: #2e73e5;
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% - 3px);
}
.checkbox_hEKB3.selectPart_4Bk4R.disabled_t-7aH:after {
  background-color: #c2c3c8;
}
.checkbox_hEKB3.selectAll_kS8Jq {
  border-color: #2e73e5;
  background-color: #2e73e5;
}
.checkbox_hEKB3.selectAll_kS8Jq:after {
  content: "";
  display: block;
  width: 9px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 3px;
  left: 3px;
}
.checkbox_hEKB3.selectAll_kS8Jq.disabled_t-7aH {
  border-color: #dbdbde;
  background-color: #ececee;
}
.checkbox_hEKB3.selectAll_kS8Jq.disabled_t-7aH:after {
  border-color: #c2c3c8;
}
.do-hovers .inputNameWrap_1tTlx .inputName_Iev9k:hover,
.do-hovers .inputNameWrap_1tTlx .inputName_Iev9k:focus,
.do-hovers .votesCount_5yVMK .inputCount_mUsA3:hover,
.do-hovers .votesCount_5yVMK .inputCount_mUsA3:focus {
  border-color: #2e73e5;
}
.do-hovers .clearInput_rIf-n:hover {
  background: rgba(0, 0, 0, 0.06);
}
.do-hovers .increaseIcon_fPjqN:hover,
.do-hovers .decreaseIcon_YVSDI:hover {
  color: #2e73e5;
  background-color: #abc7f5;
}
.do-hovers .increaseIcon_fPjqN.disabled_t-7aH:hover,
.do-hovers .decreaseIcon_YVSDI.disabled_t-7aH:hover {
  color: #dbdbde;
  background-color: #f5f6f6;
}
.do-hovers .elementsWrap_RObTK .selectAllBtn_IWL4H:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .checkbox_hEKB3:hover:not(.disabled_t-7aH) {
  border-color: #2e73e5;
}
.bottomButtonWrap_-efzS {
  width: 292px;
  padding: 12px 0;
  margin: 0 auto;
}

.tipWrap_OgK9v {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 12px;
  border-radius: 4px;
  background: #2e73e5;
  pointer-events: all;
}
.tipContent_ERul8 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.iconWrap_AWT0X {
  width: 16px;
  height: 16px;
  color: #abc7f5;
  cursor: pointer;
}
.icon_PaL5s {
  font-size: 16px;
  color: #fff;
}
.do-hovers .icon_PaL5s:hover {
  color: #abc7f5;
}
.hoverTipContent_ZO9X3 {
  width: 200px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
}

.votingLayoutContainer_uRrNh {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.votingLayoutContainer_uRrNh.hideAll_JP54V {
  display: none;
}
.toolbarWrap_UTUSY {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 8px;
  height: 100%;
}
.toolbar_xv-BF,
.undoredo_0nzwX {
  z-index: 0;
}
.bigScreenToolbarWrap_d2-1U {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.bigScreenToolbarWrap_d2-1U .bigScreenBoardToolbar_rHY5L {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  padding: 6px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.bigScreenToolbarWrap_d2-1U .bigScreenBoardToolbar_rHY5L .divideLine_arVkn {
  width: 1px;
  height: 36px;
  background: #e6e7e9;
  align-self: center;
  margin: 0 8px;
}
.bigScreenToolbarWrap_d2-1U .bigScreenVotingToolBar_fCr5I {
  position: static;
  position: initial;
  transform: none;
  transform: initial;
}

.votingStatusPanelContainer_W4A6y {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 276px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 4px;
  background: #fff;
  pointer-events: all;
  position: absolute;
  top: 8px;
  right: 8px;
}
.votingStatusPanelContainer_W4A6y.showEndTime_9TRcJ {
  padding-bottom: 8px;
}
.firstRow_pmvwg {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
.firstRow_pmvwg .leftVotesWrap_qieda {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
}
.firstRow_pmvwg .leftVotesWrap_qieda .leftVotesCount_wawFF {
  font-size: 24px;
  line-height: 32px;
  color: #0c1024;
  font-weight: 600;
}
.firstRow_pmvwg .leftVotesWrap_qieda .leftVotesTip_ywocA {
  color: #91939c;
  font-size: 12px;
  line-height: 20px;
}
.firstRow_pmvwg .verticalDivider_jl-Lu {
  width: 1px;
  height: 47px;
  background-color: #E6E7E9;
}
.firstRow_pmvwg .leftDurationWrap_attKg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDuration_U-OBK {
  font-size: 24px;
  line-height: 32px;
  color: #0c1024;
  font-weight: 600;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDurationTipWrap_CvVuB {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDurationTipWrap_CvVuB .leftDurationTip_nxrS7 {
  color: #91939c;
  font-size: 12px;
  line-height: 20px;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDurationTipWrap_CvVuB .durationOperationWrap_5Awo5 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDurationTipWrap_CvVuB .durationOperationWrap_5Awo5 .operationBtn_-mT-0 {
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  color: #2e73e5;
  border-radius: 2px;
  background-color: #eaf1fc;
  cursor: pointer;
}
.do-hovers .durationOperationWrap_5Awo5 .operationBtn_-mT-0:hover {
  color: #fff !important;
  background-color: #5798f2 !important;
}
.horizontalDivider_HcN-0 {
  margin: 16px auto 8px auto;
  width: 244px;
  height: 0;
  background-color: transparent;
  border-top: 1px dashed #E6E7E9;
}
.secondRow_GAevP {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.secondRow_GAevP .endTimeTipIcon_TTM-w {
  color: #91939C;
}
.secondRow_GAevP .endTimeTip_1QxWq {
  color: #91939C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.votingToolBarContainer_boxnn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 56px;
  padding: 0 12px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #e6e7e9;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  pointer-events: all;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.firstColumn_UbLcZ {
  width: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2px;
}
.firstColumn_UbLcZ .votingName_VyKpz {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0c1024;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.firstColumn_UbLcZ .statusTags_l1LHI {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.firstColumn_UbLcZ .statusTags_l1LHI .statusTag_OUC3x {
  height: 20px;
  padding: 0 5px;
  line-height: 20px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #0c1024;
  background-color: #ececee;
}
.backToVotingAreaBtn_D8Nbm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 48px;
}
.backToVotingAreaBtn_D8Nbm .icon_6AWue {
  width: 22px;
  height: 22px;
}
.backToVotingAreaBtn_D8Nbm .content_aZWF1 {
  color: #0c1024;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
}
.moreBtnWrap_U0XpN {
  position: relative;
}
.moreBtn_swKxs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
}
.moreBtn_swKxs .icon_6AWue {
  width: 22px;
  height: 22px;
}
.moreBtn_swKxs .content_aZWF1 {
  color: #0c1024;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
}
.moreBtnList_0xt7C {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 8px 0;
}
.moreBtnList_0xt7C .btnItem_k47IK {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
.moreBtnList_0xt7C .btnItem_k47IK .btnIcon_gcfZ3 {
  font-size: 24px;
  color: #0c1024;
}
.moreBtnList_0xt7C .btnItem_k47IK .btnContent_yUPgR {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.moreBtnList_0xt7C .btnItem_k47IK.endBtn_CR266 .btnIcon_gcfZ3 {
  color: #fe5250;
}
.moreBtnList_0xt7C .btnItem_k47IK.endBtn_CR266 .btnContent_yUPgR {
  color: #fe5250;
}
.do-hovers .thirdColumn_FL-Qg:hover {
  background-color: #f5f6f6;
}
.leaveBtn_hfzKe {
  width: 72px;
  font-size: 14px;
}
.submitBtn_ghcnL {
  width: 80px;
  font-size: 14px;
}

.votingLayoutContainer_7I1w6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.votingLayoutContainer_7I1w6.hideAll_9KggG {
  display: none;
}
.commentBtn_NeF7g {
  position: absolute;
  right: 8px;
  bottom: 92px;
}

.votingToolBarContainer_XCsbS {
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  background-color: #fff;
  border: 1px solid #e6e7e9;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  pointer-events: all;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.backToVotingAreaBtn_UTQ-G {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 9px;
}
.firstColumn_BNm7e {
  width: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  gap: 8px;
}
.firstColumn_BNm7e .firstRow_evyYQ {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0c1024;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.firstColumn_BNm7e .secondRow_TC9-C {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.firstColumn_BNm7e .secondRow_TC9-C .statusTag_VZtO1 {
  max-width: 44px;
  height: 20px;
  display: flex;
  flex-shrink: 0;
  padding: 0 5px;
  line-height: 20px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #0c1024;
  background-color: #ececee;
  overflow: hidden;
}
.firstColumn_BNm7e .secondRow_TC9-C .leftDuration_CGsbT {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.firstColumn_BNm7e .secondRow_TC9-C .leftDuration_CGsbT .icon_L2-Y4 {
  width: 16px;
  height: 16px;
  color: #616371;
}
.firstColumn_BNm7e .secondRow_TC9-C .leftDuration_CGsbT .content_e-OXx {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.firstColumn_BNm7e .secondRow_TC9-C .ticketsTip_Cctli {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.firstColumn_BNm7e .secondRow_TC9-C .ticketsTip_Cctli .icon_L2-Y4 {
  width: 16px;
  height: 16px;
  color: #616371;
}
.firstColumn_BNm7e .secondRow_TC9-C .ticketsTip_Cctli .content_e-OXx {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.secondColumn_Pkd4s {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
}
.secondColumn_Pkd4s .leaveBtn_xSMyF {
  width: 54px;
  height: 34px;
  white-space: nowrap;
}
.secondColumn_Pkd4s .submitBtn_Xng9t {
  width: 54px;
  height: 34px;
  white-space: nowrap;
}

.newVotingNotificationContainer_peHJh {
  min-width: 376px;
  max-width: 395px;
  padding: 8px 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  gap: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  background: black;
  pointer-events: auto;
  color: white;
}
.newVotingNotificationContainer_peHJh .leftPart_vZjJV {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.newVotingNotificationContainer_peHJh .rightPart_qOiL5 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.newVotingNotificationContainer_peHJh .rightPart_qOiL5 .action_kDYlf {
  flex-shrink: 0;
  height: 32px;
  font-size: 14px;
  line-height: 22px;
  padding: 0 12px;
}
.newVotingNotificationContainer_peHJh .rightPart_qOiL5 .closeButton_B9HWr {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.newVotingNotificationContainer_peHJh .rightPart_qOiL5 .closeButton_B9HWr .closeIcon_XgYlF {
  width: 16px;
  height: 16px;
}
.phoneMode .newVotingNotificationContainer_peHJh {
  min-width: 344px;
  width: 344px;
  padding: 10px 0 10px 16px;
  gap: 12px;
}
.phoneMode .newVotingNotificationContainer_peHJh .rightPart_qOiL5 {
  gap: 0;
}
.phoneMode .newVotingNotificationContainer_peHJh .rightPart_qOiL5 .closeButton_B9HWr {
  width: 36px;
  height: 36px;
}

.votingEndedNotificationContainer_0usz4 {
  min-width: 376px;
  max-width: 395px;
  padding: 8px 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  gap: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  background: black;
  pointer-events: auto;
  color: white;
}
.votingEndedNotificationContainer_0usz4 .leftPart_AeMGV {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.votingEndedNotificationContainer_0usz4 .leftPart_AeMGV .text_jBP-n {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  word-break: break-word;
}
.votingEndedNotificationContainer_0usz4 .rightPart_xvgBw {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.votingEndedNotificationContainer_0usz4 .rightPart_xvgBw .action_qI1w8 {
  flex-shrink: 0;
  height: 32px;
  font-size: 14px;
  line-height: 22px;
  padding: 0 12px;
}
.votingEndedNotificationContainer_0usz4 .rightPart_xvgBw .closeButton_iQQic {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.votingEndedNotificationContainer_0usz4 .rightPart_xvgBw .closeButton_iQQic .closeIcon_yfaA0 {
  width: 16px;
  height: 16px;
}
.phoneMode .votingEndedNotificationContainer_0usz4 {
  min-width: 344px;
  width: 344px;
  padding: 10px 0 10px 16px;
  gap: 12px;
}
.phoneMode .votingEndedNotificationContainer_0usz4 .rightPart_xvgBw {
  gap: 0;
}
.phoneMode .votingEndedNotificationContainer_0usz4 .rightPart_xvgBw .closeButton_iQQic {
  width: 36px;
  height: 36px;
}

.placeholderForPWA_cTZ0- {
  width: 100%;
  height: 26px;
  flex-shrink: 0;
}
.votingDrawerContainer_e4U-a {
  min-height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
}

.historyVotingListPanelContainer_RL0eQ {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 12px 12px 0px 0px;
  background-color: #fff;
  overflow-y: auto;
}
.headContainer_NxvFa {
  height: 58px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  padding: 0 4px 0 16px;
  background-color: #fff;
}
.headContainer_NxvFa .headLeftPart_UGkhb {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.headContainer_NxvFa .headLeftPart_UGkhb .backBtn_gU1tR {
  width: 22px;
  height: 22px;
  position: relative;
  top: 1px;
}
.headContainer_NxvFa .headLeftPart_UGkhb .title_85gpG {
  color: #0c1024;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.headContainer_NxvFa .closeBtn_J9w0- {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bodyContainer_hoCL9 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
  overflow-y: auto;
  background-color: #F5F6F6;
}
.bodyContainer_hoCL9 .votingList_wGM0J {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #fff;
}

.historyVotingItemContainer_9DxNG {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 10px 8px 10px 16px;
  border-radius: 4px;
  background-color: #fff;
}
.leftContainer_RWJWD {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  gap: 4px;
  overflow: hidden;
}
.leftContainer_RWJWD .votingStartTime_yLgrW {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.leftContainer_RWJWD .votingStartTime_yLgrW .votingStartDate_dj1N6,
.leftContainer_RWJWD .votingStartTime_yLgrW .votingStartDay_g1ONr {
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.leftContainer_RWJWD .votingStartTime_yLgrW .votingStartHour_M2BFJ {
  color: #0c1024;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.leftContainer_RWJWD .votingTitle_tzPHo {
  max-width: 100%;
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leftContainer_RWJWD .votingCreator_jHDnQ {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  width: 100%;
  overflow: hidden;
}
.leftContainer_RWJWD .votingCreator_jHDnQ .creatorTip_9Z-G2 {
  color: #0c1024;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  flex-shrink: 0;
}
.leftContainer_RWJWD .votingCreator_jHDnQ .creatorAvatar_4vxJ3 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex-shrink: 0;
}
.leftContainer_RWJWD .votingCreator_jHDnQ .creatorUsername_st70b {
  color: #0c1024;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rightContainer_5gpBP {
  flex-shrink: 0;
}
.rightContainer_5gpBP .viewDetailBtn_xHiiV {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.rightContainer_5gpBP .viewDetailBtn_xHiiV .content_RtYRT {
  color: #91939c;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.rightContainer_5gpBP .viewDetailBtn_xHiiV .arrowIcon_t2r9i {
  width: 24px;
  height: 24px;
  color: #91939c;
}

.votingDetailPanelContainer_1bTYc {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  background-color: #f5f6f6;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow-y: hidden;
}
.header_u1UGg {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-shrink: 0;
  width: 100%;
  height: 164px;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.header_u1UGg .titleWrap_ZsgqG {
  width: 100%;
  height: 58px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid #dbdbde;
}
.header_u1UGg .titleWrap_ZsgqG .title_A8N1i {
  color: #0c1024;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-right: auto;
}
.header_u1UGg .titleWrap_ZsgqG .closeBtn_1ZVxu {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_u1UGg .votingInfoWrap_XzWeT {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 4px;
  padding: 0 16px;
}
.header_u1UGg .votingInfoWrap_XzWeT .firstRow_ehOg4 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.header_u1UGg .votingInfoWrap_XzWeT .firstRow_ehOg4 .votingName_l56x6 {
  width: 100%;
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header_u1UGg .votingInfoWrap_XzWeT .secondRow_i-GKR {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.header_u1UGg .votingInfoWrap_XzWeT .thirdRow_mDFhX {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.header_u1UGg .votingInfoWrap_XzWeT .thirdRow_mDFhX .statusTag_NH9FO {
  height: 20px;
  padding: 0 5px;
  line-height: 20px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #0c1024;
  background-color: #ececee;
}
.header_u1UGg .votingInfoWrap_XzWeT .thirdRow_mDFhX .statusTag_NH9FO.votingStatus_hFV4T {
  color: #fff;
  background-color: #67c23a;
}
.body_CgekO {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 8px;
  background-color: #fff;
  overflow-y: auto;
}
.body_CgekO .resultList_YDAkA {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 16px 0;
  gap: 12px;
  overflow-y: auto;
}

.resultItem_5FI4o {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 104px;
  margin: 0 16px;
  padding: 14px 0 14px 16px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  background-color: #fff;
  position: relative;
}
.resultItem_5FI4o .myVoteTip_L0orN {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 12px;
  gap: 10px;
  border-radius: 0px 4px;
  background-color: #eaf1fc;
  color: #2e73e5;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.resultItem_5FI4o .rankTrophy_-iIRQ {
  width: 56px;
  height: 74px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  overflow: hidden;
}
.resultItem_5FI4o .rankTrophy_-iIRQ .rankTrophyIcon_Xssa- {
  width: 80px;
  height: 78px;
  position: absolute;
  top: 0;
  right: 0;
}
.resultItem_5FI4o .rank_0Olw9 {
  width: 50px;
  text-align: center;
  color: #303445;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  top: 2px;
}
.resultItem_5FI4o .rank_0Olw9.no1_7okA3 {
  color: #a8601e;
}
.resultItem_5FI4o .rank_0Olw9.no2_S8jT5 {
  color: #5e6f92;
}
.resultItem_5FI4o .rank_0Olw9.no3_N-bM- {
  color: #ca8576;
}
.resultItem_5FI4o .elementWrap_Ldbg7 {
  width: 76px;
  height: 76px;
  border-radius: 4px;
  background: #f5f6f6;
  margin-left: 16px;
  padding: 10px;
  position: relative;
}
.resultItem_5FI4o .elementWrap_Ldbg7 .elementSnapshotCointainer_C0Npd {
  width: 100%;
  height: 100%;
}
.resultItem_5FI4o .elementWrap_Ldbg7 .elementSnapshot_-S-HL {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.resultItem_5FI4o .elementWrap_Ldbg7 .zoomInBtn_cMllP {
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  right: 2px;
  bottom: 2px;
  cursor: pointer;
}
.resultItem_5FI4o .elementWrap_Ldbg7 .zoomInBtn_cMllP .zoomInIcon_lMHeK {
  width: 16px;
  height: 16px;
  color: #fff;
}
.resultItem_5FI4o .resultDetail_xqKEG {
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.resultItem_5FI4o .resultDetail_xqKEG .voteCount_vULle {
  color: v #0c1024;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T .avatar_hU-9D {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 1px solid #fff;
  margin-left: -8px;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T .avatar_hU-9D:first-child {
  margin-left: 0;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T .moreVoters_S8CYi {
  min-width: 24px;
  height: 24px;
  padding: 0 2px;
  margin-left: -8px;
  border-radius: 12px;
  border: 1px solid #fff;
  background-color: #f5f6f6;
  color: #0c1024;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T .anonymousVotersCount_quURc {
  color: #616371;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.container_piMOY {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 27;
  background-color: rgba(0, 0, 0, 0.45);
}
.contentContainer_9chgn {
  position: absolute;
  top: 98px;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
}
.content_KKXlO {
  width: 100%;
  overflow: hidden;
}
.placeholderForPWA_Zdn8X {
  width: 100%;
  height: 26px;
  flex-shrink: 0;
  background-color: #fff;
}

.container_hZz-0 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: hidden;
  background-color: #fff;
  border-radius: 12px 12px 0px 0px;
}
.container_hZz-0 .content_Ksk4t {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.container_hZz-0 .userInfoWrap_-IcY5 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 56px;
  padding: 0 24px;
}
.container_hZz-0 .userInfoWrap_-IcY5 .avatar_xr3mg {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.container_hZz-0 .userInfoWrap_-IcY5 .userName_OJBJn {
  white-space: nowrap;
  color: #0c1024;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ongoingVotingListPanelContainer_iFeTx {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 12px 12px 0px 0px;
  background-color: #fff;
  overflow: hidden;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym {
  height: 58px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  padding: 0 4px 0 16px;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .title_j4Wy- {
  color: #0c1024;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .headRightPart_3lMcR {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .headRightPart_3lMcR .historyVotingListBtn_ioeRP {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .headRightPart_3lMcR .titleDivider_FNxFY {
  width: 1px;
  height: 19px;
  background-color: #E6E7E9;
  margin-left: 12px;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .headRightPart_3lMcR .closeBtn_dyWgl {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
  background-color: #F5F6F6;
  overflow-y: auto;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .bodyContentWrap_F8ens {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px 16px 12px 16px;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .bodyContentWrap_F8ens .votingListTitle_lMMtE {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .bodyContentWrap_F8ens .votingList_0UP9R {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  margin-top: 8px;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .unsupportTip_tjedV {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  padding: 4px 0 24px 0;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .unsupportTip_tjedV .icon_9DT-2 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #2e73e5;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .unsupportTip_tjedV .content_-vCrf {
  color: #303445;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  word-break: break-word;
}

.ongoingVotingItemContainer_Q3Xq9 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);
}
.rowContainer_1yE4I {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.firstRowGroup_q1-Mb {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.firstRow_4z4Rc {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.firstRow_4z4Rc .titleContainer_dt9UR {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.firstRow_4z4Rc .menuButtonWrap_rHh5H {
  position: relative;
}
.firstRow_4z4Rc .menuButton_3wycd {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 2px;
  cursor: pointer;
}
.firstRow_4z4Rc .menuButton_3wycd.active_GgVmH {
  background-color: rgba(0, 0, 0, 0.06);
}
.firstRow_4z4Rc .submenuWrap_j7kXp {
  padding: 8px 0;
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  border-radius: 4px;
}
.firstRow_4z4Rc .submenuWrap_j7kXp .submenuRow_AJbhY {
  height: 36px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
  color: #0c1024;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.do-hovers .firstRow_4z4Rc .menuButton_3wycd:hover,
.do-hovers .submenuWrap_j7kXp .submenuRow_AJbhY:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.secondRow_lx-Cr {
  gap: 4px;
}
.secondRow_lx-Cr .statusTag_XhY1G {
  height: 20px;
  padding: 0 5px;
  color: #0c1024;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
  background-color: #ececee;
}
.secondRow_lx-Cr .statusTag_XhY1G.notVoted_hvZAq {
  color: #FE5250;
  background-color: #FFEEED;
}
.secondRow_lx-Cr .statusTag_XhY1G.voted_SB5rc {
  color: #67C23A;
  background-color: #F4FFE8;
}
.thirdRow_iq8Sd {
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 8px 0 12px;
  border-radius: 4px;
  background: #f5f6f6;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationIcon_SqZaJ {
  color: #91939C;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDuration_LmfrK {
  font-size: 16px;
  line-height: 24px;
  color: #0C1024;
  font-weight: 600;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationNumber_AtjWr {
  width: 10px;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationColon_-DRTa {
  width: 14px;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationTipWrap_xLBG4,
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationHoverTip_i9PpV {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  margin-left: auto;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationTipWrap_xLBG4 .durationOperationWrap_xoev0,
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationHoverTip_i9PpV .durationOperationWrap_xoev0 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationTipWrap_xLBG4 .durationOperationWrap_xoev0 .operationBtn_mHbpd,
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationHoverTip_i9PpV .durationOperationWrap_xoev0 .operationBtn_mHbpd {
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  color: #2e73e5;
  border-radius: 2px;
  background-color: rgba(46, 115, 229, 0.1);
  cursor: pointer;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationTipWrap_xLBG4 .endTimeTip_7QL3r,
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationHoverTip_i9PpV .endTimeTip_7QL3r {
  color: #0C1024;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.do-hovers .durationOperationWrap_xoev0 .operationBtn_mHbpd:hover {
  color: #fff !important;
  background-color: #5798F2 !important;
}
.fourthRow_LWRix {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.fourthRow_LWRix .endVotingBtn_0Qi-I,
.fourthRow_LWRix .joinVotingBtn_5KeTP,
.fourthRow_LWRix .viewResultBtn_knLCt {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
}
.endVotingBtn_0Qi-I {
  color: #fe5250;
  border-color: #fe5250;
}
.do-hovers .endVotingBtn_0Qi-I:hover {
  color: #ff7f78 !important;
  border-color: #ff7f78 !important;
}
.do-hovers .endVotingBtn_0Qi-I:active:not(.disabled_RMHpd) {
  color: #d9383b !important;
  border-color: #d9383b !important;
}

.votedNotificationContainer_iAcXj {
  min-width: 376px;
  max-width: 395px;
  padding: 8px 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  gap: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  background: black;
  pointer-events: auto;
  color: white;
}
.votedNotificationContainer_iAcXj .leftPart_kyLDL {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.votedNotificationContainer_iAcXj .leftPart_kyLDL .text_qDiDY {
  max-width: 272px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  word-break: break-word;
}
.votedNotificationContainer_iAcXj .rightPart_9gHk2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.votedNotificationContainer_iAcXj .rightPart_9gHk2 .action_33QWv {
  flex-shrink: 0;
  height: 32px;
  font-size: 14px;
  line-height: 22px;
  padding: 0 12px;
}
.votedNotificationContainer_iAcXj .rightPart_9gHk2 .closeButton_3yP3k {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.votedNotificationContainer_iAcXj .rightPart_9gHk2 .closeButton_3yP3k .closeIcon_MRAhk {
  width: 16px;
  height: 16px;
}
.phoneMode .votedNotificationContainer_iAcXj {
  min-width: 344px;
  width: 344px;
  padding: 10px 0 10px 16px;
  gap: 12px;
}
.phoneMode .votedNotificationContainer_iAcXj .rightPart_9gHk2 {
  gap: 0;
}
.phoneMode .votedNotificationContainer_iAcXj .rightPart_9gHk2 .closeButton_3yP3k {
  width: 36px;
  height: 36px;
}

.textDiagramContainer_oIS-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 31;
  pointer-events: auto;
}
.textDiagramContainer_oIS-1 iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.imageUmlRoot_cymfW {
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imageUmlRoot_cymfW .imageUmlIconBox_WL-Nd {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.imageUmlRoot_cymfW .imageUmlIconBox_WL-Nd:hover {
  background-color: #F5F6F6;
}