/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_apiPanelContainer__340Wr {
  position: relative;
  z-index: var(--zIndex-1);
  flex-grow: 1;
  flex-shrink: 0;
  height: 100%;
  background-color: var(--dc01);
  color: white;
  padding: 24px;
}
.styles_apiPanelContainer__340Wr .styles_iconDelete__kSWk1 {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.styles_apiPanelContainer__340Wr .styles_panelTitle__V22i_ {
  color: var(--primaryColor);
  font-size: 20px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.styles_apiPanelContainer__340Wr .styles_panelTitle__V22i_ a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 6px;
  text-decoration: none;
}
.styles_apiPanelContainer__340Wr .styles_panelTitle__V22i_ a svg {
  vertical-align: sub;
}
.styles_apiPanelContainer__340Wr .styles_panelName___OSRE {
  color: white;
  font-size: 16px;
  font-weight: normal;
}
.styles_apiPanelContainer__340Wr .styles_panelName___OSRE .styles_nodeName__zcIYO span {
  width: auto;
}
.styles_apiPanelContainer__340Wr .styles_operationArea__eltjm {
  display: flex;
  justify-content: flex-end;
  padding: 16px 0;
}
.styles_apiPanelContainer__340Wr .styles_operationArea__eltjm .styles_switchFieldId__TkW_q,
.styles_apiPanelContainer__340Wr .styles_operationArea__eltjm .styles_switchApiToken__5Jeoa {
  display: flex;
  align-items: center;
  padding-left: 17px;
}
.styles_apiPanelContainer__340Wr .styles_operationArea__eltjm span {
  font-size: 13px;
  color: var(--static-white);
}
.styles_apiPanelContainer__340Wr .ant-tabs-content {
  min-height: 100%;
}
.styles_apiPanelContainer__340Wr .ant-tabs {
  position: absolute;
  left: 24px;
  top: 182px;
  right: 24px;
  bottom: 0;
  border-radius: 4px;
}
.styles_apiPanelContainer__340Wr .ant-tabs .ant-tabs-nav-list {
  width: 100%;
}
.styles_apiPanelContainer__340Wr .ant-tabs .ant-tabs-top > .ant-tabs-nav::before {
  border: none;
}
.styles_apiPanelContainer__340Wr .ant-tabs .ant-tabs-nav {
  margin-bottom: 0;
}
.styles_apiPanelContainer__340Wr .ant-tabs .ant-tabs-content-holder {
  background: var(--dc03);
  overflow: hidden scroll;
}
.styles_apiPanelContainer__340Wr .ant-tabs .ant-tabs-ink-bar {
  transform: scaleX(0.65);
}
.styles_apiPanelContainer__340Wr .ant-tabs-tabpane {
  padding-bottom: 100px;
}
.styles_apiPanelContainer__340Wr .ant-tabs-tab {
  flex-grow: 1;
  padding: 9px 0;
  display: block;
  text-align: center;
  margin: 0 !important;
  background: var(--dc02);
  max-width: 16.65%;
}
.styles_apiPanelContainer__340Wr .ant-tabs-tab::before {
  border: 0 !important;
}
.styles_apiPanelContainer__340Wr .ant-tabs-tab .ant-tabs-tab-btn {
  font-size: 12px;
  color: rgba(var(--static-white-rgb), 70%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 4px;
}
.styles_apiPanelContainer__340Wr .ant-tabs-tab .ant-tabs-tab-btn:focus {
  color: rgba(var(--static-white-rgb), 70%);
}
.styles_apiPanelContainer__340Wr .ant-tabs-tab .ant-tabs-tab-btn:active {
  color: rgba(var(--static-white-rgb), 90%);
}
.styles_apiPanelContainer__340Wr .ant-tabs-tab .ant-tabs-tab-btn:hover {
  color: rgba(var(--static-white-rgb), 80%);
}
.styles_apiPanelContainer__340Wr .ant-tabs-tab.ant-tabs-tab-active {
  background: var(--dc03);
}
.styles_apiPanelContainer__340Wr .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--static-white);
}
.styles_linkButton__U7_C7 {
  color: rgba(var(--static-white-rgb), 60%) !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_mask__d3QQY {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.style_mask__d3QQY i {
  font-size: 24px;
  margin-bottom: 16px;
}
.style_apitableWarpper__zYcvr {
  padding-top: 24px;
  height: calc(100% - 50px);
}
.style_tabs__FVam_ {
  padding-left: 0 !important;
  height: calc(100% - 50px);
}
.style_tabs__FVam_ .ant-tabs-nav-list {
  margin-left: 16px;
}
.style_tabs__FVam_ .ant-tabs-tab {
  padding-left: 8px;
  padding-right: 8px;
}
.style_tabs__FVam_ .ant-tabs-content,
.style_tabs__FVam_ .ant-tabs-tabpane {
  height: 100%;
}
.style_wrap__N2G72 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--fc8);
  z-index: var(--zIndex-1);
}
.style_wrap__N2G72 .ant-tabs {
  color: inherit !important;
}
.style_header__VE5HJ {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 49px;
  padding: 0 16px;
  box-shadow: inset 0px -1px 0px var(--lineColor);
}
.style_content__p8TUc {
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: stretch;
  overflow: scroll;
  height: 100%;
}
.style_bottomTip__Z4Cwv {
  height: 36px;
  line-height: 36px;
  text-align: center;
}
.style_listItem__WK0wr {
  cursor: pointer;
  padding: 8px 12px;
  width: 100%;
  border-radius: 4px;
}
.style_listItem__WK0wr .style_title__QUVot {
  color: var(--timeMachinePrimary);
  font-size: 14px;
  margin-bottom: 4px;
}
.style_listItem__WK0wr .style_title__QUVot span {
  line-height: 22px;
  display: block;
}
.style_listItem__WK0wr[data-active='true'] {
  background-color: var(--bgBglessActive);
}
.style_listItem__WK0wr:hover {
  background-color: var(--bgBglessHover);
}
.style_listItem__WK0wr:active {
  background-color: var(--bgBrandLightDefault);
}
.style_timeMachineFooter__gBTiS {
  display: flex;
  width: 100%;
  justify-content: space-between;
  color: var(--timeMachineSecondary);
  font-size: 12px;
  line-height: 18px;
}
.style_danger__t9xV_ {
  color: red;
}
.style_noList__PsOf4 {
  text-align: center;
  padding-top: 24vh;
}
.style_noList__PsOf4 p {
  margin-top: 16px;
}

