/**
* 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__XZdXP {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__wiWE_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__6b8B5 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__6b8B5 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__6b8B5 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__6b8B5 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__6b8B5 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__6b8B5 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__6b8B5 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__6b8B5 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__6b8B5 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__grP5m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__pWIeW {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__voiBi .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__voiBi .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__voiBi .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__voiBi .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__voiBi .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__voiBi .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__voiBi .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__voiBi .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__voiBi .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__voiBi .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__voiBi .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__voiBi .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__voiBi .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__voiBi .editBgColor::before,
.style_tree__voiBi .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__voiBi .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__voiBi .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__voiBi .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__voiBi .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__voiBi .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__voiBi .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__voiBi .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__voiBi .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__voiBi .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__EvuE3 .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__EvuE3 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__EvuE3 .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__EvuE3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__EvuE3 .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__EvuE3 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__EvuE3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__U1OwT .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__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__U1OwT .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__U1OwT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__U1OwT .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__U1OwT .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__U1OwT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__U1OwT .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__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__U1OwT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__kzKV0::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__kzKV0::-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__kzKV0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__nhaps::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__nhaps::-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__nhaps:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__lRIJh {
  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__nEKgj {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__nEKgj {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__nEKgj {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__nEKgj {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__nEKgj {
    flex: 0 0 100%;
  }
}
.style_filterInput__IJW7j {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_nodeContainerWrapper__qfkaU {
  padding: 0 16px;
}
.style_nodeContainer__VRAjm {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  padding: 0 8px;
  cursor: pointer;
}
.style_nodeContainer__VRAjm.style_viewNodeContainer__tkHRa {
  padding: 0 24px;
}
.style_nodeContainer__VRAjm:hover,
.style_nodeContainer__VRAjm.style_active__nMnkF {
  background-color: var(--rowSelectedBg);
}
.style_nodeContainer__VRAjm.style_active__nMnkF {
  color: var(--primaryColor);
}
.style_nodeContainer__VRAjm.style_disable__9SqBZ svg {
  fill: var(--shadowColor);
}
.style_nodeContainer__VRAjm.style_disable__9SqBZ .style_text__36hWC {
  width: auto;
  max-width: calc(100% - 93px);
  padding-right: 8px;
  color: var(--shadowColor);
}
.style_nodeContainer__VRAjm svg {
  vertical-align: middle;
  font-size: 15px;
}
.style_nodeContainer__VRAjm svg.style_leftIcon__AUnvq {
  margin-right: 10px;
}
.style_nodeContainer__VRAjm svg.style_rightIcon__N90nE {
  font-size: 12px;
  margin-left: 20px;
}
.style_nodeContainer__VRAjm .style_text__36hWC {
  width: calc(100% - 58px);
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_nodeContainer__VRAjm .style_text__36hWC.style_rightText__g9iSV {
  margin-left: 10px;
}
.style_nodeContainer__VRAjm .style_budget__ryvHC {
  display: inline-block;
  padding: 0 4px;
  height: 16px;
  background: var(--fourthLevelText);
  border-radius: 2px;
  font-size: 10px;
  color: white;
  line-height: 16px;
  vertical-align: middle;
}
.style_formPreviewer__wwXJr {
  position: relative;
  background-color: var(--bgCommonHigh);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.style_formPreviewer__wwXJr .style_scrollContainer__FnCGQ {
  padding: 16px 16px 24px;
  width: 310px;
  height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.style_formPreviewer__wwXJr .style_panelTitleDesc__cu1rO {
  font-size: 14px;
  color: var(--secondLevelText);
}
.style_formPreviewer__wwXJr .style_panelTitle__JcUWl {
  margin-top: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_formPreviewer__wwXJr .style_panelContent__Wi6C9 {
  margin: 32px 0 48px;
}
.style_formPreviewer__wwXJr .style_panelContent__Wi6C9 .style_formField__Qc1tJ {
  margin-bottom: 24px;
}
.style_formPreviewer__wwXJr .style_panelContent__Wi6C9 .style_formField__Qc1tJ .style_title__xyQIt {
  position: relative;
  font-size: 13px;
  margin-bottom: 8px;
  color: var(--firstLevelText);
}
.style_formPreviewer__wwXJr .style_panelContent__Wi6C9 .style_formField__Qc1tJ .style_title__xyQIt[data-required="true"]::before {
  content: "*";
  font-size: 14px;
  color: var(--red_500);
  position: absolute;
  left: -8px;
  font-family: "Segoe UI Symbol";
}
.style_formPreviewer__wwXJr .style_panelContent__Wi6C9 .formDisplayItem {
  height: 32px;
  min-height: 32px;
  background-color: var(--defaultBg);
}
.style_formPreviewer__wwXJr .style_panelContent__Wi6C9 .optionFieldTag {
  max-width: 240px !important;
}
.style_formPreviewer__wwXJr .style_panelFooter__lzLJr {
  position: absolute;
  left: 0;
  bottom: 24px;
  padding: 0 40px;
  width: 100%;
  text-align: center;
}
.style_formPreviewerMobile__YgpEX {
  height: 100%;
}
.style_formPreviewerMobile__YgpEX .style_scrollContainer__FnCGQ {
  padding: 24px;
  width: 100%;
  height: 100%;
}
.style_formPreviewerMobile__YgpEX .style_scrollContainer__FnCGQ .formDisplayItem {
  height: 48px;
  min-height: 48px;
}
.style_formPreviewerMobile__YgpEX .style_scrollContainer__FnCGQ .optionFieldTag {
  max-width: calc(100vw - 80px) !important;
}
.style_widgetList__FQfZb {
  position: relative;
  width: 224px;
  background: var(--bgCommonLower);
  padding: 16px;
  height: 80vh;
  display: flex;
  flex-direction: column;
}
.style_widgetList__FQfZb h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 16px;
}
.style_widgetList__FQfZb .style_widgetListWrap__Ykza3 {
  position: relative;
  flex: 1;
}
.style_widgetList__FQfZb .style_scroll__3LqMc {
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: auto;
  height: 100%;
}
.style_widgetList__FQfZb .style_widgetItem__ovm7A {
  width: 194px;
  background: var(--defaultBg);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 8px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
}
.style_widgetList__FQfZb .style_widgetItem__ovm7A h4 {
  font-weight: normal;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetList__FQfZb .style_widgetItem__ovm7A .style_checked__oyhtb {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 4px;
}
.style_widgetList__FQfZb .style_widgetItem__ovm7A .style_checked__oyhtb svg {
  position: absolute;
  top: 0;
  right: 0;
}
.style_widgetList__FQfZb .style_widgetItem__ovm7A.style_selected__jvWzZ {
  border-color: var(--primaryColor);
}
.style_widgetList__FQfZb .style_widgetItem__ovm7A.style_selected__jvWzZ .style_checked__oyhtb {
  display: block;
}
.style_widgetList__FQfZb .style_widgetItem__ovm7A .style_widgetIconBox__wDCBZ {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 18px;
  height: 18px;
  display: flex;
  border: 1px solid var(--static-white);
  border-radius: 3.3px;
  overflow: hidden;
  background: var(--defaultBg);
}
.style_emptyImg__47aDq {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.style_emptyTipWrap__84aWK {
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.style_emptyTipWrap__84aWK .style_img__DHICF {
  width: 180px;
}
.style_emptyTipWrap__84aWK .style_emptyTip__k_eqv {
  position: relative;
  top: 8px;
  font-size: 13px;
  color: var(--secondLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__aHoBz {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__S_Rj0 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__IxKqS ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__IxKqS ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__IxKqS 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__IxKqS ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__IxKqS li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__IxKqS .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__IxKqS .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__IxKqS .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__IxKqS .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__1tnCB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__c6_8g {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__nEGRv .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__nEGRv .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__nEGRv .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__nEGRv .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__nEGRv .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__nEGRv .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__nEGRv .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__nEGRv .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__nEGRv .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__nEGRv .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__nEGRv .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__nEGRv .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__nEGRv .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__nEGRv .editBgColor::before,
.style_tree__nEGRv .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__nEGRv .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__nEGRv .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__nEGRv .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__nEGRv .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__nEGRv .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__nEGRv .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__nEGRv .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__nEGRv .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__nEGRv .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__3Y5JH .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__3Y5JH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__3Y5JH .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__3Y5JH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__3Y5JH .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__3Y5JH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__3Y5JH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Xyh9s .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__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Xyh9s .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__Xyh9s .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Xyh9s .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__Xyh9s .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__Xyh9s .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Xyh9s .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__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Xyh9s .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__3EAuD::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__3EAuD::-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__3EAuD:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Qc9iM::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Qc9iM::-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__Qc9iM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__zrJ10 {
  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__x87EJ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__x87EJ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__x87EJ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__x87EJ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__x87EJ {
    flex: 0 0 100%;
  }
}
.style_filterInput__zTBmA {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_container__ekqsP {
  background: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
}
.style_searchPanel__azJ31 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 540px;
  height: 80vh;
  background: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonHigh);
  padding-top: 24px;
  overflow: hidden;
}
.style_searchPanel__azJ31.style_searchPanelLeft__heNCg {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.style_searchPanel__azJ31 .style_narrowBtn__hN57c {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_searchPanel__azJ31 .style_searchPanelTitle__w_5Wb {
  display: flex;
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 24px;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__azJ31 .style_searchPanelTitle__w_5Wb .style_helpBtn__JDprj {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_searchPanel__azJ31 .style_folderBreadItem__xPBff:hover {
  cursor: pointer;
  color: var(--textBrandDefault);
}
.style_searchPanel__azJ31 .style_searchResult__CYDpr {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchPanel__azJ31 .style_searchResult__CYDpr::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchPanel__azJ31 .style_searchResult__CYDpr::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchPanel__azJ31 .style_searchResult__CYDpr::-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_searchPanel__azJ31 .style_searchResult__CYDpr:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchPanel__azJ31 .style_searchResult__CYDpr .style_nodeTitle__712Es {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.style_searchPanel__azJ31 .style_searchEmpty__cCHF9 {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchPanel__azJ31 .style_searchEmpty__cCHF9 .style_emptyImage__bPpU7 {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchPanel__azJ31 .style_searchEmpty__cCHF9 .style_emptyText__lYpo6 {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchPanel__azJ31 .style_searchEmpty__cCHF9 .style_emptyText__lYpo6 span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__azJ31 .style_folderContent___jiXw {
  padding-bottom: 24px;
  overflow: hidden;
  flex: 1;
}
.style_searchPanel__azJ31 .style_breadCrumb__7Bu3W {
  margin-top: 8px;
  padding: 6px 24px;
}
.style_searchPanel__azJ31 .style_breadCrumb__7Bu3W .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_searchPanel__azJ31 .style_breadCrumb__7Bu3W .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_searchPanel__azJ31 .style_breadCrumb__7Bu3W .ant-breadcrumb ol li {
  display: flex;
}
.style_searchPanel__azJ31 .style_breadCrumb__7Bu3W .ant-breadcrumb-separator {
  margin: 0 2px;
}
.style_searchPanel__azJ31 .style_loading__YkkYh {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: unset !important;
}
.style_searchPanel__azJ31 .style_emptyFolder__kcMSQ .style_emptyImg__W_Vrl {
  display: flex;
  height: 150px;
  margin: 72px auto 16px;
  justify-content: center;
}
.style_searchPanel__azJ31 .style_emptyFolder__kcMSQ p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .style_searchPanelContainer__Nzq0h .style_searchPanel__azJ31 {
    background: none;
    box-shadow: none;
    padding-top: 0;
  }
}
.style_chatbotCreateButtonGroup__bwqRL {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 16px;
}
.style_chatbotCreateButtonGroup__bwqRL button {
  margin-left: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__eIza1 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__UzP_7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__ET4zR ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__ET4zR ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__ET4zR 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__ET4zR ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__ET4zR li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__ET4zR .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__ET4zR .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__ET4zR .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__ET4zR .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__S_ty0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__I9J4e {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__kon1O .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__kon1O .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__kon1O .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__kon1O .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__kon1O .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__kon1O .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__kon1O .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__kon1O .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__kon1O .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__kon1O .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__kon1O .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__kon1O .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__kon1O .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__kon1O .editBgColor::before,
.style_tree__kon1O .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__kon1O .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__kon1O .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__kon1O .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__kon1O .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__kon1O .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__kon1O .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__kon1O .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__kon1O .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__kon1O .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__3wL_m .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__3wL_m .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__3wL_m .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__3wL_m .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__3wL_m .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__3wL_m .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__3wL_m .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__b6ZH3 .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__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__b6ZH3 .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__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__b6ZH3 .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__b6ZH3 .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__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__b6ZH3 .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__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__b6ZH3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__B2utR::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__B2utR::-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__B2utR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__WqJYU::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__WqJYU::-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__WqJYU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__nwr5V {
  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__If4FW {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__If4FW {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__If4FW {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__If4FW {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__If4FW {
    flex: 0 0 100%;
  }
}
.style_filterInput__3WCwJ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_container__l_Hu5 {
  background: var(--defaultBg);
  border-radius: 4px;
  width: 360px;
  position: absolute;
  left: 0px;
  box-shadow: 1px 1px 14px var(--shadowColor);
  border: 1px solid var(--lineColor);
  z-index: var(--tabAddNewIcon);
  font-size: 14px;
  cursor: default;
}
.style_addViewBtnWrap__O8AoH {
  height: 40px;
  display: flex;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition: background-color 0.3s;
  color: var(--fc3);
}
.style_addViewBtnWrap__O8AoH:hover {
  background-color: var(--lowestBg);
}
.style_addViewBtnWrap__O8AoH:active {
  background-color: var(--fc11);
}
.style_addViewButton__wlWVR {
  width: -webkit-max-content;
  width: max-content;
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.style_addViewButton__wlWVR button {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.style_addViewButton__wlWVR .style_tip__sF0qG {
  color: var(--fc2);
}
.style_addBtnDisabled__piluV {
  cursor: not-allowed;
}
.style_addBtnDisabled__piluV:hover,
.style_addBtnDisabled__piluV:active {
  background-color: transparent;
}
.style_addBtnDisabled__piluV .style_tip__sF0qG {
  color: var(--fc3);
}
.style_addBtnDisabled__piluV svg {
  fill: var(--fc3);
}
.style_tip__sF0qG {
  font-size: 14px;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_onlyOne__xmuoX {
  display: flex;
  max-width: -webkit-max-content;
  max-width: max-content;
  justify-content: left;
  cursor: pointer;
}
.style_onlyOne__xmuoX .style_tip__sF0qG {
  color: var(--primaryColor);
}
.style_onlyOne__xmuoX svg {
  fill: var(--primaryColor) !important;
}
.style_onlyOne__xmuoX:hover {
  opacity: 0.8;
}
.style_onlyOne__xmuoX:active {
  opacity: 0.5;
}
.style_viewTypeContainer__xVxYV {
  width: 100%;
  background: var(--highBg);
  padding: 24px 16px;
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  overflow: auto;
}
.style_nodeTypeContainer__7uPyz {
  padding-top: 8px;
  position: relative;
}
.style_nodeTypeContainer__7uPyz::before {
  position: absolute;
  left: 8px;
  top: 0;
  width: 216px;
  height: 1px;
  content: "";
  background-color: var(--lineColor);
}
.style_viewItem__s5m4u {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
  margin-bottom: 8px;
  border-radius: 4px;
}
.style_viewItem__s5m4u.style_disabled__M_JPZ {
  opacity: 0.5;
  cursor: not-allowed;
}
.style_viewItem__s5m4u:last-child {
  margin-bottom: 0;
}
.style_viewItem__s5m4u:hover {
  background: var(--rowSelectedBg);
}
.style_viewItem__s5m4u:active {
  background: rgba(var(--rowSelectedBg-rgb), 50%);
}
.style_viewItem__s5m4u span {
  display: inline-block;
  flex: 1;
  margin: 0 6px;
  color: var(--secondLevelText);
}
.style_addNewDatasheet__gdQkO {
  color: var(--thirdLevelText);
  font-size: 13px;
  margin-top: 16px;
  text-align: center;
  cursor: pointer;
}
.style_addNewDatasheet__gdQkO:hover {
  opacity: 0.8;
}
.style_addNewDatasheet__gdQkO:active {
  opacity: 0.5;
}
.style_introduce__Ydy5Z {
  background: var(--highBg);
  padding: 24px;
  box-shadow: var(--shadowCommonHigh);
  border-radius: 4px;
}
.style_introduce__Ydy5Z h3 {
  color: var(--firstLevelText);
  font-size: 14px;
  margin-bottom: 8px;
}
.style_introduce__Ydy5Z p {
  font-size: 12px;
  color: var(--secondLevelText);
  margin-bottom: 16px;
}
.style_introduce__Ydy5Z video {
  width: 240px;
  height: 135px;
}
.style_noHoverBg__bhsmN {
  background: transparent !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__ZGEOp {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Xoe6E {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__iIOb7 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__iIOb7 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__iIOb7 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__iIOb7 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__iIOb7 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__iIOb7 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__iIOb7 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__iIOb7 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__iIOb7 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__gSVRT {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg___w2rx {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Iqx_S .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Iqx_S .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Iqx_S .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__Iqx_S .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__Iqx_S .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Iqx_S .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Iqx_S .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Iqx_S .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Iqx_S .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Iqx_S .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Iqx_S .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Iqx_S .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__Iqx_S .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Iqx_S .editBgColor::before,
.style_tree__Iqx_S .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Iqx_S .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Iqx_S .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Iqx_S .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__Iqx_S .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Iqx_S .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Iqx_S .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Iqx_S .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Iqx_S .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Iqx_S .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__45pL_ .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__45pL_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__45pL_ .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__45pL_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__45pL_ .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__45pL_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__45pL_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__1iKuR .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__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__1iKuR .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__1iKuR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__1iKuR .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__1iKuR .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__1iKuR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1iKuR .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__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__1iKuR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__OVR5_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__OVR5_::-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__OVR5_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__036qX::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__036qX::-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__036qX:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__r1weX {
  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__VzZgr {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__VzZgr {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__VzZgr {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__VzZgr {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__VzZgr {
    flex: 0 0 100%;
  }
}
.style_filterInput__HTV4J {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_collapse__tY66T {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.style_collapse__tY66T .style_toggle___EJQo {
  cursor: pointer;
  transition: all 0.3s;
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.style_collapse__tY66T .style_toggle___EJQo.style_toggleHidden__oqSSS {
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  transition: none;
}
.style_collapse__tY66T .style_content__cJYyC {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  width: 100%;
  justify-content: flex-start;
}
.style_collapse__tY66T .style_item__drPxT {
  flex-shrink: 0;
}
.style_collapse__tY66T .style_item__drPxT.style_itemHidden__2q8ev {
  opacity: 0;
  pointer-events: none;
}
.style_collapse__tY66T .style_popupItem__tL8i9 {
  display: block;
  width: 100%;
  position: relative;
}
.style_collapse__tY66T .style_toggle___EJQo,
.style_collapse__tY66T .style_extraBtn__aPw0p {
  z-index: 1;
  flex-shrink: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__y7yuc {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ElntY {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__0Y3u7 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__0Y3u7 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__0Y3u7 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__0Y3u7 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__0Y3u7 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__0Y3u7 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__0Y3u7 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__0Y3u7 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__0Y3u7 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__M8p2v {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__YXBPh {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__iA_Py .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__iA_Py .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__iA_Py .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__iA_Py .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__iA_Py .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__iA_Py .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__iA_Py .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__iA_Py .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__iA_Py .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__iA_Py .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__iA_Py .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__iA_Py .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__iA_Py .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__iA_Py .editBgColor::before,
.style_tree__iA_Py .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__iA_Py .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__iA_Py .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__iA_Py .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__iA_Py .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__iA_Py .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__iA_Py .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__iA_Py .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__iA_Py .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__iA_Py .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__m5TPA .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__m5TPA .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__m5TPA .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__m5TPA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__m5TPA .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__m5TPA .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__m5TPA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__uTI7_ .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__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__uTI7_ .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__uTI7_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__uTI7_ .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__uTI7_ .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__uTI7_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__uTI7_ .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__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__uTI7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___DUFn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___DUFn::-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___DUFn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__X_R0B::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__X_R0B::-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__X_R0B:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__YENaF {
  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__0R3iI {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__0R3iI {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__0R3iI {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__0R3iI {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__0R3iI {
    flex: 0 0 100%;
  }
}
.style_filterInput__msGzE {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_tabbarItemWrapper__thLAe {
  height: 100%;
  box-sizing: border-box;
  font-size: 13px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: none !important;
  border: 1px solid transparent;
  padding: 0 8px 0 10px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}
.style_tabbarItemWrapper__thLAe .style_lineBorder__yb1WE {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: transparent;
}
.style_tabbarItemWrapper__thLAe:hover {
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__thLAe:hover .style_lineBorder__yb1WE {
  background: var(--lineColor);
}
.style_tabbarItemWrapper__thLAe:hover .style_viewIconArea__p9lsw {
  background: linear-gradient(90deg, rgba(var(--lowestBg), 0.6) 0%, rgba(var(--lowestBg), 1) 30%, rgba(var(--lowestBg), 1) 100%);
}
.style_tabbarItemWrapper__thLAe:hover::after {
  opacity: 0;
}
.style_tabbarItemWrapper__thLAe:active {
  background-color: var(--fc11);
}
.style_tabbarItemWrapper__thLAe:active .style_viewIconArea__p9lsw {
  background: linear-gradient(90deg, rgba(var(--fc11), 0.6) 0%, rgba(var(--fc11), 1) 30%, rgba(var(--fc11), 1) 100%);
}
.style_tabbarItemWrapper__thLAe svg {
  vertical-align: -0.125em;
  fill: var(--fc3);
}
.style_tabbarItemWrapper__thLAe svg path {
  fill: var(--fc3);
}
.style_tabbarItemWrapper__thLAe::after {
  content: '';
  display: block;
  height: 20px;
  background: var(--lineColor);
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-10px);
}
.style_tabbarItemWrapper__thLAe .style_inputBox__zTjs9 {
  border: none;
  outline: none;
  width: 160px;
  height: 21px;
  line-height: 21px;
  border-radius: 2px;
  font-size: 14px;
  padding: 2px 0;
  z-index: 3;
  border: 1px solid transparent;
  box-sizing: border-box;
  margin: 0 auto;
  background: var(--defaultBg);
}
.style_tabbarItemWrapper__thLAe .style_inputBox__zTjs9.style_lowestBg__GMAlv {
  background: var(--defaultBg);
}
.style_tabbarItemWrapper__thLAe .style_sheetName__Dr5LD {
  display: flex;
  align-items: center;
  position: relative;
  color: var(--fc1);
}
.style_tabbarItemWrapper__thLAe .style_sheetName__Dr5LD .style_name__ONRcs {
  display: inline-block;
  padding-left: 4px;
  height: 16px;
  line-height: 15px;
  -webkit-user-select: none;
          user-select: none;
  max-width: 156px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_tabbarItemWrapper__thLAe .style_closeBtn__Bu4_F {
  box-sizing: border-box;
}
.style_tabbarItemWrapper__thLAe .style_closeBtn__Bu4_F .style_circle__vRrxk {
  display: flex;
  justify-content: center;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  align-items: center;
  transform: rotate(90deg);
}
.style_tabbarItemWrapper__thLAe.style_preActive__Z7zT2:after {
  opacity: 0;
}
.style_tabbarItemWrapper__thLAe.style_active__8fa9V {
  border-color: var(--lineColor);
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__thLAe.style_active__8fa9V .style_lineBorder__yb1WE {
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__thLAe.style_active__8fa9V .style_viewIconArea__p9lsw {
  background: linear-gradient(90deg, rgba(var(--lowestBg), 0.6) 0%, rgba(var(--lowestBg), 1) 30%, rgba(var(--lowestBg), 1) 100%);
}
.style_tabbarItemWrapper__thLAe.style_active__8fa9V.style_specialType__L_1zw {
  background: var(--fc8);
}
.style_tabbarItemWrapper__thLAe.style_active__8fa9V.style_specialType__L_1zw .style_lineBorder__yb1WE {
  background: var(--fc8);
}
.style_tabbarItemWrapper__thLAe.style_active__8fa9V.style_specialType__L_1zw .style_viewIconArea__p9lsw {
  background: linear-gradient(90deg, rgba(var(--fc8), 0.6) 0%, rgba(var(--fc8), 1) 30%, rgba(var(--fc8), 1) 100%);
}
.style_tabbarItemWrapper__thLAe.style_active__8fa9V .style_name__ONRcs {
  color: var(--primaryColor);
}
.style_tabbarItemWrapper__thLAe.style_active__8fa9V svg,
.style_tabbarItemWrapper__thLAe.style_active__8fa9V svg path {
  fill: var(--primaryColor);
}
.style_tabbarItemWrapper__thLAe.style_active__8fa9V::after {
  opacity: 0;
}
.style_tabbarItemWrapper__thLAe.style_tabbarEditting__eGMF5.style_specialType__L_1zw .style_inputBox__zTjs9 {
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__thLAe.style_activePrev__6OOys {
  background: var(--lowestBg);
  border-bottom: none;
}
.style_tabbarItemWrapper__thLAe.style_activePrev__6OOys .style_item__4X8Kx {
  position: relative;
  height: 40px;
  background: var(--defaultBg);
  border-bottom-right-radius: 10px;
}
.style_tabbarItemWrapper__thLAe.style_activeNext__1PuY0 {
  border-bottom: none;
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__thLAe.style_activeNext__1PuY0 .style_item__4X8Kx {
  position: relative;
  height: 40px;
  background: var(--defaultBg);
  border-bottom-left-radius: 10px;
}
.style_tabbarItemWrapper__thLAe.style_err__UensG .style_inputBox__zTjs9 {
  border: 1px solid var(--errorColor);
}
.style_tabbarItemWrapper__thLAe.style_err__UensG .style_inputBox__zTjs9::selection {
  background: var(--errorColor);
}
.style_tabbarItemWrapper__thLAe .style_viewIconArea__p9lsw {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4px;
  transition: all 0.3s;
  border-radius: 4px;
  background: transparent;
  background: linear-gradient(90deg, rgba(var(--fc8), 0.6) 0%, rgba(var(--fc8), 1) 30%, rgba(var(--fc8), 1) 100%);
}
.style_tabbarItemWrapper__thLAe .style_viewIconArea__p9lsw > span,
.style_tabbarItemWrapper__thLAe .style_viewIconArea__p9lsw > div {
  transition: all 0.3s;
  border-radius: 4px;
}
.style_tabbarItemWrapper__thLAe .style_viewIconArea__p9lsw > span:hover,
.style_tabbarItemWrapper__thLAe .style_viewIconArea__p9lsw > div:hover {
  background-color: var(--fc11);
}
.style_tabbarItemWrapper__thLAe .style_viewIconArea__p9lsw > span:active,
.style_tabbarItemWrapper__thLAe .style_viewIconArea__p9lsw > div:active {
  background-color: var(--fc4);
}