/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__9fLlM {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__XzhBw {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__O8h6O ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__O8h6O ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__O8h6O ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__O8h6O ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__O8h6O li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__O8h6O .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__O8h6O .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__O8h6O .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__O8h6O .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__b_UNd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__erAxi {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__B3Ml_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__B3Ml_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__B3Ml_ .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__B3Ml_ .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__B3Ml_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__B3Ml_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__B3Ml_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__B3Ml_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__B3Ml_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__B3Ml_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__B3Ml_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__B3Ml_ .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__B3Ml_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__B3Ml_ .editBgColor::before,
.style_tree__B3Ml_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__B3Ml_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__B3Ml_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__B3Ml_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__B3Ml_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__B3Ml_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__B3Ml_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__B3Ml_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__B3Ml_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__B3Ml_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__j76oV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__L7Svt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__ofrxw::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__ofrxw::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__ofrxw:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__luFU0::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__luFU0::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__luFU0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__vmjs_ {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__Ej2b4 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Ej2b4 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Ej2b4 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Ej2b4 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Ej2b4 {
    flex: 0 0 100%;
  }
}
.style_filterInput__FSPVX {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_templateItem__S8DKs {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
@media screen and (any-hover: hover) {
  .style_templateItem__S8DKs:hover {
    transform: translate(-1px, -1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  }
  .style_templateItem__S8DKs:hover .style_moreBtnWrapper__ugwyc .style_moreBtn__U0CWx {
    display: block !important;
  }
}
.style_templateItem__S8DKs .style_moreBtnWrapper__ugwyc {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.style_templateItem__S8DKs .style_moreBtnWrapper__ugwyc .style_moreBtn__U0CWx {
  display: none !important;
  background: var(--blackBlue_800);
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.style_templateItem__S8DKs .style_moreBtnWrapper__ugwyc .style_moreBtn__U0CWx svg {
  fill: var(--blackBlue_50);
}
.style_templateItem__S8DKs .style_moreBtnWrapper__ugwyc .style_moreBtn__U0CWx > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_templateItem__S8DKs .style_moreBtnWrapper__ugwyc .style_moreBtn__U0CWx:hover {
  box-shadow: 0px 0px 0px 1px #474747, 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 6px 12px rgba(0, 0, 0, 0.16);
}
.style_templateItem__S8DKs .style_banner__MEU_e {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.style_templateItem__S8DKs .style_backgroundImage___H4BZ {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.style_templateItem__S8DKs .style_firstItemGradient__uMOtN {
  position: relative;
}
.style_templateItem__S8DKs .style_firstItemGradient__uMOtN::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--defaultBg) 15%, var(--defaultBgGradientEnd) 100%);
  z-index: 1;
  pointer-events: none;
}
.style_templateItem__S8DKs .style_firstItemGradient__uMOtN .style_backgroundImage___H4BZ {
  position: relative;
}
.style_templateItem__S8DKs .style_firstItemGradient__uMOtN .style_bannerDesc__y7umY {
  max-width: 400px;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  background-position: center 35%;
  background-repeat: no-repeat;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa .style_avatarBackground__ezEaK {
  width: 68px;
  height: 26px;
  position: absolute;
  bottom: -6px;
  left: 0;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa .style_bannerDesc__y7umY {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa .style_bannerDesc__y7umY .style_title__FZ44a {
  max-width: 100%;
  text-align: left;
  font-size: 17px;
  font-weight: 500;
  text-shadow: var(--defaultBg);
  display: -webkit-box;
  word-break: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--color-text-primary);
  z-index: 2;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa .style_bannerDesc__y7umY .style_desc__xO4CT {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  word-break: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 2;
  color: var(--color-text-secondary);
}
.style_templateItem__S8DKs .style_wrapper__fbhKa.style_mediumBanner__ju3ec {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa.style_mediumBanner__ju3ec .style_backgroundImage___H4BZ {
  flex-shrink: 0;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  margin-right: 20px;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa.style_mediumBanner__ju3ec .style_bannerDesc__y7umY {
  position: static;
  height: 100%;
  overflow: hidden;
  word-break: normal;
  word-wrap: break-word;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa .style_userAvatar__r_Y3I {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -20px;
  left: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa .style_userAvatar__r_Y3I::before {
  content: attr(data-name);
  font-size: 14px;
  color: var(--defaultBg);
  position: absolute;
  top: -36px;
  display: block;
  width: 74px;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  background-color: var(--primaryColor);
  border-radius: 4px;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_templateItem__S8DKs .style_wrapper__fbhKa .style_userAvatar__r_Y3I:hover::before {
  opacity: 1;
}
.style_templateItem__S8DKs .style_templateInfo__kTNXJ {
  padding: 16px;
  padding-top: 12px;
  border-radius: 0 0 8px 8px;
}
.style_templateItem__S8DKs .style_templateInfo__kTNXJ .style_name__s_dpp {
  font-weight: 500;
  font-size: 14px;
}
.style_templateItem__S8DKs .style_templateInfo__kTNXJ .style_desc__xO4CT {
  font-size: 14px;
  height: 40px;
  color: var(--color-text-secondary);
}
.style_templateItem__S8DKs .style_templateInfo__kTNXJ .style_tags__23RCl {
  margin-top: 8px;
  padding-top: 8px;
}
.style_templateItem__S8DKs .style_templateInfo__kTNXJ .style_tags__23RCl .style_tag__zvNcr:not(:last-child) {
  margin-right: 8px;
}
.style_templateItem__S8DKs .style_templateInfo__kTNXJ .style_templateState__pTEZu {
  display: flex;
  justify-content: center;
  font-family: "MTS Compact", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  border-radius: 12px;
  font-size: 14px;
  line-height: 20px;
  padding: 2px 0;
  margin-top: 12px;
}
.style_templateItem__S8DKs .style_templateInfo__kTNXJ .style_templateState__pTEZu.style_private__G_C09,
.style_templateItem__S8DKs .style_templateInfo__kTNXJ .style_templateState__pTEZu.style_underModeration__gDiB9 {
  background-color: var(--color-background-secondary);
}
.style_templateItem__S8DKs .style_templateInfo__kTNXJ .style_templateState__pTEZu.style_published__AeOMg {
  color: var(--defaultBg);
  background-color: var(--color-text-primary);
}
.style_moreContextMenu__UO5aZ {
  background-color: var(--defaultBg);
  max-width: 240px;
  width: 240px;
  border-radius: 8px;
  margin: 0;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.16);
  z-index: 9999;
  cursor: pointer;
}
.style_moreContextMenu__UO5aZ .style_contextMenuItem__gsAXc {
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
  overflow: hidden;
}
.style_moreContextMenu__UO5aZ .style_contextMenuItem__gsAXc:hover {
  background-color: var(--rowSelectedBg);
}
.style_moreContextMenu__UO5aZ .style_contextMenuItem__gsAXc:first-child:hover {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.style_moreContextMenu__UO5aZ .style_contextMenuItem__gsAXc:last-child:hover {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.style_moreContextMenu__UO5aZ .style_contextMenuItem__gsAXc .style_icon__x9GnL {
  width: 15px;
  height: 15px;
  fill: var(--thirdLevelText);
}
.style_moreContextMenu__UO5aZ .style_contextMenuItem__gsAXc .style_name__s_dpp {
  flex: 1;
  font-size: 14px;
  color: var(--firstLevelText);
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_publishModal__lbLsx{
  font-family: "MTS Compact", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.style_publishModal__lbLsx .ant-modal-body {
  padding: 24px 36px 40px;
}
.style_publishModal__lbLsx .style_textContainer__2Azsx {
  padding-top: 19px;
}
.style_publishModal__lbLsx .style_textContainer__2Azsx .style_content__Ek4Y_ {
  padding: 8px 12px;
  background-color: var(--color-background-secondary);
  border-radius: 12px;
  display: flex;
  gap: 8px;
  font-size: 14px;
}
.style_publishModal__lbLsx .style_textContainer__2Azsx .style_content__Ek4Y_ .style_text__DnwOe {
  white-space: pre-wrap;
  font-family: inherit;
  margin: 0;
  padding: 0;
}
.style_publishModal__lbLsx .style_textContainer__2Azsx .style_form__6M2HB {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 20px;
}
.style_publishModal__lbLsx .style_textContainer__2Azsx .style_field__IBYgb {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.style_publishModal__lbLsx .style_textContainer__2Azsx .style_label__X4y6X {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-primary);
}
.style_publishModal__lbLsx .style_textContainer__2Azsx .style_fieldError__FXetd {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  color: var(--errorColor);
}
.style_publishModal__lbLsx .style_textContainer__2Azsx .style_retryButton__asJI2 {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--primaryColor);
  cursor: pointer;
}
.style_publishModal__lbLsx .style_textContainer__2Azsx .style_footer__h6scn {
  padding-top: 24px;
  display: flex;
  gap: 8px;
}
.style_publishModal__lbLsx .style_textContainer__2Azsx .style_footer__h6scn .style_footerButtonWrapper__cYYxS {
  flex: 1;
}
@media screen and (max-width: 1360px) {
  .style_mediumBanner__ju3ec .style_bannerDesc__y7umY .style_title__FZ44a {
    font-size: 20px !important;
    line-height: 26px !important;
  }
}
@media screen and (max-width: 991.98px) {
  .style_templateItem__S8DKs .style_wrapper__fbhKa.style_mediumBanner__ju3ec .style_bannerDesc__y7umY {
    padding: 16px;
  }
}
@media screen and (max-width: 480px) {
  .style_mediumBanner__ju3ec .style_bannerDesc__y7umY .style_title__FZ44a {
    font-size: 17px !important;
    line-height: 22px !important;
  }
}

.style_usingBtn__E9bUt {
  display: inline-flex;
}
.style_usingBtn__E9bUt.style_usingBtnFluid__uJNEH {
  width: 100%;
}
.style_usingBtn__E9bUt svg {
  margin-left: 8px;
  vertical-align: -0.125em;
}
.style_customButton__Nm2u9 {
  height: 40px;
  color: white;
  border-radius: 6px;
}
.style_customButton__Nm2u9:hover {
  opacity: 0.8;
}
.style_customButton__Nm2u9:active {
  opacity: 0.5;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__CLPGe {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__HNN7w {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__UhxYT ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__UhxYT ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__UhxYT ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__UhxYT ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__UhxYT li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__UhxYT .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__UhxYT .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__UhxYT .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__UhxYT .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__tIbQM {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__hU32B {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__udIeB .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__udIeB .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__udIeB .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__udIeB .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__udIeB .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__udIeB .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__udIeB .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__udIeB .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__udIeB .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__udIeB .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__udIeB .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__udIeB .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__udIeB .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__udIeB .editBgColor::before,
.style_tree__udIeB .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__udIeB .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__udIeB .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__udIeB .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__udIeB .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__udIeB .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__udIeB .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__udIeB .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__udIeB .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__udIeB .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__sbcCa .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__J17ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__oxCHo::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__oxCHo::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__oxCHo:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__gC59T::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__gC59T::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__gC59T:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__cW1_2 {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__6E_SX {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__6E_SX {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__6E_SX {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__6E_SX {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__6E_SX {
    flex: 0 0 100%;
  }
}
.style_filterInput___fbii {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_textInput__4dnU_ .style_errmsg__UseKV {
  font-size: 12px;
  font-weight: normal;
  color: var(--errorColor);
  margin-top: 8px;
  height: 12px;
  line-height: 12px;
  text-align: left;
}
.style_textInput__4dnU_ .ant-input {
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid var(--lineColor);
  padding: 0;
  outline: none;
  height: 100%;
  width: 100%;
  font-size: 14px;
}
.style_textInput__4dnU_ .ant-input::placeholder {
  color: var(--lineColor) !important;
}
.style_textInput__4dnU_ .err.ant-input,
.style_textInput__4dnU_ .err .ant-input {
  border-bottom: 1px solid red;
}
.style_textInput__4dnU_ .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-bottom: 1px solid var(--lineColor);
}
.style_textInput__4dnU_ .ant-input:focus {
  border: none;
  box-shadow: none;
}
.style_textInput__4dnU_ .ant-input[disabled] {
  color: var(--thirdLevelText);
}


/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__oxLj1 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__j4d8P {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__w6Fz9 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__w6Fz9 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__w6Fz9 ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__w6Fz9 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__w6Fz9 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__w6Fz9 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__w6Fz9 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__w6Fz9 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__w6Fz9 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__IVfcj {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__mPQH2 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__imzzg .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__imzzg .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__imzzg .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__imzzg .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__imzzg .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__imzzg .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__imzzg .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__imzzg .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__imzzg .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__imzzg .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__imzzg .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__imzzg .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__imzzg .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__imzzg .editBgColor::before,
.style_tree__imzzg .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__imzzg .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__imzzg .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__imzzg .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__imzzg .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__imzzg .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__imzzg .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__imzzg .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__imzzg .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__imzzg .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__jcYRB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__cFWvx .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__6QAIH::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__6QAIH::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__6QAIH:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__vc_zu::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__vc_zu::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__vc_zu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__JHo6j {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__p_kZr {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__p_kZr {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__p_kZr {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__p_kZr {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__p_kZr {
    flex: 0 0 100%;
  }
}
.style_filterInput__JoBmn {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_searchMemberList__gB_rl {
  position: relative;
}
.style_searchMemberList__gB_rl .ant-input {
  width: 330px;
}
.style_searchMemberList__gB_rl .style_searchRes__mMfgs {
  width: 330px;
  max-height: 320px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: var(--defaultBg);
  border: 2px solid var(--lineColor);
  position: absolute;
  top: 39px;
  left: 0;
  z-index: var(--searchMemberList);
  overflow: hidden;
}
.style_searchMemberList__gB_rl .style_searchRes__mMfgs:hover {
  overflow: auto;
}
.style_searchMemberList__gB_rl .style_searchRes__mMfgs::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchMemberList__gB_rl .style_searchRes__mMfgs::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchMemberList__gB_rl .style_searchRes__mMfgs::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_searchMemberList__gB_rl .style_searchRes__mMfgs:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchMemberList__gB_rl .style_infoCardWrap__Bj7eF {
  padding-left: 8px;
  padding-right: 8px;
}
.style_searchMemberList__gB_rl .style_searchEmpty__McUre {
  height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_searchMemberList__gB_rl .style_searchEmpty__McUre img {
  display: inline-block;
  width: 160px;
  margin-bottom: 16px;
}
.style_searchMemberList__gB_rl .style_searchEmpty__McUre span {
  font-size: 12px;
  color: var(--secondLevelText);
}
.style_searchMemberList__gB_rl.style_wecomContainer__Uu4Rh .style_wecomLayer__WjqW6 {
  position: absolute;
  left: 20px;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px 8px;
  pointer-events: none;
}
.style_searchMemberList__gB_rl.style_wecomContainer__Uu4Rh input {
  color: transparent;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_searchEmpty__T4sqn {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background: var(--defaultBg);
}
.style_searchEmpty__T4sqn .style_img__kT4Db {
  display: inline-block;
  width: 150px;
  margin-top: 40px;
  margin-bottom: 41px;
}
.style_searchEmpty__T4sqn span {
  font-size: 15px;
  color: var(--secondLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__wTH1Q {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ghRU3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__g8lej ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__g8lej ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__g8lej ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__g8lej ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__g8lej li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__g8lej .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__g8lej .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__g8lej .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__g8lej .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__I5x_V {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__NnLlp {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__gbyw3 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__gbyw3 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__gbyw3 .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__gbyw3 .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__gbyw3 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__gbyw3 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__gbyw3 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__gbyw3 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__gbyw3 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__gbyw3 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__gbyw3 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__gbyw3 .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__gbyw3 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__gbyw3 .editBgColor::before,
.style_tree__gbyw3 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__gbyw3 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__gbyw3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__gbyw3 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__gbyw3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__gbyw3 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__gbyw3 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__gbyw3 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__gbyw3 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__gbyw3 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__CcGLM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__T_Bbw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__KC6W0::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__KC6W0::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__KC6W0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__R3k_F::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__R3k_F::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__R3k_F:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__60ciB {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__M7Txr {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__M7Txr {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__M7Txr {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__M7Txr {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__M7Txr {
    flex: 0 0 100%;
  }
}
.style_filterInput__SEJTd {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_searchList__78Quv .style_searchTitle__kGjQd {
  height: 40px;
  width: 100%;
  padding-left: 20px;
  line-height: 40px;
  font-size: 15px;
  color: var(--thirdLevelText);
}
.style_searchList__78Quv .ant-list-item {
  padding: 0;
  height: 60px;
  box-sizing: border-box;
  border: none;
  background-color: var(--bgCommonHighest);
}
.style_searchList__78Quv .ant-list-item:hover {
  cursor: pointer;
}
.style_searchList__78Quv .ant-list-split .ant-list-item {
  border-bottom: none;
  overflow: hidden;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_searchTeamAndMember__Jybw0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  z-index: var(--userMenu);
  position: absolute;
  top: 48px;
  left: 0;
  height: 100%;
}
.style_searchTeamAndMember__Jybw0 .style_searchInputWrapper__CUDzH {
  padding: 0 19px;
  width: 100%;
}
.style_searchTeamAndMember__Jybw0 .style_searchInputWrapper__CUDzH.style_inputWrapperMobile__qsEg_ {
  padding: 0 12px;
}
.style_searchTeamAndMember__Jybw0 .style_searchInputWrapper__CUDzH.style_inputWrapperMobile__qsEg_ .style_searchInput__XG4ky {
  padding: 0 16px;
  text-indent: 0;
}
.style_searchTeamAndMember__Jybw0 .style_searchInputWrapper__CUDzH.style_inputWrapperMobile__qsEg_ .style_searchInput__XG4ky,
.style_searchTeamAndMember__Jybw0 .style_searchInputWrapper__CUDzH.style_inputWrapperMobile__qsEg_ .style_searchInput__XG4ky input {
  border-radius: 16px;
}
.style_searchTeamAndMember__Jybw0 .style_searchResultWrapper__P_XD2 {
  background: var(--defaultBg);
  height: 100%;
  width: 100%;
}

.styles_logo__GRGZE {
  display: inline-flex;
  align-items: center;
}
.styles_logo__GRGZE svg {
  width: inherit !important;
  height: inherit !important;
}
.styles_logoText__E77AH {
  margin-left: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_wrapper__R26A0 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-position: top;
  background-color: var(--defaultBg);
}
.style_wrapper__R26A0 .style_logoWrapper__Gb7VE {
  width: 100%;
  padding: 40px 0 0 40px;
}
.style_wrapper__R26A0 .style_logoWrapper__Gb7VE .style_logo__EXNLS {
  height: 32px;
  width: auto;
}
.style_wrapper__R26A0 .style_logoWrapper__Gb7VE.style_shadow__fw2xB {
  box-shadow: 0px 2px 14px 0px var(--shadowColor);
  z-index: 1;
}
.style_wrapper__R26A0 .style_childrenWrapper__70_kP {
  flex: 1;
  position: relative;
  z-index: 1;
}
.style_loginCard__bntxf {
  width: 400px;
  box-shadow: 0px 2px 14px 0px var(--shadowColor);
  border-radius: 8px;
}
@media screen and (max-width: 767.98px) {
  .style_wrapper__R26A0 .style_logoWrapper__Gb7VE {
    padding: 24px;
  }
  .style_wrapper__R26A0 .style_logoWrapper__Gb7VE .style_logo__EXNLS {
    height: 22px;
  }
  .style_wrapper__R26A0 .style_childrenWrapper__70_kP {
    overflow-x: hidden;
    overflow-y: auto;
    flex: auto;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_resizeBarStyle__S5UpM {
  position: relative;
}
.style_resizeBarStyle__S5UpM:hover:not([class*='disabled']):after {
  content: ' ';
  display: block;
  position: absolute;
  width: 5px;
  height: 48px;
  background: var(--primaryColor);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}
.style_resizeBarStyle__S5UpM:hover:not([class*='disabled'])::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: var(--primaryColor);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.style_isDragging__JhTAW:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 5px;
  height: 48px;
  background: var(--primaryColor);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}
.style_isDragging__JhTAW::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: var(--primaryColor);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_steps__pLcCF {
  display: flex;
  margin-top: 60px;
}
.styles_steps__pLcCF .styles_stepItem__tlym_ {
  position: relative;
  width: 120px;
  color: var(--textCommonTertiary);
}
.styles_steps__pLcCF .styles_stepItem__tlym_:not(:last-child):before {
  content: "";
  position: absolute;
  width: 96px;
  height: 4px;
  margin: 0 12px;
  left: 60px;
  top: -2px;
  background: var(--bgControlsDefault);
}
.styles_steps__pLcCF .styles_stepItem__tlym_ .styles_stepItemIcon__WwIvP {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: -12px 0 0 48px;
  width: 24px;
  height: 24px;
  text-align: center;
  border: 2px solid var(--bgControlsDefault);
  border-radius: 50%;
  background: var(--bgControlsDefault);
  line-height: 24px;
  cursor: pointer;
}
.styles_steps__pLcCF .styles_stepItem__tlym_ .styles_stepItemContent__5pSu2 {
  margin-top: 9px;
  text-align: center;
  color: var(--textCommonTertiary);
}
.styles_steps__pLcCF .styles_stepItemActive__TJuYf .styles_stepItemIcon__WwIvP {
  background: var(--primaryColor);
  color: var(--staticWhite0);
  border-width: 0;
}
.styles_steps__pLcCF .styles_stepItemActive__TJuYf .styles_stepItemContent__5pSu2 {
  color: var(--textCommonTertiary);
}
.styles_steps__pLcCF .styles_stepItemFinish__rxYZw:not(:last-child):before {
  background: var(--primaryColor);
}
.styles_steps__pLcCF .styles_stepItemFinish__rxYZw .styles_stepItemIcon__WwIvP {
  background: var(--primaryColor);
  border-width: 0;
}

.style_templateDescriptionEditor__sJXdX {
  font-size: 14px;
  line-height: 20px;
  color: var(--ui-kit-text-secondary);
  overflow: auto;
  max-height: 150px;
  padding: 0;
}
.style_templateDescriptionEditor__sJXdX > div[data-section-spacing] {
  padding: 0 !important;
}
.style_templateDescriptionEditor__sJXdX [data-slate-editor="true"] {
  padding: 0 !important;
}
.style_templateDescriptionEditor__sJXdX [data-slate-node="element"][data-node-type="block"] {
  margin: 0 !important;
  padding: 0 !important;
}
.style_templateDescriptionEditor__sJXdX p[data-element-type="paragraph"] {
  margin: 0 !important;
  padding: 0 !important;
  min-height: unset !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.style_templateDescriptionEditor__sJXdX ul,
.style_templateDescriptionEditor__sJXdX ol {
  margin: 0 !important;
  padding-left: 20px !important;
}
.style_templateDescriptionEditor__sJXdX li[data-element-type="listItem"] {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.style_templateDescriptionEditor__sJXdX [data-slate-string="true"] {
  font-size: 14px;
  line-height: 20px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_networkStatus__xtEvs {
  display: flex;
  align-items: center;
  height: 100%;
}
.style_networkStatus__xtEvs .style_network__3QWxQ {
  width: 36px;
  height: 36px;
}
.style_networkStatus__xtEvs svg {
  pointer-events: none;
  width: 36px !important;
  height: 36px !important;
}

.styles_editor__KfjXM {
  font-variant-numeric: normal;
  --page-column: 700px;
  /* Render the username above the caret */
  /* List styles */
  /* Heading styles */
  /* Code and preformatted text styles */
  /* Highlight specific styles */
  /* Task list specific styles */
}
.styles_editor__KfjXM .styles_page__klFTb {
  position: relative;
  box-sizing: border-box;
  width: var(--page-column);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.styles_editor__KfjXM .styles_page__klFTb > * {
  max-width: 100%;
}
.styles_editor__KfjXM .page-size-breakout {
  --node-width: var(--page-column);
  box-sizing: border-box;
  width: var(--node-width);
  max-width: var(--page-area-width, 100%);
  margin-left: calc((var(--page-column) - var(--node-width)) / 2);
  margin-right: calc((var(--page-column) - var(--node-width)) / 2);
}
.styles_editor__KfjXM ::selection {
  background: #b7ddff;
  text-shadow: none;
}
.styles_editor__KfjXM ::-moz-selection {
  background: #b7ddff;
  text-shadow: none;
}
.styles_editor__KfjXM .styles_cursorCaret__rzvgK {
  border-left: 1px solid #0d0d0d;
  border-right: 1px solid #0d0d0d;
  margin-left: -1px;
  margin-right: -1px;
  pointer-events: none;
  position: relative;
  word-break: normal;
}
.styles_editor__KfjXM .styles_cursorLabel__luaXT {
  border-radius: 3px 3px 3px 0;
  color: #0d0d0d;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  left: -1px;
  line-height: normal;
  padding: 0.1rem 0.3rem;
  position: absolute;
  top: -1.4em;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.styles_editor__KfjXM :first-child {
  margin-top: 0;
}
.styles_editor__KfjXM ul,
.styles_editor__KfjXM ol {
  padding: 0 1rem;
  margin: 1.25rem 1rem 1.25rem 0.4rem;
}
.styles_editor__KfjXM ul li p,
.styles_editor__KfjXM ol li p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.styles_editor__KfjXM h1,
.styles_editor__KfjXM h2,
.styles_editor__KfjXM h3,
.styles_editor__KfjXM h4,
.styles_editor__KfjXM h5,
.styles_editor__KfjXM h6 {
  line-height: 1.1;
  margin-top: 2.5rem;
  text-wrap: pretty;
  font-family: "MTS Wide", sans-serif;
  font-weight: 500;
}
.styles_editor__KfjXM h1,
.styles_editor__KfjXM h2 {
  margin-top: 3.5rem;
  margin-bottom: 1.5rem;
}
.styles_editor__KfjXM h1 {
  font-size: 1.4rem;
}
.styles_editor__KfjXM h2 {
  font-size: 1.2rem;
}
.styles_editor__KfjXM h3 {
  font-size: 1.1rem;
}
.styles_editor__KfjXM h4,
.styles_editor__KfjXM h5,
.styles_editor__KfjXM h6 {
  font-size: 1rem;
}
.styles_editor__KfjXM code {
  background-color: var(--purple-light);
  border-radius: 0.4rem;
  color: var(--black);
  font-size: 0.85rem;
  padding: 0.25em 0.3em;
  word-break: break-all;
}
.styles_editor__KfjXM pre {
  background-color: var(--color-background-secondary);
  color: var(--color-text-secondary);
  border-radius: 0.5rem;
  font-family: 'JetBrainsMono', monospace;
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
}
.styles_editor__KfjXM pre code {
  background: none;
  color: inherit;
  font-size: 0.8rem;
  padding: 0;
}
.styles_editor__KfjXM hr {
  border: none;
  border-top: 1px solid var(--gray-2);
  margin: 2rem 0;
}
.styles_editor__KfjXM mark {
  background-color: #FAF594;
  border-radius: 0.4rem;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.styles_editor__KfjXM ul[data-type="taskList"] {
  list-style: none;
  margin-left: 0;
  padding: 0;
}
.styles_editor__KfjXM ul[data-type="taskList"] li {
  align-items: flex-start;
  display: flex;
}
.styles_editor__KfjXM ul[data-type="taskList"] li > label {
  align-self: flex-start;
  flex: 0 0 auto;
  margin-right: 0.5em;
  padding-top: 0.35em;
  -webkit-user-select: none;
          user-select: none;
}
.styles_editor__KfjXM ul[data-type="taskList"] li > label > span {
  font-size: inherit;
}
.styles_editor__KfjXM ul[data-type="taskList"] input[type="checkbox"] {
  font-size: inherit;
  -webkit-appearance: none;
          appearance: none;
  position: relative;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  width: 1em;
  height: 1em;
  border-radius: 4px;
  border: 1.5px solid var(--ui-kit-blackblue-600);
  background-color: var(--ui-kit-white);
  cursor: pointer;
  transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease;
}
.styles_editor__KfjXM ul[data-type="taskList"] input[type="checkbox"]:hover {
  border-color: var(--action-hover);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--ui-kit-deeppurple-500) 32%, transparent);
}
.styles_editor__KfjXM ul[data-type="taskList"] input[type="checkbox"]:active {
  border-color: var(--ui-kit-deeppurple-200);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--ui-kit-deeppurple-500) 40%, transparent);
}
.styles_editor__KfjXM ul[data-type="taskList"] input[type="checkbox"]:checked {
  border-color: var(--ui-kit-deeppurple-500);
  background-color: var(--ui-kit-deeppurple-500);
}
.styles_editor__KfjXM ul[data-type="taskList"] input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 0.35em;
  top: 0.117em;
  width: 0.3em;
  height: 0.5em;
  border: solid var(--ui-kit-white);
  border-width: 0 0.1em 0.1em 0;
  transform: rotate(45deg);
}
.styles_editor__KfjXM ul[data-type="taskList"] input[type="checkbox"]:checked:hover {
  border-color: var(--action-hover);
  background-color: var(--action-hover);
}
.styles_editor__KfjXM ul[data-type="taskList"] input[type="checkbox"]:checked:active {
  border-color: var(--ui-kit-deeppurple-200);
  background-color: var(--ui-kit-deeppurple-200);
}
.styles_editor__KfjXM ul[data-type="taskList"] ul[data-type="taskList"] {
  margin: 0;
}
.styles_editor__KfjXM ul[data-type="taskList"] p {
  margin: 0;
}
.styles_editor__KfjXM p {
  word-break: keep-all;
}
.styles_editor__KfjXM ol {
  list-style: none;
  counter-reset: item;
  padding-left: 0.25rem;
}
.styles_editor__KfjXM ol li {
  counter-increment: item;
  display: table-row;
}
.styles_editor__KfjXM ol li::before {
  content: counters(item, ".") ". ";
  display: table-cell;
}
.styles_editor__KfjXM ol li ol,
.styles_editor__KfjXM ol li ul {
  padding: 0 1rem;
  margin: 0.4rem 0.4rem 0.4rem -1rem;
}
.styles_editor__KfjXM ul ul {
  padding: 0 0.8rem;
  margin: 0.4rem 0.4rem 0.4rem 0;
}
.styles_editor__KfjXM mark {
  padding: 0;
  border-radius: 0;
}
.styles_editor__KfjXM .search-result {
  background-color: var(--ui-kit-yellow-100);
}
.styles_editor__KfjXM .search-result-current {
  background-color: var(--ui-kit-deeppurple-100);
}
.styles_editorPopup__FWqAe {
  background: var(--color-background-modal);
  padding: 0.5rem;
  border-radius: 0.75rem;
  box-shadow: var(--shadow-middle);
}
.styles_editorPopup__FWqAe .styles_editorPopupBubble__plOgX {
  padding: 0.25rem;
}

@font-face {
  font-family: "Arial";
  src: url(/_next/static/media/Arial.c76ddefb.ttf);
}
@font-face {
  font-family: "Arial";
  src: url(/_next/static/media/ArialBold.0735d69a.ttf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Arial";
  src: url(/_next/static/media/ArialItalic.60eba537.ttf);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Arial";
  src: url(/_next/static/media/ArialBoldItalic.af00214f.ttf);
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Courier New";
  src: url(/_next/static/media/CourierNew.4994f1bc.ttf);
}
@font-face {
  font-family: "Courier New";
  src: url(/_next/static/media/CourierNewBold.4e5bddde.ttf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Courier New";
  src: url(/_next/static/media/CourierNewItalic.985c86fe.ttf);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Courier New";
  src: url(/_next/static/media/CourierNewBoldItalic.ce6a428e.ttf);
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Georgia";
  src: url(/_next/static/media/Georgia.8e18d723.ttf);
}
@font-face {
  font-family: "Georgia";
  src: url(/_next/static/media/GeorgiaBold.7e456b19.ttf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Georgia";
  src: url(/_next/static/media/GeorgiaItalic.b68ae49e.ttf);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Georgia";
  src: url(/_next/static/media/GeorgiaBoldItalic.050cf529.ttf);
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url(/_next/static/media/Helvetica.5090dc62.ttc);
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/InterVariable.cc27cf3f.ttf);
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/InterItalicVariable.dd830f3b.ttf);
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url(/_next/static/media/MontserratVariable.257c9f4b.ttf);
}
@font-face {
  font-family: "Montserrat";
  src: url(/_next/static/media/MontserratItalicVariable.48832264.ttf);
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url(/_next/static/media/OpenSansVariable.027dd4f4.ttf);
}
@font-face {
  font-family: "Open Sans";
  src: url(/_next/static/media/OpenSansItalicVariable.863cda52.ttf);
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url(/_next/static/media/RobotoVariable.a50955d8.ttf);
}
@font-face {
  font-family: "Roboto";
  src: url(/_next/static/media/RobotoItalicVariable.4f256b39.ttf);
  font-style: italic;
}
@font-face {
  font-family: "Times New Roman";
  src: url(/_next/static/media/TimesNewRoman.7ba70247.ttf);
}
@font-face {
  font-family: "Times New Roman";
  src: url(/_next/static/media/TimesNewRomanBold.8b0e55d3.ttf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Times New Roman";
  src: url(/_next/static/media/TimesNewRomanItalic.598cca28.ttf);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Times New Roman";
  src: url(/_next/static/media/TimesNewRomanBoldItalic.d1ba1847.ttf);
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Verdana";
  src: url(/_next/static/media/Verdana.3d0423b9.ttf);
}
@font-face {
  font-family: "Verdana";
  src: url(/_next/static/media/VerdanaBold.5e2ccdca.ttf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Verdana";
  src: url(/_next/static/media/VerdanaItalic.5444afef.ttf);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Verdana";
  src: url(/_next/static/media/VerdanaBoldItalic.43c85421.ttf);
  font-weight: bold;
  font-style: italic;
}

.style_modal__YhCgd {
  border-radius: 16px;
  width: 100%;
  height: 564px !important;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 40px -4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.06);
  font-family: var(--ds-font-family, Inter, system-ui, sans-serif);
}
@media (max-width: 740px) {
  .style_modal__YhCgd {
    height: auto !important;
    display: flex;
    flex-direction: column;
  }
  .style_forMobile__xd2gQ {
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: 15%;
  }
}
.style_leftPane__3V0Ee {
  width: 310px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--color-background-inverted);
}
@media (max-width: 740px) {
  .style_leftPane__3V0Ee {
    padding: 16px;
    width: 100%;
    background-color: var(--tabs-bg-secondary);
  }
}
.style_brand__mgI4p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 740px) {
  .style_brand__mgI4p {
    padding-bottom: 16px;
  }
}
.style_leftTitle__4pQuF {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 16px;
  color: var(--color-text-inverted);
}
@media (max-width: 740px) {
  .style_leftTitle__4pQuF {
    color: var(--color-text-primary);
  }
}
.style_leftText__18gkq {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-secondary);
  margin: 0;
}
.style_rightPane__dqgg4 {
  width: 66%;
  padding: 48px;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  background-color: var(--tabs-bg-secondary);
}
@media (max-width: 740px) {
  .style_rightPane__dqgg4 {
    padding: 16px;
    width: 100%;
  }
}
.style_questionTitle__m6crd {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 16px;
  color: var(--color-text-primary);
}
.style_cardGrid__S6mta {
  display: flex;
  gap: 8px;
  margin-bottom: 32px;
}
@media (max-width: 740px) {
  .style_cardGrid__S6mta {
    flex-direction: column;
    margin-bottom: 16px;
  }
}
.style_card__L1c18 {
  position: relative;
  border: none;
  background-color: var(--color-background-primary-elevated);
  border-radius: 14px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  min-height: 154px;
}
@media (max-width: 740px) {
  .style_card__L1c18 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-height: auto;
  }
}
.style_cardActive__OK5ON {
  border: 2px solid;
  background: var(--rainbowPurple2);
  color: var(--action);
}
[data-theme='dark'] .style_cardActive__OK5ON {
  background: rgba(216, 210, 252, 0.2);
}
.style_cardIcon__g_w_4 {
  width: 52px;
  height: 52px;
  border: 1px solid;
  border-color: var(--lineColor);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  color: var(--primaryColor);
  transition: all 0.2s ease;
}
@media (max-width: 740px) {
  .style_cardIcon__g_w_4 {
    margin-bottom: 0;
  }
}
.style_cardIconActive__hVhIv {
  background-color: var(--link);
  color: var(--color-text-inverted);
  border-color: var(--link);
}
.style_cardTitle__IDptJ {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--color-text-primary);
}
.style_cardDesc__MyPvq {
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--color-text-secondary);
  margin: 0;
}
.style_legalForm__lwOdh {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 8px;
}
@media (max-width: 740px) {
  .style_legalForm__lwOdh {
    margin-bottom: 16px;
  }
}
.style_formGroup__b_S80 {
  display: flex;
  flex-direction: column;
}
.style_label__jghJq {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--color-text-primary);
}
.style_input__dmyhd {
  padding: 11px 14px;
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated);
  border: 1px solid var(--reverse0);
  border-radius: 10px;
  font-size: 14px;
}
.style_inputError__V_yC_ {
  border-color: var(--errorColor);
}
.style_radioGroup__Rfljl {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.style_radioOption__VrBs7 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated);
}
.style_radioOption__VrBs7 input {
  margin: 0;
}
.style_errorMsg__nzvrk {
  margin-top: 6px;
  font-size: 11px;
  color: var(--errorColor);
}
.style_actionsRow__JBLwq {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
@media (max-width: 740px) {
  .style_actionsRow__JBLwq {
    justify-content: center;
  }
}
.style_submitError__7MgOb {
  margin-top: 16px;
  color: var(--errorColor);
  font-size: 12px;
  text-align: center;
}

.style_educationPreviewModal__ap0Or {
  border-radius: 16px;
  overflow: hidden;
}
.style_educationPreviewModal__ap0Or .style_imgContainer__YbFnm {
  height: 180px;
  padding-bottom: 48px;
  position: relative;
}
.style_educationPreviewModal__ap0Or .style_textContainer__ByQxv {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  padding: 48px !important;
}
.style_educationPreviewModal__ap0Or .style_textContainer__ByQxv > h2 {
  font-family: 'MTS Wide', sans-serif;
  font-size: 32px;
  font-weight: 500px;
  line-height: 36px;
}
.style_educationPreviewModal__ap0Or .style_textContainer__ByQxv > p {
  font-family: 'MTS Text', sans-serif;
  font-size: 14px;
  font-weight: 400px;
  line-height: 20px;
  color: var(--color-text-secondary);
}
.style_educationPreviewModal__ap0Or .ant-modal-body {
  padding: 0;
}
.style_educationPreviewModal__ap0Or .ant-modal-body div {
  padding: 0;
}
.style_educationLessonModal__jGLqD {
  overflow: hidden;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa {
  display: flex;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX {
  width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--color-constant-greyscale-800);
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabsProgress__Fvcbc {
  padding: 32px 24px 24px;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabsProgress__Fvcbc .style_title__ZxzRL {
  font-family: 'MTS Compact', sans-serif;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  padding-bottom: 12px;
  color: #fafafa;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabsProgress__Fvcbc .style_progress__X8vN_ {
  font-family: 'MTS Compact', sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-top: 8px;
  color: #626c77;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabs__0CWDU {
  padding-bottom: 10px;
  overflow-y: scroll;
  height: 400px;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabs__0CWDU .style_tab__iw9Su {
  padding: 16px 24px 0;
  display: grid;
  grid-template-columns: auto auto;
  gap: 12px;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabs__0CWDU .style_tab__iw9Su .style_tabsTitle__qHsH3 {
  font-family: 'MTS Compact', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabs__0CWDU .style_tab__iw9Su .style_tabsDescription__d78ev {
  font-family: 'MTS Compact', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #7f8c9959;
  --tw-text-opacity: 1;
  color: rgb(150 159 168 / var(--tw-text-opacity, 1));
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabs__0CWDU .style_tab__iw9Su .style_viewed__itQIv .style_tabsTitle__qHsH3,
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabs__0CWDU .style_tab__iw9Su .style_viewed__itQIv .style_tabsDescription__d78ev {
  color: var(--color-constant-greyscale-400);
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabs__0CWDU .style_tab__iw9Su .style_check__hZaOV {
  width: 16px;
  height: 16px;
  fill: #12b23f;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabs__0CWDU .style_tab__iw9Su .style_uncheck__d7qFv {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #969fa8;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_tabs__0CWDU .style_active__yFCrT {
  background-color: #3f464c;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_tabsContainer__4RkLX .style_footer__AqV_j {
  padding: 24px 24px 32px;
  box-shadow: 0px 0px 20px 0px black;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_lesson__YE3xO {
  background-color: var(--static-white);
  width: 100%;
  padding: 32px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.style_educationLessonModal__jGLqD .style_content__Y5vDa .style_lesson__YE3xO h3 {
  color: var(--color-constant-greyscale-800);
  font-family: 'MTS Wide', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}
.style_educationLessonModal__jGLqD .ant-modal-content {
  border: none;
}
.style_educationLessonModal__jGLqD .ant-modal-body {
  padding: 0;
}
.style_educationLessonModal__jGLqD .ant-modal-body div {
  padding: 0;
}
.style_noWrap__bSJQF {
  display: inline-block;
}
.style_mobileEducationPreviewModal__Jt5RJ {
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--tabs-bg-secondary);
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: 15%;
}
.style_mobileEducationPreviewModal__Jt5RJ .style_mobileImgContainer__X_siq {
  max-height: 120px;
  padding-bottom: 0;
}
.style_mobileEducationPreviewModal__Jt5RJ .style_mobileTextContainer__I5f_s {
  padding: 24px;
}
.style_mobileEducationPreviewModal__Jt5RJ .style_mobileTitle__0vp1h {
  font-family: 'MTS Wide', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-text-primary);
  margin-bottom: 16px;
}
.style_mobileEducationPreviewModal__Jt5RJ .style_mobileDescription___GuZO {
  font-family: 'MTS Text', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-secondary);
}
.style_mobileEducationLessonModal__2c1hW {
  overflow-y: auto;
  display: flex !important;
  flex-direction: column !important;
  height: 100dvh;
  max-height: 100dvh;
  background-color: var(--tabs-bg-secondary);
  gap: 16px;
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabsProgress__ZKmV2 {
  background-color: var(--color-background-primary-elevated);
  border-radius: 14px 14px 0 0;
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabsProgress__ZKmV2 .style_mobileTitle__0vp1h {
  font-family: 'MTS Compact', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding-bottom: 8px;
  color: var(--color-text-primary);
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabs__s_fhW {
  border-radius: 16px;
  background-color: var(--color-background-primary-elevated);
  overflow-y: auto;
  max-height: 200px;
  flex-shrink: 0;
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabs__s_fhW .style_mobileTab__ewfvz {
  padding: 12px 24px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabs__s_fhW .style_mobileTab__ewfvz .style_mobileTabsTitle__YIeG_ {
  font-family: 'MTS Compact', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabs__s_fhW .style_mobileTab__ewfvz .style_mobileTabsDescription__DmmPd {
  font-family: 'MTS Compact', sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #7f8c9959;
  --tw-text-opacity: 1;
  color: rgb(150 159 168 / var(--tw-text-opacity, 1));
  margin-top: 4px;
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabs__s_fhW .style_mobileTab__ewfvz .style_mobileViewed__385aA .style_mobileTabsTitle__YIeG_,
.style_mobileEducationLessonModal__2c1hW .style_mobileTabs__s_fhW .style_mobileTab__ewfvz .style_mobileViewed__385aA .style_mobileTabsDescription__DmmPd {
  color: var(--color-constant-greyscale-400);
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabs__s_fhW .style_mobileTab__ewfvz .style_mobileCheck__6hkO9 {
  width: 14px;
  height: 14px;
  fill: #12b23f;
  margin-top: 2px;
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabs__s_fhW .style_mobileTab__ewfvz .style_mobileUncheck__BXXy_ {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #969fa8;
  margin-top: 2px;
}
.style_mobileEducationLessonModal__2c1hW .style_mobileTabs__s_fhW .style_mobileActive__2NaGD {
  background-color: #3f464c;
}
.style_mobileEducationLessonModal__2c1hW .style_mobileLessonButtons__9WGb8 {
  background-color: var(--color-background-primary-elevated);
  border-radius: 0 0 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: env(safe-area-inset-bottom, 16px);
  margin-bottom: 16px;
}

.workbench_fab_stack_stack__MlPmd {
  position: fixed;
  z-index: 900;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 8px;
  bottom: 16px;
  pointer-events: none;
  transition: right 0.2s ease;
}
.workbench_fab_stack_addRecordSlot__svLvd {
  display: flex;
  justify-content: flex-end;
  pointer-events: auto;
}
.workbench_fab_stack_chatSlot__L8OM_ {
  display: flex;
  justify-content: flex-end;
  pointer-events: auto;
}
.workbench_fab_stack_globalFabAnchor__c_ntJ {
  position: fixed;
  z-index: 900;
  bottom: 16px;
  pointer-events: none;
}

.styles_iconButtonWrapper__CGhWG {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.styles_iconButtonWrapper__CGhWG > svg {
  height: 100%;
  width: 100%;
}
.styles_chatModal__TvnVT {
  font-feature-settings: normal;
  font-variant-numeric: normal;
  position: absolute !important;
  bottom: 1rem !important;
  right: 1rem !important;
  top: unset !important;
  padding-bottom: 0 !important;
  font-family: 'MTS Compact', sans-serif;
  color: var(--color-text-primary);
  font-weight: 400;
}
.styles_chatModal__TvnVT .ant-modal-header {
  font-weight: inherit;
  background-color: var(--color-background-secondary);
}
.styles_chatModal__TvnVT .ant-modal-header .headerLogo {
  height: 100%;
  width: 100%;
}
.styles_chatModal__TvnVT .ant-modal-title {
  font-weight: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.styles_chatModal__TvnVT .ant-modal-body {
  margin: 0px;
  padding: 0px;
}
.styles_chatInputWrapper__tI_rw {
  background-color: var(--color-background-secondary);
  border-radius: 0 0 8px 8px;
  display: flex;
  gap: 0.5rem;
  padding: 1.25rem;
}
.styles_chatInput__s_SJ3 {
  background-color: var(--color-background-secondary-elevated) !important;
  border-color: var(--color-control-alternative-stroke-hover) !important;
}
.styles_chatInput__s_SJ3:hover {
  border-color: var(--color-accent-active) !important;
}
.styles_chatInput__s_SJ3:focus-within {
  border-color: var(--color-accent-active) !important;
}
.styles_chatInput__s_SJ3 input {
  caret-color: var(--color-control-secondary-active);
}
.styles_message___zcTO {
  position: relative;
}
.styles_message___zcTO::after {
  position: absolute;
  background-color: transparent;
  display: block;
  content: '';
  width: 0;
  height: 0;
  bottom: 12px;
  right: -5px;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent transparent;
}
.styles_messageTime__fzp7v {
  color: var(--color-text-secondary);
  margin-top: 2px;
  font-size: 0.75rem;
  line-height: 1rem;
}
.styles_messageBacground__u9xVe {
  background-color: var(--color-constant-greyscale-200);
}
.styles_messageBacground__u9xVe::after {
  border-left-color: var(--color-constant-greyscale-200);
}
body[data-mtsds-theme='dark'] .styles_messageBacground__u9xVe {
  background-color: var(--color-constant-greyscale-600);
}
body[data-mtsds-theme='dark'] .styles_messageBacground__u9xVe::after {
  border-left-color: var(--color-constant-greyscale-600);
}
.styles_messageBacgroundUser__vOa_a {
  background-color: var(--color-background-secondary);
}
.styles_messageBacgroundUser__vOa_a::after {
  right: unset;
  left: -5px;
  transform: rotate(180deg);
  border-left-color: var(--color-background-secondary);
}
.styles_errorBlock__6ViUQ {
  background-color: hsla(348, 100%, 50%, 0.1);
  color: var(--color-control-primary-active);
}

.copilot_chat_triggerWrapper__8zLf_ {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.copilot_chat_triggerButton__sUXn6 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #c09aff 0%, #994bff 50%, #c09aff 100%);
  background-size: 200% 200%;
  box-shadow: 0 4px 16px rgba(153, 75, 255, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  animation: copilot_chat_copilotTriggerGradient__Zaqz7 5s ease-in-out infinite;
}
.copilot_chat_triggerButton__sUXn6::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.28) 50%, transparent 65%);
  background-size: 220% 100%;
  animation: copilot_chat_copilotTriggerShine__k0Fvj 3.5s ease-in-out infinite;
  pointer-events: none;
}
.copilot_chat_triggerButton__sUXn6 > * {
  position: relative;
  z-index: 1;
}
.copilot_chat_triggerButton__sUXn6:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(153, 75, 255, 0.45);
}
.copilot_chat_triggerButton__sUXn6:active {
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .copilot_chat_triggerButton__sUXn6 {
    animation: none;
    background: linear-gradient(135deg, #c09aff 0%, #994bff 100%);
  }
  .copilot_chat_triggerButton__sUXn6::after {
    animation: none;
    display: none;
  }
}
.copilot_chat_triggerIcon__9Taw6 {
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
@keyframes copilot_chat_copilotTriggerGradient__Zaqz7 {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes copilot_chat_copilotTriggerShine__k0Fvj {
  0%,
  100% {
    background-position: 180% 0;
  }
  50% {
    background-position: -80% 0;
  }
}
.copilot_chat_panel__LTkZd {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background: var(--background-base);
  z-index: 900;
}
.copilot_chat_panelDefault__S7w8m {
  width: 380px;
  height: 720px;
  max-height: calc(100vh - 120px);
  border-radius: 8px;
  border: 1px solid var(--line-light);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
}
.copilot_chat_panelDefault__S7w8m .copilot_chat_header__3Wc_o {
  border-radius: 8px 8px 0 0;
}
.copilot_chat_panelDefault__S7w8m .copilot_chat_body__2AvK3 {
  border-radius: 0 0 8px 8px;
}
/** Скрытая панель: remote остаётся смонтированным, WS-стрим не рвётся (TABS-2199 / UC.AI.08). */
.copilot_chat_panelClosed__PiQTk {
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  left: -9999px;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.copilot_chat_panelFullscreen__3OHPN {
  position: fixed;
  inset: 4px;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  border-radius: 0;
  overflow: hidden;
  z-index: 1100;
}
.copilot_chat_panelFullscreen__3OHPN .copilot_chat_header__3Wc_o {
  padding: 12px;
  border-radius: 0;
}
.copilot_chat_panelFullscreen__3OHPN .copilot_chat_body__2AvK3 {
  border-radius: 0;
}
.copilot_chat_header__3Wc_o {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  padding: 12px;
  border-bottom: 1px solid var(--line-light);
  border-radius: 16px 16px 0 0;
  overflow: visible;
  z-index: 1;
}
.copilot_chat_headerTitle__7UnvS {
  min-width: 0px;
  flex: 1 1 0%;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.copilot_chat_headerTitleSkeleton__b8NqO {
  flex: 1 1 auto;
  min-width: 0;
  width: 180px;
  max-width: min(180px, 100%);
  height: 16px;
  margin: 4px 0;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--bgControlsDefault) 0%, var(--bgControlsHover) 50%, var(--bgControlsDefault) 100%);
  background-size: 200% 100%;
  animation: copilot_chat_copilotHistorySkeleton__MfJoS 1.5s ease-in-out infinite;
}
.copilot_chat_headerActions__iW7O5 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  margin-left: auto;
}
.copilot_chat_headerIconButton__RAPX4 {
  color: var(--text-secondary);
}
.copilot_chat_headerIconButton__RAPX4 .ui-kit-icon,
.copilot_chat_headerIconButton__RAPX4 svg {
  color: inherit;
}
.copilot_chat_copilotTooltip__3_KJA {
  z-index: 1200;
}
.copilot_chat_copilotTriggerTooltip__X__GM {
  z-index: var(--zIndex-9);
}
.copilot_chat_headerHistoryIcon__8bQRk {
  display: block;
  color: inherit;
}
.copilot_chat_newChatButton__yzwU3,
.copilot_chat_historySidebarNewChatButton__JDfKz {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 4px !important;
  border: none !important;
  border-radius: 8px;
  background-color: var(--action-light, #eeebff) !important;
  color: var(--action, #907ff0) !important;
  box-shadow: none !important;
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0;
}
.copilot_chat_newChatButton__yzwU3:hover:not(:disabled),
.copilot_chat_historySidebarNewChatButton__JDfKz:hover:not(:disabled) {
  filter: brightness(0.97);
}
.copilot_chat_newChatButton__yzwU3:disabled,
.copilot_chat_historySidebarNewChatButton__JDfKz:disabled {
  opacity: 0.5;
}
.copilot_chat_newChatButton__yzwU3 .ui-kit-icon,
.copilot_chat_historySidebarNewChatButton__JDfKz .ui-kit-icon {
  color: inherit !important;
}
.copilot_chat_newChatButton__yzwU3 {
  height: 24px !important;
  min-height: 24px !important;
  padding: 3px 8px !important;
  font-size: 12px !important;
  line-height: 18px !important;
}
body[data-mtsds-theme='dark'] .copilot_chat_newChatButton__yzwU3,
body[data-mtsds-theme='dark'] .copilot_chat_historySidebarNewChatButton__JDfKz {
  background-color: #353148 !important;
}
.copilot_chat_newChatButtonIcon__OjkPC {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  flex-shrink: 0;
  color: inherit;
}
.copilot_chat_historySidebarNewChatIcon__04VeQ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  flex-shrink: 0;
  color: inherit;
}
.copilot_chat_body__2AvK3 {
  display: flex;
  min-height: 0px;
  flex: 1 1 0%;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0 0 16px 16px;
  background: var(--background-base);
}
.copilot_chat_bodyFullscreen__B07hR {
  flex-direction: row;
  gap: 0;
}
.copilot_chat_chatMain__chK0z {
  display: flex;
  min-height: 0px;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.copilot_chat_compactHistoryLayer__pUgJ3 {
  display: flex;
  min-height: 0px;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--background-base);
}
.copilot_chat_chatLayer__Gpa25 {
  display: flex;
  min-height: 0px;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
}
.copilot_chat_chatLayerHidden__anzo_ {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.copilot_chat_historySidebar__SDrRa {
  display: flex;
  min-height: 0px;
  flex-shrink: 0;
  flex-direction: column;
  width: 360px;
  border-right: 1px solid var(--line-light);
}
.copilot_chat_historyPanel__i017P {
  display: flex;
  min-height: 0px;
  flex: 1 1 0%;
  flex-direction: column;
  padding: 12px;
}
.copilot_chat_historySidebarNewChat__jWx94 {
  flex-shrink: 0;
  padding-bottom: 12px;
}
.copilot_chat_historySidebarNewChatButton__JDfKz {
  width: 100%;
  justify-content: center;
  height: auto !important;
  min-height: 0 !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  line-height: 20px !important;
}
.copilot_chat_historyList___RWcv {
  display: flex;
  min-height: 0px;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 12px;
  overflow-x: hidden;
  overflow-y: auto;
}
.copilot_chat_historyLoadMore__Fomdf {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 8px 0 4px;
}
.copilot_chat_historyGroup___8h6r {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.copilot_chat_historyGroupTitle__KSAZG {
  margin: 0;
  padding: 0;
  color: var(--text-secondary);
}
.copilot_chat_historyItem__4m63B {
  cursor: pointer;
  color: var(--text-primary);
  padding: 8px 12px !important;
  border-radius: 8px;
  box-sizing: border-box;
}
.copilot_chat_historyItem__4m63B:hover {
  background-color: var(--color-background-secondary, #f6f7fa);
}
.copilot_chat_historyItemTitle__YHSF9 {
  display: block;
  min-width: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}
.copilot_chat_historyItemActive__CpK5D {
  background-color: var(--color-background-secondary, #f6f7fa) !important;
  color: var(--text-primary) !important;
  font-weight: 400;
}
.copilot_chat_chatSlot__hFPpp {
  display: flex;
  min-height: 0px;
  width: 100%;
  flex: 1 1 0%;
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
  background: var(--background-base);
}
.copilot_chat_chatSlotFullscreen__w1rAh {
  display: flex;
  min-height: 0px;
  width: 100%;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: flex-start;
  background: var(--background-base);
  border-radius: 0;
}
.copilot_chat_chatSlotInner__k9iYF {
  display: flex;
  height: 100%;
  min-height: 0px;
  width: 100%;
  flex-direction: column;
  max-width: none;
  min-width: 0;
  background: var(--background-base);
}
.copilot_chat_chatSlotInnerCompact__h2ew4 {
  max-width: none;
}
.copilot_chat_historyEmpty__zVwb4 {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-secondary);
}
.copilot_chat_historyError__g3_Pg {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 8px;
  padding: 8px 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 20px;
}
.copilot_chat_historyErrorCompact__LLQ6j {
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px;
  text-align: center;
}
.copilot_chat_historyErrorTitle__IbXGD {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--text-primary);
}
.copilot_chat_historyErrorDescription__1WP0z {
  margin: 0;
  color: var(--text-secondary);
}
@keyframes copilot_chat_copilotHistorySkeleton__MfJoS {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
.copilot_chat_historySkeletonGroupTitle__lfhP5 {
  height: 12px;
  margin: 0 0 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--bgControlsDefault) 0%, var(--bgControlsHover) 50%, var(--bgControlsDefault) 100%);
  background-size: 200% 100%;
  animation: copilot_chat_copilotHistorySkeleton__MfJoS 1.5s ease-in-out infinite;
}
.copilot_chat_historySkeletonItem__3nZXp {
  padding: 8px;
}
.copilot_chat_historySkeletonLine__7HJRi {
  display: block;
  height: 16px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--bgControlsDefault) 0%, var(--bgControlsHover) 50%, var(--bgControlsDefault) 100%);
  background-size: 200% 100%;
  animation: copilot_chat_copilotHistorySkeleton__MfJoS 1.5s ease-in-out infinite;
}
.copilot_chat_apiKeySetup__eD3qi {
  display: flex;
  height: 100%;
  min-height: 0px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  padding: 24px 16px;
  box-sizing: border-box;
}
.copilot_chat_apiKeySetupFullscreen__aTJvi {
  justify-content: center;
}
.copilot_chat_apiKeySetupIllustration__lalw8 {
  width: 120px;
  height: 120px;
  object-fit: contain;
  flex-shrink: 0;
}
.copilot_chat_apiKeySetupCopy__sYZC9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 336px;
}
.copilot_chat_apiKeySetupTitle__YevTy {
  margin: 0;
  color: var(--text-primary);
  font-family: 'MTS Wide', MTSWideMedium, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
.copilot_chat_apiKeySetupDescription__UIan8 {
  margin: 0;
  color: var(--text-secondary);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
}
.copilot_chat_apiKeySetupFullscreen__aTJvi .copilot_chat_apiKeySetupDescription__UIan8 {
  font-size: 18px;
  line-height: 24px;
}
.copilot_chat_apiKeySetupError__Q_ShK {
  margin: 0;
  color: var(--text-error, #f07369);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.copilot_chat_apiKeySetupCta__aA_8l {
  box-sizing: border-box;
  gap: 8px;
}
.copilot_chat_apiKeySetupCtaCompact__VIbRW {
  height: 40px;
  padding: 9px 16px !important;
}
.copilot_chat_apiKeySetupCtaFullscreen__YMBy3 {
  height: 48px;
  padding: 12px 20px !important;
}

.copilot_chat_confirm_modal_modal__X2vZ3 h2 {
  margin: 0;
  font-family: RobotoSemiBold, Roboto, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--text-primary, #282c33);
}
.copilot_chat_confirm_modal_content__PcNd3 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.copilot_chat_confirm_modal_description__0gm9P {
  margin: 0;
  font-size: var(--roboto-b2-font-size);
  line-height: var(--roboto-b2-line-height);
  font-weight: 400;
  color: var(--text-primary);
}
.copilot_chat_confirm_modal_actions__P0Om2 {
  display: flex;
  gap: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_pageWrapper__Ku0M2 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--defaultBg);
}
.style_noPermissionWrapper__g6XUl {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.style_noPermissionWrapper__g6XUl .style_content__rCQbu {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_noPermissionWrapper__g6XUl .style_content__rCQbu img {
  height: 190px;
  width: auto;
}
@media screen and (max-width: 767.98px) {
  .style_noPermissionWrapper__g6XUl .style_content__rCQbu img {
    width: 70%;
    height: auto;
  }
}
.style_noPermissionWrapper__g6XUl .style_content__rCQbu .style_tip__dkRS1 {
  font-size: 14px;
  color: var(--firstLevelText);
  margin-top: 24px;
}
.style_noPermissionWrapper__g6XUl .style_content__rCQbu .style_imgContent__p2leC {
  position: relative;
}
.style_noPermissionWrapper__g6XUl .style_content__rCQbu .style_imgContent__p2leC .style_imgContentQRcode__HeNUB {
  position: absolute;
  right: 32px;
  bottom: 8px;
  border: 0.754717px solid #262626;
  border-radius: 3.01887px;
  width: 88px;
  height: 88px;
}
.style_noPermissionWrapper__g6XUl .style_content__rCQbu .style_imgContent__p2leC .style_imgContentQRcode__HeNUB img {
  width: 100%;
  height: 100%;
}
.style_noPermissionWrapper__g6XUl h6 {
  padding: 24px 0 16px;
  margin: 0 0;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: var(--fc1);
}
.style_noPermissionWrapper__g6XUl .style_tidiv__SQgpM {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: var(--fc1);
  text-align: center;
}
.style_noPermissionWrapper__g6XUl .style_helpText__eKW30 {
  color: var(--fc3);
}
.style_noPermissionWrapper__g6XUl .style_backButton__FQQst {
  margin-top: 24px;
  width: 200px;
  position: relative;
}
.style_noPermissionWrapper__g6XUl .style_backButton__FQQst button {
  margin-bottom: 16px;
}
.style_btnWrap__Ouhwo {
  margin-top: 32px;
  width: 180px;
  height: 48px;
}
.style_btnWrap__Ouhwo button {
  width: 100%;
  height: 100%;
  margin-bottom: 16px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__o7xW2 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Mpf1F {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__SY4qH ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__SY4qH ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__SY4qH ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__SY4qH ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__SY4qH li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__SY4qH .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__SY4qH .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__SY4qH .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__SY4qH .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__C5tFs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__U32kT {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__iwUJ4 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__iwUJ4 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__iwUJ4 .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__iwUJ4 .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__iwUJ4 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__iwUJ4 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__iwUJ4 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__iwUJ4 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__iwUJ4 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__iwUJ4 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__iwUJ4 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__iwUJ4 .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__iwUJ4 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__iwUJ4 .editBgColor::before,
.style_tree__iwUJ4 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__iwUJ4 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__iwUJ4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__iwUJ4 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__iwUJ4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__iwUJ4 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__iwUJ4 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__iwUJ4 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__iwUJ4 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__iwUJ4 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__4rvzw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__QsswN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__ERfcK::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__ERfcK::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__ERfcK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__VXRHL::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__VXRHL::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__VXRHL:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__6Dis9 {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__LC_yL {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__LC_yL {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__LC_yL {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__LC_yL {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__LC_yL {
    flex: 0 0 100%;
  }
}
.style_filterInput__izwJ5 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_folderShowcaseSkeleton__1HFWh {
  width: 100%;
  padding: 32px 68px;
}
.style_folderShowcaseWrapper__oPu_X {
  font-family: MTS Compact;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--color-background-primary-elevated);
  padding: 24px;
  padding-right: 12px;
  border-radius: 16px;
}
.style_folderShowcaseWrapper__oPu_X .style_status__bFnRp {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 80px;
}
.style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW .style_container__scw3Z {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.style_folderShowcaseWrapper__oPu_X .style_top__qjT3I {
  padding: 24px;
  background-color: var(--color-background-secondary);
  border-radius: 12px;
  display: flex;
  flex-direction: row;
}
.style_folderShowcaseWrapper__oPu_X .style_top__qjT3I .style_folderShowcaseBanner___4jX1 {
  position: relative;
  min-width: 154px;
  max-width: 400px;
  height: auto;
  border: 0.5px solid var(--rowSelectedBg);
  border-radius: 50%;
  overflow: hidden;
}
.style_folderShowcaseWrapper__oPu_X .style_top__qjT3I .style_folderShowcaseBanner___4jX1 .style_banner__eypN0 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  object-fit: cover;
}
.style_folderShowcaseWrapper__oPu_X .style_top__qjT3I .style_folderShowcaseBanner___4jX1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.style_folderShowcaseWrapper__oPu_X .style_top__qjT3I .style_folderShowcaseBanner___4jX1:hover .style_editBtn__WUtTs {
  display: flex;
}
.style_folderShowcaseWrapper__oPu_X .style_top__qjT3I .style_folderShowcaseBanner___4jX1:hover .style_editBtn__WUtTs > button {
  background-color: var(--bgControlsDegradeHigh);
}
.style_folderShowcaseWrapper__oPu_X .style_top__qjT3I .style_editBtn__WUtTs {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: rgba(var(--defaultBg-rgb), 50%);
  border-radius: 16px;
  cursor: pointer;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 0;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_currentNodeName__eD3To {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 28px;
  font-weight: bold;
  -webkit-user-select: none;
          user-select: none;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_currentNodeName__eD3To .style_icon__cG6M_ {
  display: flex;
  width: 20px;
  height: 20px;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_currentNodeName__eD3To .style_nodeName__j5N8j {
  font-size: 20px;
  display: inline-block;
  padding: 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_currentNodeName__eD3To .style_token__S99um {
  padding-left: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_currentNodeName__eD3To .style_token__S99um > div {
  display: flex;
  align-items: center;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_currentNodeName__eD3To .style_nodeFavorite__GWSED {
  padding-left: 16px;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_onlyReadEditor__G0tGv {
  padding: 0;
  cursor: inherit;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_descWrapper__7QTyM {
  width: calc(100% - 20px);
  height: 100px;
  margin: 8px 0 16px 0;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  padding: 8px;
  color: var(--color-text-secondary);
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_descWrapper__7QTyM:hover {
  background: var(--rowSelectedBg);
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_descWrapper__7QTyM:hover::before {
  background: linear-gradient(rgba(var(--fc7-rgb), 0), rgba(var(--fc7-rgb), 1));
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_descWrapper__7QTyM.style_needPadding__NfOsh {
  height: 100px;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_descWrapper__7QTyM::before {
  position: absolute;
  bottom: 8px;
  display: block;
  width: 100%;
  content: '';
  z-index: 2;
  background: black;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_desc__7pBb1 {
  cursor: pointer;
  height: 100%;
  overflow: auto;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_desc__7pBb1.style_disabledDesc__yxpHo {
  cursor: not-allowed;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_desc__7pBb1 p {
  min-height: 20px;
  margin: 0;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_desc__7pBb1 .style_defaultText__KSKLd {
  color: var(--thirdLevelText);
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_btnGroup__Piiof {
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_btnGroup__Piiof button:not(:last-child) {
  margin-right: 24px;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_btnGroup__Piiof .style_shareBtn__k63Sy {
  display: flex;
  align-items: center;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_btnGroup__Piiof .style_settingBtn__VdGgP {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeInfo__o2bKJ .style_btnGroup__Piiof .style_settingBtn__VdGgP > span {
  margin-right: 0;
}
.style_folderShowcaseWrapper__oPu_X .style_mobileDescWrapper__qfsNj {
  display: none;
}
.style_folderShowcaseWrapper__oPu_X .style_editor__EvyiF {
  width: 100%;
  margin-top: 16px;
}
.style_folderShowcaseWrapper__oPu_X .style_nodes__MJISW {
  max-width: 100%;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeTitle__dvQJc {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
}
.style_folderShowcaseWrapper__oPu_X .style_nodeItem__FjbQN {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.2s;
  margin-bottom: 8px;
  cursor: pointer;
  background-color: var(--color-background-secondary);
}
.style_folderShowcaseWrapper__oPu_X .style_nodeItem__FjbQN svg {
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 767.98px) {
  .style_folderShowcaseWrapper__oPu_X .style_nodeItem__FjbQN {
    max-width: 100%;
  }
}
.style_folderShowcaseWrapper__oPu_X .style_nodeItem__FjbQN .style_nodeName__j5N8j {
  font-family: MTS Compact;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0px;
  flex: 1;
  padding-left: 6px;
  color: var(--color-text-secondary);
  width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (any-hover: hover) {
  .style_folderShowcaseWrapper__oPu_X .style_nodeItem__FjbQN:hover {
    transform: translate(0, -2px);
  }
}
.style_folderShowcaseWrapper__oPu_X.style_readOnly__RE2OU .style_folderShowcaseBanner___4jX1 .style_editBtn__WUtTs {
  display: none;
}
.style_folderShowcaseWrapper__oPu_X.style_readOnly__RE2OU .ce-block,
.style_folderShowcaseWrapper__oPu_X.style_readOnly__RE2OU .codex-editor__redactor {
  pointer-events: none;
}
.style_folderShowcaseWrapper__oPu_X.style_readOnly__RE2OU .ce-toolbar {
  display: none;
}
.style_buttonGroup__WxHGg {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 767.98px) {
  .style_folderShowcaseBanner___4jX1 {
    width: 25%;
  }
}
@media only screen and (max-width: 767.98px) {
  .style_folderShowcaseWrapper__oPu_X {
    padding: 0;
  }
  .style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW {
    width: 100%;
    height: calc(100% - 48px);
    padding: 16px;
  }
  .style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW .style_nodes__MJISW {
    flex-direction: column;
    padding-top: 24px;
  }
  .style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW .style_nodes__MJISW .style_nodeItem__FjbQN {
    max-width: none;
  }
  .style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW .style_folderShowcaseBanner___4jX1 {
    min-width: 128px;
    width: 128px;
    height: 128px;
  }
  .style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW .style_descWrapper__7QTyM {
    display: none;
  }
  .style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW .style_mobileDescWrapper__qfsNj {
    position: relative;
    height: 100px;
    overflow: hidden;
    display: block;
    margin-top: 16px;
  }
  .style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW .style_mobileDescWrapper__qfsNj::before {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 12px;
    content: '';
    background: linear-gradient(rgba(var(--defaultBg-rgb), 0), rgba(var(--defaultBg-rgb), 1));
  }
  .style_folderShowcaseWrapper__oPu_X .style_scrollWrapper__IRsrW .style_mobileDescWrapper__qfsNj .style_desc__7pBb1 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .style_buttonGroup__WxHGg {
    margin-top: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    width: 100%;
  }
  .style_buttonGroup__WxHGg .style_buttonCopy__DX9PV {
    margin-left: 0;
  }
}
.style_disabledBtn__n2JYe {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--lowestBg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_imgWrapper__o1kr6 > span {
  position: unset !important;
}
.style_imgWrapper__o1kr6 img {
  width: 100% !important;
  height: 100% !important;
  position: unset !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__9TRwB {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__tuEsN {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__vjZ84 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__vjZ84 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__vjZ84 ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__vjZ84 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__vjZ84 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__vjZ84 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__vjZ84 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__vjZ84 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__vjZ84 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Q_Zep {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__cbLrd {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__aBXiH .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__aBXiH .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__aBXiH .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__aBXiH .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__aBXiH .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__aBXiH .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__aBXiH .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__aBXiH .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__aBXiH .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__aBXiH .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__aBXiH .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__aBXiH .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__aBXiH .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__aBXiH .editBgColor::before,
.style_tree__aBXiH .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__aBXiH .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__aBXiH .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__aBXiH .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__aBXiH .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__aBXiH .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__aBXiH .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__aBXiH .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__aBXiH .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__aBXiH .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__IGzHX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__f0w8r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__adrQd::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__adrQd::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__adrQd:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__6VhuG::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__6VhuG::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__6VhuG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__kdZEz {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__SmirF {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__SmirF {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__SmirF {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__SmirF {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__SmirF {
    flex: 0 0 100%;
  }
}
.style_filterInput__lD7Vr {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_side__k9FKQ {
  background-color: var(--primaryColor);
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__Y0JFN {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__DqIyP {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__To1ni ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__To1ni ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__To1ni ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__To1ni ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__To1ni li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__To1ni .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__To1ni .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__To1ni .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__To1ni .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__glpWB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__xwgKp {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Leiax .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Leiax .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Leiax .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__Leiax .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__Leiax .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Leiax .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Leiax .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Leiax .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Leiax .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Leiax .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Leiax .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Leiax .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__Leiax .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Leiax .editBgColor::before,
.style_tree__Leiax .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Leiax .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Leiax .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Leiax .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__Leiax .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Leiax .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Leiax .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Leiax .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Leiax .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Leiax .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Me3cl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__aP6wK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__h3laq::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__h3laq::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__h3laq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__iMPvQ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__iMPvQ::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__iMPvQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__clOBo {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__6d9aK {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__6d9aK {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__6d9aK {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__6d9aK {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__6d9aK {
    flex: 0 0 100%;
  }
}
.style_filterInput__Wg14d {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_organization__7Q2et {
  flex-basis: 48px;
  display: flex;
  align-items: center;
}
.style_organization__7Q2et .style_orgName__cPqPl {
  font-size: 18px;
  color: var(--firstLevelText);
  font-weight: bold;
  padding-left: 16px;
  padding-right: 12px;
  margin: 0;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style_spaceBaseInfoPopover__ZVtua {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 8px;
  width: 224px;
}
.style_spaceBaseInfoPopover__ZVtua .style_spaceName__gueek {
  margin: 16px 0 8px 0;
  width: 100%;
  color: var(--firstLevelText);
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.style_spaceBaseInfoPopover__ZVtua .style_metaInfo__5KK6w {
  display: flex;
  justify-content: center;
  margin: 8px 0 16px;
}
.style_spaceBaseInfoPopover__ZVtua .style_sepLine__kphkb {
  box-sizing: content-box !important;
  border-top: 1px solid var(--fc5);
  width: 100%;
}
.style_spaceBaseInfoPopover__ZVtua .style_item__m3zRw {
  display: flex;
  margin-top: 16px;
  width: 100%;
  font-size: 13px;
}
.style_spaceBaseInfoPopover__ZVtua .style_item__m3zRw .style_label__O_Dfc {
  color: var(--thirdLevelText);
}
.style_spaceBaseInfoPopover__ZVtua .style_copy__28l2_ {
  vertical-align: middle;
  margin-left: 8px;
  cursor: pointer;
}

.style_spaceInfo__sEneM {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.style_spaceInfo__sEneM .style_spaceName___WeDh {
  width: 100%;
  padding-left: 22px;
}
.style_spaceInfo__sEneM .style_logo__x9Dh2 {
  position: absolute;
  top: 4px;
  left: 17px;
}
.style_popover__Cz4l0 .ant-popover-inner {
  border-radius: 8px;
  overflow: hidden;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__k1Cjd {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__0PEVl {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__u6NeU ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__u6NeU ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__u6NeU ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__u6NeU ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__u6NeU li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__u6NeU .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__u6NeU .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__u6NeU .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__u6NeU .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__NJz7M {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__yCyDV {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__jJpX7 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__jJpX7 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__jJpX7 .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__jJpX7 .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__jJpX7 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__jJpX7 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__jJpX7 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__jJpX7 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__jJpX7 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__jJpX7 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__jJpX7 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__jJpX7 .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__jJpX7 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__jJpX7 .editBgColor::before,
.style_tree__jJpX7 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__jJpX7 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__jJpX7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__jJpX7 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__jJpX7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__jJpX7 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__jJpX7 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__jJpX7 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__jJpX7 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__jJpX7 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree___i6vB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__GFQNv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__P4yLf::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__P4yLf::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__P4yLf:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__vVBvD::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__vVBvD::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__vVBvD:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__7KqN5 {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__qFUJI {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__qFUJI {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__qFUJI {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__qFUJI {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__qFUJI {
    flex: 0 0 100%;
  }
}
.style_filterInput__9qyGO {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_spaceSubTitle__9DoDB {
  color: var(--thirdLevelText) !important;
  margin: 16px 0 10px 16px !important;
  cursor: default;
}
.style_inviteBtn__xRxRE {
  width: 134px;
  height: 40px;
  background: var(--defaultBg);
  border-radius: 4px;
  border: 1px solid var(--shadowColor);
  font-size: 13px;
  color: var(--secondLevelText);
  outline: none;
  margin: 10px auto 10px 46px;
}
.style_inviteBtn__xRxRE:hover {
  cursor: pointer;
}
.style_spaceMenuTree__zjAUb {
  display: flex;
  flex-direction: column;
}
.style_spaceMenuTree__zjAUb .style_header__RUtis {
  display: flex;
  align-items: center;
  height: 50px;
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-treenode {
  padding: 0;
}
.style_spaceMenuTree__zjAUb .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  bottom: 0;
}
.style_spaceMenuTree__zjAUb .ant-tree span.ant-tree-switcher,
.style_spaceMenuTree__zjAUb .ant-tree span.ant-tree-iconEle {
  height: 40px;
  width: 24px;
}
.style_spaceMenuTree__zjAUb .ant-tree span.ant-tree-switcher svg,
.style_spaceMenuTree__zjAUb .ant-tree span.ant-tree-iconEle svg {
  fill: var(--fourthLevelText);
  width: 16px;
  height: 16px;
  transform: rotate(0deg);
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-switcher-icon {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(0deg);
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.style_spaceMenuTree__zjAUb .ant-tree span.ant-tree-switcher {
  line-height: 40px;
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-indent-unit {
  width: 0;
}
.style_spaceMenuTree__zjAUb .ant-tree span.ant-tree-iconEle {
  line-height: 45px;
}
.style_spaceMenuTree__zjAUb .ant-tree span.ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  fill: var(--thirdLevelText);
}
.style_spaceMenuTree__zjAUb .ant-tree span.ant-tree-iconEle svg.iconWithoutFill {
  fill: none;
  color: var(--thirdLevelText);
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-node-content-wrapper,
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-title {
  display: inline-block;
  /*height: 40px;*/
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  display: flex;
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-title {
  width: calc(100% - 24px);
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-node-content-wrapper::before {
  height: 40px !important;
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-node-selected .ant-tree-iconEle svg {
  fill: var(--primaryColor);
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-node-selected .ant-tree-iconEle svg.iconWithoutFill {
  fill: none;
  color: var(--primaryColor);
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-node-selected .ant-tree-title {
  color: var(--primaryColor);
}
.style_spaceMenuTree__zjAUb .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before,
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-treenode-selected::before,
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-node-content-wrapper:hover::before {
  background: var(--rowSelectedBg) !important;
}
.style_spaceMenuTree__zjAUb .ant-tree .anticon {
  display: none;
}
.style_spaceMenuTree__zjAUb .ant-tree .ant-tree-child-tree .ant-tree-title {
  text-indent: -24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_memberTag__f5xAC {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  font-size: 12px;
  height: 20px;
  padding: 0 4px;
  white-space: nowrap;
}
.style_primaryTag__8TveS {
  color: var(--rainbowPurple5);
  background-color: var(--rainbowPurple1);
}
.style_subTag__dgrKU {
  color: var(--rainbowIndigo5);
  background-color: var(--rainbowIndigo1);
}
.style_inactiveTag__fgCdU {
  border: 1px solid var(--errorColor);
  color: var(--errorColor);
}
.style_sysAdminTag__uiepW {
  color: var(--firstLevelText);
  background-color: var(--rainbowOrange1);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_memberInfoWrapper__hqU0c {
  max-width: 400px;
  max-height: 400px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_memberInfoWrapper__hqU0c .style_portrait__fQ43_ {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 16px;
  text-align: center;
}
.style_memberInfoWrapper__hqU0c .style_portrait__fQ43_ img {
  width: 100%;
  height: 100%;
}
.style_memberInfoWrapper__hqU0c .style_nameAndTag__UkVQR {
  margin-bottom: 24px;
  position: relative;
  min-height: 24px;
}
.style_memberInfoWrapper__hqU0c .style_nameAndTag__UkVQR .style_identityWrap__YNTtQ {
  position: absolute;
  right: 0;
  top: 1px;
  transform: translateX(100%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_memberInfoWrapper__hqU0c .style_nameAndTag__UkVQR .style_identity__lqugv {
  padding: 0 4px;
  margin-left: 4px;
}
.style_memberInfoWrapper__hqU0c .style_infoItem__rxYJW {
  min-height: 30px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
}
.style_memberInfoWrapper__hqU0c .style_infoItem__rxYJW .style_infoTitle__llCCr {
  font-size: 12px;
  color: var(--secondLevelText);
  margin-right: 15px;
  width: 140px;
  text-align: right;
}
.style_memberInfoWrapper__hqU0c .style_infoItem__rxYJW .style_infoDetail__rFJI9 {
  flex: 1;
  color: var(--firstLevelText);
  font-size: 12px;
  word-break: break-word;
  position: relative;
  display: block;
}
.style_memberInfoWrapper__hqU0c .style_infoItem__rxYJW .style_teamInfo__qRbVu {
  margin: 0;
  line-height: 18px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}
.style_memberInfoWrapper__hqU0c .style_infoItem__rxYJW .style_emptyDetail__pufoX {
  color: var(--fourthLevelText);
}
.style_memberInfoWrapper__hqU0c .style_nameItemContent__KoM7X {
  width: 100%;
  display: flex;
  align-items: center;
}
.style_memberInfoWrapper__hqU0c .style_nameItemContent__KoM7X .style_memberName__205wz {
  flex: 1;
}
.style_memberInfoWrapper__hqU0c .style_nameItemContent__KoM7X .style_editIcon__uIWGW {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-left: 4px;
  color: var(--fc1);
}
.style_memberInfoWrapper__hqU0c .style_input__QLOrn {
  position: absolute;
  top: -7px;
  height: calc(100% + 7px);
}
.style_memberInfoWrapper__hqU0c .style_input__QLOrn.style_err__sBAOY,
.style_memberInfoWrapper__hqU0c .style_input__QLOrn.style_err__sBAOY:focus,
.style_memberInfoWrapper__hqU0c .style_ant-input__ZMMt1.style_input__QLOrn.style_err__sBAOY:focus {
  border-color: var(--errorColor) !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__zNzGN {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__krDnK {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__oDkgv ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__oDkgv ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__oDkgv ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__oDkgv ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__oDkgv li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__oDkgv .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__oDkgv .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__oDkgv .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__oDkgv .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ydOC1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__8Z9IK {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__N90Qy .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__N90Qy .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__N90Qy .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__N90Qy .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__N90Qy .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__N90Qy .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__N90Qy .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__N90Qy .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__N90Qy .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__N90Qy .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__N90Qy .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__N90Qy .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__N90Qy .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__N90Qy .editBgColor::before,
.style_tree__N90Qy .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__N90Qy .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__N90Qy .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__N90Qy .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__N90Qy .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__N90Qy .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__N90Qy .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__N90Qy .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__N90Qy .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__N90Qy .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__2r2A2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___xkm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Y_5T0::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Y_5T0::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__Y_5T0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ULT3O::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ULT3O::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__ULT3O:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__RvB1N {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__p1rsF {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__p1rsF {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__p1rsF {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__p1rsF {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__p1rsF {
    flex: 0 0 100%;
  }
}
.style_filterInput___IqYs {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_addressList__nVjkS {
  flex: 1;
  position: relative;
}
.style_addressList__nVjkS .style_splitLeft__lYmIW {
  box-sizing: border-box;
  height: 100%;
  position: relative;
}
.style_addressList__nVjkS .style_leftContent__b2GHN {
  position: relative;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.style_addressList__nVjkS .style_leftContent__b2GHN button {
  margin: 8px auto 16px;
}
.style_addressList__nVjkS .style_listWrapper__il0FH {
  flex: 1;
  overflow: hidden;
}
.style_addressList__nVjkS .style_filter__sLqvY {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_addressList__nVjkS .style_inviteBtn__Wp6e7 svg {
  margin-right: 4px;
}
.style_addressList__nVjkS .style_menu__0S5VM {
  flex: 1;
  overflow: hidden;
}
.style_addressList__nVjkS .style_searchItem__MaFSB {
  height: 40px;
  padding: 0 20px;
  font-size: 13px;
  color: var(--secondLevelText);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_addressList__nVjkS .style_searchItem__MaFSB span {
  display: inline-block;
  height: 15px;
}
.style_addressList__nVjkS .style_searchItem__MaFSB svg {
  fill: var(--secondLevelText);
  width: 15px;
  height: 15px;
}
.style_addressList__nVjkS .style_searchItem__MaFSB svg:hover {
  cursor: pointer;
}
.style_addressList__nVjkS .style_splitRight__lbOQq {
  background: var(--lowestBg);
  padding: 20px 20px 14px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_addressList__nVjkS .style_rightWrapper__iCVeB {
  background: var(--defaultBg);
  height: 100%;
  color: var(--firstLevelText);
  display: flex;
  flex-direction: column;
}
.style_addressList__nVjkS .style_rightWrapper__iCVeB .style_teamTitle__VSUHe {
  font-size: 16px;
  line-height: 45px;
  padding-left: 20px;
  display: flex;
  align-items: center;
  cursor: default;
  flex-wrap: wrap;
  column-gap: 0.5rem;
}
.style_addressList__nVjkS .style_rightWrapper__iCVeB .style_teamTitle__VSUHe .style_title__V7yAE {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 282px;
  height: 24px;
  line-height: 24px;
}
.style_addressList__nVjkS .style_rightWrapper__iCVeB .style_memberWrapper__Z5vzy {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  overflow: hidden;
  flex: 1;
}
.style_addressList__nVjkS .style_rightWrapper__iCVeB .style_memberList__K11GI {
  width: 350px;
  border-right: 1px solid var(--rowSelectedBg);
}
.style_addressList__nVjkS .style_rightWrapper__iCVeB .style_memberInfo__JuFeH {
  flex: 1;
  display: flex;
  justify-content: center;
  min-width: 400px;
}
.style_addressList__nVjkS .style_rightWrapper__iCVeB .style_emptyImage__I5CQv {
  display: block;
  margin-top: 130px;
  width: 400px;
  height: 300px;
  -webkit-user-select: none;
          user-select: none;
}
.style_addressList__nVjkS .style_rightWrapper__iCVeB .style_emptyImage__I5CQv img {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
}
@media screen and (max-width: 767.98px) {
  .style_addressList__nVjkS .style_rightWrapper__iCVeB .style_memberWrapper__Z5vzy {
    height: 100%;
  }
  .style_addressList__nVjkS .style_rightWrapper__iCVeB .style_memberWrapper__Z5vzy .style_emptyImage__I5CQv {
    width: 240px;
    height: 180px;
  }
  .style_addressList__nVjkS .style_rightWrapper__iCVeB .style_memberList__K11GI {
    width: 100%;
    height: 100%;
    overflow: auto;
    border-right: none;
    padding-bottom: 24px;
  }
  .style_addressList__nVjkS .style_rightWrapper__iCVeB .style_memberList__K11GI .ant-list-item {
    padding-left: 24px;
  }
  .style_addressList__nVjkS .style_rightWrapper__iCVeB .style_teamTitle__VSUHe {
    padding-left: 24px;
  }
}
.style_mobileBack__CqMK4 {
  cursor: pointer;
  position: fixed;
  top: 16px;
  left: 16px;
  height: 30px;
  background: rgba(var(--lowestBg-rgb), 80%);
  display: flex;
  align-items: center;
  border-radius: 24px;
  z-index: var(--zIndex-12-mobileBackZIndex);
  justify-content: center;
  padding: 6px 16px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.style_mobileBack__CqMK4 svg {
  width: 10px;
  height: 10px;
  vertical-align: -0.125em;
}
.style_mobileBack__CqMK4 span {
  font-size: 14px;
  color: var(--firstLevelText);
}
.style_mobileContainer__VyXNC {
  padding: 0 8px 100px;
  min-height: 100vh;
  padding-top: 26px;
  position: absolute;
}
.style_mobileContainer__VyXNC > div {
  margin-bottom: 16px;
}
.style_memberInfoDrawer__ukssF .style_mobileBack__CqMK4 {
  cursor: pointer;
  position: fixed;
  top: 16px;
  left: 16px;
  height: 30px;
  background: rgba(var(--defaultBg-rgb), 80%);
  display: flex;
  align-items: center;
  border-radius: 24px;
  z-index: var(--zIndex-12-mobileBackZIndex);
  justify-content: center;
  padding: 6px 16px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.style_memberInfoDrawer__ukssF .style_mobileBack__CqMK4 svg {
  width: 10px;
  height: 10px;
  vertical-align: -0.125em;
}
.style_memberInfoDrawer__ukssF .style_mobileBack__CqMK4 span {
  font-size: 14px;
  color: var(--firstLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__zgUV1 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__sxmC2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__0FtWc ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__0FtWc ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__0FtWc ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__0FtWc ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__0FtWc li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__0FtWc .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__0FtWc .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__0FtWc .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__0FtWc .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__WBKFL {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__I__gh {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__RYQNa .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__RYQNa .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__RYQNa .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__RYQNa .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__RYQNa .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__RYQNa .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__RYQNa .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__RYQNa .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__RYQNa .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__RYQNa .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__RYQNa .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__RYQNa .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__RYQNa .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__RYQNa .editBgColor::before,
.style_tree__RYQNa .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__RYQNa .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__RYQNa .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__RYQNa .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__RYQNa .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__RYQNa .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__RYQNa .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__RYQNa .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__RYQNa .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__RYQNa .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__aGuQU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__SyqFB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__p0Hg_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__p0Hg_::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__p0Hg_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__9suFE::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__9suFE::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__9suFE:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__w3__I {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__anrMq {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__anrMq {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__anrMq {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__anrMq {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__anrMq {
    flex: 0 0 100%;
  }
}
.style_filterInput__XjYuQ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_treeWrapper__4w1Zg {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.style_treeWrapper__4w1Zg::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_treeWrapper__4w1Zg::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_treeWrapper__4w1Zg::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_treeWrapper__4w1Zg:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_treeWrapper__4w1Zg:hover {
  overflow-y: auto;
}
.style_treeWrapper__4w1Zg .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  bottom: 0;
  border-radius: 4px;
}
.style_treeWrapper__4w1Zg .ant-tree span.ant-tree-switcher,
.style_treeWrapper__4w1Zg .ant-tree span.ant-tree-iconEle {
  height: 40px;
  width: 24px;
  line-height: 40px;
}
.style_treeWrapper__4w1Zg .ant-tree span.ant-tree-switcher svg,
.style_treeWrapper__4w1Zg .ant-tree span.ant-tree-iconEle svg {
  fill: var(--fourthLevelText);
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-treenode {
  padding: 0;
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-switcher-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(0deg);
}
.style_treeWrapper__4w1Zg .ant-tree span.ant-tree-switcher {
  margin-left: 13px;
}
.style_treeWrapper__4w1Zg .ant-tree span.ant-tree-iconEle svg {
  width: 15px;
  height: 15px;
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-indent-unit {
  width: 24px;
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-node-content-wrapper,
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-title {
  width: 100%;
  overflow: hidden;
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-title span {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-node-content-wrapper::before {
  height: 40px !important;
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-node-selected .ant-tree-iconEle svg {
  fill: var(--primaryColor);
}
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-node-selected .ant-tree-title {
  color: var(--primaryColor);
}
.style_treeWrapper__4w1Zg .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before,
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-treenode-selected::before,
.style_treeWrapper__4w1Zg .ant-tree .ant-tree-node-content-wrapper:hover::before {
  background: var(--rowSelectedBg) !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__jDbcZ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Vah3Y {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__rwYIW ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__rwYIW ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__rwYIW ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__rwYIW ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__rwYIW li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__rwYIW .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__rwYIW .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__rwYIW .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__rwYIW .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__HO7LX {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__lEkKQ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__p8kK2 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__p8kK2 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__p8kK2 .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__p8kK2 .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__p8kK2 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__p8kK2 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__p8kK2 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__p8kK2 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__p8kK2 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__p8kK2 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__p8kK2 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__p8kK2 .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__p8kK2 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__p8kK2 .editBgColor::before,
.style_tree__p8kK2 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__p8kK2 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__p8kK2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__p8kK2 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__p8kK2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__p8kK2 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__p8kK2 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__p8kK2 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__p8kK2 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__p8kK2 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__C5HEO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__RmZ_x .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__d1pfo::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__d1pfo::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__d1pfo:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__C3lHu::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__C3lHu::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__C3lHu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__QBM4a {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__RocyR {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__RocyR {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__RocyR {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__RocyR {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__RocyR {
    flex: 0 0 100%;
  }
}
.style_filterInput__P011j {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_leftContent__iv9Oq {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.style_leftContent__iv9Oq .style_header__2ZebW {
  display: flex;
  align-items: center;
  height: 50px;
}
.style_leftContent__iv9Oq button {
  margin: 8px auto 16px;
}
.style_listWrapper__JgrQH {
  flex: 1;
  overflow: hidden;
  padding: 0 12px;
}
.style_filter__2A78G {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_empty__JsICR {
  height: 40px;
}
.style_inviteBtnMobile__iTlzW {
  width: 100%;
  height: 40px;
}
.style_isSyncingMembers__k38XH {
  margin-top: 0;
  display: flex;
  align-items: center;
  min-width: 192px;
}
.style_menu__J8R3l {
  flex: 1;
  overflow: hidden;
}
.style_searchItem__TFgJr {
  height: 40px;
  padding: 0 20px;
  font-size: 13px;
  color: var(--secondLevelText);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_searchItem__TFgJr span {
  display: inline-block;
  height: 15px;
}
.style_searchItem__TFgJr svg {
  fill: var(--secondLevelText);
  width: 15px;
  height: 15px;
}
.style_searchItem__TFgJr svg:hover {
  cursor: pointer;
}
.style_searchInputWrapper__kIfBW {
  width: 100%;
  height: 32px;
  margin-bottom: 8px;
  padding: 0 12px;
}
.style_searchInputWrapper__kIfBW .style_searchInput__p8hnO {
  padding: 0 16px;
  text-indent: 0;
}
.style_searchInputWrapper__kIfBW .style_searchInput__p8hnO,
.style_searchInputWrapper__kIfBW .style_searchInput__p8hnO input {
  border-radius: 16px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
@keyframes style_fadeIn__UPXxD {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.style_hover__zgAwi {
  background-color: var(--rowSelectedBg);
}
.style_searchWrapper__tz3uf {
  width: 100%;
  height: 100%;
  transform-origin: right center;
  animation: style_fadeIn__UPXxD 0.3s ease;
  display: flex;
  flex-direction: column;
}
.style_searchWrapper__tz3uf .style_searchContent__fNIPU {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  flex: 1;
  overflow: hidden;
}
.style_searchWrapper__tz3uf .style_search__roTls .style_searchInput__N8ub2 {
  padding: 0 16px;
  text-indent: 0;
  width: 100%;
  height: 40px;
  border-color: var(--borderCommonDefault);
}
.style_searchWrapper__tz3uf .style_search__roTls .style_searchInput__N8ub2:focus-within {
  border-color: var(--borderBrandDefault);
}
.style_searchWrapper__tz3uf .style_search__roTls .style_searchInput__N8ub2 .ant-input-prefix {
  margin-right: 2px;
}
.style_searchWrapper__tz3uf .style_closeBtn__cGpNy {
  display: flex;
  cursor: pointer;
}
.style_searchWrapper__tz3uf .style_nodeList__zrYlC {
  position: absolute;
  padding: 0 16px;
  top: 96px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  flex: 1;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  border-radius: 0 0 8px 8px;
}
.style_searchWrapper__tz3uf .style_emptyResult__VHMif {
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-70px);
  max-width: 100%;
  width: 320px;
  margin: 0 auto;
}
.style_searchWrapper__tz3uf .style_emptyResult__VHMif img {
  width: 100%;
}
.style_searchWrapper__tz3uf .style_emptyResult__VHMif .style_tip___Yvd2 {
  font-size: 14px;
  color: var(--secondLevelText);
  margin-top: 8px;
  text-align: center;
}
.style_searchWrapper__tz3uf .style_title__NK69i {
  height: 32px;
  font-size: 12px;
  color: var(--thirdLevelText);
  line-height: 32px;
  margin-left: 20px;
}
.style_searchWrapper__tz3uf .style_title__NK69i:nth-child(1) {
  margin-top: 8px;
}
.style_modalHeader__wXtPc {
  display: flex;
  align-items: center;
}
.style_modalHeader__wXtPc .style_titleSearchIcon__HTHzT {
  margin-right: 10px;
}
.style_modalWrapper__xW1rY {
  height: calc(100vh - 160px) !important;
}
.style_modalWrapper__xW1rY .ant-modal-header {
  padding: 16px;
}
.style_modalWrapper__xW1rY .ant-modal-body {
  flex: 1;
  padding: 0 !important;
}
.style_modalWrapper__xW1rY .ant-modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.style_tabWrapper__cUPDR {
  z-index: 2;
  display: flex;
  align-content: center;
  padding: 16px 0;
  overflow-x: auto;
}
.style_tabWrapper__cUPDR .style_typeTabItem__zIMCH {
  padding: 3px 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--textCommonPrimary);
  cursor: pointer;
  border-radius: 4px;
  white-space: nowrap;
}
.style_tabWrapper__cUPDR .style_typeTabItemActive__YfVDC {
  background-color: var(--bgBrandLightDefault);
  color: var(--textBrandDefault);
}
.style_defaultContent__y0OFe {
  max-width: 100%;
  width: 358px;
  margin: 0 auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-70px);
}
.style_defaultContent__y0OFe img {
  width: 100%;
}
.style_footerTips__HAL8H {
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--bgControlsDegradeDefault);
  border-radius: 0 0 8px 8px;
}
.style_footerTips__HAL8H .style_footerIconBox___b8b3 {
  padding: 4px;
  background-color: var(--bgControlsElevateDefault);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.style_footerTipsEsc__Z_n4J {
  justify-content: end;
}
.style_footerTipsEsc__Z_n4J .style_footerIconBox___b8b3 {
  padding: 1px 8px;
}
.style_loadingWrap__0JpKJ {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  transform: translateY(-16px);
}
.style_loadingWrap__0JpKJ .style_loading__UF4ej {
  position: inherit;
  background-color: transparent;
  margin-bottom: 10px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__IuVFW {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__3s1Wz {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__WZPVn ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__WZPVn ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__WZPVn ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__WZPVn ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__WZPVn li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__WZPVn .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__WZPVn .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__WZPVn .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__WZPVn .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__1kVeB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__cH4Ff {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__JszuE .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__JszuE .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__JszuE .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__JszuE .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__JszuE .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__JszuE .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__JszuE .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__JszuE .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__JszuE .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__JszuE .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__JszuE .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__JszuE .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__JszuE .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__JszuE .editBgColor::before,
.style_tree__JszuE .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__JszuE .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__JszuE .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__JszuE .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__JszuE .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__JszuE .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__JszuE .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__JszuE .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__JszuE .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__JszuE .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__P6fbC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___Kk5V .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__NiLgc::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__NiLgc::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__NiLgc:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__goftF::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__goftF::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__goftF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__qCZPe {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__TFtgP {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__TFtgP {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__TFtgP {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__TFtgP {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__TFtgP {
    flex: 0 0 100%;
  }
}
.style_filterInput___td3Z {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_nodeContainer__LZYZ4 {
  display: flex;
  flex-direction: column;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}
.style_nodeContainer__LZYZ4:hover {
  background-color: var(--rowSelectedBg);
}
.style_nodeContainer__LZYZ4 .style_superiorPath__KM7L1 {
  line-height: 18px;
  margin-top: 4px;
  font-size: 12px;
  color: var(--thirdLevelText);
}
.style_node__vgtah {
  width: 100%;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.style_node__vgtah .style_icon__fKfQY {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 16px;
  height: 16px;
}
.style_node__vgtah .style_icon__fKfQY > span {
  width: 16px;
  height: 16px;
}
.style_node__vgtah .style_icon__fKfQY svg {
  width: 16px;
  height: 16px;
  fill: var(--secondLevelText);
}
.style_node__vgtah .style_nodeName__IySHp {
  flex: 1;
  font-size: 14px;
  color: var(--secondLevelText);
  font-weight: normal;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_node__vgtah .keyword {
  color: var(--primaryColor);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__B7VZd {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__GcZbB {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__vLZg_ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__vLZg_ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__vLZg_ ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__vLZg_ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__vLZg_ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__vLZg_ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__vLZg_ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__vLZg_ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__vLZg_ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__q1M16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__JlDEi {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__0QCRT .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__0QCRT .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__0QCRT .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__0QCRT .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__0QCRT .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__0QCRT .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__0QCRT .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__0QCRT .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__0QCRT .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__0QCRT .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__0QCRT .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__0QCRT .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__0QCRT .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__0QCRT .editBgColor::before,
.style_tree__0QCRT .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__0QCRT .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__0QCRT .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__0QCRT .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__0QCRT .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__0QCRT .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__0QCRT .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__0QCRT .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__0QCRT .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__0QCRT .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__7KYw3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___yZmL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__aSqGS::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__aSqGS::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__aSqGS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__59zgs::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__59zgs::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__59zgs:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__p2Eop {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__M1ItG {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__M1ItG {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__M1ItG {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__M1ItG {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__M1ItG {
    flex: 0 0 100%;
  }
}
.style_filterInput__Ch2IK {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_catalogWrapper__Td22u {
  background-color: var(--defaultBg);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_catalogWrapper__Td22u .style_workCatalog__4Laqf {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 20px;
  box-sizing: border-box;
}
.style_catalogWrapper__Td22u .style_workCatalog__4Laqf .style_title__9Z6vl {
  flex: 1;
  font-size: 13px;
  color: var(--secondLevelText);
  height: 20px;
  line-height: 20px;
  font-weight: normal;
}
.style_catalogWrapper__Td22u .style_workCatalog__4Laqf .style_opWrapper__vc_Zh {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.style_catalogWrapper__Td22u .style_workCatalog__4Laqf .style_opWrapper__vc_Zh .style_iconItem__dWwbW {
  margin-left: 10px;
  width: 15px;
  height: 15px;
}
.style_catalogWrapper__Td22u .style_workCatalog__4Laqf .style_opWrapper__vc_Zh .style_iconItem__dWwbW svg {
  cursor: pointer;
}
.style_catalogWrapper__Td22u .style_treeWrapper__nwJLJ {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 2px;
  padding-bottom: 40px;
}
.style_catalogWrapper__Td22u .style_treeWrapper__nwJLJ .style_addButton__uzH_o {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.style_catalogWrapper__Td22u .style_treeWrapper__nwJLJ .style_addButton__uzH_o svg {
  fill: var(--thirdLevelText);
}
.style_catalogWrapper__Td22u .style_treeWrapper__nwJLJ .style_addButton__uzH_o .style_text__rJwWe {
  padding-left: 6px;
  color: var(--thirdLevelText);
}
.style_catalogWrapper__Td22u .style_treeFill__IrSq9 > div:first-child {
  flex: 1;
}
.style_catalogWrapper__Td22u .style_shortcutMenu__WPMyu {
  background-color: var(--defaultBg);
  position: absolute;
  z-index: var(--catalogShortMenu);
  width: 200px;
  box-shadow: 0px 1px 2px 1px var(--shadowColor);
}
.style_catalogWrapper__Td22u .style_shortcutMenu__WPMyu .style_menuItem__w5s95 {
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: default;
}
.style_catalogWrapper__Td22u .style_shortcutMenu__WPMyu .style_menuItem__w5s95:hover {
  background-color: var(--rowSelectedBg);
}
.style_catalogWrapper__Td22u .style_addNodeBtn__xpO_t {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 16px 0 16px;
}
.style_catalogWrapper__Td22u .style_addNodeBtn__xpO_t button {
  border: 1px dashed var(--lineColor);
  border-radius: 4px;
}
.style_catalogWrapper__Td22u .style_inviteCardWrap__hJmzG {
  padding: 0 22px 42px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_favorite__Rn8FU .style_empty__x6bNl {
  margin-top: 45%;
  height: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_favorite__Rn8FU .style_empty__x6bNl .style_emptyFavoritePng__6QRMn {
  height: 44px;
  width: auto;
  margin-bottom: 16px;
}
.style_favorite__Rn8FU .style_empty__x6bNl .style_tip__hb_hR {
  font-size: 12px;
  color: var(--secondLevelText);
}
.style_favorite__Rn8FU .style_emptyNodes__FbaPC {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 13px;
  color: var(--fourthLevelText);
}
.style_favorite__Rn8FU .style_errorTip__Snblu {
  cursor: pointer;
  color: var(--fc3);
}
.style_favorite__Rn8FU .treeItem {
  height: 40px;
}
.style_favorite__Rn8FU .treeItem.operationBg {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_favorite__Rn8FU .treeItem.selected {
  border-radius: 4px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__UfZo9 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__X5sCO {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__W6Bul ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__W6Bul ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__W6Bul ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__W6Bul ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__W6Bul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__W6Bul .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__W6Bul .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__W6Bul .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__W6Bul .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__8rdpW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__zkkE8 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__G_d7b .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__G_d7b .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__G_d7b .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__G_d7b .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__G_d7b .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__G_d7b .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__G_d7b .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__G_d7b .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__G_d7b .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__G_d7b .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__G_d7b .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__G_d7b .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__G_d7b .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__G_d7b .editBgColor::before,
.style_tree__G_d7b .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__G_d7b .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__G_d7b .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__G_d7b .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__G_d7b .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__G_d7b .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__G_d7b .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__G_d7b .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__G_d7b .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__G_d7b .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__JQWKh .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__fwthO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Irr1T::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Irr1T::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__Irr1T:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__XLytm::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__XLytm::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__XLytm:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__C16Jm {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__ybUWl {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ybUWl {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ybUWl {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ybUWl {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ybUWl {
    flex: 0 0 100%;
  }
}
.style_filterInput__CjHjy {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_workbenchSide__2lxoN {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .style_workbenchSide__2lxoN {
    min-height: 568px;
  }
}
.style_workbenchSide__2lxoN .style_header__dUSyO {
  display: flex;
  align-items: center;
  height: 50px;
}
.style_workbenchSide__2lxoN .style_header__dUSyO .style_left__W_Oe0 {
  max-width: calc(100% - 48px);
  position: absolute;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.style_workbenchSide__2lxoN .style_header__dUSyO .style_search__h7ArJ {
  padding: 0 12px;
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.style_workbenchSide__2lxoN .style_header__dUSyO .style_searchBtn__81NYW {
  width: 32px;
  height: 32px;
  background-color: var(--fc6);
}
.style_workbenchSide__2lxoN .style_header__dUSyO .style_searchBtn__81NYW svg {
  fill: var(--fc2);
}
.style_workbenchSide__2lxoN .style_header__dUSyO .style_searchBtn__81NYW:hover {
  background-color: var(--fc5);
}
.style_workbenchSide__2lxoN .style_header__dUSyO .style_searchBtn__81NYW:active {
  background-color: var(--fc4);
}
.style_workbenchSide__2lxoN .style_groups__i8jQv {
  flex: 1;
  padding-left: 12px !important;
  display: flex;
  flex-direction: column;
  padding-top: 6px;
  border-radius: 4px;
  height: calc(100% - 90px);
}
.style_workbenchSide__2lxoN .style_favorite__Rd3eD {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 40%;
}
.style_workbenchSide__2lxoN .style_scrollContainer__glXTL {
  overflow-y: scroll;
  height: calc(100% - 84px);
}
.style_workbenchSide__2lxoN .style_catalog__azFm5 {
  flex: 1;
  overflow: hidden;
}
.style_workbenchSide__2lxoN .style_catalog__azFm5 .ant-collapse-content {
  flex: 1;
}
.style_workbenchSide__2lxoN .style_catalog__azFm5 .ant-collapse-content .ant-collapse-content-box,
.style_workbenchSide__2lxoN .style_catalog__azFm5 .ant-collapse-content .ant-collapse-content-box > div {
  height: 100%;
}
.style_workbenchSide__2lxoN .style_favorite__Rd3eD .ant-collapse-content,
.style_workbenchSide__2lxoN .style_catalog__azFm5 .ant-collapse-content {
  overflow-x: hidden;
  overflow-y: scroll;
}
.style_workbenchSide__2lxoN .style_favorite__Rd3eD .ant-collapse-header,
.style_workbenchSide__2lxoN .style_catalog__azFm5 .ant-collapse-header {
  flex-shrink: 0;
}
.style_workbenchSide__2lxoN .style_fixedGroup__WhpXx {
  display: flex;
  height: 40px;
  border-top: 1px solid var(--lineColor);
}
.style_workbenchSide__2lxoN .style_fixedGroup__WhpXx .style_groupItem__dGtfd {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_workbenchSide__2lxoN .style_fixedGroup__WhpXx .style_groupItem__dGtfd:hover {
  background: var(--lowestBg);
}
.style_workbenchSide__2lxoN .style_fixedGroup__WhpXx .style_groupItem__dGtfd:not(:last-child)::after {
  position: absolute;
  top: 12px;
  right: 0;
  display: block;
  content: "";
  width: 1px;
  height: 16px;
  background: var(--lineColor);
}
.style_workbenchSide__2lxoN .style_fixedGroup__WhpXx .style_groupItem__dGtfd svg,
.style_workbenchSide__2lxoN .style_fixedGroup__WhpXx .style_groupItem__dGtfd img {
  width: 16px;
  height: 16px;
}
.style_workbenchSide__2lxoN .style_fixedGroup__WhpXx .style_groupItem__dGtfd .style_name___ruvE {
  padding-top: 3px;
  font-size: 12px;
  color: var(--secondLevelText);
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue {
  height: 100%;
  position: relative;
  flex: 1;
  border-radius: 4px;
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_btnGroup__HwFeB {
  margin-right: 16px;
  margin-bottom: 8px;
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_btnGroup__HwFeB .radio-label-btn-checked {
  background-color: var(--bgControlsElevateDefault);
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_btnGroup__HwFeB .radio-label-btn-checked .radio-text {
  color: var(--primaryColor);
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_catalogActions__haFAZ {
  margin-top: 4px;
  margin-right: 12px;
  display: flex;
  justify-content: space-around;
  padding: 8px 0;
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_catalogActions__haFAZ > div {
  width: 33%;
  border-right: 1px solid var(--borderCommonDefault);
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_catalogActions__haFAZ > div:last-child {
  border: 0;
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_catalogActions__haFAZ > div:hover {
  color: var(--textBrandHover);
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_catalogActions__haFAZ > div:hover svg {
  fill: var(--textBrandHover);
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_catalogActions__haFAZ > div:active {
  color: var(--textBrandActive);
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_catalogActions__haFAZ > div:active svg {
  fill: var(--textBrandActive);
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .style_catalogActions__haFAZ > div > span {
  font-size: 12px;
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .ant-collapse {
  display: flex;
  flex-direction: column;
}
.style_workbenchSide__2lxoN .style_mainContainer__8QXue .ant-collapse-item {
  display: flex;
  flex-direction: column;
}
.style_workbenchSide__2lxoN .style_btnContainer__BZnUy {
  width: 200px;
  padding: 24px 0;
  margin: 0 auto;
}
.style_workbenchSide__2lxoN .style_btnContainer__BZnUy .style_shortcutCreateBtn__DLku1 {
  padding: 0;
}
.style_workbenchSide__2lxoN .style_btnContainer__BZnUy .style_body__6SyE8 {
  width: 100%;
  display: flex;
  background: var(--primaryColor);
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
}
.style_workbenchSide__2lxoN .style_btnContainer__BZnUy .style_body__6SyE8 .style_left__W_Oe0 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_workbenchSide__2lxoN .style_btnContainer__BZnUy .style_body__6SyE8 .style_left__W_Oe0 .style_text__dfzIp {
  padding-left: 10px;
  font-size: 14px;
  color: var(--defaultBg);
}
.style_workbenchSide__2lxoN .style_btnContainer__BZnUy .style_body__6SyE8 .style_right__Ro6zJ {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: #6d5bd4;
}
.style_workbenchSide__2lxoN .style_btnContainer__BZnUy .style_body__6SyE8 svg {
  width: 16px;
  height: 16px;
  fill: var(--defaultBg);
}
.style_collapse__M3_7A {
  position: absolute;
  width: 100%;
  height: 100%;
}
.style_collapse__M3_7A .ant-collapse-item div.ant-collapse-header {
  display: flex;
  align-items: center;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  height: 40px;
  flex-shrink: 0;
  border-bottom: 1px solid transparent;
  border-radius: 8px !important;
  background: var(--defaultBg);
  padding: 0 !important;
  margin-right: 12px;
}
.style_collapse__M3_7A .ant-collapse-item div.ant-collapse-header:hover {
  background: var(--rowSelectedBg);
}
.style_collapse__M3_7A .ant-collapse-item div.ant-collapse-header:nth-child(2) {
  top: 40px;
}
.style_collapse__M3_7A .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
  position: relative;
}
.style_collapse__M3_7A .ant-collapse-item.ant-collapse-item-active .ant-collapse-header::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  height: 1px;
  background: var(--lineColor);
  position: absolute;
  left: 8px;
  bottom: -1px;
}
.style_collapse__M3_7A .ant-collapse-content > .ant-collapse-content-box {
  padding: 4px 0 0 0 !important;
}
@media screen and (max-width: 767.98px) {
  .style_collapse__M3_7A .ant-collapse-header {
    margin-right: 0 !important;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_serverPageWrapper__qZOwE {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.style_serverError__LBX1P {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  background: var(--defaultBg);
}
.style_serverError__LBX1P .style_container__eNWW_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.style_serverError__LBX1P .style_container__eNWW_ .style_imgContent__62Rlg {
  position: relative;
}
.style_serverError__LBX1P .style_container__eNWW_ .style_tip__3o1Yk {
  font-size: 14px;
  color: var(--firstLevelText);
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
  max-width: 252px;
}
.style_serverError__LBX1P .style_container__eNWW_ .style_qrcode__fzPjR {
  width: 90px;
  height: auto;
  position: absolute;
  top: 64px;
  left: 157px;
  border: 1px solid #262626;
  border-radius: 2px;
}
.style_serverError__LBX1P .style_container__eNWW_ .style_qrcode__fzPjR img {
  width: 100%;
  height: auto;
}
.style_serverError__LBX1P .style_container__eNWW_ .style_button__CMAeH {
  margin-top: 24px;
  width: 200px;
}
.style_serverError__LBX1P .style_container__eNWW_ .style_button__CMAeH button {
  margin-bottom: 16px;
}
@media screen and (max-width: 767.98px) {
  .style_serverError__LBX1P .style_container__eNWW_ {
    margin-top: -30%;
    width: 300px;
  }
  .style_serverError__LBX1P .style_container__eNWW_ img {
    width: 100%;
    height: auto;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -webkit-font-smooting: antialiased;
  }
  .style_serverError__LBX1P .style_container__eNWW_ .style_tip__3o1Yk {
    font-size: 16px;
  }
  .style_serverError__LBX1P .style_container__eNWW_ .style_button__CMAeH {
    margin-top: 27px;
    width: 272px;
  }
  .style_serverError__LBX1P .style_container__eNWW_ .style_button__CMAeH button {
    margin-bottom: 16px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__6FUOk {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__n5p05 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Bv_qL ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Bv_qL ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Bv_qL ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__Bv_qL ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Bv_qL li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Bv_qL .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Bv_qL .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Bv_qL .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Bv_qL .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__zZ8mn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__1bAAH {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___Vkea .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___Vkea .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___Vkea .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree___Vkea .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree___Vkea .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___Vkea .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___Vkea .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___Vkea .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___Vkea .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___Vkea .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___Vkea .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___Vkea .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree___Vkea .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___Vkea .editBgColor::before,
.style_tree___Vkea .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___Vkea .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___Vkea .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___Vkea .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree___Vkea .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___Vkea .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___Vkea .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___Vkea .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___Vkea .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___Vkea .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__GiBGY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__7g6bP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__9cpzz::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__9cpzz::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__9cpzz:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__MYGCY::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__MYGCY::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__MYGCY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__QQ2oC {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__CMbAg {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__CMbAg {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__CMbAg {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__CMbAg {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__CMbAg {
    flex: 0 0 100%;
  }
}
.style_filterInput___puht {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_headImg__PHd2T {
  height: auto;
  display: block;
  margin: 0 auto;
}
.style_widgetCenter__jK4Cs .ant-modal-body {
  padding: 0 0 24px;
}
.style_widgetCenter__jK4Cs .ant-modal-content {
  border-radius: 12px;
}
.style_widgetCenter__jK4Cs .ant-modal-header {
  padding: 24px 32px 8px;
}
.style_widgetCenterWrap__B08ui .ant-modal-header {
  padding: 24px 32px 8px;
}
.style_widgetCenterWrap__B08ui .ant-tabs-tab {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.style_widgetCenterWrap__B08ui .ant-tabs-tab:hover {
  color: var(--deepPurple_400);
}
.style_widgetCenterWrap__B08ui .ant-modal-content {
  overflow: hidden;
}
.style_widgetCenterWrap__B08ui .style_headerBanner__zpaI2 {
  width: 100%;
}
.style_widgetCenterWrapHis__ZnDoP .ant-modal-header {
  padding: 24px 32px 16px;
}
.style_widgetCenterWrapHis__ZnDoP .ant-modal-close-x svg {
  fill: var(--defaultBg);
}
.style_widgetCenterWrapHis__ZnDoP .ant-modal-close-x:hover svg {
  fill: #666666;
}
.style_showCloseIconBg__1vUC1 .ant-modal-close-x {
  background: var(--black_100);
  box-shadow: 0 0 0 4px var(--black_100);
}
.style_showCloseIconBg__1vUC1 .ant-modal-close-x svg {
  fill: #666666;
}
.style_showCloseIconBg__1vUC1 .ant-modal-close-x:hover {
  background: var(--fc11);
  box-shadow: 0 0 0 4px var(--fc11);
}
.style_showCloseIconBg__1vUC1 .ant-modal-close-x:active {
  background: var(--black_300);
  box-shadow: 0 0 0 4px var(--black_300);
}
.style_widgetCenterModal__PFqFz {
  height: 80vh;
  overflow: auto;
}
.style_widgetCenterModal__PFqFz > h2 {
  font-size: 24px;
  margin: 24px 0;
  padding: 0 24px;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi {
  height: 100%;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .ant-tabs-content-holder {
  height: 100%;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .ant-tabs-content {
  height: 100%;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .ant-tabs-tabpane {
  height: 100%;
  overflow-y: auto;
  overflow-y: overlay;
  box-sizing: border-box;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .ant-tabs-tab-btn {
  color: var(--fc3);
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_tabNav__W9mEe {
  margin: 0 32px;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_tabItemTips__ngug5 {
  margin: 16px 32px;
  display: flex;
  align-items: center;
  color: var(--thirdLevelText);
  font-size: 13px;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_tabItemTips__ngug5 span {
  margin-left: 4px;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_listEmpty__RXYnx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 24px 30px;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_listEmpty__RXYnx img {
  width: 240px;
  height: 180px;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_listEmpty__RXYnx .style_emptyTitle__n6lo3 {
  margin: 0;
  padding: 8px 0;
  font-size: 16px;
  color: var(--thirdLevelText);
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_listEmpty__RXYnx .style_emptyDesc__9wuvS {
  margin-bottom: 32px;
  color: var(--thirdLevelText);
  font-size: 13px;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_listEmpty__RXYnx .style_emptyFooter__E3ZSe {
  width: 200px;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_listEmpty__RXYnx .style_buttonWrap__uDNzn {
  margin-top: 3px;
  display: flex;
  align-items: center;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_listEmpty__RXYnx .style_buttonWrap__uDNzn svg {
  margin-right: 4px;
}
.style_widgetCenterModal__PFqFz .style_widgetCenterModalTab__iXiOi .style_listEmpty__RXYnx .style_tips__HfDvg {
  margin-top: 16px;
  font-size: 12px;
  line-height: 18px;
  color: var(--thirdLevelText);
}
.style_widgetPackageList__BPc09 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 19px;
}
.style_widgetPackageList__BPc09 .style_placeholder__khHTi {
  width: 1px;
  height: 1px;
}
.style_skeletonWrap__BiRce {
  padding: 0 32px;
}
.style_widgetPackageItem___fizl {
  width: 248px;
  margin: 0 12px 24px;
  box-shadow: var(--shadowCommonHigh);
  background-color: var(--bgCommonHigh);
  border: 1px solid var(--borderCommonDefault);
  border-radius: 4px;
  overflow: hidden;
}
.style_widgetPackageItem___fizl h3 {
  font-size: 14px;
  margin-bottom: 4px;
  color: var(--fc1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetPackageItem___fizl p {
  color: var(--thirdLevelText);
  font-size: 13px;
  overflow: hidden;
  height: 80px;
  margin: 4px 0 16px;
  line-height: 20px;
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.style_widgetPackageItem___fizl .style_spaceWidgetDesc___eMnU {
  margin: 16px 0;
}
.style_widgetPackageItem___fizl .style_packageType__tfYPX {
  font-size: 12px;
  position: absolute;
  padding: 0 8px;
  top: 8px;
  left: 8px;
  z-index: 1;
  background: var(--successColor);
  color: white;
  border-radius: 20px;
  cursor: pointer;
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH {
  width: 100%;
  padding-top: 56%;
  position: relative;
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH .style_authorIconWrap__dtBU1 {
  position: absolute;
  left: 8px;
  bottom: -14px;
  display: flex;
  align-items: center;
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH .style_authorIconWrap__dtBU1 .style_avatarWrap__b_wLr {
  margin: 0;
  padding: 1px;
  border-radius: 4px;
  background: var(--defaultBg);
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH .style_authorIconWrap__dtBU1 .style_avatarWrap__b_wLr .style_avatar__TxIK4 {
  border-radius: 4px !important;
  border: 1px solid var(--lineColor);
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH .style_authorIconWrap__dtBU1 .style_arcBoxLeft__dS5Ak {
  width: 6px;
  height: 6px;
  margin-bottom: 6px;
  margin-right: -1px;
  background: radial-gradient(6px at left top, transparent 100%, var(--defaultBg) 100%);
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH .style_authorIconWrap__dtBU1 .style_arcBoxRight__oHg6L {
  width: 6px;
  height: 6px;
  margin-bottom: 6px;
  margin-left: -1px;
  background: radial-gradient(6px at right top, transparent 100%, var(--defaultBg) 100%);
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH .style_website__p1Vp5 {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH .style_website__p1Vp5 .style_iconButton__4EQbC {
  background: var(--black_100);
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH .style_website__p1Vp5:hover .style_iconButton__4EQbC {
  background: var(--black_200);
}
.style_widgetPackageItem___fizl .style_imgBox__RPYnH .style_website__p1Vp5:active .style_iconButton__4EQbC {
  background: var(--black_300);
}
.style_widgetPackageItem___fizl:hover .style_imgBox__RPYnH .style_website__p1Vp5 {
  display: block;
}
.style_widgetPackageItem___fizl img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.style_widgetPackageItem___fizl .style_itemContent__xAsdz {
  padding: 20px 16px 16px;
}
.style_modalHeader__zt9on {
  display: flex;
  align-items: center;
}
.style_modalHeader__zt9on .style_helpIcon__PTAI1 {
  display: flex;
  align-items: center;
}
.style_modalHeaderBanner__m9Lo3 {
  padding: 32px 32px 24px;
}
.style_widgetPackageItem___fizl .style_headerBox__UOnlS {
  display: flex;
  align-items: center;
}
.style_widgetPackageItem___fizl .style_headerBox__UOnlS .style_widgetIcon__xLGNk {
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.style_widgetPackageItem___fizl .style_headerBox__UOnlS h3 {
  margin: 0;
  flex: 1;
}
.style_widgetPackageItem___fizl .style_avatarWrap__b_wLr {
  margin: 0 4px;
}
.style_widgetPackageItem___fizl .style_developerWrap__i8dpc {
  display: flex;
  margin-bottom: 16px;
  align-items: center;
}
.style_widgetPackageItem___fizl .style_developerWrap__i8dpc span {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_widgetPackageItem___fizl .style_developerWrap__i8dpc .style_triggerWrap__Z_xdy {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.style_widgetPackageItem___fizl .style_rotateIcon__yvw3Q {
  transform: rotate(90deg);
}
.style_widgetPackageItem___fizl .style_hoverShow__ICTmE {
  box-sizing: content-box;
  border-radius: 50%;
}
.style_widgetPackageItem___fizl:hover .style_hoverShow__ICTmE {
  opacity: 1;
}
.style_createWidgetWrapper__4GazC {
  height: 254px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.style_createWidgetWrapper__4GazC:hover {
  background: var(--fc6);
}
.style_createWidgetWrapper__4GazC:active {
  background: var(--fc5);
}
.style_createWidgetWrapper__4GazC span {
  margin-left: 4px;
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_disableCreateWidget__b3OEz {
  cursor: not-allowed;
  opacity: 0.5;
  background: var(--defaultBg);
}
.style_disableCreateWidget__b3OEz:hover {
  background: var(--defaultBg);
}
.style_disableCreateWidget__b3OEz:active {
  background: var(--defaultBg);
}
.style_spaceWidgetInfoContent__ATaS9 {
  line-height: 22px;
  font-size: 14px;
  color: var(--firstLevelText);
}
.style_spaceWidgetInfoContent__ATaS9 .style_creatorWrap__Uf1MS {
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
  padding: 0 4px;
}
.style_spaceWidgetInfoContent__ATaS9 .style_creatorWrap__Uf1MS .style_unitTag__HbdjE:hover {
  opacity: 1;
}
.style_widgetContextMenu__XGCI8 {
  position: fixed;
  width: 240px;
  background: var(--highestBg);
  padding: 4px 8px;
  box-shadow: var(--shadowCommonHighest);
  border-radius: 4px;
  transition: opacity 2s !important;
  z-index: var(--zIndex-3);
}
.style_widgetContextMenu__XGCI8 .style_contextMenuItem__HbQUB {
  padding: 0 8px;
  border-radius: 4px;
}
.style_widgetContextMenu__XGCI8 .style_contextMenuItem__HbQUB:hover {
  background: var(--fc6);
}
.style_widgetPackageItemSpace__98LRe {
  padding: 16px;
}
.style_colorWhite__cgEx_ {
  color: var(--staticWhite0) !important;
}
.style_transferWidgetWrap__vNquN ul {
  padding: 0;
}
.style_transferWidgetWrap__vNquN li {
  list-style: none;
  position: relative;
}
.style_transferWidgetWrap__vNquN li + li {
  margin-top: 16px;
}
.style_transferWidgetWrap__vNquN li p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--fc2);
}
.style_transferWidgetWrap__vNquN li p:first-child {
  font-weight: bold;
  padding-left: 25px;
  color: var(--firstLevelText);
}
.style_transferWidgetWrap__vNquN li p:first-child::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  left: 9px;
  top: 7px;
  background: var(--firstLevelText);
  border-radius: 50%;
}
.style_warningBtn__p4WsH {
  color: var(--defaultBg) !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_modalBody__pIPT2 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_modalWrapper__QMfgC .ant-modal-close {
  display: none;
}
.style_modalWrapper__QMfgC .ant-modal-body {
  height: 82vh;
  padding: 0;
}
.style_operateArea__ZX_3b {
  position: absolute;
  top: -68px;
  right: 0;
  display: flex;
  align-items: center;
  padding: 16px 0;
}
.style_operateArea__ZX_3b .style_closeButton__FJTkr {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--closeIconBg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_operateArea__ZX_3b .style_closeButton__FJTkr:hover {
  opacity: 0.8;
}
.style_operateArea__ZX_3b .style_closeButton__FJTkr:active {
  opacity: 0.6;
}
.style_operateArea__ZX_3b .style_closeButton__FJTkr svg {
  fill: white;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__T6s6F {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__qYwxO {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__jF2Uc ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__jF2Uc ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__jF2Uc ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__jF2Uc ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__jF2Uc li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__jF2Uc .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__jF2Uc .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__jF2Uc .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__jF2Uc .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__7UaJf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__QuXxc {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__AYpaP .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__AYpaP .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__AYpaP .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__AYpaP .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__AYpaP .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__AYpaP .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__AYpaP .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__AYpaP .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__AYpaP .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__AYpaP .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__AYpaP .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__AYpaP .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__AYpaP .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__AYpaP .editBgColor::before,
.style_tree__AYpaP .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__AYpaP .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__AYpaP .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__AYpaP .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__AYpaP .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__AYpaP .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__AYpaP .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__AYpaP .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__AYpaP .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__AYpaP .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Zx_dU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__9ESao .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__u5y5k::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__u5y5k::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__u5y5k:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__b_OzH::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__b_OzH::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__b_OzH:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__MsHVF {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__tYH4r {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__tYH4r {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__tYH4r {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__tYH4r {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__tYH4r {
    flex: 0 0 100%;
  }
}
.style_filterInput__cfR4k {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_panelHeader__HGTT7 {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  justify-content: space-between;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  border-bottom: 1px solid var(--lineColor);
  z-index: 1;
}
.style_panelHeader__HGTT7 .style_closeIcon__Oaa6B {
  cursor: pointer;
}
.style_panelHeader__HGTT7 .style_panel__cUoJN {
  background: transparent;
}
.style_panelHeader__HGTT7 svg {
  cursor: pointer;
}
.style_panelHeader__HGTT7 .style_triggerElement__DWZEj {
  margin-right: 16px;
  cursor: pointer;
}
.style_panelHeader__HGTT7 .style_arrow__UZJFx {
  margin-left: 4px;
}
.style_panelHeader__HGTT7 .style_arrow__UZJFx svg {
  vertical-align: -0.125em;
  transition: transform 0.3s;
}
.style_panelHeader__HGTT7 .style_arrow__UZJFx.style_open__TMVrE svg {
  transform: rotate(180deg);
}
.style_widgetListWrapper__i972d {
  box-shadow: var(--shadowCommonHigh);
  background: var(--highBg);
  padding-top: 16px;
  width: 400px;
  border-radius: 4px;
}
.style_widgetListWrapper__i972d h2 {
  font-size: 14px;
  padding: 0 16px 16px;
  margin-bottom: 0;
  font-weight: normal;
  color: var(--secondLevelText);
  display: flex;
  align-items: center;
}
.style_widgetListWrapper__i972d h2 svg {
  cursor: pointer;
  vertical-align: -0.125em;
}
.style_widgetListWrapper__i972d .style_panelList__LrUTw {
  padding: 0 8px;
  margin-bottom: 16px;
}
.style_widgetListWrapper__i972d .style_panelItem___3kNS {
  padding: 0 8px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.style_widgetListWrapper__i972d .style_panelItem___3kNS:hover {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_widgetListWrapper__i972d .style_addPanel__oIvlq {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--shadowColor);
  font-size: 14px;
  cursor: pointer;
}
.style_widgetListWrapper__i972d .style_addPanel__oIvlq.style_disable__2Pn6o {
  color: var(--fourthLevelText);
}
.style_widgetListWrapper__i972d .style_addPanel__oIvlq.style_disable__2Pn6o svg {
  fill: currentColor;
}
.style_widgetListWrapper__i972d .style_addPanel__oIvlq .style_addIcon__hU8Ff {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.style_widgetListWrapperMobile__FGq_m {
  padding-top: 24px;
  width: auto;
  background-color: inherit;
  box-shadow: inherit;
}
.style_widgetListWrapperMobile__FGq_m h2 {
  font-size: 18px;
  color: var(--fc1);
  font-weight: bold;
}
.style_widgetListWrapperMobile__FGq_m .style_panelList__LrUTw {
  padding: 0;
  margin: 0;
}
.style_triggerContainer__VhKfd {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_triggerContainer__VhKfd span {
  display: flex;
  align-items: center;
  transition: transform 0.3s;
}
.style_newInstalledWidget__Y4d5q {
  animation: style_active__HgkHO 1.6s;
}
@keyframes style_active__HgkHO {
  15% {
    box-shadow: 0px 0px 0px 2px var(--primaryColor);
  }
  30% {
    box-shadow: none;
  }
  45% {
    box-shadow: 0px 0px 0px 2px var(--primaryColor);
  }
  60% {
    box-shadow: none;
  }
  75% {
    box-shadow: 0px 0px 0px 2px var(--primaryColor);
  }
  10% {
    box-shadow: none;
  }
}
.style_navBar__UOKXJ {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_navBar__UOKXJ .style_closeButton__7_RTF {
  position: absolute;
  left: 0;
}
.style_navBar__UOKXJ .style_triggerContainer__VhKfd {
  padding: 0 60px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_steps__Gpp1B {
  display: flex;
  padding-top: 12px;
}
.styles_steps__Gpp1B .styles_stepItem__9yyAD {
  position: relative;
  width: 110px;
  color: var(--black_500);
}
.styles_steps__Gpp1B .styles_stepItem__9yyAD:not(:last-child):before {
  content: "";
  position: absolute;
  width: 86px;
  height: 4px;
  left: 68px;
  top: -2px;
  z-index: 0;
  background: var(--bgControlsDefault);
}
.styles_steps__Gpp1B .styles_stepItem__9yyAD .styles_stepItemIcon__dLCUe {
  position: relative;
  margin: -13px 0 0 44px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Rubik;
  font-weight: normal;
  text-align: center;
  border: 2px solid var(--bgControlsDefault);
  border-radius: 50%;
  background: var(--bgControlsDefault);
  line-height: 22px;
}
.styles_steps__Gpp1B .styles_stepItem__9yyAD .styles_stepItemContent__v3myh {
  margin-top: 9px;
  text-align: center;
}
.styles_steps__Gpp1B .styles_stepItemActive__vb1Lx .styles_stepItemIcon__dLCUe {
  background: var(--primaryColor);
  color: var(--staticWhite0);
}
.styles_steps__Gpp1B .styles_stepItemActive__vb1Lx .styles_stepItemContent__v3myh {
  color: var(--fc1);
}
.styles_steps__Gpp1B .styles_stepItemFinish__k67LW:not(:last-child):before {
  background: var(--primaryColor);
  z-index: 1;
}
.styles_steps__Gpp1B .styles_stepItemFinish__k67LW .styles_stepItemIcon__dLCUe {
  background: var(--primaryColor);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__Dhurp {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__4Fusn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__5_lz8 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__5_lz8 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__5_lz8 ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.styles_ant-select-option-common__5_lz8 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__5_lz8 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__5_lz8 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__5_lz8 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__5_lz8 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__5_lz8 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__wEM14 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__ySP3M {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__pYDm9 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__pYDm9 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__pYDm9 .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.styles_tree__pYDm9 .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.styles_tree__pYDm9 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__pYDm9 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__pYDm9 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__pYDm9 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__pYDm9 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__pYDm9 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__pYDm9 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__pYDm9 .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.styles_tree__pYDm9 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__pYDm9 .editBgColor::before,
.styles_tree__pYDm9 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__pYDm9 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__pYDm9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__pYDm9 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.styles_tree__pYDm9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__pYDm9 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__pYDm9 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__pYDm9 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__pYDm9 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__pYDm9 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__K8H1T .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__vrmJ9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__Nsmdq::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__Nsmdq::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.styles_scroll-bar-default__Nsmdq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__HsCMz::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__HsCMz::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.styles_scroll-bar-small__HsCMz:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__ExBIx {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.styles_templateCardFlexWidth__UfaB3 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__UfaB3 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__UfaB3 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__UfaB3 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__UfaB3 {
    flex: 0 0 100%;
  }
}
.styles_filterInput__3Pzqi {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_widgetCenterWrap__f_OMV .ant-modal-body {
  height: auto !important;
}
.styles_widgetCenterWrap__f_OMV .ant-modal-title {
  padding: 0 !important;
}
.styles_widgetCenterWrap__f_OMV .styles_modalHeader__UE3iW {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.styles_widgetCenterWrap__f_OMV .styles_modalHeader__UE3iW .styles_helpIcon__U_dfH {
  margin-left: 4px;
  height: 16px;
  line-height: 16px;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ {
  position: relative;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_itemLabel__LXA1v {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_lookSourceCodeBtn__i1cbO span {
  font-size: 12px !important;
  line-height: 18px;
  text-decoration: underline;
  border-width: 0;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateList__3RgDM {
  height: 312px;
  overflow-y: auto;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid var(--sheetLineColor);
  cursor: pointer;
  transition: border-color 0.1s;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t .styles_checkbox__0_3Wj {
  transition: border-color 0.1s;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t + .styles_templateItem__HgC_t {
  margin-top: 16px;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t:hover {
  border-color: var(--primaryColor);
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t:hover .styles_checkbox__0_3Wj {
  border-color: var(--primaryColor);
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t .styles_checkbox__0_3Wj {
  width: 16px;
  height: 16px;
  border: 2px solid var(--thirdLevelText);
  border-radius: 50%;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t .styles_templateCover__pDoYc {
  width: 40px;
  height: 40px;
  margin: 0 8px;
  border-radius: 2px;
  border: 1px solid var(--borderCommonDefault);
  overflow: hidden;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t .styles_templateInfo__9816U {
  flex: 1;
  overflow: hidden;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t .styles_templateInfo__9816U .styles_templateName__wlnVI {
  font-size: 14px;
  color: var(--firstLevelText);
  font-weight: bold;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItem__HgC_t .styles_templateInfo__9816U .styles_templateDesc__WwiWD {
  margin-top: 2px;
  font-size: 12px;
  color: var(--secondLevelText);
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItemSelected__nTlbb {
  border-color: var(--primaryColor);
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItemSelected__nTlbb .styles_checkbox__0_3Wj {
  border-width: 4px;
  border-color: var(--primaryColor);
}
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItemSelected__nTlbb .styles_templateInfo__9816U .styles_templateName__wlnVI,
.styles_widgetCenterWrap__f_OMV .styles_createContainer__MFNF_ .styles_templateItemSelected__nTlbb .styles_templateInfo__9816U .styles_templateDesc__WwiWD {
  color: var(--primaryColor);
}
.styles_widgetCenterWrap__f_OMV .styles_checkboxWrap__DWHe5 {
  display: flex;
  align-items: center;
}
.styles_widgetCenterWrap__f_OMV .styles_buttonWrap__MCaRO {
  width: 200px;
  padding-top: 40px;
  margin: 0 auto;
}
.styles_widgetCreateModalStep__kIT27 .ant-modal-body,
.styles_widgetDevConfigModal__DCY69 .ant-modal-body {
  height: auto !important;
  padding: 32px 24px 24px !important;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 {
  padding-top: 32px;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_stepContentTitleMain__DE5XP,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_stepContentTitleMain__DE5XP {
  margin-right: 4px;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemLabel__q9Th_,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemLabel__q9Th_ {
  margin-bottom: 8px;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_stepContentDesc__u1ifY,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_stepContentDesc__u1ifY {
  margin-bottom: 24px;
  font-size: 14px;
  color: var(--secondLevelText);
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_stepContentDesc__u1ifY span,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_stepContentDesc__u1ifY span {
  margin: 0 2px;
  color: var(--primaryColor);
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_helpIcon__U_dfH,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_helpIcon__U_dfH {
  display: flex;
  align-items: center;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU {
  display: flex;
  align-items: center;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_contentItemValueInput__ZCu_p,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_contentItemValueInput__ZCu_p {
  flex: 1;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_contentItemValueInput__ZCu_p input:disabled,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_contentItemValueInput__ZCu_p input:disabled {
  cursor: default;
  color: var(--secondLevelText) !important;
  -webkit-text-fill-color: var(--secondLevelText) !important;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_highBorder__R9_sL,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_highBorder__R9_sL {
  border-color: var(--primaryColor);
  transition: border 0.3s linear;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_copyBtn__Di3oZ,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_copyBtn__Di3oZ {
  margin-left: 16px;
  display: flex;
  align-items: center;
  box-sizing: content-box;
  background: var(--fc6);
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_copyBtn__Di3oZ:hover,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_copyBtn__Di3oZ:hover {
  background: var(--fc7);
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_copyBtn__Di3oZ:active,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemValue__METoU .styles_copyBtn__Di3oZ:active {
  background: var(--fc8);
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_errorText__y3y6q,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_errorText__y3y6q {
  height: 20px;
  font-size: 13px;
  color: var(--errorColor);
  line-height: 20px;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItem__t_NfX,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItem__t_NfX {
  padding-bottom: 16px;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItem__t_NfX .styles_cmdBox__dFpqs,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItem__t_NfX .styles_cmdBox__dFpqs {
  display: inline-flex;
  padding: 0 8px;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItem__t_NfX .styles_cmdBox__dFpqs div,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItem__t_NfX .styles_cmdBox__dFpqs div {
  padding: 8px 16px;
  border-radius: 4px;
  background: var(--blackBlue_200);
  font-size: 14px;
  color: #000000;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItem__t_NfX .styles_cmdBox__dFpqs div + div,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItem__t_NfX .styles_cmdBox__dFpqs div + div {
  margin-left: 8px;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemNoMargin__V2Jh1 .styles_contentItemLabel__q9Th_,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemNoMargin__V2Jh1 .styles_contentItemLabel__q9Th_ {
  margin: 0;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentItemDesc__7RYvR,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentItemDesc__7RYvR {
  padding-top: 4px;
  font-size: 12px;
  color: var(--thirdLevelText);
  line-height: 18px;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_contentFooter__Qy1Rq,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_contentFooter__Qy1Rq {
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.styles_widgetCreateModalStep__kIT27 .styles_stepContentWrap__eWtm5 .styles_configContentFooter__nSrze,
.styles_widgetDevConfigModal__DCY69 .styles_stepContentWrap__eWtm5 .styles_configContentFooter__nSrze {
  align-items: flex-end;
}
.styles_widgetCreateModalStep__kIT27 .styles_widgetDevConfigModalWrap__4Cmcz,
.styles_widgetDevConfigModal__DCY69 .styles_widgetDevConfigModalWrap__4Cmcz {
  padding: 0;
}
.styles_widgetCretInvalidError__ji9C3 {
  margin-top: 8px;
  padding: 16px 0;
  background-color: var(--red_50);
  border-radius: 6px;
}
.styles_widgetCretInvalidError__ji9C3 .styles_title__9f1Jn {
  display: flex;
  padding: 0 19px;
  align-items: center;
}
.styles_widgetCretInvalidError__ji9C3 .styles_title__9f1Jn span {
  font-weight: bold;
  margin-left: 4px;
  line-height: 22px;
}
.styles_widgetCretInvalidError__ji9C3 .styles_content__HH3PN {
  padding: 4px 16px 0 44px;
  font-size: 13px;
  line-height: 20px;
  color: var(--secondLevelText);
}
.styles_widgetCretInvalidError__ji9C3 .styles_content__HH3PN p {
  margin: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_searchContentWrapper__RLlpg {
  height: 486px;
  position: relative;
  padding-top: 8px;
  overflow: hidden;
}
.style_searchContentWrapper__RLlpg .style_searchEmpty__1WxLU {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_searchContentWrapper__RLlpg .style_searchEmpty__1WxLU .style_searchEmptyText__Q7eFN {
  text-align: center;
  color: var(--thirdLevelText);
  font-size: 13px;
  margin-top: 16px;
  margin-bottom: 32px;
}
.style_recordListWrapper___ws88 {
  height: 100%;
  width: 100%;
  position: relative;
}
.style_recordListWrapper___ws88 > div > div {
  overflow-y: scroll !important;
}
.style_recordListWrapper___ws88 > div > div::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_recordListWrapper___ws88 > div > div::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_recordListWrapper___ws88 > div > div::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_recordListWrapper___ws88 > div > div:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_recordCardWrapper__VgSQr {
  margin: 1px 12px 7px 24px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.style_recordCardWrapper__VgSQr.style_recordCardWrapperSelected__f2pqp {
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
}
.style_recordCardWrapper__VgSQr.style_recordCardWrapperSelected__f2pqp::before {
  content: " ";
  z-index: 1;
  width: 31px;
  height: 31px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: var(--primaryColor);
}
.style_recordCardWrapper__VgSQr.style_recordCardWrapperSelected__f2pqp::after {
  content: " ";
  z-index: 1;
  left: 3px;
  top: 6px;
  width: 5px;
  height: 8px;
  position: absolute;
  display: table;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.style_recordCardContainer__H5_H9 {
  position: relative;
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC {
  position: relative;
  display: flex;
  background-color: var(--fill0);
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC .style_recordCardRow__7T_ui {
  flex: 1 1;
  width: calc(100% - 90px);
  height: 90px;
  border-radius: 2px;
  padding-left: 10px;
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC .style_recordCardRow__7T_ui .style_recordCardTitle__E__Mi {
  margin-top: 10px;
  height: 18px;
  line-height: 18px;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--firstLevelText);
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC .style_recordCardRow__7T_ui .style_recordCardTitle__E__Mi.style_recordCardTitleEmpty__0fpnv {
  color: var(--fourthLevelText);
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC .style_recordCardRow__7T_ui .style_cellRow__L1iBe {
  display: flex;
  flex: 1 1;
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC .style_recordCardRow__7T_ui .style_cellRow__L1iBe .style_cardColumn__kVGcN {
  flex: 1 1;
  width: 20%;
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC .style_recordCardRow__7T_ui .style_cellRow__L1iBe .style_cardColumn__kVGcN .style_cellTitle__jzPb5 {
  font-size: 11px;
  color: var(--thirdLevelText);
  line-height: 16px;
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC .style_recordCardRow__7T_ui .style_cellRow__L1iBe .style_cardColumn__kVGcN .style_cardCell__XLkID {
  height: 31px;
  display: flex;
  align-items: center;
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC .style_recordCardRow__7T_ui .style_cellRow__L1iBe .style_cardColumn__kVGcN .style_cardCell__XLkID .style_cellHolder__h_v_w {
  border: solid 1px var(--fourthLevelText);
  height: 2px;
  width: 7px;
  border-radius: 2px;
}
.style_recordCardContainer__H5_H9 .style_recordCardStyled__KnrJC .style_recordCardRow__7T_ui .style_cellRow__L1iBe .style_cardColumn__kVGcN .style_cardCell__XLkID .style_cellValueComponent__RWoeR {
  padding-left: 0;
  padding-right: 0;
  margin-right: 8px;
  overflow: hidden;
  flex-wrap: nowrap;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
:root {
  --zIndex-1: 100;
  --zIndex-2: 200;
  --zIndex-3: 300;
  --zIndex-4: 400;
  --zIndex-5: 500;
  --zIndex-6: 600;
  --zIndex-7: 700;
  --zIndex-8: 800;
  --zIndex-9: 900;
  --zIndex-10: 1000;
  --zIndex-11: 1100;
  --zIndex-12: 1200;
  --viewSortBoxIndex: 10;
  --changRowHeightBox: 10;
  --dragColumnWidthAfter: 1;
  --viewFilterBox: 10;
  --previewFile: 1001;
  --changeMemberDeptModal: 99;
  --userMenu: 2;
  --spaceMenu: 2;
  --catalogCloseBtn: 13;
  --viewSwitchItem: -1;
  --grid: 1;
  --catalogShortMenu: 5;
  --container: 11;
  --fillHandleZIndex: 12;
  --scrollBar: 11;
  --contextmenu: 100;
  --image: 1;
  /* Menu on the left side of the page */
  --navigation: 2;
  /* ant design modal z-index is 1000, here and it is the same, to ensure that whoever comes out after, is on top */
  --overAntModal: 1000;
  /* Render the alert in document.body, the same as the display position of the message */
  --funcAlert: 1000;
  --searchMemberList: 2;
  --group: 1;
  --shallow: 100;
  /* Border circle when dragging and dropping nodes */
  --drag-line-circle: 2;
  --tabButton: 10;
  --tabButtonSvg: 1;
  --tabBlank: 5;
  --tabAddNewIcon: 10;
  --shareMask: 2;
  /* Drag lines in splitPane component */
  --splitPaneResizer: 3;
  /* In the new link invitation popup, the switch in the treeSelect component */
  --switchIcon: -1;
  /* New link invitation pop-up window, treeSelect component in the hover and select when the background color */
  --beforeContent: -2;
  --emojiPicker: 10;
  --triggerIndex: 10000;
  --catalogSearchGlass: 10;
  --vikaby: 999;
  --contextMenuZIndex: 10000;
  --memberOptionListZIndex: 1000;
  --linkEditorZIndex: 999;
  --expandWidget: 999;
  /* # 1 */
  --zIndex-1-mobileFriendlyTip: var(--zIndex-1);
  --zIndex-1-shareMobileSide: var(--zIndex-1);
  --zIndex-1-sideMaskZIndex: var(--zIndex-1);
  --zIndex-1-viewListMaskZIndex: var(--zIndex-1);
  --zIndex-1-previewMainFIleContainer: var(--zIndex-1);
  --zIndex-1-expandMultiTipTransition: var(--zIndex-1);
  --zIndex-1-statusbar: var(--zIndex-1);
  /* # 2 */
  --zIndex-2-wechatShareGuideZIndex: var(--zIndex-2);
  --zIndex-2-previewMainPageButton: var(--zIndex-2);
  --zIndex-2-statusbarHover: var(--zIndex-2);
  /* # 3 */
  --zIndex-3-previewToolBar: var(--zIndex-3);
  --zIndex-3-previewDisplayList: var(--zIndex-3);
  --zIndex-3-uploadDeleteIcon: var(--zIndex-3);
  /* # 10 */
  --zIndex-10-viewListZIndex: var(--zIndex-10);
  --zIndex-10-sideMaskZIndex: var(--zIndex-10);
  --zIndex-10-previewFileMaskZIndex: var(--zIndex-10);
  --zIndex-10-uploadZoneOpacity: var(--zIndex-10);
  --zIndex-10-fieldDescBox: var(--zIndex-10);
  /* # 12 */
  --zIndex-12-mobileBackZIndex: var(--zIndex-12);
  /* Template */
  --template_navigation: 3;
  --template_category_scroll_area: 0;
  --template_tip: 10;
  /* View tab bar */
  --splitMenuContent: 15;
  --tabbarNav: 14;
  --splitCloseBtn: 16;
  /* Magic Form Upload Attachment */
  --formAttachment: 10;
}
.style_portalContainer__fnwJu {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: var(--linkEditorZIndex);
}
.style_portalContainer__fnwJu .style_portalContent__klEZd {
  width: 540px;
  height: 630px;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  padding-top: 24px;
  overflow: hidden;
  position: relative;
}
.style_portalContainer__fnwJu .style_portalContent__klEZd .style_closeIcon__4xMDs {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_portalContainer__fnwJu .style_portalContent__klEZd .style_portalTitleWrapper__PEkf_ {
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 24px;
  margin-bottom: 16px;
  color: var(--fc1);
}
.style_portalContainer__fnwJu .style_portalContent__klEZd .style_portalTitleWrapper__PEkf_ .style_portalTitle__KxuFq {
  display: inline-block;
  max-width: 320px;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__X__6H {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__o9qyA {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__DglxD ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__DglxD ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__DglxD ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__DglxD ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__DglxD li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__DglxD .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__DglxD .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__DglxD .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__DglxD .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__5HTnC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__jlOwX {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__32DSQ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__32DSQ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__32DSQ .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__32DSQ .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__32DSQ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__32DSQ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__32DSQ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__32DSQ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__32DSQ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__32DSQ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__32DSQ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__32DSQ .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__32DSQ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__32DSQ .editBgColor::before,
.style_tree__32DSQ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__32DSQ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__32DSQ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__32DSQ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__32DSQ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__32DSQ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__32DSQ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__32DSQ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__32DSQ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__32DSQ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__KY2jP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__5Yxhe .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__DBAlG::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__DBAlG::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__DBAlG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__qoEGN::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__qoEGN::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__qoEGN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__iUOlU {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__g6xLu {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__g6xLu {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__g6xLu {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__g6xLu {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__g6xLu {
    flex: 0 0 100%;
  }
}
.style_filterInput__v8lNp {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_widgetHeaderDev__WzSgY {
  background: var(--lowestBg);
}
.style_widgetHeader__Z7Hli.style_dragging__h91W2 {
  cursor: grabbing;
}
.style_widgetHeader__Z7Hli.style_dragging__h91W2 .style_dragHandle__cvqPp {
  cursor: grabbing;
}
.style_widgetHeader__Z7Hli.style_dragging__h91W2 .style_widgetName__O7SFd .style_name__9XNrr {
  cursor: grabbing;
}
.style_widgetHeader__Z7Hli {
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 8px;
  border-radius: 8px 8px 0 0;
  cursor: grab;
}
.style_widgetHeader__Z7Hli svg {
  vertical-align: -0.125em;
}
.style_widgetHeader__Z7Hli .style_widgetName__O7SFd {
  flex: 1;
  display: flex;
  align-items: center;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetHeader__Z7Hli .style_widgetName__O7SFd .style_name__9XNrr {
  margin-right: 4px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetHeader__Z7Hli .style_widgetName__O7SFd .style_error__oloHv {
  border-color: var(--errorColor) !important;
}
.style_widgetHeader__Z7Hli .style_widgetName__O7SFd .style_tag__YrA1u {
  padding: 0 4px;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
.style_widgetHeader__Z7Hli .style_widgetName__O7SFd .style_tagPrimary__9trHr {
  background: var(--rainbowIndigo1);
  color: var(--rainbowIndigo4);
}
.style_widgetHeader__Z7Hli .style_widgetName__O7SFd .style_tagSuccess__wpF7e {
  background: var(--teal_100);
  color: var(--teal_700);
}
.style_widgetHeader__Z7Hli .style_dragHandle__cvqPp {
  opacity: 1 !important;
  cursor: grab;
  display: flex;
  align-items: center;
  margin-right: 4px;
  margin-left: 0px !important;
}
.style_widgetHeader__Z7Hli .style_operateButton__C3YM3 {
  opacity: 0;
  display: flex;
  margin-left: 8px;
}
.style_widgetContainer__RBPqh {
  border: 1px solid var(--lineColor);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  background: var(--defaultBg);
  overflow: hidden;
}
.style_widgetContainer__RBPqh:hover .style_widgetHeader__Z7Hli .style_dragHandle__cvqPp {
  opacity: 1;
}
.style_widgetContainer__RBPqh:hover .style_widgetHeader__Z7Hli .style_operateButton__C3YM3 {
  opacity: 1;
}
.style_widgetWrapper__IYAdf {
  height: 100%;
}
.style_widgetWrapperExpand__okqye {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--expandWidget);
  background: var(--deepMaskColor);
  border: none;
  transition: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_widgetWrapperExpand__okqye .style_widgetContainer__RBPqh {
  position: relative;
  width: 84%;
  height: 82vh;
}
.style_widgetWrapperExpand__okqye .style_widgetContainer__RBPqh .style_widgetExpandOperateArea__lzldx {
  position: absolute;
  top: -68px;
  right: 0;
  display: flex;
  align-items: center;
  padding: 16px 0;
}
.style_widgetWrapperExpand__okqye .style_widgetContainer__RBPqh .style_widgetExpandOperateArea__lzldx .style_closeButton__zToqG {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--shadowColor);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_widgetWrapperExpand__okqye .style_widgetContainer__RBPqh .style_widgetExpandOperateArea__lzldx .style_closeButton__zToqG:hover {
  opacity: 0.8;
}
.style_widgetWrapperExpand__okqye .style_widgetContainer__RBPqh .style_widgetExpandOperateArea__lzldx .style_closeButton__zToqG:active {
  opacity: 0.6;
}
.style_widgetWrapperExpand__okqye .style_widgetContainer__RBPqh .style_widgetExpandOperateArea__lzldx .style_closeButton__zToqG svg {
  fill: white;
}
.style_widgetWrapperFullscreen__jQB2o {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--expandWidget);
  background: var(--deepMaskColor);
  border: none;
  transition: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_widgetWrapperFullscreen__jQB2o .style_widgetContainer__RBPqh {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.style_widgetWrapperMobile__zI_QE {
  border-width: 0;
}
.style_widgetWrapperExpandMobile__Wo8Tg .style_widgetContainer__RBPqh {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.style_widgetBody__GE_Tt {
  position: relative;
  height: calc(100% - 34px);
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_mask__VQ7q_ {
  color: var(--errorColor);
  font-size: 13px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  padding-bottom: 10px;
}
.style_mask__VQ7q_ img {
  transform: translateY(-8px);
  max-width: 160px;
  width: 100%;
}
.style_mask__VQ7q_ span {
  border-bottom: 1px solid;
  line-height: 1.4;
}
.style_npOpacity__6VkuP {
  opacity: 1 !important;
}
.style_rotateIcon__dqFXe {
  transform: rotate(90deg);
}
.style_widgetHeader__Z7Hli.style_widgetIsExpandHeader__kwmL2 {
  padding: 16px;
  height: 50px;
  border-bottom: 1px solid var(--borderCommonDefault);
  cursor: default;
}
.style_widgetIsExpandBody__YRmhy {
  height: calc(100% - 50px);
}
.style_iframeMasking__FkM34 {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
}
.style_iframeLoadingWarp__SVChg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.style_widgetExpandHeaderMobile__GnGvt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 48px;
  height: 48px;
  box-shadow: inset 0px -1px 0px var(--lineColor);
}
.style_widgetExpandHeaderMobile__GnGvt .style_closeIcon__F8QGE {
  position: absolute;
  left: 16px;
}
.style_widgetExpandHeaderMobile__GnGvt h2 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_errorWidgetWrap__4XW_W {
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.styles_errorWidgetWrap__4XW_W .styles_title__qpdGe {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 4px;
}
.styles_errorWidgetWrap__4XW_W .styles_title__qpdGe span {
  margin-left: 4px;
  font-size: 13px;
  line-height: 20px;
  color: var(--errorColor);
}
.styles_errorWidgetWrap__4XW_W .styles_content__82wt9 {
  padding: 0 16px;
  font-size: 13px;
  line-height: 20px;
  color: var(--thirdLevelText);
  text-align: center;
}
.styles_errorWidgetWrap__4XW_W p {
  margin: 0;
}
.styles_errorWidgetWrap__4XW_W .styles_actionBtn__inesZ {
  margin-top: 5px;
}

.style_configInfo__IWBgT {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  font-size: 13px;
}
.style_configInfo__IWBgT .style_title__PHlfh {
  display: flex;
  align-items: center;
}
.style_configInfo__IWBgT .style_title__PHlfh span {
  color: var(--secondLevelText);
  margin-right: 4px;
  font-weight: bold;
}
.style_configInfo__IWBgT .style_tips__FuxPD {
  padding: 4px 0 8px;
  color: var(--thirdLevelText);
}
.style_configInfo__IWBgT .style_linkText__EZHRR {
  font-size: 13px;
}
.style_helpIcon__Nn0o8 {
  display: inherit;
}
.style_errorWidgetWrap__N8kVb {
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.style_errorWidgetWrap__N8kVb .style_title__PHlfh {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 4px;
}
.style_errorWidgetWrap__N8kVb .style_title__PHlfh span {
  margin-left: 4px;
  font-size: 13px;
  line-height: 20px;
  color: var(--errorColor);
}
.style_errorWidgetWrap__N8kVb .style_content__CJ_77 {
  padding: 0 16px;
  font-size: 13px;
  line-height: 20px;
  color: var(--thirdLevelText);
  text-align: center;
}
.style_errorWidgetWrap__N8kVb p {
  margin: 0;
}
.style_errorWidgetWrap__N8kVb .style_actionBtn__pcZr8 {
  margin-top: 5px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__HGsBx {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__0qqOe {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__D1gnO ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__D1gnO ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__D1gnO ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__D1gnO ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__D1gnO li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__D1gnO .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__D1gnO .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__D1gnO .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__D1gnO .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Z_xBF {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__4S2zE {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__3OcZz .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__3OcZz .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__3OcZz .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__3OcZz .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__3OcZz .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__3OcZz .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__3OcZz .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__3OcZz .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__3OcZz .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__3OcZz .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__3OcZz .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__3OcZz .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__3OcZz .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__3OcZz .editBgColor::before,
.style_tree__3OcZz .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__3OcZz .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__3OcZz .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__3OcZz .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__3OcZz .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__3OcZz .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__3OcZz .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__3OcZz .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__3OcZz .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__3OcZz .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__KtNAv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__RG5Lx .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__lRPGm::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__lRPGm::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__lRPGm:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__XsPjw::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__XsPjw::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__XsPjw:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__z3M0K {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__wqkxw {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__wqkxw {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__wqkxw {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__wqkxw {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__wqkxw {
    flex: 0 0 100%;
  }
}
.style_filterInput__xUOq0 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_recommendWidgetPanel__0gxrh {
  height: 100%;
  -webkit-user-select: none;
          user-select: none;
}
.style_recommendWidgetPanel__0gxrh header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.style_recommendWidgetPanel__0gxrh header .style_title__3cGjl {
  font-size: 16px;
}
.style_recommendWidgetPanel__0gxrh header .style_closeIcon__9krDF {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_recommendWidgetPanel__0gxrh main {
  display: flex;
  position: relative;
  padding: 4px 8px;
  height: 100%;
}
.style_recommendWidgetPanel__0gxrh .style_operate__3LJ7u {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.style_recommendWidgetPanel__0gxrh .style_operate__3LJ7u .style_moreWidget__AZyHM {
  color: var(--primaryColor);
  margin-left: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.style_recommendWidgetPanel__0gxrh .style_widgetItem__0noqa {
  width: 176px;
  margin-right: 12px;
  padding: 8px;
  height: 210px;
  border-radius: 8px;
  transition: box-shadow 0.3s;
  background-color: var(--highBg);
}
.style_recommendWidgetPanel__0gxrh .style_widgetItem__0noqa:hover {
  box-shadow: var(--shadowCommonDefault);
  cursor: pointer;
}
.style_recommendWidgetPanel__0gxrh .style_widgetContainers__9_aJf {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--lineColor);
}
.style_recommendWidgetPanel__0gxrh .style_widgetContainers__9_aJf .style_widgetIconBox__xoQ1f {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 18px;
  height: 18px;
  display: flex;
  border: 1px solid var(--static-white);
  border-radius: 3.3px;
  overflow: hidden;
  background: var(--defaultBg);
  z-index: 1;
}
.style_recommendWidgetPanel__0gxrh .style_widgetName__DjQu5 {
  margin-top: 16px;
  margin-bottom: 4px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_recommendWidgetPanel__0gxrh .style_widgetFrom__3BJmJ {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_skeleton__QKBeS .style_skeletonHeader__Tm8Ks {
  margin-bottom: 40px;
}
.style_skeleton__QKBeS .style_skeletonBody__22TMu {
  display: flex;
  align-items: center;
}
.style_skeleton__QKBeS .style_skeletonBody__22TMu > div {
  margin-right: 24px;
}
.style_emptyImg__iG1NN {
  width: 224px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.style_widgetCover__vxjW1 {
  width: 160px;
  height: 90px;
}
.style_widgetCover__vxjW1 > span {
  position: unset !important;
}
.style_widgetCover__vxjW1 > span img {
  width: 100% !important;
  height: 100% !important;
  max-width: unset !important;
  max-height: unset !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__CiGH_ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__AOcvk {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__9GWKC ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__9GWKC ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__9GWKC ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__9GWKC ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__9GWKC li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__9GWKC .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__9GWKC .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__9GWKC .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__9GWKC .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Jj6wG {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__iUaXy {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__L7SSc .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__L7SSc .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__L7SSc .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__L7SSc .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__L7SSc .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__L7SSc .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__L7SSc .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__L7SSc .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__L7SSc .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__L7SSc .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__L7SSc .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__L7SSc .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__L7SSc .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__L7SSc .editBgColor::before,
.style_tree__L7SSc .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__L7SSc .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__L7SSc .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__L7SSc .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__L7SSc .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__L7SSc .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__L7SSc .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__L7SSc .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__L7SSc .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__L7SSc .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__3EDHc .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__7o7Ek .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__duX1Q::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__duX1Q::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__duX1Q:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__MjBVW::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__MjBVW::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__MjBVW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ROoti {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__MhuzR {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__MhuzR {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__MhuzR {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__MhuzR {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__MhuzR {
    flex: 0 0 100%;
  }
}
.style_filterInput__yC2H0 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_viewItemInput__uWwP0 {
  width: 100%;
  caret-color: var(--primaryColor);
  display: flex;
  align-items: center;
}
.style_viewItemInput__uWwP0 .style_iconMove__xYH0g {
  margin-right: 2px;
}
.style_operateItem__Mf7cm {
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 40px;
  color: var(--firstLevelText);
  border-radius: 4px;
  cursor: pointer;
}
.style_operateItem__Mf7cm .style_iconType__BwkHv {
  margin-left: 8px;
  margin-right: 4px;
  font-size: 15px;
}
.style_operateItem__Mf7cm .style_iconRename__C_8rx {
  margin-right: 8px;
}
.style_operateItem__Mf7cm .style_iconRename__C_8rx,
.style_operateItem__Mf7cm .style_iconDelete__V1Jg5,
.style_operateItem__Mf7cm .style_iconMove__xYH0g,
.style_operateItem__Mf7cm .style_iconType__BwkHv {
  display: flex;
  align-items: center;
}
.style_operateItem__Mf7cm .style_iconRename__C_8rx,
.style_operateItem__Mf7cm .style_iconDelete__V1Jg5 {
  opacity: 0;
}
@media (any-hover: hover) {
  .style_operateItem__Mf7cm:hover {
    background: var(--rowSelectedBg);
  }
  .style_operateItem__Mf7cm:hover .style_iconRename__C_8rx,
  .style_operateItem__Mf7cm:hover .style_iconDelete__V1Jg5 {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .style_operateItem__Mf7cm .style_iconRename__C_8rx,
  .style_operateItem__Mf7cm .style_iconDelete__V1Jg5 {
    padding: 4px;
    opacity: 1;
  }
}
.style_operateItem__Mf7cm .style_text__PCnG8 {
  flex: 1;
  margin-right: 32px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_operateItem__Mf7cm .style_text__PCnG8 .style_name__fHUel {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.style_editViewNameInput__WDBbj {
  background: var(--rowSelectedBg);
  border-radius: 2px;
  box-shadow: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__bW3bP {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__uJlig {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Nhi5z ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Nhi5z ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Nhi5z ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__Nhi5z ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Nhi5z li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Nhi5z .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Nhi5z .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Nhi5z .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Nhi5z .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__kPKaa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__ulMsL {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__QYXp4 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__QYXp4 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__QYXp4 .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__QYXp4 .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__QYXp4 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__QYXp4 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__QYXp4 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__QYXp4 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__QYXp4 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__QYXp4 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__QYXp4 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__QYXp4 .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__QYXp4 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__QYXp4 .editBgColor::before,
.style_tree__QYXp4 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__QYXp4 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__QYXp4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__QYXp4 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__QYXp4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__QYXp4 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__QYXp4 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__QYXp4 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__QYXp4 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__QYXp4 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__F_Nh1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__v_6c1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__tQhmg::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__tQhmg::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__tQhmg:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__5oTPa::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__5oTPa::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__5oTPa:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__z0Dt8 {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__Gkv2Q {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Gkv2Q {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Gkv2Q {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Gkv2Q {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Gkv2Q {
    flex: 0 0 100%;
  }
}
.style_filterInput__LoW1j {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_viewSwitcherContainer__mj4zc {
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  width: 560px;
  position: absolute;
  left: 0px;
  z-index: 10;
  font-size: 14px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_viewSwitcherContainer__mj4zc .style_viewListText__TWbSP {
  padding: 16px;
  color: var(--secondLevelText);
}
.style_viewSwitcherContainer__mj4zc .style_searchField__99XLl {
  padding: 8px 16px;
}
.style_viewSwitcherContainer__mj4zc .style_searchField__99XLl .style_searchInput__Pohwx {
  padding: 16px;
}
.style_viewSwitcherContainer__mj4zc .style_searchField__99XLl .style_searchInput__Pohwx,
.style_viewSwitcherContainer__mj4zc .style_searchField__99XLl .style_searchInput__Pohwx input {
  border-radius: 25px !important;
}
.style_viewSwitcherContainer__mj4zc .style_searchField__99XLl .style_searchInput__Pohwx .ant-input-prefix {
  margin-right: 2px;
}
.style_viewSwitcherContainer__mj4zc .style_viewListWrapper__kkqOZ .style_droppable__R_a4L,
.style_viewSwitcherContainer__mj4zc .style_viewListWrapper__kkqOZ .style_viewList__DBQTT {
  height: 100%;
  display: block;
  padding: 0 8px 10px;
  box-sizing: border-box;
  overflow: auto;
}
.style_viewSwitcherContainer__mj4zc .style_viewListWrapper__kkqOZ .style_viewListEmpty__JREun {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_addNewViewContainer__JPwl0 {
  border-top: 1px solid var(--lineColor);
  padding: 16px;
}
.style_addNewViewContainer__JPwl0 .style_addNewText__tww3v {
  color: var(--secondLevelText);
}
.style_addNewViewContainer__JPwl0 .style_viewTypeContainer__EAAtk {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.style_addNewViewContainer__JPwl0 .style_viewTypeContainer__EAAtk button[disabled] {
  cursor: not-allowed !important;
}
.style_addNewViewContainer__JPwl0 .style_viewTypeContainer__EAAtk .style_viewType__SuQ6E {
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 244px;
  height: 40px;
  padding: 10px 16px;
}
.style_addNewViewContainer__JPwl0 .style_viewTypeContainer__EAAtk .style_viewType__SuQ6E > span {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.style_addNewViewContainer__JPwl0 .style_viewTypeContainer__EAAtk .style_viewType__SuQ6E:nth-child(n + 3) {
  margin-top: 16px;
}
.style_addNewViewContainer__JPwl0 .style_viewTypeContainer__EAAtk .style_viewType__SuQ6E .style_text__49T8W svg {
  fill: var(--primaryColor);
}
.style_addNewViewContainer__JPwl0 .style_viewTypeContainer__EAAtk .style_viewType__SuQ6E:hover {
  cursor: pointer;
}
.style_addNewViewContainer__JPwl0 .style_viewTypeContainer__EAAtk .style_viewType__SuQ6E span {
  margin-left: 4px;
}
.style_addItem__aGnKo {
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  border-top: 1px solid var(--lineColor);
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}
@media screen and (max-width: 767.98px) {
  .style_addNewViewContainer__JPwl0 {
    padding: 0 24px 0 0;
  }
  .style_addNewViewContainer__JPwl0 .style_viewTypeContainer__EAAtk .style_viewType__SuQ6E {
    width: calc((100% - 24px) / 2);
  }
}
.style_overCount___Pcpg {
  color: var(--errorColor);
}

.style_withFooter__q56u4 .cp-calendar-footer {
  padding: 0;
}
.style_withFooter__q56u4 .cp-calendar-today-btn {
  border-bottom: 1px solid var(--lineColor);
  margin: 0 !important;
}
.style_withFooter__q56u4 .cp-calendar-footer-btn {
  display: flex;
  flex-direction: column-reverse;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_controls__7nAV1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 48px;
  height: 192px;
  padding: 8px 0;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 10;
  background-color: var(--defaultBg);
  background: var(--defaultBg);
  border: 1px solid var(--fc5);
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(38, 38, 38, 0.1);
  border-radius: 8px;
  -webkit-user-select: none;
          user-select: none;
  cursor: default;
}
.styles_controls__7nAV1 .ant-divider-horizontal {
  margin: 0;
  width: 20px;
  min-width: unset;
  height: 2px;
}
.styles_controls__7nAV1 .styles_zoomReset__q3u6L {
  width: 100%;
  padding: 0;
}
.styles_controls__7nAV1 .styles_zoomReset__q3u6L:hover {
  background-color: var(--defaultBg);
  color: var(--fc3);
}
.styles_controls__7nAV1 .styles_zoomReset__q3u6L:active {
  color: var(--primaryColor);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_modal__DioPK {
  position: fixed;
  color: var(--firstLevelText);
  background-color: var(--bgCommonHigh);
  border: 1px solid var(--borderCommonDefault);
  border-radius: 4px;
  box-shadow: var(--shadowCommonHigh);
  padding: 16px;
  z-index: 200;
}
.styles_modal__DioPK header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles_modal__DioPK header > div {
  box-sizing: unset;
}
.styles_modal__DioPK .styles_content__NTgZF {
  padding-top: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_scrollBarWrap__QcPVl,
.styles_scrollBarVWrap__fpndu {
  will-change: transform;
  position: absolute;
  cursor: pointer;
}
.styles_scrollBarWrap__QcPVl::-webkit-scrollbar-thumb,
.styles_scrollBarVWrap__fpndu::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-radius: 8px;
  min-height: 36px;
  background-color: rgba(var(--fc3-rgb), 50%);
}
.styles_scrollBarWrap__QcPVl {
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: var(--scrollBar);
  overflow-x: scroll;
  overflow-y: hidden;
}
.styles_scrollBarWrap__QcPVl::-webkit-scrollbar {
  height: 15px;
}
.styles_scrollBarVWrap__fpndu {
  right: 0;
  top: 0;
  height: 100%;
  z-index: var(--scrollBar);
  overflow-x: hidden;
  overflow-y: scroll;
}
.styles_scrollBarVWrap__fpndu::-webkit-scrollbar {
  width: 15px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__QUaWE {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ch22_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__rMRjy ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__rMRjy ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__rMRjy ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__rMRjy ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__rMRjy li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__rMRjy .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__rMRjy .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__rMRjy .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__rMRjy .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Dh6sb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__o7WU6 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__x1TUo .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__x1TUo .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__x1TUo .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__x1TUo .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__x1TUo .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__x1TUo .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__x1TUo .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__x1TUo .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__x1TUo .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__x1TUo .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__x1TUo .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__x1TUo .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__x1TUo .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__x1TUo .editBgColor::before,
.style_tree__x1TUo .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__x1TUo .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__x1TUo .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__x1TUo .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__x1TUo .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__x1TUo .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__x1TUo .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__x1TUo .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__x1TUo .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__x1TUo .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__KGCBn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__SbBUu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__2dZgo::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__2dZgo::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__2dZgo:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__YVqMt::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__YVqMt::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__YVqMt:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__nf_AB {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth___nBAO {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth___nBAO {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth___nBAO {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth___nBAO {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth___nBAO {
    flex: 0 0 100%;
  }
}
.style_filterInput__gyMkn {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_gridView__BpBTZ {
  background-color: var(--lowestBg);
  padding-left: 32px;
}
.style_gridCell__e_xK9 {
  border-bottom: 1px solid var(--primaryColor);
  border-right: 1px solid var(--primaryColor);
  border-left: none;
  border-top: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.style_selectedCell__lDkL9 {
  background-color: var(--errorColor);
}
.style_viewContainer__WYgGy {
  position: absolute;
}
.style_updatingTip__Sr996 {
  position: absolute;
  right: 16px;
  bottom: 0;
  background: var(--defaultBg);
  color: var(--primaryColor);
}
.style_orgChart__788oK {
  position: relative;
}
.style_orgChart__788oK::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 100%;
  background-color: var(--lowestBg);
}
.style_orgChart__788oK #DATASHEET_TOOL_BAR {
  background-color: var(--defaultBg);
  margin-left: -32px;
  padding-left: 32px;
  border-bottom: 1px solid var(--fc11);
}

.style_skeletonWrapper__IUoqx {
  margin: 20px;
}
.style_skeletonWrapper__IUoqx .ant-skeleton-element {
  display: inline-block;
  width: 100%;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_loading__LSazI {
  background-color: var(--defaultBg);
  padding: 12px 24px;
  height: 100%;
}
.style_dataspaceRight__MoDUB {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--lowestBg);
  transition: background-color 0.3s ease;
}
.style_dataspaceRight__MoDUB.style_loading__LSazI {
  background-color: var(--defaultBg);
}
div.style_previewing__7nzzc {
  position: fixed;
  left: calc(50% - 320px);
  bottom: 24px;
  width: 640px;
  height: 48px;
  border: 1px solid var(--borderOnbrandLight);
  background: linear-gradient(0deg, var(--bgBrandLightDefault) 0%, var(--bgBrandLightDefault) 100%), var(--bgCommonDefault);
}
div.style_previewing__7nzzc > div {
  display: block;
  margin-right: 0;
}
div.style_previewing__7nzzc .style_previewTip__LjPtE {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.style_previewing__7nzzc .style_previewTip__LjPtE button {
  min-width: 68px;
}
div.style_previewing__7nzzc .style_previewTip__LjPtE button span {
  vertical-align: baseline;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_editorContainer__Wmidx {
  display: flex;
  align-items: center;
  margin-top: 16px;
  width: 100%;
  min-height: 46px;
  border-radius: 4px;
  cursor: text;
}
.style_editorContainer__Wmidx > div {
  width: 100%;
  font-size: 14px;
  color: var(--secondLevelText);
  word-break: break-word;
}
.style_editorContainer__Wmidx.style_hoverClass__3GyjV {
  transition: background-color 0.3s linear;
  padding: 8px;
}
@media (any-hover: hover) {
  .style_editorContainer__Wmidx.style_hoverClass__3GyjV:hover {
    background-color: var(--lowestBg);
  }
  .style_editorContainer__Wmidx.style_hoverClass__3GyjV:hover > div {
    background-color: transparent;
  }
}
.style_editorContainer__Wmidx.style_edit__YNL_m .style_editor__s7zv0 {
  border: 1px solid var(--primaryColor);
  border-radius: 8px;
  min-height: 100px !important;
  padding: 8px;
  width: calc(100% - 16px);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__B90gt {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__f7LxF {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__dTmn2 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__dTmn2 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__dTmn2 ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__dTmn2 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__dTmn2 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__dTmn2 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__dTmn2 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__dTmn2 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__dTmn2 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___aR8a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__m1b9H {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__m4khM .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__m4khM .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__m4khM .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__m4khM .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__m4khM .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__m4khM .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__m4khM .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__m4khM .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__m4khM .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__m4khM .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__m4khM .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__m4khM .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__m4khM .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__m4khM .editBgColor::before,
.style_tree__m4khM .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__m4khM .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__m4khM .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__m4khM .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__m4khM .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__m4khM .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__m4khM .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__m4khM .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__m4khM .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__m4khM .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__0Lebw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__La3a6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__5SCIh::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__5SCIh::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__5SCIh:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__z1pjI::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__z1pjI::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__z1pjI:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__G6_ZW {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__snPZw {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__snPZw {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__snPZw {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__snPZw {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__snPZw {
    flex: 0 0 100%;
  }
}
.style_filterInput__w0uMq {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_uploadContainer__00A4o {
  width: 100%;
  height: 100%;
}
.style_uploadContainer__00A4o .ant-spin-nested-loading,
.style_uploadContainer__00A4o .ant-spin-container {
  width: 100%;
  height: 100%;
}
.style_initPreview__Urk8g {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_initPreview__Urk8g.style_initBackground__V9nuh {
  background-color: var(--lowestBg);
}
.style_initPreview__Urk8g.style_initBorder__Ol5CH {
  border: 1px solid var(--lineColor);
  border-radius: 4px;
  overflow: hidden;
}
.style_coverImgWrapper__plhfS {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.style_coverImgWrapper__plhfS .style_coverImg__wtqIZ {
  display: block;
  object-fit: cover;
  border-radius: 0px;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-position: center 50%;
}
.style_coverImgWrapper__plhfS .style_editBtn__MUobi {
  top: 24px;
  right: 24px;
}
.style_coverImgWrapper__plhfS .style_editBtn__MUobi svg {
  fill: var(--fc1);
}
@media (any-hover: hover) {
  .style_coverImgWrapper__plhfS:hover .style_editBtn__MUobi {
    display: flex;
  }
}
.style_editBtn__MUobi {
  position: absolute;
  width: 32px;
  height: 32px;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  cursor: pointer;
}
.style_editBtn__MUobi.style_editBtnMobile__EhExw {
  display: flex;
}
.style_logoImgWrapper__ibkWZ {
  background-color: var(--lowestBg);
  cursor: pointer;
}
.style_logoImgWrapper__ibkWZ.style_logoWrapMobile__IE2ym {
  width: 80px;
  height: 80px;
}
.style_logoImgWrapper__ibkWZ.style_notEmpty__rLQQf {
  background-color: transparent;
}
.style_logoImgWrapper__ibkWZ .style_logoImg__nYeX6 {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  transition: background-color 0.3s linear;
}
@media (any-hover: hover) {
  .style_logoImgWrapper__ibkWZ .style_logoImg__nYeX6:hover {
    background-color: var(--fill1);
  }
}
.style_logoImgWrapper__ibkWZ .style_logoImg__nYeX6 .style_logoPlaceHolder___qaMU {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 32px;
}
.style_logoImgWrapper__ibkWZ .style_logoImg__nYeX6 .style_logoPlaceHolder___qaMU.style_placeholderMobile__MMyKj {
  padding-top: 16px;
}
.style_logoImgWrapper__ibkWZ .style_logoImg__nYeX6 .style_logoPlaceHolder___qaMU span {
  margin-top: 8px;
  font-size: 12px;
  color: var(--fourthLevelText);
}
.style_logoImgWrapper__ibkWZ .style_logoImg__nYeX6 .style_editBtn__MUobi {
  top: 44px;
  left: 44px;
}
.style_logoImgWrapper__ibkWZ .style_logoImg__nYeX6 .style_editBtn__MUobi.style_editBtnMobile__EhExw {
  left: 24px;
  top: 24px;
}
@media (any-hover: hover) {
  .style_logoImgWrapper__ibkWZ .style_logoImg__nYeX6:hover .style_editBtn__MUobi {
    display: flex;
  }
}
.style_logoImgWrapper__ibkWZ img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.style_formPropContainer__nRlZF {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.style_formPropContainer__nRlZF.style_noRadius__53J7D {
  border-radius: 0;
}
.style_formPropContainer__nRlZF .style_coverImgUploader__lR8tK {
  width: 100%;
  height: 240px;
  position: absolute;
  left: 0;
  top: 0;
}
.style_formPropContainer__nRlZF .style_coverImgUploader__lR8tK.style_coverImgUploaderMobile__DAnDx {
  height: 125px;
}
.style_formPropContainer__nRlZF .style_limitStyle__Vxr9j {
  position: relative;
  padding: 100px 64px 0;
  margin-top: 240px;
  width: 100%;
  max-width: 720px;
  transition: all 0.3s ease-in-out;
}
.style_formPropContainer__nRlZF .style_limitStyle__Vxr9j.style_limitStyleMobile__Hdx9a {
  margin-top: 125px;
  padding: 72px 24px 0;
}
.style_formPropContainer__nRlZF .style_limitStyle__Vxr9j.style_noCover__np76U {
  margin-top: 100px;
}
.style_formPropContainer__nRlZF .style_limitStyle__Vxr9j.style_noLogo__YvopM {
  padding-top: 40px;
}
.style_formPropContainer__nRlZF .style_limitStyle__Vxr9j.style_onlyTitle__Xn3JV {
  margin-top: 0;
}
.style_formPropContainer__nRlZF .style_limitStyle__Vxr9j.style_shareLogoPadding__I5oZX {
  padding-top: 60px;
}
.style_formPropContainer__nRlZF .style_limitStyle__Vxr9j .style_logoImgUploader__wjsPz {
  position: absolute;
  top: -60px;
  left: 50%;
  width: 120px;
  height: 120px;
  transform: translateX(-50%);
  border-radius: 8px;
  overflow: hidden;
}
.style_formPropContainer__nRlZF .style_limitStyle__Vxr9j .style_logoImgUploader__wjsPz.style_logoImgUploaderMobile__urvOA {
  width: 80px;
  height: 80px;
  top: -40px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_titleEditor__dGjCq {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  line-height: 48px;
  font-size: 32px;
  text-align: center;
}
.style_titleEditor__dGjCq.style_titleEditorMobile__n7JJl {
  line-height: 36px;
  font-size: 24px;
}
.style_titleEditor__dGjCq.style_titleEditorMobile__n7JJl .style_titleInput__4EVIs {
  padding: 0;
}
.style_titleEditor__dGjCq .style_titleInput__4EVIs {
  width: 100%;
  padding: 6px 0;
  border: none;
  text-align: center;
  border-radius: 4px;
  background-color: transparent;
  transition: background-color 0.3s linear;
}
@media (any-hover: hover) {
  .style_titleEditor__dGjCq .style_titleInput__4EVIs:hover {
    background-color: var(--lowestBg);
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__6uGG5 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__QwmC4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__EfYwN ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__EfYwN ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__EfYwN ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__EfYwN ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__EfYwN li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__EfYwN .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__EfYwN .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__EfYwN .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__EfYwN .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__tG5fJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Cw2Ut {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__a3l3R .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__a3l3R .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__a3l3R .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__a3l3R .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__a3l3R .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__a3l3R .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__a3l3R .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__a3l3R .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__a3l3R .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__a3l3R .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__a3l3R .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__a3l3R .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__a3l3R .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__a3l3R .editBgColor::before,
.style_tree__a3l3R .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__a3l3R .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__a3l3R .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__a3l3R .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__a3l3R .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__a3l3R .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__a3l3R .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__a3l3R .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__a3l3R .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__a3l3R .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__nJWxd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__LH454 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__cvZs9::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__cvZs9::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__cvZs9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__lCdYL::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__lCdYL::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__lCdYL:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__GsFfY {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__MTkw4 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__MTkw4 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__MTkw4 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__MTkw4 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__MTkw4 {
    flex: 0 0 100%;
  }
}
.style_filterInput__LP6xC {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_formContainer__F0QWY {
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.style_formContainer__F0QWY .style_formContentWrapper__Ymo_j {
  overflow: auto;
  height: 100%;
}
.style_formContainer__F0QWY .style_formContent__bB9AG {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 32px auto 80px;
  padding-bottom: 80px;
  width: 720px;
  border-radius: 8px;
  background-color: var(--defaultBg);
  box-shadow: var(--shadowCommonHigh);
  transition: all 0.3s linear;
}
.style_formContainer__F0QWY .style_formContent__bB9AG.style_fullScreen__5qw8g {
  width: 100%;
  margin-top: 0;
  padding-bottom: 40px;
  box-shadow: none;
  border-radius: 0;
}
.style_formContainer__F0QWY .style_formContent__bB9AG.style_formContentMobile__lIf8c {
  margin-bottom: 0;
}
.style_formContainer__F0QWY .style_formContent__bB9AG.style_noCover__ujpfb {
  border-top: 8px solid var(--primaryColor);
}
.style_formContainer__F0QWY .style_formContent__bB9AG .style_formFieldContainer__1dfhb {
  margin-top: 16px;
  padding: 0 64px;
  width: 100%;
  max-width: 720px;
}
.style_formContainer__F0QWY .style_formContent__bB9AG .style_formFieldContainer__1dfhb.style_formFieldContainerMobile__NTRxY {
  padding: 0 24px;
}
.style_formContainer__F0QWY .style_formContent__bB9AG .style_submitWrapper__cmjy2 {
  width: 236px;
  height: 40px;
  margin: 48px auto 0;
  text-align: center;
}
.style_formContainer__F0QWY .style_formContent__bB9AG .style_submitWrapper__cmjy2.style_submitWrapperMobile__HH3_X {
  width: 100%;
  height: 48px;
  padding: 0 24px;
}
.style_formContainer__F0QWY .style_formContent__bB9AG .style_submitWrapper__cmjy2.style_submitWrapperLoading__jPF3D .btn[disabled] {
  opacity: 1;
}
.style_formContainer__F0QWY .style_formContent__bB9AG .style_submitWrapper__cmjy2 .style_submitBtn__4jVIt {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.style_formContainer__F0QWY .style_formContent__bB9AG .style_submitWrapper__cmjy2 .style_submitBtn__4jVIt .style_submitLoading__JIoOK {
  width: 30px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  animation: style_spin__cR5lV 1s linear infinite;
}
@keyframes style_spin__cR5lV {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.style_formContainer__F0QWY .style_formContent__bB9AG .style_submitWrapper__cmjy2 .style_submitBtn__4jVIt .style_addIcon__zePqf {
  margin-right: 4px;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu {
  display: flex;
  justify-content: center;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_ {
  display: flex;
  position: relative;
  margin-bottom: 24px;
  height: 16px;
  color: var(--thirdLevelText);
  font-size: 12px;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_.style_brandContainerMobile__752in {
  margin: 40px 0 24px;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_.style_brandContainerMobile__752in::before,
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_.style_brandContainerMobile__752in::after {
  width: 60px;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_.style_brandContainerMobile__752in::before {
  left: -70px;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_.style_brandContainerMobile__752in::after {
  right: -70px;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_.style_autoFixer__qVb6O {
  position: fixed;
  bottom: 0;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_::before,
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_::after {
  content: '';
  width: 100px;
  height: 1px;
  position: absolute;
  top: 8px;
  background-color: var(--lineColor);
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_::before {
  left: -116px;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_::after {
  right: -116px;
}
.style_formContainer__F0QWY .style_brandContainerWrapper__d5VFu .style_brandContainer__g_lz_ .style_logoWrap__nBob2 {
  height: 100%;
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
}
.style_formContainer__F0QWY .style_welcomeWrapper__EYlyh {
  width: 100%;
  height: 100%;
  min-height: 400px;
  padding: 32px 0 120px;
}
.style_formContainer__F0QWY .style_welcomeWrapper__EYlyh.style_welcomeWrapperMobile__QwCGd {
  padding: 0;
}
.style_formContainer__F0QWY .style_welcomeWrapper__EYlyh.style_welcomeWrapperMobile__QwCGd .style_welcome__BzVpw {
  width: 100%;
  border-top: none;
}
.style_formContainer__F0QWY .style_welcomeWrapper__EYlyh.style_welcomeWrapperMobile__QwCGd .style_welcome__BzVpw .style_welcomeInner__0OwAK {
  top: 180px;
}
.style_formContainer__F0QWY .style_welcomeWrapper__EYlyh .style_welcome__BzVpw {
  margin: 0 auto;
  width: 790px;
  height: 100%;
  border-radius: 8px;
  background-color: var(--defaultBg);
  border-top: 9px solid var(--primaryColor);
}
.style_formContainer__F0QWY .style_welcomeWrapper__EYlyh .style_welcome__BzVpw .style_welcomeInner__0OwAK {
  position: relative;
  top: 15%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_formContainer__F0QWY .style_welcomeWrapper__EYlyh .style_welcome__BzVpw .style_welcomeInner__0OwAK .style_iconSuccess__tScRi {
  width: 100px;
}
.style_formContainer__F0QWY .style_welcomeWrapper__EYlyh .style_welcome__BzVpw .style_welcomeInner__0OwAK .style_thankText__ITnJ8 {
  margin-top: 24px;
  font-size: 14px;
}
.style_formContainer__F0QWY .style_welcomeWrapper__EYlyh .style_welcome__BzVpw .style_welcomeInner__0OwAK .style_linkBtn__bfci_ {
  margin-top: 24px;
  color: var(--primaryColor);
}
.style_formContainer__F0QWY .style_logoContainer__a4pCq {
  position: absolute;
  left: 32px;
  top: 32px;
  width: 134px;
  height: 24px;
  cursor: pointer;
}
.style_modalBody__4clen {
  font-family: 'MTS Compact', sans-serif;
}
.style_modalBody__4clen .style_contentTitle__9yZk_ {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  padding-top: 7px;
  padding-bottom: 8px;
  text-align: center;
}
.style_modalBody__4clen .style_contentText__jRsLk {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  text-align: center;
  padding-bottom: 20px;
}
.style_modalBody__4clen .ant-modal-content {
  border-radius: 20px;
}
.style_modalBody__4clen .ant-modal-body {
  padding: 28px 20px;
}
.style_modalBody__4clen .ant-modal-body > div > div:first-child {
  justify-content: center;
}
@media screen and (max-width: 991.98px) {
  .style_mobilePreFill__0D3Id .ant-drawer-body {
    padding: 0;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_settingPanel____jd7 {
  display: flex;
  flex-direction: column;
  padding: 24px;
  width: 240px;
  height: auto;
  background-color: var(--highestBg);
  box-shadow: var(--shadowCommonHighest);
  border-radius: 8px;
  -webkit-user-select: none;
          user-select: none;
}
.style_settingPanel____jd7 .style_title__Y_EUc {
  color: var(--thirdLevelText);
}
.style_settingPanel____jd7 .style_optionList__fWpDe {
  margin-top: 16px;
}
.style_settingPanel____jd7 .style_optionList__fWpDe .style_optionItem__VNsuL {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.style_settingPanel____jd7 .style_optionList__fWpDe .style_optionItem__VNsuL:first-child {
  margin-top: 0;
}
.style_settingPanel____jd7 .style_optionList__fWpDe .style_optionItem__VNsuL .style_iconWrap__6089R {
  margin-left: -3px;
  width: 16px;
  height: 16px;
}
.style_settingPanel____jd7 .style_optionList__fWpDe .style_optionItem__VNsuL .style_iconWrap__6089R svg:hover {
  fill: var(--primaryColor);
}
.style_shareModal__dbqwz .ant-modal-close-x svg {
  fill: var(--defaultBg);
}
.style_shareModal__dbqwz .ant-modal-close-x svg:hover {
  fill: var(--secondLevelText);
}
.style_shareDrawer__VFk8_ .ant-drawer-header {
  z-index: 1;
}
.style_shareDrawer__VFk8_ .ant-drawer-body {
  padding: 0;
}
.style_shareDrawer__VFk8_ .style_container__UqLdt {
  padding: 24px 16px;
}
.style_header__ytpbf {
  width: 100%;
}
.style_header__ytpbf .style_cover__VTudl {
  width: 100%;
}
.style_container__UqLdt {
  padding: 24px;
}
.style_container__UqLdt .style_title__Y_EUc {
  font-size: 18px;
  font-weight: bold;
}
.style_container__UqLdt .style_shareSetting__vg7dP {
  margin-top: 32px;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareTitle__xf8N6 {
  display: flex;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareTitle__xf8N6 .style_shareTitleText__7XIQq {
  margin-left: 4px;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_switcherWrapper__i3JWt {
  display: flex;
  align-items: center;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_switcherWrapper__i3JWt .style_statusSwitcher__yqgPA {
  width: 28px;
  margin-right: 8px;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareLink__mfkEv {
  margin-top: 16px;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareContent__9jAUF {
  margin-top: 24px;
  border: 1px solid var(--lineColor);
  border-radius: 4px;
  padding: 24px;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareContent__9jAUF .style_fillSetting__yJteI .style_fillTitle__gHSZG {
  font-size: 13px;
  padding-bottom: 8px;
  color: var(--thirdLevelText);
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareContent__9jAUF .style_fillSetting__yJteI .style_fillRadioDesc__mT8YS {
  padding: 4px 0;
  color: var(--thirdLevelText);
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareContent__9jAUF .style_fillSetting__yJteI .style_submitLimitRadio__dgIih .ant-radio-wrapper {
  margin-right: 40px;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareContent__9jAUF .style_fillSetting__yJteI .style_submitLimitRadio__dgIih .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareClosedContent__LmqRQ {
  padding: 48px 0 100px 0;
  text-align: center;
}
.style_container__UqLdt .style_shareSetting__vg7dP .style_shareClosedContent__LmqRQ .style_shareClosedTips__99GPT {
  padding-top: 24px;
  font-size: 13px;
  color: var(--thirdLevelText);
  line-height: 20px;
}
.style_toolbarItem__XZ5di {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 4px;
  height: 30px;
  font-size: 14px;
}
.style_toolbarItem__XZ5di.style_active__oFsvr,
.style_toolbarItem__XZ5di.style_active__oFsvr:hover {
  color: var(--primaryColor) !important;
}
.style_toolbarItem__XZ5di.style_active__oFsvr svg,
.style_toolbarItem__XZ5di.style_active__oFsvr:hover svg {
  fill: currentColor !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__WBIBu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__gaYO1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__HxAbp ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__HxAbp ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__HxAbp ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__HxAbp ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__HxAbp li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__HxAbp .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__HxAbp .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__HxAbp .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__HxAbp .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__BLKV2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__yMjiY {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__4ESsT .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__4ESsT .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__4ESsT .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__4ESsT .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__4ESsT .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__4ESsT .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__4ESsT .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__4ESsT .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__4ESsT .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__4ESsT .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__4ESsT .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__4ESsT .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__4ESsT .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__4ESsT .editBgColor::before,
.style_tree__4ESsT .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__4ESsT .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__4ESsT .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__4ESsT .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__4ESsT .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__4ESsT .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__4ESsT .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__4ESsT .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__4ESsT .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__4ESsT .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__qq4zc .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ytvGN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__j2UPY::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__j2UPY::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__j2UPY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__AiTkO::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__AiTkO::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__AiTkO:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__LgxEm {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__xZhXm {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__xZhXm {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__xZhXm {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__xZhXm {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__xZhXm {
    flex: 0 0 100%;
  }
}
.style_filterInput__S5O4F {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_tabBarWrapper__BZdRn {
  height: 50px;
  background-color: var(--defaultBg);
  display: flex;
  flex-direction: row;
  position: relative;
  border-bottom: 1px solid var(--borderCommonDefault);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_nav__bRYRW {
  width: 100%;
  position: absolute;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.style_nav__bRYRW.style_navMobile__zQ7Rh .style_sidebar__HVXA6 {
  background-color: var(--primaryColor);
  width: 32px;
  height: 32px;
  border-radius: 0 50% 50% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px / 375px * 100vw;
  flex-shrink: 0;
}
.style_nav__bRYRW .react-contextmenu {
  z-index: var(--contextmenu);
}
.style_nav__bRYRW .tab-context-menu {
  background: var(--defaultBg);
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
  border: 2px solid var(--lineColor);
}
.style_nav__bRYRW .tab-context-menu .react-contextmenu-item {
  width: 220px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  font-size: 13px;
}
.style_nav__bRYRW .tab-context-menu .react-contextmenu-item:hover {
  background: var(--rowSelectedBg);
}
.style_nav__bRYRW .ant-modal-confirm-content {
  margin: 20px 0 0 0 !important;
}
.style_status__ocIAD {
  max-width: 320px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 32px;
  height: 100%;
  padding-top: 10px;
  margin-left: 32px;
}
.style_left__cefsW {
  flex: 0 1 100%;
  padding-left: 32px;
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin-right: 8px;
}
.style_left__cefsW p {
  margin-bottom: 0;
}
.style_left__cefsW .style_container__K1nq5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
}
.style_left__cefsW .style_container__K1nq5 .style_nodeInfo__Is0Hx {
  flex: 1;
}
.style_right__YJWig {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
}
.style_right__YJWig.style_rightMobile___HqwD {
  width: 60%;
}
.style_right__YJWig .style_preFillBtn__heeNa {
  margin-right: 8px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.style_right__YJWig .style_tourDesc__iCM7l {
  font-size: 13px;
}
.style_right__YJWig .style_tourDesc__iCM7l > span {
  font-size: 13px;
}
@media screen and (max-width: 991.98px) {
  .style_left__cefsW {
    padding-left: 16px;
  }
  .style_left__cefsW .style_container__K1nq5 {
    flex-direction: column;
  }
  .style_left__cefsW .style_container__K1nq5 .style_sourceInfo__sGySP {
    margin-left: 0;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_formSpace__SaZ_T {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--lowestBg);
  transition: background-color 0.3s ease;
}
.style_formSpace__SaZ_T.style_loading__hFT3U {
  background-color: var(--defaultBg);
}
.style_skeletonWrapper__QK0sc {
  margin: 20px;
}
.style_skeletonWrapper__QK0sc .ant-skeleton-element {
  display: inline-block;
  width: 100%;
}
.style_formTabBarContainer__qjuvd {
  flex: 0 0 auto;
}
.style_formEditTabsContainer__z1bNo {
  border-bottom: 1px solid var(--borderCommonDefault);
  flex: 0 0 auto;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__lkTPh {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__AgNqz {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__3n2tt ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__3n2tt ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__3n2tt ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__3n2tt ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__3n2tt li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__3n2tt .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__3n2tt .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__3n2tt .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__3n2tt .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___Allc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__NIN43 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__oIZJ_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__oIZJ_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__oIZJ_ .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__oIZJ_ .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__oIZJ_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__oIZJ_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__oIZJ_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__oIZJ_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__oIZJ_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__oIZJ_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__oIZJ_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__oIZJ_ .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__oIZJ_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__oIZJ_ .editBgColor::before,
.style_tree__oIZJ_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__oIZJ_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__oIZJ_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__oIZJ_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__oIZJ_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__oIZJ_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__oIZJ_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__oIZJ_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__oIZJ_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__oIZJ_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__B7vI0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__txKKK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__q59Qa::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__q59Qa::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__q59Qa:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__7zpAT::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__7zpAT::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__7zpAT:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__8ay2a {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__6J0XW {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__6J0XW {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__6J0XW {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__6J0XW {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__6J0XW {
    flex: 0 0 100%;
  }
}
.style_filterInput__htsrn {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_mirrorContainer__RiUJ0 {
  display: flex;
  flex-direction: column;
}
.style_tabBarWrapper__gKDXM {
  height: 50px;
  background-color: var(--defaultBg);
  display: flex;
  flex-direction: row;
  position: relative;
  border-bottom: 1px solid var(--lowestBg);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_tab__ihT4y {
  display: flex;
  justify-content: space-between;
  background-color: var(--defaultBg);
}
.style_tab__ihT4y .style_right__Av1Le {
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.style_nav__CTye4 {
  width: 100%;
  position: absolute;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.style_nav__CTye4 .react-contextmenu {
  z-index: var(--contextmenu);
}
.style_nav__CTye4 .tab-context-menu {
  background: var(--defaultBg);
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
  border: 2px solid var(--lineColor);
}
.style_nav__CTye4 .tab-context-menu .react-contextmenu-item {
  width: 220px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  font-size: 13px;
}
.style_nav__CTye4 .tab-context-menu .react-contextmenu-item:hover {
  background: var(--rowSelectedBg);
}
.style_nav__CTye4 .ant-modal-confirm-content {
  margin: 20px 0 0 0 !important;
}
.style_status__FXvJl {
  max-width: 320px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 32px;
  height: 100%;
  padding-top: 10px;
  margin-left: 32px;
}
.style_skeletonWrapper__fqLiy {
  margin: 0 20px 20px;
  padding-top: 20px;
}
.style_skeletonWrapper__fqLiy .ant-skeleton-element {
  display: inline-block;
  width: 100%;
}
.style_breadcrumbsBar__aCqum {
  padding-left: 32px;
  position: relative;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.style_breadcrumbsBar__aCqum p {
  margin-bottom: 0;
}
.style_breadcrumbsBar__aCqum .style_container__ufycv {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.style_breadcrumbsBar__aCqum .style_container__ufycv .style_sourceInfo__Ln12l {
  display: flex;
  flex-shrink: 0;
  font-size: 13px;
  margin-left: 16px;
  color: var(--fc1);
}
.style_breadcrumbsBar__aCqum .style_container__ufycv .style_sourceInfo__Ln12l .style_datasheetInfo__09y9o {
  max-width: 120px;
  margin-right: 4px;
}
.style_breadcrumbsBar__aCqum .style_container__ufycv .style_sourceInfo__Ln12l .style_viewInfo__jtk7Z {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
  position: relative;
  padding-left: 12px;
}
.style_breadcrumbsBar__aCqum .style_container__ufycv .style_sourceInfo__Ln12l .style_viewInfo__jtk7Z:before {
  content: " ";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--fourthLevelText);
  position: absolute;
  left: 0;
}
.style_breadcrumbsBar__aCqum .style_container__ufycv .style_sourceInfo__Ln12l .style_viewInfo__jtk7Z:hover {
  color: var(--primaryColor);
}
.style_breadcrumbsBar__aCqum .style_container__ufycv .style_sourceInfo__Ln12l .style_viewInfo__jtk7Z:hover svg {
  fill: var(--primaryColor);
}
.style_breadcrumbsBar__aCqum .style_container__ufycv .style_sourceInfo__Ln12l .style_viewInfo__jtk7Z .style_viewName__m4XZV {
  max-width: 120px;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_breadcrumbsBar__aCqum .style_container__ufycv .style_sourceInfo__Ln12l .style_viewInfo__jtk7Z .style_viewIcon__DqEi_ {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_templateListName__E8ZZU {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 14px;
  font-weight: 500;
  align-content: center;
  padding: 0 24px;
  background-color: var(--defaultBg);
  position: relative;
}
.style_titleBox__cs8TC {
  display: flex;
  align-items: center;
  gap: 16px;
}
.style_titleBox__cs8TC .style_subtitle__e_BXA {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 100px;
  padding: 0 16px;
}
.style_titleBox__cs8TC .style_subtitle__e_BXA::after {
  content: '';
  position: absolute;
  margin: auto;
  bottom: 0;
  top: 0;
  left: 0;
  width: 1px;
  height: 40px;
  background-color: var(--lineColor);
}
@media screen and (min-width: 767.98px) {
  .style_templateListName__E8ZZU.style_borderLeft__UQNxh {
    border-left: 1px solid var(--lineColor);
  }
  .style_templateListName__E8ZZU.style_borderBottom__iQIpB {
    border-bottom: 1px solid var(--lineColor);
    z-index: 10;
  }
}

/* Auto Layout */
.styles_magicVariableBox__kdgs3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 4px;
  line-height: 28px;
  background: var(--fill0);
  border-radius: 4px;
  position: relative;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.styles_magicVariableBox__kdgs3 p {
  margin-bottom: 0 !important;
}
.styles_magicVariableBox__kdgs3 p span[data-slate-node='text'] {
  vertical-align: middle;
}
.styles_add__reCDD {
  position: absolute;
  top: 4px;
  left: 4px;
}
.styles_magicVariable__9aW08 {
  /* Color/Black/Black200 */
  background: var(--fill0);
  border-radius: 2px;
  margin: 0px 4px;
}
.styles_editor__rF5KY {
  width: 100%;
  height: 100%;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__SWfG2 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__jkqDy {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__O9VHY ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__O9VHY ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__O9VHY ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_ant-select-option-common__O9VHY ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__O9VHY li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__O9VHY .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__O9VHY .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__O9VHY .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__O9VHY .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ykU3Y {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__cGeIp {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__5m0JI .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__5m0JI .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__5m0JI .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__5m0JI .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__5m0JI .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__5m0JI .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__5m0JI .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__5m0JI .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__5m0JI .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__5m0JI .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__5m0JI .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__5m0JI .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__5m0JI .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__5m0JI .editBgColor::before,
.style_tree__5m0JI .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__5m0JI .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__5m0JI .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__5m0JI .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__5m0JI .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__5m0JI .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__5m0JI .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__5m0JI .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__5m0JI .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__5m0JI .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__KKBiU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__jPeSD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__aP8qv::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__aP8qv::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.style_scroll-bar-default__aP8qv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__qayaR::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__qayaR::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__qayaR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__RKOpr {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.style_templateCardFlexWidth__OC5w1 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__OC5w1 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__OC5w1 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__OC5w1 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__OC5w1 {
    flex: 0 0 100%;
  }
}
.style_filterInput__NJhaJ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_description__VFKmH p {
  margin-bottom: 4px;
}
.style_description__VFKmH a {
  color: var(--deepPurple_500);
}
.style_description__VFKmH a:hover {
  color: var(--deepPurple_600);
}
.style_description__VFKmH a:active {
  color: var(--deepPurple_700);
}

.style_h__EoGLt {
  display: flex;
  align-items: center;
  position: relative;
}
.style_h__EoGLt.style_hasCollapse___7nJo {
  cursor: pointer;
}
.style_h1__6pbrM {
  font-size: 16px;
}
.style_h2__ILUx0 {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.style_h2__ILUx0:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #c9c9c9;
  margin-right: 8px;
  border-radius: 6px;
}
.style_h3__l3PCg {
  font-size: 12px;
  padding-bottom: 8px;
  color: #8C8C8C;
}
.style_suffixIcon__N8DIC {
  transition: transform 0.3s;
  cursor: pointer;
  position: absolute;
  right: 4px;
}
.style_suffixIcon__N8DIC.style_isIconRotate__Uk3pp {
  transform: rotate(180deg);
}
.style_dropIcon__4AP4Y {
  vertical-align: middle;
}
.style_helpIcon__5J8nZ {
  vertical-align: -0.125em;
}

.style_objectFieldTemplateWrapper__LaaTW {
  display: flex;
  flex-direction: column;
}
.style_objectFieldTemplateWrapper__LaaTW .field-object {
  padding-top: 0!important;
}
.style_inlineObjectChildren__AERg_ {
  align-items: flex-start;
  display: block;
}
.style_inlineObjectChildren__AERg_.style_inline__CJ98n {
  display: flex;
}
.style_inlineArrayItem__B6qgc {
  display: flex;
  align-items: center;
}

.style_helperText___pP4Q {
  height: 22px;
  font-size: 10px;
  padding: 4px 0 0 8px;
}
.style_helperText___pP4Q.style_error__vgIkf {
  color: var(--textDangerDefault);
}

.select_styles_item__f_zvO {
  border-radius: 4px !important;
  font-size: 14px !important;
  line-height: 22px;
  height: 48px !important;
  padding-left: 48px !important;
}
.select_styles_icon__d_nx9 {
  width: 32px !important;
  height: 32px !important;
  top: 8px !important;
}
.select_styles_icon__d_nx9 img {
  width: 32px !important;
  height: 32px !important;
}

.styles_title__rhPQV {
  margin: 12px 0 !important;
}

.styles_checkedBackground__7p_u_ {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--borderCommonDefault) !important;
  background: var(--bgControlsElevateHigh) !important;
  border-radius: 24px !important;
}
.styles_unCheckedBackground__VkthX {
  border-radius: 24px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--borderCommonDefault) !important;
  background: var(--bgControlsElevateHigh) !important;
}
.styles_checkedText__EJ0XT {
  line-height: 48px;
  color: var(--textCommonTertiary) !important;
  margin-left: 14px !important;
  margin-right: 48px !important;
}
.styles_unCheckedText__tw8VH {
  line-height: 48px;
  color: var(--textCommonTertiary) !important;
  margin-left: 48px !important;
  margin-right: 14px !important;
}
.styles_unCheckedCircle__hzckq {
  right: inherit !important;
  left: 8px !important;
  top: 8px !important;
  height: 32px !important;
  width: 32px !important;
  background-color: var(--textStaticTertiary, rgba(255, 255, 255, 0.6)) !important;
}
.styles_checkedCircle__jbLtP {
  left: inherit !important;
  right: 8px !important;
  top: 8px !important;
  height: 32px !important;
  width: 32px !important;
  background-color: var(--textSuccessDefault, #3CD6A3) !important;
}
.styles_tabPannel__PGvqt {
  height: 100%;
}
.styles_tabPannel__PGvqt .ant-tabs-nav {
  margin-bottom: 0 !important;
}
.styles_tabItem__45Dmf {
  height: 100%;
}
.styles_tabItem__45Dmf .ant-tabs-nav {
  margin-bottom: 0 !important;
}
.styles_tabItem__45Dmf .ant-tabs .ant-tabs-top {
  height: 100%;
}
.styles_tabItem__45Dmf .ant-tabs-content-holder {
  height: calc(100% - 30px);
}
.styles_tabItem__45Dmf .ant-tabs-content-top {
  height: 100%;
}
.styles_tabItem__45Dmf .ant-tabs-tab-btn {
  padding-left: 16px;
}
.styles_tabItem__45Dmf .ant-tabs-ink-bar {
  visibility: hidden;
}

.style_tabBarWrapper__9wcIh {
  height: 50px;
  background-color: var(--defaultBg);
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--lineColor);
}