/**
* 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__osc5n {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__NsZQL {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__otJpm ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__otJpm ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__otJpm 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__otJpm ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__otJpm li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__otJpm .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__otJpm .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__otJpm .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__otJpm .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__9x_DZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__y62vj {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__Blt_z .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__Blt_z .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__Blt_z .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__Blt_z .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__Blt_z .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__Blt_z .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__Blt_z .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__Blt_z .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__Blt_z .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__Blt_z .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__Blt_z .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__Blt_z .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__Blt_z .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__Blt_z .editBgColor::before,
.styles_tree__Blt_z .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__Blt_z .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__Blt_z .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__Blt_z .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__Blt_z .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__Blt_z .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__Blt_z .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__Blt_z .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__Blt_z .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__Blt_z .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__6RXrT .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__6RXrT .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__6RXrT .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__6RXrT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__6RXrT .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__6RXrT .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__6RXrT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__ocgRP .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__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__ocgRP .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__ocgRP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__ocgRP .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__ocgRP .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__ocgRP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ocgRP .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__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__ocgRP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__VCFM_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__VCFM_::-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__VCFM_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__vNgFt::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__vNgFt::-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__vNgFt:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__Ds5kI {
  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__z4SzE {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__z4SzE {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__z4SzE {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__z4SzE {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__z4SzE {
    flex: 0 0 100%;
  }
}
.styles_filterInput__stS1_ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_wrapper__XqXdu {
  display: flex;
}
.styles_content__8wOc1 {
  cursor: move;
  border-right: 1px solid var(--sheetLineColor);
  background-color: var(--defaultBg);
}
.styles_content__8wOc1 .styles_head__6MAEp {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e1e2e9;
  padding: 12px 10px;
  box-sizing: border-box;
}
.styles_type__eaf7m {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #e1e2e9;
  width: 95px;
  line-height: 1;
  box-sizing: border-box;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_iconType__saGni {
  display: flex;
  align-items: center;
}
.styles_fieldName__rBX28 {
  font-size: 13px;
  color: var(--firstLevelText);
  margin-left: 4px;
  font-weight: bold;
  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
**/
.styles_antiEllipsis__mShEh {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__iLpEQ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__6dbqW ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__6dbqW ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__6dbqW 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__6dbqW ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__6dbqW li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__6dbqW .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__6dbqW .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__6dbqW .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__6dbqW .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__nfqlk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__V8AGp {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__pjh6G .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__pjh6G .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__pjh6G .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__pjh6G .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__pjh6G .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__pjh6G .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__pjh6G .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__pjh6G .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__pjh6G .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__pjh6G .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__pjh6G .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__pjh6G .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__pjh6G .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__pjh6G .editBgColor::before,
.styles_tree__pjh6G .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__pjh6G .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__pjh6G .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__pjh6G .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__pjh6G .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__pjh6G .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__pjh6G .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__pjh6G .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__pjh6G .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__pjh6G .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__xgI7G .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__xgI7G .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__xgI7G .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__xgI7G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__xgI7G .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__xgI7G .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__xgI7G .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__EbMbT .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__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__EbMbT .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__EbMbT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__EbMbT .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__EbMbT .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__EbMbT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__EbMbT .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__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__EbMbT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__nmWK8::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__nmWK8::-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__nmWK8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__qbSpu::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__qbSpu::-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__qbSpu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__cDwFB {
  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__pesz9 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__pesz9 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__pesz9 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__pesz9 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__pesz9 {
    flex: 0 0 100%;
  }
}
.styles_filterInput__4qEap {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_microRowLine__X1392 {
  align-items: center;
  position: relative;
  max-height: 38px;
  overflow: hidden;
  border-top: 1px solid var(--lineColor);
  border-bottom: 1px solid var(--lineColor);
  border-left: 1px solid var(--lineColor);
}
.styles_microRowLine__X1392:nth-child(1) {
  position: absolute;
  display: flex;
  background: var(--defaultBg);
}
.styles_microRowLine__X1392:nth-child(2) {
  position: absolute;
  top: 5px;
  background: var(--defaultBg);
  display: flex;
  transform: rotate(-2deg);
}
.styles_microRowLine__X1392:nth-child(3) {
  position: absolute;
  display: flex;
  top: 10px;
  background: var(--defaultBg);
  transform: rotate(-6deg);
}
.styles_type__KLcXU {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid var(--lineColor);
  padding: 5px 6px;
  width: 95px;
  height: 38px;
  line-height: 38px;
  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
**/
.styles_microWrapper__vDeso {
  position: fixed;
  background: var(--defaultBg);
  box-shadow: 1px 1px 10px #e1e2e9;
  z-index: 20;
}

/**
* 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__Sfj3b {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__0fCj3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__U1FEm ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__U1FEm ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__U1FEm 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__U1FEm ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__U1FEm li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__U1FEm .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__U1FEm .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__U1FEm .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__U1FEm .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__5RHM_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__dr39_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__LsBuS .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__LsBuS .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__LsBuS .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__LsBuS .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__LsBuS .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__LsBuS .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__LsBuS .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__LsBuS .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__LsBuS .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__LsBuS .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__LsBuS .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__LsBuS .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__LsBuS .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__LsBuS .editBgColor::before,
.style_tree__LsBuS .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__LsBuS .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__LsBuS .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__LsBuS .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__LsBuS .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__LsBuS .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__LsBuS .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__LsBuS .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__LsBuS .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__LsBuS .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree___cA47 .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___cA47 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree___cA47 .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___cA47 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree___cA47 .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___cA47 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree___cA47 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Dqne2 .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__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Dqne2 .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__Dqne2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Dqne2 .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__Dqne2 .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__Dqne2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Dqne2 .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__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Dqne2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__lBrbY::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__lBrbY::-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__lBrbY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__V4kZu::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__V4kZu::-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__V4kZu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__KWu7_ {
  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__f1mO2 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__f1mO2 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__f1mO2 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__f1mO2 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__f1mO2 {
    flex: 0 0 100%;
  }
}
.style_filterInput__U5hfn {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_single__XuafT {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_multi__YbNMC {
  line-height: 24px;
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.style_multi__YbNMC p {
  line-height: 21px;
}
.style_isVirtual__uFn42 {
  font-size: 13px;
}
.style_url___wuH0 {
  text-decoration: underline;
  width: -webkit-max-content !important;
  width: max-content !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__o_N3M {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__NEi_R {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__T7mdD ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__T7mdD ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__T7mdD 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__T7mdD ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__T7mdD li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__T7mdD .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__T7mdD .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__T7mdD .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__T7mdD .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ovHSt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__nfzPe {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__5SsB5 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__5SsB5 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__5SsB5 .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__5SsB5 .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__5SsB5 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__5SsB5 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__5SsB5 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__5SsB5 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__5SsB5 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__5SsB5 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__5SsB5 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__5SsB5 .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__5SsB5 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__5SsB5 .editBgColor::before,
.style_tree__5SsB5 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__5SsB5 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__5SsB5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__5SsB5 .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__5SsB5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__5SsB5 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__5SsB5 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__5SsB5 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__5SsB5 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__5SsB5 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__pvP5j .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__pvP5j .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__pvP5j .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__pvP5j .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__pvP5j .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__pvP5j .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__pvP5j .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__bErtL .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__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__bErtL .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__bErtL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__bErtL .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__bErtL .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__bErtL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__bErtL .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__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__bErtL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__24RN9::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__24RN9::-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__24RN9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__4mUtb::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__4mUtb::-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__4mUtb:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__V1QlS {
  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__obcFx {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__obcFx {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__obcFx {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__obcFx {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__obcFx {
    flex: 0 0 100%;
  }
}
.style_filterInput__imz7s {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_fieldItem__v445S .style_fieldHead__b_s5p {
  display: flex;
  align-items: center;
}
.style_fieldItem__v445S .style_fieldHead__b_s5p .style_fieldName__CLHWG {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 3px;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: var(--thirdLevelText);
  width: calc(100% - 12px);
}
.style_fieldItem__v445S .style_fieldValue__fVnpf {
  overflow: hidden;
  color: var(--firstLevelText);
  display: flex;
  align-items: center;
}
.style_fieldItem__v445S .style_fieldValue__fVnpf .expandWorkdoc {
  padding: 0;
  width: 218px;
}
.style_fieldItem__v445S .style_fieldValue__fVnpf .style_cellHolder__Bx9lu {
  border: solid 1px var(--fourthLevelText);
  height: 2px;
  width: 12px;
  border-radius: 2px;
}
.style_cellValue___1x_G {
  padding: 4px 0px 12px 0px;
  line-height: inherit;
}
.style_ratingCell__KBXr_ {
  min-height: 38px;
}
.style_checkboxCell__hXn9O {
  justify-content: flex-start;
}
.style_multiSelectFieldCell__Gg7UG {
  display: flex;
  flex-wrap: nowrap;
}
.style_cellTitle__hL_8C {
  font-size: 16px;
  font-weight: bold;
}
.style_cellTitle__hL_8C span {
  display: inline-block;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_cellText___sNnk {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_cardCell__i18jx {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.style_newItemCard__UxMdX {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--defaultBg);
  border-radius: 8px;
  transition: all 0.1s ease;
}
.style_newItemCard__UxMdX:hover {
  cursor: pointer;
  transition-duration: 0.1s;
  box-shadow: 0 8px 18px 0 var(--shadowColor);
  transform: translate3d(-1px, -1px, 0);
}
.style_newItemBtn__9__g5 {
  display: flex !important;
  align-items: center;
}
.style_card__lN3sL .react-contextmenu-wrapper {
  border-radius: 8px;
  overflow: hidden;
  border: none;
  transition: all 0.1s ease;
}
.style_card__lN3sL .react-contextmenu-wrapper:hover {
  cursor: pointer;
  border-color: transparent;
  transition-duration: 0.1s;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.16);
  transform: translate3d(-1px, -1px, 0);
}
.style_cardBody__GKL6P {
  padding: 8px 12px 0px 12px;
}
.style_cardBody__GKL6P > div:first-child > div {
  padding-left: 0;
}
.style_mobilePadding__qLWw0:nth-of-type(2n) {
  padding-left: 0 !important;
}
.style_boxWrapper__J6Tqf {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_virtualGallery__O0HjA {
  padding: 8px 12px 12px;
}
.style_virtualGallery__O0HjA .style_cellTitle__hL_8C {
  padding-top: 4px !important;
  padding-bottom: 8px;
}
.style_virtualGallery__O0HjA .style_cellTitle__hL_8C div,
.style_virtualGallery__O0HjA .style_cellTitle__hL_8C span {
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
.style_virtualGallery__O0HjA .style_cellValue___1x_G {
  padding: 0 0 8px 0;
  font-size: 13px;
}
.style_virtualGallery__O0HjA.style_colName__d1weq .style_cellValue___1x_G {
  padding-top: 4px;
}
.style_virtualGallery__O0HjA .style_fieldHead__b_s5p .style_fieldName__CLHWG {
  height: 18px;
  line-height: 18px;
}
.style_virtualGallery__O0HjA .style_ratingCell__KBXr_ {
  min-height: 16px;
}
.style_virtualGallery__O0HjA .style_ratingCell__KBXr_ > div {
  height: 16px;
}
.style_virtualGallery__O0HjA .style_singleCell__ItJ_a {
  height: 33px;
}
.style_virtualGallery__O0HjA .style_isColNameHidden__C8dK9.style_singleCell__ItJ_a {
  height: 29px;
}
.style_virtualGallery__O0HjA .style_fieldItem__v445S:last-child .style_singleCell__ItJ_a {
  height: 25px;
}
.style_virtualGallery__O0HjA .style_cardCell__i18jx div,
.style_virtualGallery__O0HjA .style_cardCell__i18jx span {
  margin-top: 0;
  margin-bottom: 0;
}
.style_virtualGallery__O0HjA > div:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.style_virtualGallery__O0HjA > div:last-child div,
.style_virtualGallery__O0HjA > div:last-child span {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.style_virtual__qRlvN .style_cellTitle__hL_8C {
  padding: 0 !important;
  margin-bottom: 8px;
  height: 22px;
}
.style_virtual__qRlvN .style_cellTitle__hL_8C div,
.style_virtual__qRlvN .style_cellTitle__hL_8C span {
  line-height: 22px;
  height: 100%;
}
.style_virtual__qRlvN .style_cellValue___1x_G {
  padding: 0 0 8px 0;
  font-size: 13px;
}
.style_virtual__qRlvN.style_colName__d1weq .style_cellValue___1x_G {
  padding-top: 4px;
}
.style_virtual__qRlvN .style_fieldHead__b_s5p .style_fieldName__CLHWG {
  height: 18px;
  line-height: 18px;
}
.style_virtual__qRlvN .style_ratingCell__KBXr_ {
  min-height: 16px;
}
.style_virtual__qRlvN .style_ratingCell__KBXr_ > div {
  height: 16px;
}
.style_virtual__qRlvN .style_singleCell__ItJ_a {
  height: 33px;
}
.style_virtual__qRlvN .style_isColNameHidden__C8dK9.style_singleCell__ItJ_a {
  height: 29px;
}
.style_virtual__qRlvN .style_fieldItem__v445S:last-child .style_singleCell__ItJ_a {
  height: 25px;
}
.style_virtual__qRlvN .style_cardCell__i18jx div,
.style_virtual__qRlvN .style_cardCell__i18jx span {
  margin-top: 0;
  margin-bottom: 0;
}
.style_virtual__qRlvN > div:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.style_virtual__qRlvN > div:last-child div,
.style_virtual__qRlvN > div:last-child span {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767.98px) {
  .style_cellTitle__hL_8C span {
    display: inline;
  }
}
.style_nextImage__dpwaw {
  position: relative;
}

/**
* 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__ExtHW {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__KD17z {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__naY64 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__naY64 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__naY64 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__naY64 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__naY64 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__naY64 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__naY64 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__naY64 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__naY64 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ZeWaW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__BBUFt {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__pVbCS .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__pVbCS .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__pVbCS .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__pVbCS .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__pVbCS .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__pVbCS .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__pVbCS .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__pVbCS .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__pVbCS .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__pVbCS .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__pVbCS .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__pVbCS .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__pVbCS .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__pVbCS .editBgColor::before,
.style_tree__pVbCS .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__pVbCS .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__pVbCS .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__pVbCS .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__pVbCS .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__pVbCS .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__pVbCS .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__pVbCS .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__pVbCS .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__pVbCS .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__eWpnA .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__eWpnA .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__eWpnA .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__eWpnA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__eWpnA .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__eWpnA .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__eWpnA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ys6aQ .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__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ys6aQ .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__ys6aQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ys6aQ .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__ys6aQ .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__ys6aQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ys6aQ .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__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ys6aQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__jtZ99::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__jtZ99::-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__jtZ99:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__m8P8v::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__m8P8v::-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__m8P8v:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__VYIcm {
  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___C2MY {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth___C2MY {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth___C2MY {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth___C2MY {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth___C2MY {
    flex: 0 0 100%;
  }
}
.style_filterInput__JKweK {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_bottomWrapper__fAs1f {
  height: 80px;
  width: 100%;
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.style_imageBox___jog8 {
  position: relative;
}
.style_indexThumbnailWrapper__tWZ14 {
  display: flex;
  justify-content: center;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 48px;
  margin-top: -40px;
  cursor: pointer;
}
.style_indexThumbnailWrapper__tWZ14::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_indexThumbnailWrapper__tWZ14::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_indexThumbnailWrapper__tWZ14::-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_indexThumbnailWrapper__tWZ14:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_indexThumbnailWrapper__tWZ14 .style_thumbnailItem__8jMmY {
  margin: 4px;
  max-width: 100px;
}
.style_indexThumbnailWrapper__tWZ14 .style_activeThumb__qMuMA {
  outline: 2px solid #fff;
}
.style_imageIndex__7G_n7 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_indexMarqueeWrapper__n7EqQ {
  display: flex;
  width: auto;
  height: 16px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: -24px;
  cursor: pointer;
}
.style_indexMarqueeWrapper__n7EqQ .style_marqueeItem__YFbjz {
  width: 8px;
  height: 8px;
  background: var(--defaultBg);
  border-radius: 4px;
  margin: 4px 4px;
  opacity: 0.8;
}
.style_indexMarqueeWrapper__n7EqQ .style_active__YnPD5 {
  background-color: var(--primaryColor);
  opacity: 1;
}

/**
* 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__nKZcc {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__cDLtu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__HAc7g ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__HAc7g ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__HAc7g 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__HAc7g ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__HAc7g li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__HAc7g .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__HAc7g .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__HAc7g .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__HAc7g .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__dBU2f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__K40aJ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__UPVaT .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__UPVaT .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__UPVaT .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__UPVaT .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__UPVaT .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__UPVaT .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__UPVaT .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__UPVaT .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__UPVaT .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__UPVaT .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__UPVaT .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__UPVaT .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__UPVaT .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__UPVaT .editBgColor::before,
.style_tree__UPVaT .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__UPVaT .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__UPVaT .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__UPVaT .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__UPVaT .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__UPVaT .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__UPVaT .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__UPVaT .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__UPVaT .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__UPVaT .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__1Rz7K .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__1Rz7K .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__1Rz7K .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__1Rz7K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__1Rz7K .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__1Rz7K .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__1Rz7K .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__6Jkzn .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__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__6Jkzn .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__6Jkzn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__6Jkzn .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__6Jkzn .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__6Jkzn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6Jkzn .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__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__6Jkzn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__iCsc6::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__iCsc6::-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__iCsc6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ZYjxR::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ZYjxR::-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__ZYjxR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__SvV45 {
  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__3iDx8 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__3iDx8 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__3iDx8 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__3iDx8 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__3iDx8 {
    flex: 0 0 100%;
  }
}
.style_filterInput__pbNK8 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_galleryViewContainer__ZON6B {
  width: calc(100% + 32px);
  margin-left: -32px;
}
.style_galleryViewContainer__ZON6B > div {
  width: 100% !important;
  padding-left: 32px;
}
.style_galleryViewContainer__ZON6B > div > div {
  position: relative;
}
.style_galleryViewContainer__ZON6B.style_galleryViewContainerMobile__RJENk > div {
  margin: 0 auto !important;
}
.style_galleryViewContainer__ZON6B.style_galleryViewContainerMobile__RJENk > div > div {
  margin-left: 0;
}
.style_galleryViewContainer__ZON6B.style_galleryViewContainerMobile__RJENk .style_cardGroupTitle__5L8L4 .style_icon__031Zz {
  flex-shrink: 0;
}
.style_card__S7_IG {
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  transition: all 300ms ease-in-out;
}
.style_innerCard__nF_Mw {
  box-shadow: 0px 0px 12px 0px rgba(var(--shadowBg-rgb), 6%);
  transition-delay: 0.1s;
  transition: box-shadow 300ms ease-out, transform 0.3s ease-out, top 300ms ease-out;
}
@media (any-hover: hover) {
  .style_innerCard__nF_Mw:hover {
    cursor: pointer;
    box-shadow: 0px 8px 24px 0px rgba(var(--shadowBg-rgb), 16%);
    transform: translateY(-8px);
  }
  .style_innerCardForOneColumnMode__9VrGb:hover {
    box-shadow: 0px 8px 24px 0px rgba(var(--shadowBg-rgb), 6%) !important;
  }
}
.style_addNewRecordCard__Vrj7n {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--defaultBg);
  color: var(--thirdLevelText);
}
.style_cardGroupTitle__5L8L4 {
  display: flex;
  align-items: center;
  transition: all 0.35s;
}
.style_cardGroupTitle__5L8L4 .style_icon__031Zz {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 2px;
}
.style_cardGroupTitle__5L8L4 .style_icon__031Zz:hover,
.style_cardGroupTitle__5L8L4 .style_icon__031Zz:active {
  background: var(--black_200);
}
.style_galleryGroupTitle__oyytv {
  font-weight: bold;
  transition: all 0.35s;
}
.style_gallaryGroupTitlebox__0LHBm > div {
  padding-left: 4px;
}
.style_gallaryGroupTitlebox__0LHBm > div,
.style_gallaryGroupTitlebox__0LHBm > div > div {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
}