.style_expandRecordPanel__WeTpF {
  position: relative;
  width: 100%;
  height: 100%;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__vM2X2 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__UCUSN {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__NBPNM ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__NBPNM ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__NBPNM 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__NBPNM ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__NBPNM li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__NBPNM .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__NBPNM .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__NBPNM .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__NBPNM .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__6Xdbf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__WOZQV {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__w0gxJ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__w0gxJ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__w0gxJ .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__w0gxJ .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__w0gxJ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__w0gxJ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__w0gxJ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__w0gxJ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__w0gxJ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__w0gxJ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__w0gxJ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__w0gxJ .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__w0gxJ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__w0gxJ .editBgColor::before,
.style_tree__w0gxJ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__w0gxJ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__w0gxJ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__w0gxJ .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__w0gxJ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__w0gxJ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__w0gxJ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__w0gxJ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__w0gxJ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__w0gxJ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__XjOsG .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__XjOsG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__XjOsG .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__XjOsG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__XjOsG .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__XjOsG .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__XjOsG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__PZv07 .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__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__PZv07 .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__PZv07 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__PZv07 .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__PZv07 .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__PZv07 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__PZv07 .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__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__PZv07 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__qe46e::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__qe46e::-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__qe46e:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Dyuj7::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Dyuj7::-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__Dyuj7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__2HUas {
  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__PHqyg {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__PHqyg {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__PHqyg {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__PHqyg {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__PHqyg {
    flex: 0 0 100%;
  }
}
.style_filterInput__xb0fJ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_toolList__TvHaV {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
}
.style_toolList__TvHaV span {
  margin-right: 16px;
}
.style_toolList__TvHaV svg {
  cursor: pointer;
  fill: var(--textCommonTertiary);
}
.style_toolList__TvHaV svg:hover {
  fill: var(--textBrandDefault);
}
.style_batchHandle__MtJMs {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 16px;
  align-items: center;
}
.style_batchHandle__MtJMs button {
  margin-right: 10px;
}
.style_batchHandle__MtJMs p {
  margin: 0;
}
.style_header__f1p_w {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.style_header__f1p_w p {
  margin: 0;
}
.style_archivedBy__73FN2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
}
.style_archivedBy__73FN2 span {
  margin-right: 10px;
}
.style_cellValue__8GsdP {
  width: 200px;
  line-height: 40px;
  padding: 0 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-thead > tr > th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.archiveDrawer .ant-drawer-header {
  border: none !important;
  padding: 20px 24px;
}
.archiveDrawer .ant-drawer-close {
  top: 20px;
  right: 20px;
}
.archiveDrawer .ant-drawer-close svg {
  fill: var(--textCommonPrimary) !important;
}
.archiveDrawer .ant-drawer-body {
  padding-top: 4px !important;
  padding-bottom: 0 !important;
}
.archivedRecordsTable .ant-table-cell-fix-right {
  background-color: var(--defaultBg) !important;
}
.archivedRecordsTable .ant-table-cell-fix-left {
  background-color: var(--defaultBg) !important;
}
.archivedRecordsTable .ant-table-row:hover td {
  background-color: var(--bgBglessSolidHover) !important;
}
.archivedRecordsTable .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 0 !important;
}
.archivedRecordsTable .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 0 !important;
}
.archivedRecordsTable .ant-table-thead tr th {
  background-color: var(--bgCommonLower) !important;
}
.archivedRecordsTable .ant-table-row-selected td {
  background-color: var(--bgBrandLightDefaultSolid) !important;
  border-bottom: 1px solid var(--borderCommonDefault) !important;
  border-color: var(--borderCommonDefault) !important;
}
.archivedRecordsTable .ant-table-tbody tr th {
  padding: 0;
  overflow-wrap: normal !important;
}
.archivedRecordsTable .ant-table-tbody tr td {
  padding: 0;
  overflow-wrap: normal !important;
}
.archivedRecordsTable .ant-pagination-item-link {
  background-color: inherit !important;
}
.archivedRecordsTable .ant-pagination-item {
  background-color: inherit !important;
  border: none !important;
}
.archivedRecordsTable .ant-pagination-item-active {
  background-color: var(--bgBrandLightDefault) !important;
}
.archivedRecordsTable .ant-pagination-item-active a {
  color: var(--textBrandDefault) !important;
}
.archivedRecordsTable .ant-select {
  width: 120px !important;
}
.archivedRecordsTable .ant-select-selector {
  height: 32px !important;
  border: none !important;
}
.archivedRecordsTable .ant-select-selection-item {
  line-height: 32px !important;
}
.archivedRecordsTable .ant-select-arrow {
  margin-top: -4px !important;
}
.archivedRecordsTable .ant-pagination-options-quick-jumper {
  margin-left: 20px !important;
  height: 32px !important;
  vertical-align: middle !important;
  line-height: 32px !important;
}
.archivedRecordsTable .ant-pagination-options-quick-jumper input {
  height: 32px !important;
  background-color: var(--bgControlsDefault) !important;
}
.archivedRecordsTable .ant-spin-blur:after {
  opacity: 0 !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__bGOXU {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__psUon {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__2_gM7 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__2_gM7 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__2_gM7 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__2_gM7 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__2_gM7 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__2_gM7 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__2_gM7 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__2_gM7 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__2_gM7 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__eYiIU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Z3vnX {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Fk41P .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Fk41P .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Fk41P .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__Fk41P .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__Fk41P .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Fk41P .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Fk41P .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Fk41P .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Fk41P .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Fk41P .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Fk41P .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Fk41P .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__Fk41P .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Fk41P .editBgColor::before,
.style_tree__Fk41P .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Fk41P .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Fk41P .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Fk41P .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__Fk41P .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Fk41P .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Fk41P .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Fk41P .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Fk41P .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Fk41P .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__xbsYv .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__xbsYv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__xbsYv .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__xbsYv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__xbsYv .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__xbsYv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__xbsYv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__e_ZDo .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__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__e_ZDo .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__e_ZDo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__e_ZDo .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__e_ZDo .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__e_ZDo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__e_ZDo .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__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__e_ZDo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__3WeAZ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__3WeAZ::-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__3WeAZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__bL4uN::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__bL4uN::-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__bL4uN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__F3QMz {
  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__0lWHc {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__0lWHc {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__0lWHc {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__0lWHc {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__0lWHc {
    flex: 0 0 100%;
  }
}
.style_filterInput__Z44rB {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_mirrorListInner__skKWy {
  border-radius: 8px;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  width: 400px;
  min-height: 322px;
  padding: 16px 8px 32px 16px;
  position: relative;
  overflow: hidden;
}
.style_mirrorListInner__skKWy .style_scroll__na38h {
  margin-top: 8px;
  max-height: 244px;
  overflow: auto;
}
.style_mirrorListInner__skKWy .style_operateButton__RuCek {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--lineColor);
  cursor: pointer;
  border-radius: 0px;
  background: none;
}
.style_mirrorListInner__skKWy .style_operateButton__RuCek > span:nth-child(1) {
  display: flex;
}
.style_listItem__7pt5t {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  cursor: pointer;
}
.style_listItem__7pt5t svg {
  margin-right: 8px;
}
.style_listItem__7pt5t:hover {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_skeletonWrapper__Az6Tw {
  margin-top: 20px;
}
.style_skeletonWrapper__Az6Tw .ant-skeleton-element {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
}
.style_mirrorItem__YkF3s.style_active__YFPyd,
.style_mirrorItem__YkF3s.style_active__YFPyd:hover {
  color: var(--primaryColor) !important;
}
.style_mirrorItem__YkF3s.style_active__YFPyd svg,
.style_mirrorItem__YkF3s.style_active__YFPyd:hover svg {
  fill: currentColor !important;
}
.style_blackInner__gMtCU {
  display: flex;
  flex-flow: column;
  align-items: center;
  overflow: auto;
}
.style_blackInner__gMtCU .style_imgBox__5rYB2 {
  width: 160px;
  height: 120px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.style_blackInner__gMtCU .style_emptyText__I9yRR {
  margin: 0 16px;
  font-size: 13px;
  color: var(--secondLevelText);
}
.style_blackInner__gMtCU button {
  margin-top: 24px;
}
.style_switchCoverFit__Hv4gd {
  display: flex;
  align-items: center;
}
.style_switchCoverFit__Hv4gd div[role='checkbox'] {
  border-color: var(--textCommonQuaternary);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__3515O {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__WKOLh {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__gbMB4 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__gbMB4 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__gbMB4 ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.styles_ant-select-option-common__gbMB4 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__gbMB4 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__gbMB4 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__gbMB4 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__gbMB4 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__gbMB4 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__uNRJM {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__Qst_d {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__JmLvp .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__JmLvp .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__JmLvp .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.styles_tree__JmLvp .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.styles_tree__JmLvp .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__JmLvp .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__JmLvp .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__JmLvp .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__JmLvp .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__JmLvp .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__JmLvp .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__JmLvp .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.styles_tree__JmLvp .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__JmLvp .editBgColor::before,
.styles_tree__JmLvp .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__JmLvp .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__JmLvp .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__JmLvp .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.styles_tree__JmLvp .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__JmLvp .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__JmLvp .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__JmLvp .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__JmLvp .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__JmLvp .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__EHrRf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
  color: var(--inactiveColor);
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__DwXvv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__Q2lap::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__Q2lap::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.styles_scroll-bar-default__Q2lap:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__ngecy::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__ngecy::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.styles_scroll-bar-small__ngecy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__h4zj8 {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.4s;
  overflow: hidden;
  background-color: var(--defaultBg);
  border: 1px solid var(--borderStroke);
}
.styles_templateCardFlexWidth___yUo4 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth___yUo4 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth___yUo4 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth___yUo4 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth___yUo4 {
    flex: 0 0 100%;
  }
}
.styles_filterInput___H8ms {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
@keyframes styles_fadeIn___y2rm {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.styles_findSearchInput__9sVvd {
  width: 263px;
  background: var(--defaultBg);
  height: 32px;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  padding: 0 8px;
  align-items: center;
  animation: styles_fadeIn___y2rm 0.3s ease;
  margin-right: 8px;
}
.styles_findSearchInput__9sVvd.styles_darkBg__hhclt {
  background-color: var(--highBg);
}
.styles_findSearchInput__9sVvd.styles_darkBg__hhclt .styles_searchInput__IJjNt,
.styles_findSearchInput__9sVvd.styles_darkBg__hhclt input {
  background-color: var(--highBg);
}
.styles_findSearchInput__9sVvd .styles_searchIcon__ejmbc {
  display: inline-block;
  margin-right: 2px;
  width: 16px;
  height: 16px;
}
.styles_findSearchInput__9sVvd .styles_searchIcon__ejmbc svg {
  fill: var(--thirdLevelText);
}
.styles_findSearchInput__9sVvd .styles_inputTextGroup__twruM {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.styles_findSearchInput__9sVvd .styles_inputTextGroup__twruM .styles_searchCountText__Mg2NZ {
  display: inline-block;
  width: -webkit-max-content;
  width: max-content;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  z-index: 1;
}
.styles_findSearchInput__9sVvd .styles_searchInputWrap__aV4ou {
  position: relative;
  flex: 1;
  height: 32px;
}
.styles_findSearchInput__9sVvd .styles_searchInputWrap__aV4ou input {
  border: none;
  outline: none;
  caret-color: var(--primaryColor);
  position: absolute;
  left: 0;
  height: 100%;
  max-width: 100%;
  background-color: transparent;
  color: var(--fc1);
}
.styles_findSearchInput__9sVvd .styles_iconGroup__SvRom {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.styles_findSearchInput__9sVvd .styles_iconGroup__SvRom::before {
  content: " ";
  border-left: 1px solid var(--shadowColor);
  display: inline-block;
  height: 16px;
}
.styles_findSearchInput__9sVvd .styles_prevBtn__IKfkM,
.styles_findSearchInput__9sVvd .styles_nextBtn__3RwWe {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
}
.styles_findSearchInput__9sVvd .styles_prevBtn__IKfkM {
  margin: 0 8px;
}
.styles_findSearchInput__9sVvd .styles_nextBtn__3RwWe {
  margin-right: 16px;
}
.styles_findSearchInput__9sVvd .styles_closeButton__joOmH {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.styles_findSearchInput__9sVvd .styles_closeButton__joOmH:hover svg {
  fill: var(--black_600);
}
.styles_findSearchInput__9sVvd .styles_closeButton__joOmH:active svg {
  fill: var(--black_700);
}
.styles_findSearchInput__9sVvd .styles_closeButton__joOmH svg {
  fill: var(--black_500);
  transition: all 0.3s;
}

/**
* 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__4ZTVQ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__jERfc {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__KDu_1 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__KDu_1 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__KDu_1 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__KDu_1 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__KDu_1 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__KDu_1 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__KDu_1 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__KDu_1 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__KDu_1 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ZD7_n {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__EGN9M {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__W2EoG .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__W2EoG .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__W2EoG .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__W2EoG .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__W2EoG .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__W2EoG .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__W2EoG .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__W2EoG .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__W2EoG .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__W2EoG .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__W2EoG .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__W2EoG .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__W2EoG .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__W2EoG .editBgColor::before,
.style_tree__W2EoG .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__W2EoG .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__W2EoG .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__W2EoG .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__W2EoG .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__W2EoG .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__W2EoG .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__W2EoG .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__W2EoG .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__W2EoG .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__GUmt9 .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__GUmt9 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__GUmt9 .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__GUmt9 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__GUmt9 .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__GUmt9 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__GUmt9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ieQyd .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__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ieQyd .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__ieQyd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ieQyd .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__ieQyd .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__ieQyd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ieQyd .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__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ieQyd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__JZa37::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__JZa37::-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__JZa37:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__8wmad::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__8wmad::-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__8wmad:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__tJ_LL {
  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__epoiI {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__epoiI {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__epoiI {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__epoiI {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__epoiI {
    flex: 0 0 100%;
  }
}
.style_filterInput__ywMt5 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_skeletonWrapper__gn_Pq .ant-skeleton-element {
  display: inline-block;
  width: 100%;
}
.style_panelContainer__X49tZ {
  width: 400px;
  border-radius: 8px;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
}
.style_panelContainer__X49tZ .style_header__wBm4L {
  display: flex;
  padding: 16px 16px 0;
  font-size: 14px;
  margin-bottom: 0;
  color: var(--fc1);
}
.style_panelContainer__X49tZ .style_header__wBm4L .style_helpBtn__rnvlT {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_panelContainer__X49tZ .style_content__rczzh {
  width: 100%;
  margin-top: 16px;
  padding: 0 16px;
  height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
}
.style_panelContainer__X49tZ .style_content__rczzh .style_formItem__SBRs2 {
  display: flex;
  align-items: center;
  padding-left: 8px;
  width: 100%;
  height: 40px;
  cursor: pointer;
  border-radius: 4px;
}
.style_panelContainer__X49tZ .style_content__rczzh .style_formItem__SBRs2:hover {
  background-color: var(--rowSelectedBg);
}
.style_panelContainer__X49tZ .style_content__rczzh .style_formItem__SBRs2 .style_formName__zmSN4 {
  width: 340px;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_panelContainer__X49tZ .style_emptyContent__RzQOL {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_panelContainer__X49tZ .style_emptyContent__RzQOL .style_emptyImg__QWLFw {
  width: 160px;
  height: 120px;
}
.style_panelContainer__X49tZ .style_emptyContent__RzQOL .style_emptyText__To_oS {
  margin: 16px 16px 0 16px;
  font-size: 13px;
  color: var(--secondLevelText);
}
.style_panelContainer__X49tZ .style_footer__R26SH {
  display: flex;
  justify-content: center;
  padding: 24px 0 32px;
}
.style_panelContainer__X49tZ .style_footer__R26SH.style_notEmpty__ZUQ8k {
  padding: 0;
  border-top: 1px solid var(--lineColor);
}
.style_panelContainer__X49tZ .style_footer__R26SH.style_notEmpty__ZUQ8k .style_addBtn__1j1PO {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.style_panelContainer__X49tZ .style_footer__R26SH .style_addBtn__1j1PO {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_foreignForm__AplEd.style_active__RJRNo,
.style_foreignForm__AplEd.style_active__RJRNo:hover {
  color: var(--primaryColor) !important;
}
.style_foreignForm__AplEd.style_active__RJRNo svg,
.style_foreignForm__AplEd.style_active__RJRNo:hover svg {
  fill: currentColor !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__1xCEJ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__YA_qQ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Brfse ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Brfse ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Brfse 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__Brfse ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Brfse li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Brfse .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Brfse .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Brfse .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Brfse .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__X__Y_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__rSBbP {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__cw2Mf .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__cw2Mf .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__cw2Mf .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__cw2Mf .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__cw2Mf .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__cw2Mf .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__cw2Mf .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__cw2Mf .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__cw2Mf .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__cw2Mf .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__cw2Mf .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__cw2Mf .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__cw2Mf .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__cw2Mf .editBgColor::before,
.style_tree__cw2Mf .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__cw2Mf .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__cw2Mf .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__cw2Mf .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__cw2Mf .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__cw2Mf .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__cw2Mf .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__cw2Mf .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__cw2Mf .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__cw2Mf .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__cXVhU .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__cXVhU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__cXVhU .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__cXVhU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__cXVhU .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__cXVhU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__cXVhU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__yo7AA .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__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__yo7AA .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__yo7AA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__yo7AA .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__yo7AA .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__yo7AA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__yo7AA .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__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__yo7AA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Db02H::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Db02H::-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__Db02H:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__koqEK::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__koqEK::-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__koqEK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__7VVAM {
  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__a_rDZ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__a_rDZ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__a_rDZ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__a_rDZ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__a_rDZ {
    flex: 0 0 100%;
  }
}
.style_filterInput__PESrx {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_mobileToolBar__PLvRR {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  background-color: var(--defaultBg);
  border-bottom: 1px solid var(--lineColor);
}
.style_mobileToolBar__PLvRR .style_side__NUh81 {
  background-color: var(--primaryColor);
  width: 32px;
  height: 32px;
  border-radius: 0 50% 50% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px / 375px * 100vw;
  flex-shrink: 0;
}
.style_embedPadding__zhayZ {
  padding-left: 24px;
}
.style_toolRight__CAY1r {
  height: 30px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  align-content: flex-end;
  margin-right: 8px;
}
.style_toolRight__CAY1r .style_trigger__BrnoS {
  width: 24px;
  height: 24px;
  padding: 0;
  min-width: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 4px;
}
.style_toolRight__CAY1r .style_trigger__BrnoS:first-child {
  margin-right: 4px;
}
.style_toolRight__CAY1r .style_find__gAvs6 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.style_content__a9X4p {
  padding: 4px 16px;
}
.style_moreToolItem__TaKki {
  display: flex;
  width: 104px;
  height: 44px;
  align-items: center;
}
.style_moreToolItem__TaKki .style_moreToolBtn__TwOiA {
  font-size: 16px;
}
.style_moreToolItem__TaKki .ant-btn {
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
}
.style_moreToolItem__TaKki svg {
  margin-right: 4px;
}
.style_moreToolItem__TaKki .style_toolName__uG0qP {
  color: var(--static-white);
}
.style_viewList__SgnVG {
  display: flex;
  align-items: center;
  overflow: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  transform: all 0.3s;
  height: 40px;
}
.style_viewList__SgnVG .style_viewItem__zgi_l {
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  flex-shrink: 0;
  color: var(--secondLevelText);
  border-radius: 4px;
}
.style_viewList__SgnVG .style_viewItem__zgi_l.style_active__dYDXx {
  color: var(--static-white);
  position: relative;
  background-color: var(--primaryColor);
}
.style_viewList__SgnVG .style_viewItem__zgi_l .style_viewItemName__u0UCd {
  margin-left: 4px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_viewToolsWrapper__f4B9T {
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  background-color: var(--defaultBg);
  border-top: 1px solid var(--lineColor);
}
@supports (bottom: constant(safe-area-inset-bottom)) or
  (bottom: env(safe-area-inset-bottom)) {
  .style_viewToolsWrapper__f4B9T {
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
  }
}
.style_menuOpenContainer__uCh4J {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_menuIconWrapper__DcpvU {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: 16px;
  margin-right: 8px;
  background-color: var(--rowSelectedBg);
}
.style_wrapper___EBPw {
  position: absolute;
  left: 32px;
  top: 6px;
  z-index: 1;
  width: calc(100% - 32px);
  background-color: var(--defaultBg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  animation: style_expand__CgNBr ease 0.3s;
  transform-origin: right center;
}
@keyframes style_expand__CgNBr {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.style_search__1x2xG {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  border-radius: 16px !important;
  background-color: var(--fc6);
  padding: 0 8px;
  flex: 1;
}
.style_search__1x2xG input {
  border-radius: 16px !important;
}
.style_iconGroup__6cqhW {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.style_iconGroup__6cqhW > svg {
  margin-left: 24px;
  cursor: pointer;
}
.style_iconGroup__6cqhW::before {
  content: " ";
  border-left: 1px solid var(--shadowColor);
}
.style_slash__HQR5W {
  height: 16px;
  width: 1px;
  margin: 0 8px;
  opacity: 0.1;
  background-color: black;
}
.style_searchCountText__PG_ML {
  display: inline-block;
  width: -webkit-max-content;
  width: max-content;
  -webkit-user-select: none;
          user-select: none;
}
.style_clear__sg2FK {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_clear__sg2FK > svg {
  fill: var(--fc4);
}
.style_cancel__oADQk {
  margin-left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_widgetTool__cF_xY {
  margin-left: 4px;
}