@charset "UTF-8";._layer_kjobu_1 {
  position: fixed;
  z-index: 55;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  opacity: 0.78;
  mix-blend-mode: multiply;
}
@media (prefers-reduced-motion: reduce) {
  ._layer_kjobu_1 {
    display: none;
  }
}
._icon_1nvkf_1 {
  display: inline-block;
  flex: 0 0 auto;
  overflow: hidden;
  vertical-align: -0.125em;
}
:where(._icon_1nvkf_1) {
  width: var(--icon-width);
  height: var(--icon-height);
}
._spinning_1nvkf_11 {
  transform-origin: center;
  animation: _iconSpin_1nvkf_1 1s linear infinite;
}
@keyframes _iconSpin_1nvkf_1 {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._spinning_1nvkf_11 {
    animation: none;
  }
}
._backdrop_mpkth_1 {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  place-items: center;
  padding: calc(24px * var(--responsive-size-scale));
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(calc(4px * var(--responsive-size-scale)));
  animation: _dialogBackdropEnter_mpkth_1 180ms ease-out both;
}
._backdropClosing_mpkth_15 {
  animation: _dialogBackdropExit_mpkth_1 180ms ease-in both;
}
._backdropDrawer_mpkth_18 {
  place-items: stretch end;
  padding: 0;
}
._backdropBottomDrawer_mpkth_22 {
  place-items: end stretch;
  padding: 0;
}
._dialog_mpkth_26 {
  position: relative;
  width: min(calc(423px * var(--responsive-size-scale)), 100%);
  max-height: calc(100vh - calc(48px * var(--responsive-size-scale)));
  overflow: auto;
  padding: calc(30px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 calc(20px * var(--responsive-size-scale)) calc(60px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(calc(12px * var(--responsive-size-scale)));
  animation: _dialogEnter_mpkth_1 180ms ease-out both;
}
._dialogClosing_mpkth_38 {
  animation: _dialogExit_mpkth_1 180ms ease-in both;
}
._dialog_mpkth_26:focus {
  outline: none;
}
._dialogWide_mpkth_44 {
  width: min(calc(650px * var(--responsive-size-scale)), 100%);
  min-height: 0;
  padding: calc(20px * var(--responsive-size-scale));
}
._dialogDrawer_mpkth_49 {
  width: min(calc(716px * var(--responsive-size-scale)), 100%);
  max-width: 100%;
  height: 100vh;
  max-height: 100vh;
  padding: 0;
  border-radius: calc(16px * var(--responsive-size-scale)) 0 0 calc(16px * var(--responsive-size-scale));
  animation-name: _dialogDrawerEnter_mpkth_1;
}
._dialogBottomDrawer_mpkth_58 {
  width: 100%;
  max-width: none;
  height: min(calc(920px * var(--responsive-size-scale)), 94vh);
  max-height: 94vh;
  padding: 0;
  border-radius: calc(16px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale)) 0 0;
  animation-name: _dialogBottomDrawerEnter_mpkth_1;
}
._backdropDrawer_mpkth_18 ._dialogClosing_mpkth_38 {
  animation-name: _dialogDrawerExit_mpkth_1;
}
._backdropBottomDrawer_mpkth_22 ._dialogClosing_mpkth_38 {
  animation-name: _dialogBottomDrawerExit_mpkth_1;
}
._closeButton_mpkth_73 {
  position: absolute;
  top: calc(20px * var(--responsive-size-scale));
  right: calc(20px * var(--responsive-size-scale));
  display: grid;
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  place-items: center;
  color: #999;
  z-index: 1;
}
@keyframes _dialogBackdropEnter_mpkth_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _dialogBackdropExit_mpkth_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _dialogEnter_mpkth_1 {
  from {
    opacity: 0;
    transform: translateY(calc(8px * var(--responsive-size-scale))) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _dialogExit_mpkth_1 {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(calc(8px * var(--responsive-size-scale))) scale(0.98);
  }
}
@keyframes _dialogDrawerEnter_mpkth_1 {
  from {
    opacity: 0;
    transform: translateX(calc(40px * var(--responsive-size-scale)));
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes _dialogDrawerExit_mpkth_1 {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(calc(40px * var(--responsive-size-scale)));
  }
}
@keyframes _dialogBottomDrawerEnter_mpkth_1 {
  from {
    opacity: 0;
    transform: translateY(calc(40px * var(--responsive-size-scale)));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _dialogBottomDrawerExit_mpkth_1 {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(calc(40px * var(--responsive-size-scale)));
  }
}
@media (prefers-reduced-motion: reduce) {
  ._backdrop_mpkth_1,
  ._dialog_mpkth_26 {
    animation: none;
  }
}
._modal_1flyy_1 {
  width: min(calc(423px * var(--responsive-size-scale)), 100%);
  padding: calc(20px * var(--responsive-size-scale));
}
._header_1flyy_5 {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: calc(16px * var(--responsive-size-scale));
}
._title_1flyy_12 {
  min-width: 0;
  flex: 1;
  margin: 0;
  color: #1a1a1b;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(22px * var(--responsive-size-scale));
  overflow-wrap: anywhere;
}
._closeButton_1flyy_22 {
  display: grid;
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  flex: 0 0 calc(22px * var(--responsive-size-scale));
  place-items: center;
  color: #999;
}
._content_1flyy_30 {
  min-width: 0;
  margin-top: calc(20px * var(--responsive-size-scale));
}
._footer_1flyy_34 {
  display: flex;
  justify-content: flex-end;
  gap: calc(12px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
}
._footer_1flyy_34 button {
  min-width: calc(68px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  padding: 0 calc(20px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._cancelButton_1flyy_48 {
  background: #fff;
  color: #1a1a1b;
}
._okButton_1flyy_52 {
  min-width: calc(82px * var(--responsive-size-scale)) !important;
  background: #000;
  color: #fff;
}
@media (forced-colors: active) {
  ._modal_1flyy_1,
  ._footer_1flyy_34 button {
    border: calc(1px * var(--responsive-size-scale)) solid CanvasText;
  }
}
._modal_v2ioe_1 {
  width: min(calc(363px * var(--responsive-size-scale)), 100%);
  overflow: hidden;
  padding: calc(20px * var(--responsive-size-scale));
}
._compactModal_v2ioe_6 {
  min-height: 0;
}
._content_v2ioe_9 {
  margin-top: calc(10px * var(--responsive-size-scale));
}
._description_v2ioe_12 {
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.55;
}
._drawer_t5n8x_1 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #f2f2f2;
  color: #1a1a1b;
}
._header_t5n8x_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(30px * var(--responsive-size-scale));
  margin: calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
}
._title_t5n8x_15 {
  min-width: 0;
  flex: 1;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(22px * var(--responsive-size-scale));
}
._headerExtra_t5n8x_22 {
  min-width: 0;
  flex: 0 1 auto;
}
._closeButton_t5n8x_26 {
  display: grid;
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  flex: 0 0 calc(22px * var(--responsive-size-scale));
  place-items: center;
  color: #999;
}
._content_t5n8x_34 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
._footer_t5n8x_41 {
  display: flex;
  min-height: calc(84px * var(--responsive-size-scale));
  flex: 0 0 calc(84px * var(--responsive-size-scale));
  align-items: center;
  justify-content: flex-end;
  gap: calc(12px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  background: #f2f2f2;
}
._footerLeft_t5n8x_51 {
  min-width: 0;
  flex: 1;
}
._footerActions_t5n8x_55 {
  display: flex;
  flex: 0 0 auto;
  gap: calc(12px * var(--responsive-size-scale));
}
._footerActions_t5n8x_55 button {
  min-width: calc(68px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  padding: 0 calc(20px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
@media (max-width: 640px) {
  ._header_t5n8x_8 {
    flex-wrap: wrap;
  }
  ._headerExtra_t5n8x_22 {
    width: 100%;
    flex-basis: 100%;
    order: 1;
  }
  ._footer_t5n8x_41 {
    min-height: calc(76px * var(--responsive-size-scale));
    flex-basis: calc(76px * var(--responsive-size-scale));
    padding-block: calc(16px * var(--responsive-size-scale));
  }
}
@media (forced-colors: active) {
  ._drawer_t5n8x_1,
  ._footerActions_t5n8x_55 button {
    border: calc(1px * var(--responsive-size-scale)) solid CanvasText;
  }
}
._cell_ug3c0_1 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
}
._avatar_ug3c0_7 {
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  flex: 0 0 calc(22px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._name_ug3c0_14 {
  min-width: 0;
  overflow: hidden;
  color: #161616;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._root_1r1u3_1 {
  width: calc(134px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
}
._fullWidth_1r1u3_5 {
  width: 100%;
}
._selectContent_1r1u3_8 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._selectSuffix_1r1u3_14 {
  color: #000;
}
._selectedPlatformIcon_1r1u3_17 {
  display: block;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  object-fit: contain;
}
._menu_1r1u3_23 {
  min-width: calc(198px * var(--responsive-size-scale));
  padding: calc(10px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(27px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.09);
  backdrop-filter: blur(calc(9px * var(--responsive-size-scale)));
  -webkit-backdrop-filter: blur(calc(9px * var(--responsive-size-scale)));
}
._menuItem_1r1u3_32 {
  min-height: calc(32px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._menuItem_1r1u3_32[aria-selected='true'] ._accountName_1r1u3_38 {
  color: #fff;
}
._menuItem_1r1u3_32[aria-selected='true'],
._menuItem_1r1u3_32[aria-selected='true']:hover {
  color: #fff;
  background: #034fe7;
}
._menuItem_1r1u3_32[aria-selected='true'] ._accountType_1r1u3_46 {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}
._platformLabel_1r1u3_50 {
  display: inline-flex;
  min-width: 0;
  width: 100%;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  color: #000;
}
._platformLabel_1r1u3_50 ._label_content_1r1u3_58 {
  flex: 1;
}
._platformLabel_1r1u3_50 > span {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._menu_1r1u3_23 ._platformOption_1r1u3_68 {
  pointer-events: auto;
  cursor: pointer;
  height: calc(40px * var(--responsive-size-scale));
}
._platformOption_1r1u3_68:hover {
  color: #034fe7;
  background: rgba(0, 0, 0, 0.04);
}
._platformChevron_1r1u3_77 {
  flex: 0 0 auto;
  transform: rotate(-180deg);
}
._platformChevronCollapsed_1r1u3_81 {
  transform: rotate(0deg);
}
._platformIcon_1r1u3_84 {
  display: block;
  width: calc(18px * var(--responsive-size-scale));
  height: calc(18px * var(--responsive-size-scale));
  flex: 0 0 calc(18px * var(--responsive-size-scale));
  object-fit: contain;
}
._accountLabel_1r1u3_91 {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: calc(8px * var(--responsive-size-scale));
}
._accountName_1r1u3_38 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._accountType_1r1u3_46 {
  display: inline-flex;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(17px * var(--responsive-size-scale));
  flex: 0 0 calc(20px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  border-radius: calc(4px * var(--responsive-size-scale));
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(17px * var(--responsive-size-scale));
}
._accountType-company_1r1u3_117 {
  color: #034fe7;
  background: rgba(3, 79, 231, 0.1);
}
._accountType-member_1r1u3_121 {
  color: #22a15a;
  background: rgba(34, 161, 90, 0.1);
}
._root_125d2_1 {
  position: relative;
  display: inline-flex;
  max-width: 100%;
}
._trigger_125d2_6 {
  display: inline-flex;
  min-height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  padding: calc(8px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(999px * var(--responsive-size-scale));
  color: #080808;
  background: rgba(255, 255, 255, 0.62);
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
}
._dismissLayer_125d2_20 {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
}
._menu_125d2_29 {
  position: fixed;
  z-index: 1001;
  display: grid;
  max-width: calc(100vw - calc(16px * var(--responsive-size-scale)));
  max-height: calc(100vh - calc(16px * var(--responsive-size-scale)));
  min-width: calc(184px * var(--responsive-size-scale));
  gap: calc(4px * var(--responsive-size-scale));
  overflow-y: auto;
  padding: calc(10px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 calc(10px * var(--responsive-size-scale)) calc(28px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(calc(12px * var(--responsive-size-scale))) saturate(1.1);
  -webkit-backdrop-filter: blur(calc(12px * var(--responsive-size-scale))) saturate(1.1);
  transform-origin: top left;
  animation: _menu-enter_125d2_1 160ms ease-out;
}
._menu_125d2_29[data-placement='top'] {
  transform-origin: bottom left;
  animation-name: _menu-enter-top_125d2_1;
}
._menu_125d2_29[data-align='end'][data-placement='bottom'] {
  transform-origin: top right;
}
._menu_125d2_29[data-align='end'][data-placement='top'] {
  transform-origin: bottom right;
}
._menuItem_125d2_58 {
  display: flex;
  width: 100%;
  height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: flex-start;
  gap: calc(12px * var(--responsive-size-scale));
  padding: 0 calc(22px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #1a1a1a;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-align: left;
  transition: background-color 140ms ease, color 140ms ease;
}
._menuItem_125d2_58:hover:not(:disabled) {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}
._menuItem_125d2_58[data-selected='true'],
._menuItem_125d2_58[data-selected='true']:hover:not(:disabled) {
  color: #fff;
  background: #000;
}
._menuItem_125d2_58:active:not(:disabled) {
  background: rgba(3, 79, 231, 0.14);
}
._menuItem_125d2_58:disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: not-allowed;
}
._menuItemIcon_125d2_89 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}
._checkmark_125d2_95 {
  margin-left: auto;
  font-size: calc(18px * var(--responsive-size-scale));
  line-height: 1;
}
@keyframes _menu-enter_125d2_1 {
  from {
    opacity: 0;
    transform: translateY(calc(-4px * var(--responsive-size-scale))) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _menu-enter-top_125d2_1 {
  from {
    opacity: 0;
    transform: translateY(calc(4px * var(--responsive-size-scale))) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._menu_125d2_29 {
    animation-duration: 0.01ms;
  }
  ._menuItem_125d2_58 {
    transition-duration: 0.01ms;
  }
}
._root_1m2a5_1 {
  position: relative;
  display: inline-flex;
  gap: calc(4px * var(--responsive-size-scale));
  vertical-align: middle;
}
._dateLabel_1m2a5_7 {
  position: absolute;
  bottom: calc(100% + calc(2px * var(--responsive-size-scale)));
  left: 50%;
  z-index: 1;
  padding: calc(1px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #e5e7eb;
  border-radius: calc(4px * var(--responsive-size-scale));
  background: #fff;
  color: #161616;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(16px * var(--responsive-size-scale));
  white-space: nowrap;
  transform: translateX(-50%);
}
._hiddenAccountSelect_1m2a5_22 {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: calc(1px * var(--responsive-size-scale));
  height: calc(1px * var(--responsive-size-scale));
  opacity: 0;
  pointer-events: none;
}
._trigger_1m2a5_31 {
  display: inline-flex;
  width: calc(24px * var(--responsive-size-scale));
  height: calc(24px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  border-radius: calc(6px * var(--responsive-size-scale));
  color: #7a8794;
  transition: color 140ms ease, background-color 140ms ease;
}
._trigger_1m2a5_31:hover,
._trigger_1m2a5_31:focus-visible {
  color: #034fe7;
  background: rgba(3, 79, 231, 0.08);
  outline: none;
}
._selected_1m2a5_47 {
  color: #034fe7;
}
._menu_1m2a5_50 {
  width: max-content;
  min-width: calc(144px * var(--responsive-size-scale));
  max-width: min(calc(320px * var(--responsive-size-scale)), calc(100vw - calc(16px * var(--responsive-size-scale))));
  grid-template-columns: minmax(0, 1fr);
  overflow-x: hidden;
  padding: calc(6px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  scrollbar-width: none;
}
._menu_1m2a5_50::-webkit-scrollbar {
  display: none;
}
._menuItem_1m2a5_66 {
  min-width: 0;
  height: calc(32px * var(--responsive-size-scale));
  padding: 0 calc(10px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._menuLabel_1m2a5_74 {
  min-width: 0;
  flex: 1;
  overflow: hidden;
}
._menuItem_1m2a5_66 ._menuText_1m2a5_79 {
  display: block;
  width: 100%;
  color: inherit;
}
@media (prefers-reduced-motion: reduce) {
  ._trigger_1m2a5_31 {
    transition-duration: 0.01ms;
  }
}
._root_sok96_1 {
  position: relative;
  display: grid;
  min-width: 0;
  gap: calc(4px * var(--responsive-size-scale));
  padding: calc(4px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #efefef;
}
._indicator_sok96_10 {
  position: absolute;
  top: calc(4px * var(--responsive-size-scale));
  bottom: calc(4px * var(--responsive-size-scale));
  left: calc(4px * var(--responsive-size-scale));
  z-index: 0;
  border-radius: calc(12px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: 0 calc(1px * var(--responsive-size-scale)) calc(2px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.04);
  pointer-events: none;
  will-change: transform;
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
._tab_sok96_23 {
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: calc(42px * var(--responsive-size-scale));
  border-radius: calc(12px * var(--responsive-size-scale));
  color: #666;
  font-size: calc(16px * var(--responsive-size-scale));
  line-height: 1.25;
  white-space: nowrap;
  transition: background-color 160ms ease, color 220ms ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
._tab_sok96_23:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.55);
}
._tabActive_sok96_41 {
  color: #0a0a0a;
  font-weight: 500;
}
._tab_sok96_23:disabled {
  color: #999;
  cursor: not-allowed;
}
@media (prefers-reduced-motion: reduce) {
  ._indicator_sok96_10,
  ._tab_sok96_23 {
    transition-duration: 0.01ms;
  }
}
._dialog_n56m2_1 {
  background: #f2f2f2;
}
._content_n56m2_4 {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  gap: 0;
  overflow-y: auto;
  padding: 0 calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
}
._dateRange_n56m2_13 {
  width: calc(330px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #fff;
}
._balanceGrid_n56m2_20 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, calc(382px * var(--responsive-size-scale))));
  gap: calc(16px * var(--responsive-size-scale));
}
._balanceCardAvailable_n56m2_25,
._balanceCardMonthly_n56m2_26 {
  min-height: calc(96px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
}
._balanceCardAvailable_n56m2_25 {
  color: #fff;
  background: #000;
}
._balanceCardMonthly_n56m2_26 {
  color: #000;
  background: #fff;
}
._balanceLabel_n56m2_39 {
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._balanceValue_n56m2_43 {
  display: flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  margin-top: calc(8px * var(--responsive-size-scale));
  font-family: 'DIN Alternate', 'Arial Narrow', sans-serif;
  font-size: calc(24px * var(--responsive-size-scale));
  line-height: calc(28px * var(--responsive-size-scale));
}
._balanceValue_n56m2_43 strong {
  font-weight: 700;
}
._powerIconFrame_n56m2_55 {
  display: inline-flex;
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  flex: 0 0 calc(22px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
._powerIconFrameDark_n56m2_64 {
  color: #fff;
  background: #000;
}
._powerIconFrameLight_n56m2_68 {
  color: #000;
  background: #fff;
}
._toolbar_n56m2_72 {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: calc(16px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
}
._tabLabel_n56m2_80 {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: calc(4px * var(--responsive-size-scale));
}
._tabAvatar_n56m2_87 {
  width: calc(28px * var(--responsive-size-scale));
  height: calc(28px * var(--responsive-size-scale));
  flex: 0 0 calc(28px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._toolbarActions_n56m2_94 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: calc(16px * var(--responsive-size-scale));
}
._searchField_n56m2_100 {
  width: calc(151px * var(--responsive-size-scale));
}
._exportButton_n56m2_103 {
  display: inline-flex;
  min-width: calc(98px * var(--responsive-size-scale));
  height: calc(32px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(6px * var(--responsive-size-scale));
  padding: 0 calc(10px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #000;
  background: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
}
._exportButton_n56m2_103:hover {
  background: #e9e9e9;
}
._exportButton_n56m2_103:disabled {
  color: #999;
  cursor: not-allowed;
  background: #f5f5f5;
}
._summaryGrid_n56m2_126 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: calc(16px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
}
._summaryCard_n56m2_132 {
  min-width: 0;
  min-height: calc(102px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._summaryCard_n56m2_132 > p {
  overflow: hidden;
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._summaryCard_n56m2_132 > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: calc(12px * var(--responsive-size-scale));
  margin-top: calc(6px * var(--responsive-size-scale));
}
._summaryCard_n56m2_132 strong {
  color: #000;
  font-family: 'DIN Alternate', 'Arial Narrow', sans-serif;
  font-size: calc(34px * var(--responsive-size-scale));
  font-weight: 700;
  line-height: calc(40px * var(--responsive-size-scale));
}
._summaryCard_n56m2_132 span {
  overflow: hidden;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._tablePanel_n56m2_169 {
  position: relative;
  flex: 1;
  margin-top: calc(16px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._tableViewport_n56m2_177 {
  width: 100%;
}
._table_n56m2_169 {
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._budgetCell_n56m2_184 {
  display: block;
  white-space: pre-line;
}
._tableTitle_n56m2_188 {
  display: inline-flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
}
._valueCell_n56m2_193 {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
}
._publishedWorkTitle_n56m2_199 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._publishedWorkCell_n56m2_205 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(2px * var(--responsive-size-scale));
}
._publishedWorkTask_n56m2_211 {
  overflow: hidden;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._valueGlyph_n56m2_219 {
  display: block;
  width: calc(12px * var(--responsive-size-scale));
  height: calc(15px * var(--responsive-size-scale));
}
._mutedCell_n56m2_224 {
  color: #999;
}
._emptyState_n56m2_227 {
  display: block;
  padding: calc(48px * var(--responsive-size-scale)) 0;
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-align: center;
}
@media (max-width: 900px) {
  ._dialog_n56m2_1 {
    height: min(calc(920px * var(--responsive-size-scale)), 96vh);
    max-height: 96vh;
  }
  ._content_n56m2_4 {
    padding: 0 calc(16px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  }
  ._toolbar_n56m2_72 {
    align-items: stretch;
    flex-direction: column;
  }
  ._toolbarActions_n56m2_94 {
    justify-content: flex-end;
  }
  ._summaryGrid_n56m2_126 {
    display: flex;
    overflow-x: auto;
    padding-bottom: calc(2px * var(--responsive-size-scale));
  }
  ._summaryCard_n56m2_132 {
    width: calc(200px * var(--responsive-size-scale));
    flex: 0 0 calc(200px * var(--responsive-size-scale));
  }
}
@media (max-width: 640px) {
  ._dateRange_n56m2_13 {
    width: 100%;
  }
  ._balanceGrid_n56m2_20 {
    grid-template-columns: minmax(0, calc(382px * var(--responsive-size-scale)));
  }
  ._toolbarActions_n56m2_94 {
    justify-content: space-between;
  }
  ._searchField_n56m2_100 {
    flex: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._exportButton_n56m2_103 {
    transition: none;
  }
}
._status_myf9h_1 {
  --status-gap: calc(4px * var(--responsive-size-scale));
  --status-color: #22a15a;
  display: inline-flex;
  align-items: center;
  gap: var(--status-gap);
  color: var(--status-color);
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1;
  white-space: nowrap;
}
._compact_myf9h_12 {
  --status-gap: calc(7px * var(--responsive-size-scale));
}
._warning_myf9h_15 {
  --status-color: #b1a542;
}
._info_myf9h_18 {
  --status-color: #034fe7;
}
._orange_myf9h_21 {
  --status-color: #ff7b1c;
}
._neutral_myf9h_24 {
  --status-color: #8a8a8a;
}
._error_myf9h_27 {
  --status-color: #f5222d;
}
._icon_myf9h_30 {
  display: inline-flex;
  width: calc(12px * var(--responsive-size-scale));
  height: calc(12px * var(--responsive-size-scale));
  flex: 0 0 calc(12px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--status-color) 20%, transparent);
}
._icon_myf9h_30::after {
  width: calc(6px * var(--responsive-size-scale));
  height: calc(6px * var(--responsive-size-scale));
  border-radius: 50%;
  background: var(--status-color);
  content: '';
}
._layout_18mhy_1 {
  display: flex;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: #f7f7f7;
}
._layoutHome_18mhy_9 {
  background: #f5f5f5;
}
._sidebar_18mhy_12 {
  position: relative;
  z-index: 2;
  display: flex;
  width: calc(200px * var(--responsive-size-scale));
  flex: 0 0 calc(200px * var(--responsive-size-scale));
  flex-direction: column;
  margin: calc(10px * var(--responsive-size-scale)) 0 calc(10px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  padding: calc(45px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.92);
  overflow: hidden;
  overflow: clip;
  user-select: none;
  -webkit-user-select: none;
  transition: width 180ms ease, flex-basis 180ms ease, padding 180ms ease;
}
._brand_18mhy_29 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(30px * var(--responsive-size-scale));
  padding-left: calc(31px * var(--responsive-size-scale));
  transition: margin-bottom 180ms ease, padding-left 180ms ease;
}
._brandIdentity_18mhy_38 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(9px * var(--responsive-size-scale));
}
._brandLogo_18mhy_44 {
  width: calc(28px * var(--responsive-size-scale));
  height: calc(28px * var(--responsive-size-scale));
  object-fit: contain;
}
._brandName_18mhy_49 {
  font-size: calc(20px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
._sidebarToggle_18mhy_55 {
  display: flex;
  width: calc(28px * var(--responsive-size-scale));
  height: calc(28px * var(--responsive-size-scale));
  flex: 0 0 calc(28px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  margin-left: auto;
  border-radius: calc(6px * var(--responsive-size-scale));
  color: #999;
  transition: color 150ms ease,
    background 150ms ease,
    opacity 150ms ease;
}
._sidebarToggle_18mhy_55:hover,
._sidebarToggle_18mhy_55:focus-visible {
  color: #333;
  background: #f1f1f1;
  outline: none;
}
._sidebarCaption_18mhy_75,
._navSection_18mhy_76 {
  margin: 0;
  color: #666;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: 1;
}
._sidebarCaption_18mhy_75 {
  margin: calc(37px * var(--responsive-size-scale)) 0 calc(8px * var(--responsive-size-scale)) calc(30px * var(--responsive-size-scale));
}
._navList_18mhy_85 {
  display: flex;
  flex-direction: column;
  gap: calc(16px * var(--responsive-size-scale));
  padding-bottom: calc(20px * var(--responsive-size-scale));
  flex: 1;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._navList_18mhy_85::-webkit-scrollbar {
  display: none;
}
._navGroupItems_18mhy_98 {
  display: flex;
  flex-direction: column;
  gap: calc(10px * var(--responsive-size-scale));
}
._navItem_18mhy_103 {
  display: flex;
  width: 100%;
  height: calc(40px * var(--responsive-size-scale));
  min-height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  padding: 0 calc(10px * var(--responsive-size-scale)) 0 calc(30px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #080808;
  font-size: calc(14px * var(--responsive-size-scale));
  text-align: left;
  transition: background 150ms ease;
}
._navItem_18mhy_103:hover,
._navItemActive_18mhy_118 {
  background: #f1f1f1;
}
._navItemLink_18mhy_121 {
  cursor: pointer;
}
._navItemDisabled_18mhy_124 {
  cursor: not-allowed;
  opacity: 0.45;
}
._navLabel_18mhy_128 {
  white-space: nowrap;
}
._navExpandArrow_18mhy_131 {
  margin-left: auto;
  transform: rotate(90deg);
  transition: transform 150ms ease;
}
._navExpandArrowExpanded_18mhy_136 {
  transform: rotate(-90deg);
}
._navChildren_18mhy_139 {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 150ms ease;
}
._navChildrenCollapsed_18mhy_144 {
  grid-template-rows: 0fr;
}
._navChildrenInner_18mhy_147 {
  display: flex;
  min-height: 0;
  flex-direction: column;
  gap: calc(6px * var(--responsive-size-scale));
  overflow: hidden;
}
._navChild_18mhy_139 {
  display: flex;
  height: calc(40px * var(--responsive-size-scale));
  min-height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  padding-left: calc(54px * var(--responsive-size-scale));
  color: #666;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
  border-radius: calc(8px * var(--responsive-size-scale));
  transition: background 150ms ease;
}
._navChild_18mhy_139._navItemLink_18mhy_121:hover,
._navChild_18mhy_139._navItemLink_18mhy_121:focus {
  background: #f1f1f1;
}
._navLabelUnread_18mhy_171 {
  position: relative;
}
._navLabelUnread_18mhy_171::after {
  position: absolute;
  top: calc(2px * var(--responsive-size-scale));
  right: calc(-13px * var(--responsive-size-scale));
  width: calc(7px * var(--responsive-size-scale));
  height: calc(7px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #ff6c21;
  content: '';
  transform: translateY(-50%);
}
._liveStatus_18mhy_185 {
  display: flex;
  margin-left: calc(-3px * var(--responsive-size-scale));
}
._navSection_18mhy_76 {
  margin: 0 0 calc(8px * var(--responsive-size-scale)) calc(30px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
}
._navSectionSpacer_18mhy_193 {
  height: calc(16px * var(--responsive-size-scale));
}
._profile_18mhy_196 {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  width: 100%;
  height: calc(32px * var(--responsive-size-scale));
  padding: calc(4px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  font-size: calc(12px * var(--responsive-size-scale));
  text-align: left;
  transition: background 150ms ease, padding-left 180ms ease;
}
._profile_18mhy_196:hover,
._profile_18mhy_196:focus-visible {
  background: #f1f1f1;
}
._sidebarFooter_18mhy_213 {
  display: flex;
  flex-direction: column;
  gap: calc(25px * var(--responsive-size-scale));
}
._powerValue_18mhy_218 {
  display: flex;
  width: 100%;
  min-height: calc(45px * var(--responsive-size-scale));
  align-items: center;
  justify-content: space-between;
  padding: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  color: #fff;
  background: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-align: left;
  white-space: nowrap;
}
._powerValueMetric_18mhy_233 {
  display: flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
}
._powerValueIcon_18mhy_238 {
  display: block;
  font-size: calc(18px * var(--responsive-size-scale));
}
._powerValueNumber_18mhy_242 {
  font-family: 'DIN Alternate', 'Arial Narrow', sans-serif;
  font-size: calc(18px * var(--responsive-size-scale));
  font-weight: 700;
  line-height: 1;
}
._profileDropdownTrigger_18mhy_248 {
  width: 100%;
}
._profileDropdown_18mhy_248 {
  width: auto;
}
._profile_18mhy_196::before {
  position: absolute;
  top: calc(-8px * var(--responsive-size-scale));
  right: 0;
  left: 0;
  height: calc(1px * var(--responsive-size-scale));
  background: #f3f3f3;
  content: '';
}
._profileAvatar_18mhy_263 {
  width: calc(24px * var(--responsive-size-scale));
  height: calc(24px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._content_18mhy_269 {
  height: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
._sidebarCollapsed_18mhy_276 {
  width: calc(90px * var(--responsive-size-scale));
  flex-basis: calc(90px * var(--responsive-size-scale));
  padding-right: calc(8px * var(--responsive-size-scale));
  padding-left: calc(8px * var(--responsive-size-scale));
}
._sidebarCollapsed_18mhy_276 ._brand_18mhy_29 {
  width: 100%;
  height: calc(36px * var(--responsive-size-scale));
  margin-bottom: calc(28px * var(--responsive-size-scale));
  justify-content: flex-start;
  padding-left: calc(23px * var(--responsive-size-scale));
}
._sidebarCollapsed_18mhy_276 ._brandIdentity_18mhy_38 {
  gap: 0;
}
._sidebarCollapsed_18mhy_276 ._brand_18mhy_29:hover ._brandLogo_18mhy_44,
._sidebarCollapsed_18mhy_276 ._brand_18mhy_29:has(._sidebarToggle_18mhy_55:focus-visible) ._brandLogo_18mhy_44 {
  visibility: hidden;
}
._sidebarCollapsed_18mhy_276 ._brandName_18mhy_49,
._sidebarCollapsed_18mhy_276 ._sidebarCaption_18mhy_75,
._sidebarCollapsed_18mhy_276 ._navSection_18mhy_76,
._sidebarCollapsed_18mhy_276 ._navLabel_18mhy_128,
._sidebarCollapsed_18mhy_276 ._profile_18mhy_196 > span {
  display: none;
}
._sidebarOpening_18mhy_303 ._brandName_18mhy_49,
._sidebarOpening_18mhy_303 ._sidebarCaption_18mhy_75,
._sidebarOpening_18mhy_303 ._navSection_18mhy_76,
._sidebarOpening_18mhy_303 ._navLabel_18mhy_128,
._sidebarOpening_18mhy_303 ._profile_18mhy_196 > span,
._sidebarOpening_18mhy_303 ._powerValueLabel_18mhy_308,
._sidebarOpening_18mhy_303 ._powerValueNumber_18mhy_242 {
  display: none;
}
._sidebarCollapsed_18mhy_276 ._navExpandArrow_18mhy_131,
._sidebarOpening_18mhy_303 ._navExpandArrow_18mhy_131 {
  display: none;
}
._sidebarCollapsed_18mhy_276 ._navChildren_18mhy_139 {
  display: none;
}
._sidebarOpening_18mhy_303 ._navChildren_18mhy_139 {
  visibility: hidden;
}
._sidebarCollapsed_18mhy_276 ._sidebarToggle_18mhy_55 {
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(36px * var(--responsive-size-scale));
  height: calc(36px * var(--responsive-size-scale));
  flex-basis: calc(36px * var(--responsive-size-scale));
  margin-left: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
}
._sidebarCollapsed_18mhy_276 ._brand_18mhy_29:hover ._sidebarToggle_18mhy_55,
._sidebarCollapsed_18mhy_276 ._brand_18mhy_29:has(._sidebarToggle_18mhy_55:focus-visible) ._sidebarToggle_18mhy_55 {
  opacity: 1;
  pointer-events: auto;
}
._sidebarCollapsed_18mhy_276 ._navItem_18mhy_103 {
  justify-content: center;
  padding-right: 0;
  padding-left: 0;
}
._sidebarCollapsed_18mhy_276 ._navList_18mhy_85 {
  margin-top: 0;
}
._sidebarCollapsed_18mhy_276 ._liveStatus_18mhy_185 {
  display: none;
}
._sidebarCollapsed_18mhy_276 ._powerValue_18mhy_218 {
  width: 100%;
  align-self: center;
  justify-content: center;
  padding: 0 calc(12px * var(--responsive-size-scale));
}
._sidebarCollapsed_18mhy_276 ._powerValueLabel_18mhy_308,
._sidebarCollapsed_18mhy_276 ._powerValueNumber_18mhy_242 {
  display: none;
}
._sidebarCollapsed_18mhy_276 ._profile_18mhy_196 {
  justify-content: flex-start;
  padding-left: calc(25px * var(--responsive-size-scale));
}
@media (prefers-reduced-motion: reduce) {
  ._sidebar_18mhy_12,
  ._sidebarToggle_18mhy_55,
  ._profile_18mhy_196,
  ._brand_18mhy_29,
  ._navChild_18mhy_139,
  ._navChildren_18mhy_139 {
    transition: none;
  }
}
._composer_sfifp_1 {
  display: flex;
  min-height: calc(62px * var(--responsive-size-scale));
  align-items: center;
  flex: 0 0 auto;
  padding: calc(16px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #ececec;
  border-radius: calc(14px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: 0 0 calc(16px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.08);
}
._textarea_sfifp_12 {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  padding: 0;
  resize: none;
  color: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  line-height: normal;
  overflow-y: auto;
  line-height: calc(22px * var(--responsive-size-scale));
}
._textarea_sfifp_12::placeholder {
  color: #000;
  opacity: 0.2;
}
._sendButton_sfifp_29 {
  display: grid;
  width: calc(30px * var(--responsive-size-scale));
  height: calc(30px * var(--responsive-size-scale));
  flex: 0 0 calc(30px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #d1d1d1;
}
._sendButtonActive_sfifp_39 {
  background: #000;
}
._stopButton_sfifp_42 {
  cursor: pointer;
}
._stopIcon_sfifp_45 {
  width: calc(10px * var(--responsive-size-scale));
  height: calc(10px * var(--responsive-size-scale));
  border-radius: calc(2px * var(--responsive-size-scale));
  background: currentColor;
}
._autoSize_sfifp_51 {
  max-height: calc(120px * var(--responsive-size-scale));
  align-items: stretch;
  box-shadow: 0 0 calc(20px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.08);
}
._autoSize_sfifp_51 ._textarea_sfifp_12 {
  align-self: center;
  padding-right: calc(13px * var(--responsive-size-scale));
}
._autoSize_sfifp_51 ._sendButton_sfifp_29 {
  align-self: flex-end;
}
.x-markdown-debug-panel {
  position: fixed;
  z-index: 9999;
  right: 0;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 8px;
  padding: 12px;
  font-family:
    "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace;
  font-size: 12px;
  color: #fff;
  width: 180px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(8px);
  user-select: none;
  transition: box-shadow 0.2s;
}

.x-markdown-debug-panel:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.x-markdown-debug-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.x-markdown-debug-row:last-child {
  margin-bottom: 0;
}

.x-markdown-debug-label {
  color: rgba(255, 255, 255, 0.65);
  font-weight: 500;
  min-width: 60px;
}

.x-markdown-debug-value {
  font-weight: 600;
  min-width: 50px;
  text-align: right;
}

.x-markdown-debug-chart {
  margin-left: auto;
}

/* Actions */
.x-markdown-debug-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.x-markdown-debug-action {
  flex: 1;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}

.x-markdown-debug-action:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}

.x-markdown-debug-action:active {
  transform: scale(0.98);
}

/* Record Button */
.x-markdown-debug-record-btn.recording {
  background: rgba(255, 77, 79, 0.2);
  border-color: #ff4d4f;
  animation: recording-pulse 1.5s ease-in-out infinite;
}

@keyframes recording-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(255, 77, 79, 0.4);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(255, 77, 79, 0);
  }
}

/* Modal Overlay */
.x-markdown-debug-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Modal */
.x-markdown-debug-modal {
  background: rgba(30, 30, 30, 0.95);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
  animation: slideIn 0.3s ease-out;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

@keyframes slideIn {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Modal Header */
.x-markdown-debug-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.x-markdown-debug-close-btn {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.x-markdown-debug-close-btn:hover {
  background: rgba(255, 77, 79, 0.3);
}

/* Modal Content */
.x-markdown-debug-modal-content {
  padding: 24px;
}

/* Stats Summary */
.x-markdown-debug-stats-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

.x-markdown-debug-stat-item {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.x-markdown-debug-stat-label {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.x-markdown-debug-stat-value {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

/* Chart */
.x-markdown-debug-chart-full {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.x-markdown-debug-chart-full .fps-line,
.x-markdown-debug-chart-full .memory-line {
  filter: drop-shadow(0 0 4px currentColor);
}

/* Legend */
.x-markdown-debug-legend {
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-top: 16px;
}

.x-markdown-debug-legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}

.x-markdown-debug-legend-color {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}

/* Responsive */
@media (max-width: 768px) {
  .x-markdown-debug-stats-summary {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* ==========================================
   XMarkdown – default css
   ========================================== */

/*
 * Default tag styles are gated behind `:not(.x-md-disable-all):not(.x-md-disable-<tag>)`
 * so consumers can opt out via the `disableDefaultStyles` prop. This prevents the
 * descendant-selector defaults (e.g. `ul`/`li`/`code`) from polluting elements
 * rendered by custom components (such as antd `Collapse`) inside the container.
 */

@keyframes x-markdown-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.x-markdown {
  --text-color: inherit;
  --font-size: inherit;
  --margin-block: 0 0 1em 0;
  --td-th-padding: 0.85em 1em;
  --pre-th-td-padding: 2px 0;
  --border-font-weight: 600;
  --padding-ul-ol: 0 0 0 1em;
  --margin-ul-ol: 0 0 1em 1.8em;
  --margin-li: 0.25em 0;
  --margin-pre: 1em 0;
  --padding-code-inline: 0.2em 0.4em;
  --margin-code-inline: 0 0.2em;
  --code-inline-text: 0.85em;
  --small-border-radius: 2px;
  --image-margin: 0.5em 0;
  --hr-margin: 1.5em 0;
  --table-margin: 1em 0;

  font-size: var(--font-size);
  line-height: 1.5714285714285714;
  width: 100%;
  color: var(--text-color);
}

/* xmd-tail: default styling for streaming tail indicator */
xmd-tail {
  display: inline;
}

.xmd-tail {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.x-markdown p,
.x-markdown div,
.x-markdown span,
.x-markdown li {
  word-break: break-word;
  overflow-wrap: break-word;
}

.x-markdown pre,
.x-markdown code {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-th) th,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-td) td {
  padding: var(--td-th-padding);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-th) th {
  font-weight: var(--border-font-weight);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-table) pre table {
  box-shadow: none;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-td) pre td,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-th) pre th {
  padding: var(--pre-th-td-padding);
  border: none;
  text-align: left;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-p) p {
  margin: var(--margin-block);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-p) p:first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-p) p:last-child {
  margin-bottom: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ul) ul,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ol) ol {
  margin: var(--margin-ul-ol);
  padding: var(--padding-ul-ol);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ul) ul:first-child,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ol) ol:first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ul) ul:last-child,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ol) ol:last-child {
  margin-bottom: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ol):not(.x-md-disable-li) ol > li {
  list-style: decimal;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ul):not(.x-md-disable-li) ul > li {
  list-style: disc;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-li) li {
  margin: var(--margin-li);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-li) li:first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-li) li:last-child {
  margin-bottom: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-pre) pre {
  margin: var(--margin-pre);
  overflow-x: auto;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-pre) pre:first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-pre) pre:last-child {
  margin-bottom: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-code) code {
  padding: var(--padding-code-inline);
  margin: var(--margin-code-inline);
  font-size: var(--code-inline-text);
  border-radius: var(--small-border-radius);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-code) pre code {
  padding: 0;
  margin: 0;
  font-size: inherit;
  border-radius: 0;
  line-height: 2;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-img) img {
  max-width: 100%;
  height: auto;
  margin: var(--image-margin);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-hr) hr {
  margin: var(--hr-margin);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-table) table:not(pre) {
  margin: var(--table-margin);
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
  overflow: auto;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-table) table:not(pre):first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-table) table:not(pre):last-child {
  margin-bottom: 0;
}

.x-markdown .inline-katex .katex-display {
  display: inline-block;
  margin: 0;
  text-align: initial;
  vertical-align: middle;
}

.x-markdown .inline-katex .katex-display > .katex {
  display: inline-block;
  text-align: initial;
  white-space: normal;
}

.x-markdown .inline-katex .katex-display > .katex > .katex-html {
  display: inline-block;
  position: static;
}

.x-markdown .inline-katex .katex-display > .katex > .katex-html > .tag {
  position: static;
}

.x-markdown .block-katex {
  display: block;
  margin: 1em 0;
}
._root_nj0hj_1 {
  display: flex;
  position: relative;
  width: calc(32px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
}
._filter_nj0hj_9 {
  position: absolute;
  width: 0;
  height: 0;
}
._dot_nj0hj_14 {
  position: absolute;
  width: calc(8px * var(--responsive-size-scale));
  height: calc(8px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #111;
  will-change: transform;
}
._messageItem_1qb1d_1 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(8px * var(--responsive-size-scale));
}
._messageItem_1qb1d_1:not(:first-of-type) {
  margin-top: calc(20px * var(--responsive-size-scale));
}
._messageItemRight_1qb1d_10 {
  align-items: flex-end;
}
._messageTime_1qb1d_13 {
  align-self: center;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._messageRow_1qb1d_18 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: calc(14px * var(--responsive-size-scale));
}
._messageItemRight_1qb1d_10 ._messageRow_1qb1d_18 {
  justify-content: flex-end;
}
._avatar_1qb1d_27 {
  width: calc(42px * var(--responsive-size-scale));
  height: calc(42px * var(--responsive-size-scale));
  flex: 0 0 calc(42px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._messageBody_1qb1d_34 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}
._messageItemRight_1qb1d_10 ._messageBody_1qb1d_34 {
  align-items: flex-end;
}
._messageName_1qb1d_43 {
  margin-bottom: calc(7px * var(--responsive-size-scale));
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
}
._messageBubble_1qb1d_48 {
  max-width: 100%;
  margin: 0;
  padding: calc(12px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border-radius: calc(13px * var(--responsive-size-scale));
  background: #f1f1f1;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.55;
  overflow-wrap: anywhere;
}
._messageItemRight_1qb1d_10 ._messageBubble_1qb1d_48 {
  background: #e4ebf9;
}
._messageBubble_1qb1d_48 p {
  margin: 0;
}
._loadingBubble_1qb1d_64 {
  display: flex;
  width: calc(52px * var(--responsive-size-scale));
  height: calc(46px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #f6f6f6;
}
.x-markdown-light {
  --font-size: 14px;
  --primary-color: #1677ff;
  --primary-color-hover: #4096ff;
  --heading-color: #000000;
  --text-color: rgba(0, 0, 0, 0.85);
  --border-color: rgba(240, 240, 240, 1);
  --line-color: rgba(5, 5, 5, 0.06);
  --light-bg: rgba(0, 0, 0, 0.04);
  --table-head-bg: rgba(250, 250, 250, 1);
  --table-body-bg: rgba(255, 255, 255, 1);
  --cite-bg: rgba(0, 0, 0, 0.1);
  --cite-hover-bg: rgba(0, 0, 0, 0.2);
  --border-radius-middle: 6px;
  --border-radius-small: 4px;
  --td-th-padding: 10px 12px;
  --border-font-weight: 600;
  --margin-block: 0 0 16px 0;
  --padding-ul-ol: 0 0 0 16px;
  --margin-ul-ol: 0 0 16px 28px;
  --margin-li: 0 0 14px 0;
  --hr-margin: 24px 0;
  --table-margin: 0 0 24px 0;
  --margin-pre: 0 0 16px 0;
  --padding-code: 16px;
  --xmd-tail-color: var(--text-color);
}

.x-markdown-light h1,
.x-markdown-light h2,
.x-markdown-light h3,
.x-markdown-light h4 {
  color: var(--heading-color);
  font-weight: var(--border-font-weight);
  margin: var(--margin-block);
}

.x-markdown-light h1 {
  font-size: 24px;
  line-height: 36px;
}

.x-markdown-light h2 {
  font-size: 20px;
  line-height: 32px;
}

.x-markdown-light h3 {
  font-size: 18px;
  /* 18px */
  line-height: 30px;
}

.x-markdown-light h4 {
  font-size: 16px;
}

.x-markdown-light p,
.x-markdown-light li {
  color: var(--text-color);
  margin: var(--margin-block);
}

/* 列表项通用样式 */
.x-markdown-light li {
  position: relative;
}

.x-markdown-light li::marker {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: var(--heading-color);
}

.x-markdown-light ul > li ul > li,
.x-markdown-light ul > li ol > li {
  list-style: circle;
}

.x-markdown-light ul > li ul > li ul > li,
.x-markdown-light ul > li ul > li ol > li,
.x-markdown-light ul > li ol > li ul > li,
.x-markdown-light ul > li ol > li ol > li {
  list-style: square;
}

.x-markdown-light ol > li ol > li,
.x-markdown-light ol > li ul > li {
  list-style: lower-alpha;
}

.x-markdown-light ol > li ol > li ol > li,
.x-markdown-light ol > li ol > li ul > li,
.x-markdown-light ol > li ul > li ol > li,
.x-markdown-light ol > li ul > li ul > li {
  list-style: lower-roman;
}

.x-markdown-light hr {
  border: 0;
  border-top: 1px solid var(--line-color);
  margin: var(--hr-margin);
}

.x-markdown-light table {
  border-collapse: collapse;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin: var(--table-margin);
}

.x-markdown-light thead {
  background-color: var(--table-head-bg);
}

.x-markdown-light tbody {
  background-color: var(--table-body-bg);
}

.x-markdown-light tbody tr {
  background-color: var(--table-body-bg);
  transition: background-color 200ms linear;

  &:hover {
    background-color: var(--table-head-bg);
  }
}

.x-markdown-light th,
.x-markdown-light td {
  padding: var(--td-th-padding);
  border: 1px solid var(--border-color);
}

.x-markdown-light th {
  color: var(--heading-color);
}

.x-markdown-light td {
  color: var(--text-color);
}

.x-markdown-light blockquote {
  border-left: 4px solid var(--border-color);
  padding: 4px 12px;
  margin: 16px 0;
  background-color: var(--cite-bg);
  border-radius: 0 var(--border-radius-middle) var(--border-radius-middle) 0;
  transition: background-color 0.2s ease;
}

.x-markdown-light blockquote:hover {
  background-color: var(--cite-hover-bg);
}

.x-markdown-light pre code:not([class$="-highlightCode-code"] pre code) {
  display: block;
  background: var(--light-bg) !important;
  padding: var(--padding-code);
  color: var(--text-color) !important;
  line-height: 1.3;
  font-size: var(--font-size);
  border-radius: var(--border-radius-middle);
  margin: var(--margin-pre);
}

.x-markdown-light code:not([class$="-highlightCode-code"] code):not(pre code) {
  background-color: var(--light-bg) !important;
  color: var(--text-color) !important;
  border-radius: var(--border-radius-small);
  padding: 2px 6px;
  margin-inline: 3px;
  font-size: var(--font-size);
  border: 1px solid var(--border-color);
}

.x-markdown-light img {
  max-width: 100%;
}

.x-markdown-light a {
  color: var(--primary-color);
  text-decoration: none;
  transition: color 0.2s ease;
  position: relative;
}

.x-markdown-light a:hover {
  color: var(--primary-color-hover);
  text-decoration: underline;
}

.x-markdown-light a::after {
  content: "↗";
  margin-left: 4px;
  vertical-align: super;
  opacity: 0.7;
}
._conversationChat_hpadp_1 {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
._messageList_hpadp_9 {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  padding: calc(20px * var(--responsive-size-scale));
  scrollbar-width: thin;
}
._messageViewport_hpadp_16 {
  position: relative;
  min-height: 0;
  flex: 1;
}
._scrollToBottomButton_hpadp_21 {
  position: absolute;
  bottom: calc(12px * var(--responsive-size-scale));
  left: 50%;
  display: grid;
  width: calc(36px * var(--responsive-size-scale));
  height: calc(36px * var(--responsive-size-scale));
  padding: 0;
  place-items: center;
  transform: translateX(-50%);
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 calc(2px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.12);
  color: #222;
  cursor: pointer;
}
._scrollToBottomButton_hpadp_21:hover {
  background: #f7f7f7;
}
._scrollToBottomButton_hpadp_21:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #2f80ed;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._scrollToBottomIcon_hpadp_45 {
  transform: rotate(90deg);
}
._composerForm_hpadp_48 {
  flex: 0 0 auto;
  padding: 0 calc(20px * var(--responsive-size-scale));
}
._root_r05rn_1 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._image_r05rn_9 {
  display: block;
  max-width: 100%;
  object-fit: contain;
  width: calc(330px * var(--responsive-size-scale));
}
._imageMiddle_r05rn_15 {
  width: calc(210px * var(--responsive-size-scale));
}
._label_r05rn_18 {
  margin-top: calc(20px * var(--responsive-size-scale));
  color: #000;
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(16px * var(--responsive-size-scale));
  letter-spacing: 0;
}
._page_1q3un_1 {
  max-width: calc(1610px * var(--responsive-size-scale));
  height: 100%;
  overflow: auto;
  margin: 0 auto;
  padding-right: calc(20px * var(--responsive-size-scale)) !important;
  padding-left: calc(20px * var(--responsive-size-scale)) !important;
  padding-top: calc(10px * var(--responsive-size-scale));
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._page_1q3un_1::-webkit-scrollbar {
  display: none;
}
._page_1q3un_1._scroll_1q3un_15 {
  max-width: initial;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0;
}
._page_content_1q3un_21 {
  max-width: calc(1610px * var(--responsive-size-scale));
  margin: 0 auto;
  padding: calc(10px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(30px * var(--responsive-size-scale));
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
._page_4mtcx_1 {
  padding: calc(10px * var(--responsive-size-scale)) 0;
}
._contentFrame_4mtcx_4 {
  position: relative;
  display: grid;
  grid-template-columns: calc(282px * var(--responsive-size-scale)) minmax(0, 1fr);
  gap: calc(20px * var(--responsive-size-scale));
  height: 100%;
  min-height: calc(600px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: hidden;
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #f1f1f1;
}
._conversationList_4mtcx_17 {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}
._searchBox_4mtcx_24 {
  display: flex;
  height: calc(50px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  padding: 0 calc(17px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
  color: #b0b0b0;
}
._searchIcon_4mtcx_34 {
  color: #9d9d9d;
}
._searchInput_4mtcx_37 {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
}
._searchInput_4mtcx_37::placeholder {
  color: #b0b0b0;
}
._listHeading_4mtcx_49 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: calc(20px * var(--responsive-size-scale)) 0 calc(8px * var(--responsive-size-scale));
}
._listTitle_4mtcx_55 {
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
}
._readButton_4mtcx_59 {
  display: inline-flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  color: #2f80ed;
  font-size: calc(14px * var(--responsive-size-scale));
  padding: calc(4px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
}
._readButton_4mtcx_59:hover {
  background: #fbfbfb;
}
._conversationItems_4mtcx_71 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(10px * var(--responsive-size-scale));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
._conversationSkeleton_4mtcx_81 {
  display: flex;
  flex-direction: column;
  gap: calc(10px * var(--responsive-size-scale));
}
._conversationSkeletonItem_4mtcx_86 {
  display: grid;
  grid-template-columns: calc(64px * var(--responsive-size-scale)) minmax(0, 1fr) calc(58px * var(--responsive-size-scale));
  min-height: calc(70px * var(--responsive-size-scale));
  align-items: center;
  padding: calc(10px * var(--responsive-size-scale));
}
._skeletonAvatar_4mtcx_93,
._skeletonTitle_4mtcx_94,
._skeletonPreview_4mtcx_95,
._skeletonTime_4mtcx_96,
._skeletonStatus_4mtcx_97 {
  display: block;
  background: #e1e1e1;
  animation: _conversationSkeletonPulse_4mtcx_1 1.4s ease-in-out infinite;
}
._skeletonAvatar_4mtcx_93 {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
}
._skeletonText_4mtcx_107,
._skeletonMeta_4mtcx_108 {
  display: flex;
  flex-direction: column;
}
._skeletonText_4mtcx_107 {
  min-width: 0;
  gap: calc(8px * var(--responsive-size-scale));
}
._skeletonTitle_4mtcx_94,
._skeletonPreview_4mtcx_95,
._skeletonTime_4mtcx_96,
._skeletonStatus_4mtcx_97 {
  border-radius: calc(6px * var(--responsive-size-scale));
}
._skeletonTitle_4mtcx_94 {
  width: 64%;
  height: calc(14px * var(--responsive-size-scale));
}
._skeletonPreview_4mtcx_95 {
  width: 88%;
  height: calc(12px * var(--responsive-size-scale));
}
._skeletonMeta_4mtcx_108 {
  align-items: flex-end;
  gap: calc(9px * var(--responsive-size-scale));
}
._skeletonTime_4mtcx_96 {
  width: calc(42px * var(--responsive-size-scale));
  height: calc(12px * var(--responsive-size-scale));
}
._skeletonStatus_4mtcx_97 {
  width: calc(34px * var(--responsive-size-scale));
  height: calc(14px * var(--responsive-size-scale));
  border-radius: calc(999px * var(--responsive-size-scale));
}
@keyframes _conversationSkeletonPulse_4mtcx_1 {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
._conversationItem_4mtcx_71 {
  display: grid;
  grid-template-columns: calc(64px * var(--responsive-size-scale)) minmax(0, 1fr) calc(58px * var(--responsive-size-scale));
  min-height: calc(70px * var(--responsive-size-scale));
  align-items: center;
  width: 100%;
  padding: calc(10px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  text-align: left;
  transition: background 150ms ease;
}
._conversationItem_4mtcx_71:hover,
._conversationItemActive_4mtcx_164 {
  background: #fff;
}
._conversationAvatarWrap_4mtcx_167 {
  position: relative;
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
}
._conversationAvatarWrap_4mtcx_167 ._avatar_4mtcx_172 {
  border: calc(1px * var(--responsive-size-scale)) solid #efefef;
}
._avatar_4mtcx_172,
._memberAvatarImage_4mtcx_176 {
  border-radius: 50%;
  object-fit: cover;
}
._avatar_4mtcx_172 {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
}
._unreadBadge_4mtcx_184 {
  position: absolute;
  top: calc(-2px * var(--responsive-size-scale));
  right: calc(-2px * var(--responsive-size-scale));
  display: grid;
  width: calc(19px * var(--responsive-size-scale));
  height: calc(19px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #ff6c21;
  color: #fff;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: 1;
}
._conversationTitle_4mtcx_198 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
}
._conversationText_4mtcx_206 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(6px * var(--responsive-size-scale));
}
._conversationPreview_4mtcx_212 {
  overflow: hidden;
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._conversationTime_4mtcx_219 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._conversationMeta_4mtcx_223 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: calc(7px * var(--responsive-size-scale));
}
._emptySearch_4mtcx_230 {
  display: flex;
  min-height: 0;
  flex: 1;
  align-items: center;
  justify-content: center;
}
._chatPanel_4mtcx_237 {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  padding: calc(20px * var(--responsive-size-scale)) 0;
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fbfbfb;
}
._chatHeader_4mtcx_248 {
  display: flex;
  align-items: center;
  padding: 0 calc(20px * var(--responsive-size-scale));
  margin-bottom: calc(20px * var(--responsive-size-scale));
}
._chatTitle_4mtcx_254 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
}
._chatIdentity_4mtcx_261 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(8px * var(--responsive-size-scale));
  margin-left: calc(14px * var(--responsive-size-scale));
}
._membersButton_4mtcx_268 {
  display: inline-flex;
  height: calc(40px * var(--responsive-size-scale));
  padding: calc(10px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(6px * var(--responsive-size-scale));
  margin-left: auto;
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #f1f1f1;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
}
._membersButton_4mtcx_268:hover,
._membersButton_4mtcx_268:focus-visible {
  background: #e8e8e8;
}
._memberPanel_4mtcx_285 {
  position: absolute;
  z-index: 3;
  top: calc(20px * var(--responsive-size-scale));
  right: calc(20px * var(--responsive-size-scale));
  bottom: calc(20px * var(--responsive-size-scale));
  width: min(calc(385px * var(--responsive-size-scale)), calc(100% - calc(40px * var(--responsive-size-scale))));
  padding: calc(20px * var(--responsive-size-scale));
  overflow-y: auto;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #f1f1f1;
  opacity: 0;
  pointer-events: none;
  transform: translateX(calc(24px * var(--responsive-size-scale)));
  visibility: hidden;
  transition: transform 220ms ease,
    opacity 180ms ease,
    visibility 0s linear 220ms;
}
._memberPanelOpen_4mtcx_304 {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
._memberHeader_4mtcx_311 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._memberPanelTitle_4mtcx_316 {
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
}
._closeButton_4mtcx_320 {
  display: grid;
  width: calc(28px * var(--responsive-size-scale));
  height: calc(28px * var(--responsive-size-scale));
  place-items: center;
  color: #999;
}
._memberIdentity_4mtcx_327 {
  display: flex;
  align-items: center;
  gap: calc(14px * var(--responsive-size-scale));
  margin-top: calc(26px * var(--responsive-size-scale));
}
._memberGroupTitle_4mtcx_333 {
  min-width: 0;
  overflow: hidden;
  font-size: calc(16px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._memberCard_4mtcx_340 {
  margin-top: calc(22px * var(--responsive-size-scale));
  padding: calc(18px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  border-radius: calc(18px * var(--responsive-size-scale));
  background: #fff;
}
._memberGrid_4mtcx_346 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: calc(18px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
}
._member_4mtcx_176 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  color: #585858;
  font-size: calc(12px * var(--responsive-size-scale));
}
._memberAvatar_4mtcx_176 {
  position: relative;
  display: grid;
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #e5edff;
}
._memberAvatarStatus_4mtcx_369 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(10px * var(--responsive-size-scale));
  height: calc(10px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: 50%;
  background: #22a15a;
}
._memberAvatarImage_4mtcx_176 {
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
}
._memberAvatarFallback_4mtcx_383 {
  color: #2f80ed;
  font-size: calc(15px * var(--responsive-size-scale));
  font-weight: 600;
}
._memberName_4mtcx_388 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  ._memberPanel_4mtcx_285 {
    transition: none;
  }
  ._skeletonAvatar_4mtcx_93,
  ._skeletonTitle_4mtcx_94,
  ._skeletonPreview_4mtcx_95,
  ._skeletonTime_4mtcx_96,
  ._skeletonStatus_4mtcx_97 {
    animation: none;
  }
}
._trigger_1f57g_1 {
  display: inline-flex;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: calc(32px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(6px * var(--responsive-size-scale));
  padding: 0 calc(10px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(33px * var(--responsive-size-scale));
  color: #000;
  background: #fbfbfb;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: normal;
  white-space: nowrap;
}
._trigger_1f57g_1 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._triggerMiddle_1f57g_24 {
  height: calc(40px * var(--responsive-size-scale));
}
._trigger_1f57g_1:hover {
  background: #fff;
}
._chevron_1f57g_30 {
  flex: 0 0 auto;
  transform: rotate(90deg);
}
._root_otjxx_1 {
  display: flex;
  height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: space-between;
  gap: calc(18px * var(--responsive-size-scale));
  min-height: calc(40px * var(--responsive-size-scale));
}
._titleGroup_otjxx_9 {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: calc(10px * var(--responsive-size-scale));
}
._title_otjxx_9 {
  margin: 0;
  font-size: var(--header-title-font-size, calc(24px * var(--responsive-size-scale)));
  font-weight: 600;
  line-height: calc(34px * var(--responsive-size-scale));
  white-space: nowrap;
}
._description_otjxx_22 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  white-space: nowrap;
}
._rightTools_otjxx_27 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._root_jy4ss_1 {
  position: relative;
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: hidden;
  color: #000;
}
._scene_jy4ss_9 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(160px * var(--responsive-size-scale));
  height: calc(64px * var(--responsive-size-scale));
  transform: translate(-50%, -50%);
}
._loader_jy4ss_17 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: calc(-50px * var(--responsive-size-scale));
  animation: _speeder_jy4ss_1 0.4s linear infinite;
}
._fazers_jy4ss_24 {
  position: absolute;
  top: calc(-19px * var(--responsive-size-scale));
  left: calc(60px * var(--responsive-size-scale));
  width: calc(35px * var(--responsive-size-scale));
  height: calc(5px * var(--responsive-size-scale));
  border-radius: calc(2px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale)) calc(1px * var(--responsive-size-scale)) 0;
  background: currentColor;
}
._fazers_jy4ss_24 > span {
  position: absolute;
  width: calc(30px * var(--responsive-size-scale));
  height: calc(1px * var(--responsive-size-scale));
  background: currentColor;
  animation: _fazer1_jy4ss_1 0.2s linear infinite;
}
._fazers_jy4ss_24 > span:nth-child(2) {
  top: calc(3px * var(--responsive-size-scale));
  animation: _fazer2_jy4ss_1 0.4s linear infinite;
}
._fazers_jy4ss_24 > span:nth-child(3) {
  top: calc(1px * var(--responsive-size-scale));
  animation: _fazer3_jy4ss_1 0.4s linear -1s infinite;
}
._fazers_jy4ss_24 > span:nth-child(4) {
  top: calc(4px * var(--responsive-size-scale));
  animation: _fazer4_jy4ss_1 1s linear -1s infinite;
}
._base_jy4ss_52 > span {
  position: absolute;
  width: 0;
  height: 0;
  border-top: calc(6px * var(--responsive-size-scale)) solid transparent;
  border-right: calc(100px * var(--responsive-size-scale)) solid currentColor;
  border-bottom: calc(6px * var(--responsive-size-scale)) solid transparent;
}
._base_jy4ss_52 > span::before {
  position: absolute;
  top: calc(-16px * var(--responsive-size-scale));
  right: calc(-110px * var(--responsive-size-scale));
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  border-radius: 50%;
  background: currentColor;
  content: '';
}
._base_jy4ss_52 > span::after {
  position: absolute;
  top: calc(-16px * var(--responsive-size-scale));
  right: calc(-98px * var(--responsive-size-scale));
  width: 0;
  height: 0;
  border-right: calc(55px * var(--responsive-size-scale)) solid currentColor;
  border-bottom: calc(16px * var(--responsive-size-scale)) solid transparent;
  content: '';
}
._face_jy4ss_80 {
  position: absolute;
  top: calc(-15px * var(--responsive-size-scale));
  right: calc(-125px * var(--responsive-size-scale));
  width: calc(20px * var(--responsive-size-scale));
  height: calc(12px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) 0 0;
  background: currentColor;
  transform: rotate(-40deg);
}
._face_jy4ss_80::after {
  position: absolute;
  top: calc(7px * var(--responsive-size-scale));
  right: calc(4px * var(--responsive-size-scale));
  width: calc(12px * var(--responsive-size-scale));
  height: calc(12px * var(--responsive-size-scale));
  border-radius: 0 0 0 calc(2px * var(--responsive-size-scale));
  background: currentColor;
  content: '';
  transform: rotate(40deg);
  transform-origin: 50% 50%;
}
._longfazers_jy4ss_102 {
  position: absolute;
  inset: 0;
}
._longfazers_jy4ss_102 > span {
  position: absolute;
  width: 20%;
  height: calc(2px * var(--responsive-size-scale));
  background: currentColor;
}
._longfazers_jy4ss_102 > span:nth-child(1) {
  top: 20%;
  animation: _lf_jy4ss_1 0.6s linear -5s infinite;
}
._longfazers_jy4ss_102 > span:nth-child(2) {
  top: 40%;
  animation: _lf_jy4ss_1 0.8s linear -1s infinite;
}
._longfazers_jy4ss_102 > span:nth-child(3) {
  top: 60%;
  animation: _lfShort_jy4ss_1 0.6s linear infinite;
}
._longfazers_jy4ss_102 > span:nth-child(4) {
  top: 80%;
  animation: _lfShort_jy4ss_1 0.5s linear -3s infinite;
}
@keyframes _fazer1_jy4ss_1 {
  to {
    left: calc(-80px * var(--responsive-size-scale));
    opacity: 0;
  }
}
@keyframes _fazer2_jy4ss_1 {
  to {
    left: calc(-100px * var(--responsive-size-scale));
    opacity: 0;
  }
}
@keyframes _fazer3_jy4ss_1 {
  to {
    left: calc(-50px * var(--responsive-size-scale));
    opacity: 0;
  }
}
@keyframes _fazer4_jy4ss_1 {
  to {
    left: calc(-150px * var(--responsive-size-scale));
    opacity: 0;
  }
}
@keyframes _speeder_jy4ss_1 {
  0% {
    transform: translate(calc(2px * var(--responsive-size-scale)), calc(1px * var(--responsive-size-scale))) rotate(0deg);
  }
  10% {
    transform: translate(calc(-1px * var(--responsive-size-scale)), calc(-3px * var(--responsive-size-scale))) rotate(-1deg);
  }
  20% {
    transform: translate(calc(-2px * var(--responsive-size-scale)), 0) rotate(1deg);
  }
  30% {
    transform: translate(calc(1px * var(--responsive-size-scale)), calc(2px * var(--responsive-size-scale))) rotate(0deg);
  }
  40% {
    transform: translate(calc(1px * var(--responsive-size-scale)), calc(-1px * var(--responsive-size-scale))) rotate(1deg);
  }
  50% {
    transform: translate(calc(-1px * var(--responsive-size-scale)), calc(3px * var(--responsive-size-scale))) rotate(-1deg);
  }
  60% {
    transform: translate(calc(-1px * var(--responsive-size-scale)), calc(1px * var(--responsive-size-scale))) rotate(0deg);
  }
  70% {
    transform: translate(calc(3px * var(--responsive-size-scale)), calc(1px * var(--responsive-size-scale))) rotate(-1deg);
  }
  80% {
    transform: translate(calc(-2px * var(--responsive-size-scale)), calc(-1px * var(--responsive-size-scale))) rotate(1deg);
  }
  90% {
    transform: translate(calc(2px * var(--responsive-size-scale)), calc(1px * var(--responsive-size-scale))) rotate(0deg);
  }
  100% {
    transform: translate(calc(1px * var(--responsive-size-scale)), calc(-2px * var(--responsive-size-scale))) rotate(-1deg);
  }
}
@keyframes _lf_jy4ss_1 {
  from {
    left: 200%;
  }
  to {
    left: -200%;
    opacity: 0;
  }
}
@keyframes _lfShort_jy4ss_1 {
  from {
    left: 200%;
  }
  to {
    left: -100%;
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._loader_jy4ss_17,
  ._fazers_jy4ss_24 > span,
  ._longfazers_jy4ss_102 > span {
    animation: none;
  }
  ._longfazers_jy4ss_102 > span {
    display: none;
  }
}
._page_otoea_1 {
  min-height: 100%;
}
._cardGrid_otoea_4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(30px * var(--responsive-size-scale));
}
._emptyGrid_otoea_10 {
  flex: 1;
}
._strategyCardMotion_otoea_13 {
  position: relative;
  min-width: 0;
}
._strategyCardMotion_otoea_13:hover {
  z-index: 2;
}
._strategyCardTilt_otoea_20 {
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  ._strategyCard_otoea_13,
  ._strategyCardTilt_otoea_20,
  ._accountActionButton_otoea_26,
  ._openButton_otoea_27 {
    transition: none;
  }
  ._strategyCardTilt_otoea_20 {
    transform: none !important;
  }
}
._listState_otoea_34 {
  display: flex;
  min-height: calc(236px * var(--responsive-size-scale));
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(12px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
}
._emptyState_otoea_45 {
  grid-column: 1 / -1;
  padding: calc(56px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  text-align: center;
  border-radius: calc(20px * var(--responsive-size-scale));
}
._strategyCard_otoea_13 {
  display: flex;
  align-self: start;
  min-width: 0;
  flex-direction: column;
  padding: calc(20px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fbfbfb;
  cursor: pointer;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
._strategyCard_otoea_13:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._strategyCard_otoea_13:hover {
  box-shadow: 0 calc(8px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.04);
  background-color: #fff;
}
._accountHeader_otoea_73 {
  display: flex;
  min-width: 0;
  height: calc(50px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._accountAvatarWrap_otoea_80 {
  position: relative;
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
}
._accountAvatar_otoea_80 {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._platformBadge_otoea_92 {
  position: absolute;
  right: calc(-1px * var(--responsive-size-scale));
  bottom: calc(-1px * var(--responsive-size-scale));
  display: grid;
  width: calc(18px * var(--responsive-size-scale));
  height: calc(18px * var(--responsive-size-scale));
  place-items: center;
  border: calc(2px * var(--responsive-size-scale)) solid #fbfbfb;
  border-radius: 50%;
  color: #fff;
  font-size: calc(10px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: 1;
}
._platformBadge_otoea_92 img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
._platformBadgedouyin_otoea_114 {
  background: #161616;
}
._platformBadgexiaohongshu_otoea_117 {
  background: #f44b61;
  font-size: calc(9px * var(--responsive-size-scale));
}
._platformBadgekuaishou_otoea_121 {
  background: #ff7429;
  font-size: calc(9px * var(--responsive-size-scale));
}
._platformBadgeunknown_otoea_125 {
  background: #999;
  font-size: calc(9px * var(--responsive-size-scale));
}
._accountCopy_otoea_129 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
  line-height: 1.2;
}
._accountCopy_otoea_129 strong,
._accountCopy_otoea_129 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._accountCopy_otoea_129 strong {
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
}
._accountCopy_otoea_129 span {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._accountActionButton_otoea_26 {
  display: grid;
  width: calc(27px * var(--responsive-size-scale));
  height: calc(27px * var(--responsive-size-scale));
  flex: 0 0 calc(27px * var(--responsive-size-scale));
  place-items: center;
  border-radius: calc(6px * var(--responsive-size-scale));
  color: #666;
  background: transparent;
  transition: background-color 150ms ease;
}
._accountActionButton_otoea_26:hover,
._accountActionButton_otoea_26:focus-visible {
  outline: none;
  background: #f1f1f1;
}
._accountActionDots_otoea_167 {
  display: inline-flex;
  align-items: center;
  gap: calc(2px * var(--responsive-size-scale));
}
._accountActionDots_otoea_167 span {
  width: calc(3px * var(--responsive-size-scale));
  height: calc(3px * var(--responsive-size-scale));
  border-radius: 50%;
  background: currentColor;
}
._accountActionDropdown_otoea_178 .ant-dropdown-menu {
  min-width: calc(160px * var(--responsive-size-scale));
  padding: calc(8px * var(--responsive-size-scale));
  border-radius: calc(12px * var(--responsive-size-scale));
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.07);
}
._accountActionDropdown_otoea_178 .ant-dropdown-menu-item {
  min-height: calc(36px * var(--responsive-size-scale));
  padding: calc(8px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._accountSyncAction_otoea_192 {
  display: flex;
  align-items: center;
  gap: calc(7px * var(--responsive-size-scale));
}
._accountActionDropdown_otoea_178 .ant-dropdown-menu-item:hover {
  background: #f1f1f1;
}
._sectionDivider_otoea_200 {
  width: 100%;
  height: calc(1px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
  background: #f0f0f0;
}
._detailList_otoea_206 {
  display: grid;
  gap: calc(13px * var(--responsive-size-scale));
  margin: calc(14px * var(--responsive-size-scale)) 0;
}
._detailRow_otoea_211 {
  display: grid;
  min-width: 0;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: calc(8px * var(--responsive-size-scale));
  align-items: center;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._detailRow_otoea_211 dt {
  overflow: hidden;
  color: #999;
  opacity: 0.9;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._detailRow_otoea_211 dd {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  color: #000;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._cardFooter_otoea_236 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-height: calc(57px * var(--responsive-size-scale));
  padding-top: calc(14px * var(--responsive-size-scale));
  border-top: calc(1px * var(--responsive-size-scale)) solid #f3f3f3;
}
._cardFooter_otoea_236 > div {
  display: flex;
  flex-direction: column;
  gap: calc(2px * var(--responsive-size-scale));
}
._cardFooter_otoea_236 strong {
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(18px * var(--responsive-size-scale));
}
._cardFooter_otoea_236 > div span {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(16px * var(--responsive-size-scale));
}
._openButton_otoea_27 {
  display: grid;
  width: calc(30px * var(--responsive-size-scale));
  height: calc(30px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #f3f3f3;
  color: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  line-height: 1;
  transition: color 150ms ease, background-color 150ms ease;
}
._strategyCard_otoea_13:hover ._openButton_otoea_27,
._openButton_otoea_27:hover,
._openButton_otoea_27:focus-visible {
  color: #fff;
  background: #000;
}
._detailHost_otoea_277 {
  box-sizing: border-box;
  padding: calc(19px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) !important;
}
._detailView_otoea_281 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
._detailHeader_otoea_286 {
  display: flex;
  height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: space-between;
}
._detailBackButton_otoea_292 {
  display: inline-flex;
  width: calc(83px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(8px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #ededed;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
}
._detailBackButton_otoea_292:hover,
._detailBackButton_otoea_292:focus-visible {
  background: #e5e5e5;
}
._detailBackArrow_otoea_308 {
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  transform: rotate(180deg);
}
._detailAccount_otoea_313 {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  margin-right: calc(2px * var(--responsive-size-scale));
}
._detailAccountAvatar_otoea_319 {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._detailAccount_otoea_313 > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._detailAccount_otoea_313 strong,
._detailAccount_otoea_313 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._detailAccount_otoea_313 strong {
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
}
._detailAccount_otoea_313 span {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._detailContent_otoea_345 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(30px * var(--responsive-size-scale));
  padding-bottom: calc(20px * var(--responsive-size-scale));
}
._profileConfigCard_otoea_353 {
  display: grid;
  min-width: 0;
  min-height: calc(152px * var(--responsive-size-scale));
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._personaColumn_otoea_363,
._workTimeColumn_otoea_364 {
  min-width: 0;
}
._personaColumn_otoea_363 h2,
._workTimeColumn_otoea_364 h2,
._personalizedSection_otoea_369 h2,
._detailSettingsCard_otoea_370 h2 {
  margin: 0;
  color: #090909;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._personaOptions_otoea_377 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
}
._personaOption_otoea_377 {
  display: grid;
  width: calc(102px * var(--responsive-size-scale));
  height: calc(32px * var(--responsive-size-scale));
  place-items: center;
  border: calc(1px * var(--responsive-size-scale)) solid transparent;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f4f4f6;
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
}
._personaOption_otoea_377:hover,
._personaOption_otoea_377:focus-visible {
  background: #eaf0ff;
}
._personaOptionActive_otoea_399 {
  border-color: #034fe7;
  background: #eff4ff;
  color: #034fe7;
}
._workTimeColumn_otoea_364 {
  position: relative;
  padding-left: calc(15px * var(--responsive-size-scale));
}
._welcomeWarningModal_otoea_408 .ant-modal-content {
  border-radius: calc(8px * var(--responsive-size-scale));
  padding: calc(24px * var(--responsive-size-scale));
}
._welcomeWarningTitle_otoea_412 {
  color: #1a1a1b;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._welcomeWarningDescription_otoea_418 {
  margin: calc(16px * var(--responsive-size-scale)) 0 calc(20px * var(--responsive-size-scale));
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
}
._welcomeWarningDescription_otoea_418 p {
  margin: 0;
}
._welcomeWarningImage_otoea_427 {
  overflow: hidden;
  border-radius: calc(8px * var(--responsive-size-scale));
}
._welcomeWarningImage_otoea_427 img {
  display: block;
  width: 100%;
}
._welcomeWarningImage_otoea_427 .ant-carousel .slick-dots li button {
  background: rgba(0, 0, 0, 0.5);
}
._welcomeWarningImage_otoea_427 .ant-carousel .slick-dots li.slick-active button {
  background: #034fe7;
}
._welcomeWarningAction_otoea_441 {
  display: flex;
  justify-content: flex-end;
  margin-top: calc(24px * var(--responsive-size-scale));
}
._welcomeWarningAction_otoea_441 button {
  width: calc(76px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #000;
  color: #fff;
  cursor: pointer;
  font-size: calc(14px * var(--responsive-size-scale));
}
._welcomeWarningAction_otoea_441 button:hover,
._welcomeWarningAction_otoea_441 button:focus-visible {
  opacity: 0.8;
  outline: none;
}
._workTimeColumn_otoea_364::before {
  position: absolute;
  top: calc(38px * var(--responsive-size-scale));
  bottom: 0;
  left: 0;
  width: calc(1px * var(--responsive-size-scale));
  background: #f0f0f0;
  content: '';
}
._workTimeRow_otoea_471 {
  display: flex;
  align-items: center;
  gap: calc(14px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
}
._workTimeValue_otoea_477 {
  display: inline-flex;
  height: calc(32px * var(--responsive-size-scale));
  align-items: center;
  padding: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #ededed;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
  white-space: nowrap;
}
._addTimeButton_otoea_488 {
  display: inline-flex;
  align-items: center;
  gap: calc(5px * var(--responsive-size-scale));
  color: #034fe7;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
}
._addTimeButton_otoea_488:hover,
._addTimeButton_otoea_488:focus-visible {
  text-decoration: underline;
}
._addTimeButton_otoea_488 span {
  display: grid;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  place-items: center;
  border: calc(1px * var(--responsive-size-scale)) solid #034fe7;
  border-radius: 50%;
  font-size: calc(13px * var(--responsive-size-scale));
  line-height: 1;
}
._personalizedSection_otoea_369 {
  min-width: 0;
  grid-column: 1 / -1;
  margin-top: calc(20px * var(--responsive-size-scale));
}
._personalizedHeading_otoea_515 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(16px * var(--responsive-size-scale));
}
._progressTrack_otoea_521 {
  width: min(calc(374px * var(--responsive-size-scale)), 38%);
  height: calc(4px * var(--responsive-size-scale));
  overflow: hidden;
  border-radius: calc(43px * var(--responsive-size-scale));
  background: #f4f4f6;
}
._progressTrack_otoea_521 span {
  display: block;
  width: 84%;
  height: 100%;
  border-radius: inherit;
  background: #034fe7;
}
._personalizedHeading_otoea_515 > strong {
  color: #034fe7;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 600;
  white-space: nowrap;
}
._personalizedHeading_otoea_515 em {
  color: #034fe7;
  font-size: calc(12px * var(--responsive-size-scale));
  font-style: normal;
  font-weight: 400;
}
._personalizedSection_otoea_369 > p {
  margin: calc(7px * var(--responsive-size-scale)) 0 0;
  overflow: hidden;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._categoryGrid_otoea_556 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: calc(10px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
  margin-top: calc(15px * var(--responsive-size-scale));
}
._categoryCard_otoea_562 {
  display: flex;
  height: calc(80px * var(--responsive-size-scale));
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(8px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f4f4f6;
}
._categoryCard_otoea_562:hover,
._categoryCard_otoea_562:focus-visible {
  background: #ececf0;
}
._categoryCard_otoea_562 strong {
  overflow: hidden;
  max-width: 100%;
  padding: 0 calc(6px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._categoryCard_otoea_562 span {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._categoryCard_otoea_562 em {
  color: #034fe7;
  font-size: calc(16px * var(--responsive-size-scale));
  font-style: normal;
  font-weight: 500;
}
._detailSettingsGrid_otoea_596 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(20px * var(--responsive-size-scale));
}
._detailSettingsCard_otoea_370 {
  display: flex;
  min-width: 0;
  min-height: calc(236px * var(--responsive-size-scale));
  flex-direction: column;
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._detailSettingsCard_otoea_370 header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._detailSettingsTitle_otoea_615 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
}
._detailSettingsTitle_otoea_615 > span {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: #b8beca;
  cursor: default;
}
._detailSettingsTitle_otoea_615 > span:hover {
  color: #b8beca;
}
._detailSettingsStatus_otoea_631 {
  display: inline-flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  color: #1a1a1b;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(18px * var(--responsive-size-scale));
  white-space: nowrap;
}
._detailSettingsStatusDot_otoea_641 {
  display: block;
  width: calc(8px * var(--responsive-size-scale));
  height: calc(8px * var(--responsive-size-scale));
  flex: 0 0 calc(8px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #22a15a;
  box-shadow: 0 0 0 calc(3px * var(--responsive-size-scale)) rgba(34, 161, 90, 0.12);
}
._detailSettingsCard_otoea_370 ul {
  display: grid;
  gap: calc(9px * var(--responsive-size-scale));
  margin: calc(17px * var(--responsive-size-scale)) 0 0;
  padding: 0;
  list-style: none;
}
._detailSettingsCard_otoea_370 li {
  position: relative;
  padding-left: calc(15px * var(--responsive-size-scale));
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._detailSettingsCard_otoea_370 li::before {
  position: absolute;
  top: calc(7px * var(--responsive-size-scale));
  left: 0;
  width: calc(6px * var(--responsive-size-scale));
  height: calc(6px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #034fe7;
  content: '';
}
._detailSettingsFooter_otoea_674 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: calc(32px * var(--responsive-size-scale));
  margin-top: auto;
  padding-top: calc(12px * var(--responsive-size-scale));
  border-top: calc(1px * var(--responsive-size-scale)) solid #f0f0f0;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._detailConfigureButton_otoea_686 {
  display: grid;
  width: calc(30px * var(--responsive-size-scale));
  height: calc(30px * var(--responsive-size-scale));
  flex: 0 0 calc(30px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #f3f3f3;
  color: #000;
  transition: color 150ms ease, background-color 150ms ease;
}
._detailConfigureButton_otoea_686:hover,
._detailConfigureButton_otoea_686:focus-visible {
  color: #fff;
  background: #000;
}
@media (max-width: 1180px) {
  ._cardGrid_otoea_4 {
    grid-template-columns: repeat(auto-fill, minmax(calc(240px * var(--responsive-size-scale)), 1fr));
  }
  ._categoryGrid_otoea_556 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1181px) {
  ._detailView_otoea_281 ._profileConfigCard_otoea_353 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._detailView_otoea_281 ._workTimeColumn_otoea_364 {
    position: relative;
    margin-top: 0;
    padding: 0 0 0 calc(15px * var(--responsive-size-scale));
    border-top: 0;
  }
  ._detailView_otoea_281 ._workTimeColumn_otoea_364::before {
    display: block;
  }
  ._detailView_otoea_281 ._detailSettingsGrid_otoea_596 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
._personalizedDialog_3jo9p_1,
._privateMessageDialog_3jo9p_2 {
  width: min(calc(363px * var(--responsive-size-scale)), calc(100vw - calc(48px * var(--responsive-size-scale))));
  min-height: 0;
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.92);
}
._personalizedDialog_3jo9p_1 {
  height: calc(220px * var(--responsive-size-scale));
}
._privateMessageDialog_3jo9p_2 {
  height: calc(432px * var(--responsive-size-scale));
}
._content_3jo9p_15 {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}
._content_3jo9p_15 h2 {
  color: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(20px * var(--responsive-size-scale));
}
._content_3jo9p_15 > p {
  margin-top: calc(10px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
}
._select_3jo9p_33 {
  width: 100%;
  height: calc(40px * var(--responsive-size-scale));
}
._select_3jo9p_33 .ant-select-selector {
  height: calc(40px * var(--responsive-size-scale)) !important;
  padding: 0 calc(16px * var(--responsive-size-scale)) !important;
  border: 0 !important;
  border-radius: calc(10px * var(--responsive-size-scale)) !important;
  background: #f7f7f7 !important;
}
._select_3jo9p_33 .ant-select-selection-placeholder,
._select_3jo9p_33 .ant-select-selection-item {
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(40px * var(--responsive-size-scale)) !important;
}
._personalizedDialog_3jo9p_1 ._select_3jo9p_33 {
  margin-top: calc(20px * var(--responsive-size-scale));
}
._actions_3jo9p_53 {
  display: flex;
  justify-content: flex-end;
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: auto;
}
._personalizedDialog_3jo9p_1 ._actions_3jo9p_53 {
  margin-top: calc(30px * var(--responsive-size-scale));
}
._cancelButton_3jo9p_62,
._confirmButton_3jo9p_63 {
  width: calc(76px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._cancelButton_3jo9p_62 {
  color: #000;
  background: #f1f1f1;
}
._confirmButton_3jo9p_63 {
  color: #fff;
  background: #000;
}
._cancelButton_3jo9p_62:hover,
._cancelButton_3jo9p_62:focus-visible,
._confirmButton_3jo9p_63:hover,
._confirmButton_3jo9p_63:focus-visible {
  outline: none;
  opacity: 0.8;
}
._accountSummary_3jo9p_85 {
  display: flex;
  height: calc(82px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f4f4f6;
}
._accountSummary_3jo9p_85 > img {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._accountSummary_3jo9p_85 > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._accountName_3jo9p_108 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
}
._accountName_3jo9p_108 strong,
._accountSummary_3jo9p_85 > div > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._accountName_3jo9p_108 strong {
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
}
._accountSummary_3jo9p_85 > div > span {
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
}
._accountPlatformBadge_3jo9p_128 {
  position: static;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(17px * var(--responsive-size-scale));
  flex: 0 0 calc(20px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(4px * var(--responsive-size-scale));
  font-size: calc(12px * var(--responsive-size-scale));
}
._field_3jo9p_137 {
  display: flex;
  flex-direction: column;
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
}
._field_3jo9p_137 + ._field_3jo9p_137 {
  margin-top: calc(10px * var(--responsive-size-scale));
}
._field_3jo9p_137 > span {
  color: #1a1a1b;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._field_3jo9p_137 > span em {
  color: #ff3c3f;
  font-style: normal;
}
._privateMessageDialog_3jo9p_2 ._actions_3jo9p_53 {
  margin-top: calc(30px * var(--responsive-size-scale));
}
@media (max-width: 600px) {
  ._personalizedDialog_3jo9p_1 {
    height: auto;
    min-height: calc(220px * var(--responsive-size-scale));
  }
  ._privateMessageDialog_3jo9p_2 {
    height: auto;
    min-height: calc(432px * var(--responsive-size-scale));
  }
}
._durationSetting_1v3jd_1 {
  min-width: 0;
}
._durationList_1v3jd_4 {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
}
._durationItemWrap_1v3jd_12 {
  position: relative;
  display: inline-flex;
  align-items: center;
}
._durationItemWrap_1v3jd_12:hover {
  gap: 0;
  padding-right: 0;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #eff4ff;
}
._durationItem_1v3jd_12 {
  display: inline-flex;
  width: calc(108px * var(--responsive-size-scale));
  height: calc(32px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  padding: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #ededed;
  color: #262626;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
  white-space: nowrap;
  transition: background-color 150ms ease, color 150ms ease, width 150ms ease;
}
._durationItemWrap_1v3jd_12:hover ._durationItem_1v3jd_12 {
  width: calc(100px * var(--responsive-size-scale));
  background: transparent;
  color: #034fe7;
}
._deleteButton_1v3jd_43 {
  display: grid;
  width: calc(24px * var(--responsive-size-scale));
  height: calc(30px * var(--responsive-size-scale));
  place-items: center;
  color: #034fe7;
  z-index: 1;
}
._addTimeButton_1v3jd_51 {
  display: inline-flex;
  height: calc(32px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(5px * var(--responsive-size-scale));
  color: #034fe7;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
}
._durationItem_1v3jd_12:focus-visible,
._deleteButton_1v3jd_43:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid rgba(3, 79, 231, 0.35);
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._workTimeModal_1v3jd_65 {
  width: min(calc(365px * var(--responsive-size-scale)), calc(100vw - calc(48px * var(--responsive-size-scale))));
  min-height: calc(160px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fbfbfb;
}
._workTimeModalContent_1v3jd_72 {
  display: flex;
  min-height: calc(160px * var(--responsive-size-scale));
  flex-direction: column;
}
._workTimeModalTitle_1v3jd_77 {
  margin: 0;
  color: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._timePickerRow_1v3jd_84 {
  display: flex;
  align-items: flex-start;
  margin-top: calc(18px * var(--responsive-size-scale));
}
._timePickerField_1v3jd_89 {
  display: flex;
  width: calc(140px * var(--responsive-size-scale));
  flex-wrap: wrap;
  gap: calc(2px * var(--responsive-size-scale));
}
._timePicker_1v3jd_84 {
  width: 100%;
  border: calc(1px * var(--responsive-size-scale)) solid #f1f1f1;
  border-radius: calc(8px * var(--responsive-size-scale));
}
._timePicker_1v3jd_84:hover,
._timePicker_1v3jd_84.ant-picker-focused {
  border-color: #034fe7;
}
._timeSeparator_1v3jd_104 {
  margin: calc(9px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale)) 0;
  color: #666;
}
._crossDay_1v3jd_108 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._workTimeModalActions_1v3jd_113 {
  display: flex;
  justify-content: flex-end;
  gap: calc(12px * var(--responsive-size-scale));
  margin-top: auto;
  padding-top: calc(24px * var(--responsive-size-scale));
}
._workTimeCancelButton_1v3jd_120,
._workTimeConfirmButton_1v3jd_121 {
  width: calc(68px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._workTimeCancelButton_1v3jd_120 {
  color: #000;
  background: #f1f1f1;
}
._workTimeConfirmButton_1v3jd_121 {
  color: #fff;
  background: #000;
}
._workTimeCancelButton_1v3jd_120:hover,
._workTimeCancelButton_1v3jd_120:focus-visible,
._workTimeConfirmButton_1v3jd_121:hover,
._workTimeConfirmButton_1v3jd_121:focus-visible {
  outline: none;
  opacity: 0.8;
}
._workTimeCancelButton_1v3jd_120:disabled,
._workTimeConfirmButton_1v3jd_121:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
._drawer_1sqdz_1 {
  width: min(calc(440px * var(--responsive-size-scale)), 100%);
}
._drawer_1sqdz_1 footer {
  background: #fff;
}
._drawer_1sqdz_1 footer button:first-child {
  min-width: calc(82px * var(--responsive-size-scale));
  background: #f1f1f1;
}
._drawer_1sqdz_1 footer button:last-child {
  min-width: calc(82px * var(--responsive-size-scale));
}
._content_1sqdz_14 {
  padding: calc(20px * var(--responsive-size-scale)) calc(30px * var(--responsive-size-scale));
}
._fieldLabel_1sqdz_17 {
  margin-bottom: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._inputGroup_1sqdz_23 {
  display: flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
}
._inputGroup_1sqdz_23 .ant-input-number {
  width: calc(132px * var(--responsive-size-scale));
}
._unit_1sqdz_31,
._rangeHint_1sqdz_32 {
  color: #999;
}
._rangeHint_1sqdz_32 {
  margin-top: calc(12px * var(--responsive-size-scale));
  font-size: calc(12px * var(--responsive-size-scale));
}
._player_zbt5k_1 {
  display: block;
  width: 100%;
  height: 100%;
}
._player_zbt5k_1 svg,
._player_zbt5k_1 canvas {
  display: block;
  width: 100%;
  height: 100%;
}
._preview_1jjlu_1 {
  display: flex;
  width: 100%;
  justify-content: center;
}
._phone_1jjlu_6 {
  position: relative;
  display: flex;
  width: min(calc(209px * var(--responsive-size-scale)), 100%);
  aspect-ratio: 209 / 424;
  flex-direction: column;
  overflow: hidden;
  background: url('https://byering-cdn.oss-cn-hangzhou.aliyuncs.com/ai_juntuan/images/phone_bg.png') center top / cover no-repeat;
}
._content_1jjlu_15 {
  position: absolute;
  top: calc(48px * var(--responsive-size-scale));
  right: 0;
  bottom: calc(60px * var(--responsive-size-scale));
  left: 0;
  overflow-y: auto;
  padding: 0 calc(20px * var(--responsive-size-scale));
  scrollbar-width: thin;
}
._messages_1jjlu_25 {
  display: grid;
  gap: calc(10px * var(--responsive-size-scale));
  min-height: 100%;
  align-content: start;
}
._messageTime_1jjlu_31 {
  color: #9e9e9e;
  font-size: calc(10px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  text-align: center;
}
._messageTitle_1jjlu_37 {
  position: relative;
  height: calc(20px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(10px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-align: center;
}
._messageTitle_1jjlu_37::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  border-top: calc(1px * var(--responsive-size-scale)) dashed #ebedf0;
  content: '';
}
._messageTitle_1jjlu_37 span {
  position: relative;
  padding: 0 calc(8px * var(--responsive-size-scale));
  background: #fff;
}
._message_1jjlu_25 {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: calc(8px * var(--responsive-size-scale));
}
._messageBody_1jjlu_64 {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
._messageAssistant_1jjlu_69 {
  justify-content: flex-end;
}
._avatar_1jjlu_72 {
  width: calc(28px * var(--responsive-size-scale));
  height: calc(28px * var(--responsive-size-scale));
  flex: 0 0 calc(28px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._bubble_1jjlu_79 {
  min-width: 0;
  max-width: calc(215px * var(--responsive-size-scale));
  padding: calc(8px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #fff;
  color: #333;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: 1.55;
  overflow-wrap: anywhere;
}
._messageAssistant_1jjlu_69 ._bubble_1jjlu_79 {
  background: #e8eefb;
}
._message_1jjlu_25:not(._messageAssistant_1jjlu_69) ._bubble_1jjlu_79 {
  background: #eceff5;
}
._messageAssistant_1jjlu_69 ._messageTag_1jjlu_96 {
  align-self: flex-end;
}
._messageTag_1jjlu_96 {
  display: inline-block;
  margin-top: calc(3px * var(--responsive-size-scale));
  padding: calc(1px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale));
  border-radius: calc(2px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.55);
  color: #fff;
  font-size: calc(9px * var(--responsive-size-scale));
  line-height: calc(14px * var(--responsive-size-scale));
}
._bubble_1jjlu_79 img {
  display: block;
  width: calc(110px * var(--responsive-size-scale));
  max-height: calc(90px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  object-fit: cover;
}
._bubble_1jjlu_79 span {
  display: block;
  margin-top: calc(3px * var(--responsive-size-scale));
  color: #0077c8;
}
._compact_1jjlu_121 ._content_1jjlu_15 {
  padding: 0 calc(14px * var(--responsive-size-scale));
}
._compact_1jjlu_121 ._message_1jjlu_25 {
  gap: calc(6px * var(--responsive-size-scale));
}
._compact_1jjlu_121 ._messageTime_1jjlu_31,
._compact_1jjlu_121 ._messageTitle_1jjlu_37 {
  animation: _preview-message-enter_1jjlu_1 500ms ease both;
}
._compact_1jjlu_121._enter_1jjlu_131 ._message_1jjlu_25 {
  animation: _preview-message-enter_1jjlu_1 500ms ease both;
}
._compact_1jjlu_121._exit_1jjlu_134 ._message_1jjlu_25 {
  animation: _preview-message-exit_1jjlu_1 300ms ease-in both;
}
._compact_1jjlu_121._enter_1jjlu_131 ._message_1jjlu_25:nth-child(2) {
  animation-delay: 35ms;
}
._compact_1jjlu_121._enter_1jjlu_131 ._message_1jjlu_25:nth-child(3) {
  animation-delay: 70ms;
}
._compact_1jjlu_121._enter_1jjlu_131 ._message_1jjlu_25:nth-child(4) {
  animation-delay: 105ms;
}
._compact_1jjlu_121._enter_1jjlu_131 ._message_1jjlu_25:nth-child(5) {
  animation-delay: 140ms;
}
._compact_1jjlu_121._enter_1jjlu_131 ._message_1jjlu_25:nth-child(6) {
  animation-delay: 175ms;
}
._compact_1jjlu_121._enter_1jjlu_131 ._message_1jjlu_25:nth-child(7) {
  animation-delay: 210ms;
}
._compact_1jjlu_121 ._avatar_1jjlu_72 {
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  flex-basis: calc(22px * var(--responsive-size-scale));
}
._compact_1jjlu_121 ._bubble_1jjlu_79 {
  max-width: calc(155px * var(--responsive-size-scale));
  padding: calc(7px * var(--responsive-size-scale)) calc(9px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  font-size: calc(11px * var(--responsive-size-scale));
  line-height: 1.5;
}
._compact_1jjlu_121 ._messageTag_1jjlu_96 {
  font-size: calc(9px * var(--responsive-size-scale));
  line-height: calc(12px * var(--responsive-size-scale));
}
._compact_1jjlu_121 ._bubble_1jjlu_79 img {
  width: calc(100px * var(--responsive-size-scale));
  max-height: calc(80px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
}
@keyframes _preview-message-enter_1jjlu_1 {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes _preview-message-exit_1jjlu_1 {
  from {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._compact_1jjlu_121._enter_1jjlu_131 ._message_1jjlu_25,
  ._compact_1jjlu_121._exit_1jjlu_134 ._message_1jjlu_25,
  ._compact_1jjlu_121._enter_1jjlu_131 ._messageTime_1jjlu_31,
  ._compact_1jjlu_121._enter_1jjlu_131 ._messageTitle_1jjlu_37 {
    animation: none;
  }
}
._knowledgeCard_1xkrq_1 {
  min-width: 0;
  width: 100%;
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._riskConfirmModal_1xkrq_8 {
  width: min(calc(420px * var(--responsive-size-scale)), 100%);
}
._knowledgeHeader_1xkrq_11 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(20px * var(--responsive-size-scale));
  height: calc(45px * var(--responsive-size-scale));
}
._knowledgeTitle_1xkrq_18 {
  min-width: 0;
  flex: 1;
}
._knowledgeHeadingRow_1xkrq_22 {
  display: flex;
  align-items: center;
  gap: calc(16px * var(--responsive-size-scale));
}
._knowledgeHeader_1xkrq_11 h2 {
  margin: 0;
  font-size: calc(16px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
}
._knowledgeHeader_1xkrq_11 p {
  margin: calc(6px * var(--responsive-size-scale)) 0 0;
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._knowledgeHeader_1xkrq_11 .ant-btn {
  flex: 0 0 auto;
  border-radius: calc(8px * var(--responsive-size-scale));
}
._keyQuestionButton_1xkrq_42,
._saveButton_1xkrq_43,
._sortDrawerFooter_1xkrq_44 .ant-btn-primary {
  border-color: #17181c !important;
  color: #fff !important;
  background: #17181c !important;
}
._keyQuestionButton_1xkrq_42:hover,
._keyQuestionButton_1xkrq_42:focus-visible,
._saveButton_1xkrq_43:hover,
._saveButton_1xkrq_43:focus-visible,
._sortDrawerFooter_1xkrq_44 .ant-btn-primary:hover,
._sortDrawerFooter_1xkrq_44 .ant-btn-primary:focus-visible {
  border-color: #2a2b30 !important;
  background: #2a2b30 !important;
}
._progressLine_1xkrq_58 {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  min-width: 0;
  flex: 1;
}
._progressLine_1xkrq_58 > span {
  display: block;
  height: calc(4px * var(--responsive-size-scale));
  width: min(calc(374px * var(--responsive-size-scale)), 100%);
  min-width: 0;
  flex: 0 1 calc(374px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  background: #f4f4f6;
}
._progressLine_1xkrq_58 > strong {
  color: #034fe7;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  white-space: nowrap;
}
._progressLine_1xkrq_58 > span i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #034fe7;
}
._categoryTabs_1xkrq_86 {
  display: flex;
  gap: calc(2px * var(--responsive-size-scale));
  height: calc(52px * var(--responsive-size-scale));
  margin-top: calc(18px * var(--responsive-size-scale));
  padding: calc(4px * var(--responsive-size-scale));
  overflow-x: auto;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f1f1f1;
}
._categoryTab_1xkrq_86 {
  min-width: calc(104px * var(--responsive-size-scale));
  height: calc(44px * var(--responsive-size-scale));
  padding: 0 calc(10px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
}
._categoryTab_1xkrq_86 span {
  margin-left: calc(3px * var(--responsive-size-scale));
}
._categoryTabActive_1xkrq_108 {
  background: #fff;
  color: #034fe7;
  font-weight: 600;
}
._knowledgeBody_1xkrq_113 {
  display: grid;
  height: calc(600px * var(--responsive-size-scale));
  min-height: calc(600px * var(--responsive-size-scale));
  overflow: hidden;
  grid-template-columns: calc(214px * var(--responsive-size-scale)) minmax(0, 1fr) calc(209px * var(--responsive-size-scale));
  grid-template-rows: minmax(0, 1fr);
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #f1f1f1;
}
._questionListViewport_1xkrq_126 {
  display: grid;
  height: 100%;
  min-width: 0;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
}
._questionListViewportScrollable_1xkrq_133 {
  grid-template-columns: minmax(0, 1fr) calc(10px * var(--responsive-size-scale));
  gap: calc(6px * var(--responsive-size-scale));
}
._questionList_1xkrq_126 {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 0;
  padding: 0;
  scrollbar-width: none;
}
._questionList_1xkrq_126::-webkit-scrollbar {
  display: none;
  width: 0;
}
._questionListScrollbar_1xkrq_149 {
  position: relative;
  height: 100%;
  min-height: 0;
  cursor: pointer;
  touch-action: none;
  user-select: none;
}
._questionListScrollbar_1xkrq_149:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid rgba(3, 79, 231, 0.35);
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._questionListScrollbarThumb_1xkrq_161 {
  position: absolute;
  top: 0;
  left: calc(2px * var(--responsive-size-scale));
  width: calc(6px * var(--responsive-size-scale));
  min-height: calc(32px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  background: #c8c8c8;
}
._questionListScrollbar_1xkrq_149:hover ._questionListScrollbarThumb_1xkrq_161 {
  background: #aeb4bd;
}
._questionItem_1xkrq_173 {
  display: flex;
  width: 100%;
  min-height: calc(48px * var(--responsive-size-scale));
  align-items: center;
  justify-content: space-between;
  gap: calc(8px * var(--responsive-size-scale));
  padding: 0 calc(24px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-align: left;
}
._questionItem_1xkrq_173 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._questionItemActive_1xkrq_192 {
  background: #fff;
  font-weight: 600;
}
._questionItem_1xkrq_173 i {
  width: calc(7px * var(--responsive-size-scale));
  height: calc(7px * var(--responsive-size-scale));
  flex: 0 0 calc(7px * var(--responsive-size-scale));
  border-radius: 50%;
}
._statusDone_1xkrq_202 {
  background: #43bf75;
}
._statusPending_1xkrq_205 {
  background: #ff7429;
}
._empty_1xkrq_208 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._editor_1xkrq_212 {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fbfbfb;
}
._editor_1xkrq_212,
._preview_1xkrq_224 {
  height: 100%;
  max-height: 100%;
}
._editorScroll_1xkrq_228 {
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: calc(8px * var(--responsive-size-scale));
  padding: calc(35px * var(--responsive-size-scale)) 0 calc(20px * var(--responsive-size-scale));
}
._editorEnter_1xkrq_238 {
  animation: _editor-fade-in_1xkrq_1 500ms ease both;
}
._editorExit_1xkrq_241 {
  animation: _editor-fade-out_1xkrq_1 300ms ease-in both;
}
._editor_1xkrq_212 h3 {
  width: calc(100% - calc(40px * var(--responsive-size-scale)));
  max-width: calc(620px * var(--responsive-size-scale));
  margin: 0 auto calc(20px * var(--responsive-size-scale));
  font-size: calc(20px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(28px * var(--responsive-size-scale));
  text-align: center;
  overflow-wrap: anywhere;
}
._optionList_1xkrq_254 {
  width: calc(340px * var(--responsive-size-scale));
  max-width: 100%;
  align-self: center;
  margin: 0 auto;
  display: grid;
  gap: calc(10px * var(--responsive-size-scale));
}
._editorScroll_1xkrq_228 > .ant-radio-group {
  display: block;
  width: 100%;
}
._optionGroups_1xkrq_266 {
  display: grid;
  gap: calc(20px * var(--responsive-size-scale));
  width: 100%;
}
._optionGroup_1xkrq_266 {
  display: grid;
  gap: calc(10px * var(--responsive-size-scale));
}
._optionGroup_1xkrq_266 h4 {
  margin: 0;
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._checkboxGroup_1xkrq_282 {
  display: block;
  width: 100%;
}
._checkboxGroup_1xkrq_282 ._optionGroups_1xkrq_266 {
  width: calc(438px * var(--responsive-size-scale));
  max-width: calc(100% - calc(40px * var(--responsive-size-scale)));
  gap: calc(16px * var(--responsive-size-scale));
  margin: 0 auto;
}
._checkboxGroup_1xkrq_282 ._optionWithInfo_1xkrq_292 {
  width: 100%;
  min-width: 0;
}
._checkboxGroup_1xkrq_282 ._optionWithInfo_1xkrq_292:has(._optionInfo_1xkrq_296) {
  padding-right: calc(28px * var(--responsive-size-scale));
}
._checkboxGroup_1xkrq_282 ._optionWithInfo_1xkrq_292 ._option_1xkrq_254 {
  width: 100%;
  min-width: 0;
}
._checkboxGroup_1xkrq_282 ._optionInfo_1xkrq_296 {
  right: 0;
  left: auto;
}
._checkboxGroup_1xkrq_282 ._option_1xkrq_254 {
  width: max-content;
  min-height: calc(24px * var(--responsive-size-scale));
  justify-content: flex-start;
  padding: 0 calc(7px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(3px * var(--responsive-size-scale));
  background: transparent;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._checkboxGroup_1xkrq_282 ._optionList_1xkrq_254 {
  display: grid;
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: calc(16px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  margin: 0;
}
._checkboxGroup_1xkrq_282 ._optionSelected_1xkrq_327 {
  border: 0;
  background: #eff4ff;
}
._checkboxGroup_1xkrq_282 ._defaultTag_1xkrq_331 {
  display: none;
}
._option_1xkrq_254 {
  display: flex;
  position: relative;
  width: calc(304px * var(--responsive-size-scale));
  min-height: calc(52px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(8px * var(--responsive-size-scale));
  max-width: 100%;
  padding: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f4f4f6;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-align: left;
}
._optionWithInfo_1xkrq_292 {
  position: relative;
  width: calc(304px * var(--responsive-size-scale));
  min-width: 0;
}
._optionWithInfo_1xkrq_292 ._option_1xkrq_254 {
  width: calc(304px * var(--responsive-size-scale));
}
._optionInfo_1xkrq_296 {
  position: absolute;
  top: 50%;
  left: calc(100% + calc(8px * var(--responsive-size-scale)));
  display: inline-flex;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(24px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  color: #b8beca;
  cursor: help;
  transform: translateY(-50%);
}
._optionInfo_1xkrq_296:hover {
  color: #b8beca;
}
._optionRadio_1xkrq_374 {
  position: absolute;
  width: calc(1px * var(--responsive-size-scale));
  height: calc(1px * var(--responsive-size-scale));
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
._optionSelected_1xkrq_327 {
  border: calc(1px * var(--responsive-size-scale)) solid #034fe7;
}
._defaultTag_1xkrq_331 {
  display: inline-flex;
  height: calc(18px * var(--responsive-size-scale));
  flex: 0 0 auto;
  align-items: center;
  padding: 0 calc(4px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  color: #fff;
  background: #000;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(17px * var(--responsive-size-scale));
  white-space: nowrap;
}
._option_1xkrq_254 > span:last-child {
  min-width: 0;
}
._variableInput_1xkrq_402 {
  display: block;
  width: calc(384px * var(--responsive-size-scale));
  height: calc(48px * var(--responsive-size-scale));
  margin: calc(40px * var(--responsive-size-scale)) auto 0;
  padding: 0 calc(16px * var(--responsive-size-scale));
  color: #111;
  border: 0;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f1f1f1;
  font-size: calc(14px * var(--responsive-size-scale));
}
._variableList_1xkrq_414 {
  display: grid;
  gap: calc(12px * var(--responsive-size-scale));
  width: 100%;
}
._variableField_1xkrq_419 {
  display: grid;
  gap: calc(8px * var(--responsive-size-scale));
  width: calc(438px * var(--responsive-size-scale));
  max-width: calc(100% - calc(40px * var(--responsive-size-scale)));
  margin: calc(8px * var(--responsive-size-scale)) auto 0;
  color: #585858;
  font-size: calc(13px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  box-sizing: border-box;
  min-width: 0;
}
._variableLabel_1xkrq_431 {
  font-weight: 500;
  text-align: center;
  overflow-wrap: anywhere;
}
._variableFieldRich_1xkrq_436 {
  position: relative;
  max-width: calc(100% - calc(20px * var(--responsive-size-scale)));
}
._variableTipIcon_1xkrq_440 {
  position: absolute;
  top: 50%;
  right: calc(-30px * var(--responsive-size-scale));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b8beca;
  cursor: help;
  transform: translateY(-50%);
}
._variableImageTextField_1xkrq_451 {
  position: relative;
  width: calc(100% - calc(8px * var(--responsive-size-scale)));
  min-width: 0;
}
._variableImageTextField_1xkrq_451:has(._variableAiCheck_1xkrq_456) {
  margin-bottom: calc(50px * var(--responsive-size-scale));
}
._replySetting_1xkrq_459 {
  width: 100%;
  margin-bottom: calc(20px * var(--responsive-size-scale));
  padding: calc(18px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  box-sizing: border-box;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f6f6f7;
}
._replySettingWithTip_1xkrq_467 {
  margin-bottom: calc(8px * var(--responsive-size-scale));
}
._replySettingTitle_1xkrq_470 {
  margin-bottom: calc(14px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._replySetting_1xkrq_459 .ant-radio-wrapper {
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
}
._replySetting_1xkrq_459 .ant-radio-group {
  position: relative;
  z-index: 2;
}
._replySettingPicker_1xkrq_484 {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: calc(40px * var(--responsive-size-scale));
  box-sizing: border-box;
  margin-top: calc(14px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #d8dbe4 !important;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #fff;
}
._replySettingPicker_1xkrq_484 .ant-picker-input {
  min-width: 0;
  flex: 1 1 0;
}
._replySettingPicker_1xkrq_484 .ant-picker-input > input {
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}
._replySettingPicker_1xkrq_484 .ant-picker-range-separator {
  flex: 0 0 auto;
  padding-inline: calc(4px * var(--responsive-size-scale));
}
._replySettingPicker_1xkrq_484:hover,
._replySettingPicker_1xkrq_484.ant-picker-focused {
  border-color: #034fe7 !important;
}
._replySettingTip_1xkrq_515 {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: flex-start;
  gap: calc(8px * var(--responsive-size-scale));
  margin-bottom: calc(20px * var(--responsive-size-scale));
  padding: calc(8px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  background: #f6f6f7;
  color: #686b75;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
}
._replySettingTipIcon_1xkrq_529 {
  flex: 0 0 auto;
  margin-top: calc(3px * var(--responsive-size-scale));
  color: #b8beca;
}
._variableImageTextField_1xkrq_451 ._variableTipIcon_1xkrq_440 {
  right: calc(-24px * var(--responsive-size-scale));
  top: calc(117px * var(--responsive-size-scale));
}
@media (max-width: 700px) {
  ._variableImageTextField_1xkrq_451 ._variableTipIcon_1xkrq_440 {
    right: calc(4px * var(--responsive-size-scale));
  }
}
._variableFieldRich_1xkrq_436 ._variableLabel_1xkrq_431 {
  color: #111;
  font-size: calc(20px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(28px * var(--responsive-size-scale));
  text-align: center;
  overflow-wrap: anywhere;
}
._variableFieldPair_1xkrq_551 {
  width: calc(480px * var(--responsive-size-scale));
  max-width: calc(100% - calc(20px * var(--responsive-size-scale)));
}
._variableImageTextShell_1xkrq_555 {
  position: relative;
  display: grid;
  grid-template-columns: calc(230px * var(--responsive-size-scale)) minmax(0, 1fr);
  grid-template-rows: calc(226px * var(--responsive-size-scale));
  min-width: 0;
  min-height: calc(226px * var(--responsive-size-scale));
  overflow: visible;
  border: calc(2px * var(--responsive-size-scale)) solid transparent;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: linear-gradient(#fbfbfc, #fbfbfc) padding-box, linear-gradient(135deg, #d5ad3d, #36b98b) border-box;
}
._variableImageTextShell_1xkrq_555::after {
  position: absolute;
  top: calc(2px * var(--responsive-size-scale));
  bottom: calc(2px * var(--responsive-size-scale));
  left: calc(230px * var(--responsive-size-scale));
  width: calc(1px * var(--responsive-size-scale));
  background: #e1e2e7;
  content: '';
  pointer-events: none;
}
._variableImageTextShell_1xkrq_555 > ._variableUpload_1xkrq_577 {
  display: contents;
  min-width: 0;
}
._variableImageTextShell_1xkrq_555 > ._variableUpload_1xkrq_577 > .ant-upload-wrapper {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
}
._variableImageTextShell_1xkrq_555 > ._variableUpload_1xkrq_577 > ._variableHint_1xkrq_587 {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  justify-self: center;
  z-index: 2;
  width: calc(188px * var(--responsive-size-scale));
  margin-bottom: calc(24px * var(--responsive-size-scale));
  color: #585858;
  text-align: center;
}
._variableImageTextShell_1xkrq_555 > ._variableTextControl_1xkrq_598 {
  display: contents;
}
._variableImageTextShell_1xkrq_555 > ._variableTextControl_1xkrq_598 > ._variableAiCheckField_1xkrq_601 {
  display: contents;
}
._variableImageTextShell_1xkrq_555 > ._variableTextControl_1xkrq_598 > ._variableAiCheckField_1xkrq_601 > ._variableControl_1xkrq_604 {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  padding: calc(14px * var(--responsive-size-scale)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
._variableImageTextShell_1xkrq_555 > ._variableTextControl_1xkrq_598 > ._variableAiCheckField_1xkrq_601 > ._variableAiCheck_1xkrq_456 {
  position: absolute;
  top: calc(100% + calc(10px * var(--responsive-size-scale)));
  left: 0;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
}
._variableImageTextShell_1xkrq_555:has(._variableAiCheck_1xkrq_456) {
  margin-bottom: calc(50px * var(--responsive-size-scale));
}
._variableImageTextShell_1xkrq_555 > ._variableTextControl_1xkrq_598 ._variableControl_1xkrq_604 {
  width: 100%;
  height: 100%;
  min-height: 0;
}
._variableImageTextShell_1xkrq_555 > ._variableTextControl_1xkrq_598 ._variableSuggestions_1xkrq_634 {
  display: none;
}
._variableControl_1xkrq_604 {
  width: 100%;
  min-height: calc(40px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
}
._variableRangeList_1xkrq_642 {
  display: grid;
  width: calc(360px * var(--responsive-size-scale));
  max-width: calc(100% - calc(32px * var(--responsive-size-scale)));
  min-width: 0;
  gap: calc(26px * var(--responsive-size-scale));
  margin: 0 auto;
}
._variableRangeRow_1xkrq_650 {
  position: relative;
  min-width: 0;
}
._variableRangeRow_1xkrq_650 ._variableControl_1xkrq_604 {
  width: 100%;
}
._variableRangePicker_1xkrq_657 {
  position: relative;
  width: 100%;
  height: calc(54px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #f6f6f7;
}
._variableRangePicker_1xkrq_657 .ant-picker-input > input {
  height: calc(52px * var(--responsive-size-scale));
  text-align: center;
}
._variableRangePicker_1xkrq_657::before,
._variableRangePicker_1xkrq_657::after {
  position: absolute;
  top: 100%;
  left: calc(12px * var(--responsive-size-scale));
  display: none;
  width: calc(50% - calc(36px * var(--responsive-size-scale)));
  color: #999;
  content: '今日' attr(data-desc-start-time);
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-align: center;
}
._variableRangePicker_1xkrq_657::after {
  right: calc(12px * var(--responsive-size-scale));
  left: auto;
  content: '次日' attr(data-desc-end-time);
}
._variableRangePickerCrossDay_1xkrq_686::before,
._variableRangePickerCrossDay_1xkrq_686::after {
  display: block;
}
._variableRangeDelete_1xkrq_690 {
  position: absolute;
  top: 50%;
  right: calc(-28px * var(--responsive-size-scale));
  display: grid;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(20px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  color: #b8beca;
  background: transparent;
  cursor: pointer;
  place-items: center;
  transform: translateY(-50%);
}
._variableRangeDelete_1xkrq_690:hover,
._variableRangeDelete_1xkrq_690:focus-visible {
  color: #034fe7;
}
._variableRangeAdd_1xkrq_709 {
  display: inline-flex;
  width: max-content;
  align-items: center;
  justify-self: start;
  gap: calc(10px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  color: #111;
  background: transparent;
  cursor: pointer;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._variableRangeAdd_1xkrq_709 svg {
  color: #034fe7;
}
._variableCascaderWrap_1xkrq_726 {
  min-width: 0;
}
._variableCascaderWrap_1xkrq_726 .ant-select {
  max-height: calc(144px * var(--responsive-size-scale));
  overflow: hidden;
}
._variableCascaderWrap_1xkrq_726 .ant-select-selector {
  min-height: calc(40px * var(--responsive-size-scale)) !important;
  max-height: calc(144px * var(--responsive-size-scale));
  overflow: hidden !important;
  align-items: flex-start !important;
  padding: calc(4px * var(--responsive-size-scale)) calc(28px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale)) !important;
  border: calc(1px * var(--responsive-size-scale)) solid #f1f1f1 !important;
}
._variableCascaderWrap_1xkrq_726 .ant-select-content,
._variableCascaderWrap_1xkrq_726 .ant-select-selection-overflow {
  max-height: calc(134px * var(--responsive-size-scale));
  overflow-y: auto !important;
  align-content: flex-start;
  row-gap: calc(4px * var(--responsive-size-scale));
}
._variableCascaderWrap_1xkrq_726 .ant-select-selection-item {
  max-width: 100%;
  margin-block: calc(2px * var(--responsive-size-scale)) !important;
}
._variableCascaderWrap_1xkrq_726 .ant-select-focused .ant-select-selector {
  border: calc(1px * var(--responsive-size-scale)) solid #034fe7 !important;
}
._variableCascaderWrap_1xkrq_726 .ant-select-selection-item-remove {
  display: inline-flex;
  align-items: center;
}
._variableCascaderPopup_1xkrq_759 {
  min-width: calc(260px * var(--responsive-size-scale));
  overflow: hidden;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #fff;
}
._variableCascaderDropdown_1xkrq_765 .ant-cascader-checkbox:not(.ant-cascader-checkbox-checked):not(
        .ant-cascader-checkbox-indeterminate
      ) {
  border: calc(1px * var(--responsive-size-scale)) solid #f1f1f1 !important;
}
._variableCascaderAll_1xkrq_770 {
  padding: calc(10px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-bottom: calc(1px * var(--responsive-size-scale)) solid #f0f0f0;
}
._variableCascaderFooter_1xkrq_774 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(8px * var(--responsive-size-scale));
  padding: calc(8px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-top: calc(1px * var(--responsive-size-scale)) solid #f0f0f0;
}
._variableCascaderFooter_1xkrq_774 > div {
  display: flex;
  gap: calc(8px * var(--responsive-size-scale));
}
._variableTextControl_1xkrq_598 {
  display: grid;
  gap: calc(12px * var(--responsive-size-scale));
}
._limitReply_1xkrq_790 {
  margin-top: calc(12px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f6f6f7;
}
._limitReplyHeader_1xkrq_796 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: calc(12px * var(--responsive-size-scale));
  min-height: calc(32px * var(--responsive-size-scale));
  margin-bottom: calc(12px * var(--responsive-size-scale));
  color: #111;
}
._limitReplySwitch_1xkrq_806 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(24px * var(--responsive-size-scale));
}
._limitReplyPicker_1xkrq_816 {
  width: auto;
  min-width: calc(260px * var(--responsive-size-scale));
  max-width: none;
  flex: 1 1 calc(260px * var(--responsive-size-scale));
  box-sizing: border-box;
  border: calc(1px * var(--responsive-size-scale)) solid #d8dbe4 !important;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #fff;
}
._limitReplyPicker_1xkrq_816 .ant-picker-input {
  min-width: 0;
  flex: 1 1 0;
}
._limitReplyPicker_1xkrq_816 .ant-picker-input > input {
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}
._limitReplyPicker_1xkrq_816:hover,
._limitReplyPicker_1xkrq_816.ant-picker-focused {
  border-color: #034fe7 !important;
}
._limitReplyInput_1xkrq_839 {
  width: 100%;
  margin-bottom: 0;
  --textarea-bg: #fff;
}
._variableAiCheckField_1xkrq_601 {
  display: grid;
  min-width: 0;
  gap: calc(8px * var(--responsive-size-scale));
}
._variableAiCheck_1xkrq_456 {
  display: flex;
  align-items: center;
  padding: calc(8px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  color: #585858;
  background: #f1f2f5;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._variableAiChecksuccess_1xkrq_859 {
  color: #1a8f5b;
}
._variableAiChecksuccess_1xkrq_859 ._variableAiCheckIcon_1xkrq_862 {
  color: #1a8f5b;
}
._variableAiCheckerror_1xkrq_865 {
  color: #333;
}
._variableAiCheckerror_1xkrq_865 ._variableAiCheckIcon_1xkrq_862 {
  color: #034fe7;
}
._variableAiCheckwarning_1xkrq_871 {
  color: #8b6f00;
}
._variableAiCheckwarning_1xkrq_871 ._variableAiCheckIcon_1xkrq_862 {
  color: #034fe7;
}
._variableAiCheck_1xkrq_456 button {
  flex: 0 0 auto;
  margin-left: calc(8px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  color: #034fe7;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
}
._variableAiCheckIcon_1xkrq_862 {
  flex: 0 0 auto;
  margin: calc(1px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale)) 0 0;
  color: #034fe7;
}
._variableAiCheckLoading_1xkrq_892 {
  width: calc(18px * var(--responsive-size-scale)) !important;
  min-width: calc(18px * var(--responsive-size-scale)) !important;
  height: calc(18px * var(--responsive-size-scale)) !important;
  margin: calc(1px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale)) 0 0;
  transform: scale(0.75);
  transform-origin: top left;
}
._variableList_1xkrq_414 ._variableInput_1xkrq_402 {
  width: calc(384px * var(--responsive-size-scale));
  max-width: 100%;
  margin: 0 auto;
}
._variableField_1xkrq_419 .ant-input,
._variableField_1xkrq_419 .ant-input-number,
._variableField_1xkrq_419 .ant-picker,
._variableField_1xkrq_419 .ant-select-selector,
._variableField_1xkrq_419 .ant-cascader-picker {
  border: calc(1px * var(--responsive-size-scale)) solid #f1f1f1;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f6f6f7;
}
._variableChoiceGroup_1xkrq_914 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  padding: calc(10px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f6f6f7;
}
._variableCheckOptionLink_1xkrq_922 {
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-bottom: calc(1px * var(--responsive-size-scale)) solid #034fe7;
  color: #034fe7;
  background: transparent;
  cursor: pointer;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
}
._variableCheckOptionTabs_1xkrq_935 {
  display: flex;
  gap: calc(8px * var(--responsive-size-scale));
  margin-bottom: calc(16px * var(--responsive-size-scale));
}
._variableCheckOptionTabs_1xkrq_935 button {
  flex: 1;
  min-height: calc(36px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(6px * var(--responsive-size-scale));
  color: #777;
  background: #f4f4f6;
  cursor: pointer;
}
._variableCheckOptionTabActive_1xkrq_949 {
  color: #034fe7 !important;
  background: #eff4ff !important;
}
._variableCheckOptionFields_1xkrq_953 {
  display: grid;
  gap: calc(14px * var(--responsive-size-scale));
}
._variableCheckOptionField_1xkrq_953 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(12px * var(--responsive-size-scale));
}
._variablePair_1xkrq_963 {
  display: flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
}
._variablePair_1xkrq_963 .ant-input-number {
  min-width: 0;
  flex: 1;
}
._variableMultiInput_1xkrq_972,
._variableRichReply_1xkrq_973 {
  display: grid;
  min-width: 0;
}
._variableMultiInput_1xkrq_972 {
  gap: calc(16px * var(--responsive-size-scale));
  margin-bottom: calc(20px * var(--responsive-size-scale));
}
._variableRichReply_1xkrq_973 {
  gap: calc(8px * var(--responsive-size-scale));
}
._variableMultiInputRow_1xkrq_984 {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: calc(17px * var(--responsive-size-scale));
}
._variableMultiInputRow_1xkrq_984 .ant-input {
  flex: 1;
  min-height: calc(40px * var(--responsive-size-scale));
  padding: calc(8px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
}
._variableMultiInputRow_1xkrq_984 ._variableAiCheckField_1xkrq_601 {
  flex: 1;
}
._variableMultiInputRow_1xkrq_984 ._variableMultiInputDelete_1xkrq_1000 {
  display: grid;
  width: calc(20px * var(--responsive-size-scale));
  min-width: calc(20px * var(--responsive-size-scale));
  max-width: calc(20px * var(--responsive-size-scale));
  height: calc(20px * var(--responsive-size-scale));
  margin: 0;
  padding: 0;
  place-items: center;
  border: 0;
  color: #b8beca;
  background: transparent;
  cursor: pointer;
}
._variableMultiInputRow_1xkrq_984 ._variableMultiInputDelete_1xkrq_1000:hover,
._variableMultiInputRow_1xkrq_984 ._variableMultiInputDelete_1xkrq_1000:focus-visible {
  color: #034fe7;
}
._variableMultiInput_1xkrq_972 > .ant-checkbox-wrapper {
  width: max-content;
  max-width: 100%;
  margin-bottom: calc(2px * var(--responsive-size-scale));
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
}
._variableMultiInput_1xkrq_972 ._variableMultiInputAdd_1xkrq_1025 {
  display: inline-flex;
  width: 100%;
  height: calc(20px * var(--responsive-size-scale));
  align-items: center;
  justify-self: start;
  gap: calc(10px * var(--responsive-size-scale));
  margin: 0;
  padding: 0;
  border: 0;
  color: #111;
  background: transparent;
  cursor: pointer;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._variableMultiInput_1xkrq_972 ._variableMultiInputAdd_1xkrq_1025 svg {
  color: #034fe7;
}
._variableReplyEditor_1xkrq_1044 {
  display: grid;
  min-width: 0;
  gap: calc(16px * var(--responsive-size-scale));
}
._variableReplyGroup_1xkrq_1049 {
  display: grid;
  min-width: 0;
  gap: calc(12px * var(--responsive-size-scale));
  padding: 0;
  background: transparent;
}
._variableReplyGroup_1xkrq_1049 + ._variableReplyGroup_1xkrq_1049 {
  padding-top: calc(20px * var(--responsive-size-scale));
  border-top: calc(1px * var(--responsive-size-scale)) solid #f0f0f0;
}
._variableReplyGroupTitle_1xkrq_1060 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #585858;
  margin-bottom: calc(2px * var(--responsive-size-scale));
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
}
._variableReplyItem_1xkrq_1069 {
  display: grid;
  min-width: 0;
  gap: calc(10px * var(--responsive-size-scale));
}
._variableReplyItemTitle_1xkrq_1074 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #585858;
  margin-bottom: calc(2px * var(--responsive-size-scale));
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
}
._variableReplyDelete_1xkrq_1083 {
  display: grid;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(20px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  color: #b8beca;
  background: transparent;
  cursor: pointer;
  place-items: center;
}
._variableReplyDelete_1xkrq_1083:hover,
._variableReplyDelete_1xkrq_1083:focus-visible {
  color: #034fe7;
}
._variableReplyDivider_1xkrq_1098 {
  border-top: calc(1px * var(--responsive-size-scale)) dashed #e5e5e7;
}
._variableReplyItemHeader_1xkrq_1101 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(12px * var(--responsive-size-scale));
  margin-bottom: calc(4px * var(--responsive-size-scale));
  color: #777;
  font-size: calc(12px * var(--responsive-size-scale));
}
._variableReplyItemHeader_1xkrq_1101 > span {
  display: inline-flex;
  align-items: center;
  gap: calc(5px * var(--responsive-size-scale));
  white-space: nowrap;
}
._variableReplyItemHeader_1xkrq_1101 .ant-input-number {
  width: calc(52px * var(--responsive-size-scale));
}
._variableReplyItem_1xkrq_1069 > .ant-btn,
._variableReplyEditor_1xkrq_1044 > .ant-btn {
  width: max-content;
  max-width: none;
  height: calc(32px * var(--responsive-size-scale));
  margin: 0;
  padding: 0 calc(12px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
}
._variableReplyAdd_1xkrq_1128 {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  color: #111;
  background: transparent;
  cursor: pointer;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._variableReplyAdd_1xkrq_1128 > svg {
  color: #034fe7;
}
._variableReplyEditor_1xkrq_1044 > ._variableReplyGroupAdd_1xkrq_1146 {
  display: inline-flex;
  width: max-content;
  max-width: none;
  height: calc(36px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  margin: calc(40px * var(--responsive-size-scale)) 0 0;
  padding: 0 calc(18px * var(--responsive-size-scale));
  border-color: #17181c;
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #fff;
  background: #17181c;
}
._variableReplyEditor_1xkrq_1044 > ._variableReplyGroupAdd_1xkrq_1146:hover,
._variableReplyEditor_1xkrq_1044 > ._variableReplyGroupAdd_1xkrq_1146:focus-visible {
  border-color: #2a2b30;
  background: #2a2b30;
}
._variableReplyImageRow_1xkrq_1165 {
  display: grid;
  grid-template-columns: calc(96px * var(--responsive-size-scale)) minmax(0, 1fr);
  min-width: 0;
  align-items: start;
  gap: calc(12px * var(--responsive-size-scale));
}
._variableReplyImageRow_1xkrq_1165 .ant-upload-select,
._variableReplyImageRow_1xkrq_1165 .ant-upload-list-item-container {
  width: calc(88px * var(--responsive-size-scale)) !important;
  height: calc(88px * var(--responsive-size-scale)) !important;
}
._variableReplyImageRow_1xkrq_1165 .ant-input {
  min-width: 0;
}
._variableReplyImageTextShell_1xkrq_1180 {
  display: grid;
  grid-template-columns: calc(230px * var(--responsive-size-scale)) minmax(0, 1fr);
  min-width: 0;
  height: calc(226px * var(--responsive-size-scale));
  overflow: hidden;
  border: calc(2px * var(--responsive-size-scale)) solid transparent;
  border-radius: calc(6px * var(--responsive-size-scale));
  background: linear-gradient(#fbfbfc, #fbfbfc) padding-box, linear-gradient(135deg, #d5ad3d, #36b98b) border-box;
}
._variableReplyImageTextShell_1xkrq_1180 .ant-upload-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(200px * var(--responsive-size-scale));
  height: calc(200px * var(--responsive-size-scale));
  margin: calc(10px * var(--responsive-size-scale));
}
._variableReplyImageTextShell_1xkrq_1180 .ant-upload-select,
._variableReplyImageTextShell_1xkrq_1180 .ant-upload-list-item-container {
  width: calc(200px * var(--responsive-size-scale)) !important;
  height: calc(200px * var(--responsive-size-scale)) !important;
  margin: 0 !important;
  border-radius: calc(4px * var(--responsive-size-scale)) !important;
  background: #f0f1f5 !important;
}
._variableReplyImageTextShell_1xkrq_1180 .ant-upload-list {
  width: calc(200px * var(--responsive-size-scale));
  height: calc(200px * var(--responsive-size-scale));
}
._variableReplyImageTextShell_1xkrq_1180 .ant-upload-list-item {
  width: calc(200px * var(--responsive-size-scale));
  height: calc(200px * var(--responsive-size-scale));
  padding: 0;
}
._variableReplyImageTextShell_1xkrq_1180 > ._variableAiCheckField_1xkrq_601 {
  grid-column: 2;
  grid-row: 1;
  height: 100%;
  padding: 0;
}
._variableReplyImageTextShell_1xkrq_1180 > ._variableAiCheckField_1xkrq_601 > ._variableReplyImageTextArea_1xkrq_1221 {
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
._variableReplyImagePrompt_1xkrq_1229 {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #7e879b;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._variableReplyImagePrompt_1xkrq_1229 strong {
  margin-bottom: calc(12px * var(--responsive-size-scale));
  color: #7e879b;
  font-size: calc(30px * var(--responsive-size-scale));
  font-weight: 300;
  line-height: calc(30px * var(--responsive-size-scale));
}
._variableReplyImagePrompt_1xkrq_1229 small {
  max-width: calc(188px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-align: center;
}
._variableReplyImageTextArea_1xkrq_1221 {
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  padding: calc(10px * var(--responsive-size-scale)) !important;
  border: 0 !important;
  border-left: calc(1px * var(--responsive-size-scale)) solid #f0f1f5 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  resize: none;
}
._variableRichReply_1xkrq_973 .ant-segmented {
  width: max-content;
}
._variableRichReply_1xkrq_973 .ant-input {
  min-height: calc(64px * var(--responsive-size-scale));
}
._variableSuggestions_1xkrq_634 {
  display: grid;
  gap: calc(8px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._variableSuggestionsStandalone_1xkrq_1277 {
  display: grid;
  width: calc(480px * var(--responsive-size-scale));
  max-width: calc(100% - calc(40px * var(--responsive-size-scale)));
  gap: calc(8px * var(--responsive-size-scale));
  margin: calc(22px * var(--responsive-size-scale)) auto 0;
  padding: 0 0 calc(2px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._variableSuggestions_1xkrq_634 > div {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8px * var(--responsive-size-scale));
}
._variableSuggestionsStandalone_1xkrq_1277 > div {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: calc(8px * var(--responsive-size-scale));
}
._variableSuggestions_1xkrq_634 button {
  max-width: 100%;
  padding: calc(7px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  overflow: hidden;
  border: calc(1px * var(--responsive-size-scale)) dashed #d6d9e3;
  border-radius: calc(18px * var(--responsive-size-scale));
  color: #686b75;
  background: #fff;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: anywhere;
}
._variableSuggestions_1xkrq_634 button:hover {
  border-color: #034fe7;
  color: #034fe7;
}
._variableSuggestionsStandalone_1xkrq_1277 button {
  width: 100%;
  max-width: 100%;
  padding: calc(7px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  overflow: hidden;
  border: calc(1px * var(--responsive-size-scale)) dashed #d6d9e3;
  border-radius: calc(18px * var(--responsive-size-scale));
  color: #686b75;
  background: #fff;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: anywhere;
}
._variableSuggestionsStandalone_1xkrq_1277 button:hover {
  border-color: #034fe7;
  color: #034fe7;
}
._variableUpload_1xkrq_577 {
  display: grid;
  width: 100%;
  justify-items: center;
  gap: calc(6px * var(--responsive-size-scale));
}
._variableImageWithText_1xkrq_1344 {
  position: relative;
  grid-template-columns: calc(230px * var(--responsive-size-scale)) minmax(0, 1fr);
  grid-template-rows: calc(226px * var(--responsive-size-scale));
  min-height: calc(226px * var(--responsive-size-scale));
  align-items: stretch;
  padding: calc(3px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #d8dbe4;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #fbfbfc;
}
._variableImageWithText_1xkrq_1344::after {
  position: absolute;
  top: calc(3px * var(--responsive-size-scale));
  bottom: calc(3px * var(--responsive-size-scale));
  left: calc(230px * var(--responsive-size-scale));
  width: calc(1px * var(--responsive-size-scale));
  background: #e1e2e7;
  content: '';
  pointer-events: none;
}
._variableImageWithText_1xkrq_1344 > .ant-upload-wrapper {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
}
._variableImageWithText_1xkrq_1344 > .ant-input-textarea,
._variableImageWithText_1xkrq_1344 > .ant-input {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  height: calc(218px * var(--responsive-size-scale));
  min-height: calc(218px * var(--responsive-size-scale));
  border: 0;
  border-left: 0;
  border-radius: 0;
  background: transparent;
}
._variableImageWithText_1xkrq_1344 > .ant-input-textarea {
  align-self: stretch;
  padding: calc(10px * var(--responsive-size-scale));
}
._variableImageWithText_1xkrq_1344 > .ant-input-textarea .ant-input {
  height: 100%;
  border: 0;
  background: transparent;
}
._variableImageWithText_1xkrq_1344 > ._variableAiCheckField_1xkrq_601 {
  display: contents;
}
._variableImageWithText_1xkrq_1344 > ._variableAiCheckField_1xkrq_601 > ._variableImageTextArea_1xkrq_1394 {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  z-index: 1;
  width: 100%;
  height: calc(218px * var(--responsive-size-scale)) !important;
  min-height: calc(218px * var(--responsive-size-scale)) !important;
  padding: calc(10px * var(--responsive-size-scale)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
._variableImageWithText_1xkrq_1344 > ._variableAiCheckField_1xkrq_601 > ._variableAiCheck_1xkrq_456 {
  position: absolute;
  top: calc(100% + calc(10px * var(--responsive-size-scale)));
  left: 0;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
}
._variableImageWithText_1xkrq_1344:has(._variableAiCheck_1xkrq_456) {
  margin-bottom: calc(50px * var(--responsive-size-scale));
}
._variableImageWithText_1xkrq_1344 ._variableImageTextArea_1xkrq_1394 {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
._variableImageTextArea_1xkrq_1394 {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto;
}
._variableImageWithText_1xkrq_1344 > ._variableHint_1xkrq_587 {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  z-index: 2;
  width: calc(188px * var(--responsive-size-scale));
  margin-bottom: calc(24px * var(--responsive-size-scale));
  color: #585858;
  text-align: center;
}
._variableUpload_1xkrq_577 .ant-upload-wrapper {
  width: max-content;
}
._variableUpload_1xkrq_577 .ant-upload-select {
  width: calc(200px * var(--responsive-size-scale)) !important;
  height: calc(200px * var(--responsive-size-scale)) !important;
  margin: 0 !important;
  border-radius: calc(4px * var(--responsive-size-scale)) !important;
  background: #f0f1f5 !important;
}
._variableUpload_1xkrq_577 .ant-upload-list-item-container {
  width: calc(200px * var(--responsive-size-scale)) !important;
  height: calc(200px * var(--responsive-size-scale)) !important;
}
._variableUpload_1xkrq_577 .ant-upload-list-item,
._variableUpload_1xkrq_577 .ant-upload-list-item-thumbnail,
._variableUpload_1xkrq_577 .ant-upload-list-item-thumbnail img {
  width: 100% !important;
  height: 100% !important;
}
._variableUpload_1xkrq_577 .ant-upload-wrapper .ant-upload-list .ant-upload-list-item-actions {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: calc(12px * var(--responsive-size-scale));
  line-height: calc(24px * var(--responsive-size-scale));
  transform: translateY(-50%) !important;
}
._variableUpload_1xkrq_577 .ant-upload-wrapper .ant-upload-list .ant-upload-list-item-actions > * {
  display: inline-flex !important;
  width: calc(24px * var(--responsive-size-scale));
  height: calc(24px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}
._variableUploadPrompt_1xkrq_1481 {
  display: grid;
  justify-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  color: #7e879b;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._variableUploadPrompt_1xkrq_1481 strong {
  color: #7e879b;
  font-size: calc(30px * var(--responsive-size-scale));
  font-weight: 300;
  line-height: calc(30px * var(--responsive-size-scale));
}
._variableImageTextShell_1xkrq_555 ._variableUpload_1xkrq_577 .ant-upload-select,
._variableImageWithText_1xkrq_1344 .ant-upload-select {
  width: calc(200px * var(--responsive-size-scale)) !important;
  height: calc(200px * var(--responsive-size-scale)) !important;
  border-radius: calc(4px * var(--responsive-size-scale)) !important;
  background: #f0f1f5 !important;
}
._variableHint_1xkrq_587 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._variableCheck_1xkrq_922 {
  display: flex;
  width: calc(384px * var(--responsive-size-scale));
  max-width: 100%;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  margin: 0 auto;
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._sortActions_1xkrq_1517 {
  display: grid;
  gap: calc(8px * var(--responsive-size-scale));
  width: calc(360px * var(--responsive-size-scale));
  max-width: calc(100% - calc(40px * var(--responsive-size-scale)));
  margin: calc(20px * var(--responsive-size-scale)) auto 0;
}
._sortHint_1xkrq_1524 {
  margin: calc(18px * var(--responsive-size-scale)) auto 0;
  color: #9aa0b0;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  text-align: center;
}
._sortRow_1xkrq_1531 {
  display: flex;
  min-width: 0;
  min-height: calc(72px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  color: #585858;
  font-size: calc(12px * var(--responsive-size-scale));
}
._sortHandle_1xkrq_1540 {
  position: relative;
  width: calc(18px * var(--responsive-size-scale));
  height: calc(24px * var(--responsive-size-scale));
  flex: 0 0 calc(18px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  background: transparent;
  cursor: grab;
  user-select: none;
}
._sortHandle_1xkrq_1540::before {
  position: absolute;
  top: calc(4px * var(--responsive-size-scale));
  left: calc(3px * var(--responsive-size-scale));
  width: calc(12px * var(--responsive-size-scale));
  height: calc(18px * var(--responsive-size-scale));
  background: radial-gradient(circle, #999 calc(1.5px * var(--responsive-size-scale)), transparent calc(1.6px * var(--responsive-size-scale))) 0 0 / calc(6px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale));
  content: '';
}
._sortHandle_1xkrq_1540:active {
  cursor: grabbing;
}
._sortLabel_1xkrq_1563 {
  min-width: 0;
  flex: 1;
  min-height: calc(72px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
  overflow: hidden;
  border: 0;
  border-radius: calc(10px * var(--responsive-size-scale));
  color: #585858;
  background: #f4f4f6;
  cursor: pointer;
  font-size: calc(14px * var(--responsive-size-scale));
  text-align: center;
  text-overflow: ellipsis;
  white-space: normal;
}
._sortLabelDisabled_1xkrq_1579 {
  cursor: default;
}
._sortConfigButton_1xkrq_1582 {
  display: inline-flex;
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  flex: 0 0 calc(22px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  margin-left: calc(14px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  background: transparent;
  color: #9aa0b0;
  cursor: pointer;
}
._sortConfigButtonActive_1xkrq_1596 {
  color: #034fe7;
}
._sortConfigButtonHidden_1xkrq_1599 {
  visibility: hidden;
  pointer-events: none;
}
._sortDrawerContent_1xkrq_1603 {
  display: grid;
  gap: calc(16px * var(--responsive-size-scale));
}
._sortDrawerLayout_1xkrq_1607 {
  display: flex;
  min-height: 0;
  height: 100%;
  margin-inline: calc(20px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) 0;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._sortDrawerMain_1xkrq_1616 {
  min-width: 0;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: calc(20px * var(--responsive-size-scale)) calc(30px * var(--responsive-size-scale)) calc(28px * var(--responsive-size-scale)) 0;
  border-right: calc(1px * var(--responsive-size-scale)) solid #f0f0f0;
}
._sortDrawerSwitch_1xkrq_1624 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: calc(18px * var(--responsive-size-scale));
  border-bottom: calc(1px * var(--responsive-size-scale)) solid #f0f0f0;
  color: #111;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
}
._sortDrawerPreview_1xkrq_1634 {
  width: calc(249px * var(--responsive-size-scale));
  min-width: 0;
  flex: 0 0 calc(249px * var(--responsive-size-scale));
  overflow-y: auto;
  padding: calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(30px * var(--responsive-size-scale));
}
._sortDrawerPreview_1xkrq_1634 h3 {
  margin: 0 0 calc(16px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
}
._sortDrawerPreview_1xkrq_1634 .ant-card,
._sortDrawerPreview_1xkrq_1634 > section {
  width: 100%;
  max-width: calc(209px * var(--responsive-size-scale));
  margin: 0;
  transform: translateX(calc(12px * var(--responsive-size-scale)));
}
._sortDrawerContent_1xkrq_1603 ._variableField_1xkrq_419 {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
._sortRow_1xkrq_1531 > span {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._sortRow_1xkrq_1531 .ant-btn {
  width: auto;
  height: calc(28px * var(--responsive-size-scale));
  max-width: none;
  margin: 0;
  padding: 0 calc(8px * var(--responsive-size-scale));
  font-size: calc(12px * var(--responsive-size-scale));
}
._clueLevelPanel_1xkrq_1674 {
  display: grid;
  gap: calc(12px * var(--responsive-size-scale));
  width: calc(438px * var(--responsive-size-scale));
  max-width: calc(100% - calc(40px * var(--responsive-size-scale)));
  margin: calc(20px * var(--responsive-size-scale)) auto 0;
}
._clueLevelSwitch_1xkrq_1681 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._clueLevelOptions_1xkrq_1689 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(8px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  padding: calc(10px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f1f1f1;
}
._editor_1xkrq_212 .ant-btn {
  width: calc(438px * var(--responsive-size-scale));
  max-width: calc(100% - calc(40px * var(--responsive-size-scale)));
  height: calc(36px * var(--responsive-size-scale));
  margin: auto auto 0;
  border-radius: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
}
._editorFooter_1xkrq_1705 {
  z-index: 6;
  display: flex;
  width: 100%;
  min-height: calc(60px * var(--responsive-size-scale));
  flex: 0 0 calc(60px * var(--responsive-size-scale));
  align-items: flex-end;
  margin-top: 0;
  padding: 0 0 calc(20px * var(--responsive-size-scale));
  background: #fbfbfb;
}
._editorFooter_1xkrq_1705 .ant-btn {
  margin: 0 auto;
}
._editorFooter_1xkrq_1705 ._saveButtonCompact_1xkrq_1719 {
  width: calc(120px * var(--responsive-size-scale));
  max-width: calc(120px * var(--responsive-size-scale));
}
._recommendConfigButton_1xkrq_1723 {
  position: absolute;
  bottom: calc(28px * var(--responsive-size-scale));
  left: calc(20px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  color: #034fe7;
  background: transparent;
  cursor: pointer;
  font-size: calc(13px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._recommendConfigButton_1xkrq_1723:hover,
._recommendConfigButton_1xkrq_1723:focus-visible {
  color: #2a68eb;
}
._preview_1xkrq_224 {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
._previewStage_1xkrq_1747 {
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
._preview_1xkrq_224 h3 {
  margin: calc(7px * var(--responsive-size-scale)) 0 0;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(22px * var(--responsive-size-scale));
}
._phone_1xkrq_1759 {
  width: calc(209px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
}
._phoneContent_1xkrq_1763 {
  right: calc(6px * var(--responsive-size-scale));
  left: calc(6px * var(--responsive-size-scale));
  padding-inline: calc(20px * var(--responsive-size-scale)) !important;
  scrollbar-color: #c8c8c8 transparent;
}
._phoneContent_1xkrq_1763::-webkit-scrollbar {
  display: block;
  width: calc(4px * var(--responsive-size-scale));
}
._phoneContent_1xkrq_1763::-webkit-scrollbar-thumb {
  min-height: calc(24px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  background: #c8c8c8;
}
@keyframes _editor-fade-in_1xkrq_1 {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes _editor-fade-out_1xkrq_1 {
  from {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
._drawer_q087c_1 {
  width: min(calc(726px * var(--responsive-size-scale)), 100%);
  max-height: 100vh;
  padding: 0;
  overflow: hidden;
  border-radius: calc(16px * var(--responsive-size-scale)) 0 0 calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._shell_q087c_9 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  padding: 0 calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
}
._description_q087c_17 {
  margin: 0 0 calc(16px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._body_q087c_23 {
  display: grid;
  min-height: 0;
  flex: 1;
  grid-template-columns: minmax(0, 1fr) calc(190px * var(--responsive-size-scale));
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._editor_q087c_34 {
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 calc(4px * var(--responsive-size-scale)) 0 calc(6px * var(--responsive-size-scale));
}
._settingRow_q087c_40,
._limitRow_q087c_41 {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
}
._settingRow_q087c_40 {
  font-weight: 600;
}
._toggle_q087c_51 {
  position: relative;
  width: calc(50px * var(--responsive-size-scale));
  height: calc(24px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  border-radius: calc(14px * var(--responsive-size-scale));
  background: #cbd1dc;
  transition: background 150ms ease;
}
._toggle_q087c_51 span {
  position: absolute;
  top: calc(3px * var(--responsive-size-scale));
  left: calc(3px * var(--responsive-size-scale));
  width: calc(18px * var(--responsive-size-scale));
  height: calc(18px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #fff;
  transition: transform 150ms ease;
}
._toggleChecked_q087c_70 {
  background: #034fe7;
}
._toggleChecked_q087c_70 span {
  transform: translateX(calc(26px * var(--responsive-size-scale)));
}
._touchList_q087c_76 {
  display: grid;
  gap: 0;
}
._touchItem_q087c_80 {
  min-width: 0;
  overflow: visible;
  padding: calc(16px * var(--responsive-size-scale)) 0 calc(14px * var(--responsive-size-scale));
  border-bottom: calc(1px * var(--responsive-size-scale)) solid #f0f0f0;
}
._touchHeading_q087c_86 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._touchHeading_q087c_86 h3 {
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(20px * var(--responsive-size-scale));
}
._deleteButton_q087c_96 {
  display: grid;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(20px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #ff741c;
  color: white;
  font-size: calc(16px * var(--responsive-size-scale));
  line-height: 1;
}
._touchMeta_q087c_107 {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: calc(12px * var(--responsive-size-scale));
  margin-top: calc(12px * var(--responsive-size-scale));
}
._modeGroup_q087c_115 {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: calc(13px * var(--responsive-size-scale));
}
._modeOption_q087c_121 {
  display: inline-flex;
  align-items: center;
  gap: calc(5px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(12px * var(--responsive-size-scale));
  white-space: nowrap;
  cursor: pointer;
}
._modeOption_q087c_121 input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
._radioDot_q087c_135 {
  width: calc(14px * var(--responsive-size-scale));
  height: calc(14px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #cdcdcd;
  border-radius: 50%;
}
._modeOption_q087c_121 input:checked + ._radioDot_q087c_135 {
  border: calc(1px * var(--responsive-size-scale)) solid #034fe7;
  box-shadow: inset 0 0 0 calc(3px * var(--responsive-size-scale)) #fff;
  background: #034fe7;
}
._delayControl_q087c_146 {
  display: inline-flex;
  align-items: center;
  gap: calc(5px * var(--responsive-size-scale));
  color: #585858;
  font-size: calc(12px * var(--responsive-size-scale));
  white-space: nowrap;
}
._delayControl_q087c_146 input {
  width: calc(40px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  border-radius: calc(4px * var(--responsive-size-scale));
  background: #f1f1f1;
  text-align: center;
}
._textarea_q087c_163 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: calc(48px * var(--responsive-size-scale));
  margin-top: calc(12px * var(--responsive-size-scale));
  padding: calc(12px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(10px * var(--responsive-size-scale));
  outline: none;
  background: #f7f7f7;
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  resize: vertical;
}
._textarea_q087c_163:focus {
  box-shadow: 0 0 0 calc(1px * var(--responsive-size-scale)) #034fe7;
}
._textarea_q087c_163::placeholder {
  color: #999;
}
._questionCardSummary_q087c_185 {
  display: grid;
  gap: calc(8px * var(--responsive-size-scale));
  margin-top: calc(12px * var(--responsive-size-scale));
  padding: calc(12px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #f7f7f7;
  color: #111;
}
._questionCardSummary_q087c_185 strong,
._questionCardSummary_q087c_185 p {
  margin: 0;
  font-size: calc(13px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._questionCardSummary_q087c_185 > div,
._questionCardPreview_q087c_201 {
  display: grid;
  gap: calc(6px * var(--responsive-size-scale));
}
._questionCardSummary_q087c_185 span,
._questionCardPreview_q087c_201 span {
  padding: calc(5px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  background: #fff;
  color: #585858;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._questionCardPreview_q087c_201 strong {
  font-size: calc(11px * var(--responsive-size-scale));
  line-height: calc(16px * var(--responsive-size-scale));
}
._phoneEditor_q087c_218 {
  position: relative;
  min-width: 0;
  margin-top: calc(12px * var(--responsive-size-scale));
}
._phoneEditor_q087c_218 ._textarea_q087c_163 {
  margin-top: 0;
  padding-right: calc(60px * var(--responsive-size-scale));
}
._phoneEditButton_q087c_227 {
  position: absolute;
  top: calc(12px * var(--responsive-size-scale));
  right: calc(14px * var(--responsive-size-scale));
  color: #034fe7;
  font-size: calc(12px * var(--responsive-size-scale));
}
._phoneEditorTextarea_q087c_234 {
  width: 100%;
  box-sizing: border-box;
  min-height: calc(100px * var(--responsive-size-scale));
  padding: calc(12px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(10px * var(--responsive-size-scale));
  outline: none;
  background: #f7f7f7;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  resize: vertical;
}
._uploadArea_q087c_247 {
  display: grid;
  width: calc(76px * var(--responsive-size-scale));
  height: calc(76px * var(--responsive-size-scale));
  margin-top: calc(12px * var(--responsive-size-scale));
  place-items: center;
  overflow: hidden;
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #f7f7f7;
  color: #585858;
}
._uploadArea_q087c_247 strong {
  font-size: calc(24px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(20px * var(--responsive-size-scale));
}
._uploadArea_q087c_247 span {
  font-size: calc(12px * var(--responsive-size-scale));
}
._uploadArea_q087c_247 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._limitRow_q087c_41 {
  display: block;
  margin-top: calc(12px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
}
._limitHeader_q087c_276 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._limitHeader_q087c_276 ._timePicker_q087c_282 {
  flex: 0 1 calc(250px * var(--responsive-size-scale));
  min-width: 0;
  margin-left: auto;
}
._limitReplyEditor_q087c_287 {
  width: 100%;
  min-width: 0;
  flex: 0 0 100%;
  padding-top: calc(14px * var(--responsive-size-scale));
  border-top: calc(1px * var(--responsive-size-scale)) dashed #f0f0f0;
}
._limitReplyEditor_q087c_287 ._touchMeta_q087c_107 {
  margin-top: 0;
}
._timePicker_q087c_282 {
  min-width: calc(250px * var(--responsive-size-scale));
  margin-left: auto;
}
._addButton_q087c_301 {
  display: inline-flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  margin-top: calc(14px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
}
._addButton_q087c_301 span {
  display: grid;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1;
}
._preview_q087c_320 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
}
._preview_q087c_320 h3 {
  align-self: flex-start;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._phonePreview_q087c_332 {
  margin-top: calc(14px * var(--responsive-size-scale));
}
._warning_q087c_335 {
  display: flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  flex: 0 0 auto;
  padding-top: calc(16px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(12px * var(--responsive-size-scale));
}
._warning_q087c_335 span {
  display: grid;
  width: calc(15px * var(--responsive-size-scale));
  height: calc(15px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: calc(10px * var(--responsive-size-scale));
  font-weight: 600;
}
@media (max-width: 760px) {
  ._drawer_q087c_1 {
    width: 100%;
    margin-right: 0;
    border-radius: 0;
  }
  ._body_q087c_23 {
    grid-template-columns: minmax(0, 1fr);
    overflow: auto;
  }
  ._preview_q087c_320 {
    display: none;
  }
  ._touchMeta_q087c_107 {
    align-items: flex-start;
    flex-direction: column;
  }
  ._timePicker_q087c_282 {
    width: 100%;
    margin-left: 0;
  }
  ._limitHeader_q087c_276 {
    flex-wrap: wrap;
  }
  ._limitHeader_q087c_276 ._timePicker_q087c_282 {
    flex-basis: 100%;
  }
}
._drawer_i26lf_1 {
  background: #f2f2f2;
}
._drawerSingle_i26lf_4 {
  width: min(calc(910px * var(--responsive-size-scale)), 100%);
}
._drawerBatch_i26lf_7 {
  width: min(calc(1006px * var(--responsive-size-scale)), 100%);
}
._drawerWrap_i26lf_10 {
  display: flex;
  min-height: 0;
  height: 100%;
  margin-inline: calc(20px * var(--responsive-size-scale));
  padding: 0 calc(20px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._formWrap_i26lf_19 {
  min-width: 0;
  flex: 1;
  overflow-y: auto;
  padding: calc(20px * var(--responsive-size-scale)) 0 calc(28px * var(--responsive-size-scale));
}
._editTitle_i26lf_25 {
  margin: 0 0 calc(16px * var(--responsive-size-scale));
  color: #8c8c91;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._previewWrap_i26lf_31 {
  width: calc(250px * var(--responsive-size-scale));
  flex: 0 0 calc(250px * var(--responsive-size-scale));
  margin-right: calc(-16px * var(--responsive-size-scale));
  overflow-y: auto;
  padding: calc(34px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(30px * var(--responsive-size-scale));
}
._previewTitle_i26lf_38 {
  margin-bottom: calc(28px * var(--responsive-size-scale));
  color: #1a1a1b;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._settingItem_i26lf_45 {
  margin-bottom: calc(10px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  cursor: pointer;
  background-color: #f4f4f6;
}
._settingItemActive_i26lf_52 {
  background: #e9edf4;
}
._settingItemBatch_i26lf_55 {
  display: flex;
  align-items: flex-start;
  gap: calc(12px * var(--responsive-size-scale));
}
._settingItemBatch_i26lf_55._settingItemActive_i26lf_52 {
  background: #e9edf4;
}
._settingItemCollapsed_i26lf_63 {
  min-height: calc(50px * var(--responsive-size-scale));
  padding-block: calc(14px * var(--responsive-size-scale));
}
._checkboxItem_i26lf_67 {
  flex: 0 0 auto;
  padding-top: calc(1px * var(--responsive-size-scale));
}
._settingContent_i26lf_71 {
  min-width: 0;
  flex: 1;
}
._settingLabel_i26lf_75 {
  margin-bottom: calc(10px * var(--responsive-size-scale));
  color: #1a1a1b;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
}
._settingItemBatch_i26lf_55._settingItemCollapsed_i26lf_63 ._settingLabel_i26lf_75 {
  margin-bottom: 0;
}
._saleSetting_i26lf_84,
._priceSetting_i26lf_85,
._limitReplyHeader_i26lf_86 {
  display: flex;
  align-items: center;
}
._saleSetting_i26lf_84 {
  gap: calc(10px * var(--responsive-size-scale));
  color: #333;
  font-size: calc(14px * var(--responsive-size-scale));
}
._priceSetting_i26lf_85 {
  gap: calc(10px * var(--responsive-size-scale));
  color: #8a909f;
}
._radioItem_i26lf_99 {
  margin-bottom: calc(10px * var(--responsive-size-scale));
}
._replyLabel_i26lf_102 {
  margin-bottom: calc(8px * var(--responsive-size-scale));
  color: #1a1a1b;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  margin-top: calc(10px * var(--responsive-size-scale));
}
._requiredMark_i26lf_109 {
  color: #ff0000;
}
._limitReply_i26lf_86 {
  margin-top: calc(16px * var(--responsive-size-scale));
}
._limitReplyHeader_i26lf_86 {
  justify-content: flex-start;
  gap: calc(8px * var(--responsive-size-scale));
  color: #333;
  font-size: calc(14px * var(--responsive-size-scale));
}
._limitReplyHeaderEnabled_i26lf_121 {
  margin-bottom: calc(8px * var(--responsive-size-scale));
}
._confirmDescription_i26lf_124 p {
  margin: 0 0 calc(12px * var(--responsive-size-scale));
}
@media (max-width: 820px) {
  ._drawerSingle_i26lf_4,
  ._drawerBatch_i26lf_7 {
    width: 100%;
  }
  ._previewWrap_i26lf_31 {
    width: calc(250px * var(--responsive-size-scale));
    flex-basis: calc(250px * var(--responsive-size-scale));
    padding-inline: calc(20px * var(--responsive-size-scale));
  }
}
._panel_hlc80_1 {
  margin-top: calc(20px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
  overflow: hidden;
}
._toolbar_hlc80_8 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(20px * var(--responsive-size-scale));
  margin-bottom: calc(20px * var(--responsive-size-scale));
}
._searchInput_hlc80_15,
._statusSelect_hlc80_16,
._yearSelect_hlc80_17 {
  width: calc(180px * var(--responsive-size-scale));
  flex: 0 0 calc(180px * var(--responsive-size-scale));
}
._searchInput_hlc80_15 {
  min-width: 0;
}
._brandOption_hlc80_24 {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: calc(8px * var(--responsive-size-scale));
}
._brandOptionName_hlc80_32 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._brandOptionCount_hlc80_37 {
  flex: 0 0 auto;
}
._modelCell_hlc80_40 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
}
._modelCellChild_hlc80_46 {
  padding-left: calc(22px * var(--responsive-size-scale));
}
._expandAllButton_hlc80_49 {
  margin-left: auto;
  color: #034fe7;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
}
._expandAllButton_hlc80_49:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
._batchButton_hlc80_59 {
  width: calc(96px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  color: #fff;
  background: #222;
  font-size: calc(14px * var(--responsive-size-scale));
  opacity: 0.2;
}
._batchButton_hlc80_59:not(:disabled) {
  opacity: 1;
}
._expandButton_hlc80_71,
._expandPlaceholder_hlc80_72 {
  display: grid;
  width: calc(15px * var(--responsive-size-scale));
  height: calc(18px * var(--responsive-size-scale));
  flex: 0 0 calc(15px * var(--responsive-size-scale));
  place-items: center;
  color: #585858;
}
._expandArrow_hlc80_80 {
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
}
._expandArrowExpanded_hlc80_84 {
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  transform: rotate(90deg);
}
._editButton_hlc80_89 {
  color: #034fe7;
  text-align: left;
}
._unsoldRow_hlc80_93 {
  opacity: 0.8;
}
._modelCell_hlc80_40 img,
._imagePlaceholder_hlc80_97 {
  width: calc(78px * var(--responsive-size-scale));
  height: calc(58px * var(--responsive-size-scale));
  flex: 0 0 calc(78px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  object-fit: cover;
}
._imagePlaceholder_hlc80_97 {
  background: transparent;
}
._modelCopy_hlc80_107 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._modelCopy_hlc80_107 strong,
._modelCopy_hlc80_107 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._modelCopy_hlc80_107 strong {
  font-weight: 400;
}
._modelName_hlc80_123 {
  width: 100%;
  margin: 0;
  font-weight: 400;
  margin-bottom: 0 !important;
}
._modelCopy_hlc80_107 small {
  color: #585858;
  font-size: calc(12px * var(--responsive-size-scale));
}
._mutedCell_hlc80_133 {
  color: #080808;
}
._policyCell_hlc80_136 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(5px * var(--responsive-size-scale));
  overflow: hidden;
}
._policyCell_hlc80_136 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._policyCell_hlc80_136 em {
  display: inline-flex;
  max-width: 100%;
  box-sizing: border-box;
  height: calc(22px * var(--responsive-size-scale));
  align-items: center;
  padding: 0 calc(8px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  font-size: calc(12px * var(--responsive-size-scale));
  font-style: normal;
  line-height: calc(22px * var(--responsive-size-scale));
  white-space: nowrap;
}
._policyTagLong_hlc80_162 {
  color: #5287ff;
  background: rgba(3, 79, 231, 0.06);
}
._policyTagValid_hlc80_166 {
  color: #52c41a;
  background: rgba(82, 196, 26, 0.1);
}
._policyTagWarning_hlc80_170 {
  color: #fa8c16;
  background: rgba(250, 140, 22, 0.1);
}
._stage_1hntt_1 {
  display: flex;
  width: calc(300px * var(--responsive-size-scale));
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
._badgeCaption_1hntt_9 {
  display: flex;
  width: 100%;
  justify-content: center;
}
._badge_1hntt_9 {
  position: relative;
  display: flex;
  height: calc(52px * var(--responsive-size-scale));
  flex: 0 0 auto;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  width: fit-content;
  min-width: calc(175px * var(--responsive-size-scale));
  max-width: calc(233px * var(--responsive-size-scale));
  box-sizing: border-box;
  padding: calc(6px * var(--responsive-size-scale)) calc(18px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid rgba(8, 8, 8, 0.04);
  border-radius: calc(999px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(18px * var(--responsive-size-scale)) rgba(8, 8, 8, 0.06);
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  z-index: 9;
}
._badge_1hntt_9:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #2f80ed;
  outline-offset: calc(3px * var(--responsive-size-scale));
}
._avatar_1hntt_40 {
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  flex: 0 0 calc(40px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._identity_1hntt_47 {
  min-width: 0;
  flex: 1 1 auto;
}
._identityLine_1hntt_51 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0;
}
._name_1hntt_57 {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: #080808;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  margin-right: calc(6px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._status_1hntt_68 {
  flex: 0 0 auto;
}
._storeName_1hntt_71 {
  display: block;
  overflow: hidden;
  color: #080808;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: calc(2px * var(--responsive-size-scale));
}
._animation_1hntt_81 {
  position: relative;
  width: calc(300px * var(--responsive-size-scale));
  height: calc(300px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}
._video_1hntt_91 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
._activeVideo_1hntt_99 {
  z-index: 1;
  opacity: 1;
}
._inactiveVideo_1hntt_103 {
  z-index: 0;
  opacity: 0;
}
._settingsDialog_z8qme_1 {
  width: min(calc(760px * var(--responsive-size-scale)), calc(100vw - calc(32px * var(--responsive-size-scale))));
  height: min(calc(603px * var(--responsive-size-scale)), calc(100vh - calc(32px * var(--responsive-size-scale))));
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #f7f7f7;
}
._settingsShell_z8qme_10 {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: calc(211px * var(--responsive-size-scale)) minmax(0, 1fr);
}
._acquisitionDialog_z8qme_16 {
  width: min(calc(760px * var(--responsive-size-scale)), calc(100vw - calc(32px * var(--responsive-size-scale))));
  height: min(calc(603px * var(--responsive-size-scale)), calc(100vh - calc(32px * var(--responsive-size-scale))));
  padding: 0;
  overflow: hidden;
  background: #f7f7f7;
}
._acquisitionShell_z8qme_23 {
  display: grid;
  height: 100%;
}
._acquisitionSidebar_z8qme_27 {
  display: block;
}
._sidebar_z8qme_30 {
  min-width: 0;
  padding: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._sidebarTitle_z8qme_35 {
  display: block;
  margin: 0 0 calc(10px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._settingsNav_z8qme_42 {
  display: grid;
  gap: calc(2px * var(--responsive-size-scale));
}
._settingsTab_z8qme_46 {
  display: flex;
  width: calc(170px * var(--responsive-size-scale));
  min-height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(9px * var(--responsive-size-scale));
  padding: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  text-align: left;
  white-space: nowrap;
}
._settingsTab_z8qme_46:hover,
._settingsTabActive_z8qme_60 {
  background: #f1f1f1;
}
._monitorIcon_z8qme_63 {
  position: relative;
  display: inline-block;
  width: calc(15px * var(--responsive-size-scale));
  height: calc(10px * var(--responsive-size-scale));
  flex: 0 0 calc(15px * var(--responsive-size-scale));
  border-radius: calc(1px * var(--responsive-size-scale));
  background: #050505;
}
._monitorIcon_z8qme_63::after {
  position: absolute;
  right: calc(4px * var(--responsive-size-scale));
  bottom: calc(-3px * var(--responsive-size-scale));
  left: calc(4px * var(--responsive-size-scale));
  height: calc(2px * var(--responsive-size-scale));
  border-radius: calc(1px * var(--responsive-size-scale));
  background: #050505;
  content: '';
}
._main_z8qme_82 {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  padding: calc(20px * var(--responsive-size-scale)) calc(40px * var(--responsive-size-scale));
}
._acquisitionMain_z8qme_89 {
  height: 100%;
  padding: calc(20px * var(--responsive-size-scale)) calc(40px * var(--responsive-size-scale));
}
._acquisitionMain_z8qme_89 ._mainTitle_z8qme_93 {
  margin-left: 0;
}
._acquisitionMain_z8qme_89 ._actions_z8qme_96 {
  margin-top: auto;
  padding-top: calc(16px * var(--responsive-size-scale));
}
._mainTitle_z8qme_93 {
  margin: 0 0 calc(18px * var(--responsive-size-scale));
  margin-left: calc(10px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._mobileTitle_z8qme_108 {
  display: none;
}
._contentCard_z8qme_111 {
  min-width: 0;
  overflow: auto;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: transparent;
  flex: 1;
}
._profileContent_z8qme_118 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(12px * var(--responsive-size-scale));
}
._accountCard_z8qme_124,
._agentCard_z8qme_125 {
  min-width: 0;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fdfdfd;
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(19px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.02);
}
._accountCard_z8qme_124 {
  display: flex;
  height: calc(91px * var(--responsive-size-scale));
  box-sizing: border-box;
  align-items: center;
  gap: calc(16px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  cursor: pointer;
  text-align: left;
}
._accountCard_z8qme_124:disabled {
  cursor: default;
}
._accountAvatarImage_z8qme_144 {
  width: calc(51px * var(--responsive-size-scale));
  height: calc(51px * var(--responsive-size-scale));
  flex: 0 0 calc(51px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._accountAvatarSkeleton_z8qme_151 {
  width: calc(51px * var(--responsive-size-scale));
  height: calc(51px * var(--responsive-size-scale));
  flex: 0 0 calc(51px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #eeeeee;
  animation: _accountSkeletonPulse_z8qme_1 1.4s ease-in-out infinite;
}
._accountIdentity_z8qme_159,
._agentCopy_z8qme_160 {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
._accountIdentity_z8qme_159 {
  gap: calc(5px * var(--responsive-size-scale));
}
._accountName_z8qme_168,
._agentName_z8qme_169 {
  display: flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  overflow: hidden;
  color: #111;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(20px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._accountHandle_z8qme_181 {
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._accountSkeletonIdentity_z8qme_186 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(8px * var(--responsive-size-scale));
}
._accountSkeletonLine_z8qme_193 {
  display: block;
  height: calc(16px * var(--responsive-size-scale));
  border-radius: calc(5px * var(--responsive-size-scale));
  background: #eeeeee;
  animation: _accountSkeletonPulse_z8qme_1 1.4s ease-in-out infinite;
}
._accountSkeletonLinePrimary_z8qme_200 {
  width: min(calc(136px * var(--responsive-size-scale)), 65%);
}
._accountSkeletonLineSecondary_z8qme_203 {
  width: min(calc(96px * var(--responsive-size-scale)), 45%);
  height: calc(14px * var(--responsive-size-scale));
}
._accountSkeletonArrow_z8qme_207 {
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  flex: 0 0 calc(16px * var(--responsive-size-scale));
  margin-left: auto;
  border-radius: calc(4px * var(--responsive-size-scale));
  background: #eeeeee;
  animation: _accountSkeletonPulse_z8qme_1 1.4s ease-in-out infinite;
}
@keyframes _accountSkeletonPulse_z8qme_1 {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._accountAvatarSkeleton_z8qme_151,
  ._accountSkeletonLine_z8qme_193,
  ._accountSkeletonArrow_z8qme_207,
  ._agentAvatarSkeleton_z8qme_229,
  ._agentNameSkeleton_z8qme_230 {
    animation: none;
  }
}
._accountStatus_z8qme_234 {
  display: inline-flex;
  align-items: center;
  gap: calc(7px * var(--responsive-size-scale));
  margin-left: auto;
  color: #22a15a;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
}
._accountStatusSub_z8qme_243 {
  color: #111;
}
._accountStatusSub_z8qme_243 ._statusArrow_z8qme_246 {
  color: #000000;
}
._accountTag_z8qme_249 {
  display: inline-flex;
  height: calc(17px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  padding: 0 calc(4px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  color: #22a15a;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(17px * var(--responsive-size-scale));
  white-space: nowrap;
}
._accountTagMain_z8qme_262 {
  background: rgba(3, 79, 231, 0.1);
  color: #034fe7;
}
._accountTagSub_z8qme_266 {
  background: rgba(34, 161, 90, 0.1);
  color: #22a15a;
}
._statusArrow_z8qme_246 {
  display: inline-block;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  color: #22a15a;
}
._accountSelectionDialog_z8qme_276 {
  width: min(calc(495px * var(--responsive-size-scale)), calc(100vw - calc(32px * var(--responsive-size-scale))));
  height: auto;
  max-height: min(calc(520px * var(--responsive-size-scale)), calc(100vh - calc(32px * var(--responsive-size-scale))));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: hidden;
  background: #f8f8f8;
}
._accountSelectionShell_z8qme_284 {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 0;
  flex-direction: column;
}
._accountSelectionTitle_z8qme_291 {
  margin: 0 0 calc(20px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._accountSelectionCard_z8qme_298 {
  display: grid;
  min-height: 0;
  height: auto;
  max-height: min(calc(438px * var(--responsive-size-scale)), calc(100vh - calc(114px * var(--responsive-size-scale))));
  flex: 0 1 auto;
  grid-auto-rows: calc(50px * var(--responsive-size-scale));
  gap: calc(20px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(30px * var(--responsive-size-scale));
  overflow: auto;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fdfdfd;
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(19px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.02);
}
._accountOption_z8qme_312 {
  display: flex;
  width: 100%;
  min-width: 0;
  height: calc(50px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  padding: 0;
  text-align: left;
}
._accountOptionAvatar_z8qme_322 {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._accountOptionAvatarStack_z8qme_329,
._mainSubAccountAvatarStack_z8qme_330 {
  position: relative;
  display: block;
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
}
._accountOptionPlatformMark_z8qme_337 {
  position: absolute;
  right: calc(-2px * var(--responsive-size-scale));
  bottom: calc(-2px * var(--responsive-size-scale));
  display: grid;
  width: calc(18px * var(--responsive-size-scale));
  height: calc(18px * var(--responsive-size-scale));
  place-items: center;
  overflow: hidden;
  border: calc(2px * var(--responsive-size-scale)) solid #fdfdfd;
  border-radius: 50%;
  background: #161616;
}
._accountOptionPlatformMark_z8qme_337 img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
._accountOptionIdentity_z8qme_357 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._accountOptionPrimary_z8qme_364 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
}
._accountOptionIdentity_z8qme_357 strong,
._accountOptionIdentity_z8qme_357 > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._accountOptionIdentity_z8qme_357 strong {
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(20px * var(--responsive-size-scale));
}
._accountOptionIdentity_z8qme_357 > span:last-child {
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._accountOptionStatus_z8qme_387 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  color: #22a15a;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
}
._accountOptionStatus_z8qme_387 span {
  color: #22a15a;
  font-size: calc(22px * var(--responsive-size-scale));
  font-weight: 300;
  line-height: 1;
}
._accountOption_z8qme_312 ._toggle_z8qme_403 {
  margin-left: auto;
}
._accountOptionDisabled_z8qme_406 {
  cursor: default;
  opacity: 0.5;
}
._accountSelectionShell_z8qme_284 ._actions_z8qme_96 {
  margin-top: calc(20px * var(--responsive-size-scale));
}
._serviceAccountSelectionDialog_z8qme_413 {
  width: min(calc(495px * var(--responsive-size-scale)), calc(100vw - calc(32px * var(--responsive-size-scale))));
  height: auto;
  max-height: min(calc(593px * var(--responsive-size-scale)), calc(100vh - calc(32px * var(--responsive-size-scale))));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: hidden;
  background: #f8f8f8;
}
._serviceAccountSelectionShell_z8qme_421 {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 0;
  flex-direction: column;
}
._serviceAccountSelectionTitle_z8qme_428 {
  margin: 0 0 calc(20px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._serviceAccountSelectionCard_z8qme_435 {
  display: flex;
  height: auto;
  flex: 0 1 auto;
  flex-direction: column;
  gap: calc(20px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: auto;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fdfdfd;
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(19px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.02);
}
._serviceAccountSelectionShell_z8qme_421 ._actions_z8qme_96 {
  margin-top: calc(30px * var(--responsive-size-scale));
}
._mainSubSettingsDialog_z8qme_450 {
  width: min(calc(495px * var(--responsive-size-scale)), calc(100vw - calc(32px * var(--responsive-size-scale))));
  height: min(calc(593px * var(--responsive-size-scale)), calc(100vh - calc(32px * var(--responsive-size-scale))));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: hidden;
  background: #f8f8f8;
}
._mainSubSettingsShell_z8qme_457 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex-direction: column;
}
._mainSubSettingsTitle_z8qme_464 {
  margin: 0 0 calc(18px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._mainSubTabs_z8qme_471 {
  display: grid;
  height: calc(50px * var(--responsive-size-scale));
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(8px * var(--responsive-size-scale));
  padding: calc(4px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #efefef;
}
._mainSubTab_z8qme_471 {
  min-width: 0;
  border-radius: calc(12px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
}
._mainSubTabActive_z8qme_487 {
  background: #fbfbfb;
  font-weight: 600;
  box-shadow: 0 calc(1px * var(--responsive-size-scale)) calc(3px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.02);
}
._mainSubAccountCard_z8qme_492 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: auto;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fdfdfd;
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(19px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.02);
}
._mainSubAccountRow_z8qme_505 {
  display: flex;
  min-width: 0;
  min-height: calc(50px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._mainSubAccountAvatar_z8qme_330 {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._mainSubAccountIdentity_z8qme_519 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._mainSubAccountName_z8qme_526 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._mainSubAccountName_z8qme_526 > span:first-child,
._mainSubAccountName_z8qme_526 > strong,
._mainSubAccountHandle_z8qme_537 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._mainSubAccountName_z8qme_526 > span:first-child,
._mainSubAccountName_z8qme_526 > strong {
  min-width: 0;
}
._mainSubAccountHandle_z8qme_537 {
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._mainSubAccountRow_z8qme_505 ._toggle_z8qme_403 {
  margin-left: auto;
}
._mainSubRadio_z8qme_554 {
  margin: 0 0 0 auto;
  cursor: pointer;
}
._mainSubSettingsShell_z8qme_457 ._actions_z8qme_96 {
  margin-top: calc(30px * var(--responsive-size-scale));
}
._agentCard_z8qme_125 {
  box-sizing: border-box;
  padding: calc(16px * var(--responsive-size-scale));
}
._agentIdentity_z8qme_565 {
  display: flex;
  align-items: center;
  gap: calc(16px * var(--responsive-size-scale));
}
._agentAvatarImage_z8qme_570 {
  width: calc(59px * var(--responsive-size-scale));
  height: calc(59px * var(--responsive-size-scale));
  flex: 0 0 calc(59px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._agentAvatarSkeleton_z8qme_229 {
  width: calc(59px * var(--responsive-size-scale));
  height: calc(59px * var(--responsive-size-scale));
  flex: 0 0 calc(59px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #eeeeee;
  animation: _accountSkeletonPulse_z8qme_1 1.4s ease-in-out infinite;
}
._agentCopy_z8qme_160 {
  gap: calc(5px * var(--responsive-size-scale));
}
._agentNameSkeleton_z8qme_230 {
  display: block;
  width: min(calc(120px * var(--responsive-size-scale)), 65%);
  height: calc(20px * var(--responsive-size-scale));
  border-radius: calc(5px * var(--responsive-size-scale));
  background: #eeeeee;
  animation: _accountSkeletonPulse_z8qme_1 1.4s ease-in-out infinite;
}
._agentStatus_z8qme_596 {
  display: inline-flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  color: #22a15a;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._agentStatusDot_z8qme_604 {
  width: calc(7px * var(--responsive-size-scale));
  height: calc(7px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #22a15a;
  box-shadow: 0 0 0 calc(2px * var(--responsive-size-scale)) rgba(34, 161, 90, 0.16);
}
._profileSummary_z8qme_611 {
  display: grid;
  gap: calc(8px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
  padding: calc(10px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f6f6f6;
}
._profileField_z8qme_619 {
  display: grid;
  min-width: 0;
  grid-template-columns: calc(52px * var(--responsive-size-scale)) minmax(0, 1fr);
  align-items: start;
  gap: calc(8px * var(--responsive-size-scale));
}
._profileFieldInput_z8qme_626 {
  width: 100%;
  min-width: 0;
  min-height: calc(34px * var(--responsive-size-scale));
  box-sizing: border-box;
  padding: calc(7px * var(--responsive-size-scale)) calc(9px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid transparent;
  border-radius: calc(6px * var(--responsive-size-scale));
  outline: 0;
  background: transparent;
  color: #111;
  font: inherit;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  transition: border-color 150ms ease, background 150ms ease;
}
textarea._profileFieldInput_z8qme_626 {
  min-height: calc(54px * var(--responsive-size-scale));
  resize: none;
}
._profileFieldInput_z8qme_626:focus {
  border-color: rgba(3, 79, 231, 0.35);
  background: #fff;
}
._profileSummaryLabel_z8qme_650 {
  padding-top: calc(8px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  white-space: nowrap;
}
._profileLink_z8qme_657 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: calc(12px * var(--responsive-size-scale));
  text-align: left;
}
._profileLink_z8qme_657:first-of-type {
  margin-top: calc(16px * var(--responsive-size-scale));
  margin-bottom: calc(26px * var(--responsive-size-scale));
}
._profileLink_z8qme_657:hover ._profileLinkTitle_z8qme_669 {
  color: #034fe7;
}
._profileLinkBody_z8qme_672 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(5px * var(--responsive-size-scale));
}
._profileLinkTitle_z8qme_669 {
  display: flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(13px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  transition: color 150ms ease;
}
._profileLinkIcon_z8qme_687 {
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  object-fit: contain;
}
._profileLinkDescription_z8qme_692 {
  color: #999;
  font-size: calc(11px * var(--responsive-size-scale));
  line-height: calc(16px * var(--responsive-size-scale));
  overflow-wrap: anywhere;
}
._profileLinkArrow_z8qme_698 {
  flex: 0 0 auto;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  color: #111;
}
._collaborationContent_z8qme_704,
._soundContent_z8qme_705 {
  min-width: 0;
}
._collaborationContent_z8qme_704 {
  display: flex;
  min-height: calc(443px * var(--responsive-size-scale));
  flex-direction: column;
  padding: calc(16px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fdfdfd;
}
._settingBlock_z8qme_716 {
  min-height: calc(61px * var(--responsive-size-scale));
  padding: 0;
}
._settingHeading_z8qme_720,
._keywordHeading_z8qme_721,
._hostTimeBlock_z8qme_722,
._soundHeading_z8qme_723 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(12px * var(--responsive-size-scale));
}
._settingLabelWithIcon_z8qme_729 {
  display: inline-flex;
  align-items: center;
  gap: calc(2px * var(--responsive-size-scale));
}
._helpIconTrigger_z8qme_734 {
  display: inline-flex;
  align-items: center;
  color: #999;
  outline: none;
}
._helpIconTrigger_z8qme_734:focus-visible {
  border-radius: 50%;
  box-shadow: 0 0 0 calc(2px * var(--responsive-size-scale)) rgba(3, 79, 231, 0.2);
}
._settingLabel_z8qme_729,
._soundTitle_z8qme_745 {
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(20px * var(--responsive-size-scale));
}
._settingDescription_z8qme_751 {
  margin: calc(7px * var(--responsive-size-scale)) 0 0;
  color: #aaa;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._toggle_z8qme_403 {
  position: relative;
  display: inline-flex;
  width: calc(50px * var(--responsive-size-scale));
  height: calc(25px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  align-items: center;
  padding: calc(2px * var(--responsive-size-scale));
  border-radius: calc(999px * var(--responsive-size-scale));
  background: #d9d9d9;
  transition: background 160ms ease;
}
._toggleThumb_z8qme_769 {
  display: block;
  width: calc(21px * var(--responsive-size-scale));
  height: calc(21px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 calc(1px * var(--responsive-size-scale)) calc(2px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.14);
  transform: translateX(0);
  transition: transform 160ms ease;
}
._toggleOn_z8qme_779 {
  background: #050505;
}
._toggleOn_z8qme_779 ._toggleThumb_z8qme_769 {
  transform: translateX(calc(25px * var(--responsive-size-scale)));
}
._hostTimeBlock_z8qme_722 {
  min-height: calc(36px * var(--responsive-size-scale));
  margin: calc(10px * var(--responsive-size-scale)) 0 0;
  padding: 0;
}
._collaborationDivider_z8qme_790 {
  height: calc(1px * var(--responsive-size-scale));
  flex: 0 0 calc(1px * var(--responsive-size-scale));
  margin: 0;
  background: #f3f3f3;
}
._hostTimeBlock_z8qme_722 + ._collaborationDivider_z8qme_790 {
  margin-top: calc(10px * var(--responsive-size-scale));
}
._hostTimeControls_z8qme_799 {
  display: flex;
  gap: calc(8px * var(--responsive-size-scale));
}
._hostTimeInput_z8qme_803,
._hostTimeSelect_z8qme_804 {
  width: calc(85px * var(--responsive-size-scale));
  height: calc(36px * var(--responsive-size-scale));
}
._collaborationCard_z8qme_808 {
  height: calc(443px * var(--responsive-size-scale));
}
._collaborationIntentContent_z8qme_811 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(14px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
}
._intentGroup_z8qme_819 {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
._intentGroup_z8qme_819 legend {
  margin-bottom: calc(9px * var(--responsive-size-scale));
  padding: 0;
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(20px * var(--responsive-size-scale));
}
._intentOptions_z8qme_833 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12px * var(--responsive-size-scale)) calc(28px * var(--responsive-size-scale));
}
._intentGroupOther_z8qme_838 ._intentOptions_z8qme_833 {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: calc(12px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale));
}
._intentGroupOther_z8qme_838 ._intentOptionLabel_z8qme_843 {
  min-width: 0;
}
._intentOptionLabel_z8qme_843,
._soundOptionLabel_z8qme_847 {
  display: inline-flex;
  min-width: calc(74px * var(--responsive-size-scale));
  align-items: center;
  color: #333;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  white-space: nowrap;
}
._intentOptionLabel_z8qme_843 {
  gap: calc(4px * var(--responsive-size-scale));
}
._soundOptionLabel_z8qme_847 {
  gap: calc(5px * var(--responsive-size-scale));
}
._intentOptionText_z8qme_862 {
  display: inline-flex;
  align-items: center;
  gap: calc(2px * var(--responsive-size-scale));
}
._optionInput_z8qme_867 {
  width: calc(14px * var(--responsive-size-scale));
  height: calc(14px * var(--responsive-size-scale));
  margin: 0;
  accent-color: #050505;
}
._intentDivider_z8qme_873 {
  height: calc(1px * var(--responsive-size-scale));
  flex: 0 0 calc(1px * var(--responsive-size-scale));
  margin: auto 0 0;
  background: #eee;
}
._keywordInput_z8qme_879 {
  width: 100%;
  height: calc(40px * var(--responsive-size-scale));
  box-sizing: border-box;
  padding: 0 calc(12px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(9px * var(--responsive-size-scale));
  outline: 0;
  background: #f1f1f1;
  color: #333;
  font-size: calc(12px * var(--responsive-size-scale));
}
._keywordInput_z8qme_879::placeholder {
  color: #999;
}
._keywordInput_z8qme_879:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
._keywordList_z8qme_898 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8px * var(--responsive-size-scale));
}
._keywordTag_z8qme_903 {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: calc(10px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f1f1f1;
  color: #333;
  font-size: calc(12px * var(--responsive-size-scale));
}
._keywordDeleteButton_z8qme_913 {
  position: absolute;
  top: calc(-4px * var(--responsive-size-scale));
  right: calc(-5px * var(--responsive-size-scale));
  display: inline-flex;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  color: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease;
}
._keywordTag_z8qme_903:hover ._keywordDeleteButton_z8qme_913,
._keywordTag_z8qme_903:focus-within ._keywordDeleteButton_z8qme_913 {
  opacity: 1;
  pointer-events: auto;
}
._soundContent_z8qme_705 {
  display: flex;
  flex-direction: column;
  gap: calc(14px * var(--responsive-size-scale));
  min-height: calc(85px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale));
  background-color: #fdfdfd;
  border-radius: calc(16px * var(--responsive-size-scale));
}
._soundHeading_z8qme_723 {
  justify-content: flex-start;
}
._previewButton_z8qme_944 {
  display: inline-flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  padding: 0;
  color: #034fe7;
  font-size: calc(14px * var(--responsive-size-scale));
}
._soundOptions_z8qme_952 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(26px * var(--responsive-size-scale));
}
._soundOptionLabel_z8qme_847 {
  min-width: auto;
}
._actions_z8qme_96 {
  display: flex;
  justify-content: flex-end;
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(30px * var(--responsive-size-scale));
}
._cancelButton_z8qme_966,
._saveButton_z8qme_967 {
  min-width: calc(68px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  padding: 0 calc(18px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
}
._cancelButton_z8qme_966 {
  background: #fff;
  color: #111;
}
._saveButton_z8qme_967 {
  background: #050505;
  color: #fff;
}
@media (max-width: 768px) {
  ._settingsDialog_z8qme_1 {
    width: min(calc(495px * var(--responsive-size-scale)), calc(100vw - calc(32px * var(--responsive-size-scale))));
    height: min(calc(593px * var(--responsive-size-scale)), calc(100vh - calc(32px * var(--responsive-size-scale))));
  }
  ._settingsShell_z8qme_10 {
    display: block;
  }
  ._sidebar_z8qme_30 {
    display: none;
  }
  ._main_z8qme_82 {
    padding: calc(20px * var(--responsive-size-scale));
  }
  ._mainTitle_z8qme_93 {
    margin-left: 0;
  }
  ._desktopTitle_z8qme_999 {
    display: none;
  }
  ._mobileTitle_z8qme_108 {
    display: inline;
  }
  ._actions_z8qme_96 {
    margin-top: calc(16px * var(--responsive-size-scale));
  }
}
@media (max-width: 400px) {
  ._intentGroupOther_z8qme_838 ._intentOptions_z8qme_833 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  ._toggle_z8qme_403,
  ._toggleThumb_z8qme_769 {
    transition-duration: 0.01ms;
  }
}
._composer_135ye_1 {
  position: relative;
  display: flex;
  min-height: calc(62px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  padding: calc(12px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #ececec;
  border-radius: calc(14px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: 0 0 calc(16px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.08);
}
._emojiTrigger_135ye_13 {
  display: grid;
  width: calc(36px * var(--responsive-size-scale));
  height: calc(36px * var(--responsive-size-scale));
  flex: 0 0 calc(36px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  color: #111;
}
._emojiTrigger_135ye_13:hover,
._emojiTrigger_135ye_13[aria-expanded='true'] {
  background: #f5f5f5;
}
._emojiTrigger_135ye_13,
._sendButton_135ye_27 {
  align-self: flex-end;
}
._emojiIcon_135ye_30 {
  width: calc(30px * var(--responsive-size-scale));
  height: calc(30px * var(--responsive-size-scale));
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}
._editor_135ye_39 {
  min-width: 0;
  max-height: calc(120px * var(--responsive-size-scale));
  flex: 1;
  align-content: center;
  overflow-y: auto;
  outline: 0;
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
._editor_135ye_39:empty::before {
  color: #b5b5b5;
  content: attr(data-placeholder);
  pointer-events: none;
}
._inlineEmoji_135ye_57,
.message-emoji {
  width: calc(24px * var(--responsive-size-scale));
  height: calc(24px * var(--responsive-size-scale));
  margin: 0 calc(1px * var(--responsive-size-scale));
  vertical-align: calc(-6px * var(--responsive-size-scale));
  object-fit: contain;
}
._richText_135ye_65 {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
._sendButton_135ye_27 {
  display: grid;
  width: calc(30px * var(--responsive-size-scale));
  height: calc(30px * var(--responsive-size-scale));
  flex: 0 0 calc(30px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #d1d1d1;
  color: #fff;
}
._sendButtonActive_135ye_79 {
  background: #111;
}
._sendButton_135ye_27:disabled,
._emojiTrigger_135ye_13:disabled {
  cursor: default;
  opacity: 0.55;
}
._emojiPicker_135ye_87 {
  position: absolute;
  left: 0;
  bottom: calc(100% + calc(8px * var(--responsive-size-scale)));
  z-index: 10;
  width: min(calc(359px * var(--responsive-size-scale)), calc(100vw - calc(32px * var(--responsive-size-scale))));
  max-height: min(calc(300px * var(--responsive-size-scale)), 42vh);
  padding: calc(16px * var(--responsive-size-scale));
  overflow: hidden;
  border: calc(1px * var(--responsive-size-scale)) solid #f0f0f0;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: 0 calc(7px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.12);
}
._emojiGrid_135ye_101 {
  display: grid;
  max-height: min(calc(268px * var(--responsive-size-scale)), calc(42vh - calc(32px * var(--responsive-size-scale))));
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: calc(12px * var(--responsive-size-scale)) calc(9px * var(--responsive-size-scale));
  overflow-y: auto;
  padding-right: calc(2px * var(--responsive-size-scale));
}
._emojiButton_135ye_109 {
  display: grid;
  min-width: 0;
  height: calc(26px * var(--responsive-size-scale));
  place-items: center;
  border-radius: calc(6px * var(--responsive-size-scale));
}
._emojiButton_135ye_109:hover {
  background: #f5f5f5;
}
._emojiImage_135ye_119 {
  width: calc(25px * var(--responsive-size-scale));
  height: calc(24px * var(--responsive-size-scale));
  object-fit: contain;
}
._root_1mbjg_1 {
  display: grid;
  min-height: 0;
  grid-template-columns: minmax(calc(244px * var(--responsive-size-scale)), 20%) minmax(0, 80%);
  grid-template-rows: minmax(0, 1fr);
  flex: 1 1 auto;
  padding: calc(10px * var(--responsive-size-scale));
  overflow: hidden;
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #f1f1f1;
}
._workspace_1mbjg_13 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fbfbfb;
}
._withCustomerDetails_1mbjg_25 ._chatPanel_1mbjg_25 {
  flex: 0 1 75%;
  border-right: calc(1px * var(--responsive-size-scale)) solid rgba(0, 0, 0, 0.1);
}
._withCustomerDetails_1mbjg_25 ._details_1mbjg_29 {
  flex: 0 1 25%;
}
._mainAccount_1mbjg_32 {
  grid-template-columns: minmax(calc(244px * var(--responsive-size-scale)), 20%) minmax(0, 80%);
  border-radius: calc(14px * var(--responsive-size-scale));
}
._withoutList_1mbjg_36 {
  grid-template-columns: minmax(0, 1fr);
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: calc(16px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._filterRow_1mbjg_43 {
  margin-top: 0;
}
._mainAccount_1mbjg_32 ._conversationItem_1mbjg_46 {
  min-height: calc(96px * var(--responsive-size-scale));
  grid-template-columns: calc(48px * var(--responsive-size-scale)) minmax(0, 1fr);
  padding: calc(12px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  border-radius: calc(12px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._avatarWrap_1mbjg_52 {
  width: calc(48px * var(--responsive-size-scale));
  height: calc(48px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._conversationCopy_1mbjg_56 {
  gap: calc(4px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._conversationName_1mbjg_59 {
  font-size: calc(14px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._conversationPreview_1mbjg_62 {
  font-size: calc(12px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._conversationTime_1mbjg_65 {
  font-size: calc(11px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._chatHeader_1mbjg_68 {
  height: calc(50px * var(--responsive-size-scale));
  flex-basis: calc(50px * var(--responsive-size-scale));
  padding: 0 calc(14px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._chatTitle_1mbjg_73 {
  font-size: calc(13px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._messages_1mbjg_76 {
  padding: calc(12px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale));
}
._mainAccount_1mbjg_32 ._details_1mbjg_29 {
  padding: calc(16px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
}
._conversationList_1mbjg_82 {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  padding: calc(12px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale)) 0;
}
._listToolbar_1mbjg_89,
._filterRow_1mbjg_43 {
  display: flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
}
._listToolbar_1mbjg_89 {
  justify-content: space-between;
}
._modeTabs_1mbjg_98 {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(2px * var(--responsive-size-scale));
  padding: calc(3px * var(--responsive-size-scale));
  border-radius: calc(11px * var(--responsive-size-scale));
  background: #fff;
}
._modeTabIndicator_1mbjg_108 {
  position: absolute;
  top: calc(3px * var(--responsive-size-scale));
  bottom: calc(3px * var(--responsive-size-scale));
  left: calc(3px * var(--responsive-size-scale));
  z-index: 0;
  width: calc((100% - calc(8px * var(--responsive-size-scale))) / 2);
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f1f1f1;
  pointer-events: none;
  will-change: transform;
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
._modeTabIndicatorHuman_1mbjg_121 {
  transform: translateX(calc(100% + calc(2px * var(--responsive-size-scale))));
}
._modeTab_1mbjg_98 {
  position: relative;
  z-index: 1;
  min-height: calc(28px * var(--responsive-size-scale));
  padding: 0 calc(12px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #555;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
  transition: color 220ms ease;
}
._modeTabBadge_1mbjg_135 {
  position: absolute;
  z-index: 1;
  top: calc(-6px * var(--responsive-size-scale));
  right: calc(-3px * var(--responsive-size-scale));
  display: inline-flex;
  box-sizing: border-box;
  min-width: calc(19px * var(--responsive-size-scale));
  height: calc(19px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  padding: 0 calc(4px * var(--responsive-size-scale));
  border-radius: calc(25px * var(--responsive-size-scale));
  background: #ff601c;
  color: #fff;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(19px * var(--responsive-size-scale));
  pointer-events: none;
}
._modeTabActive_1mbjg_155 {
  color: #111;
  font-weight: 600;
}
@media (prefers-reduced-motion: reduce) {
  ._modeTabIndicator_1mbjg_108,
  ._modeTab_1mbjg_98 {
    transition-duration: 0.01ms;
  }
}
._listActions_1mbjg_165 {
  display: flex;
  gap: calc(4px * var(--responsive-size-scale));
}
._iconButton_1mbjg_169 {
  display: grid;
  width: calc(28px * var(--responsive-size-scale));
  height: calc(28px * var(--responsive-size-scale));
  place-items: center;
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #333;
  font-size: calc(17px * var(--responsive-size-scale));
}
._iconButton_1mbjg_169:hover {
  background: #fff;
}
._filterRow_1mbjg_43 {
  margin-top: calc(8px * var(--responsive-size-scale));
}
._searchBox_1mbjg_184 {
  display: flex;
  align-items: center;
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #fbfbfb;
  color: #999;
  min-width: 0;
  flex: 1;
  height: calc(40px * var(--responsive-size-scale));
  padding: 0 calc(10px * var(--responsive-size-scale));
}
._filterTrigger_1mbjg_195 {
  display: inline-flex;
  width: calc(64px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(8px * var(--responsive-size-scale));
  padding: 0 calc(10px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #fbfbfb;
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
}
._filterChevron_1mbjg_210 {
  width: calc(14px * var(--responsive-size-scale));
  height: calc(14px * var(--responsive-size-scale));
  transform: rotate(90deg);
}
._filterMenu_1mbjg_215 {
  width: calc(284px * var(--responsive-size-scale));
  min-width: calc(284px * var(--responsive-size-scale));
  padding: 0;
  overflow-x: visible;
  overflow-y: auto;
  border: 0;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
._filterPanel_1mbjg_228 {
  box-sizing: border-box;
  padding: calc(20px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(27px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.09);
  backdrop-filter: blur(calc(9px * var(--responsive-size-scale)));
  -webkit-backdrop-filter: blur(calc(9px * var(--responsive-size-scale)));
}
._filterField_1mbjg_238 {
  display: grid;
  gap: calc(8px * var(--responsive-size-scale));
  margin: 0 0 calc(13px * var(--responsive-size-scale));
}
._filterLabel_1mbjg_243,
._dateTitle_1mbjg_244 {
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(20px * var(--responsive-size-scale));
}
._dateField_1mbjg_250 {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
._dateTitle_1mbjg_244 {
  display: block;
  margin-bottom: calc(8px * var(--responsive-size-scale));
}
._dateRange_1mbjg_260 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: calc(8px * var(--responsive-size-scale));
}
._filterFooter_1mbjg_265 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: calc(28px * var(--responsive-size-scale));
}
._clearFiltersButton_1mbjg_271 {
  display: inline-flex;
  align-items: center;
  gap: calc(5px * var(--responsive-size-scale));
  padding: 0;
  color: #034fe7;
  font-size: calc(14px * var(--responsive-size-scale));
}
._clearIcon_1mbjg_279 {
  font-size: calc(16px * var(--responsive-size-scale));
  line-height: 1;
}
._list_1mbjg_89 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
  margin-top: calc(8px * var(--responsive-size-scale));
  overflow: auto;
}
._listLoading_1mbjg_292 {
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  flex: 0 0 auto;
  align-self: center;
  margin: calc(8px * var(--responsive-size-scale)) 0;
  border: calc(2px * var(--responsive-size-scale)) solid #d8d8d8;
  border-top-color: #034fe7;
  border-radius: 50%;
  animation: _conversationListLoading_1mbjg_1 0.8s linear infinite;
}
@keyframes _conversationListLoading_1mbjg_1 {
  to {
    transform: rotate(360deg);
  }
}
._conversationItem_1mbjg_46 {
  display: grid;
  width: 100%;
  grid-template-columns: calc(42px * var(--responsive-size-scale)) minmax(0, 1fr);
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  padding: calc(8px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  text-align: left;
}
._conversationItem_1mbjg_46:hover,
._conversationItem_1mbjg_46._selected_1mbjg_319 {
  background: #fbfbfb;
}
._avatarWrap_1mbjg_52 {
  position: relative;
  width: calc(42px * var(--responsive-size-scale));
  height: calc(42px * var(--responsive-size-scale));
}
._avatarImage_1mbjg_327,
._transferAvatar_1mbjg_328 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
._unreadBadge_1mbjg_334 {
  position: absolute;
  top: calc(-5px * var(--responsive-size-scale));
  right: calc(-5px * var(--responsive-size-scale));
  display: grid;
  width: calc(19px * var(--responsive-size-scale));
  height: calc(19px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #ff601c;
  color: #fff;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 400;
}
._conversationCopy_1mbjg_56 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
  overflow: hidden;
}
._conversationHeader_1mbjg_355,
._conversationFooter_1mbjg_356 {
  display: flex;
  min-width: 0;
  align-items: center;
}
._conversationHeader_1mbjg_355 {
  gap: calc(8px * var(--responsive-size-scale));
}
._conversationName_1mbjg_59 {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
}
._conversationNameText_1mbjg_373 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._channelIcon_1mbjg_379 {
  display: block;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  flex: 0 0 calc(16px * var(--responsive-size-scale));
  object-fit: contain;
}
._conversationPreview_1mbjg_62 {
  overflow: hidden;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._conversationPreviewText_1mbjg_393 {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._conversationPreviewText_1mbjg_393 br {
  display: none;
}
._conversationFooter_1mbjg_356 {
  justify-content: space-between;
  gap: calc(8px * var(--responsive-size-scale));
  min-height: calc(18px * var(--responsive-size-scale));
}
._conversationFooterEnd_1mbjg_408 {
  justify-content: flex-end;
}
._purposeTag_1mbjg_411 {
  align-self: flex-start;
  padding: calc(3px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  background: rgba(27, 232, 129, 0.1);
  color: #19b32b;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: 1;
}
._aiStatus_1mbjg_420 {
  flex: 0 0 auto;
  font-size: calc(12px * var(--responsive-size-scale));
}
._human_1mbjg_424 {
  --status-color: #ff7b1c;
}
._conversationTime_1mbjg_65 {
  flex: 0 0 auto;
  color: #aaa;
  font-size: calc(11px * var(--responsive-size-scale));
  white-space: nowrap;
}
._emptyContainer_1mbjg_433 {
  margin: auto 0;
  padding: calc(32px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale));
  text-align: center;
}
._chatPanel_1mbjg_25 {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}
._chatHeader_1mbjg_68 {
  display: flex;
  height: calc(56px * var(--responsive-size-scale));
  flex: 0 0 calc(56px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  padding: 0 calc(20px * var(--responsive-size-scale));
}
._chatTitle_1mbjg_73 {
  font-size: calc(16px * var(--responsive-size-scale));
}
._chatHeader_1mbjg_68 ._aiStatus_1mbjg_420 {
  font-size: calc(13px * var(--responsive-size-scale));
}
._headerModeButton_1mbjg_460 {
  margin-left: auto;
  padding: calc(6px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  background: #f1f1f1;
  color: #222;
  font-size: calc(12px * var(--responsive-size-scale));
  white-space: nowrap;
}
._headerModeButton_1mbjg_460:disabled,
._transferButton_1mbjg_470:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
._messageViewport_1mbjg_474 {
  height: 100%;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
}
._messages_1mbjg_76 {
  display: flex;
  flex-direction: column;
  gap: calc(12px * var(--responsive-size-scale));
  padding: calc(18px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
}
._messageTime_1mbjg_486 {
  align-self: center;
  color: #aaa;
  font-size: calc(12px * var(--responsive-size-scale));
}
._messageRow_1mbjg_491 {
  display: flex;
  align-items: flex-start;
  gap: calc(14px * var(--responsive-size-scale));
}
._messageAvatar_1mbjg_496 {
  width: calc(42px * var(--responsive-size-scale));
  height: calc(42px * var(--responsive-size-scale));
  flex: 0 0 calc(42px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._messageBubble_1mbjg_503,
._incomingLong_1mbjg_504 {
  max-width: min(78%, calc(360px * var(--responsive-size-scale)));
  margin: 0;
  padding: calc(12px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border-radius: calc(13px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.55;
}
._incoming_1mbjg_504,
._incomingLong_1mbjg_504 {
  background: #f1f1f1;
}
._incomingLong_1mbjg_504 ._messageBubble_1mbjg_503 {
  max-width: none;
  padding: 0;
  background: transparent;
}
._messageTag_1mbjg_521 {
  display: inline-block;
  margin-top: calc(10px * var(--responsive-size-scale));
  padding: calc(3px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  background: rgba(27, 232, 129, 0.1);
  color: #19b32b;
  font-size: calc(12px * var(--responsive-size-scale));
}
._outgoing_1mbjg_530 {
  justify-content: flex-end;
}
._outgoing_1mbjg_530 ._messageBubble_1mbjg_503 {
  background: #e4ebf9;
}
._systemMessage_1mbjg_536 {
  align-self: center;
  padding: calc(8px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f1f1f1;
  color: #222;
  font-size: calc(12px * var(--responsive-size-scale));
}
._systemHighlight_1mbjg_544 {
  color: #034fe7;
  font-weight: 400;
}
._messageTag_1mbjg_521 {
  display: inline-block;
  margin-top: calc(10px * var(--responsive-size-scale));
  padding: calc(3px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  background: rgba(27, 232, 129, 0.1);
  color: #19b32b;
  font-size: calc(12px * var(--responsive-size-scale));
}
._composerWrap_1mbjg_557 {
  padding: 0 calc(12px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
}
._composerWrap_1mbjg_557 .composer {
  min-height: calc(54px * var(--responsive-size-scale));
  padding: calc(10px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
}
._transferBar_1mbjg_564 {
  display: flex;
  height: calc(62px * var(--responsive-size-scale));
  flex: 0 0 calc(62px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  margin: 0 calc(10px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  padding: calc(6px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #eee;
  border-radius: calc(12px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: 0 calc(2px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.06);
}
._transferAvatar_1mbjg_328 {
  width: calc(34px * var(--responsive-size-scale));
  height: calc(34px * var(--responsive-size-scale));
}
._transferIdentity_1mbjg_581 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  font-size: calc(13px * var(--responsive-size-scale));
}
._transferStatus_1mbjg_587 {
  margin-top: calc(3px * var(--responsive-size-scale));
  font-size: calc(11px * var(--responsive-size-scale));
}
._transferButton_1mbjg_470 {
  margin-left: auto;
  padding: calc(7px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  background: #000;
  color: #fff;
  font-size: calc(12px * var(--responsive-size-scale));
  white-space: nowrap;
}
._details_1mbjg_29 {
  flex: 0 0 calc(228px * var(--responsive-size-scale));
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: calc(20px * var(--responsive-size-scale));
  overflow: auto;
}
._detailTitle_1mbjg_608 {
  margin: 0 0 calc(14px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
}
._detailTitle_1mbjg_608:not(:first-child) {
  margin-top: calc(20px * var(--responsive-size-scale));
}
._details_1mbjg_29 dl {
  display: grid;
  gap: calc(12px * var(--responsive-size-scale));
  margin: 0;
}
._details_1mbjg_29 ._detailGroup_1mbjg_621 {
  margin-top: calc(12px * var(--responsive-size-scale));
  padding-top: calc(12px * var(--responsive-size-scale));
  border-top: calc(1px * var(--responsive-size-scale)) solid #eee;
}
._detailRow_1mbjg_626 {
  display: grid;
  min-width: 0;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: calc(4px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.4;
}
._detailLabel_1mbjg_634 {
  overflow: hidden;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._detailValue_1mbjg_640 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._platformValue_1mbjg_647 {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
}
._platformValue_1mbjg_647 img {
  display: block;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  flex: 0 0 calc(16px * var(--responsive-size-scale));
  object-fit: contain;
}
._tags_1mbjg_660 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4px * var(--responsive-size-scale));
}
._tag_1mbjg_660 {
  padding: calc(3px * var(--responsive-size-scale)) calc(5px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  background: rgba(3, 79, 231, 0.1);
  color: #034fe7;
  font-size: calc(11px * var(--responsive-size-scale));
}
._srOnly_1mbjg_672 {
  position: absolute;
  width: calc(1px * var(--responsive-size-scale));
  height: calc(1px * var(--responsive-size-scale));
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
._dialog_1oc9b_1 {
  width: calc(828px * var(--responsive-size-scale));
  height: calc(466px * var(--responsive-size-scale));
  max-width: calc(100vw - calc(48px * var(--responsive-size-scale)));
  max-height: calc(100vh - calc(48px * var(--responsive-size-scale)));
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  backdrop-filter: initial;
  border-radius: 0;
}
._closeButton_1oc9b_12 {
  z-index: 1;
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  background: #f1f1f1;
  border-radius: 50%;
  color: #000;
  margin-left: calc(20px * var(--responsive-size-scale));
}
._player_box_1oc9b_21 {
  display: flex;
  width: 100%;
  height: 100%;
}
._player_1oc9b_21 {
  display: block;
  flex: 1;
  height: 100%;
  max-height: none;
  object-fit: contain;
  background: #000;
  border-radius: calc(20px * var(--responsive-size-scale));
  overflow: hidden;
}
._message_enf63_1 {
  display: flex;
  flex-direction: column;
  gap: calc(6px * var(--responsive-size-scale));
}
._outgoing_enf63_6 {
  align-items: flex-end;
}
._time_enf63_9 {
  align-self: flex-end;
  margin-top: calc(6px * var(--responsive-size-scale));
  color: #aaa;
  font-size: calc(11px * var(--responsive-size-scale));
}
._row_enf63_15 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: calc(10px * var(--responsive-size-scale));
}
._outgoing_enf63_6 ._row_enf63_15 {
  justify-content: flex-end;
}
._avatar_enf63_24 {
  width: calc(36px * var(--responsive-size-scale));
  height: calc(36px * var(--responsive-size-scale));
  flex: 0 0 calc(36px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._body_enf63_31 {
  display: flex;
  min-width: 0;
  max-width: min(78%, calc(420px * var(--responsive-size-scale)));
  flex-direction: column;
  align-items: flex-start;
}
._outgoing_enf63_6 ._body_enf63_31 {
  align-items: flex-end;
}
._bubble_enf63_41 {
  max-width: 100%;
  padding: calc(9px * var(--responsive-size-scale)) calc(13px * var(--responsive-size-scale));
  border-radius: calc(12px * var(--responsive-size-scale));
  background: #f0f1f3;
  color: #222;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.55;
  overflow-wrap: anywhere;
}
._msgLoader_enf63_51,
._msgImgLoader_enf63_52 {
  display: inline-block;
  width: fit-content;
  color: #8a919b;
  font-family: monospace;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 700;
  clip-path: inset(0 3ch 0 0);
  animation: _msgLoaderReveal_enf63_1 1s steps(4) infinite;
}
._msgLoader_enf63_51::before {
  content: '视频正在加载中...';
}
._msgImgLoader_enf63_52::before {
  content: '图片正在加载中...';
}
@keyframes _msgLoaderReveal_enf63_1 {
  to {
    clip-path: inset(0 -1ch 0 0);
  }
}
._outgoing_enf63_6 ._bubble_enf63_41 {
  border-radius: calc(12px * var(--responsive-size-scale));
  background: #e5edff;
}
._imageBubble_enf63_77,
._outgoing_enf63_6 ._imageBubble_enf63_77,
._videoBubble_enf63_79,
._outgoing_enf63_6 ._videoBubble_enf63_79 {
  padding: 0;
  background: transparent;
}
._failed_enf63_84 {
  border: calc(1px * var(--responsive-size-scale)) solid #ffb3b3;
}
._failedText_enf63_87 {
  display: block;
  margin-top: calc(6px * var(--responsive-size-scale));
  color: #e5484d;
  font-size: calc(12px * var(--responsive-size-scale));
}
._tags_enf63_93 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4px * var(--responsive-size-scale));
  margin-top: calc(10px * var(--responsive-size-scale));
}
._tags_enf63_93 span {
  padding: calc(4px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  background: rgba(27, 232, 129, 0.16);
  color: #19b32b;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
}
._outgoing_enf63_6 ._tags_enf63_93 {
  justify-content: flex-end;
}
._link_enf63_110 {
  color: #2169d7;
  text-decoration: underline;
  text-underline-offset: calc(2px * var(--responsive-size-scale));
}
._imagePreview_enf63_115 {
  max-width: calc(280px * var(--responsive-size-scale));
  overflow: hidden;
  border-radius: calc(9px * var(--responsive-size-scale));
  cursor: zoom-in;
}
._image_enf63_77 {
  display: block;
  width: auto;
  max-width: min(calc(280px * var(--responsive-size-scale)), 100%);
  max-height: calc(280px * var(--responsive-size-scale));
  border-radius: calc(9px * var(--responsive-size-scale));
  object-fit: cover;
}
._messageEmoji_enf63_129 {
  display: inline-block;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  margin: 0 calc(1px * var(--responsive-size-scale));
  vertical-align: middle;
  object-fit: contain;
}
._videoPreview_enf63_137 {
  position: relative;
  display: block;
  width: calc(280px * var(--responsive-size-scale));
  max-width: 100%;
  min-height: calc(160px * var(--responsive-size-scale));
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: calc(9px * var(--responsive-size-scale));
  background: #111;
  cursor: pointer;
  text-align: left;
}
._videoPreview_enf63_137:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #2169d7;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._videoCover_enf63_155 {
  display: block;
  max-height: calc(280px * var(--responsive-size-scale));
  overflow: hidden;
}
._videoCover_enf63_155 img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: calc(280px * var(--responsive-size-scale));
  object-fit: cover;
}
._videoFallback_enf63_167 {
  display: grid;
  min-height: calc(160px * var(--responsive-size-scale));
  place-items: center;
  color: #d8dce3;
  font-size: calc(13px * var(--responsive-size-scale));
}
._videoShade_enf63_174 {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.28);
  transition: background-color 150ms ease;
}
._videoPreview_enf63_137:hover ._videoShade_enf63_174,
._videoPreview_enf63_137:focus-visible ._videoShade_enf63_174 {
  background: rgba(0, 0, 0, 0.4);
}
._noteCard_enf63_187,
._richCard_enf63_188,
._fileCard_enf63_189 {
  display: flex;
  width: calc(240px * var(--responsive-size-scale));
  max-width: 100%;
  overflow: hidden;
  border: calc(1px * var(--responsive-size-scale)) solid #e2e5e9;
  border-radius: calc(9px * var(--responsive-size-scale));
  background: #fff;
  color: inherit;
  text-decoration: none;
}
._noteCard_enf63_187 img,
._richCard_enf63_188 img {
  width: calc(76px * var(--responsive-size-scale));
  min-height: calc(76px * var(--responsive-size-scale));
  object-fit: cover;
}
._noteCard_enf63_187 span,
._richCardBody_enf63_207 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(5px * var(--responsive-size-scale));
  padding: calc(10px * var(--responsive-size-scale));
}
._noteCard_enf63_187 strong,
._richCard_enf63_188 strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: calc(13px * var(--responsive-size-scale));
}
._noteCard_enf63_187 small,
._richCardBody_enf63_207 span {
  color: #8a919b;
  font-size: calc(11px * var(--responsive-size-scale));
}
._fileCard_enf63_189 {
  align-items: center;
  gap: calc(9px * var(--responsive-size-scale));
  padding: calc(11px * var(--responsive-size-scale));
}
._fileIcon_enf63_233 {
  display: grid;
  width: calc(32px * var(--responsive-size-scale));
  height: calc(32px * var(--responsive-size-scale));
  place-items: center;
  border-radius: calc(7px * var(--responsive-size-scale));
  background: #edf3ff;
  color: #3975d3;
  font-size: calc(9px * var(--responsive-size-scale));
  font-weight: 700;
}
._listCard_enf63_244 {
  min-width: calc(180px * var(--responsive-size-scale));
}
._listCard_enf63_244 ul {
  margin: calc(6px * var(--responsive-size-scale)) 0 0;
  padding-left: calc(18px * var(--responsive-size-scale));
  list-style: disc;
}
._system_enf63_252 {
  align-self: center;
  padding: calc(6px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(7px * var(--responsive-size-scale));
  background: #f1f1f1;
  color: #000;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: 1.5;
  text-align: center;
}
._systemTime_enf63_262 {
  margin-right: calc(4px * var(--responsive-size-scale));
  color: #8a919b;
  font-variant-numeric: tabular-nums;
}
._systemText_enf63_267 {
  color: #034fe7;
}
._adInfo_enf63_270 {
  margin-top: calc(4px * var(--responsive-size-scale));
  text-align: left;
}
._adInfo_enf63_270 summary {
  cursor: pointer;
  color: #2169d7;
}
._adInfo_enf63_270 dl {
  display: grid;
  gap: calc(3px * var(--responsive-size-scale));
  margin: calc(6px * var(--responsive-size-scale)) 0 0;
}
._adInfo_enf63_270 dl > div {
  display: flex;
  gap: calc(8px * var(--responsive-size-scale));
}
._adInfo_enf63_270 dt,
._adInfo_enf63_270 dd {
  margin: 0;
}
._adInfo_enf63_270 dt {
  color: #8a919b;
}
._root_1bs4g_1 {
  display: flex;
  width: calc(36px * var(--responsive-size-scale));
  height: calc(32px * var(--responsive-size-scale));
  flex: 0 0 auto;
  align-items: flex-end;
  gap: calc(4px * var(--responsive-size-scale));
}
._root_1bs4g_1 span {
  width: calc(6px * var(--responsive-size-scale));
  border-radius: calc(2px * var(--responsive-size-scale)) calc(2px * var(--responsive-size-scale)) 0 0;
  background: currentColor;
}
@property --media-preview-border-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
._frame_mwb1h_6 {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 400 / 247;
  padding: calc(6px * var(--responsive-size-scale));
  overflow: clip;
  border-radius: calc(24px * var(--responsive-size-scale));
  background: #dedede;
}
._collapsedFrame_mwb1h_16 {
  width: 100%;
  height: calc(40px * var(--responsive-size-scale));
  aspect-ratio: auto;
  padding: 0;
  overflow: visible;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: transparent;
}
._expandButton_mwb1h_25 {
  --expand-button-background: #f1f1f1;
  display: flex;
  width: 100%;
  height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(6px * var(--responsive-size-scale));
  padding: 0 calc(12px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid transparent;
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #000;
  background: linear-gradient(var(--expand-button-background), var(--expand-button-background)) padding-box, linear-gradient(110deg, #465fff, #ff7b39 50%, #20ffc4) border-box;
  background: linear-gradient(var(--expand-button-background), var(--expand-button-background)) padding-box, conic-gradient(from var(--media-preview-border-angle), #465fff 0deg, #ff7b39 120deg, #20ffc4 240deg, #465fff 360deg) border-box;
  animation: _mediaPreviewBorderSpin_mwb1h_1 3.2s linear infinite;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
  cursor: pointer;
}
._expandButton_mwb1h_25:hover {
  --expand-button-background: #fff;
}
._levelIcon_mwb1h_48 {
  margin-right: calc(2px * var(--responsive-size-scale));
}
._expandIcon_mwb1h_51 {
  flex: 0 0 auto;
  margin-left: 0;
  transform: rotate(90deg);
}
._content_mwb1h_56 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: calc(4px * var(--responsive-size-scale));
  border-radius: calc(15px * var(--responsive-size-scale));
  isolation: isolate;
  background: #dedede;
}
._content_mwb1h_56::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(110deg, #465fff, #ff7b39 50%, #20ffc4);
  background: conic-gradient(from var(--media-preview-border-angle), #465fff 0deg, #ff7b39 120deg, #20ffc4 240deg, #465fff 360deg);
  animation: _mediaPreviewBorderSpin_mwb1h_1 3.2s linear infinite;
  content: '';
  pointer-events: none;
}
._content_mwb1h_56::after {
  content: '';
  position: absolute;
  inset: calc(4px * var(--responsive-size-scale));
  z-index: 0;
  border-radius: inherit;
  background: #dedede;
  pointer-events: none;
}
@keyframes _mediaPreviewBorderSpin_mwb1h_1 {
  from {
    --media-preview-border-angle: 0deg;
  }
  to {
    --media-preview-border-angle: 360deg;
  }
}
._media_mwb1h_94 {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(13px * var(--responsive-size-scale));
}
._media_mwb1h_94 {
  position: relative;
  z-index: 1;
  object-fit: cover;
}
._slot_mwb1h_105 {
  position: absolute;
  inset: calc(4px * var(--responsive-size-scale));
  z-index: 1;
  overflow: hidden;
  border-radius: calc(13px * var(--responsive-size-scale));
}
._mask_mwb1h_112 {
  position: absolute;
  inset: calc(4px * var(--responsive-size-scale));
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: calc(13px * var(--responsive-size-scale));
  color: #fff;
  background: rgba(13, 13, 13, 0.5);
}
._header_mwb1h_124 {
  position: absolute;
  inset: calc(4px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale)) auto;
  z-index: 3;
  display: flex;
  height: calc(62px * var(--responsive-size-scale));
  padding: calc(12px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(12px * var(--responsive-size-scale));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
  color: #fff;
  border-radius: calc(13px * var(--responsive-size-scale));
}
._title_mwb1h_138 {
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
  pointer-events: none;
  width: max-content;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._headerActions_mwb1h_147 {
  display: flex;
  flex: 0 1 auto;
  overflow: hidden;
  align-items: center;
  justify-content: flex-end;
  gap: calc(16px * var(--responsive-size-scale));
  margin-top: calc(-4px * var(--responsive-size-scale));
}
._collapseButton_mwb1h_156 {
  display: inline-flex;
  width: calc(32px * var(--responsive-size-scale));
  height: calc(24px * var(--responsive-size-scale));
  flex: 0 0 calc(32px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  padding: 0;
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(12px * var(--responsive-size-scale));
  color: #000;
  background: #fbfbfb;
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease;
  cursor: pointer;
}
._collapseButton_mwb1h_156:hover {
  background: #fff;
}
._frame_mwb1h_6:hover ._collapseButton_mwb1h_156,
._frame_mwb1h_6:focus-within ._collapseButton_mwb1h_156 {
  opacity: 1;
  pointer-events: auto;
}
._collapseIcon_mwb1h_181 {
  transform: rotate(270deg);
}
._tools_mwb1h_184 {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  overflow: hidden;
}
._bottomLabel_mwb1h_192 {
  position: absolute;
  inset: auto calc(4px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale));
  z-index: 3;
  display: flex;
  height: calc(48px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(8px * var(--responsive-size-scale));
  padding: calc(8px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.82));
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(24px * var(--responsive-size-scale));
  text-shadow: 0 calc(1px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.3);
  border-radius: calc(13px * var(--responsive-size-scale));
  opacity: 0;
  visibility: hidden;
  transition: opacity 160ms ease,
    visibility 160ms ease;
}
button._bottomLabel_mwb1h_192 {
  cursor: pointer;
}
._frame_mwb1h_6:hover ._bottomLabel_mwb1h_192,
._frame_mwb1h_6:focus-within ._bottomLabel_mwb1h_192 {
  opacity: 1;
  visibility: visible;
}
._bottomLabelArrow_mwb1h_222 {
  flex: 0 0 auto;
}
@media (hover: none) {
  ._collapseButton_mwb1h_156 {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._content_mwb1h_56::before {
    animation: none;
  }
  ._expandButton_mwb1h_25 {
    animation: none;
  }
  ._bottomLabel_mwb1h_192 {
    transition: none;
  }
  ._collapseButton_mwb1h_156 {
    transition: none;
  }
}
._previewRoot_bt7yk_1 {
  display: flex;
  min-width: 0;
}
._accountSelect_bt7yk_5 {
  flex: 1;
  min-width: 0;
}
._previewState_bt7yk_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(7px * var(--responsive-size-scale));
  max-width: calc(250px * var(--responsive-size-scale));
  padding: calc(24px * var(--responsive-size-scale));
  color: #fff;
  text-align: center;
  text-shadow: 0 calc(1px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.2);
}
._previewState_bt7yk_9 strong {
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
}
._previewState_bt7yk_9 span {
  color: rgba(255, 255, 255, 0.76);
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: 1.5;
}
._assistantPanel_2epsc_1 {
  z-index: 2;
  display: flex;
  width: clamp(calc(370px * var(--responsive-size-scale)), 24vw, calc(560px * var(--responsive-size-scale)));
  flex: 0 0 clamp(calc(370px * var(--responsive-size-scale)), 24vw, calc(560px * var(--responsive-size-scale)));
  flex-direction: column;
  min-height: 0;
  margin: calc(24px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) 0;
  overflow: hidden;
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.92);
}
._assistantPanel_2epsc_1 > div > div > [aria-live='polite'] {
  padding-right: 0;
  padding-left: 0;
}
._assistantPanel_2epsc_1 ._composerFormWithoutHorizontalPadding_2epsc_18 {
  padding-inline: 0;
}
._assistantPanel_2epsc_1 ._composerWithoutShadow_2epsc_21 {
  box-shadow: none;
}
._assistantHeader_2epsc_24 {
  display: flex;
  align-items: center;
  min-height: calc(40px * var(--responsive-size-scale));
  margin-bottom: calc(10px * var(--responsive-size-scale));
}
._assistantAvatar_2epsc_30 {
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._assistantIdentity_2epsc_36 {
  display: flex;
  max-width: calc(210px * var(--responsive-size-scale));
  min-width: 0;
  flex-direction: column;
  margin-left: calc(10px * var(--responsive-size-scale));
}
._assistantRole_2epsc_43 {
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._identityLine_2epsc_48 {
  display: flex;
  height: calc(22px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
  min-width: 0;
  align-items: center;
  gap: calc(9px * var(--responsive-size-scale));
}
._assistantName_2epsc_56 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  white-space: nowrap;
}
._statusText_2epsc_64 {
  display: inline-flex;
}
._panelAction_2epsc_67 {
  display: grid;
  width: calc(32px * var(--responsive-size-scale));
  height: calc(32px * var(--responsive-size-scale));
  flex: 0 0 calc(32px * var(--responsive-size-scale));
  place-items: center;
  margin-left: auto;
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #252525;
  font-size: calc(24px * var(--responsive-size-scale));
  line-height: 1;
}
._panelAction_2epsc_67:hover,
._panelAction_2epsc_67:focus-visible {
  background: #e9e9e9;
}
._shortVideoPreviewCard_2epsc_83:empty {
  display: none;
}
._customerConversionScale_2epsc_86 {
  width: 257.732%;
  height: 257.732%;
  transform: scale(0.388);
  transform-origin: top left;
}
._customerConversionPanel_2epsc_92 {
  width: 100%;
  height: 100%;
}
._previewImage_2epsc_96 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._previewOverlay_2epsc_101 {
  position: absolute;
  z-index: 1;
  width: 100%;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: calc(15px * var(--responsive-size-scale));
  border: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.12) 48%, rgba(0, 0, 0, 0.56) 100%);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease;
}
._previewCard_2epsc_118:hover ._previewOverlay_2epsc_101,
._previewOverlay_2epsc_101:focus-visible {
  opacity: 1;
  pointer-events: auto;
}
._previewOverlayText_2epsc_123 {
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(24px * var(--responsive-size-scale));
  text-shadow: 0 calc(1px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.3);
}
._previewOverlayArrow_2epsc_129 {
  margin-left: calc(8px * var(--responsive-size-scale));
  font-size: calc(28px * var(--responsive-size-scale));
  font-weight: 300;
  line-height: calc(30px * var(--responsive-size-scale));
}
._workspaceSelect_2epsc_135 {
  position: absolute;
  z-index: 1;
  top: calc(16px * var(--responsive-size-scale));
  right: calc(16px * var(--responsive-size-scale));
}
._assistantPanel_hmkgn_1 {
  z-index: 2;
  display: flex;
  width: clamp(calc(370px * var(--responsive-size-scale)), 24vw, calc(560px * var(--responsive-size-scale)));
  flex: 0 0 clamp(calc(370px * var(--responsive-size-scale)), 24vw, calc(560px * var(--responsive-size-scale)));
  flex-direction: column;
  min-height: 0;
  margin: calc(24px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) 0;
  overflow: hidden;
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.92);
}
._header_hmkgn_14 {
  display: flex;
  min-height: calc(40px * var(--responsive-size-scale));
  align-items: center;
}
._avatar_hmkgn_19,
._name_hmkgn_20,
._role_hmkgn_21,
._messageAvatar_hmkgn_22,
._messageName_hmkgn_23,
._message_hmkgn_22,
._messageSelf_hmkgn_25,
._composer_hmkgn_26 {
  background: #e9e9e9;
  animation: _skeletonPulse_hmkgn_1 1.4s ease-in-out infinite;
}
._avatar_hmkgn_19 {
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  flex: 0 0 calc(40px * var(--responsive-size-scale));
  border-radius: 50%;
}
._messageAvatar_hmkgn_22 {
  width: calc(42px * var(--responsive-size-scale));
  height: calc(42px * var(--responsive-size-scale));
  flex: 0 0 calc(42px * var(--responsive-size-scale));
  border-radius: 50%;
}
._identity_hmkgn_42 {
  display: flex;
  width: calc(145px * var(--responsive-size-scale));
  flex-direction: column;
  gap: calc(7px * var(--responsive-size-scale));
  margin-left: calc(10px * var(--responsive-size-scale));
}
._name_hmkgn_20,
._role_hmkgn_21,
._messageName_hmkgn_23,
._message_hmkgn_22,
._messageSelf_hmkgn_25,
._composer_hmkgn_26 {
  display: block;
  border-radius: calc(8px * var(--responsive-size-scale));
}
._name_hmkgn_20 {
  width: 72%;
  height: calc(16px * var(--responsive-size-scale));
}
._role_hmkgn_21 {
  width: 48%;
  height: calc(14px * var(--responsive-size-scale));
}
._messageName_hmkgn_23 {
  width: calc(62px * var(--responsive-size-scale));
  height: calc(14px * var(--responsive-size-scale));
}
._conversation_hmkgn_70 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding-top: calc(20px * var(--responsive-size-scale));
}
._messages_hmkgn_77 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(12px * var(--responsive-size-scale));
  padding-block: calc(20px * var(--responsive-size-scale));
}
._messageWithIdentity_hmkgn_86 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: calc(14px * var(--responsive-size-scale));
}
._messageContent_hmkgn_92 {
  display: flex;
  width: 62%;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(7px * var(--responsive-size-scale));
}
._message_hmkgn_22,
._messageSelf_hmkgn_25 {
  width: 62%;
  height: calc(42px * var(--responsive-size-scale));
}
._messageSelf_hmkgn_25 {
  width: 54%;
  align-self: flex-end;
}
._composer_hmkgn_26 {
  height: calc(56px * var(--responsive-size-scale));
  flex: 0 0 calc(56px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
}
@keyframes _skeletonPulse_hmkgn_1 {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._avatar_hmkgn_19,
  ._name_hmkgn_20,
  ._role_hmkgn_21,
  ._messageAvatar_hmkgn_22,
  ._messageName_hmkgn_23,
  ._message_hmkgn_22,
  ._messageSelf_hmkgn_25,
  ._composer_hmkgn_26 {
    animation: none;
  }
}
._skeleton_1abws_1 {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  gap: calc(28px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
}
._stage_1abws_8 {
  display: flex;
  width: calc(300px * var(--responsive-size-scale));
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._badge_1abws_16 {
  display: flex;
  width: calc(208px * var(--responsive-size-scale));
  height: calc(52px * var(--responsive-size-scale));
  box-sizing: border-box;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  padding: calc(6px * var(--responsive-size-scale)) calc(18px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid rgba(8, 8, 8, 0.04);
  border-radius: calc(999px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(18px * var(--responsive-size-scale)) rgba(8, 8, 8, 0.06);
}
._avatar_1abws_29,
._name_1abws_30,
._storeName_1abws_31,
._animation_1abws_32 {
  background: #e9e9e9;
  animation: _skeletonPulse_1abws_1 1.4s ease-in-out infinite;
}
._avatar_1abws_29 {
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  flex: 0 0 calc(40px * var(--responsive-size-scale));
  border-radius: 50%;
}
._copy_1abws_42 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(7px * var(--responsive-size-scale));
}
._name_1abws_30,
._storeName_1abws_31 {
  display: block;
  border-radius: calc(5px * var(--responsive-size-scale));
}
._name_1abws_30 {
  width: 86%;
  height: calc(14px * var(--responsive-size-scale));
}
._storeName_1abws_31 {
  width: 58%;
  height: calc(11px * var(--responsive-size-scale));
}
._animation_1abws_32 {
  display: block;
  width: calc(300px * var(--responsive-size-scale));
  height: calc(300px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
}
@keyframes _skeletonPulse_1abws_1 {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._avatar_1abws_29,
  ._name_1abws_30,
  ._storeName_1abws_31,
  ._animation_1abws_32 {
    animation: none;
  }
}
._workspace_625u4_1 {
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #f5f5f5;
  color: #080808;
}
._scene_625u4_11 {
  position: relative;
  min-width: 0;
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: calc(48px * var(--responsive-size-scale)) clamp(calc(28px * var(--responsive-size-scale)), 5vw, calc(72px * var(--responsive-size-scale)));
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._scene_625u4_11::-webkit-scrollbar {
  display: none;
}
._sceneContent_625u4_25 {
  display: flex;
  width: min(calc(1050px * var(--responsive-size-scale)), 100%);
  height: auto;
  min-height: 100%;
  margin: 0 auto;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(34px * var(--responsive-size-scale));
  padding-top: calc(50px * var(--responsive-size-scale));
}
._sceneHeader_625u4_36 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(24px * var(--responsive-size-scale));
}
._sceneEyebrow_625u4_42 {
  margin-bottom: calc(10px * var(--responsive-size-scale));
  color: #777;
  font-size: calc(13px * var(--responsive-size-scale));
}
._sceneTitle_625u4_47 {
  font-size: clamp(calc(28px * var(--responsive-size-scale)), 3vw, calc(40px * var(--responsive-size-scale)));
  font-weight: 600;
  line-height: 1.15;
}
._sceneDescription_625u4_52 {
  margin-top: calc(12px * var(--responsive-size-scale));
  color: #777;
  font-size: calc(15px * var(--responsive-size-scale));
}
._agentSection_625u4_57 {
  padding: calc(24px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) calc(18px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._agentSectionHeader_625u4_62 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(20px * var(--responsive-size-scale));
  margin-bottom: calc(14px * var(--responsive-size-scale));
}
._agentSectionTitle_625u4_69 {
  font-size: calc(18px * var(--responsive-size-scale));
  font-weight: 600;
}
._agentSectionDescription_625u4_73,
._agentSectionHint_625u4_74 {
  margin-top: calc(6px * var(--responsive-size-scale));
  color: #888;
  font-size: calc(13px * var(--responsive-size-scale));
}
._agentSectionHint_625u4_74 {
  margin-top: calc(2px * var(--responsive-size-scale));
  white-space: nowrap;
}
@media (max-width: 1440px) {
  ._scene_625u4_11 {
    padding-inline: calc(32px * var(--responsive-size-scale));
  }
  ._sceneContent_625u4_25 {
    gap: calc(28px * var(--responsive-size-scale));
  }
}
@media (max-width: 1320px) {
  ._scene_625u4_11 {
    padding-inline: calc(24px * var(--responsive-size-scale));
  }
  ._sceneHeader_625u4_36,
  ._agentSectionHeader_625u4_62 {
    flex-direction: column;
  }
  ._agentSectionHint_625u4_74 {
    margin-top: 0;
  }
}
._mainContent_625u4_103 {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  gap: calc(28px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
}
._root_bcu2k_1 {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  flex-direction: column;
  gap: var(--animated-list-gap, calc(16px * var(--responsive-size-scale)));
}
._item_bcu2k_9 {
  width: 100%;
  min-width: 0;
}
._player_1fzzz_1 {
  display: block;
  width: 100%;
  height: 100%;
  background: #1b0906;
}
._root_q7bcv_1 {
  --blue: #034fe7;
}
._list_q7bcv_4 {
  display: grid;
  min-height: calc(90px * var(--responsive-size-scale));
  grid-template-columns: repeat(var(--metrics-count, 4), minmax(0, 1fr));
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-radius: calc(18px * var(--responsive-size-scale));
  background: #fff;
  list-style: none;
}
._metric_q7bcv_15 {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  padding: calc(12px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale));
}
._metric_q7bcv_15:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(1px * var(--responsive-size-scale));
  height: calc(46px * var(--responsive-size-scale));
  background: #dedede;
  content: '';
  transform: translate(50%, -50%);
}
._metricContent_q7bcv_33 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._metricLabel_q7bcv_39 {
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
}
._metricValue_q7bcv_43 {
  font-family: 'DIN Alternate', 'Arial Narrow', sans-serif;
  font-size: calc(26px * var(--responsive-size-scale));
  font-weight: 700;
  line-height: 1;
}
._connector_q7bcv_49 {
  display: flex;
  min-width: 0;
  height: calc(46px * var(--responsive-size-scale));
  align-items: center;
  justify-content: flex-end;
}
._connectorCopy_q7bcv_56 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  color: #585858;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
}
._connectorValue_q7bcv_66 {
  color: #000;
  font-family: 'DIN Alternate', 'Arial Narrow', sans-serif;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 700;
  line-height: calc(20px * var(--responsive-size-scale));
}
._connectorArrow_q7bcv_73 {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  display: grid;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(20px * var(--responsive-size-scale));
  flex: 0 0 calc(20px * var(--responsive-size-scale));
  place-items: center;
  border: calc(1px * var(--responsive-size-scale)) solid #dedede;
  border-radius: 50%;
  background: #fff;
  color: var(--blue);
  font-size: calc(15px * var(--responsive-size-scale));
  line-height: 1;
  transform: translate(50%, -50%);
}
._metricAccent_q7bcv_91 {
  background: linear-gradient(90deg, rgba(3, 79, 231, 0.1), rgba(255, 255, 255, 0));
}
._metricAccent_q7bcv_91 ._metricValue_q7bcv_43 {
  color: var(--blue);
}
._hideConnectors_q7bcv_97 ._connector_q7bcv_49 {
  display: none;
}
._tag_1p8e6_1 {
  display: flex;
  width: fit-content;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: calc(2px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  background: rgba(3, 79, 231, 0.06);
  color: #5287ff;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
}
._switcherShell_1q3zt_1 {
  width: 100%;
  min-width: 0;
}
._switcher_1q3zt_1 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: calc(107px * var(--responsive-size-scale));
  padding-top: calc(25px * var(--responsive-size-scale));
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
._switcher_1q3zt_1::-webkit-scrollbar {
  display: none;
}
._acquisitionGroup_1q3zt_18 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
._agentGroupSpaced_1q3zt_23 {
  margin-left: calc(10px * var(--responsive-size-scale));
}
._acquisitionStack_1q3zt_26 {
  --agent-card-width: calc(221px * var(--responsive-size-scale));
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0;
  transition: gap 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
._hasStackedAccounts_1q3zt_34 {
  position: relative;
  padding-right: var(--stacked-account-padding, calc(16px * var(--responsive-size-scale)));
  isolation: isolate;
  transition: padding-right 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
._agentStackLayers_1q3zt_40 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transition: opacity 160ms ease;
}
._agentStackLayer_1q3zt_40 {
  position: absolute;
  top: calc(5px * var(--responsive-size-scale));
  left: var(--stack-offset);
  display: block;
  width: var(--agent-card-width);
  height: calc(100% - calc(10px * var(--responsive-size-scale)));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #e5e5e5;
}
._agentStackLayer_1q3zt_40:nth-child(2) {
  background: #d1d1d1;
  top: calc(10px * var(--responsive-size-scale));
  height: calc(100% - calc(20px * var(--responsive-size-scale)));
}
._agentSlot_1q3zt_61 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  z-index: 3;
}
._agentSlotAdditional_1q3zt_67 {
  width: 0;
  min-width: 0;
  flex-basis: 0;
  overflow: visible;
  clip-path: inset(calc(-26px * var(--responsive-size-scale)) 100% 0 0);
  opacity: 0;
  pointer-events: none;
  transition: flex-basis 240ms cubic-bezier(0.22, 1, 0.36, 1), width 240ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease;
}
._acquisitionStack_1q3zt_26:hover ._agentSlotAdditional_1q3zt_67,
._acquisitionStack_1q3zt_26:focus-within ._agentSlotAdditional_1q3zt_67 {
  width: var(--agent-card-width);
  flex-basis: var(--agent-card-width);
  clip-path: inset(calc(-26px * var(--responsive-size-scale)) 0 0 0);
  opacity: 1;
  pointer-events: auto;
}
._acquisitionStack_1q3zt_26:hover,
._acquisitionStack_1q3zt_26:focus-within {
  gap: calc(10px * var(--responsive-size-scale));
}
._hasStackedAccounts_1q3zt_34:hover,
._hasStackedAccounts_1q3zt_34:focus-within {
  padding-right: 0;
}
._hasStackedAccounts_1q3zt_34:hover ._agentStackLayers_1q3zt_40,
._hasStackedAccounts_1q3zt_34:focus-within ._agentStackLayers_1q3zt_40 {
  opacity: 0;
}
._agentDivider_1q3zt_97 {
  width: calc(1px * var(--responsive-size-scale));
  height: calc(48px * var(--responsive-size-scale));
  margin: 0 calc(8px * var(--responsive-size-scale));
  background: #d8d8d8;
}
._agentTab_1q3zt_103 {
  position: relative;
  z-index: 3;
  display: flex;
  width: var(--agent-card-width);
  min-height: calc(80px * var(--responsive-size-scale));
  box-sizing: border-box;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  padding: calc(12px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid transparent;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #f1f1f1;
  cursor: pointer;
  text-align: left;
}
._agentTab_1q3zt_103:hover,
._agentTabActive_1q3zt_120 {
  border-color: #f0f0f0;
  background: #fff;
}
._agentTab_1q3zt_103:hover ._agentSettingsButton_1q3zt_124,
._agentTabActive_1q3zt_120 ._agentSettingsButton_1q3zt_124 {
  display: inline-flex;
  background: #fff;
}
._agentCopy_1q3zt_129 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._agentCopyWithSettings_1q3zt_136 {
  padding-right: calc(48px * var(--responsive-size-scale));
}
._agentNameLine_1q3zt_139 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
}
._agentName_1q3zt_139 {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._subAccountBadge_1q3zt_155 {
  display: inline-flex;
  height: calc(22px * var(--responsive-size-scale));
  flex: 0 0 auto;
  align-items: center;
  padding: 0 calc(6px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  font-size: calc(13px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
._subAccountBadgeAcquisition_1q3zt_167 {
  background: #e7edfa;
  color: #5790ff;
}
._subAccountBadgeReach_1q3zt_171 {
  background: #e3f4e7;
  color: #42b965;
}
._agentRole_1q3zt_175 {
  overflow: hidden;
  color: #585858;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._agentSettings_1q3zt_124 {
  color: #252525;
}
._agentSettingsButton_1q3zt_124 {
  position: absolute;
  top: calc(-26px * var(--responsive-size-scale));
  right: calc(21px * var(--responsive-size-scale));
  z-index: 1;
  width: calc(58px * var(--responsive-size-scale));
  height: calc(25px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(5px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale)) 0 0;
  background: #f1f1f1;
  color: #252525;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: 1;
  white-space: nowrap;
  display: none;
}
._agentSettingsLabel_1q3zt_204 {
  color: #000;
}
._agentTabActive_1q3zt_120 ._agentName_1q3zt_139 {
  font-weight: 600;
}
._agentAvatar_1q3zt_210 {
  display: block;
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  overflow: hidden;
  border-radius: 50%;
  object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
  ._acquisitionStack_1q3zt_26,
  ._hasStackedAccounts_1q3zt_34,
  ._agentStackLayers_1q3zt_40,
  ._agentSlotAdditional_1q3zt_67 {
    transition: none;
  }
}
@media (max-width: 720px) {
  ._acquisitionStack_1q3zt_26 {
    --agent-card-width: calc(200px * var(--responsive-size-scale));
  }
  ._agentTab_1q3zt_103 {
    width: calc(200px * var(--responsive-size-scale));
  }
}
._root_8jun6_1 {
  position: absolute;
  right: calc(12px * var(--responsive-size-scale));
  bottom: calc(16px * var(--responsive-size-scale));
  left: calc(12px * var(--responsive-size-scale));
  z-index: 2;
  pointer-events: auto;
}
._viewport_8jun6_9 {
  height: calc(160px * var(--responsive-size-scale));
  max-height: min(32vh, calc(220px * var(--responsive-size-scale)));
  overflow-x: hidden;
  overflow-y: auto;
  mask-image: linear-gradient(to bottom, transparent 0, #000 16%, #000 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16%, #000 100%);
  outline: none;
  scrollbar-width: none;
}
._viewport_8jun6_9::-webkit-scrollbar {
  display: none;
}
._messageList_8jun6_22 {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: calc(5px * var(--responsive-size-scale));
  padding: calc(27px * var(--responsive-size-scale)) 0 calc(4px * var(--responsive-size-scale));
}
._message_8jun6_22 {
  display: inline-flex;
  max-width: 100%;
  min-height: calc(25px * var(--responsive-size-scale));
  align-items: center;
  padding: calc(4px * var(--responsive-size-scale)) calc(9px * var(--responsive-size-scale));
  overflow: hidden;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
  white-space: nowrap;
  will-change: transform, opacity;
}
._name_8jun6_46 {
  color: #73ffff;
}
._accent_8jun6_49 {
  color: #73ffff;
}
._text_8jun6_52 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._page_eb3mq_1 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: calc(35px * var(--responsive-size-scale));
  min-height: 100%;
}
._page_eb3mq_1 ._header_eb3mq_8 {
  margin-bottom: calc(7px * var(--responsive-size-scale));
}
@media (min-width: 1660px) {
  ._service_eb3mq_12 {
    height: 100%;
    overflow: hidden;
  }
}
._conversionWorkspace_eb3mq_17 {
  height: calc(100vh - calc(99px * var(--responsive-size-scale)));
}
@media (min-width: 1660px) {
  ._conversionWorkspace_eb3mq_17 {
    flex: 1;
    height: auto;
  }
}
._agentSwitcher_eb3mq_26 {
  margin-bottom: calc(10px * var(--responsive-size-scale));
}
._emptyWorkspace_eb3mq_29,
._loadingWorkspace_eb3mq_30 {
  display: grid;
  min-height: calc(420px * var(--responsive-size-scale));
  flex: 1;
  place-items: center;
  margin-top: calc(24px * var(--responsive-size-scale));
}
._loadingWorkspace_eb3mq_30 {
  border-radius: calc(16px * var(--responsive-size-scale));
}
._sectionHeading_eb3mq_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(20px * var(--responsive-size-scale));
  margin: calc(13px * var(--responsive-size-scale)) 0 calc(14px * var(--responsive-size-scale));
}
._sectionTitleGroup_eb3mq_47 {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: calc(12px * var(--responsive-size-scale));
  flex-wrap: wrap;
}
._sectionTitle_eb3mq_47 {
  font-size: calc(22px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: 1.3;
}
._liveStartTime_eb3mq_59 {
  color: #585858;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
}
._workGrid_eb3mq_66 {
  display: grid;
  grid-template-columns: calc(400px * var(--responsive-size-scale)) 1fr 1fr;
  gap: calc(28px * var(--responsive-size-scale));
  flex: 1;
  max-height: calc(100vh - calc(99px * var(--responsive-size-scale)));
  grid-template-rows: 1fr;
}
._liveCard_eb3mq_74,
._queueCard_eb3mq_75,
._prospectCard_eb3mq_76 {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._potentialFlowPanel_eb3mq_83,
._liveCard_eb3mq_74,
._queueCard_eb3mq_75 {
  height: calc(813px * var(--responsive-size-scale)) !important;
  max-height: calc(100vh - calc(99px * var(--responsive-size-scale)));
}
._liveCard_eb3mq_74 {
  display: flex;
  flex-direction: column;
}
._liveImage_eb3mq_93 {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding-top: 0 !important;
  pointer-events: none;
}
._liveUnavailable_eb3mq_102 {
  display: grid;
  height: 100%;
  place-items: center;
  color: #aaa;
}
._liveAccount_eb3mq_108 {
  position: absolute;
  z-index: 3;
  top: calc(16px * var(--responsive-size-scale));
  left: calc(12px * var(--responsive-size-scale));
  padding: calc(4px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
  pointer-events: none;
  text-shadow: 0 calc(1px * var(--responsive-size-scale)) calc(3px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.55);
}
._liveAccountAvatar_eb3mq_127 {
  width: calc(32px * var(--responsive-size-scale));
  height: calc(32px * var(--responsive-size-scale));
  flex: 0 0 calc(32px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._liveAccountName_eb3mq_134 {
  max-width: calc(180px * var(--responsive-size-scale));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._floatingLead_eb3mq_140 {
  position: absolute;
  right: calc(12px * var(--responsive-size-scale));
  bottom: calc(128px * var(--responsive-size-scale));
  display: flex;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  padding: calc(14px * var(--responsive-size-scale)) calc(40px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid rgba(255, 255, 255, 0.7);
  border-radius: calc(20px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.77);
  box-shadow: 0 calc(5px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(calc(6px * var(--responsive-size-scale)));
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
}
._floatingLeadTemplate_eb3mq_156 {
  visibility: hidden;
}
._flyingLead_eb3mq_159 {
  box-sizing: border-box;
  position: fixed;
  z-index: 20;
  display: flex;
  width: calc(250px * var(--responsive-size-scale));
  height: calc(61px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  padding: calc(15px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #eaeaea;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(calc(2.3px * var(--responsive-size-scale)));
  color: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  pointer-events: none;
  white-space: nowrap;
}
._flyingLead_eb3mq_159 span {
  min-width: 0;
  display: block;
  max-width: calc(100% - calc(37px * var(--responsive-size-scale)));
  overflow: hidden;
  text-overflow: ellipsis;
}
._flyingLeadAvatar_eb3mq_185 {
  width: calc(29px * var(--responsive-size-scale));
  height: calc(29px * var(--responsive-size-scale));
  flex: 0 0 calc(29px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._floatingLeadAvatar_eb3mq_192 {
  width: calc(29px * var(--responsive-size-scale));
  height: calc(29px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._queueCard_eb3mq_75,
._prospectCard_eb3mq_76 {
  padding: calc(27px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
}
._queueCard_eb3mq_75 {
  padding-left: calc(0px * var(--responsive-size-scale));
  padding-right: calc(0px * var(--responsive-size-scale));
  display: flex;
  min-height: 0;
  flex-direction: column;
}
._cardHeader_eb3mq_209 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: calc(10px * var(--responsive-size-scale));
  margin-bottom: calc(17px * var(--responsive-size-scale));
}
._queueCard_eb3mq_75 ._cardHeader_eb3mq_209 {
  padding-left: calc(20px * var(--responsive-size-scale));
  padding-right: calc(20px * var(--responsive-size-scale));
}
._cardTitle_eb3mq_221 {
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  white-space: nowrap;
}
._queueStatus_eb3mq_226 {
  font-size: calc(12px * var(--responsive-size-scale));
}
._queueMeta_eb3mq_229 {
  display: block;
  max-width: 100%;
  overflow: hidden;
  font-size: calc(12px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._queueListViewport_eb3mq_237 {
  flex: 1;
  min-height: 0;
  min-width: 0;
  padding-left: calc(20px * var(--responsive-size-scale));
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
._queueList_eb3mq_237 {
  min-height: 100%;
  --animated-list-gap: calc(4px * var(--responsive-size-scale));
  padding-right: calc(6px * var(--responsive-size-scale));
}
._queueEmptyState_eb3mq_251 {
  box-sizing: border-box;
  height: 100%;
  padding: calc(20px * var(--responsive-size-scale));
}
._queueItem_eb3mq_256 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: calc(11px * var(--responsive-size-scale));
  padding: calc(10px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid transparent;
  border-radius: calc(20px * var(--responsive-size-scale));
  text-align: left;
}
._queueItem_eb3mq_256:hover,
._queueItemSelected_eb3mq_267 {
  border-color: #fff;
  background: #f5f5f5;
}
._queueAvatar_eb3mq_271 {
  width: calc(44px * var(--responsive-size-scale));
  height: calc(44px * var(--responsive-size-scale));
  flex: 0 0 calc(44px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._queueContent_eb3mq_278 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(5px * var(--responsive-size-scale));
}
._queueName_eb3mq_284 {
  display: flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  min-width: 0;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
}
._queueNameText_eb3mq_292 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._queueMeta_eb3mq_229 em {
  margin-left: calc(8px * var(--responsive-size-scale));
  color: #999;
  font-style: normal;
}
._queueQuestion_eb3mq_303 {
  display: block;
  max-width: 100%;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
  overflow-wrap: anywhere;
}
._prospectIdentity_eb3mq_310 {
  display: flex;
  align-items: center;
  gap: calc(12px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
}
._prospectAvatar_eb3mq_316 {
  width: calc(44px * var(--responsive-size-scale));
  height: calc(44px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._prospectCopy_eb3mq_322 {
  display: flex;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._prospectName_eb3mq_327 {
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
}
._prospectMeta_eb3mq_331 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._prospectFacts_eb3mq_335 {
  display: grid;
  gap: calc(16px * var(--responsive-size-scale));
  margin: calc(22px * var(--responsive-size-scale)) 0 0 calc(46px * var(--responsive-size-scale));
  padding-left: calc(15px * var(--responsive-size-scale));
  border-left: calc(2px * var(--responsive-size-scale)) dashed #eee;
}
._prospectFact_eb3mq_335 {
  display: grid;
  gap: calc(5px * var(--responsive-size-scale));
}
._prospectFactLabel_eb3mq_346 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._prospectFactValue_eb3mq_350 {
  margin: 0;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.45;
}
._panel_11qxy_1 {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
  color: #111;
}
._panelTitle_11qxy_13 {
  flex: 0 0 auto;
  margin: calc(21px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(18px * var(--responsive-size-scale));
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._body_11qxy_20 {
  min-height: 0;
  flex: 1;
  overflow: auto;
  scrollbar-width: thin;
}
._emptyState_11qxy_26 {
  height: 100%;
  box-sizing: border-box;
  padding: calc(20px * var(--responsive-size-scale));
}
._identity_11qxy_31 {
  display: flex;
  align-items: center;
  gap: calc(12px * var(--responsive-size-scale));
  margin: 0 calc(20px * var(--responsive-size-scale));
}
._identityAvatar_11qxy_37 {
  width: calc(44px * var(--responsive-size-scale));
  height: calc(44px * var(--responsive-size-scale));
  flex: 0 0 calc(44px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._identityCopy_11qxy_44 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._identityMeta_11qxy_50,
._identityNameText_11qxy_51 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._identityName_11qxy_51 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._identityNameText_11qxy_51 {
  min-width: 0;
}
._identityMeta_11qxy_50 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._timeline_11qxy_73 {
  position: relative;
  margin: calc(17px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) 0;
}
._timeline_11qxy_73::before {
  position: absolute;
  top: calc(25px * var(--responsive-size-scale));
  bottom: calc(38px * var(--responsive-size-scale));
  left: calc(11px * var(--responsive-size-scale));
  border-left: calc(1px * var(--responsive-size-scale)) dashed #e5e5e5;
  content: '';
}
._step_11qxy_85 {
  position: relative;
  padding-bottom: calc(24px * var(--responsive-size-scale));
}
._lastStep_11qxy_89 {
  padding-bottom: calc(22px * var(--responsive-size-scale));
}
._stepHeading_11qxy_92 {
  position: relative;
  display: flex;
  min-height: calc(24px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._stepTitle_11qxy_99 {
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(22px * var(--responsive-size-scale));
}
._checkMarker_11qxy_104 {
  z-index: 1;
  display: inline-flex;
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  flex: 0 0 calc(22px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #155eef;
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 700;
  line-height: 1;
}
._stepBody_11qxy_119 {
  margin: calc(14px * var(--responsive-size-scale)) 0 0 calc(32px * var(--responsive-size-scale));
}
._factList_11qxy_122,
._factListCompact_11qxy_123 {
  display: grid;
  gap: calc(14px * var(--responsive-size-scale));
  margin: calc(15px * var(--responsive-size-scale)) 0 0;
}
._factListCompact_11qxy_123 {
  gap: calc(15px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
}
._fact_11qxy_122 {
  display: grid;
  min-width: 0;
  gap: calc(4px * var(--responsive-size-scale));
}
._factLabel_11qxy_137,
._label_11qxy_138 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(18px * var(--responsive-size-scale));
}
._factValue_11qxy_144,
._factContent_11qxy_145 {
  margin: 0;
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(21px * var(--responsive-size-scale));
  overflow-wrap: anywhere;
}
._reasonList_11qxy_153 {
  display: grid;
  gap: calc(11px * var(--responsive-size-scale));
  margin: calc(9px * var(--responsive-size-scale)) 0 0;
  padding: 0;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(19px * var(--responsive-size-scale));
  list-style: none;
}
._reasonItem_11qxy_163 {
  position: relative;
  padding-left: calc(11px * var(--responsive-size-scale));
}
._reasonItem_11qxy_163::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '·';
}
._verdict_11qxy_173 {
  display: grid;
  gap: calc(4px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
  padding: calc(12px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border-radius: calc(14px * var(--responsive-size-scale));
  background: #000;
  color: #fff;
}
._verdictLabel_11qxy_182 {
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._verdictValue_11qxy_186 {
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._nextAction_11qxy_191 {
  margin: calc(15px * var(--responsive-size-scale)) 0 0;
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(21px * var(--responsive-size-scale));
}
._stepSubtitle_11qxy_197 {
  margin: calc(19px * var(--responsive-size-scale)) 0 0;
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(21px * var(--responsive-size-scale));
}
._quoteBox_11qxy_204 {
  margin-top: calc(14px * var(--responsive-size-scale));
  padding: calc(14px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #f3f3f4;
  color: #111;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(24px * var(--responsive-size-scale));
}
._generatedCopy_11qxy_213 {
  margin-top: calc(13px * var(--responsive-size-scale));
}
._generatedCopy_11qxy_213 + ._stepSubtitle_11qxy_197 {
  margin-top: calc(17px * var(--responsive-size-scale));
}
.xgplayer-fullscreen-parent{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen{z-index:10;position:absolute}.xgplayer-rotate-parent{position:fixed;top:0;left:100%;bottom:0;right:0;width:100vh;height:100vw;z-index:9999;transform-origin:top left;transform:rotate(90deg)}.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen{position:absolute;top:0;left:0;z-index:10;margin:0;padding:0;width:100%;height:100%;transform:rotate(0)}.xgplayer-rotate-parent .xgplayer-mobile video{z-index:-1}.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.xgplayer *{margin:0;padding:0;border:0;vertical-align:baseline;white-space:normal;word-wrap:normal;overflow-wrap:normal}.xgplayer ul,.xgplayer li{list-style:none}.xgplayer .xgplayer-none{display:none}.xgplayer.xgplayer-is-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:9999}.xgplayer.xgplayer-is-cssfullscreen{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer.xgplayer-rotate-fullscreen{position:fixed;top:0;left:100%;bottom:0;right:0;width:100vh;height:100vw;transform-origin:top left;transform:rotate(90deg);z-index:9999}.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video{z-index:-1}.xgplayer xg-video-container.xg-video-container{position:absolute;top:0;bottom:48px;display:block;width:100%}.xgplayer video{position:absolute;top:0;left:0;width:100%;height:100%;outline:none}.xgplayer[data-xgfill=contain] video{-o-object-fit:contain;object-fit:contain}.xgplayer[data-xgfill=cover] video{-o-object-fit:cover;object-fit:cover}.xgplayer[data-xgfill=fill] video{-o-object-fit:fill;object-fit:fill}.xgplayer .xg-pos{left:10px;right:10px}.xgplayer .xg-margin{margin-left:16px;margin-right:16px}.xgplayer .xg-bottom{bottom:0}.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;line-height:24px;background:rgba(0,0,0,.38);border-radius:12px}.xgplayer xg-icon{position:relative;box-sizing:border-box;height:40px;margin-left:16px;margin-right:16px;cursor:pointer;color:#fffc;fill:#fff}.xgplayer xg-icon.xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-tips{top:-30px;left:50%;transform:translate(-50%)}.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide{display:none}.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;transform:translateY(-50%);cursor:pointer}.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-img{width:100%}.xgplayer xg-icon svg,.xgplayer xg-icon img{height:100%;display:block}.xgplayer xg-bar{display:block}.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}.xgplayer.xgplayer-inactive .xg-top-bar{display:flex}.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}.xgplayer .xg-top-bar{position:absolute;z-index:10;top:0;padding:0 16px;display:flex;height:50px}.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}.xgplayer .xg-left-bar{left:0}.xgplayer .xg-right-bar{right:0}.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;background:rgba(0,0,0,.54);border-radius:4px;font-size:12px;color:#fff;text-align:center;white-space:nowrap;opacity:.85}.xgplayer .xg-margin{left:0px;right:0px}.xgplayer-mobile{-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile *{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile xg-icon:hover .xg-tips{display:none}.xg-list-slide-scroll::-webkit-scrollbar-track{background-color:transparent;display:none}.xg-list-slide-scroll:hover::-webkit-scrollbar-track{display:block}.xg-list-slide-scroll::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);height:4px;width:4px}.xg-list-slide-scroll::-webkit-scrollbar-corner{background:transparent;display:none}.xg-list-slide-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:3px;display:none;width:4px}.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb{display:block}@media only screen and (max-width: 480px){.xgplayer-mobile xg-icon{margin-right:10px;margin-left:10px}.xgplayer-mobile .xg-top-bar{left:10px;right:10px}}@media screen and (orientation: portrait){.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls{bottom:34px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar{top:34px;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}}@media only screen and (orientation: landscape){.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile.xgplayer-rotate-fullscreen{left:0;width:100vw;height:100vh;transform:rotate(0)}}.xgplayer .xgplayer-screen-container{display:block;width:100%}.xgplayer .xg-options-icon{display:none;cursor:pointer}.xgplayer .xg-options-icon.show{display:block}@keyframes xg_right_options_active{0%{transform:translate(50%)}to{transform:translate(-50%)}}@keyframes xg_right_options_hide{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_active{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_hide{0%{transform:translate(50%)}to{transform:translate(-50%)}}.xgplayer .xg-options-list{display:none;position:absolute;z-index:5;width:78px;right:50%;bottom:100%;background:rgba(0,0,0,.54);border-radius:1px;transform:translate(50%);cursor:pointer;overflow:auto;height:0;opacity:.85;font-size:14px;color:#fffc}.xgplayer .xg-options-list li{height:20px;line-height:20px;position:relative;padding:4px 0;text-align:center;color:#fffc}.xgplayer .xg-options-list li:hover,.xgplayer .xg-options-list li.selected{color:red;opacity:1}.xgplayer .xg-options-list li:nth-child(1){position:relative;margin-top:12px}.xgplayer .xg-options-list li:last-child{position:relative;margin-bottom:12px}.xgplayer .xg-options-list:hover{opacity:1}.xgplayer .xg-options-list.active{display:block;height:auto}.xgplayer .xg-options-list.xg-side-list{width:20%;height:100%;bottom:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;box-sizing:border-box}.xgplayer .xg-options-list.xg-side-list li{flex:1;width:100%;padding:0;position:relative}.xgplayer .xg-options-list.xg-side-list li span{display:block;position:relative;top:50%;transform:translateY(-50%);pointer-events:none}.xgplayer .xg-options-list.xg-side-list li:nth-child(1){margin-top:20px}.xgplayer .xg-options-list.xg-side-list li:last-child{margin-bottom:20px}.xgplayer .xg-options-list.xg-right-side{right:-10.5%}.xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:xg_right_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-right-side.hide{height:100%;animation:xg_right_options_hide .2s ease-in forwards}.xgplayer .xg-options-list.xg-left-side{left:-10.5%;transform:translate(-50%)}.xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:xg_left_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-left-side.hide{height:100%;animation:xg_left_options_hide .2s ease-in forwards}@media only screen and (max-width: 480px){.xgplayer-mobile .xg-options-icon.portrait{display:none}.xgplayer-mobile .xg-options-list li:hover{color:#fffc}.xgplayer-mobile .xg-options-list li.selected{color:red}}.xgplayer xg-thumbnail{display:block}.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-nostart .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide{pointer-events:none;visibility:hidden;cursor:default;opacity:0}.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{pointer-events:auto;visibility:visible;opacity:1}.xgplayer .xgplayer-controls{display:block;position:absolute;visibility:visible;height:48px;left:0;right:0;bottom:0;opacity:1;z-index:10;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));transition:opacity .5s ease,visibility .5s ease}.xgplayer .xgplayer-controls.show{display:block;opacity:1;visibility:visible;pointer-events:auto}.xgplayer .xg-inner-controls{position:absolute;height:40px;bottom:0;justify-content:space-between;display:flex}.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{position:relative;display:flex;flex-wrap:wrap;flex-shrink:1;height:100%;z-index:1}.xgplayer .xg-right-grid{flex-direction:row-reverse}.xgplayer .xg-right-grid>:first-child{margin-right:0}.xgplayer .xg-right-grid xg-icon{margin-left:0}.xgplayer .xg-left-grid>:first-child{margin-left:0}.xgplayer .xg-left-grid xg-icon{margin-right:0}.xgplayer .xg-center-grid{display:block;position:absolute;left:0;right:0;outline:none;top:-20px;padding:5px 0;text-align:center}.xgplayer .flex-controls .xg-inner-controls{justify-content:space-around;display:flex;bottom:8px}.xgplayer .flex-controls .xg-center-grid{display:flex;flex:1;position:relative;top:0;height:100%;justify-content:space-between;align-items:center;left:0;right:0;padding:0 16px}.xgplayer.xgplayer-mobile .xg-center-grid{z-index:2}.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid{padding:0 8px}.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}.xgplayer .mini-controls{background-image:none}.xgplayer .mini-controls .xg-inner-controls{bottom:0;left:0;right:0}.xgplayer .mini-controls .xg-center-grid{bottom:-28px;top:auto;padding:0}.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}.xgplayer .controls-follow{bottom:70px;transition:bottom .3s ease}.xgplayer.flex-controls .controls-follow{bottom:45px}.xgplayer.xgplayer-inactive .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.mini-controls .controls-follow{bottom:10px}.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull{display:block}.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen{display:none}.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}.xgplayer .xg-top-bar .xgplayer-back{position:relative;left:0;top:16px;width:34px;height:40px;display:none}.xgplayer .xg-top-bar .xgplayer-back.show{display:block}.xgplayer .xgplayer-play .xg-icon-play{display:none}.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play{display:block}.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause{display:none}.xgplayer .xgplayer-progress{display:flex;align-items:center;position:relative;min-width:10px;height:20px;left:0;right:0;top:0;outline:none;flex:1;cursor:pointer}.xgplayer .xgplayer-progress-outer{position:relative;width:100%;height:2px;border-radius:3px;cursor:pointer}.xgplayer .progress-list{display:flex;height:100%;width:100%;border-radius:inherit}.xgplayer .xgplayer-progress-inner{position:relative;flex:1;height:100%;background:rgba(255,255,255,.3);transition:height .2s ease-in,opacity .2s ease-out;border-radius:inherit;margin-right:2px;pointer-events:none}.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer .inner-focus-point{background:#fff;position:relative}.xgplayer .inner-focus-point:before,.xgplayer .inner-focus-point:after{position:absolute;top:0;content:" ";display:block;width:2px;height:300%;top:50%;z-index:1;transform:translateY(-50%);border-radius:3px;background:#fff}.xgplayer .inner-focus-point:before{left:0}.xgplayer .inner-focus-point:after{right:0}.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played{display:block;height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xgplayer .xgplayer-progress-played{background:linear-gradient(-90deg,#FA1F41 0%,#E31106 100%)}.xgplayer .xgplayer-progress-cache{background:rgba(255,255,255,.5)}.xgplayer .xgplayer-progress-btn{display:block;background:rgba(255,94,94,.304093);border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062;width:20px;height:20px;border-radius:30px;left:0;top:50%;position:absolute;z-index:1;transform:translate(-50%,-50%);box-sizing:border-box;pointer-events:none}.xgplayer .xgplayer-progress-btn:before{content:" ";display:block;position:relative;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:30px;background:#FFFFFF}.xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(255,94,94,.064057)}.xgplayer .xgplayer-progress-btn.active:before{box-shadow:0 0 3px #f85959b0}.xgplayer .xgplayer-progress-dot{display:inline-block;position:absolute;height:100%;width:5px;top:0px;background:white;border-radius:6px;z-index:16}.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip{position:absolute;left:25%;top:-40px;height:auto;line-height:30px;width:auto;transform:scale(.8) translate(-50%);background:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(0,0,0,.8);cursor:default;white-space:nowrap;display:none}.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip{display:block}.xgplayer .flex-controls .xgplayer-progress{transform:translateY(0)}.xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(0)}.xgplayer.xgplayer-pc .xgplayer-progress-outer{height:3px}.xgplayer.xgplayer-pc .xgplayer-progress-inner{margin-right:4px}.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer.xgplayer-pc .inner-focus-point:before,.xgplayer.xgplayer-pc .inner-focus-point:after{width:3px}.xgplayer.xgplayer-pc .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s ease,margin-bottom .3s ease}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after{width:6px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer{top:9px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before{height:6px;width:6px}.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer{height:4px}@media (prefers-color-scheme: dark){.xgplayer .xgplayer-progress .xgplayer-progress-inner{background-color:#ffffff4d}.xgplayer .xgplayer-progress .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer .xgplayer-progress .xgplayer-progress-btn{background:rgba(255,94,94,.304093);border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062}.xgplayer .xgplayer-progress .xgplayer-progress-btn:before{background-color:#fff}.xgplayer .xgplayer-progress .xgplayer-progress-played{background-color:linear-gradient(-90deg,#FA1F41 0%,#E31106 100%)}.xgplayer .xgplayer-progress .xgplayer-progress-cache{background-color:#ffffff80}}.xg-mini-progress{display:none;position:absolute;height:2px;left:0;right:0;bottom:0px;pointer-events:none}.xg-mini-progress xg-mini-progress-played,.xg-mini-progress xg-mini-progress-cache{height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xg-mini-progress xg-mini-progress-played{background:linear-gradient(-90deg,#FA1F41 0%,#E31106 100%)}.xg-mini-progress xg-mini-progress-cache{background:rgba(255,255,255,.5)}.xg-mini-progress-show,.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}.xgplayer .xgplayer-time{pointer-events:none;min-width:40px;font-size:14px;font-family:PingFangSC-Semibold;color:#fff;text-align:center;display:inline-block;line-height:40px}.xgplayer .xgplayer-time span{display:inline-block;line-height:40px;height:40px}.xgplayer .xgplayer-time span .time-min-width{text-align:center;min-width:2ch}.xgplayer .xgplayer-time span .time-min-width:first-child{text-align:right}.xgplayer .xgplayer-time span .time-min-width:last-child{text-align:left}.xgplayer .xgplayer-time .time-duration{color:#ffffff80}.xgplayer .xgplayer-time .time-live-tag{display:none}.xgplayer .xgplayer-time.xg-time-left{margin-left:0}.xgplayer .xgplayer-time.xg-time-right{margin-right:0}.xgplayer.xgplayer-mobile .xgplayer-time{min-width:30px;font-size:12px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left{margin-right:8px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right{margin-left:8px}.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}.xgplayer .xgplayer-slider{display:none;position:absolute;width:28px;height:92px;background:rgba(0,0,0,.54);border-radius:1px;bottom:40px;outline:none}.xgplayer .xgplayer-slider:after{content:" ";display:block;height:15px;width:28px;position:absolute;bottom:-15px;left:0;z-index:20;cursor:initial}.xgplayer .xgplayer-value-label{position:absolute;left:0;right:0;bottom:100%;padding:5px 0 0;font-size:12px;background-color:#0000008a;color:#fff;text-align:center}.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;background:rgba(255,255,255,.3);border-radius:100px;width:4px;height:76px;outline:none;cursor:pointer}.xgplayer .xgplayer-drag{bottom:0;left:0;background:#FA1F41;max-height:76px}.xgplayer .xgplayer-drag:after{content:" ";display:inline-block;width:8px;height:8px;background:#fff;box-shadow:0 0 5px #00000042;position:absolute;border-radius:50%;left:-2px;top:-4px}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small{display:none}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider,.xgplayer-replay{display:none}.xgplayer .xgplayer-replay{display:none;position:absolute;left:50%;top:50%;width:100px;height:100px;justify-content:center;align-items:center;flex-direction:column;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;font-size:14px;color:#fff;line-height:34px;text-align:center}.xgplayer.xgplayer-mobile .xgplayer-replay-svg{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-replay-txt{line-height:24px;font-size:12px}.xgplayer .xgplayer-poster{display:block;opacity:1;visibility:visible;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-size:100% auto;background-repeat:no-repeat;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster{opacity:0;visibility:hidden}.xgplayer.xgplayer-playing .xg-not-hidden,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.not-allow-autoplay .xgplayer-poster{opacity:1;visibility:visible}.xgplayer.xgplayer-nostart .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.not-allow-autoplay .xgplayer-poster.hide{opacity:0;visibility:hidden}@keyframes playPause{0%{transform:scale(1);opacity:1}99%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:0}}.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:rgba(0,0,0,.38)}.xgplayer .xgplayer-start{width:70px;height:70px;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-start svg{width:100%;height:100%}.xgplayer .xgplayer-start.hide,.xgplayer .xgplayer-start.focus-hide{display:none;pointer-events:none}.xgplayer .xgplayer-start:hover{opacity:.85}.xgplayer .xgplayer-start .xg-icon-play{display:block}.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause,.xgplayer .xgplayer-start.interact{display:block}.xgplayer .xgplayer-start.interact xg-start-inner{animation:playPause .4s .1s ease-out forwards}.xgplayer .xgplayer-start.show{display:block}.xgplayer.xgplayer-mobile xg-start-inner{background:initial;border-radius:0}.xgplayer.xgplayer-mobile .xgplayer-start{height:50px;width:50px}.xgplayer.xgplayer-mobile .xgplayer-start:hover{opacity:1}.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start.show{display:none}.xgplayer-enter{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:5;pointer-events:none}.xgplayer-enter .show{display:block}.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;left:50%;top:50%;height:100px;width:100px;transform:translate(-50%,-50%)}.xgplayer-enter .xgplayer-enter-spinner div{width:6%;height:13%;background-color:#ffffffb3;position:absolute;left:45%;top:45%;opacity:0;border-radius:30px;animation:fade 1s linear infinite}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{transform:rotate(0) translateY(-140%);animation-delay:-0s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-.833s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{transform:rotate(330deg) translateY(-142%);animation-delay:-.0833s}@keyframes fade{0%{opacity:1}to{opacity:.25}}.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;opacity:1;transition:opacity .3s}.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner{width:70px;height:70px}.xg-mini-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background:linear-gradient(180deg,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%)}.xg-mini-layer .mask{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0006}.xg-mini-layer xg-mini-header{display:flex;top:0;left:0;right:40px;box-sizing:border-box;padding:10px 3px 0 8px;justify-content:space-between;color:#fff;font-size:14px;position:absolute;z-index:22}.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}.xg-mini-layer xg-mini-header #disabledMini+label{cursor:pointer;position:relative;display:flex;align-items:center}.xg-mini-layer xg-mini-header #disabledMini+label:before{content:"";color:#ff142b;background-color:transparent;border-radius:2px;border:solid 1px #cdcdcd;width:16px;height:16px;display:inline-block;text-align:center;vertical-align:middle;line-height:16px;margin-right:7px}.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:after{content:"";position:absolute;width:4px;height:8px;border-color:#ff142b;border-style:solid;border-width:0px 2px 2px 0px;transform:rotate(45deg);left:6px;top:5px}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{position:absolute;padding:4px 6px;white-space:nowrap;bottom:-30px;right:15px;border-radius:4px;background-color:#0000008a;display:none}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}.xg-mini-layer .mini-cancel-btn{cursor:pointer;display:block;color:#fff;width:40px;height:38px;position:absolute;right:0;top:0;text-align:center;line-height:38px}.xg-mini-layer .play-icon{cursor:pointer;height:48px;width:48px;position:absolute;background:rgba(0,0,0,.54);border-radius:24px;top:50%;left:50%;margin:-24px 0 0 -24px}.xg-mini-layer .play-icon svg,.xg-mini-layer .play-icon img{width:50px;height:50px;fill:#faf7f7}.xg-mini-layer .xg-icon-play{display:none}.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}.xgplayer-miniicon{position:relative;outline:none;display:block}.xgplayer-miniicon .name{text-align:center;font-size:13px;line-height:20px;height:20px;color:#fffc;line-height:40px}.xgplayer-miniicon .name span{font-size:13px;width:60px;height:20px;line-height:20px;background:rgba(0,0,0,.38);border-radius:10px;display:inline-block;vertical-align:middle}.xgplayer-mini{position:fixed;width:320px;height:180px;z-index:91;box-shadow:0 4px 7px 2px #0003}.xgplayer-mini:hover{cursor:move}.xgplayer-mini:hover .xg-mini-layer{display:block}.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}.xgplayer-mobile .xg-mini-layer .play-icon{background:none;border-radius:initial}.xgplayer.xgplayer-inactive{cursor:none}.xgplayer xg-thumbnail{display:block}.xgplayer xg-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;height:100%;width:100%}.xgplayer xg-trigger .time-preview{display:none;position:absolute;width:200px;margin:0 auto;padding:0 20px 30px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 1px rgba(0,0,0,.54);font-size:18px;text-align:center;pointer-events:none}.xgplayer xg-trigger .time-preview span{line-height:24px}.xgplayer xg-trigger .time-preview .xg-cur{color:red}.xgplayer xg-trigger .time-preview .xg-separator{font-size:14px}.xgplayer xg-trigger .time-preview .xg-seek-show{transform:translate(-10px)}.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{transform:rotate(180deg) translate(-5px)}.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}.xgplayer xg-trigger .time-preview .xg-bar{width:96px;height:2px;margin:8px auto 0;border-radius:10px;box-sizing:content-box;background:rgba(255,255,255,.3)}.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;transform:translate(-50%)}.xgplayer xg-trigger .xg-top-note{position:absolute;height:32px;width:135px;top:26px;left:50%;margin-left:-78px;background:rgba(0,0,0,.3);border-radius:100px;color:#fff}.xgplayer xg-trigger .xg-top-note span{display:block;line-height:32px;height:32px;font-size:13px;text-align:center}.xgplayer xg-trigger .xg-top-note i{color:red;margin:0 5px}.xgplayer xg-trigger .xg-playbackrate{display:none}.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate{display:block}.xgplayer .gradient{display:none;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.top{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls{background-image:initial}.xgplayer-mobile.xgplayer-playing .gradient{display:block}.xgplayer-mobile.xgplayer-inactive .gradient{background-image:initial}.xgplayer-mobile .xgmask{position:absolute;height:100%;z-index:10;top:0;left:0;width:100%;pointer-events:none;background-color:#0000}@media (prefers-color-scheme: dark){.xgplayer-mobile xg-trigger .time-preview{color:#fff}.xgplayer-mobile xg-trigger .time-preview span.xg-cur{color:red}.xgplayer-mobile xg-trigger .time-preview .xg-bar{background-color:#ffffff4d}.xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar{background-color:red}}@keyframes loadingRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes loadingDashOffset{0%{stroke-dashoffset:236}to{stroke-dashoffset:0}}xg-loading-inner{display:block;height:100%;width:100%;transform-origin:center;animation:loadingRotate 1s .1s linear infinite}.xgplayer-loading{display:none;width:70px;height:70px;overflow:hidden;position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.xgplayer-loading svg,.xgplayer-loading img{width:100%;height:100%}.xgplayer-mobile .xgplayer-loading{width:50px;height:50px}.xgplayer-isloading .xgplayer-loading{display:block}.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-error .xgplayer-loading,.xgplayer .xgplayer-pip .xg-exit-pip{display:none}.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip{display:none}.xgplayer .xgplayer-playnext{position:relative;display:none;cursor:pointer}.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}.xgplayer .xgplayer-playnext:hover{opacity:.85}.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}.xgplayer .xgplayer-download{position:relative;display:block;cursor:pointer}.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}.xgplayer .xgplayer-shot{display:none}.xgplayer-definition{display:none;cursor:pointer}.xgplayer .xgplayer-playbackrate{display:none;cursor:default}.xgplayer-error{background:#000;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;color:#fff;text-align:center;line-height:100%;justify-content:center;align-items:center}.xgplayer-error .xgplayer-error-refresh{color:#fa1f41;padding:0 3px;cursor:pointer}.xgplayer-error .xgplayer-error-text{line-height:18px;margin:auto 6px 20px;display:block}.xgplayer-is-error .xgplayer-error{display:flex}.xgplayer .xgplayer-prompt{display:block;pointer-events:none;position:absolute;z-index:1;padding:6px 12px 5px;opacity:0;left:10px;background:rgba(0,0,0,.5);border-radius:50px;font-size:12px;line-height:17px;text-align:center;color:#fff}.xgplayer .xgplayer-prompt.show{display:block;opacity:1;z-index:10;pointer-events:initial}.xgplayer .xgplayer-prompt.arrow{transform:translate(-50%)}.xgplayer .xgplayer-prompt.arrow:after{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(0,0,0,.5);transform:translate(-50%,100%)}.xgplayer .xgplayer-prompt .highlight{display:inline-block;margin-left:6px;color:red;cursor:pointer}.xgplayer.xgplayer-is-error .xgplayer-prompt.show{display:none;opacity:1}.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:12px}.xgplayer .xgplayer-spot.mini{min-width:6px;transform:translate(-50%)}.xgplayer .xgplayer-spot.active .xgplayer-spot-pop{display:block;opacity:1;pointer-events:initial}.xgplayer .xgplayer-spot-pop{display:block;opacity:0;pointer-events:none;position:absolute;left:50%;bottom:5px;padding-bottom:5px;transform:translate(-50%)}.xgplayer-mobile .xgplayer-spot{height:3px;min-width:3px;top:50%;opacity:1;transform:translateY(-50%)}.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;transform:translate(-50%,-50%)}.xgplayer .xgplayer-progress.active .xgplayer-spot{opacity:1;transition:opacity .3s;visibility:visible}.xgplayer .xg-spot-info{position:absolute;left:0;bottom:100%;display:none}.xgplayer .xg-spot-info.short-line .xg-spot-line{height:6px}.xgplayer .xg-spot-info.short-line .xg-spot-content{bottom:-4px}.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail{display:none}.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point{display:block}.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point,.xgplayer .xg-spot-info.hide{display:none}.xgplayer .xgplayer-progress.active .xg-spot-info{display:block}.xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}.xgplayer .xg-spot-line{position:relative;bottom:-7px;margin-left:50%;display:block;width:1px;height:41px;background-color:#fff;pointer-events:none}.xgplayer .xgplayer-progress-point{display:none;position:relative;bottom:-4px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.54);font-size:11px;color:#fff;padding:4px 6px;border-radius:4px;text-align:center;opacity:.85;white-space:nowrap}.xgplayer .xg-spot-content{position:relative;bottom:-7px;color:#fff;border-radius:2px 2px 0 0}.xgplayer .xg-spot-ext-text{position:relative;bottom:-7px}.xgplayer .xg-spot-thumbnail{position:relative;background-color:#111010;pointer-events:none;border-radius:2px 2px 0 0}.xgplayer .xg-spot-time{position:absolute;bottom:2px;font-size:12px;line-height:16.8px;left:50%;transform:translate(-50%);pointer-events:none}.xgplayer .progress-thumbnail{margin:0 auto;display:block}.xgplayer .xg-spot-text{display:none;padding:5px 8px;background:rgba(0,0,0,.8);border-radius:0 0 2px 2px;pointer-events:none;box-sizing:border-box}.xgplayer .spot-inner-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;font-size:12px;max-height:40px}.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}.xgplayer .product .xg-spot-text{background:#3370FF}.xgplayer .product .xg-spot-line{border-left:10px solid transparent;border-right:10px solid transparent;border-top:7px solid #3370FF;width:0;height:15px;left:-10px;background:none}.xgplayer .xgvideo-preview{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;transition:visibility .3s,opacity .3s;background-color:#000}.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0}.xgplayer .xgvideo-preview.show{opacity:1;visibility:visible}.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgmask,.xgplayer-dynamic-bg xgfilter{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.xgplayer-dynamic-bg canvas{transform:translateZ(0)}.xgplayer-dynamic-bg xgmask{background:rgba(0,0,0,.7)}
._root_aymcm_1 {
  position: relative;
  flex: 1;
  width: 100%;
  min-height: calc(500px * var(--responsive-size-scale));
  overflow: hidden;
}
._playerViewport_aymcm_8 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  border-radius: calc(12px * var(--responsive-size-scale));
}
._playerViewport_aymcm_8.xgplayer {
  width: 100% !important;
  max-width: 100%;
}
._playerViewport_aymcm_8 .xgplayer video {
  object-fit: contain;
}
._playerViewport_aymcm_8 .xgplayer-start {
  display: none !important;
  pointer-events: none;
}
._emptyState_aymcm_27 {
  position: absolute;
  inset: 0;
  height: 100%;
}
._emptyState_aymcm_27 p {
  color: #c8cbc9;
  font-size: calc(14px * var(--responsive-size-scale));
}
._metrics_1d1z6_1 {
  margin-bottom: calc(10px * var(--responsive-size-scale));
}
._panel_1d1z6_4 {
  height: calc(100vh - calc(45px * var(--responsive-size-scale)));
  margin-top: calc(10px * var(--responsive-size-scale));
}
@media (min-width: 1660px) {
  ._panel_1d1z6_4 {
    flex: 1;
    height: auto;
  }
}
._player_z5390_1 {
  width: 100%;
  height: 100%;
  min-height: calc(500px * var(--responsive-size-scale));
}
._player_z5390_1.xgplayer {
  padding-top: 0 !important;
  max-width: 100%;
  background-color: transparent !important;
}
._player_z5390_1.xgplayer video {
  object-fit: cover;
}
._player_z5390_1.xgplayer .xgplayer-start {
  display: none !important;
}
._actions_186uj_1 {
  display: inline-flex;
  align-items: center;
  gap: calc(14px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
}
._actions_186uj_1 button {
  display: inline-flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  color: #034fe7;
  font-size: inherit;
  white-space: nowrap;
}
._hiddenInput_1308k_1 {
  display: none;
}
@property --gradient-textarea-border-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
._frame_13qol_6 {
  position: relative;
  isolation: isolate;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: calc(3px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  background: transparent;
  box-shadow: 0 calc(5px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale)) rgba(23, 133, 119, 0.1);
}
._frame_13qol_6::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: conic-gradient(from var(--gradient-textarea-border-angle), #0450e6 0deg, #ed3853 120deg, #ef3ffb 220deg, #0450e6 360deg);
  animation: _gradientTextareaBorderSpin_13qol_1 3.2s linear infinite;
  content: '';
  pointer-events: none;
}
@keyframes _gradientTextareaBorderSpin_13qol_1 {
  from {
    --gradient-textarea-border-angle: 0deg;
  }
  to {
    --gradient-textarea-border-angle: 360deg;
  }
}
._textarea_13qol_38 {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: calc(10px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f4f4f4;
  color: inherit;
  font: inherit;
  line-height: 1.5;
  resize: vertical;
  font-size: calc(14px * var(--responsive-size-scale));
  outline: none;
}
._textarea_13qol_38::placeholder {
  color: #999999;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  ._frame_13qol_6::before {
    animation: none;
  }
}
._steps_12iq5_1 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: calc(14px * var(--responsive-size-scale));
}
._stepConnector_12iq5_8 {
  width: calc(96px * var(--responsive-size-scale));
  flex: 0 1 calc(96px * var(--responsive-size-scale));
  border-top: calc(1px * var(--responsive-size-scale)) dashed #dcdcdc;
}
._stepButton_12iq5_13 {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  padding: 0;
  color: #1a1a1b;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
}
._stepButton_12iq5_13:disabled {
  cursor: default;
}
._stepButton_12iq5_13:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #1f5fe8;
  outline-offset: calc(3px * var(--responsive-size-scale));
}
._stepDotBox_12iq5_31 {
  width: calc(20px * var(--responsive-size-scale));
  height: calc(20px * var(--responsive-size-scale));
  display: flex;
  justify-content: center;
  align-items: center;
}
._stepDot_12iq5_31 {
  display: block;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  flex: 0 0 calc(16px * var(--responsive-size-scale));
  border: calc(3px * var(--responsive-size-scale)) solid transparent;
  border-radius: 50%;
  background: #000;
  background-clip: content-box;
}
._stepActive_12iq5_48 ._stepDot_12iq5_31 {
  border: calc(4px * var(--responsive-size-scale)) solid #b9d0ff;
  background: #1f5fe8;
  background-clip: content-box;
}
._stepSuccessIcon_12iq5_53 {
  display: block;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(20px * var(--responsive-size-scale));
  flex: 0 0 calc(20px * var(--responsive-size-scale));
  border-radius: 50%;
  color: #034fe7;
}
@media (max-width: 900px) {
  ._steps_12iq5_1 {
    gap: calc(12px * var(--responsive-size-scale));
  }
  ._stepConnector_12iq5_8 {
    width: calc(64px * var(--responsive-size-scale));
    flex-basis: calc(64px * var(--responsive-size-scale));
  }
}
@media (max-width: 640px) {
  ._steps_12iq5_1 {
    gap: clamp(calc(6px * var(--responsive-size-scale)), 2vw, calc(12px * var(--responsive-size-scale)));
  }
  ._stepButton_12iq5_13 {
    gap: calc(5px * var(--responsive-size-scale));
    font-size: calc(12px * var(--responsive-size-scale));
  }
  ._stepConnector_12iq5_8 {
    width: calc(32px * var(--responsive-size-scale));
    flex-basis: calc(32px * var(--responsive-size-scale));
  }
}
._root_3n7d8_1 {
  --spin-color: #ffffff;
  --spin-size: 3.25em;
  display: inline-flex;
  width: var(--spin-size);
  height: var(--spin-size);
  align-items: center;
  justify-content: center;
}
._svg_3n7d8_10 {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: center;
  animation: _rotate_3n7d8_1 2s linear infinite;
}
._circle_3n7d8_17 {
  fill: none;
  stroke: var(--spin-color);
  stroke-width: 2;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: _dash_3n7d8_1 1.5s ease-in-out infinite;
}
@keyframes _rotate_3n7d8_1 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _dash_3n7d8_1 {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: calc(-35px * var(--responsive-size-scale));
  }
  100% {
    stroke-dashoffset: calc(-125px * var(--responsive-size-scale));
  }
}
@media (prefers-reduced-motion: reduce) {
  ._svg_3n7d8_10,
  ._circle_3n7d8_17 {
    animation: none;
  }
}
._player_6vhw6_1 {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
._video_6vhw6_9 {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  opacity: 1;
}
._hasPoster_6vhw6_16 ._video_6vhw6_9 {
  opacity: 0;
}
._hasPoster_6vhw6_16:hover ._video_6vhw6_9 {
  opacity: 1;
}
._video_6vhw6_9.xgplayer {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  padding-top: 0 !important;
  background-color: transparent !important;
}
._video_6vhw6_9.xgplayer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._video_6vhw6_9.xgplayer .xgplayer-controls {
  display: none !important;
}
._video_6vhw6_9:hover.xgplayer .xgplayer-controls {
  display: block !important;
}
._poster_6vhw6_40 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
._hasPoster_6vhw6_16:hover ._poster_6vhw6_40 {
  opacity: 0;
}
._grid_xl1zh_1 {
  --column-count: 4;
  display: grid;
  grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
  align-content: start;
  gap: calc(18px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
}
._item_xl1zh_8 {
  min-width: 0;
  overflow: hidden;
  border-radius: calc(10px * var(--responsive-size-scale));
}
._mediaButton_xl1zh_13 {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
}
._selectableMedia_xl1zh_21 {
  position: relative;
}
._media_xl1zh_13 {
  position: relative;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: calc(10px * var(--responsive-size-scale));
}
._uploadingOverlay_xl1zh_30 {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  background: rgba(26, 26, 26, 0.45);
  backdrop-filter: blur(calc(4px * var(--responsive-size-scale)));
  border-radius: calc(10px * var(--responsive-size-scale));
}
._uploadFailedOverlay_xl1zh_40 {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(10px * var(--responsive-size-scale));
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(calc(4px * var(--responsive-size-scale)));
  -webkit-backdrop-filter: blur(calc(4px * var(--responsive-size-scale)));
}
._uploadFailedContent_xl1zh_52 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._uploadFailedTitle_xl1zh_57,
._uploadFailedMessage_xl1zh_58 {
  margin: 0;
  color: #fff;
  font-weight: 400;
  text-align: center;
}
._uploadFailedTitle_xl1zh_57 {
  font-size: calc(16px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
}
._uploadFailedMessage_xl1zh_58 {
  margin-top: calc(7px * var(--responsive-size-scale));
  color: rgba(255, 255, 255, 0.5);
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._retryUploadButton_xl1zh_74 {
  width: calc(96px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  margin-top: calc(10px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid rgba(255, 255, 255, 0.2);
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #000;
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  cursor: pointer;
}
._retryUploadButton_xl1zh_74:hover {
  background: #1f1f1f;
}
._retryUploadButton_xl1zh_74:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #fff;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._sourceBadge_xl1zh_93,
._duration_xl1zh_94 {
  position: absolute;
  bottom: calc(8px * var(--responsive-size-scale));
  z-index: 3;
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(16px * var(--responsive-size-scale));
  text-shadow: 0 calc(1px * var(--responsive-size-scale)) calc(2px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.35);
}
._sourceBadge_xl1zh_93 {
  left: calc(8px * var(--responsive-size-scale));
}
._duration_xl1zh_94 {
  right: calc(8px * var(--responsive-size-scale));
}
._media_xl1zh_13:hover ._sourceBadge_xl1zh_93,
._media_xl1zh_13:hover ._duration_xl1zh_94 {
  display: none;
}
._selectionControl_xl1zh_113 {
  position: absolute;
  top: calc(8px * var(--responsive-size-scale));
  right: calc(8px * var(--responsive-size-scale));
  z-index: 4;
  display: grid;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(20px * var(--responsive-size-scale));
  place-items: center;
  cursor: pointer;
}
._selectionControl_xl1zh_113 input {
  position: absolute;
  width: calc(1px * var(--responsive-size-scale));
  height: calc(1px * var(--responsive-size-scale));
  opacity: 0;
}
._selectionMark_xl1zh_130 {
  display: block;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(4px * var(--responsive-size-scale));
  background: rgba(0, 0, 0, 0.28);
  box-shadow: 0 calc(1px * var(--responsive-size-scale)) calc(3px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(calc(2.6px * var(--responsive-size-scale)));
  -webkit-backdrop-filter: blur(calc(2.6px * var(--responsive-size-scale)));
}
._selectionControl_xl1zh_113 input:checked + ._selectionMark_xl1zh_130 {
  border-color: #fff;
  background: #000;
}
._selectionControl_xl1zh_113 input:checked + ._selectionMark_xl1zh_130::after {
  display: block;
  width: calc(7px * var(--responsive-size-scale));
  height: calc(4px * var(--responsive-size-scale));
  margin: calc(4px * var(--responsive-size-scale)) 0 0 calc(3px * var(--responsive-size-scale));
  transform: rotate(-45deg);
  border-bottom: calc(1.5px * var(--responsive-size-scale)) solid #fff;
  border-left: calc(1.5px * var(--responsive-size-scale)) solid #fff;
  content: '';
}
._selectionControl_xl1zh_113 input:focus-visible + ._selectionMark_xl1zh_130 {
  outline: calc(2px * var(--responsive-size-scale)) solid #111;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._selectionControl_xl1zh_113 input:disabled + ._selectionMark_xl1zh_130 {
  cursor: not-allowed;
  opacity: 0.45;
}
._info_xl1zh_163 {
  padding: calc(7px * var(--responsive-size-scale)) calc(1px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale));
}
._info_xl1zh_163 ._title_xl1zh_166 {
  display: block;
  width: 100%;
  margin: 0;
  color: #1b1b1b;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(22px * var(--responsive-size-scale));
}
._info_xl1zh_163 p {
  margin: calc(4px * var(--responsive-size-scale)) 0 0;
  overflow: hidden;
  color: #999;
  font-size: calc(13px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._videoInfoCell_kz2xv_1 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(7px * var(--responsive-size-scale));
}
._thumbnailButton_kz2xv_7 {
  display: block;
  width: calc(50px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  overflow: hidden;
  border-radius: calc(5px * var(--responsive-size-scale));
  background: #e8e8e8;
  cursor: pointer;
}
._thumbnailButton_kz2xv_7:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._thumbnailButton_kz2xv_7 video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._info_kz2xv_27 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
  overflow: hidden;
}
._title_kz2xv_34 {
  display: block;
  overflow: hidden;
  color: #161616;
  font-size: inherit;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._info_kz2xv_27 small {
  color: #999;
  line-height: 1;
}
._drawer_184nm_1 {
  width: min(calc(860px * var(--responsive-size-scale)), 100vw);
  background: #f1f1f1;
}
._surface_184nm_5 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  margin: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(14px * var(--responsive-size-scale));
  background: #fff;
}
._stepIndicator_184nm_15 {
  margin: calc(20px * var(--responsive-size-scale)) 0;
}
._stepContent_184nm_18 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  padding: 0 calc(16px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
}
._selectionStep_184nm_26,
._formStep_184nm_27,
._reviewStep_184nm_28 {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}
._sectionToolbar_184nm_34 {
  display: flex;
  min-height: calc(40px * var(--responsive-size-scale));
  flex: 0 0 calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: space-between;
  gap: calc(12px * var(--responsive-size-scale));
  margin-bottom: calc(12px * var(--responsive-size-scale));
}
._sectionToolbar_184nm_34 h3 {
  min-width: 0;
  margin: 0;
  color: #161616;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._sectionToolbar_184nm_34 h3 span {
  color: #777;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
}
._selectAllButton_184nm_56 {
  display: inline-flex;
  min-height: calc(30px * var(--responsive-size-scale));
  line-height: calc(30px * var(--responsive-size-scale));
  flex: 0 0 auto;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  padding: 0 calc(2px * var(--responsive-size-scale));
  color: #222;
  font-size: calc(12px * var(--responsive-size-scale));
}
._selectAllButton_184nm_56:disabled {
  color: #999;
  cursor: not-allowed;
}
._selectAllMark_184nm_71,
._checkbox_184nm_72 {
  display: grid;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  flex: 0 0 calc(16px * var(--responsive-size-scale));
  place-items: center;
  border: calc(1px * var(--responsive-size-scale)) solid #d2d2d2;
  border-radius: calc(4px * var(--responsive-size-scale));
  background: #fff;
}
._selectAllMark_184nm_71 span,
._checkbox_184nm_72 span {
  width: calc(7px * var(--responsive-size-scale));
  height: calc(4px * var(--responsive-size-scale));
  margin-top: calc(-2px * var(--responsive-size-scale));
  transform: rotate(-45deg);
  border-bottom: calc(1.5px * var(--responsive-size-scale)) solid #fff;
  border-left: calc(1.5px * var(--responsive-size-scale)) solid #fff;
}
._selectAllButton_184nm_56[aria-pressed='true'] ._selectAllMark_184nm_71,
._accountCardSelected_184nm_92 ._checkbox_184nm_72 {
  border-color: #111;
  background: #111;
}
._accountGrid_184nm_96 {
  display: grid;
  min-height: 0;
  flex: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: calc(12px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  overflow: auto;
  padding: calc(1px * var(--responsive-size-scale));
}
._accountCard_184nm_92 {
  display: flex;
  min-width: 0;
  min-height: calc(64px * var(--responsive-size-scale));
  flex-direction: column;
  gap: calc(3px * var(--responsive-size-scale));
  padding: calc(14px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid transparent;
  border-radius: calc(14px * var(--responsive-size-scale));
  background: transparent;
}
._accountCardSelected_184nm_92 {
  border-color: transparent;
  background: #f6f6f6;
}
._accountSelection_184nm_121 {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: calc(12px * var(--responsive-size-scale));
  text-align: left;
}
._accountSelection_184nm_121:disabled {
  cursor: not-allowed;
}
._accountSelection_184nm_121:disabled ._checkbox_184nm_72 {
  opacity: 0.45;
}
._accountAvatar_184nm_135 {
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  flex: 0 0 calc(40px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._accountDetails_184nm_142 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(3px * var(--responsive-size-scale));
}
._accountDetails_184nm_142 strong,
._accountDetails_184nm_142 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._accountDetails_184nm_142 strong {
  color: #1a1a1a;
  font-size: calc(13px * var(--responsive-size-scale));
  font-weight: 500;
}
._accountDetails_184nm_142 small {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._accountAuthorization_184nm_164 {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: calc(2px * var(--responsive-size-scale));
  max-width: calc(100% - calc(52px * var(--responsive-size-scale)));
  margin-left: calc(52px * var(--responsive-size-scale));
  overflow: hidden;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(16px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._accountAuthorizationGranted_184nm_177 {
  color: #2c9f6e;
}
._accountAuthorizationPending_184nm_180 {
  color: #ff3f42;
}
._checkbox_184nm_72 {
  margin-left: auto;
}
._emptyAccounts_184nm_186 {
  display: grid;
  flex: 1;
  place-items: center;
  margin: 0;
  color: #888;
  font-size: calc(13px * var(--responsive-size-scale));
}
._materialActions_184nm_194 {
  display: flex;
  align-items: center;
  gap: calc(14px * var(--responsive-size-scale));
}
._materialViewport_184nm_199 {
  min-height: 0;
  flex: 1;
  overflow: auto;
  padding: calc(1px * var(--responsive-size-scale)) calc(2px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale)) calc(1px * var(--responsive-size-scale));
}
._materialLoading_184nm_205 {
  display: flex;
  min-height: calc(320px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
}
._materialEmpty_184nm_211 {
  min-height: calc(320px * var(--responsive-size-scale));
}
._selectionHint_184nm_214 {
  display: flex;
  min-height: calc(28px * var(--responsive-size-scale));
  flex: 0 0 calc(28px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  margin: 0;
  color: #555;
  font-size: calc(12px * var(--responsive-size-scale));
}
._selectionHint_184nm_214 > span {
  display: grid;
  width: calc(14px * var(--responsive-size-scale));
  height: calc(14px * var(--responsive-size-scale));
  flex: 0 0 calc(14px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: calc(10px * var(--responsive-size-scale));
  font-weight: 600;
}
._formStep_184nm_27 {
  gap: calc(22px * var(--responsive-size-scale));
  overflow: auto;
}
._formHeading_184nm_240 {
  margin: 0;
  color: #161616;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._optionGroup_184nm_247 {
  min-width: 0;
  padding: 0;
  border: 0;
  margin: 0;
}
._optionGroup_184nm_247 legend,
._groupLabel_184nm_254,
._captionField_184nm_255 > label {
  display: block;
  margin: 0 0 calc(12px * var(--responsive-size-scale));
  color: #161616;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._releaseOptions_184nm_263,
._titleOptions_184nm_264 {
  display: grid;
  gap: calc(14px * var(--responsive-size-scale));
}
._releaseOptions_184nm_263 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
._titleOptions_184nm_264 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
._optionButton_184nm_274 {
  display: flex;
  min-width: 0;
  height: calc(60px * var(--responsive-size-scale));
  align-items: center;
  justify-content: space-between;
  gap: calc(12px * var(--responsive-size-scale));
  padding: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #f7f7f7;
  color: #666;
  font-size: calc(13px * var(--responsive-size-scale));
  text-align: left;
}
._optionButtonActive_184nm_288 {
  background: #111;
  color: #fff;
}
._optionCheck_184nm_292 {
  width: calc(8px * var(--responsive-size-scale));
  height: calc(5px * var(--responsive-size-scale));
  flex: 0 0 calc(8px * var(--responsive-size-scale));
  transform: rotate(-45deg);
  border-bottom: calc(2px * var(--responsive-size-scale)) solid #fff;
  border-left: calc(2px * var(--responsive-size-scale)) solid #fff;
}
._datePicker_184nm_300 {
  width: 100%;
  grid-column: span 2;
}
._captionField_184nm_255 {
  display: block;
}
._aiCaptionTextarea_184nm_307 {
  height: calc(93px * var(--responsive-size-scale)) !important;
}
._summaryGrid_184nm_310 {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: calc(16px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f7f7f7;
}
._summaryItem_184nm_318 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(5px * var(--responsive-size-scale));
  padding: 0 calc(14px * var(--responsive-size-scale));
  border-right: calc(1px * var(--responsive-size-scale)) solid #dedede;
}
._summaryItem_184nm_318:last-child {
  border-right: 0;
}
._summaryItem_184nm_318 span {
  overflow: hidden;
  color: #777;
  font-size: calc(14px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._summaryItem_184nm_318 strong {
  overflow: hidden;
  color: #151515;
  font-size: calc(20px * var(--responsive-size-scale));
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._reviewTitle_184nm_344 {
  margin: calc(16px * var(--responsive-size-scale)) 0 calc(12px * var(--responsive-size-scale));
  color: #161616;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
}
._previewTable_184nm_350 {
  min-height: 0;
  flex: 1;
  overflow: auto;
  font-size: calc(12px * var(--responsive-size-scale));
}
._captionPreviewButton_184nm_356 {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: calc(37px * var(--responsive-size-scale));
  padding: calc(8px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid transparent;
  background: transparent;
  color: #222;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  overflow-wrap: anywhere;
  text-align: left;
  border-radius: calc(8px * var(--responsive-size-scale));
}
._captionPreviewButton_184nm_356:hover {
  border-color: #034fe7;
  background-color: #f7f7f7;
}
._captionInput_184nm_375 {
  min-width: 0;
  font-size: calc(12px * var(--responsive-size-scale));
}
._hashtag_184nm_379 {
  color: #1769ef;
}
._taskPanel_1wv6b_1 {
  display: flex;
  min-height: 0;
  flex-direction: column;
  gap: calc(20px * var(--responsive-size-scale));
  overflow: hidden;
  padding: calc(20px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._taskSummary_1wv6b_12 {
  display: grid;
  grid-template-columns: calc(134px * var(--responsive-size-scale)) minmax(0, 1fr);
  gap: calc(12px * var(--responsive-size-scale));
}
._createTaskButton_1wv6b_17 {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(6px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #000;
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  cursor: pointer;
  transition: background-color 160ms ease;
}
._createTaskButton_1wv6b_17:hover {
  background: #262626;
}
._taskMetrics_1wv6b_34 {
  min-width: 0;
}
._taskMetricsList_1wv6b_37 {
  background-color: #f7f7f7;
}
._tableViewport_1wv6b_40 {
  position: relative;
  min-height: 0;
  flex: 1;
}
._taskCell_1wv6b_45 {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  overflow: hidden;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
  text-align: left;
}
._taskName_1wv6b_54 {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #161616;
  font-weight: 400;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
}
._taskCell_1wv6b_45 small {
  display: block;
  width: 100%;
  color: #999;
  line-height: 1;
  text-align: left;
}
._tableHeading_1wv6b_71 {
  display: inline-flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  white-space: nowrap;
}
._publishingStatus_1wv6b_77 {
  --status-color: #000;
}
._cancelledStatus_1wv6b_80 {
  --status-color: #999;
}
._monitorWrap_1aaq9_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._monitor_1aaq9_1 {
  position: relative;
  width: 100%;
  aspect-ratio: 646 / 406;
  overflow: hidden;
  flex: 0 0 auto;
  --monitor-inset-x: 3%;
  --monitor-inset-y: 3%;
}
._monitorMask_1aaq9_16 {
  position: absolute;
  top: var(--monitor-inset-y);
  right: var(--monitor-inset-x);
  bottom: var(--monitor-inset-y);
  left: var(--monitor-inset-x);
  display: grid;
  place-items: center;
  background: rgba(13, 13, 13, 0.5);
  backdrop-filter: blur(calc(9.7px * var(--responsive-size-scale)));
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
}
._monitorStand_1aaq9_29 {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 646 / 98;
  flex: 0 0 auto;
  object-fit: fill;
}
._monitorImage_1aaq9_37 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
._monitorVideo_1aaq9_43 {
  position: absolute;
  top: 3%;
  left: 3%;
  width: 94%;
  height: 94%;
  object-fit: cover;
}
._monitorCover_1aaq9_51 {
  position: absolute;
  top: 3%;
  left: 3%;
  width: 94%;
  height: 94%;
  object-fit: cover;
}
._dialog_8tbm9_1 {
  width: min(calc(900px * var(--responsive-size-scale)), calc(100vw - calc(48px * var(--responsive-size-scale))));
  max-height: calc(100vh - calc(48px * var(--responsive-size-scale)));
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  overflow: initial;
}
._previewBox_8tbm9_10 {
  display: flex;
  align-items: flex-start;
  height: 100%;
}
._preview_8tbm9_10 {
  min-width: 0;
  flex: 1;
}
._closeButton_8tbm9_19 {
  z-index: 1;
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  margin-left: calc(20px * var(--responsive-size-scale));
  border-radius: 50%;
  background: #f1f1f1;
  color: #000;
}
._videoCard_e75kv_1 {
  min-width: 0;
  overflow: hidden;
}
._previewTrigger_e75kv_5 {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: inherit;
}
._previewTrigger_e75kv_5:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._addAccountContent_e75kv_18 {
  position: absolute;
  inset: calc(6px * var(--responsive-size-scale)) calc(11px * var(--responsive-size-scale));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(8px * var(--responsive-size-scale));
  border: 0;
  background: transparent;
  color: #1f1f1f;
  cursor: pointer;
}
._addAccountContent_e75kv_18 strong {
  font-size: calc(13px * var(--responsive-size-scale));
  font-weight: 500;
}
._actionPreview_e75kv_35 {
  position: absolute;
  inset: calc(6px * var(--responsive-size-scale)) calc(11px * var(--responsive-size-scale));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(8px * var(--responsive-size-scale));
  padding: calc(18px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale));
  color: #fff;
  text-align: center;
}
._actionPreview_e75kv_35 strong {
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
}
._actionPreview_e75kv_35 span {
  color: #969696;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: 1.5;
}
._queuePreview_e75kv_56,
._publishingPreview_e75kv_57,
._cancelledPreview_e75kv_58 {
  position: absolute;
  inset: calc(6px * var(--responsive-size-scale)) calc(11px * var(--responsive-size-scale));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
}
._videoCardFooter_e75kv_69 {
  display: flex;
  min-width: 0;
  height: calc(54px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(7px * var(--responsive-size-scale));
  padding: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._videoCardFooter_e75kv_69 img {
  width: calc(22px * var(--responsive-size-scale));
  height: calc(22px * var(--responsive-size-scale));
  flex: 0 0 calc(22px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._videoCardFooter_e75kv_69 strong {
  min-width: 0;
  overflow: hidden;
  color: #222;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._cardStatus_e75kv_95 {
  margin-left: auto;
  font-size: calc(14px * var(--responsive-size-scale));
}
._publishingStatus_e75kv_99 {
  --status-color: #000;
}
._errorStatus_e75kv_102 {
  --status-color: #ff5766;
}
._cardStatusAction_e75kv_105 {
  display: inline-flex;
  margin-left: auto;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
._cardStatusAction_e75kv_105 ._cardStatus_e75kv_95 {
  margin-left: 0;
}
._cardStatusAction_e75kv_105:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid currentColor;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._publishedAt_e75kv_121 {
  margin-left: auto;
  font-size: calc(14px * var(--responsive-size-scale));
}
._button_6bd2y_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(7px * var(--responsive-size-scale));
  height: calc(36px * var(--responsive-size-scale));
  padding: 0 calc(18px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  color: #585858;
  background: #ededed;
  font-size: calc(14px * var(--responsive-size-scale));
  white-space: nowrap;
  transition: background-color 160ms ease, color 160ms ease;
}
._button_6bd2y_1:hover:not(._active_6bd2y_15) {
  background: #dfdfdf;
}
._active_6bd2y_15 {
  color: #080808;
  background: #fff;
}
._activeBlue_6bd2y_22 {
  color: #2f6ee8;
  background: #e8f0ff;
}
@media (prefers-reduced-motion: reduce) {
  ._button_6bd2y_1 {
    transition: none;
  }
}
._modal_1q130_1 {
  width: min(calc(535px * var(--responsive-size-scale)), calc(100vw - calc(48px * var(--responsive-size-scale))));
}
._table_yvooa_1 {
  font-size: calc(14px * var(--responsive-size-scale));
}
._accountInfo_yvooa_4 {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._accountInfo_yvooa_4 img {
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  flex: 0 0 calc(40px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._accountInfo_yvooa_4 > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
}
._accountInfo_yvooa_4 strong {
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
}
._accountInfo_yvooa_4 span {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._library_i4g9u_1 {
  display: flex;
  min-height: 0;
  flex-direction: column;
}
._toolbar_i4g9u_6 {
  display: flex;
  min-height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: space-between;
  gap: calc(20px * var(--responsive-size-scale));
  margin-bottom: calc(16px * var(--responsive-size-scale));
}
._filters_i4g9u_14,
._actions_i4g9u_15 {
  display: flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
}
._filterButton_i4g9u_20 {
  height: calc(40px * var(--responsive-size-scale));
}
._upload_btn_i4g9u_23 {
  width: calc(120px * var(--responsive-size-scale));
}
._monitorViewport_i4g9u_26 {
  min-height: 0;
  flex: 1;
  overflow: auto;
  padding: calc(20px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._masonryViewport_i4g9u_35 {
  min-height: 0;
  padding: 0;
}
._loadingState_i4g9u_39 {
  display: flex;
  min-height: calc(320px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
}
._emptyState_i4g9u_45 {
  min-height: calc(320px * var(--responsive-size-scale));
}
._empty_i4g9u_45 {
  display: grid;
  min-height: calc(200px * var(--responsive-size-scale));
  place-items: center;
  color: #999;
  font-size: calc(13px * var(--responsive-size-scale));
}
._workspace_11wy4_1 {
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  padding: calc(20px * var(--responsive-size-scale)) 0 0;
  background: #f7f7f7;
  flex: 1;
}
._workspaceHeader_11wy4_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(20px * var(--responsive-size-scale));
  margin: 0 0 calc(20px * var(--responsive-size-scale));
}
._workspaceHeader_11wy4_10 h2 {
  margin: 0;
  color: #000;
  font-size: calc(22px * var(--responsive-size-scale));
  font-weight: 600;
}
._tabs_11wy4_23 {
  width: min(calc(448px * var(--responsive-size-scale)), 100%);
}
._metrics_11wy4_26 {
  margin-bottom: calc(16px * var(--responsive-size-scale));
}
._videoGridBox_11wy4_29 {
  overflow: auto;
  flex: 1;
}
._videoGrid_11wy4_29 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(22px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale));
}
._page_hyuy8_1 {
  display: flex;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  align-items: center;
  justify-content: center;
  padding: 0 calc(24px * var(--responsive-size-scale)) calc(140px * var(--responsive-size-scale));
  background: #f7f7f7;
}
._content_hyuy8_11 {
  display: flex;
  width: 100%;
  max-width: calc(240px * var(--responsive-size-scale));
  min-width: 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
._illustration_hyuy8_20 {
  display: block;
  width: calc(173px * var(--responsive-size-scale));
  height: calc(117px * var(--responsive-size-scale));
  object-fit: contain;
}
._title_hyuy8_26 {
  margin-top: calc(17px * var(--responsive-size-scale));
  color: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(22px * var(--responsive-size-scale));
}
._returnButton_hyuy8_33 {
  min-width: calc(88px * var(--responsive-size-scale));
  min-height: calc(38px * var(--responsive-size-scale));
  margin-top: calc(30px * var(--responsive-size-scale));
  padding: 0 calc(12px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #fff;
  background: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(22px * var(--responsive-size-scale));
}
._returnButton_hyuy8_33:hover {
  background: #262626;
}
._returnButton_hyuy8_33:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(4px * var(--responsive-size-scale));
}
@media (max-height: 560px) {
  ._page_hyuy8_1 {
    align-items: flex-start;
    padding-top: calc(40px * var(--responsive-size-scale));
    padding-bottom: calc(40px * var(--responsive-size-scale));
  }
}
._registerDialog_1t576_1 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #f2f2f2;
  color: #1a1a1b;
}
._steps_1t576_8 {
  margin: calc(12px * var(--responsive-size-scale)) 0 calc(20px * var(--responsive-size-scale));
}
._scrollArea_1t576_11 {
  min-height: 0;
  flex: 1;
  padding: 0 calc(20px * var(--responsive-size-scale));
  overflow-y: auto;
  overscroll-behavior: contain;
}
._hiddenFormContent_1t576_18 {
  display: none;
}
._successContent_1t576_21 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding-top: calc(86px * var(--responsive-size-scale));
}
._successIcon_1t576_28 {
  width: calc(100px * var(--responsive-size-scale));
  height: calc(100px * var(--responsive-size-scale));
  flex: 0 0 calc(100px * var(--responsive-size-scale));
  color: #000;
}
._successMessage_1t576_34 {
  margin-top: calc(30px * var(--responsive-size-scale));
  color: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: normal;
}
._successFooter_1t576_41 {
  display: flex;
  min-height: calc(84px * var(--responsive-size-scale));
  flex: 0 0 calc(84px * var(--responsive-size-scale));
  align-items: center;
  justify-content: flex-end;
  padding: calc(20px * var(--responsive-size-scale));
}
._successFooter_1t576_41 button {
  width: calc(68px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  padding: 0;
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #000;
  color: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._formPanel_1t576_59 {
  min-width: 0;
  margin-bottom: calc(20px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._industryGrid_1t576_66 {
  display: grid;
  gap: calc(16px * var(--responsive-size-scale));
}
._industryOption_1t576_70 {
  display: flex;
  min-width: 0;
  height: calc(54px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  padding: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(14px * var(--responsive-size-scale));
  background: #f6f6f6;
  color: #111;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 160ms ease;
}
._industryOption_1t576_70:hover {
  background: #ededed;
}
._industryImage_1t576_89 {
  height: calc(20px * var(--responsive-size-scale));
}
._industryRadio_1t576_92 {
  margin-left: auto;
}
._fieldGrid_1t576_95,
._detailGrid_1t576_96 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(16px * var(--responsive-size-scale));
  margin-top: calc(25px * var(--responsive-size-scale));
}
._detailGrid_1t576_96 {
  margin-top: 0;
}
._field_1t576_95 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(10px * var(--responsive-size-scale));
}
._fullWidthField_1t576_111 {
  grid-column: 1 / -1;
}
._passwordField_1t576_114 {
  max-width: calc(308px * var(--responsive-size-scale));
}
._fieldLabel_1t576_117 {
  padding-left: calc(5px * var(--responsive-size-scale));
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._fieldLabel_1t576_117 em {
  margin-right: calc(2px * var(--responsive-size-scale));
  color: #ff3c3f;
  font-style: normal;
}
._verificationButton_1t576_128 {
  height: calc(20px * var(--responsive-size-scale));
  min-width: calc(82px * var(--responsive-size-scale));
  padding-inline: calc(4px * var(--responsive-size-scale));
  color: #034fe7;
  white-space: nowrap;
}
._verificationButton_1t576_128:disabled {
  color: #999;
}
._panelTitle_1t576_138 {
  margin-bottom: calc(22px * var(--responsive-size-scale));
  font-size: calc(18px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(24px * var(--responsive-size-scale));
}
._visuallyHidden_1t576_144 {
  position: absolute;
  width: calc(1px * var(--responsive-size-scale));
  height: calc(1px * var(--responsive-size-scale));
  padding: 0;
  margin: calc(-1px * var(--responsive-size-scale));
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 900px) {
  ._steps_1t576_8 {
    gap: calc(12px * var(--responsive-size-scale));
  }
  ._stepConnector_1t576_159 {
    width: calc(64px * var(--responsive-size-scale));
    flex-basis: calc(64px * var(--responsive-size-scale));
  }
}
@media (max-width: 640px) {
  ._successFooter_1t576_41 {
    min-height: calc(76px * var(--responsive-size-scale));
    flex-basis: calc(76px * var(--responsive-size-scale));
    padding-block: calc(16px * var(--responsive-size-scale));
  }
  ._industryGrid_1t576_66,
  ._fieldGrid_1t576_95,
  ._detailGrid_1t576_96 {
    grid-template-columns: 1fr;
  }
  ._passwordField_1t576_114 {
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._industryOption_1t576_70 {
    transition: none;
  }
}
@media (forced-colors: active) {
  ._registerDialog_1t576_1,
  ._formPanel_1t576_59,
  ._industryOption_1t576_70 {
    border: calc(1px * var(--responsive-size-scale)) solid CanvasText;
  }
}
._backdrop_1xain_1,
._shaderCanvas_1xain_2,
._fallbackSurface_1xain_3 {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
._backdrop_1xain_1 {
  z-index: 0;
  min-width: calc(1280px * var(--responsive-size-scale));
  overflow: clip;
  background: #0f0f0f;
  pointer-events: none;
}
._shaderCanvas_1xain_2 {
  z-index: 1;
  touch-action: none;
  pointer-events: auto;
}
._fallbackSurface_1xain_3 {
  z-index: 0;
  opacity: 0;
  background: linear-gradient(118deg, transparent 4%, rgba(218, 224, 235, 0.46) 8%, rgba(255, 255, 255, 0.92) 12%, transparent 17%) 0 0 / 21% 100%, linear-gradient(118deg, transparent 32%, rgba(238, 197, 187, 0.24) 36%, rgba(255, 255, 255, 0.94) 40%, transparent 45%) 0 0 / 27% 100%, linear-gradient(118deg, transparent 66%, rgba(169, 135, 241, 0.23) 72%, rgba(255, 255, 255, 0.9) 77%, transparent 83%) 0 0 / 31% 100%, #f9fafc;
  pointer-events: none;
  animation: _fallback-drift_1xain_1 17s linear infinite;
}
@keyframes _fallback-drift_1xain_1 {
  from {
    background-position: 0 0,
      0 0,
      0 0;
  }
  to {
    background-position: 120% 0, -80% 0, 60% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._fallbackSurface_1xain_3 {
    animation-play-state: paused;
  }
}
._loginPage_wt506_1 {
  position: fixed;
  inset: 0;
  isolation: isolate;
  min-width: 0;
  min-height: 100vh;
  min-height: 100svh;
  overflow-x: clip;
  overflow-y: auto;
  background: #0f0f0f;
  color: #172f3f;
}
._loginOverlay_wt506_13 {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  min-height: 100%;
  flex-direction: column;
  gap: calc(28px * var(--responsive-size-scale));
  padding: max(calc(36px * var(--responsive-size-scale)), env(safe-area-inset-top)) max(calc(16px * var(--responsive-size-scale)), env(safe-area-inset-right)) max(calc(48px * var(--responsive-size-scale)), env(safe-area-inset-bottom)) max(calc(16px * var(--responsive-size-scale)), env(safe-area-inset-left));
  pointer-events: none;
}
._heroCopy_wt506_24,
._authPositioner_wt506_25 {
  width: min(100%, calc(560px * var(--responsive-size-scale)));
  margin-inline: auto;
}
._brandSlogan_wt506_29 {
  display: block;
  width: min(calc(200px * var(--responsive-size-scale)), 100%);
  height: auto;
  margin-bottom: calc(60px * var(--responsive-size-scale));
}
._heroCopy_wt506_24 h1 {
  margin: 0;
  color: #172c3a;
  font-size: clamp(calc(35px * var(--responsive-size-scale)), 6.125rem, calc(46px * var(--responsive-size-scale)));
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: -0.02em;
}
._heroCopy_wt506_24 h1 > div,
._heroCopy_wt506_24 h1 strong {
  display: block;
}
._heroCopy_wt506_24 h1 strong {
  margin-top: calc(4px * var(--responsive-size-scale));
  color: #2f70eb;
  font: inherit;
}
._heroDescription_wt506_52 {
  margin: calc(20px * var(--responsive-size-scale)) 0 0;
  color: rgba(23, 44, 58, 0.55);
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(28px * var(--responsive-size-scale));
}
._featureList_wt506_59 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: calc(17px * var(--responsive-size-scale));
  width: min(100%, calc(980px * var(--responsive-size-scale)));
  margin-top: calc(34px * var(--responsive-size-scale));
}
._featureList_wt506_59 li {
  min-width: 0;
}
._featureList_wt506_59 h2,
._featureList_wt506_59 p {
  margin: 0;
}
._featureList_wt506_59 h2 {
  color: rgba(21, 47, 64, 0.82);
  font-size: calc(20px * var(--responsive-size-scale));
  font-weight: 650;
  line-height: calc(30px * var(--responsive-size-scale));
}
._featureList_wt506_59 p {
  margin-top: calc(7px * var(--responsive-size-scale));
  color: rgba(36, 68, 91, 0.45);
  font-size: calc(15px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(26px * var(--responsive-size-scale));
}
._authPositioner_wt506_25 {
  width: min(calc(493px * var(--responsive-size-scale)), 100%);
  pointer-events: auto;
}
._authPanel_wt506_90 {
  width: min(calc(493px * var(--responsive-size-scale)), 100%);
  max-width: 100%;
  flex: 0 1 calc(493px * var(--responsive-size-scale));
  min-width: 0;
  padding: calc(34px * var(--responsive-size-scale)) calc(40px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid rgba(255, 255, 255, 0.8);
  border-radius: calc(34px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: calc(2px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) calc(60px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.04);
  color: #1a1a1b;
  backdrop-filter: blur(calc(9px * var(--responsive-size-scale)));
}
._authTitle_wt506_103 {
  font-size: calc(30px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(42px * var(--responsive-size-scale));
}
._modeControl_wt506_108 {
  margin-top: calc(31px * var(--responsive-size-scale));
}
._loginForm_wt506_111 {
  margin-top: calc(20px * var(--responsive-size-scale));
}
._loginForm_wt506_111 .ant-input:-webkit-autofill,
._loginForm_wt506_111 .ant-input:-webkit-autofill:hover,
._loginForm_wt506_111 .ant-input:-webkit-autofill:focus,
._loginForm_wt506_111 .ant-input:-webkit-autofill:active {
  -webkit-text-fill-color: #1a1a1b;
  caret-color: #1a1a1b;
  box-shadow: 0 0 0 calc(1000px * var(--responsive-size-scale)) #f5f5f5 inset;
}
._loginForm_wt506_111 .ant-input::placeholder {
  -webkit-text-fill-color: #bfbfbf;
  color: #bfbfbf;
  opacity: 1;
}
._field_wt506_127 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(10px * var(--responsive-size-scale));
  margin-bottom: calc(16px * var(--responsive-size-scale));
}
._fieldLabel_wt506_134 {
  padding-left: calc(5px * var(--responsive-size-scale));
  color: #1a1a1b;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(22px * var(--responsive-size-scale));
}
._fieldError_wt506_141 {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ff4d4f;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
  transform: translateY(100%);
}
._formLinks_wt506_150 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: calc(16px * var(--responsive-size-scale)) 0;
}
._linkButton_wt506_156 {
  padding: 0;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._linkButton_wt506_156 {
  color: #034fe7;
}
._verificationButton_wt506_164 {
  height: calc(20px * var(--responsive-size-scale));
  min-width: calc(88px * var(--responsive-size-scale));
  padding-inline: calc(4px * var(--responsive-size-scale));
  white-space: nowrap;
}
._linkButton_wt506_156:hover {
  opacity: 0.75;
}
._agreement_wt506_173 {
  display: flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  margin-top: calc(18px * var(--responsive-size-scale));
  color: #1a1a1b;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._agreement_label_wt506_182 {
  line-height: calc(18px * var(--responsive-size-scale));
}
._agreement_wt506_173 a {
  color: #1a1a1b;
  text-decoration: underline;
}
._filingNumber_wt506_189 {
  position: fixed;
  right: 0;
  bottom: max(calc(10px * var(--responsive-size-scale)), env(safe-area-inset-bottom));
  left: 0;
  z-index: 3;
  margin: 0;
  color: #1f2529;
  font-size: calc(11px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(18px * var(--responsive-size-scale));
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}
@media (min-width: 521px) {
  ._loginOverlay_wt506_13 {
    gap: calc(36px * var(--responsive-size-scale));
    padding: max(calc(56px * var(--responsive-size-scale)), env(safe-area-inset-top)) max(calc(24px * var(--responsive-size-scale)), env(safe-area-inset-right)) max(calc(48px * var(--responsive-size-scale)), env(safe-area-inset-bottom)) max(calc(24px * var(--responsive-size-scale)), env(safe-area-inset-left));
  }
  ._heroCopy_wt506_24 h1 {
    font-size: clamp(calc(40px * var(--responsive-size-scale)), 5.625rem, calc(54px * var(--responsive-size-scale)));
  }
  ._heroDescription_wt506_52 {
    margin-top: calc(24px * var(--responsive-size-scale));
    font-size: calc(18px * var(--responsive-size-scale));
  }
}
@media (min-width: 0) {
  ._loginPage_wt506_1 {
    overflow: clip;
  }
  ._loginOverlay_wt506_13 {
    position: absolute;
    inset: 0;
    display: block;
    max-width: calc(1450px * var(--responsive-size-scale));
    min-height: 0;
    margin: 0 auto;
    padding: 0;
  }
  ._heroCopy_wt506_24 {
    position: absolute;
    top: 50%;
    left: clamp(calc(144px * var(--responsive-size-scale)), 8.5vw, calc(224px * var(--responsive-size-scale)));
    width: min(calc(56vw - calc(80px * var(--responsive-size-scale))), calc(980px * var(--responsive-size-scale)));
    margin: 0;
    transform: translateY(calc(-50% + calc(29px * var(--responsive-size-scale))));
    transform-origin: center left;
  }
  ._heroCopy_wt506_24 h1 {
    font-size: clamp(calc(56px * var(--responsive-size-scale)), 4.9rem, calc(80px * var(--responsive-size-scale)));
  }
  ._featureList_wt506_59 {
    grid-template-columns: minmax(0, 1.09fr) minmax(0, 0.92fr) minmax(0, 1.2fr);
    column-gap: calc(40px * var(--responsive-size-scale));
    row-gap: 0;
    margin-top: calc(66px * var(--responsive-size-scale));
  }
  ._featureList_wt506_59 p {
    font-size: calc(16px * var(--responsive-size-scale));
    white-space: nowrap;
  }
  ._authPositioner_wt506_25 {
    position: absolute;
    top: 50%;
    right: clamp(calc(64px * var(--responsive-size-scale)), 5vw, calc(128px * var(--responsive-size-scale)));
    width: calc(493px * var(--responsive-size-scale));
    margin: 0;
    transform: translateY(calc(-50% + calc(39px * var(--responsive-size-scale))));
    transform-origin: center right;
  }
  ._filingNumber_wt506_189 {
    bottom: calc(24px * var(--responsive-size-scale));
    font-size: calc(12px * var(--responsive-size-scale));
  }
}
@media (min-width: 0) and (max-width: 1500px) {
  ._heroCopy_wt506_24 {
    left: calc(48px * var(--responsive-size-scale));
    width: calc(56vw - calc(80px * var(--responsive-size-scale)));
  }
  ._heroCopy_wt506_24 h1 {
    font-size: clamp(calc(40px * var(--responsive-size-scale)), 3.5rem, calc(54px * var(--responsive-size-scale)));
  }
  ._featureList_wt506_59 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: calc(18px * var(--responsive-size-scale));
    margin-top: calc(82px * var(--responsive-size-scale));
  }
  ._featureList_wt506_59 p {
    font-size: calc(15px * var(--responsive-size-scale));
    white-space: normal;
  }
  ._authPositioner_wt506_25 {
    right: calc(32px * var(--responsive-size-scale));
  }
}
@media (min-width: 1501px) {
  ._loginOverlay_wt506_13 {
    max-width: calc(1600px * var(--responsive-size-scale));
  }
}
@media (min-width: 1501px) and (min-height: 821px) {
  ._heroCopy_wt506_24 {
    left: calc(48px * var(--responsive-size-scale));
    transform: translateY(calc(-50% + calc(29px * var(--responsive-size-scale)))) scale(0.82);
  }
  ._heroCopy_wt506_24 h1 {
    font-size: clamp(calc(52px * var(--responsive-size-scale)), 4.3rem, calc(70px * var(--responsive-size-scale)));
  }
  ._heroCopy_wt506_24 h1 > div,
  ._heroCopy_wt506_24 h1 strong {
    white-space: nowrap;
  }
  ._authPositioner_wt506_25 {
    right: calc(32px * var(--responsive-size-scale));
  }
}
@media (min-width: 0) and (max-height: 820px) {
  ._heroCopy_wt506_24 {
    transform: translateY(-50%) scale(0.82);
  }
}
@media (max-width: 1279px) {
  ._loginPage_wt506_1 {
    overflow-x: auto;
    overflow-y: auto;
  }
  ._loginOverlay_wt506_13 {
    inset: 0 auto 0 0;
    width: calc(1280px * var(--responsive-size-scale));
    min-width: calc(1280px * var(--responsive-size-scale));
    max-width: none;
    margin: 0;
  }
  ._heroCopy_wt506_24 {
    left: calc(48px * var(--responsive-size-scale));
    width: calc(637px * var(--responsive-size-scale));
  }
  ._heroCopy_wt506_24 h1 {
    font-size: calc(48px * var(--responsive-size-scale));
  }
  ._authPositioner_wt506_25 {
    right: calc(32px * var(--responsive-size-scale));
  }
  ._filingNumber_wt506_189 {
    position: absolute;
    right: auto;
    width: calc(1280px * var(--responsive-size-scale));
  }
}
@media (min-width: 1501px) and (max-height: 820px) {
  ._heroCopy_wt506_24 {
    left: calc(48px * var(--responsive-size-scale));
    width: min(calc(56vw - calc(80px * var(--responsive-size-scale))), calc(980px * var(--responsive-size-scale)));
    transform: translateY(-50%) scale(0.82);
  }
  ._heroCopy_wt506_24 h1 {
    font-size: clamp(calc(52px * var(--responsive-size-scale)), 4.3rem, calc(70px * var(--responsive-size-scale)));
  }
  ._heroCopy_wt506_24 h1 > div,
  ._heroCopy_wt506_24 h1 strong {
    white-space: nowrap;
  }
  ._authPositioner_wt506_25 {
    right: calc(32px * var(--responsive-size-scale));
    width: calc(493px * var(--responsive-size-scale));
    transform: translateY(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._authPanel_wt506_90 {
    backdrop-filter: none;
    transition: none;
  }
}
._page_159uq_1 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: calc(100px * var(--responsive-size-scale));
  text-align: center;
}
._illustration_159uq_12 {
  display: block;
  width: calc(240px * var(--responsive-size-scale));
  height: calc(155px * var(--responsive-size-scale));
  object-fit: cover;
}
._title_159uq_18 {
  color: #000;
  font-size: calc(24px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(29px * var(--responsive-size-scale));
}
._titleLink_159uq_24 {
  display: inline-flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
  color: inherit;
  text-decoration: none;
}
._titleLink_159uq_24:focus-visible {
  border-radius: calc(4px * var(--responsive-size-scale));
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(4px * var(--responsive-size-scale));
}
._arrow_159uq_37 {
  color: #000;
  transform: rotate(0deg);
}
._description_159uq_41 {
  margin-top: calc(8px * var(--responsive-size-scale));
  color: #666;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._countdown_159uq_47 {
  margin-top: calc(4px * var(--responsive-size-scale));
  color: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._checkItem_i50ux_1 {
  display: flex;
  width: 100%;
  min-height: calc(48px * var(--responsive-size-scale));
  align-items: center;
  justify-content: space-between;
  gap: calc(8px * var(--responsive-size-scale));
  border: 0;
  padding: 0 calc(14px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #f6f6f6;
  font-size: calc(14px * var(--responsive-size-scale));
  text-align: left;
}
button._checkItem_i50ux_1 {
  cursor: pointer;
  font: inherit;
}
button._checkItem_i50ux_1:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._checkValue_i50ux_23 {
  margin-left: auto;
  font-weight: 500;
}
._checkWarn_i50ux_27 {
  color: #ff6565;
}
._checkOk_i50ux_30,
._checkArrowWarn_i50ux_31 {
  display: inline-flex;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(20px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #42b178;
  font-size: calc(13px * var(--responsive-size-scale));
}
._checkArrowWarn_i50ux_31 {
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  color: #ff6565;
  background: transparent;
}
._dialog_hborq_1 {
  width: min(calc(420px * var(--responsive-size-scale)), calc(100vw - calc(32px * var(--responsive-size-scale))));
  min-height: 0;
  padding: calc(24px * var(--responsive-size-scale));
}
._content_hborq_6 {
  min-width: 0;
}
._title_hborq_9 {
  padding-right: calc(28px * var(--responsive-size-scale));
  color: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(22px * var(--responsive-size-scale));
}
._hint_hborq_16 {
  margin-top: calc(14px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
}
._inputRow_hborq_22 {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
}
._resendButton_hborq_28 {
  flex: 0 0 auto;
  color: #000;
  font-size: calc(13px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  white-space: nowrap;
}
._resendButton_hborq_28:disabled {
  color: #aaa;
  cursor: not-allowed;
}
._error_hborq_39 {
  margin-top: calc(8px * var(--responsive-size-scale));
  color: #db2e50;
  font-size: calc(13px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._actions_hborq_45 {
  display: flex;
  justify-content: flex-end;
  gap: calc(8px * var(--responsive-size-scale));
  margin-top: calc(28px * var(--responsive-size-scale));
}
._cancelButton_hborq_51,
._submitButton_hborq_52 {
  width: calc(68px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._cancelButton_hborq_51 {
  color: #000;
  background: #f1f1f1;
}
._submitButton_hborq_52 {
  color: #fff;
  background: #000;
}
._submitButton_hborq_52:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
._cancelButton_hborq_51:hover,
._cancelButton_hborq_51:focus-visible,
._submitButton_hborq_52:hover,
._submitButton_hborq_52:focus-visible,
._resendButton_hborq_28:focus-visible {
  outline: none;
  opacity: 0.8;
}
._dialog_1uux6_1 {
  width: min(calc(535px * var(--responsive-size-scale)), calc(100vw - calc(48px * var(--responsive-size-scale))));
  min-height: 0;
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fbfbfb;
}
._qrcodeDialog_1uux6_8 {
  width: min(calc(491px * var(--responsive-size-scale)), calc(100vw - calc(48px * var(--responsive-size-scale))));
  height: calc(245px * var(--responsive-size-scale));
  overflow: hidden;
  padding: calc(20px * var(--responsive-size-scale));
}
._content_1uux6_14 {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
}
._qrcodeContent_1uux6_20 {
  min-width: 0;
}
._qrcodeTitle_1uux6_23 {
  padding-right: calc(32px * var(--responsive-size-scale));
  color: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(22px * var(--responsive-size-scale));
}
._qrcodePanel_1uux6_30 {
  display: flex;
  height: calc(170px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
  padding: calc(10px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #fff;
}
._qrcodeBox_1uux6_38 {
  display: grid;
  width: calc(150px * var(--responsive-size-scale));
  height: calc(150px * var(--responsive-size-scale));
  flex: 0 0 calc(150px * var(--responsive-size-scale));
  place-items: center;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #f7f7f7;
  overflow: hidden;
}
._qrcode_1uux6_8 {
  display: block;
  width: calc(150px * var(--responsive-size-scale));
  height: calc(150px * var(--responsive-size-scale));
}
._qrcodeInstructions_1uux6_53 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  padding: calc(11px * var(--responsive-size-scale)) 0 0 calc(16px * var(--responsive-size-scale));
  color: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._qrcodeInstructions_1uux6_53 strong {
  margin-top: calc(7px * var(--responsive-size-scale));
  font-weight: 500;
}
._qrcodeHint_1uux6_67 {
  margin-top: auto;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
  white-space: nowrap;
}
._qrcodeLoading_1uux6_74 {
  width: calc(130px * var(--responsive-size-scale));
  align-self: center;
  color: #000;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
}
._loadingHeader_1uux6_81 {
  display: flex;
  justify-content: space-between;
  color: #000;
  font-variant-numeric: tabular-nums;
}
._loadingHeader_1uux6_81 div:last-child {
  color: #999;
}
._progressTrack_1uux6_90 {
  width: calc(130px * var(--responsive-size-scale));
  height: calc(4px * var(--responsive-size-scale));
  margin-top: calc(7px * var(--responsive-size-scale));
  overflow: hidden;
  border-radius: calc(36px * var(--responsive-size-scale));
  background: #fff;
}
._progressTrack_1uux6_90 div {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #000;
  transition: width 180ms ease-out;
}
._qrcodeFailed_1uux6_106 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #000;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
}
._refreshIcon_1uux6_117 {
  display: block;
  width: calc(30px * var(--responsive-size-scale));
  height: calc(30px * var(--responsive-size-scale));
  margin-bottom: calc(6px * var(--responsive-size-scale));
}
._failedLabel_1uux6_123 {
  margin-bottom: calc(10px * var(--responsive-size-scale));
}
._retryButton_1uux6_126 {
  width: calc(76px * var(--responsive-size-scale));
  height: calc(32px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #fff;
  background: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._retryButton_1uux6_126:hover,
._retryButton_1uux6_126:focus-visible {
  outline: none;
  opacity: 0.8;
}
._title_1uux6_141 {
  padding-right: calc(32px * var(--responsive-size-scale));
  color: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(22px * var(--responsive-size-scale));
}
._authorizationGrid_1uux6_148 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
}
._authorizationCard_1uux6_154 {
  display: flex;
  min-width: 0;
  height: calc(114px * var(--responsive-size-scale));
  flex-direction: column;
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._authorizationCard_1uux6_154 strong {
  color: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._authorizationCard_1uux6_154 p {
  margin-top: calc(4px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
  white-space: nowrap;
}
._authorizationAction_1uux6_176,
._authorizationUnavailable_1uux6_177 {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  margin-top: auto;
  color: #ff5766;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
}
._authorizationUnavailable_1uux6_177 {
  color: #ff5766;
}
._authorizationAction_1uux6_176:disabled {
  cursor: wait;
}
._statusDot_1uux6_193 {
  width: calc(6px * var(--responsive-size-scale));
  height: calc(6px * var(--responsive-size-scale));
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 calc(3px * var(--responsive-size-scale)) rgba(255, 87, 102, 0.16);
}
@media (max-width: 600px) {
  ._dialog_1uux6_1 {
    width: calc(100vw - calc(32px * var(--responsive-size-scale)));
  }
  ._authorizationGrid_1uux6_148 {
    gap: calc(12px * var(--responsive-size-scale));
  }
  ._authorizationCard_1uux6_154 {
    padding-right: calc(12px * var(--responsive-size-scale));
    padding-left: calc(12px * var(--responsive-size-scale));
  }
  ._qrcodeDialog_1uux6_8 {
    width: calc(100vw - calc(32px * var(--responsive-size-scale)));
  }
  ._qrcodeInstructions_1uux6_53 {
    padding-left: calc(10px * var(--responsive-size-scale));
  }
  ._qrcodeHint_1uux6_67 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
._page_1uz5u_1 {
  position: relative;
  min-height: 100%;
}
._pageHeader_1uz5u_5 {
  position: relative;
}
._pageTitle_1uz5u_8 {
  font-size: calc(24px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: 1.25;
  line-height: calc(40px * var(--responsive-size-scale));
}
._pageSubtitle_1uz5u_14 {
  margin: calc(6px * var(--responsive-size-scale)) 0 0;
  color: #858585;
  font-size: calc(14px * var(--responsive-size-scale));
}
._filterBar_1uz5u_19 {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: calc(16px * var(--responsive-size-scale));
  margin-top: calc(23px * var(--responsive-size-scale));
}
._filterRow_1uz5u_27 {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: calc(16px * var(--responsive-size-scale));
}
._platformWrap_1uz5u_34 {
  flex: 0 0 auto;
  margin-left: auto;
}
._cardGrid_1uz5u_38 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: calc(430px * var(--responsive-size-scale));
  gap: calc(14px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  margin-top: calc(8px * var(--responsive-size-scale));
}
._listState_1uz5u_45 {
  grid-column: 1 / -1;
  display: flex;
  min-height: calc(320px * var(--responsive-size-scale));
  flex: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(12px * var(--responsive-size-scale));
  color: #858585;
  font-size: calc(14px * var(--responsive-size-scale));
}
._retryButton_1uz5u_57 {
  height: calc(36px * var(--responsive-size-scale));
  padding: 0 calc(18px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(18px * var(--responsive-size-scale));
  color: #fff;
  background: #111;
  font-size: calc(14px * var(--responsive-size-scale));
}
._environmentDialog_1uz5u_66 {
  width: min(calc(680px * var(--responsive-size-scale)), 100%);
}
._serviceDialog_1uz5u_69 {
  width: min(calc(680px * var(--responsive-size-scale)), 100%);
  min-height: calc(224px * var(--responsive-size-scale));
  padding: calc(19px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
}
._serviceDialog_1uz5u_69 ._checkGridThree_1uz5u_74 {
  margin-top: 0;
}
._subSelectDialog_1uz5u_77 {
  width: min(calc(710px * var(--responsive-size-scale)), calc(100vw - calc(48px * var(--responsive-size-scale))));
  min-height: calc(460px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: hidden;
}
._environmentAvatar_1uz5u_83 {
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 50%;
  background: #f4f4f4;
}
._environmentAvatarImage_1uz5u_90 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transform: scale(1.15);
}
._primaryButton_1uz5u_97,
._secondaryButton_1uz5u_98 {
  height: calc(40px * var(--responsive-size-scale));
  padding: 0 calc(23px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
}
._primaryButton_1uz5u_97 {
  color: #fff;
  background: #000;
}
._primaryButton_1uz5u_97:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._secondaryButton_1uz5u_98 {
  background: #f1f1f1;
}
._dialogSubTitle_1uz5u_115 {
  margin: calc(14px * var(--responsive-size-scale)) 0 calc(12px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
}
._subSelectPanel_1uz5u_120 {
  height: calc(280px * var(--responsive-size-scale));
  margin-top: calc(4px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(19px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.02);
}
._subSelectPanel_1uz5u_120 ._dialogSubTitle_1uz5u_115 {
  margin: 0 0 calc(14px * var(--responsive-size-scale));
}
._environmentHeader_1uz5u_131 {
  display: flex;
  align-items: center;
  gap: calc(12px * var(--responsive-size-scale));
  margin-bottom: calc(20px * var(--responsive-size-scale));
}
._environmentAvatar_1uz5u_83 {
  width: calc(46px * var(--responsive-size-scale));
  height: calc(46px * var(--responsive-size-scale));
}
._environmentTitle_1uz5u_141 {
  font-size: calc(16px * var(--responsive-size-scale));
}
._environmentSubtitle_1uz5u_144 {
  margin-top: calc(5px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._authPanel_1uz5u_149 {
  padding: calc(16px * var(--responsive-size-scale));
  border-radius: calc(12px * var(--responsive-size-scale));
  background: #f6f6f6;
}
._authHeading_1uz5u_154 {
  display: flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  margin-bottom: calc(14px * var(--responsive-size-scale));
}
._authTitle_1uz5u_160,
._authRequirement_1uz5u_161 {
  font-size: calc(14px * var(--responsive-size-scale));
}
._authRequirement_1uz5u_161 {
  color: #ff601c;
}
._authGrid_1uz5u_167 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: calc(14px * var(--responsive-size-scale));
  column-gap: calc(28px * var(--responsive-size-scale));
}
._authAccount_1uz5u_173 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(9px * var(--responsive-size-scale));
}
._authAccountBound_1uz5u_179 {
  opacity: 0.5;
}
._authAccountAvatar_1uz5u_182 {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._authIdentity_1uz5u_189 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(5px * var(--responsive-size-scale));
}
._authNameRow_1uz5u_196 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
}
._authAccountName_1uz5u_202 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
}
._authAccountHandle_1uz5u_210 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._authAccountNumber_1uz5u_218 {
  display: block;
  overflow: hidden;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._authBoundStatus_1uz5u_226 {
  display: block;
  overflow: hidden;
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._authPendingStatus_1uz5u_234 {
  display: inline-flex;
  align-items: center;
  gap: calc(2px * var(--responsive-size-scale));
  padding: 0;
  color: #ff3f42;
  font-size: calc(14px * var(--responsive-size-scale));
  text-align: left;
}
._authPendingStatus_1uz5u_234 ._authAccountHandle_1uz5u_210 {
  color: inherit;
  font-size: inherit;
}
._authNameRow_1uz5u_196 em {
  display: inline-flex;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  flex: 0 0 calc(16px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  border-radius: calc(4px * var(--responsive-size-scale));
  color: #fff;
  font-size: calc(11px * var(--responsive-size-scale));
  font-style: normal;
}
._authCompany_1uz5u_259 {
  background: #111;
}
._authEmployee_1uz5u_262 {
  background: #42b178;
}
._checkGrid_1uz5u_74,
._checkGridThree_1uz5u_74 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(10px * var(--responsive-size-scale));
}
._checkGridThree_1uz5u_74 {
  grid-template-columns: repeat(3, 1fr);
}
._checkGridSingle_1uz5u_275 {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(10px * var(--responsive-size-scale));
}
._dialogActions_1uz5u_281 {
  display: flex;
  justify-content: flex-end;
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(30px * var(--responsive-size-scale));
}
._accountList_1uz5u_287 {
  display: grid;
  max-height: calc(216px * var(--responsive-size-scale));
  grid-template-columns: repeat(2, 1fr);
  gap: calc(10px * var(--responsive-size-scale));
  overflow: auto;
  padding: 0 calc(4px * var(--responsive-size-scale)) calc(4px * var(--responsive-size-scale)) 0;
}
._accountState_1uz5u_295 {
  margin: calc(28px * var(--responsive-size-scale)) 0;
  color: #999;
  font-size: calc(13px * var(--responsive-size-scale));
  text-align: center;
}
._accountChoice_1uz5u_301 {
  position: relative;
  display: flex;
  min-height: calc(78px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(12px * var(--responsive-size-scale));
  padding: calc(13px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #f7f7f7;
  cursor: pointer;
  overflow: hidden;
}
._accountAvatarImage_1uz5u_313 {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._accountCopy_1uz5u_320 {
  min-width: 0;
  flex: 1;
}
._accountNameRow_1uz5u_324 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
}
._accountName_1uz5u_324,
._accountHandle_1uz5u_331 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._accountName_1uz5u_324 {
  min-width: 0;
  flex: 1;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  max-width: max-content;
}
._accountTag_1uz5u_344 {
  display: inline-flex;
  height: calc(17px * var(--responsive-size-scale));
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0 calc(4px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(17px * var(--responsive-size-scale));
  white-space: nowrap;
}
._accountTagMain_1uz5u_357 {
  color: #034fe7;
  background: rgba(3, 79, 231, 0.1);
}
._accountTagSub_1uz5u_361 {
  color: #22a15a;
  background: rgba(34, 161, 90, 0.1);
}
._accountHandle_1uz5u_331 {
  margin-top: calc(5px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._dialog_j3c50_1 {
  width: min(calc(444px * var(--responsive-size-scale)), calc(100vw - calc(48px * var(--responsive-size-scale))));
  min-height: calc(162px * var(--responsive-size-scale));
  padding: calc(18px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fbfbfb;
}
._title_j3c50_8 {
  padding-right: calc(28px * var(--responsive-size-scale));
  color: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(22px * var(--responsive-size-scale));
}
._authorizationGrid_j3c50_15 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(14px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
}
._authorizationCard_j3c50_21 {
  display: flex;
  min-width: 0;
  min-height: calc(92px * var(--responsive-size-scale));
  flex-direction: column;
  padding: calc(16px * var(--responsive-size-scale));
  border-radius: calc(12px * var(--responsive-size-scale));
  background: #fff;
}
._authorizationCard_j3c50_21 strong {
  color: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._authorizationCard_j3c50_21 p {
  overflow: hidden;
  margin-top: calc(4px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
}
._authorizationAction_j3c50_45,
._authorizedStatus_j3c50_46,
._authorizationUnavailable_j3c50_47 {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  margin-top: auto;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(17px * var(--responsive-size-scale));
}
._authorizationAction_j3c50_45 {
  color: #ff5766;
}
._authorizedStatus_j3c50_46 {
  color: #42b178;
}
._authorizationUnavailable_j3c50_47 {
  color: #ff5766;
}
._statusDot_j3c50_65 {
  width: calc(6px * var(--responsive-size-scale));
  height: calc(6px * var(--responsive-size-scale));
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 calc(3px * var(--responsive-size-scale)) rgba(255, 87, 102, 0.16);
}
@media (max-width: 480px) {
  ._dialog_j3c50_1 {
    width: calc(100vw - calc(32px * var(--responsive-size-scale)));
  }
  ._authorizationGrid_j3c50_15 {
    gap: calc(10px * var(--responsive-size-scale));
  }
  ._authorizationCard_j3c50_21 {
    padding: calc(12px * var(--responsive-size-scale));
  }
}
._cardMotion_6p82n_1 {
  position: relative;
  height: 100%;
}
._tiltCard_6p82n_5 {
  position: relative;
  height: 100%;
}
._talentCard_6p82n_9 {
  position: relative;
  height: 100%;
  min-width: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  text-align: left;
}
._tiltCard_6p82n_5:hover {
  z-index: 2;
}
._tiltCard_6p82n_5:hover ._cardBody_6p82n_23 {
  box-shadow: 0 calc(14px * var(--responsive-size-scale)) calc(60px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
._cardDetailSurface_6p82n_27 {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
}
._talentImageWrap_6p82n_39 {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: calc(246px * var(--responsive-size-scale));
  left: 0;
  height: calc(191px * var(--responsive-size-scale));
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: center;
  justify-content: center;
}
._talentImage_6p82n_39 {
  position: static;
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  margin: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  object-fit: contain;
  object-position: center;
}
._cardBody_6p82n_23 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: flex;
  height: calc(256px * var(--responsive-size-scale));
  min-height: 0;
  flex-direction: column;
  margin: 0;
  padding: calc(12px * var(--responsive-size-scale)) calc(16px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fbfbfb;
  transition: box-shadow 0.18s ease;
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
}
._cardTitleRow_6p82n_83 {
  display: flex;
  min-height: calc(42px * var(--responsive-size-scale));
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: calc(6px * var(--responsive-size-scale));
}
._cardTitle_6p82n_83 {
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: 1.1;
  white-space: nowrap;
}
._tagRow_6p82n_97 {
  display: flex;
  justify-content: center;
  gap: calc(7px * var(--responsive-size-scale));
  margin-top: calc(12px * var(--responsive-size-scale));
  overflow: hidden;
}
._cardTag_6p82n_104 {
  flex: 0 0 auto;
  padding: calc(5px * var(--responsive-size-scale)) calc(8px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: 1;
  background: #f4f4f6;
}
._description_6p82n_112 {
  min-height: 0;
  flex: 1;
  margin-top: calc(11px * var(--responsive-size-scale));
  overflow: hidden;
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.45;
  text-align: center;
}
._cardFooter_6p82n_122 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: calc(9px * var(--responsive-size-scale));
  padding-top: calc(10px * var(--responsive-size-scale));
  border-top: calc(1px * var(--responsive-size-scale)) solid #f0f0f0;
}
._reserveCardButton_6p82n_130 {
  width: 100%;
  height: calc(32px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #111;
  background: #f1f1f1;
  font-size: calc(14px * var(--responsive-size-scale));
  transition: background-color 0.18s ease;
}
._reserveCardButton_6p82n_130:hover:not(:disabled),
._reserveCardButton_6p82n_130:focus-visible {
  background: #e7e7e7;
}
._reserveCardButton_6p82n_130[aria-disabled='true'] {
  cursor: not-allowed;
}
._priceValue_6p82n_147 {
  display: block;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: calc(16px * var(--responsive-size-scale));
}
._priceMetric_6p82n_153 {
  display: flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
}
._priceIconFrame_6p82n_158 {
  display: inline-flex;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  flex: 0 0 calc(16px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #000;
}
._priceSurface_6p82n_169 {
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
._priceUnit_6p82n_174 {
  display: block;
  margin-top: calc(5px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._cardAction_6p82n_180 {
  display: inline-flex;
  width: calc(32px * var(--responsive-size-scale));
  height: calc(32px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #000;
  background: #f3f3f3;
  cursor: pointer;
  font-size: calc(16px * var(--responsive-size-scale));
  transition: color 0.18s ease, background-color 0.18s ease;
}
._tiltCard_6p82n_5:hover ._cardAction_6p82n_180 {
  color: #fff;
  background: #000;
}
@media (prefers-reduced-motion: reduce) {
  ._tiltCard_6p82n_5,
  ._cardBody_6p82n_23,
  ._cardAction_6p82n_180,
  ._reserveCardButton_6p82n_130 {
    transition: none;
  }
  ._tiltCard_6p82n_5 {
    transform: none !important;
  }
}
._detailDialog_1otc2_1 {
  display: flex;
  width: min(calc(720px * var(--responsive-size-scale)), 100%);
  min-height: calc(500px * var(--responsive-size-scale));
  padding: 0;
  overflow: hidden;
}
._detailVisual_1otc2_8 {
  position: relative;
  flex: 0 0 calc(264px * var(--responsive-size-scale));
  min-width: 0;
  overflow: hidden;
  border-radius: calc(20px * var(--responsive-size-scale)) 0 0 calc(20px * var(--responsive-size-scale));
}
._detailVisualImage_1otc2_15 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
._detailVisualShade_1otc2_22 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(115px * var(--responsive-size-scale));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));
}
._detailTitle_1otc2_30 {
  position: absolute;
  bottom: calc(20px * var(--responsive-size-scale));
  left: calc(60px * var(--responsive-size-scale));
  color: #fff;
  font-size: calc(20px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
._detailContent_1otc2_40 {
  display: flex;
  min-width: 0;
  flex: 1 1 0;
  flex-direction: column;
  padding: calc(20px * var(--responsive-size-scale)) calc(30px * var(--responsive-size-scale));
}
._detailStatus_1otc2_47 {
  min-height: calc(30px * var(--responsive-size-scale));
}
._detailHeadline_1otc2_50 {
  max-width: calc(295px * var(--responsive-size-scale));
  margin-top: 0;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: 1.45;
}
._detailDescription_1otc2_57 {
  max-width: calc(320px * var(--responsive-size-scale));
  margin-top: calc(18px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1.55;
}
._statsRow_1otc2_64 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
}
._stat_1otc2_64 {
  display: flex;
  min-height: calc(69px * var(--responsive-size-scale));
  flex-direction: column;
  justify-content: space-between;
  padding: calc(10px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(10px * var(--responsive-size-scale));
  background: #fbfbfb;
}
._statValue_1otc2_80 {
  font-size: calc(24px * var(--responsive-size-scale));
  font-family: 'DIN Alternate', 'Arial Narrow', sans-serif;
  font-weight: 700;
}
._statLabel_1otc2_85 {
  display: inline-flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._detailLabel_1otc2_92,
._pricingLabel_1otc2_93 {
  margin-top: calc(20px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._detailTags_1otc2_98 {
  display: flex;
  gap: calc(10px * var(--responsive-size-scale));
  margin-top: calc(12px * var(--responsive-size-scale));
}
._detailTag_1otc2_98 {
  flex: 0 0 auto;
  padding: calc(8px * var(--responsive-size-scale)) calc(13px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  color: inherit;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1;
  background: #f4f4f6;
}
._detailPricing_1otc2_112 {
  display: flex;
  flex-direction: column;
  margin-top: calc(20px * var(--responsive-size-scale));
  flex: 1;
}
._detailFooter_1otc2_118 {
  display: flex;
  min-width: 0;
  align-items: flex-end;
  gap: calc(16px * var(--responsive-size-scale));
  margin-top: auto;
}
._pricingValue_1otc2_125 {
  margin-top: calc(8px * var(--responsive-size-scale));
  font-size: calc(16px * var(--responsive-size-scale));
}
._pricingNote_1otc2_129 {
  margin-top: calc(4px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._enableButton_1otc2_134 {
  flex: 0 0 auto;
}
._buttonLoading_1otc2_137 {
  display: inline-flex;
  align-items: center;
  gap: calc(7px * var(--responsive-size-scale));
}
._buttonSpinner_1otc2_142 {
  width: calc(14px * var(--responsive-size-scale));
  height: calc(14px * var(--responsive-size-scale));
  flex: 0 0 calc(14px * var(--responsive-size-scale));
  border: calc(2px * var(--responsive-size-scale)) solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: _button-spinner_1otc2_1 0.8s linear infinite;
}
@keyframes _button-spinner_1otc2_1 {
  to {
    transform: rotate(360deg);
  }
}
._dismissButton_1otc2_156 {
  flex: 0 0 auto;
  width: calc(132px * var(--responsive-size-scale));
  padding: 0;
  color: #d65f5f;
  background: #ffe6e6;
}
@media (max-width: 640px) {
  ._detailDialog_1otc2_1 {
    width: min(calc(423px * var(--responsive-size-scale)), 100%);
    min-height: 0;
    flex-direction: column;
  }
  ._detailVisual_1otc2_8 {
    flex-basis: calc(180px * var(--responsive-size-scale));
    border-radius: calc(20px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) 0 0;
  }
  ._detailTitle_1otc2_30 {
    left: calc(24px * var(--responsive-size-scale));
  }
  ._detailContent_1otc2_40 {
    padding: calc(20px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale));
  }
  ._detailFooter_1otc2_118 {
    flex-wrap: wrap;
    margin-top: calc(30px * var(--responsive-size-scale));
  }
  ._enableButton_1otc2_134,
  ._dismissButton_1otc2_156 {
    margin-left: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._buttonSpinner_1otc2_142 {
    animation: none;
  }
}
._bindButton_v867t_1 {
  width: calc(110px * var(--responsive-size-scale));
}
._accountGrid_v867t_4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(30px * var(--responsive-size-scale));
}
._emptyGrid_v867t_10 {
  flex: 1;
}
._accountCardMotion_v867t_13 {
  position: relative;
  min-width: 0;
}
._accountCardMotion_v867t_13:hover {
  z-index: 2;
}
._accountCardTilt_v867t_20 {
  position: relative;
}
._listState_v867t_23 {
  display: flex;
  min-height: calc(236px * var(--responsive-size-scale));
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(12px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
}
._emptyState_v867t_34 {
  grid-column: 1 / -1;
  padding: calc(56px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale));
  color: #999;
  font-size: calc(14px * var(--responsive-size-scale));
  text-align: center;
  border-radius: calc(20px * var(--responsive-size-scale));
}
._accountCard_v867t_13 {
  display: flex;
  min-width: 0;
  height: calc(236px * var(--responsive-size-scale));
  flex-direction: column;
  padding: calc(20px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fbfbfb;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
._accountCard_v867t_13:hover {
  box-shadow: 0 calc(8px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.04);
  background-color: #fff;
}
._accountHeader_v867t_57 {
  display: flex;
  min-width: 0;
  height: calc(50px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._accountActionButton_v867t_64 {
  display: grid;
  width: calc(27px * var(--responsive-size-scale));
  height: calc(27px * var(--responsive-size-scale));
  flex: 0 0 calc(27px * var(--responsive-size-scale));
  place-items: center;
  border-radius: calc(6px * var(--responsive-size-scale));
  color: #666;
  background: transparent;
  transition: background-color 150ms ease;
}
._accountActionButton_v867t_64:hover,
._accountActionButton_v867t_64:focus-visible {
  outline: none;
  background: #f1f1f1;
}
._accountActionDots_v867t_80 {
  display: inline-flex;
  align-items: center;
  gap: calc(2px * var(--responsive-size-scale));
}
._accountActionDots_v867t_80 div {
  width: calc(3px * var(--responsive-size-scale));
  height: calc(3px * var(--responsive-size-scale));
  border-radius: 50%;
  background: currentColor;
}
._accountDeleteAction_v867t_91 {
  display: flex;
  align-items: center;
  gap: calc(7px * var(--responsive-size-scale));
}
._avatarStack_v867t_96 {
  position: relative;
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
}
._accountAvatar_v867t_102 {
  display: block;
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._platformMarks_v867t_109 {
  position: absolute;
  right: calc(-2px * var(--responsive-size-scale));
  bottom: calc(-2px * var(--responsive-size-scale));
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
._platformMark_v867t_109 {
  display: grid;
  width: calc(18px * var(--responsive-size-scale));
  height: calc(18px * var(--responsive-size-scale));
  place-items: center;
  margin-left: calc(-3px * var(--responsive-size-scale));
  border: calc(2px * var(--responsive-size-scale)) solid #fbfbfb;
  border-radius: 50%;
  color: #fff;
  font-size: calc(9px * var(--responsive-size-scale));
  font-weight: 600;
  line-height: 1;
}
._platformMark_v867t_109 img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
._platformMark-douyin_v867t_137 {
  background: #161616;
}
._platformMark-kuaishou_v867t_140 {
  background: #ff7a00;
}
._platformMark-xiaohongshu_v867t_143 {
  background: #ff2442;
}
._platformMark-kuaiguang_v867t_146 {
  background: #ff552f;
}
._platformMark-julight_v867t_149 {
  background: #ff3157;
}
._platformMark-unknown_v867t_152 {
  color: #666;
  background: #e5e5e5;
}
._accountIdentity_v867t_156 {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: calc(4px * var(--responsive-size-scale));
  line-height: 1.2;
}
._accountNameRow_v867t_164 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
}
._accountNameRow_v867t_164 strong,
._accountHandle_v867t_171 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._accountNameRow_v867t_164 strong {
  min-width: 0;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 400;
}
._accountHandle_v867t_171 {
  color: #999;
  font-size: calc(12px * var(--responsive-size-scale));
}
._accountType_v867t_185 {
  display: inline-grid;
  width: calc(20px * var(--responsive-size-scale));
  height: calc(17px * var(--responsive-size-scale));
  flex: 0 0 calc(20px * var(--responsive-size-scale));
  place-items: center;
  border-radius: calc(4px * var(--responsive-size-scale));
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 500;
}
._accountType-company_v867t_195 {
  color: #034fe7;
  background: rgba(3, 79, 231, 0.1);
}
._accountType-member_v867t_199 {
  color: #22a15a;
  background: rgba(34, 161, 90, 0.1);
}
._cardDivider_v867t_203 {
  width: 100%;
  height: calc(1px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
  background: #f0f0f0;
}
._accountDetails_v867t_209 {
  display: grid;
  gap: calc(11px * var(--responsive-size-scale));
  margin: calc(12px * var(--responsive-size-scale)) 0 0;
}
._detailRow_v867t_214 {
  display: grid;
  min-width: 0;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: calc(8px * var(--responsive-size-scale));
  align-items: center;
  font-size: calc(12px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._detailRow_v867t_214 dt {
  overflow: hidden;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._detailRow_v867t_214 dd {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  color: #000;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._statusValue_v867t_238 {
  display: inline-flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  padding: 0;
  border: 0;
  font: inherit;
  line-height: inherit;
  background: transparent;
}
button._statusValue_v867t_238 {
  cursor: pointer;
}
button._statusValue_v867t_238:hover,
button._statusValue_v867t_238:focus-visible {
  outline: none;
  text-decoration: underline;
  text-underline-offset: calc(3px * var(--responsive-size-scale));
}
._statusDot_v867t_257 {
  width: calc(7px * var(--responsive-size-scale));
  height: calc(7px * var(--responsive-size-scale));
  border-radius: 50%;
  background: currentColor;
}
._statusAuthorized_v867t_263 {
  color: #19b32b;
}
._statusAuthorized_v867t_263 ._statusDot_v867t_257 {
  box-shadow: 0 0 0 calc(3px * var(--responsive-size-scale)) rgba(25, 179, 43, 0.16);
}
._statusUnauthorized_v867t_269 {
  color: #ff5766;
}
._statusUnauthorized_v867t_269 ._statusDot_v867t_257 {
  box-shadow: 0 0 0 calc(3px * var(--responsive-size-scale)) rgba(255, 87, 102, 0.16);
}
._statusValue_v867t_238 .icon {
  margin-left: calc(1px * var(--responsive-size-scale));
  color: currentColor;
}
._marketingUnavailable_v867t_279 {
  display: inline-flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  color: #000;
}
._marketingUnavailable_v867t_279 ._statusDot_v867t_257 {
  background: #000;
  box-shadow: 0 0 0 calc(3px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.16);
}
@media (prefers-reduced-motion: reduce) {
  ._accountCard_v867t_13,
  ._accountCardTilt_v867t_20,
  ._bindButton_v867t_1,
  ._accountActionButton_v867t_64 {
    transition: none;
  }
  ._accountCardTilt_v867t_20 {
    transform: none !important;
  }
}
@media (max-width: 700px) {
  ._accountGrid_v867t_4 {
    grid-template-columns: minmax(0, 1fr);
  }
}
._dialog_7h0m5_1 {
  width: min(calc(535px * var(--responsive-size-scale)), calc(100vw - calc(48px * var(--responsive-size-scale))));
  height: calc(420px * var(--responsive-size-scale));
  min-height: 0;
  padding: calc(20px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fbfbfb;
  box-shadow: 0 calc(12px * var(--responsive-size-scale)) calc(32px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.08);
}
._dialogWithIndustry_7h0m5_11 {
  height: calc(510px * var(--responsive-size-scale));
}
._content_7h0m5_14 {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}
._title_7h0m5_19 {
  color: #000;
  font-size: calc(16px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(22px * var(--responsive-size-scale));
}
._platformTabs_7h0m5_25 {
  margin-top: calc(20px * var(--responsive-size-scale));
}
._platformTabLabel_7h0m5_28 {
  display: inline-flex;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._authorizedState_7h0m5_34 {
  display: inline-flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  margin-top: calc(12px * var(--responsive-size-scale));
  color: #2f9a5b;
  font-size: calc(13px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._authorizedIcon_7h0m5_43 {
  display: grid;
  width: calc(16px * var(--responsive-size-scale));
  height: calc(16px * var(--responsive-size-scale));
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #2f9a5b;
  font-size: calc(11px * var(--responsive-size-scale));
  font-weight: 700;
  line-height: 1;
}
._platformIcon_7h0m5_55 {
  width: calc(17px * var(--responsive-size-scale));
  height: calc(17px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  object-fit: cover;
}
._formCard_7h0m5_61 {
  display: flex;
  min-height: calc(200px * var(--responsive-size-scale));
  flex-direction: column;
  gap: calc(20px * var(--responsive-size-scale));
  margin-top: calc(18px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(19px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.02);
}
._field_7h0m5_72 {
  display: flex;
  flex-direction: column;
  gap: calc(10px * var(--responsive-size-scale));
}
._field_7h0m5_72 label {
  color: #000;
  font-size: calc(14px * var(--responsive-size-scale));
  font-weight: 500;
  line-height: calc(20px * var(--responsive-size-scale));
}
._control_7h0m5_83 {
  width: 100%;
}
._actions_7h0m5_86 {
  display: flex;
  justify-content: flex-end;
  gap: calc(8px * var(--responsive-size-scale));
  margin-top: auto;
}
._cancelButton_7h0m5_92,
._submitButton_7h0m5_93 {
  height: calc(40px * var(--responsive-size-scale));
  border-radius: calc(10px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
}
._cancelButton_7h0m5_92 {
  width: calc(68px * var(--responsive-size-scale));
  color: #000;
  background: #fff;
}
._submitButton_7h0m5_93 {
  width: calc(124px * var(--responsive-size-scale));
  color: #fff;
  background: #000;
}
._submitButton_7h0m5_93:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
._cancelButton_7h0m5_92:hover,
._cancelButton_7h0m5_92:focus-visible,
._submitButton_7h0m5_93:not(:disabled):hover,
._submitButton_7h0m5_93:not(:disabled):focus-visible {
  outline: none;
  opacity: 0.8;
}
@media (max-width: 600px) {
  ._dialog_7h0m5_1 {
    height: auto;
    min-height: calc(420px * var(--responsive-size-scale));
  }
  ._platformTabLabel_7h0m5_28 {
    gap: calc(5px * var(--responsive-size-scale));
    font-size: calc(13px * var(--responsive-size-scale));
  }
}
._root_1hxd2_1 {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._dateRange_1hxd2_7 {
  width: calc(290px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  border: 0;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #fff;
}
._quickRanges_1hxd2_14 {
  display: inline-flex;
  gap: calc(10px * var(--responsive-size-scale));
}
._quickRange_1hxd2_14 {
  width: calc(48px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #999;
  background: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  transition: border-color 150ms ease, color 150ms ease;
}
._quickRange_1hxd2_14:last-child {
  width: calc(65px * var(--responsive-size-scale));
}
._quickRange_1hxd2_14:hover,
._quickRangeActive_1hxd2_32 {
  border-color: #034fe7;
  color: #034fe7;
}
@media (prefers-reduced-motion: reduce) {
  ._quickRange_1hxd2_14 {
    transition: none;
  }
}
._columnMenu_lr1xr_1 {
  width: calc(210px * var(--responsive-size-scale));
  min-width: calc(210px * var(--responsive-size-scale));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.94);
}
._columnMenuHeader_lr1xr_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(8px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
}
._columnMenuHeader_lr1xr_7 span {
  display: inline-flex;
  gap: calc(10px * var(--responsive-size-scale));
}
._columnMenuHeader_lr1xr_7 button {
  color: #034fe7;
  font-size: calc(14px * var(--responsive-size-scale));
}
._columnOption_lr1xr_22 {
  display: flex;
  height: calc(33px * var(--responsive-size-scale));
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
  padding: 0 calc(5px * var(--responsive-size-scale));
  border-radius: calc(6px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  user-select: none;
}
._columnOption_lr1xr_22:not(._columnOptionFixed_lr1xr_32) {
  cursor: grab;
}
._columnOption_lr1xr_22:not(._columnOptionFixed_lr1xr_32):active {
  cursor: grabbing;
}
._columnOptionFixed_lr1xr_32 {
  cursor: default;
}
._columnOptionFixed_lr1xr_32::before {
  width: calc(14px * var(--responsive-size-scale));
  flex: 0 0 calc(14px * var(--responsive-size-scale));
  content: '';
}
._columnOptionDragging_lr1xr_46 {
  position: relative;
  z-index: 1;
}
._columnOptionOverlay_lr1xr_50 {
  cursor: grabbing;
  box-shadow: 0 calc(4px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale)) rgba(0, 0, 0, 0.12);
  background: #fff;
}
._columnDragHandle_lr1xr_55 {
  display: grid;
  width: calc(14px * var(--responsive-size-scale));
  height: calc(28px * var(--responsive-size-scale));
  flex: 0 0 calc(14px * var(--responsive-size-scale));
  padding: 0;
  place-items: center;
  touch-action: none;
  color: #999;
  cursor: grab;
  font-size: calc(14px * var(--responsive-size-scale));
  letter-spacing: calc(-3px * var(--responsive-size-scale));
  line-height: 1;
}
._columnDragHandle_lr1xr_55:active {
  cursor: grabbing;
}
._columnDragHandle_lr1xr_55:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(1px * var(--responsive-size-scale));
}
._columnLabel_lr1xr_76 {
  min-width: 0;
  line-height: calc(17px * var(--responsive-size-scale));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._columnOption_lr1xr_22:hover {
  background: #f4f4f4;
}
._customerInfoCell_166xm_1 {
  display: flex;
  min-width: 0;
  align-items: center;
  overflow: hidden;
  gap: calc(8px * var(--responsive-size-scale));
  white-space: nowrap;
}
._avatar_166xm_9 {
  flex: 0 0 calc(40px * var(--responsive-size-scale));
}
._customerDetails_166xm_12 {
  display: flex;
  min-width: 0;
  width: calc(100% - calc(48px * var(--responsive-size-scale)));
  flex-direction: column;
  gap: calc(2px * var(--responsive-size-scale));
}
._customerName_166xm_19 {
  overflow: hidden;
  max-width: calc(126px * var(--responsive-size-scale));
  text-overflow: ellipsis;
}
._multiContactTrigger_166xm_24 {
  display: inline-flex;
  width: fit-content;
  padding: 0;
}
._multiContactTrigger_166xm_24:focus-visible {
  border-radius: calc(6px * var(--responsive-size-scale));
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._multiContactTag_166xm_34 {
  display: inline-flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
  font-size: calc(11px * var(--responsive-size-scale));
  line-height: calc(18px * var(--responsive-size-scale));
}
._arrow_166xm_42 {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: calc(4px * var(--responsive-size-scale));
  border-top: calc(4px * var(--responsive-size-scale)) solid currentColor;
  border-right: calc(3px * var(--responsive-size-scale)) solid transparent;
  border-left: calc(3px * var(--responsive-size-scale)) solid transparent;
  transition: transform 160ms ease;
}
._arrowOpen_166xm_52 {
  transform: rotate(180deg);
}
._contactList_166xm_55 {
  display: grid;
  width: calc(340px * var(--responsive-size-scale));
  min-height: calc(64px * var(--responsive-size-scale));
  max-height: calc(204px * var(--responsive-size-scale));
  overflow-y: auto;
}
._contactItem_166xm_62 {
  display: grid;
  gap: calc(8px * var(--responsive-size-scale));
}
._contactDivider_166xm_66 {
  margin: calc(10px * var(--responsive-size-scale)) 0;
  border-top: calc(1px * var(--responsive-size-scale)) dashed #e5e5e5;
}
._contactTags_166xm_70,
._contactDetails_166xm_71 {
  display: flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
}
._contactTag_166xm_70 {
  margin: 0;
}
._contactDetails_166xm_71 {
  justify-content: space-between;
  gap: calc(16px * var(--responsive-size-scale));
}
._contactDetails_166xm_71 time,
._emptyContacts_166xm_84 {
  color: #999;
}
._emptyContacts_166xm_84 {
  padding: calc(8px * var(--responsive-size-scale));
  text-align: center;
}
._drawer_sq70e_1 {
  background: #f2f2f2;
}
._panel_sq70e_4 {
  min-height: 0;
  margin: 0 calc(12px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
}
@media (max-width: 640px) {
  ._panel_sq70e_4 {
    margin-inline: calc(8px * var(--responsive-size-scale));
  }
}
._metrics_czhgx_1 {
  width: 100%;
  margin-top: calc(20px * var(--responsive-size-scale));
}
._listHeader_czhgx_5 {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: calc(24px * var(--responsive-size-scale));
  margin-top: calc(30px * var(--responsive-size-scale));
}
._tabs_czhgx_13 {
  width: calc(480px * var(--responsive-size-scale));
  flex: 0 0 auto;
}
._panel_czhgx_17 {
  position: relative;
  margin-top: calc(20px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: visible;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._filterBar_czhgx_25 {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: calc(8px * var(--responsive-size-scale));
}
._contactSearch_czhgx_33 {
  width: calc(162px * var(--responsive-size-scale));
}
._panelActions_czhgx_36 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(8px * var(--responsive-size-scale));
}
._exportButton_czhgx_42 {
  display: inline-flex;
  width: calc(98px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(6px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #000;
  background: #efefef;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1;
  cursor: pointer;
  user-select: none;
}
._exportButton_czhgx_42:hover,
._settingsButton_czhgx_58:hover {
  background: #e7e7e7;
}
._exportButton_czhgx_42:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._settingsButton_czhgx_58 {
  display: grid;
  width: calc(40px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  place-items: center;
  color: #222;
  background-color: #efefef;
  border-radius: calc(8px * var(--responsive-size-scale));
}
._tableViewport_czhgx_74 {
  margin-top: 0;
  overflow: visible;
}
._tableTitle_czhgx_78 {
  display: inline-flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  white-space: nowrap;
}
._platform_czhgx_84 {
  display: inline-flex;
  align-items: center;
  gap: calc(6px * var(--responsive-size-scale));
}
._platform_czhgx_84 img {
  display: block;
  width: calc(18px * var(--responsive-size-scale));
  height: calc(18px * var(--responsive-size-scale));
  flex: 0 0 calc(18px * var(--responsive-size-scale));
  object-fit: contain;
}
._adSource_czhgx_96 {
  color: #034fe7;
  text-decoration: underline;
}
._adSourceMenu_czhgx_100 {
  width: calc(348px * var(--responsive-size-scale));
  min-width: calc(348px * var(--responsive-size-scale));
  padding: calc(16px * var(--responsive-size-scale)) calc(18px * var(--responsive-size-scale));
}
._adSourceTooltipContent_czhgx_105 {
  display: grid;
  gap: calc(6px * var(--responsive-size-scale));
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
}
._adSourceDetail_czhgx_111 {
  overflow-wrap: anywhere;
}
._adSourceLabel_czhgx_114 {
  color: #aaa;
}
._adSourceValue_czhgx_117 {
  color: #4b4b4b;
}
._drawer_1xgxn_1 {
  background: #f2f2f2;
}
._panelWrap_1xgxn_4 {
  min-height: 0;
  flex: 1;
  margin: 0 calc(12px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale));
  padding-top: calc(20px * var(--responsive-size-scale));
  padding-bottom: calc(20px * var(--responsive-size-scale));
}
@media (max-width: 640px) {
  ._panelWrap_1xgxn_4 {
    margin-inline: calc(8px * var(--responsive-size-scale));
  }
}
._metrics_1t521_1 {
  width: 100%;
  margin-top: calc(20px * var(--responsive-size-scale));
}
._tabs_1t521_5 {
  width: calc(272px * var(--responsive-size-scale));
}
._listHeader_1t521_8 {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: calc(24px * var(--responsive-size-scale));
  margin-top: calc(20px * var(--responsive-size-scale));
}
._exportButton_1t521_17 {
  display: inline-flex;
  height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(6px * var(--responsive-size-scale));
  padding: 0 calc(16px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #000;
  background: #efefef;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: 1;
  cursor: pointer;
  user-select: none;
}
._exportButton_1t521_17:hover {
  background: #e7e7e7;
}
._exportButton_1t521_17:focus-visible {
  outline: calc(2px * var(--responsive-size-scale)) solid #034fe7;
  outline-offset: calc(2px * var(--responsive-size-scale));
}
._panel_1t521_39 {
  width: 100%;
  margin-top: calc(20px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: hidden;
  border: calc(1px * var(--responsive-size-scale)) solid #fff;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._tableViewport_1t521_48 {
  width: 100%;
  min-width: 0;
}
._table_1t521_48 {
  font-size: calc(14px * var(--responsive-size-scale));
}
._tableTitle_1t521_55 {
  display: inline-flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  white-space: nowrap;
}
._customerCell_1t521_61 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: calc(10px * var(--responsive-size-scale));
}
._customerCell_1t521_61 img {
  width: calc(50px * var(--responsive-size-scale));
  height: calc(50px * var(--responsive-size-scale));
  flex: 0 0 calc(50px * var(--responsive-size-scale));
  border-radius: 50%;
  object-fit: cover;
}
._customerCell_1t521_61 > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: calc(6px * var(--responsive-size-scale));
}
._customerName_1t521_80 {
  display: block;
  width: 100%;
  max-width: calc(126px * var(--responsive-size-scale));
}
._customerTags_1t521_85 {
  display: inline-flex;
  gap: calc(6px * var(--responsive-size-scale));
}
._customerTags_1t521_85 b {
  padding: calc(3px * var(--responsive-size-scale)) calc(6px * var(--responsive-size-scale));
  border-radius: calc(4px * var(--responsive-size-scale));
  color: #034fe7;
  background: rgba(3, 79, 231, 0.1);
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 400;
  line-height: calc(18px * var(--responsive-size-scale));
}
._customerTags_1t521_85 b:last-child {
  color: #27a85b;
  background: rgba(39, 168, 91, 0.1);
}
._touchStatus_1t521_102 {
  display: inline-flex;
  align-items: center;
  gap: calc(7px * var(--responsive-size-scale));
}
._touchStatus_1t521_102 i {
  width: calc(6px * var(--responsive-size-scale));
  height: calc(6px * var(--responsive-size-scale));
  border-radius: 50%;
}
._touchSuccess_1t521_112 {
  background: #18b458;
}
._touchFailure_1t521_115 {
  background: #ff4164;
}
._touchPending_1t521_118 {
  background: #a3a3a3;
}
._metrics_l6ef7_1 {
  width: 100%;
  margin-top: calc(24px * var(--responsive-size-scale));
}
._panel_l6ef7_5 {
  width: 100%;
  margin-top: calc(20px * var(--responsive-size-scale));
  padding: calc(20px * var(--responsive-size-scale));
  overflow: hidden;
  border-radius: calc(20px * var(--responsive-size-scale));
  background: #fff;
}
._panelHeader_l6ef7_13 {
  display: flex;
  min-height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: space-between;
  gap: calc(16px * var(--responsive-size-scale));
  padding-bottom: calc(20px * var(--responsive-size-scale));
  color: #111;
  font-size: calc(16px * var(--responsive-size-scale));
}
._panelTools_l6ef7_23 {
  display: inline-flex;
  align-items: center;
  gap: calc(14px * var(--responsive-size-scale));
}
._nameSearch_l6ef7_28 {
  width: calc(170px * var(--responsive-size-scale));
}
._exportButton_l6ef7_31 {
  display: inline-flex;
  width: calc(98px * var(--responsive-size-scale));
  height: calc(40px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  gap: calc(6px * var(--responsive-size-scale));
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #111;
  background: #efefef;
  font-size: calc(13px * var(--responsive-size-scale));
}
._exportButton_l6ef7_31:hover {
  background: #e5e5e5;
}
._table_l6ef7_46 {
  font-size: calc(14px * var(--responsive-size-scale));
}
._tableHeading_l6ef7_49 {
  display: inline-flex;
  align-items: center;
  gap: calc(4px * var(--responsive-size-scale));
  white-space: nowrap;
}
._page_vndw9_1 {
  position: fixed;
  inset: 0;
  z-index: 1;
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  height: 100%;
  padding: clamp(calc(24px * var(--responsive-size-scale)), 5vw, calc(64px * var(--responsive-size-scale))) calc(16px * var(--responsive-size-scale));
  overflow: auto;
  background: #f4f7f9;
}
._content_vndw9_13 {
  width: min(100%, calc(960px * var(--responsive-size-scale)));
  min-width: 0;
  margin: 0 auto;
  padding: clamp(calc(24px * var(--responsive-size-scale)), 5vw, calc(64px * var(--responsive-size-scale))) clamp(calc(20px * var(--responsive-size-scale)), 6vw, calc(76px * var(--responsive-size-scale)));
  overflow: hidden;
  border: calc(1px * var(--responsive-size-scale)) solid #e2e9ee;
  border-radius: calc(8px * var(--responsive-size-scale));
  background: #fff;
}
@media (max-width: 640px) {
  ._page_vndw9_1 {
    padding: calc(16px * var(--responsive-size-scale)) calc(10px * var(--responsive-size-scale)) calc(28px * var(--responsive-size-scale));
  }
  ._content_vndw9_13 {
    padding: calc(24px * var(--responsive-size-scale)) calc(18px * var(--responsive-size-scale)) calc(32px * var(--responsive-size-scale));
    border-radius: calc(6px * var(--responsive-size-scale));
  }
}
._page_17zr6_1 {
  min-height: 100vh;
  min-height: 100dvh;
  padding: calc(72px * var(--responsive-size-scale)) calc(32px * var(--responsive-size-scale)) calc(96px * var(--responsive-size-scale));
  color: #16324f;
  background: #f4f7f9;
}
._header_17zr6_8,
._stage_17zr6_9,
._toolbar_17zr6_10 {
  width: min(100%, calc(920px * var(--responsive-size-scale)));
  margin: 0 auto;
}
._eyebrow_17zr6_14 {
  color: #465fff;
  font-size: calc(12px * var(--responsive-size-scale));
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: calc(18px * var(--responsive-size-scale));
  text-transform: uppercase;
}
._title_17zr6_22 {
  margin-top: calc(8px * var(--responsive-size-scale));
  color: #102a43;
  font-size: clamp(calc(28px * var(--responsive-size-scale)), 4vw, calc(44px * var(--responsive-size-scale)));
  font-weight: 700;
  line-height: 1.1;
}
._description_17zr6_29 {
  max-width: calc(520px * var(--responsive-size-scale));
  margin-top: calc(16px * var(--responsive-size-scale));
  color: #5d7185;
  font-size: calc(16px * var(--responsive-size-scale));
  line-height: calc(24px * var(--responsive-size-scale));
}
._toolbar_17zr6_10 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8px * var(--responsive-size-scale));
  margin-top: calc(36px * var(--responsive-size-scale));
  padding-bottom: calc(16px * var(--responsive-size-scale));
  border-bottom: calc(1px * var(--responsive-size-scale)) solid #dce5eb;
}
._tab_17zr6_44,
._activeTab_17zr6_45 {
  min-height: calc(36px * var(--responsive-size-scale));
  padding: 0 calc(14px * var(--responsive-size-scale));
  border: calc(1px * var(--responsive-size-scale)) solid #dce5eb;
  border-radius: calc(8px * var(--responsive-size-scale));
  color: #5d7185;
  background: #fff;
  font-size: calc(14px * var(--responsive-size-scale));
  line-height: calc(20px * var(--responsive-size-scale));
  transition: border-color 150ms ease, color 150ms ease, background 150ms ease;
}
._tab_17zr6_44:hover,
._tab_17zr6_44:focus-visible,
._activeTab_17zr6_45:focus-visible {
  border-color: #465fff;
  outline: none;
}
._activeTab_17zr6_45 {
  border-color: #465fff;
  color: #fff;
  background: #465fff;
}
._stage_17zr6_9 {
  display: flex;
  min-height: calc(340px * var(--responsive-size-scale));
  align-items: center;
  justify-content: center;
  margin-top: calc(36px * var(--responsive-size-scale));
  padding: calc(48px * var(--responsive-size-scale)) calc(24px * var(--responsive-size-scale));
  border-radius: calc(16px * var(--responsive-size-scale));
  background: #fff;
}
._overlay_17zr6_77 {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  padding: calc(12px * var(--responsive-size-scale)) calc(14px * var(--responsive-size-scale));
  color: #fff;
  background: linear-gradient(180deg, rgba(5, 18, 35, 0.78), rgba(5, 18, 35, 0));
  font-size: calc(16px * var(--responsive-size-scale));
  line-height: calc(22px * var(--responsive-size-scale));
}
._overlayKicker_17zr6_88 {
  margin-bottom: calc(4px * var(--responsive-size-scale));
  color: #c4d0dc;
  font-size: calc(10px * var(--responsive-size-scale));
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: calc(14px * var(--responsive-size-scale));
}
@media (max-width: 600px) {
  ._page_17zr6_1 {
    padding: calc(40px * var(--responsive-size-scale)) calc(20px * var(--responsive-size-scale)) calc(64px * var(--responsive-size-scale));
  }
  ._stage_17zr6_9 {
    padding: calc(32px * var(--responsive-size-scale)) calc(12px * var(--responsive-size-scale));
  }
}
:root {
  font-family: 'PingFang SC', 'Microsoft YaHei', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #16324f;
  background: #f4f7f9;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --ink: #16324f;
  --ink-soft: #5d7185;
  --navy: #102a43;
  --navy-deep: #0b2034;
  --paper: #f4f7f9;
  --white: #ffffff;
  --line: #dce5eb;
  --blue: #2f80ed;
  --coral: #e76f51;
  --mint: #2a9d8f;
  --yellow: #e9c46a;
  --scrollbar-thumb: #cccccc;
  --scrollbar-track: transparent;
  --responsive-size-scale: 1;
}
@media (max-width: 1660px) {
  :root {
    --responsive-size-scale: 0.9;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
*::-webkit-scrollbar {
  width: 0;
  height: calc(2px * var(--responsive-size-scale));
}
*::-webkit-scrollbar-thumb {
  min-height: calc(34px * var(--responsive-size-scale));
  border-radius: calc(21px * var(--responsive-size-scale));
  background: var(--scrollbar-thumb);
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}
html {
  min-width: calc(1280px * var(--responsive-size-scale));
  background: var(--paper);
}
body {
  min-width: calc(1280px * var(--responsive-size-scale));
  min-height: 100vh;
  margin: 0;
  background: var(--paper);
}
#root {
  min-width: calc(1280px * var(--responsive-size-scale));
  min-height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
dl,
dd {
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
button,
input,
textarea,
select {
  font: inherit;
}
button {
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  height: auto;
}
button,
input,
textarea,
select {
  margin: 0;
}
textarea {
  resize: none !important;
}